@charset "utf-8";

body {
	font-family: "MicroSoft YaHei";
}

.tocompleteinfomation {
	min-width: 1000px;
}

/*
     滚动条
*/
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-button {
	background-color: #edeff2;
}

::-webkit-scrollbar-track {
	background: #FF66D5;
}

::-webkit-scrollbar-track-piece {
	background: #edeff2;
}

::-webkit-scrollbar-thumb {
	background: #ccd9ff;
}

::-webkit-scrollbar-corner {
	background: #82AFFF;
}

::-webkit-scrollbar-resizer {
	background: #FF0BEE;
}

.noPadding {
	padding: 0px;
}

.noBold {
	font-weight: normal;
}

/*页头页脚轮播*/
/*头部*/
.top {
	background: #1F2433;
	height: 40px;
	line-height: 40px;
}

.container {
	max-width: none !important;
	width: 1000px;
}

.notLogin {
	display: none;
	font-size: 12px;
	padding-right: unset;
}

.alreadyLogin {
	display: none;
	padding-right: unset;
}

.notLogin span {
	margin: 0px 10px;
}

.notLogin span a {
	color: #A1A5B2;
}

.notLogin span a:hover {
	color: #fff;
	text-decoration: unset;
}

.registerBtn {
	/*background-image: url(../images/index/login_register_bg.png);
    width: 80px;
    height: 30px;*/
	cursor: pointer;
	width: 57px;
	height: 26px;
	line-height: 26px;
	background: #3860F4;
	border-radius: 6px;
	display: inline-block;
	text-align: center;
	color: #fff;
}

.registerBtn:hover {
	background: #3357DF;
}


/*用户中心*/
.user-top img {
	cursor: pointer;
}

.topMenu{
	text-align: right;
	height: 40px;
	position: relative;
}
.topMenu span{
	color: #A1A5B2;
	font-size: 12px;
}

.topMenu span:hover {
	cursor: pointer;
}

.topMenu span img {
	width: 20px;
	margin-right: 5px;
	margin-left: 20px;
}

.bottomMenu {
	padding: 9px 0;
	text-align: center;
	z-index: 1000;
	width: 95px;
	height: 68px;
	position: absolute;
	top: 40px;
	right: 0px;
	display: none;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.bottomMenuIn {
	background: #eef0f3;
	text-align: left;
	z-index: 1000;
	width: 118px;
	height: 90px;
	border: 1px solid #ddd;
	position: absolute;
	top: 30px;
	right: 30px;
	display: none;
}

.loginMenu {
	width: 95px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
}

.loginMenu:hover {
	cursor: pointer;
}

.loginMenu span img {
	width: 14px;
	margin-right: 8px;
	margin-left: 23px;
}

.loginMenuWord:hover {
	color: #3860F4;
}

.borderStyle {
	border: 1px solid #ddd;
}

/*产品服务、联系我们*/

.bgStyle {
    /*background-image: url(../images/index/nav_bg.png);*/
    color:#3860F4 !important;
}
.contactUs {
	position: relative;
}

.contactUs li a {
	color: #f4f4f4;
}

.zixunredianFrame {
	text-align: center;
	position: absolute;
	width: 160px;
	height: 120px;
	background: #1e2c42;
	opacity: 0.96;
	top: 58px;
	/*right: 500px;*/
	z-index: 1005;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.zixunredianBtn {
	margin: 20px;
	width: 120px;
	height: 30px;
	color: #f4f4f4;
	background-color: #304766;
	line-height: 30px;
}

.zixunredianBtn a {
	color: #f4f4f4;
	text-decoration: none;
}

.contactUsFrame {
	text-align: center;
	padding: 9px 0;
	width: 95px;
	height: 78px;
	background: #fff;
	position: absolute;
	top: 58px;
	left: -19px;
	z-index: 1001;
	border-radius: 2px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.contactUsBtn {
	width: 95px;
	height: 30px;
	color: #292B33;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
}

.contactUsBtn.active {
	color:#3860F4 !important;
	text-decoration: none;
}

.trainFrame {
    text-align: center;
    padding: 9px 0;
    width: 95px;
    height: 78px;
    background: #fff;
    position: absolute;
    top: 58px;
    left:-19px;
    z-index: 1001;
    border-radius: 2px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.trainBtn {
	width: 95px;
	height: 30px;
	color: #292B33;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
}
.trainBtn.active {
	color:#3860F4 !important;
	text-decoration: none;
}

#blankBtn {
	width: 80px;
	height: 116px;
	line-height: 52px;
	text-align: center;
	border-right: 1px solid #304567;
}

.productServer {
	position: relative;
}

.productServerFrame {
	padding: 9px 0;
	width: 360px;
	height: 166px;
	background: #fff;
	position: absolute;
	top: 58px;
	left: -152px;
	z-index: 1001;
	border-radius: 2px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.productMenu {
	width: 180px;
	padding: 0 30px;
	float: left;
}

.serverMenu {
	width: 180px;
	padding: 0 30px;
	float: right;
}

#productBtn {
	width: 100%;
	height: 42px;
	line-height: 45px;
	text-align: left;
	color: #7A8199;
	border-bottom: 1px solid #E1E2E6;
	margin-bottom: 6px;
}

#serverBtn {
	width: 100%;
	height: 42px;
	line-height: 45px;
	text-align: left;
	color: #7A8199;
	border-bottom: 1px solid #E1E2E6;
	margin-bottom: 6px;
}

.productServerBtn {
	width: 100%;
	height: 30px;
	color: #292B33;
	line-height: 30px;
	font-size: 13px;
}

.productServerBtn.active {
	color:#3860F4 !important;
	text-decoration: none;
}


/*页头*/
.headerMenu {
	padding-left: unset;
}

.headerMenu>img {
	display: block;
	margin-top: 15px;
	line-height: 60px;
	float: left;
	cursor: pointer;
}

.headerMenu ul li {
	height: 58px;
	line-height: 58px;
	float: left;
	margin-left: 40px;
	color: #A1A5B2;
	position: relative;
}

.headerMenu ul li:hover {
	color: #fff;
	border-bottom: 2px solid #3860F4;
	cursor: pointer;
}

.headerMenu .badgeImgHot {
	width: 30px;
	height: 18px;
	line-height: 18px;
	position: absolute;
	top: 12px;
	right: -27px;
	border-radius: 6px;
	background: #F10702;
}

.headerMenu .badgeImgNew {
	width: 30px;
	height: 18px;
	line-height: 18px;
	position: absolute;
	top: 12px;
	right: -27px;
	border-radius: 6px;
	background: #3860F4;
}

.headerMenu .badgeImgNew img {
	width: 29px;
	height: 17px;
	position: absolute;
	top: 1px;
	left: 1px;
}

.headerMenu .badgeImgHot img {
	width: 25px;
	height: 12px;
	position: absolute;
	top: 3px;
	left: 3px;
}

.logo-div {
	padding-left: unset;
}

.header-bar-menu {
	width: 78%;
}

.header-bar-menu>ul>li>a {
	color: #515d60;
	text-decoration: none;
}

.header-bar-menu>ul>li>a:hover {
	color: #4786c8;
}

.headerMenuActive {
	color: #fff !important;
	border-bottom: 2px solid #3860F4;
	cursor: pointer;
}

.carouselFrame {
	background-size: 100% 100%;
	height: 400px;
	background: #0F121A;
}

.carousel-indicators li {
    display: inline-block;
    width: 40px;
    height: 4px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #5367AE;
    border: 1px solid #5367AE;
    border-radius: 10px;
}

.carousel-indicators .active{
	width: 40px;
    height: 4px;
    margin: 1px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: left;
}
/*authoration-card*/
.authoration-card {
	margin-top: 44px;
	width: 310px;
	height: 120px;
	cursor: pointer;
	background-color: #FAFBFF;
	border: 1px solid #E1E6F0;
	display: inline-block;
}
.authoration-card:hover{
	box-shadow: 0px 4px 10px 0px rgba(0, 85, 240, 0.06);
}
#authoration-body .row .authoration-card:not(:last-child){
	margin-right:29px;
}
.authoration-card .card-img{
	width:80px;
	height: 100%;
	float:left;
}
.authoration-card .card-img div{
	margin: 0 auto;
	width:50px;
	height:50px;
    display: block;
    position: relative;
    top: 33px;
}
.csdbpt .card-img div{
	background-image: url("../images/index/authoration1.png");
	background-position: 0 0;
}
.zxblhy .card-img div{
	background-image: url("../images/index/authoration2.png");
	background-position: 0 0;
}
.sqhcx .card-img div{
	background-image: url("../images/index/authoration3.png");
	background-position: 0 0;
}

@keyframes run-in{
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 -1250px;
    }
}
@keyframes run-out{
    0%{
        background-position: 0 -1250px;
    }
    100%{
        background-position: 0 0;
    }
}
.authoration-card .card-img .noActive{
	animation: run-out 1s steps(25, start) forwards;
    -webkit-animation: run-out 1s steps(25, start) forwards;
    -moz-animation: run-out 1s steps(25, start) forwards;
	-o-animation: run-out 1s steps(25, start) forwards;
}
.authoration-card .card-img .active{
	animation: run-in 1s steps(25, start) forwards;
    -webkit-animation: run-in 1s steps(25, start) forwards;
    -moz-animation: run-in 1s steps(25, start) forwards;
	-o-animation: run-in 1s steps(25, start) forwards;
}
.authoration-card .card-txt{
	width: 228px;
	height: 100%;
	float: right;
}
.authoration-card .card-txt .txt1{
	margin-top: 28px;
	height: 21px;
	line-height: 21px;
	font-size: 21px;
	font-weight: 800;
	color: #292B33;
}
.authoration-card .card-txt .txt2{
	margin-top: 24px;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
	color: #7A8199;
}


/*notice*/
.notices {
	height: 430px;
	background-color: #fff;
}

.noticeTitle {
	font-size: 32px;
	color: #292B33;
	font-weight: 400;
}

.noticeWord {
	font-size: 16px;
	color: #b3b3b3;
}

.moreArticle {
	font-size: 16px;
	color: #4786c8;
	float: right;
}

.moreArticle a {
	font-size: 16px;
	color: #4786c8;
}

.moreArticle a:link {
	text-decoration: underline;
}
.moreArticle .notice_more, #guideIndex .notice_more{
	width:34px;
	height:6px;
	float: right;
    background-repeat: no-repeat;
    margin-top: 20px;
	background-image: url("../images/index/more.png");
	cursor: pointer;
}

.moreArticle .notice_more:hover , #guideIndex .notice_more:hover{
	background-image: url("../images/index/more_hover.png");
}

.noticeFrame {
	width: 499px;
	float: left;
	padding-left: 0px;
}

.noticeFrame ul li {
	line-height: 48px;
}

.noticeFrame ul li h5 {
	font-size: 14px;
	font-weight: bold;
	color: #4786c8;
}

.noticeFrame ul li h5 a {
	color: #4786c8;
}

.noticeFrame ul li span {
	font-size: 14px;
	color: #7A8199;
}

.noticeFrame ul li span a {
	font-size: 14px;
	color: #525666;
}

.noticeFrame ul li span a:hover {
	font-size: 14px;
	color: #3860F4;
}

.notice-middle {
	float: left;
	width: 2px;
	height: 290px;
	margin-top: 120px;
	background-color: #F9FAFC;
}

.homepage-notice{
	padding-right: 30px;
}

/*hot*/
.hotFrame {
	float: left;
	width: 499px;
	padding-right: 0px;
}

.hotFrame ul li {
	line-height: 48px;
}

.hotFrame ul li h5 {
	font-size: 14px;
	font-weight: bold;
	color: #4786c8;
}

.hotFrame ul li h5 a {
	color: #4786c8;
}

.hotFrame ul li span {
	font-size: 14px;
	color: #5a5a5a;
}

.hotFrame ul li span a {
	font-size: 14px;
	color: #5a5a5a;
}

.hotFrame ul li span a:hover {
	font-size: 14px;
	color: #3860F4;
}
.homepage-hot{
	padding-left: 30px;
}


/*页尾*/
.footer {
	background-color: #0A1633;
	height: 400px;
}

.footer .container .row ul .footer-title {
	font-size: 15px;
	color: #fff;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.footer .container .row ul {
	margin-top: 30px;
}

.footer .container .row ul li{
	line-height: 24px;
	font-size: 14px;
}
.footer .container .row ul li a:hover,.copyright>a:hover {
	color: #3860F4;
}

.footer-text,.footer-text a{
	color: #6C7385;
}
.footer-text:hover{
	color: #9DA2AD;
}

.footTalk {
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 30px 0 0 0;
	cursor: pointer;
	background: #3860F4;
	color: #fff;
	border-radius: 6px;
}

.footTalk:hover {
	background: #403FF4;
}

.footKefu {
	width: 160px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	margin: 50px 0 0 0;
	cursor: pointer;
	color: #7a7b88;
	border: 1px solid #7a7b88;
	border-radius: 6px;
}

.footKefu:hover {
	border: 1px solid #fff;
	color: #fff;
}

.footer .copyright,.copyright>a {
	color: #6C7385;
	line-height: 32px;
	margin-top: 80px;
	text-align: center;
}
.copyright:hover{
	color: #9DA2AD;
}

.foot-sm-1,.foot-sm-2,.foot-sm-3 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	float: left;
}

.foot-sm-1 {
	width: 11%;
}

.foot-sm-2 {
	width: 18%;
}

.foot-sm-3 {
	width: 21%;
}

.foot-sm-4 {
	width: 25%;
}

/*我们的产品*/

.product-block {
    background-color: #F6F9FD;
    height: 590px;
    background-image: url("../images/index/our-product.png");
    background-repeat: no-repeat;
    background-position:bottom center;
}


/*四个模块主体部分样式*/
.content-all {
	width: 1000px;
	margin: 0 auto;
}


/*文字头部样式*/
.content-head {
	text-align: center;
}

.content-head>.pro-title {
	color: #292B33;
	font-size: 32px;
	padding-top: 50px;
	margin-bottom: 20px;
}

.content-head p {
	color: #7A8199;
	font-size: 16px;
	margin-bottom: 42px;
}

/*卡片区域样式*/
.cards-area {
	height: 460px;
	margin-left: 0;
	padding-left: 0;
/*	background: #FFFFFF;
	box-shadow: 0px 14px 43px 0px rgba(179, 179, 179, 0.3);*/
	position: relative;
	display: flex;
	justify-content: center;
}


/*去除所有li标签样式*/

.cards-area li {
	list-style: none;
}


/*单个模块样式*/
.product-card {
	background-color: #fff;
	box-sizing: border-box;
	display: inline-block;
	width: 460px;
	height: 460px;
	position: relative;
	text-align: center;
	box-shadow: 0px 14px 43px 0px rgba(179, 179, 179, 0.3);
	float: left;
}

.product-split {
	display: inline-block;
	height: 386px;
	width: 80px;
	opacity: 0.1;
	margin: 37px 0;
	float: left;
}

.product-card .split {
	width: 20px;
	height: 1px;
	background: #C5D1E4;
	display: inline-block;
	position: relative;
	top: 0;
	
	transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  	transform: translate3d(0,0,0);
  	opacity:0;
  	z-index:1;
}

.product-head-img {
	width: 150px;
	height: 114px;
	margin-top: 25px;
	display: inline-block;
	
	transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  	transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  	opacity:1;
  	z-index:1000;
}

.product-title {
	margin-top: 14px;
	color: #292B33;
	font-size: 20px;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	
	transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
    transform: translate3d(0,0,0);
}

.product-title-second {
	margin-top: 21px;
	color: #7A8199;
	font-size: 14px;
	line-height: 26px;
	height: 48px;
	
	transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  	transform: translate3d(0,0,0);
}

.product-content {
	position: absolute;
	width: 100%;
	
	transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  	transform: translate3d(0,0,0);
  	opacity:1;
  	z-index:1000;
}

.product-content .hr {
	margin: 30px auto 20px;
	width: 21px;
	height: 5px;
	background: #5E5E5E;
	border-radius: 3px;
}

.product-content .content {
	color: #525666;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
}

.product-content-on {
	position: relative;
	
	transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  	transform: translate3d(0,0,0);
  	opacity:0;
  	z-index:1;
}

.product-content-on .detail-btn {
	width: 160px;
	height: 40px;
	line-height: 40px;
	background: #FFFFFF;
	border: 1px solid #3860F4;
	border-radius: 6px;
	margin: 0 auto;
	color: #3860F4;
	cursor: pointer;
}
.product-content-on .detail-btn:hover{
	color: #fff;
	background: #403FF4;
}

.product-content-on .hr-long {
	width: 208px;
	height: 2px;
	background: #F4F9FF;
	margin: 39px auto 0;
}

.product-content-on .download-area {
	padding: 20px 125px;
	height: 176px;
}

.product-content-on .download-area .product-name {
	line-height: 34px;
	height: 34px;
	color: #525666;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	display: inline-block;
	width: 180px;
}

.product-content-on .download-area .product-download {
	float: right;
	margin-top: 8px;
	cursor: pointer;
}

.product-content-on .download-area .product-sites {
	color: #3860F4;
	cursor: pointer;
	font-size: 14px;
	display: inline-block;
	margin-right: 6px;
}

.product-content-on .download-area .downloadImg{
	width: 16px;
	height: 16px;
	background-image: url("../images/index/download.png");
} 

.product-content-on .download-area .downloadImg:hover{
	background-image: url("../images/index/download_hover.png");
}

.product-card .product_more{
	width:24px;
	background-image: url("../images/index/product_more.png");
	display: inline-block;
    height: 6px;
    background-size: contain;
    cursor: pointer;
    position: relative;
    top: -2px;
}


/*********************产品 card 动效******start*****************************/
/*********img-out*************/
@keyframes img-out
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0);
  opacity:0;
  z-index:1;
  }
}
@-webkit-keyframes img-out
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0);
  opacity:0;
  z-index:1;
  }
}
@-moz-keyframes img-out
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0);
  opacity:0;
  z-index:1;
  }
}
@-o-keyframes img-out
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0);
  opacity:0;
  z-index:1;
  }
}
/*********img-in*************/
@keyframes img-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
}
@-webkit-keyframes img-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
}
@-moz-keyframes img-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
}
@-o-keyframes img-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
}
/*********split-in*************/
@keyframes split-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0);
  opacity:1;
  z-index:1000;
  }
}
@-webkit-keyframes split-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0);
  opacity:1;
  z-index:1000;
  }
}
@-moz-keyframes split-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0);
  opacity:1;
  z-index:1000;
  }
}
@-o-keyframes split-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-8px,0);
  opacity:1;
  z-index:1000;
  }
}
/*********split-out*************/
@keyframes split-out
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-8px,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0;
  z-index:1;
  }
}
@-webkit-keyframes split-out
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-8px,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0;
  z-index:1;
  }
}
@-moz-keyframes split-out
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-8px,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0;
  z-index:1;
  }
}
@-o-keyframes split-out
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-8px,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0;
  z-index:1;
  }
}
/*********title-up*************/
@keyframes title-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-100px,0);
  }
}
@-webkit-keyframes title-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-100px,0);
  }
}
@-moz-keyframes title-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-100px,0);
  }
}
@-o-keyframes title-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-100px,0);
  }
}
/*********title-down*************/
@keyframes title-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-100px,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes title-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-100px,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  }
}
@-moz-keyframes title-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-100px,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  }
}
@-o-keyframes title-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-100px,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  }
}
/*********title-second-up*************/
@keyframes title-second-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-90px,0);
  }
}
@-webkit-keyframes title-second-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-90px,0);
  }
}
@-moz-keyframes title-second-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-90px,0);
  }
}
@-o-keyframes title-second-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-90px,0);
  }
}
/*********title-second-down*************/
@keyframes title-second-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-90px,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes title-second-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-90px,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  }
}
@-moz-keyframes title-second-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-90px,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  }
}
@-o-keyframes title-second-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-90px,0); /*设置只在Z轴上移动*/
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  }
}
/**********content-up***********************/
@keyframes content-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-50px,0);
  opacity:0;
  z-index:1;
  }
}
@-webkit-keyframes content-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-50px,0);
  opacity:0;
  z-index:1;
  }
}
@-moz-keyframes content-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-50px,0);
  opacity:0;
  z-index:1;
  }
}
@-o-keyframes content-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-50px,0);
  opacity:0;
  z-index:1;
  }
}
/**********content-down***********************/
@keyframes content-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-50px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
}
@-webkit-keyframes content-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-50px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
}
@-moz-keyframes content-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-50px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
}
@-o-keyframes content-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-50px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
}
/**********content-on-up***********************/
@keyframes content-on-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-50px,0);
  opacity:1;
  z-index:1000;
  }
}
@-webkit-keyframes content-on-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-50px,0);
  opacity:1;
  z-index:1000;
  }
}
@-moz-keyframes content-on-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-50px,0);
  opacity:1;
  z-index:1000;
  }
}
@-o-keyframes content-on-up
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-50px,0);
  opacity:1;
  z-index:1000;
  }
}
/**********content-on-down***********************/
@keyframes content-on-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-50px,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0;
  z-index:1;
  }
}
@-webkit-keyframes content-on-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-50px,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0;
  z-index:1;
  }
}
@-moz-keyframes content-on-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-50px,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0;
  z-index:1;
  }
}
@-o-keyframes content-on-down
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-50px,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0;
  z-index:1;
  }
}
.product-card.active .product-head-img{
	animation: img-out 0.3s ease-in forwards;
	-moz-animation: img-out 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: img-out 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: img-out 0.3s ease-in forwards;	/* Opera */
}
.product-card.noActive .product-head-img{
	animation: img-in 0.3s ease-in forwards;
	-moz-animation: img-in 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: img-in 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: img-in 0.3s ease-in forwards;	/* Opera */
}
.product-card.active .split{
	animation: split-in 0.3s ease-in forwards;
	-moz-animation: split-in 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: split-in 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: split-in 0.3s ease-in forwards;	/* Opera */
}
.product-card.noActive .split{
	animation: split-out 0.3s ease-in forwards;
	-moz-animation: split-out 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: split-out 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: split-out 0.3s ease-in forwards;	/* Opera */
}
.product-card.active .product-title{
	animation: title-up 0.3s ease-in forwards;
	-moz-animation: title-up 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: title-up 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: title-up 0.3s ease-in forwards;	/* Opera */
}
.product-card.noActive .product-title{
	animation: title-down 0.3s ease-in forwards;
	-moz-animation: title-down 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: title-down 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: title-down 0.3s ease-in forwards;	/* Opera */
}
.product-card.active .product-title-second{
	animation: title-second-up 0.3s ease-in forwards;
	-moz-animation: title-second-up 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: title-second-up 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: title-second-up 0.3s ease-in forwards;	/* Opera */
}
.product-card.noActive .product-title-second{
	animation: title-second-down 0.3s ease-in forwards;
	-moz-animation: title-second-down 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: title-second-down 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: title-second-down 0.3s ease-in forwards;	/* Opera */
}
.product-card.active .product-content{
	animation: content-up 0.3s ease-in forwards;
	-moz-animation: content-up 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: content-up 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: content-up 0.3s ease-in forwards;	/* Opera */
}
.product-card.noActive .product-content{
	animation: content-down 0.3s ease-in forwards;
	-moz-animation: content-down 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: content-down 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: content-down 0.3s ease-in forwards;	/* Opera */
}
.product-card.active .product-content-on{
	animation: content-on-up 0.3s ease-in forwards;
	-moz-animation: content-on-up 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: content-on-up 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: content-on-up 0.3s ease-in forwards;	/* Opera */
}
.product-card.noActive .product-content-on{
	animation: content-on-down 0.3s ease-in forwards;
	-moz-animation: content-on-down 0.3s ease-in forwards;	/* Firefox */
	-webkit-animation: content-on-down 0.3s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: content-on-down 0.3s ease-in forwards;	/* Opera */
}
/*********************产品 card 动效******end*****************************/

/*激活状态下  单个模块样式*/
.active.card {
	position: relative;
	width: 34%;
	height: 514px;
	top: -17px;
	border: 1px solid #00c1de;
	box-shadow: 0 0 13px #4786C8;
}


/*模块标题部分*/
.card-head {
	padding: 20px 0 20px 0;
	height: 194px;
	background-color: #EEEEEE;
	color: #000;
	font-size: 16px;
}

.active .card-head {
	padding-top: 10px;
}


/*激活状态下  图片切换效果*/
.hover-img {
	display: none;
}

.active .hover-img {
	display: inline;
}

.active .out-img {
	display: none;
}


/*了解详情按钮样式*/
.card-head .card-head-btn {
	display: none;
	box-sizing: border-box;
	background-color: #4787C8;
	font-size: 12px;
	border: 1px solid #a5d1fe;
	width: 90px;
	height: 30px;
	margin-top: 20px;
	cursor: pointer;
}


/*激活状态下BUTTON样式*/
.active .card-head-btn {
	display: inline;
}


/*头部模块标题效果*/
.card-head>p {
	padding: 15px 0 0 0;
	margin: 0;
}

.active .card-head>p {
	padding: 5px 0 0 0;
}

.card-head>p.info {
	margin: 0;
	font-size: 12px;
	color: #7f7f7f;
	line-height: 20px;
	padding: 17px 0 0 0;
}

.card-head>p.info>span {
	color: #4786c8;
}

.active .card-head {
	background-color: #4787C8;
	color: #dbecfd;
	height: 211px;
}

.active .card-head>p.info {
	color: #c2dffd;
	width: 300px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	word-wrap: break-word;
	word-break: normal;
}

.active .card-head>p.info>span {
	color: #c2dffd;
}

.head-img {
	width: 42px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}


/*card内容部分样式*/
.card-content {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 194px;
}

.active .card-content {
	top: 211px;
}


/*基础介绍部分初始样式*/
.card .card-content.content-first {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
	transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
	z-index: 3;
	padding: 20px;
}


/*激活状态下  基础介绍部分样式*/
.card.active .card-content.content-first {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	z-index: 2;
}


/*详细介绍部分初始样式*/
.content-second {
	line-height: 2;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	z-index: 2;
	padding: 15px 20px 20px 20px;
}

.card-content.content-second .second-title {
	font-size: 14px;
	color: #333;
	margin: 0;
	padding: 0;
}

.card-content.content-second .second-info {
	font-size: 12px;
	color: #7f7f7f;
	margin: 0 0 10px 0;
}

.active .second-top-btn {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: url("../images/index/second-top-btn.png") no-repeat;
	background-position: center;
	border: 1px solid #f4f4f4;
	box-shadow: 0 0 3px #f4f4f4;
	color: #f4f4f4;
	font-size: 14px;
}


/*激活状态下  详细介绍部分样式*/
.card.active .card-content.content-second {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
	transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
	z-index: 3;
}


/*内容部分  四个标题样式*/
.cards-area .card-content.content-first {
	padding-top: 0;
}

.cards-area .card-content.content-first .content-first-list {
	padding: 0;
	color: #373d41;
	max-width: 250px;
	width: 100%;
	text-align: center;
}

.cards-area .card-content.content-first .content-first-list li {
	margin-top: 40px;
	font-size: 14px;
	color: #333;
	line-height: 14px;
}


/*详细介绍模块  下半部分样式*/
.second-bottom-info {
	margin-top: 15px;
	padding: 0;
	border-top: 1px solid #ddd;
	text-align: center;
}

.bottom-info-list>p {
	margin-bottom: 5px;
}

.second-bottom-info .service-sites {
	display: block;
	width: 160px;
	height: 30px;
	margin: 0 auto;
	background: url("../images/index/sites.png") repeat-x;
	text-align: center;
	text-decoration: none;
	background-position: center;
	border: 1px solid #f4f4f4;
	box-shadow: 0 0 3px #f4f4f4;
	color: #f4f4f4;
	font-size: 14px;
}


/*详细介绍部分 下半部分模块样式*/
.bottom-info-list {
	line-height: 20px;
	display: block;
	width: 50%;
	float: left;
	padding: 10px 0 0 0;
	text-align: left;
	font-size: 12px;
}

.bottom-info-list.list-right {
	padding-left: 30px;
}

.bottom-info-list.full-width {
	width: 100%;
}

.second-bottom-info .bottom-info-list>a {
	color: #4786C8;
	font-size: 12px;
}


/*查看更多按钮*/
.botton-seemore {
	box-sizing: border-box;
	margin-top: 15px;
	width: 150px;
	height: 30px;
	margin: 0 auto;
	background-color: #fff;
	color: #ff7700;
	border: 1px solid #ff7700;
}

.botton-seemore:hover {
	background-color: #ff7700;
	color: #fff;
	border: 1px solid #ff7700;
}


/*中部广告*/
.center_ad{
	overflow: hidden;
  	position: relative;
}

.address-middle {
	width: 100%;
	height: 180px;
	background-color: #2666be;
}
.address-middle:hover .address-middle-img img{
	display: inline-block;
}

.address-middle-img {
	width: 1000px;
	margin: 0 auto;
}

.address-middle-img a {
	width: 100%;
	height: 180px;
	display: inline-block;
	text-align: center;
}
.address-middle-img img{
	height: 79px;
    position: relative;
    top: 91px;
    display: none;
}

/*我们的服务*/
.service-body {
    background-color: #fff;
    height: 630px;
    z-index: 999;
}

.service-title {
    height: 200px;
    padding: 80px 0 40px 0;
}

.mainTitle {
    font-size: 32px;
    color: #292B33;
    text-align: center;
    margin-top: 40px;
}

.mainTitle img {
    margin-right: 10px;
}

.service-line {
    width: 24px;
    height: 2px;
    background-color: #4786c8;
    margin: 15px auto 0;
}

.secondTitle {
    margin-top: 20px;
    text-align: center;
    color: #7A8199;
    font-size: 16px;
}

.service-content {
    width: 1000px;
    height: 310px;
    margin-top:60px;
}

.service-item {
    width: 250px;
    height: 310px;
    margin: 0 37px;
    float: left;
    border: solid 1px #E7EAF3;
    border-radius: 6px;
}
.service-item-off{
	width: 248px;
	height: 309px;
    position: absolute;
    
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  	transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  	opacity:1;
  	z-index:1000;
}
.service-item-on{
	height: 100%;
    position: relative;
    
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  	transform: translate3d(0,20px,0); /*设置只在Z轴上移动*/
  	opacity:0;
  	z-index:0;
}
.service-item-off .service-itemImg {
    width: 150px;
    height: 144px;
    padding-top: 30px;
    margin: 0 auto;
}

.service-item-off .service-itemImg img {
    width: 150px;
    height: 114px;
}

.service-item-off .service-itemTitle {
    width: 196px;
    margin: 30px auto 0px;
}

.service-item-off .service-itemMainTitle {
    font-size: 20px;
    color: #292B33;
    text-align: center;
}

.service-item-off .service-itemSecondTitle {
    font-size: 12px;
    color: #7A8199;
    line-height: 26px;
    text-align: center;
    margin-top: 15px;
}
.service-item-off .service-bottom-line{
	width: 20px;
    height: 5px;
    background: #3860F4;
    border-radius: 3px;
    position: absolute;
    bottom: 20px;
    left: 115px;
}

.service-item-on .service-itemImg {
    width: 50px;
    height: 63px;
    padding-top: 30px;
    margin: 0 auto;
}

.service-item-on .service-itemImg img {
    width: 45px;
    height: 34px;
}

.service-item-on .service-itemTitle {
    width: 196px;
    margin: 35px auto 0px;
}

.service-item-on .service-itemMainTitle {
    font-size: 22px;
    color: #292B33;
    display: inline-block;
    width: 120px;
}

.service-itemTitle .split{
	width: 20px;
	height: 1px;
	background: #C5D1E4;
	display:inline-block;
	position: relative;
    top: -8px;
}

.service-item-on .service-itemSecondTitle {
    font-size: 14px;
    color: #7A8199;
    line-height: 26px;
    text-align: center;
    margin-top: 35px;
}

.service-item-on .service-itemBtn {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #3860F4;
    text-align: left;
    color: #fff;
    font-size:14px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 6px 6px;
    padding: 0 20px;
    box-shadow: 0px 6px 20px 0px rgba(56, 96, 244, 0.26);
}

.service-item:hover {
    cursor: pointer;
}


.service-item a:link {
    text-decoration: none;
    cursor: pointer;
}

/********************服务 card 动效***************start**************************************************/
@keyframes off-buzz-out
{ 
  0%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  40%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,15px,0);
  opacity:1;
  }
  80%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
}
@-webkit-keyframes off-buzz-out
{ 
  0%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  40%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,15px,0);
  opacity:1;
  }
  80%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
}
@-moz-keyframes off-buzz-out
{ 
  0%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  40%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,15px,0);
  opacity:1;
  }
  80%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
}
@-o-keyframes off-buzz-out
{ 
  0%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
  40%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,15px,0);
  opacity:1;
  }
  80%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
}
@keyframes on-buzz-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,15px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
}
@-webkit-keyframes on-buzz-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,15px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
}
@-moz-keyframes on-buzz-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,15px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
}
@-o-keyframes on-buzz-in
{ 
  0% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,15px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
  100%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
}
@keyframes off-buzz-in
{ 
  0%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
  20%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-15px,0);
  opacity:0.2;
  }
  50%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0.5;
  }
  80%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,10px,0); /*设置只在Z轴上移动*/
  opacity:0.8;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
}
@-webkit-keyframes off-buzz-in
{ 
  0%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
  20%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-15px,0);
  opacity:0.2;
  }
  50%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0.5;
  }
  80%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,10px,0); /*设置只在Z轴上移动*/
  opacity:0.8;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
}
@-moz-keyframes off-buzz-in
{ 
  0%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
  20%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-15px,0);
  opacity:0.2;
  }
  50%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0.5;
  }
  80%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,10px,0); /*设置只在Z轴上移动*/
  opacity:0.8;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
}
@-o-keyframes off-buzz-in
{ 
  0%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,-20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
  20%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-15px,0);
  opacity:0.2;
  }
  50%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:0.5;
  }
  80%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,10px,0); /*设置只在Z轴上移动*/
  opacity:0.8;
  }
  100%{
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  opacity:1;
  z-index:1000;
  }
}
@keyframes on-buzz-out
{ 
  0%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
  50%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,15px,0);
  opacity:0.5;
  z-index:1000;
  }
  100% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
}
@-webkit-keyframes on-buzz-out
{ 
  0%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
  50%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,15px,0);
  opacity:0.5;
  z-index:1000;
  }
  100% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
}
@-moz-keyframes on-buzz-out
{ 
  0%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
  50%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,15px,0);
  opacity:0.5;
  z-index:1000;
  }
  100% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
}
@-o-keyframes on-buzz-out
{ 
  0%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,0,0);
  opacity:1;
  z-index:1000;
  }
  50%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,15px,0);
  opacity:0.5;
  z-index:1000;
  }
  100% {
  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,20px,0); /*设置只在Z轴上移动*/
  opacity:0;
  z-index:0;
  }
}


/*下上抖动 隐藏*/
.service-item.active .service-item-off{
	animation: off-buzz-out 0.2s ease-in forwards;
	-moz-animation: off-buzz-out 0.2s ease-in forwards;	/* Firefox */
	-webkit-animation: off-buzz-out 0.2s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: off-buzz-out 0.2s ease-in forwards;	/* Opera */
}
/*.service-item-on向上显示*/
.service-item.active .service-item-on{
	animation: on-buzz-in 0.1s ease-in forwards;
	-moz-animation: on-buzz-in 0.1s ease-in forwards;	/* Firefox */
	-webkit-animation: on-buzz-in 0.1s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: on-buzz-in 0.1s ease-in forwards;	/* Opera */
	
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}
/*.service-item-on向下隐藏*/
.service-item.noActive .service-item-on{
	animation: on-buzz-out 0.1s ease-in forwards;
	-moz-animation: on-buzz-out 0.1s ease-in forwards;	/* Firefox */
	-webkit-animation: on-buzz-out 0.1s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: on-buzz-out 0.1s ease-in forwards;	/* Opera */
}
/*.service-item-off向下移动 显示*/
.service-item.noActive .service-item-off{
	animation: off-buzz-in 0.2s ease-in forwards;
	-moz-animation: off-buzz-in 0.2s ease-in forwards;	/* Firefox */
	-webkit-animation: off-buzz-in 0.2s ease-in forwards;	/* Safari 和 Chrome */
	-o-animation: off-buzz-in 0.2s ease-in forwards;	/* Opera */
}
/********************服务 card 动效*****end************************************************************/

/*财税点播*/
.vod-body {
	background-color: #FBFCFF;
	z-index: 999;
}
.vod-body .container{
	padding:unset;
}
.vod-body .vod-title {
    height: 160px;
    padding: 10px 0;
}

.vod-body .vod-title .course-types {
	margin-top: 40px;
	text-align: center;
}

.vod-body .vod-title .course-types .course-type-item {
	height: 34px;
	line-height: 32px;
	border: 1px solid #C5D1E4;
	border-radius: 6px;
	color: #7A8199;
	font-size: 12px;
	display: inline-block;
	padding: 0 12px;
	text-align: center;
	margin: 0 5px;
	cursor: pointer;
}

.vod-body .vod-title .course-types .course-type-item-active {
	background: #3860F4;
	border: 1px solid #3860F4;
	color: #fff;
}

.vod-body .vod-content {
	padding-bottom: 25px;
}

.vod-body .vod-content .course-item {
	display: inline-block;
	width: 25%;
}

.course-card{
  background: #fff;
  margin: 10px;
  position: relative;
}

.course-card:hover{
  /*box-shadow: 0px 4px 10px 0px rgba(122, 129, 153, 0.5);*/
  cursor: pointer;
}

.course-card .vod-img-div{
	overflow: hidden;
  	position: relative;
  	border-radius: 6px 6px 0 0;
}
.course-card .vod-img{
	width: 100%;
	border-radius: 6px 6px 0 0;
	height: 133px;
	-webkit-transition: -webkit-transform 0.3s;
  	-moz-transition: -moz-transform 0.3s;
  	-o-transition: -o-transform 0.3s;
  	transition: transform 0.3s;
}

.course-card .vod-img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.course-card .vod-integral{
	width: 64px;
	height: 23px;
	position: absolute;
	top: 0px;
	left: 166px;
}

.course-card .course-content1 {
	padding: 12px 24px 0px 16px;
	border-left: 1px solid #e2e3ec;
	border-right: 1px solid #e2e3ec;
	border-bottom: 1px solid #e2e3ec;
	height: 120px;
}

.course-card .course-content2 {
	padding: 14px 15px 16px 15px;
	border-left: 1px solid #e2e3ec;
	border-right: 1px solid #e2e3ec;
	border-bottom: 1px solid #e2e3ec;
	border-radius: 0 0 6px 6px;
	height: 50px;
	line-height: 50px;
}

.course-card .course-content1 .title {
	text-align: left;
	font-size: 15px;
	line-height: 26px;
	height: 52px;
	color: #525666;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.course-card .course-content1 .title .vod-vip{
	width:29px;
	height:20px;
	line-height:18px;
	border:1px solid #CEA260;
	border-radius: 4px;
	color:#CEA260;
	font-size:12px;
	display:inline-block;
	text-align: center;
	margin-right:5px;
}

.vod-body .vod-content .course-item:hover .course-card .course-content1 .title{
	color:#3860f4;
}

.course-card .course-content1 .teacher{
	text-align: left;
	font-size: 12px;
	color: #7A8199;
	float: left;
	line-height: 50px;
}
.course-card .course-content1 .teacher img{
	width: 22px;
	height: 22px;
	margin-right:7px;
	border-radius: 12px;
}
.course-card .course-content2 .vip-price {
	text-align: center;
	font-size: 12px;
	color: #fff;
	float: right;
	height: 20px;
	line-height:18px;
	background: #232940;
	border-radius: 0px 6px 6px 0px;
	padding: 0 8px;
}

.course-card .course-content2 .vip-price-tag{
	text-align: center;
	font-size: 12px;
	color: #6F4B43;
	float: right;
	width: 29px;
	height: 20px;
	line-height:18px;
	background: #FFE1D9;
	border-radius: 6px 0px 0px 6px;
}
.course-card .course-content2 .price{
	text-align: right;
	font-size: 14px;
	color: #EA4335;
	float: left;
	margin-right: 5px;
	line-height: 21px;
}
.vod-body .vod-more{
	height:40px;
	margin-bottom: 50px;
}
.vod-body .vod-more .btn-more{
	width: 160px;
	height: 40px;
	background: #fff;
	border: 1px solid #3860F4;
	border-radius: 6px;
	color: #3860F4;
	font-size: 14px;
	margin: 0 auto;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.vod-body .vod-more .btn-more:hover{
	color: #fff;
	background: #3860F4;
	box-shadow: 0px 6px 20px 0px rgba(56, 96, 244, 0.26);
}


/*培训课堂部分*/
#classIndex {
	width: 100%;
	background-color: #090d12;
}

#classMain {
	width: 1000px;
	height: 415px;
	margin: 0 auto;
	background-color: #090d12;
}

#classTitle {
	width: 100%;
	height: 105px;
	text-align: center;
	padding-top: 32px;
	font-size: 26px;
	color: #b7d8fb;
}

#classVideo {
	float: left;
	width: 50%;
	height: 380px;
	border-right: 2px solid #b8c0cb;
}

#classTitles {
	float: right;
	width: 50%;
	height: 380px;
}

#classTitleIcon {
	width: 24px;
	height: 28px;
	margin-right: 10px;
	margin-bottom: 3px;
}


/*左侧视频*/
#classVideoTitle {
	width: 460px;
	height: 40px;
	padding-left: 30px;
	color: #b7d8fb;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #555759;
}

#classVideoIcon {
	width: 460px;
	height: 27px;
	text-align: right;
	padding-top: 0px;
}

#classVideoVideo {
	width: 460px;
	height: 284px;
	padding-left: 10px;
}

#classVideoBorder {
	width: 100%;
	height: 100%;
	border: 6px solid #ff7700;
}


/*右侧标题列表*/
#classTitlesNamesOut {
	width: 500px;
	height: 400px;
	overflow-x: hidden;
}

#classTitlesNames {
	width: 517px;
	height: 350px;
	color: #f4f4f4;
}

.class-title-main {
	height: 100px;
	/* 	padding-left: 40px; */
}

.class-title-lefticon {
	width: 40px;
	height: 46px;
	margin-top: 13px;
	float: left;
}

.class-title-righticon {
	width: 45px;
	float: right;
	margin-top: 78px;
	margin-right: 10px;
	z-index: 1;
	border-bottom: 6px solid #4786c8;
}

.class-title-name {
	width: 460px;
	float: right;
	height: 100%;
	padding-top: 15px;
	padding-left: 30px;
	border-bottom: 1px solid #b8c0cb;
	background-color: #363636;
}

.class-title-name-active {
	width: 460px;
	float: right;
	height: 100%;
	padding-top: 15px;
	padding-left: 30px;
	background-color: #4787c8;
	border-bottom: 1px solid #b8c0cb;
}

#classTitleMore {
	height: 40px;
	padding-left: 40px;
	padding-top: 5px;
	text-align: center;
}

.class-title-heading {
	font-size: 16px;
	font-weight: bold;
}

.class-title-subheading {
	display: block;
	margin-top: 12px;
	font-size: 12px;
	margin-left: 10px;
}

.class-title-time {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	margin-left: 10px;
}


/*咨询关注侧飘*/


/*培训课堂 办税指南 分割线*/

#cutOff {
    width: 100%;
    height: 6px;
    background-color: #4988c8;
}


/*办税指南部分*/

#guideIndex {
	width: 100%;
	background-color: #fff;
	padding-bottom: 20px;
}

#guideMain {
	width: 1000px;
	height: 370px;
	padding-top: 40px;
	margin: 0 auto;
}


/*左侧办税指南*/

#guideLeft {
	float: left;
	width: 499px;
}

#guideCenter {
	float: left;
	width: 2px;
	height: 290px;
	background: #F9FAFC;
}

#guideRight {
	float: left;
	width: 499px;
	padding-left: 20px;
}

#guideLeftTitle {
	width: 100%;
}

.guild-title-icon {
	width: 24px;
	height: 22px;
	margin-right: 10px;
	margin-top: -8px;
}

#guideCalendar {
	font-size: 32px;
	color: #3860F4;
}

.guild-title-heading {
	font-size: 32px;
	color: #292B33;
	margin-right: 5px;
}

.guild-title-subheading {
	font-size: 16px;
	color: #b3b3b3;
}


/*办税指南右侧部分*/
#guideRightTop {
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 2px solid #F4F9FF;
}

#guildTitleHeadingRight {
	float: right;
	font-size: 20px;
	margin-top: 8px;
	margin-right: 35px;
	color: #292B33;
}

#guideRightCheckInfo {
	margin-left: 10px;
	margin-top: 15px;
}

.guide-right-check-info-title {
	font-size: 14px;
	font-weight: bold;
	color: #7A8199;
}

.guide-right-check-link {
	font-size: 12px;
	text-decoration: underline;
	margin-right: 5px;
	color: #5a5a5a;
}

#guideRightCheckButton {
	width: 119px;
	height: 59px;
	float: right;
	margin-top: -17px;
	margin-right: -15px;
	text-align: center;
	background-image: url('../images/index/btn_check_more.png');
	cursor: pointer;
}

#guideRightCheckMore {
	font-size: 14px;
	color: #f4f4f4;
	display: block;
	line-height: 59px;
}


/*征期*/
#guideRightCalendarLeft {
	padding-top: 30px;
}

#guideRightCalendarRight {
	float: right;
	width: 115px;
	padding-top: 15px;
}

#guideCalendarRight {
	margin-left: 10px;
	margin-right: 10px;
}

#guideRightCalendarRightTop {
	height: 32px;
	line-height: 32px;
}

#guideRightDateUp {
	font-size: 14px;
	margin-top: 6px;
	color: #292B33;
	display: inline-block;
	float: right;
}

#guideRightDateDown {
	font-size: 14px;
	margin-top: 6px;
	color: #3860F4;
	display: inline-block;
	float: right;
}

#guideRightCalendarRightBottom {
	padding-top: 6px;
}

#guideRightCalendarLeftInfo {
	margin: 15px 0;
	line-height: 1.9;
	min-height: 78px;
	max-height: 100px;
    overflow-y: auto;
}

.guide-right-calendar-link {
	font-size: 14px;
	color: #525666;
}

.guide-right-calendar-nodata {
	font-size: 14px;
	color: #525666;
}

.guide-right-calendar-link:hover {
	font-size: 14px;
	color: #3860F4;
}

.guild-date-arrow {
	margin-top: -3px;
}

.guild-date-arrow:hover {
	cursor: pointer;
	margin-top: -3px;
}


/*办税指南部分*/
#guideLeftImgs {
	width: 499px;
	height: 85px;
	background-image: url('../images/index/guide_line.png');
	background-position: 63.5px;
	background-repeat: no-repeat;
}

#guideLeftTabs {
	width: 480px;
	height: 50px;
	background: #FAFAFC;
	color: #292B33;
	font-size: 14px;
	border-bottom: 1px solid #E7EAF3;
	margin: 25px 5px;
	display: flex;
    justify-content: space-between;
}

#guideLeftTabs .split {
	height: 16px;
    width: 1px;
    position: relative;
    top: 17px;
    background: #E4EBF4;
    margin: 0 -4px;
}

.guild-left-img {
	text-align: center;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	width: 77px;
	cursor: pointer;
}

.guild-left-img-active {
	border-top: 2px solid #3860F4;
	background: #fff;
	color: #3860F4;
	line-height: 46px;
}


#guideLeftLinks {
	width: 473px;
	height: 162px;
}

.guide-left-links {
	float: left;
	width: 50%;
	height: 100%;
	padding-left: 20px;
}

.guide-left-link {
	font-size: 14px;
	color: #525666;
	line-height: 2.2;
}

.guide-left-link:hover {
	font-size: 14px;
	color: #3860F4;
	line-height: 2.2;
}
/*发票查询*/
.invoiceSearch {
	width: 100%;
	background-color: #403FF4;
}

.invoiceMain {
	width: 1000px;
	height: 404px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: center;
	background-image: url('../images/index/invoice-map.png');
}

.invoice-title {
	font-size: 32px;
	color: #fff;
}

.invoice-address {
	width: 100%;
	height: 145px;
	background-color: #fff;
	opacity: 0.2;
	border-radius: 10px;
	margin-top: 30px;
	padding: 20px;
}

.invoice-address-title {
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #fff;
	text-align: left;
}

.invoice-address-item {
	padding-top: 20px;
}

.invoice-address-link {
	font-size: 14px;
	text-decoration: underline;
	color: #fff;
	width: 155px;
	display: inline-block;
	opacity: 0.7;
}

.invoice-address-link:hover {
	opacity: 1;
	color: #fff;
	text-decoration: underline;
}

.invoice-check-more {
	width: 160px;
	height: 40px;
	line-height: 40px;
	background: #403FF4;
	border: 1px solid #A0B4FF;
	border-radius: 6px;
	color: #fff;
	font-size: 12px;
	margin: 0 auto;
	position: relative;
	top: -40px;
	cursor: pointer;
}

.invoice-check-more:hover {
	border: 1px solid #fff;
}
/* 自印衔头发票 */
.invoice-top {
	width: 100%;
	height: 340px;
}

.invoice-top-center {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.invoice-page-center-bottom {
	height: 150px;
	text-align: center;
	color: #ff7700;
}

.invoice-page-center-bottom-title {	
	width: 860px;
	font-size: 20px;
	font-weight: 400;
	color: #292B33;
	line-height: 60px;
	border-bottom: 1px solid #C5D1E4;
	margin: 0 auto;	
}

#invoiceSeeMap {
	margin: 60px auto 30px auto;
	font-size: 13px;
	cursor: pointer;	
    color: #FFFFFF;
    width: 254px;
	line-height: 40px;
	background: #3860F4;
	border-radius: 6px;
}
#invoiceSeeMap:hover {
	background: #3357DF;
}
/* 机打普通发票  自印衔头发票 */
.print-top {
	width: 100%;
	height: 340px;
}

.print-top-center {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.print-page {
	width: 100%;
	padding: 50px 0 80px 0;
	background-color: #F9FAFF;
}

.print-page-center {
	margin: 0 auto;
	width: 1000px;
	font-family: Microsoft YaHei;
	text-align: center;
}

.print-page-center  h1 {
	text-align: center;
	color: #292B33;
	line-height: 32px;
	font-size: 32px;
	margin: 0;
	font-weight: 400;
}

.print-page-center  h1 span {
	font-size: 12px;
	color: #7A8199;
	margin-left: 20px;
	display: inline-block;
}

.console-center {
	text-align: center;
	width: 600px;
	font-size: 14px;
	color: #525666;
	line-height: 24px;
	margin: 20px auto 50px auto;
}

.print-page-table {
	width: 1000px;
	background: #FAFAFC;
	border: 1px solid #E7EAF3;
	padding: 16px 0;
	box-shadow: 0px 4px 20px 0px #F1F1F6;
	border-radius: 6px;
}
.print-page-table-center {
	margin: 0 auto;
}
.second-button {
	float: left;
	margin-right: 23px;
	width: 112px;
	height: 30px;
	color: #ff7700;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid #ff7700;
	margin-bottom: 19px;
}

.second-button a {
	color: #ff7700;
}

.second-button-active {
	float: left;
	margin-right: -4px;
	margin-top: -17px;
	margin-left: -21px;
	width: 160px;
	height: 65px;
	color: #ffffff;
	text-align: center;
	line-height: 65px;
	background-image: url('../images/index/btn_p_download.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.second-button-active a {
	color: #fff;
}

.my-second-button {
	float: left;
	margin-right: 23px;
	margin-bottom: 20px;
	width: 220px;
	height: 30px;
	color: #ff7700;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid #ff7700;
}

.my-second-button a {
	color: #ff7700;
}

.my-second-button-active {
	float: left;
	margin-right: 23px;
	margin-bottom: 20px;
	width: 220px;
	height: 30px;
	background-color: #ff7700;
	color: #ffffff;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid #ff7700;
}

.my-second-button-active a {
	color: #fff;
}


/*智慧财务平台*/
.console-top {
	width: 100%;
	height: 400px;
}

.console-top-center {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	background-repeat: no-repeat;
}

.console-download {
	width: 100%;
	height: auto;
	background-color: #f4f4f4;
}

.console-download-center {
	margin: 0 auto;
	width: 1000px;
	height: auto;
}

.console-download-center-title {
	padding-top: 50px;
	margin: 0 auto;
	width: 105px;
	height: 100px;
	border-bottom: 2px solid #4786c8;
	color: #38414c;
	font-size: 26px;
	font-weight: bold;
}

.console-download-center-buttons {
	width: 620px;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	padding-left: 15px;
}

.console-button {
	float: left;
	width: 180px;
	height: 36px;
	border-radius: 20px;
	border: 1px solid #4786c8;
	line-height: 36px;
	font-size: 16px;
	color: #4786c8;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 10px;
}

.console-button-active {
	float: left;
	width: 180px;
	height: 36px;
	border-radius: 20px;
	border: 1px solid #4786c8;
	line-height: 36px;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	margin-right: 20px;
	background-color: #4786c8;
}

.console-page {
	width: 100%;
	height: auto;
	margin: 10px 0px;
	padding-top: 10px;
	background-color: #ffffff;
	float: left;
}

.console-page-center-left {
	width: 360px;
	float: left;
	margin-right: 40px;
}

.console-page-center-right-more {
	width: 100%;
	height: 16px;
	border-left: 4px solid #fe7100;
	margin-top: 15px;
	padding-left: 10px;
	line-height: 18px;
}

.console-page-center-right-page {
	font-size: 16px;
	color: #808080;
	line-height: 36px;
	margin-top: 10px;
}

.console-page-center-right-buttons {
	margin-top: 20px;
}

.console-page-center-right {
	width: 540px;
	float: left;
	padding-top: 20px;
}


/*资源下载*/
.table-page {
	width: 100%;
	height: auto;
	min-height: 515px;
	margin-top: 10px;
	padding-top: 10px;
	background-color: #f4f4f4;
}

.table-page-center {
	padding-top: 7px;
	margin: 0 auto;
	width: 1000px;
	height: auto;
	min-height: 505px;
	background-color: #ffffff;
}

.table-head {
	width: 900px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	color: #4c4c4c;
	text-align: center;
}

.table-body {
	width: 900px;
	margin: 2px auto;
	font-size: 14px;
	color: #4c4c4c;
}

.table-head tr {
	height: 48px;
	border-bottom: 2px solid #e5e5e5;
}

.table-body tr {
	height: 48px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.download-button {
	width: 80px;
	height: 24px;
	border: 1px solid #ff7700;
	text-align: center;
	color: #ff7700;
	margin: 0 auto;
	line-height: 24px;
	cursor: pointer;
}

.download-button-active {
	width: 80px;
	height: 24px;
	border: 1px solid #ff7700;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
	background-image: url('../images/index/login_register_bg.png');
	line-height: 24px;
	cursor: pointer;
}


/*文章页面部分*/
.articleFrame {
	border-top: 1px solid #ced3db;
}

.articleContainer {
	width: 830px;
	float: left;
	position: relative;
}

.articleTitleFrame {
	margin-top: 20px;
}

.articleTitleFrame h2 {
	color: #333;
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 15px;
}

.articleTitleFrame h4 {
	color: #333;
	font-size: 20px;
	margin-bottom: 15px;
}

.articleTitleFrame h5 {
	color: #666;
	font-size: 12px;
}

.articleTitleFrame h5 span { /* margin-right: 50px; */
	
}

.articleContentFrame {
    font-family: 微软雅黑;
}

.articleRemark {
	color: #666;
	font-size: 14px;
	text-indent: 2em;
	margin-top: 30px;
	letter-spacing: 10;
	line-height: 30px;
}

.articleParagraph {
	color: #333;
	font-size: 16px;
	text-indent: 2em;
	margin-top: 30px;
	letter-spacing: 10;
	line-height: 36px;
}

.articlePicture {
	margin-top: 20px;
	text-align: center;
}

.articlePictureWord {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-top: 30px;
	text-align: center
}

.saveAndShare {
	margin-top: 40px;
}

.saveBtn {
	float: right;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #efefef;
	color: #666;
	margin-left: 20px;
	cursor: pointer;
}

.shareBtn {
	border: 2px solid #f6f9fd;
	padding: 0 13px;
	width: 100px;
	height: 32px;
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	color: #7a8199;
	cursor: pointer;
	position: absolute;
	right: 50px;
	top: 89px;
	z-index: 999;
}

.shareBtn:hover {
	background-color: #fdfdff;
	border: 2px solid #e1e6f0;
}

.shareBtn .shareImg {
	margin-right: 10px;
	position: relative;
	top: -2px;
}

.articleShareFrame {
	background-color: #fdfdff;
	border: 2px solid #e1e6f0;
	font-size: 12px;
	color: #7a8199;
	font-size: 12px;
	min-width: 150px;
	padding: 0 13px;
	position: absolute;
	left: -2px;
	text-align: left;
	top: 28px;
}

.articleShareFrame ul {
	margin-bottom: 0px;
}

.articleShareFrame ul li {
	height: 28px;
	line-height: 28px;
}

.articleShareFrame ul li span img {
	vertical-align: center;
	width: 16px;
	position: relative;
	top: -2px;
}

.articleShareFrame ul li span a {
	margin-left: 10px;
}

.turnPage {
	margin: 120px 0 30px 0;
}

.turnPage div a {
	font-size: 12px;
	color: #7a8199;
	height: 24px;
	line-height: 24px;
}

.turnPage div a:hover {
	color: #3860f4;
}


/*发票查询页*/
.hot-address {
    width: 100%;
    height: 100px;
    border-top: 3px solid #4786c8;
}

.hot-address-center {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    padding-top: 35px;
    text-align: center;
}

.hot-address-center-title {
    font-size: 26px;
    color: #333;
    margin-right: 15px;
}

.hot-address-center-address {
    margin-right: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #4786c8;
    text-decoration: underline;
}

.address-list {
    width: 1000px;
    height: 980px;
    margin: 0 auto;
    padding-left: 10px;
}

.address-div {
    line-height: 36px;
}

._local_list_ {
    width: 460px;
    height: 900px;
    float: left;
}

._local_list_right_ {
    width: 460px;
    height: 900px;
    float: left;
    margin-left: 70px;
}

.address-letter {
    width: 30px;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #4786c8;
}

.address-city {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    width: 90px;
    height: 100%;
    float: left;
    padding-left: 20px;
}

.address-dept {
    width: 350px;
    height: 100%;
    float: left;
}

.address-links {
    font-size: 16px;
    color: #4786c8;
    text-decoration: underline;
}

.link-btn {
    margin-right: 20px;
}


/*二级文章列表部分*/
.articleFrame {
	border-top: 1px solid #ced3db;
}

.articleFrame-content {
	border-top: 1px solid #ced3db;
	background-color: #f6f9fd;
}
/*
@media screen and  (max-width: 450px) {
	.leftArticleList{
		float: unset !important;
	}
    .rightArticle{
    	float: unset !important;
    	margin-left: 30px; 
    }
    .articleListFrame{
    	font-size: 36px !important; 
    }
    .contentFrame{
    	margin-top: 10px !important; 
    }
    .contentTitle{
    	font-size: 28px !important; 
    }
    .mainContent{
    	font-size: 24px !important; 
    	height: 130px !important; 
    	line-height: 48px !important; 
    }
    .contentMessage{
    	font-size: 24px !important; 
    	height: 48px !important; 
    	line-height: 48px !important; 
    }
    .contentMessage img{
    	width: 24px !important; 
	    height: 24px !important; 
	    margin-top: -8px !important; 
    }
}
*/
.leftArticleList {
	width: 710px;
	float: left;
	position: relative;
}

.zhezhao {
	position: absolute;
	top: 0px;
	right: 20px;
	z-index: 1000;
	height: 100%;
}

.articleListFrame {
	width: 640px;
	height: 90px;
	line-height: 90px;
	font-size: 28px;
	color: #292b33;
	/* font-weight: bold; */
	margin-left: 30px;
	/* border-bottom: 2px solid #e9e9e9; */
}

.articleListTitle {
	width: 200px;
	text-align: left;
	/* border-bottom: 2px solid #ff4800; */
}

.contentFrame {
	margin-left: 30px;
	margin-right: 40px;
	width: 640px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e6f0;
}

.contentTitle {
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}

.contentTitle a {
	color: #525666;
}

.contentTitle a:hover {
	color: #3860f4;
	text-decoration: underline;
}

.mainContent {
	font-size: 12px;
	color: #7a8199;
	height: 24px;
	line-height: 24px;
	letter-spacing: 2px;
}

.contentMessage {
	font-size: 12px;
	color: #7a8199;
	margin-top: 15px;
	height: 24px;
	line-height: 24px;
}

.contentMessage img {
	margin-top: -3px;
}

.space_s {
	display: inline-block;
	min-width: 10px
}

.space_l {
	display: inline-block;
	min-width: 30px
}

.rightArticle {
	width: 290px;
	float: left;
	margin-top: 30px;
	padding: 10px 20px 30px 20px;
	border: 1px solid #e1e6f0;
	border-radius: 6px;
	background-color: #fdfdff;
}

.rankFrame {
	width: 250px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #292b33;
	font-weight: bold;
}

#shareRank {
	width: 200px;
	cursor: pointer;
	margin-left: 10px;
	display: inline-block;
}

#saveRank {
	width: 118px;
	text-align: center;
	float: left;
	cursor: pointer;
}

.rankSelect {
	
}

.rankContentFrame:not(:last-child) {
    width: 250px;
    padding-bottom:15px;
    margin-bottom:20px;
    border-bottom:1px solid #f0f0f1;
}
.rankContentTitle {
	font-size: 14px;
	margin-bottom: 5px;
	cursor: pointer;
}

.rankContentTitle a {
	color: #525666;
	padding: 2.5px 0;
}

.rankContentTitle a:hover {
	color: #3860f4;
}

.rankContentMessage {
	font-size: 12px;
	color: #7a8199;
	height: 24px;
	line-height: 24px;
}

.rankContentMessage img {
	margin-top: -3px;
}

/*财税通*/
.cst-banner {
	width: 100%;
	height: 340px;
}

.cst-banner-center {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.cst-product {
	width: 100%;
	padding: 50px 0 80px 0;
	background-color: #F9FAFF;
}

.cst-product-content {	
	margin: 0 auto;
	width: 1000px;
	font-family: Microsoft YaHei;
	text-align: center;
}


/*联系我们*/
.contact-body {
	width: 100%;
	background-color: #f4f4f4;
	height: 960px;
}

.contact-body-top {
	width: 100%;
	height: 2px;
	background-color: #4786c8;
}

.contact-title-frame {
	width: 1000px;
	height: 170px;
	position: absolute;
}

.contact-title-bg {
	margin-top: 20px;
	float: right;
}

.contact-title {
	width: 260px;
	height: 70px;
	background-image: url("../images/second/contact-us.png");
	margin: 40px auto;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 10px;
	font-size: 26px;
	color: #333333;
}

.contact-item {
	height: 130px;
}

.contact-item1 {
	height: 170px;
}

.contact-item-title {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

.contact-item-title img {
	margin-left: 10px;
	margin-right: 10px;
}

.contact-item-text {
	margin-top: 15px;
	font-size: 14px;
	color: #444444;
	margin-left: 10px;
	line-height: 36px;
}

.contact-item-text span {
	font-weight: bold;
	line-height: 25px;
}

.contact-other {
	margin-top: 40px;
}

.other {
	background-image: url("../images/second/ohers-hotline.png");
}


/*办税指南整体部分*/
.banshuiFrame {
	border-top: 1px solid #4786c8;
	background-color: #f4f4f4;
}

.bsFrame {
	margin: 40px 0px;
	padding: 0px;
}

.bsLeftMenu {
	float: left;
	width: 148px;
	height: 720px;
	background-image: url(../images/index/guide_sidebar_bg_y.png);
}

.bsLeftMenuTitle {
	width: 148px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	float: left;
	color: #f4f4f4;
	font-size: 20px;
	border-bottom: 1px solid #33507c;
}

.bsLeftMenu ul {
	float: left;
}

.bsLeftMenuNo {
	width: 148px;
	height: 40px;
	line-height: 40px;
	background: #304567;
	text-align: center;
	margin-top: 20px;
	color: #f4f4f4;
	float: left;
}

.bsLeftMenuClick {
	width: 148px;
	height: 40px;
	line-height: 40px;
	background: #304567;
	text-align: center;
	margin-top: 20px;
	color: #f4f4f4;
	float: left;
	background-image: url(../images/index/nav_bg.png);
	background-size: 100% 100%;
}

.bsLeftMenuHover {
	width: 148px;
	height: 40px;
	line-height: 40px;
	background: #304567;
	text-align: center;
	margin-top: 20px;
	color: #f4f4f4;
	float: left;
	background-image: url(../images/index/nav_bg.png);
	background-size: 100% 100%;
	cursor: pointer;
}

.bsRigthListTitle {
	float: left;
	width: 852px;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #c9cee3;
	color: #4786c8;
	font-size: 16px;
	padding: 0px 40px;
}

.bsRightList ul {
	float: left;
	margin-top: 30px;
}

.bsRightList ul li {
	width: 852px;
	margin-bottom: 25px;
	padding: 0px 40px;
	height: 15px;
	color: #444;
}

.bsRightList ul li span a {
	color: #444;
}

.bsRightList ul li span a:hover {
	color: #4786c8;
	cursor: pointer;
}

.bsRightTitle {
	float: left;
	display: block;
}

.bsRightDate {
	float: right;
	display: block;
	color: #7f7f7f;
}

.leftMenuZhezhao {
	height: 470px;
	background: #1e2c42;
	opacity: 0.96;
	position: absolute;
	left: 148px;
	top: 40px;
}

.leftMenuZhezhao>ul {
	height: 430px;
	margin-top: 20px;
	color: #f4f4f4;
}

.leftMenuZhezhao>ul:first-child {
	border-left: 1px solid #ff7700;
}

.leftMenuZhezhao ul li {
	margin: 20px 30px;
}

.leftMenuZhezhao ul li:hover {
	color: #4786c8;
}


/* 微信分享弹层样式 */
.towdimcodelayer {
	position: relative;
    left: 95px;
    top: -70px;
	z-index: 10000;
	margin-top: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.js-transition {
	transition: margin-top .15s ease, opacity .12s linear;
	-webkit-transition: margin-top .15s ease, opacity .12s linear;
	-moz-transition: margin-top .18s ease, opacity .15s linear;
	-ms-transition: margin-top .15s ease, opacity .12s linear;
	-o-transition: margin-top .15s ease, opacity .12s linear;
}

.towdimcodelayer .arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	_display: none;
}

.towdimcodelayer .js-arrow-up {
	left: 72px;
	top: -15px;
	border-color: transparent transparent #191919 transparent;
}

.towdimcodelayer .js-arrow-down {
	left: -15px;
    bottom: 71px;
    border-color: transparent #191919 transparent transparent;
}

.towdimcodelayer .layerbd {
	width: 150px;
	height: 150px;
	padding: 30px 30px 0 30px;
	background: #191919;
	box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 3px #000;
	-moz-box-shadow: 0 1px 3px #000;
	-o-box-shadow: 0 1px 3px #000;
}

.towdimcodelayer .codebg {
	width: 75px;
	height: 75px;
	padding: 0px 10px 0px 8px;
	background: black;
}

.towdimcodelayer .codebg img {
	width: 75px;
	height: 75px;
}

.towdimcodelayer .codettl {
	height: 22px;
	line-height: 22px;
	margin-top: 5px;
	color: #888;
	font-size: 12px;
}

.js-show-up {
	margin-top: 15px;
	opacity: 1;
	filter: alpha(opacity = 100);
}

.js-show-down {
	margin-top: -15px;
	opacity: 1;
	filter: alpha(opacity =  100);
}

.footer {
	border-top-width: 0;
}

.fixed-bar {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9999;
	background: #fff;
	border-bottom: 1px solid #c5c6c7;
	overflow: visible;
}


/*马少博  2017年5月31日13:57:41 新增*/


/*文章自动添加导航功能Start*/
#slide a {
	color: #7a8199;
	line-height: 30px;
	display: block;
}

#slide {
	position: relative;
	top: 150px;
	left: 15px;
	width: 150px;
	height: auto;
	margin-left: 20px;
	font-family: "MicroSoft YaHei";
	overflow-y: auto;
	padding: 8px 0;
	border-left: 1px solid #e1e6f0;
	float: left;
}

#slide .actived {
	border-left: 2px solid #3860f4;
	text-decoration: none;
}

#slide .h1,#slide .H1 {
	font-size: 12px;
	color: #403636;
	padding-left: 8px;
}

#slide .H2,#slide .h2 {
	padding-left: 12px;
	font-size: 12px;
	color: #403636;
}

#slide .H3,#slide .h3 {
	padding-left: 15px;
	font-size: 12px;
	color: #403636;
}

#slide .H4,#slide .h4 {
	padding-left: 15px;
	font-size: 12px;
	color: #403636;
}

#slide .H5,#slide .h5 {
	padding-left: 15px;
	font-size: 12px;
	color: #403636;
}

#slide .H6,#slide .h6 {
	padding-left: 15px;
	font-size: 12px;
	color: #403636;
}


/*文章自动添加导航功能End*/


/*问卷弹窗*/
.zz_frame {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	opacity: 0.7;
	z-index: 101;
	display: none;
}

.question_frame {
	display: none;
}


/*分辨率1440~1920*/
.question_frame_lg {
	position: fixed;
	width: 980px;
	height: 850px;
	top: 50%;
	left: 50%;
	margin-left: -490px;
	margin-top: -425px;
	text-align: center;
	z-index: 10000;
}

.img_form_lg {
	position: absolute;
	width: 972px;
	height: 720px;
	top: 40px;
	left: 0;
	z-index: 100001;
}

.img_join_lg {
	position: absolute;
	width: 200px;
	height: 40px;
	left: 300px;
	bottom: 120px;
	z-index: 100002;
	cursor: pointer;
}

.img_close_lg {
	position: absolute;
	top: 100px;
	right: 75px;
	width: 55px;
	z-index: 100002;
	cursor: pointer;
}


/*分辨率1280~1440*/
.question_frame_md {
	position: fixed;
	width: 730px;
	height: 700px;
	top: 50%;
	left: 50%;
	margin-left: -365px;
	margin-top: -350px;
	text-align: center;
	z-index: 10000;
}

.img_form_md {
	position: absolute;
	width: 727px;
	height: 600px;
	top: 50px;
	left: 0;
	z-index: 100001;
}

.img_join_md {
	position: absolute;
	width: 160px;
	height: 35px;
	left: 250px;
	bottom: 100px;
	z-index: 100002;
	cursor: pointer;
}

.img_close_md {
	position: absolute;
	width: 45px;
	top: 100px;
	right: 55px;
	z-index: 100002;
	cursor: pointer;
}


/*分辨率小于1280*/
.question_frame_sm {
	width: 650px;
	height: 600px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -325px;
	margin-top: -330px;
	text-align: center;
	z-index: 10000;
}

.img_form_sm {
	position: absolute;
	width: 652px;
	height: 538px;
	top: 50px;
	left: 0;
	z-index: 100001;
}

.img_join_sm {
	position: absolute;
	width: 150px;
	height: 30px;
	left: 225px;
	bottom: 55px;
	z-index: 100002;
	cursor: pointer;
}

.img_close_sm {
	position: absolute;
	width: 44px;
	top: 55px;
	right: 5px;
	z-index: 100002;
	cursor: pointer;
}


/*分辨率小于1024*/
.question_frame_xs {
	width: 680px;
	height: 540px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -340px;
	margin-top: -270px;
	text-align: center;
	z-index: 10000;
}

.img_form_xs {
	position: absolute;
	width: 630px;
	height: 520px;
	top: 0;
	left: 0;
	z-index: 100001;
}

.img_join_xs {
	position: absolute;
	width: 120px;
	height: 30px;
	left: 200px;
	bottom: 80px;
	z-index: 100002;
	cursor: pointer;
}

.img_close_xs {
	position: absolute;
	width: 40px;
	top: 5px;
	right: 57px;
	z-index: 100002;
	cursor: pointer;
}


/*侧飘*/


/*侧飘  咨询关注*/
.btn_frame {
	min-height: 286px;
	position: fixed;
	bottom: 30%;
	right: 16px;
	z-index: 1001;
	margin-bottom:-143px;
}

.kefu_frame {
	background-image: url("../images/index/kefu_off.png");
	width: 40px;
	height: 118px;
}

.kefu_frame:hover {
	background-image: url("../images/index/kefu_on.png");
}

.kefu_hover {
	width: 210px;
	height: 361px;
	position: absolute;
	top: 0px;
	right: 40px;
	z-index: 1000;
}

.kefu_hover .kefy_container {
	width: 200px;
	height: 361px;
	padding: 20px 30px 20px 50px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.kefu_hover .icon,.peixun_hover .icon {
	width: 16px;
	height: 16px;
	position: absolute;
	left: -25px;
	top: 2px;
}

.kefu_hover .title,.peixun_hover .title {
	font-size: 14px;
	color: #292B33;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 10px;
}

.kefu_hover .zxkfBtn {
	width: 110px;
	height: 32px;
	line-height: 32px;
	background: #FFFFFF;
	border: 1px solid #3860F4;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 400;
	color: #3860F4;
	text-align: center;
}

.kefu_hover .zxkfBtn:hover {
	border: 1px solid #403FF4;
	color: #fff;
	background-color:#403FF4;
	cursor: pointer;
}

.kefu_hover .ewm,.peixun_hover .ewm {
	width: 106px;
	height: 106px;
}

.kefu_hover .ewm img,.peixun_hover .ewm img {
	width: 100%;
	height: 100%;
}

.to_peixun {
	position: absolute;
    top: 134px;
	background-image: url("../images/index/peixun_off.png");
	width: 40px;
	height: 88px;
}

.to_peixun:hover {
	background-image: url("../images/index/peixun_on.png");
}

.peixun_hover {
	width: 210px;
	height: 183px;
	position: absolute;
	top: 135px;
    right: 40px;
	z-index: 1000;
}

.peixun_hover .peixun_container {
	width: 200px;
	height: 183px;
	padding: 20px 30px 20px 50px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

/*侧飘 自助问答*/
.to_robot {
	width: 46px;
	height: 52px;
	color: white;
	background-color: #4884ca;
	position: fixed;
	top: 420px;
	right: 0;
	padding-left: 9px;
	padding-top: 5px;
	cursor: pointer;
	background-image: url("../images/index/wenjuan.png");
}


/*侧飘 调查问卷*/
.to_wenjuan {
	width: 46px;
	height: 52px;
	color: white;
	background-color: #4884ca;
	position: fixed;
	top: 480px;
	right: 0;
	padding-left: 9px;
	padding-top: 5px;
	cursor: pointer;
	background-image: url("../images/index/wenjuan.png");
}


/*Vip专题侧飘*/


/*vip专题*/
.vipzt-download-item-text {
	width: 550px;
	float: left;
	margin-top: 10px;
}

.vipzt-download-btn a {
	text-decoration: none;
	display: inline-block;
}

.vipzt-download-btn {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}

.vipzt-banner {
	height: auto;
}

.vipzt-banner-center {
	height: auto;
}

.container-fluid {
	min-width: 1000px;
}

.vipzt-youshi-img>img {
	width: 100%;
}

.vipzt-youshi-img {
	width: 1000px;
	margin: 0 auto;
}

.vipzt-title {
	width: 100%;
	margin: 50px auto 30px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.vipzt-youshi {
	height: auto;
}

.vip-bar .vip_tab {
	position: absolute;
	color: #fff;
	font-size: 12px;
}

.vip-bar .vip_tab2 {
	position: absolute;
	color: #fff;
	font-size: 12px;
	background-image: url("../../static/images/index/vip/top.png");
	background-repeat: no-repeat;
	background-position: 18px 10px;
}

.vip-bar .vip_tab2:hover {
	position: absolute;
	color: #fff;
	font-size: 12px;
	color: #f6ff00;
	background-image: url("../../static/images/index/vip/top-hover.png");
	background-repeat: no-repeat;
	background-position: 18px 10px;
}

.vip-bar .vip_tab.active,.vip-bar .vip_tab:hover {
	color: #f6ff00;
}

.vip_input_height {
	height: 30px;
	line-height: 30px;
}

.vip_name {
	float: left;
	text-align: right;
	width: 100px;
}

.vip_input {
	float: left;
	text-align: left;
	width: 305px;
	margin-left: 10px;
}

#order_buy_form {
	background-image: url(../../static/images/index/vip/order_buy_form.png);
	position: absolute;
	top: 0px;
	right: 105px;
	width: 483px;
	height: 403px;
	padding: 15px 29px 15px 24px;
}

.order_buy_title {
	text-align: center;
	width: 100%;
	height: 60px;
	line-height: 45px;
	font-size: 16px;
	color: #555;
	border-bottom: 1px dashed #999;
	margin-bottom: 10px;
}


/*返回顶部侧飘*/
.return-top-frame {
	position: absolute;
    height: 36px;
    right: 0;
    top: 246px;
	display: none;
}

.return-top-btn {
	height: 40px;
	width: 40px;
	display: block;
	background-image: url("../images/index/top_off.png");
}

.return-top-btn:hover {
	background-image: url("../images/index/top_on.png");
}

.return-top-btn a {
	color: #fff;
	text-decoration: none;
	outline: none;
}

.return-top-icon {
	height: 40px;
	width: 40px;
}

.qq {
	width: 330px;
	height: 52px;
	margin-left: 5px;
	margin-top: 267px;
}

.qq img {
	cursor: pointer;
}

.kefu_container {
	width: 440px;
	positon: fixed;
	top: 32%;
	right: 0;
}

.badge {
	position: absolute;
	background-color: #ff7700;
	border-radius: 3px;
}


/*会员服务侧飘*/
.to_vip {
	position: fixed;
	top: 375px;
	right: 0;
	cursor: pointer;
}

.second-button-active a.local-down,.cst-download-item-text-btn a.local-down
	{
	color: #FF7700;
}

.second-button-active a.baidu-down,.cst-download-item-text-btn a.baidu-down
	{
	color: #108CEE;
}

.local-down,.baidu-down {
	width: 120px;
	text-align: left;
	display: block;
	cursor: pointer;
	background-image: url('./../images/down/3.png');
	background-size: 20px 20px;
	background-position-x: 5px;
	background-position-y: 4px;
	padding-left: 32px;
	background-repeat: no-repeat;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	font-size: 16px;
	border: 1px solid #FF7700;
	background-color: #fff;
	color: #FF7700;
	text-decoration: none;
}

.second-button-active a.local-down:hover,.second-button-active a.baidu-down:hover
	{
	color: #fff;
}

.cst-download-item-text-btn a.local-down:hover,.cst-download-item-text-btn a.baidu-down:hover
	{
	color: #fff;
}

.local-down:hover {
	color: #fff;
	background-color: #FF7700;
	text-decoration: none;
	background-image: url('./../images/down/4png.png');
}

.baidu-down {
	color: #108CEE;
	border: 1px solid #108CEE;
	text-decoration: none;
	background-image: url('./../images/down/1.png');
}

.baidu-down:hover {
	color: #fff;
	background-color: #108CEE;
	text-decoration: none;
	background-image: url('./../images/down/2.png');
}

a.second-but {
	outline: none;
}

/*
	直播列表页
*/
.live-top {
	height: 60px;
	width: 100%;
	background-color: #fff;
	margin: 10px auto 0 auto;
	padding: 18px 30px 0 30px;
}

.live-top * {
	vertical-align: top;
}

.live-table {
	margin: 0 auto;
	width: 1000px;
}

.live-table>tbody>tr>td {
	width: 333px;
	height: 350px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.live-td0 {
	padding-right: 13px;
}

.live-td1 {
	padding-left: 7px;
	padding-right: 7px;
}

.live-td2 {
	padding-left: 13px;
}

.live-panel {
	width: 320px;
	height: 330px;
	border: 1px solid #EFF1F3;
	background-color: #fff;
	padding: 10px;
	cursor: pointer;
}

.live-panel:hover {
	box-shadow: 0 0 20px rgba(150, 176, 254, 0.3);
}

.live-text {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 9px;
}

.live-img-div {
	width: 300px;
	height: 170px;
	position: absolute;
}

.live-img-div-over {
	width: 300px;
	height: 170px;
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity =       40);
	display: inline-block;
	z-index: 20;
	position: absolute;
}

.live-state {
	position: relative;
	display: inline-block;
	width: 65px;
	height: 25px;
	line-height: 23px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 135px;
	margin-left: 10px;
	border-radius: 20px;
	padding-left: 2px;
	z-index: 21;
}

.living {
	background-color: #3461eb;
}

.will-live {
	background-color: #99b3ff;
}

.lived {
	background-color: #a6adbf;
}

.live-img {
	width: 100%;
	height: 100%;
	position: absolute;
}

.live-title { /*position: relative; */
	display: inline-block;
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	height: 40px;

	/*overflow: hidden;
             display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-break: break-all;*/
	/*text-overflow:ellipsis;white-space:nowrap;word-break: break-all;*/
}
/*.live-title:after{
content: "..."; color:#000; position: absolute; bottom: 0; right: 0; padding-left:60px;
background: -webkit-linear-gradient(left, transparent, #C4E2D870%);
background: -o-linear-gradient(right, transparent, #C4E2D8 70%);
background: -moz-linear-gradient(right, transparent, #C4E2D8 70%);
background: linear-gradient(to right, transparent,#C4E2D8 70%);
}*/
.live-info {
	margin-top: 5px;
	line-height: 20px;
	margin-bottom: 5px;
}

.live-time {
	font-size: 12px;
	color: #999;
}

.live-num-icon {
	width: 9px;
	height: 12px;
	display: inline;
}

.live-num {
	float: right;
}

.live-num>span {
	font-size: 12px;
	color: #999;
}

.live-btn {
	margin-left: 80px;
	margin-top: 5px;
}

.live-no-data-out {
	height: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}

.live-no-data {
	height: 500px;
	text-align: center;
	background: url('/static/images/user/nodata.png') no-repeat center 50%;
}

/*直播详情*/
.live-breadcrumb {
	height: 54px;
	line-height: 54px;
}

.live-detail-panel {
	height: 680px;
	width: 100%;
}

.live-detail-video-panel {
	float: left;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.live-detail-chat-panel {
	float: right;
	width: 250px;
	margin-left: 10px;
	height: 100%;
	background-color: #fff;
	z-index: 999999;
}

.live-detail-title {
	width: 100%;
	height: 40px;
	padding-left: 20px;
	font-weight: bold;
	line-height: 40px;
	font-size: 14px;
}

.live-detail-video {
	width: 100%;
	height: 480px;
}

.live-detail-time {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	color: #999;
	font-size: 12px !important;
}

.video-js {
	width: 100%;
	height: 100%;
}

.live-not-apply {
	width: 100%;
	height: 100%;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #fff;
}

.live-not-apply-back {
	width: 100%;
	height: 100%;
	background-image: url('../images/live/back.png');
	background-repeat: no-repeat;
	background-size: 100%;
}

.live-over {
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.live-toapply {
	margin-top: 190px;
}

.live-over {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #000;
}

.live-over-img {
	width: 300px;
	height: 125px;
	margin-top: 160px;
}

.my-weui-grid__icon {
	width: 200px;
	height: 150px;
}

.my-weui-grid__icon>img {
	width: 100%;
	height: 100%;
}
/*直播聊天*/
.live-detail-chat-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #3461eb;
	font-weight: bold;
	text-align: center;
}

.live-detail-chat-line {
	height: 1px;
	background-color: #3461eb;
	width: 230px;
	margin: 0 auto;
}

.live-detail-chat-ul {
	height: 440px;
	width: 100%;
	padding: 0px 10px 20px 10px;
	overflow: auto;
}

.live-detail-chat-textarea {
	width: 230px;
	height: 80px;
	margin: 10px;
	resize: none;
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 5px;
}

.live-detail-chat-textarea:focus {
	resize: none;
	border: 1px solid #3461eb;
}

.live-detail-btn {
	margin: 0 55px 12px 55px;
}

/*直播评论*/
.live-comment-panel {
	background-color: #fff;
	padding: 40px;
	height: auto;
}

.live-like {
	width: 100%;
	height: 40px;
}

.live-like-btn {
	width: 120px;
	height: 40px;
	float: left;
	padding-top: 9px;
	padding-left: 13px;
}

.live-like-btn-active {
	background-color: #3461eb;
	color: white;
}

.live-like-btn-left {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-right: none;
}

.live-like-btn-right {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.live-comment-login {
	height: 120px;
}

.live-not-login {
	height: 120px;
	border: solid 1px #ded6c5;
	background-color: #fff7e7;
	font-size: 14px;
	color: #79441f;
	padding: 45px 60px;
}

.live-login-btn {
	float: right;
	width: 80px;
	height: 30px;
	color: white;
	background-color: #ff7700;
	text-align: center;
	font-size: 14px;
	padding-top: 5px;
	margin-top: -5px;
	margin-left: 10px;
	cursor: pointer;
}

/*课程信息*/
.live-course-panel {
	width: 100%;
	height: auto;
	margin-top: 10px;
	background-color: #fff;
}

.live-course-text {
	width: 100%;
	height: auto;
	line-height: 28px;
	min-height: 40px;
	background-color: #eff3ff;
	border: 1px solid #e5ecff;
	padding: 5px 20px;
	color: #54575f;
}

.live-course-teacher-face {
	width: 200px;
	height: 200px;
	margin-bottom: 10px;
}

.live-course-teacher-face>img {
	width: 100%;
	height: 100%;
}

.video-js {
	overflow: hidden;
}

.vjs-text-track-display>div {
	width: 740px;
	height: 480px;
}

#messagelist {
	padding: 0px;
	list-style: none;
	overflow: auto;
}

#messagelist li {
	display: block;
	clear: both;
	padding: 10px 0 0 0;
	font-size: 14px;
	line-height: 24px;
}

#messagelist li span.username {
	display: inline-block;
	color: #3461eb;
	padding-right: 2em;
	font-weight: bold;
}

#messagelist li span.time {
	font-size: 12px;
	display: inline-block;
	color: #8b8b8b;
}

#messagelist li p {
	color: #333;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}

#ne_player_Html5_api {
	width: 740px;
	height: 480px;
}


/* modal改进样式 */
.up-modal .modal-dialog {
	background: #fff;
	box-shadow: 0 5px 50px #cbcfdc;
	border: 1px solid #ddd;
	border-radius: 0;
	width: 360px;
	height: auto;
	margin-top: 200px;
}

.up-modal .modal-title {
	text-align: center;
	font-size: 16px;
	color: #333;
	line-height: 40px;
	margin-top: 20px;
	font-weight: 600;
}

.up-modal .close {
	position: absolute;
	right: 13px;
	top: 10px;
	font-weight: normal;
	z-index: 10;
	font-size: 16px;
}

.up-modal .modal-content {
	box-shadow: 0 0;
	border: none;
	border-radius: 0;
}

.up-modal .modal-body {
	padding-top: 0;
}

.up-modal .button-block {
	width: auto;
	margin: 20px auto 15px auto !important;
	font-size: 0;
	text-align: center;
}

.up-modal .per-input {
	width: 100%;
}

.up-modal .per-white-btn {
	float: right;
}

.up-modal .modal-info {
	text-align: center;
	font-size: 14px;
	color: #999;
	line-height: 28px;
	border: none;
	border-radius: 0;
	box-shadow: 0 0;
	padding: 0 3px;
}

.per-btn {
	height: 40px;
	font-size: 14px;
	line-height: 15px;
	border-radius: 0px;
}
.per-btn:hover {
    background-color: #4070ff;
    border: 1px solid #4070ff;
    color: #fff;
}

.per-info-btn {
	background-color: #3461eb;
	color: #fff;
	border: none;
}

.per-weak-btn {
    background-color: #fff;
    color: #818aa6;
    border: 1px solid #a6adbf;
}

.btn-md {
	width: 160px;
}

.btn-sm {
	width: 140px;
}

#allowVipModal #confirmBtn{
	margin-left: 10px;
}

/*一般集成查询*/
.ybjc-title {
	margin-bottom: 0px !important;
}

.ybjc-title-in {
	color: #3f3f3f !important;
	margin-bottom: 13px !important;
}

.home-input {
	border: 1px solid #4786c8;
	height: 36px;
	width: 840px;
	padding: 0 10px;
}

.ybjc-input {
	width: 970px;
	height: 66px;
}

#qualBtn {
	width: 130px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	background-color: #4786c8;
	float: right;
	cursor: pointer;
	text-align: center;
	color: #fff;
}

#qualResult {
	color: #666;
	word-wrap: break-word;
	word-break: break-all;
}

/*登录框样式*/
#loginModal {
	top: 110px;
}

/**/
.test-tip {
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	background-color: red;
	font-size: 20px;
	display: none;
	cursor: pointer;
}



/* 文章详情页  手机、小程序 */
.mobilFrame-content {
	width: 100%;
	background-color: #fff;
}

.mobilFrame-content .content {
	padding: 30px;
}

.mobilFrame-content .content .articleTitleFrame {
	text-align: left;
}

.mobilFrame-content .content .articleTitleFrame .title {
	line-height: 64px;
	font-size: 42px;
	color: #292b33;
	font-weight: bold;
	margin-bottom: 30px;
}

.mobilFrame-content .content .articleTitleFrame .sub_title {
	line-height: 45px;
	font-size: 30px;
	color: #292b33;
}

.mobilFrame-content .content .articleTitleFrame .time {
	height: 36px;
	line-height: 36px;
	font-size: 25px;
	color: #7a8199;
}

.mobilFrame-content .content .articleTitleFrame i {
	margin: 0 16px;
	height: 24px;
	color: #d8dae5;
	font-style: normal;
}

.mobilFrame-content .content .articleAbstract {
	color: #6a7391;
	font-size: 28px;
	margin-top: 40px;
	line-height: 40px;
}

.mobilFrame-content .content .articleContent {
	color: #292b33;
	margin-top: 40px;
	line-height: 50px;
	font-size: 28px;
}

.mobilFrame-content .content .articleContent img {
	max-width: 100%;
}

.mobilFrame-content .pre_next .title_ {
	padding: 8px 30px;
	border-bottom: 1px dashed #d3d3d3;
}

.mobilFrame-content .pre_next .title_ span {
	line-height: 45px;
	font-size: 28px;
	color: #7a8199;
}

.single-item {
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 30px;
	/*border-bottom: 1px dashed #d3d3d3;*/
	background-color: #fff;
}

.single-item:last-child {
	border-bottom: none;
}

.img-block {
	width: 125px;
	height: 125px;
	flex-grow: 0;
	flex-shrink: 0;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.img-block>img { /* border-radius: 5px; */
	width: 100%;
	height: 100%;
}

.item-text-block {
	flex-grow: 1;
	flex-shrink: 1;
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.item-title {
	font-size: 28px;
	color: #333;
	width: 100%;
	line-height: 38px;
}

.item-detail {
	width: 100%;
	margin-top: 20px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
}

.item-detail .item-date {
	font-size: 24px;
	color: #999;
	line-height: 29px;
	height: 29px;
	text-align: right;
	word-break: break-all;
}


/* Tooltip 容器 */
.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	padding: 5px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%;
	margin-left: -60px;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}