.header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999 !important;
	width: 100%;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	height: 80px;
	background: #fff;
	z-index: 999;
	box-shadow: 0 0px 5px rgba(0, 0, 0, .1);
}

.header>.container{
	max-width: initial;
	padding: 0 60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.head-height{
	height: 80px;
}

.container{
	max-width: 1440px;
	margin: 0 auto;
}


.logo{
	display: flex;
	align-items: center;
}

.logo h1{
	
}


.tel-search{
	position: relative;
}

.not-tel{
	line-height: 80px;
	float: right;
	color: #0066ff;
	font-size: 24px;
	font-weight: bold;
	font-family: "arial, helvetica, sans-serif";
}

.tel-icon{
	width: 24px;
	height: 24px;
	background: url(../images/tel_icon.png) center center no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: relative;
	bottom: -5px;
	margin-right: 12px;
}




/*菜单*/

nav {
	
}

#starlist{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#starlist>li {
	display: flex;
	align-items: center;
	height: 80px;
	line-height: 80px;
	position: relative;
}

#starlist li.menu>a.std-text span {
	display: inline-block;
}

#starlist li>a.std-text {
	color: rgba(51,51,51,1);
	font-size: 16px;
	z-index: 9;
	transition: initial;
	margin: 0 6px;
	padding: 0px 18px;
	transition: all 0.5s;
	height: 40px;
	display: flex;
	align-items: center;
}

#starlist li .std-text>i{
	display: flex;
	align-items: center;
	margin-left: 4px;
}

#starlist li .std-text.active>i{
	fill: rgba(51,51,51,1);
}

#starlist li>.std-text.active {
	color: rgba(0,102,255,1);
}

#starlist li .std-text.active>i{
	fill: rgba(0,102,255,1);
}

#starlist li>.std-text:hover {
	color: rgba(0,102,255,1);
	background-color: rgba(0,102,255,.08);
	border-radius: 40px;
	transition: all 0.5s;
}

#starlist li .std-text:hover>i{
	fill: rgba(0,102,255,1);
}


#starlist ul {}


#starlist .sub {
	position: absolute;
	left: calc(50% - 500px);
	top: 80px;
	width: 1000px;
	height: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 1);
	opacity: 0;
	z-index: 1;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	overflow: hidden;
	border-radius: 24px;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
}

#starlist .sub.pull-2 {
	left: calc(50% - 400px);
	width: 800px;
}

#starlist .sub.pull-3 {
	left: calc(50% - 100px);
	width: 200px;
}


#starlist li:hover .sub {
	opacity: 1;
	top: 80px;
	padding: 14px 0;
	height: auto;
	z-index: 99;
	border-bottom: 5px solid #0066ff;
}

#starlist .box {
	padding: 15px 25px 25px;
}


.pro-pull-menu{
	float: left;
	width: 65%;
}

.pro-left-ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column：
}

.pro-left-li{
	float: left;
	width: 49%;
	line-height: initial;
	border-radius: 12px;
	margin-left: 2%;
}

.pro-left-li:nth-child(2n+1){
	margin-left: 0;
}

.pro-left-li-link{
	position: relative;
	display: block;
	padding: 15px 15px;
}

.pro-left-li-link:hover{
	background-color: #f6fafd;
}

.pro-left-li .pro-icon{
	width: 48px;
	height: 48px;
	border: 1px solid rgba(0,102,255,.2);
	border-radius: 8px;
	background-color: #f6fafd;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
}

.pro-left-li .pro-icon img{
	height: 26px;
}

.pro-left-li .pro-left{
	width: 72%;
	float: left;
	margin-left: 6%;
}

.pull-2 .pro-left-li .pro-left {
    width: 90%;
    margin-left: 0%;
}

.pro-left-li .pro-left h2{
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	font-weight: initial;
}

.pro-left-li .pro-left p{
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	margin-top: 5px;
}


.more-arrow{
	font-size: 16px !important;
	position: absolute;
	right: 16px;
	top: calc(32% - 7.5px);
	opacity: 0;
	transition: all 0.5s;
	width: 15px;
	overflow: hidden;
	padding-right: 15px;
	color: #333;
}

.pro-left-li-link:hover .more-arrow{
	padding-right: 0;
	opacity: 1;
}

.pro-remod{
	float: right;
	width: 25%;
	line-height: initial;
	padding-left: 4.9%;
	border-left: 1px solid #eee;
}

.pro-remod-top{
	padding: 15px;
	background: #f6fafd;
	border-radius: 8px;
}

.pro-remod-item h2{
	margin-top: 14px;
	height: 48px;
}

.pro-remod-title{
	font-size: 14px;
	line-height: 18px;
	color: #999999;
}

.menu-title{
	font-size: 15px;
	line-height: 24px;
	color: #333;
	font-weight: initial;
	transition: all 0.5s;
}

.pro-remod-item-img{
	overflow: hidden;
	border-radius: 8px;
	margin-top: 20px;
}

.pro-remod-bot{
	margin-top: 25px;
}

.pro-remod-bot-ul{
	
}

.pro-remod-bot-li {
	position: relative;
	margin-top: 10px;
}

 a:hover .menu-title{
	color: #0066ff;
}

.pro-remod-bot-li .more-arrow{
	top: calc(50% - 7.5px);
}

.pro-remod-bot-li:hover .more-arrow{
	padding-right: 0;
	opacity: 1;
}


.pull-2 .pro-remod-bot{
	margin-top: 0;
}

.pull-3 li{
	line-height: 48px;
	position: relative;
}

.pull-3 li a{
	font-size: 16px;
	color: #333;
}

.pull-3 li a:hover{
	color: #0066ff;
}

.pull-3 li a span{
	display: inline-block;
}

.pull-3 li .more-arrow {
    right: 0;
    top: calc(50% - 24px);
    width: 15px;
}

.pull-3 li:hover .more-arrow{
	padding-right: 0;
	opacity: 1;
}

#starlist .pull-3 .box {
    padding: 0px 25px 5px;
}

/* 
#starlist .sub li {
	float: initial;
	display: inline-table;
	width: auto;
	text-align: center;
	margin: 0 10px;
	line-height: 30px;
}

#starlist .sub li a {
	color: #333;
	font-size: 15px;
	height: initial;
	font-weight: initial;
	margin: 0;
}


#starlist .sub li:hover a {
	color: #0066ff;
	background: initial;
} */




.menu:before {
	display: none;
}

.menu:before {
	position: absolute;
	content: "";
	top: 25px;
	right: 5px;
	background-image: url(../images/jt.png);
	background-position: center center;
	background-size: 100%;
	width: 20px;
	height: 11px;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.menu:hover:before {
	transform: rotate(180deg)
}

#mnavh {
	display: none;
	margin: 26px 0 0 0;
	width: 16px;
	height: 24px;
	float: right;
	text-align: center;
	padding: 0 2% 0 0;
	right: 3%;
}


.navicon {
	display: block;
	position: relative;
	width: 24px;
	height: 2px;
	background-color: #fff;
	bottom: -8px;
	cursor: pointer;
}

.navicon:before,
.navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.navicon:before {
	margin-top: -8px;
}

.navicon:after {
	margin-top: 8px;
}

.open .navicon {
	background: none
}

.open .navicon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .navicon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .navicon:before,
.open .navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
}





.link{
	margin-top: -8px;
	padding-bottom: 24px;
	background: #26272a;
	color: #888;
	font-size: 14px;
	line-height: 20px;
}

.link a{
	color: #888;
	font-size: 14px;
	margin-right: 10px;
}

.link a:hover{
	color: #FFFFFF;
}





/* 下载 */


.responsive-carousel {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.carousel-container {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-slide {
	text-align: center;
}

.carousel-slide img.pc {
  width: 100%;
  height: 520px;
  object-fit: cover;
}

.carousel-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.carousel-controls span {
  cursor: pointer;
  padding: 10px;
  background: rgba(0,0,0,0.5);
  color: white;
  font-weight: bold;
  user-select: none;
}

.carousel-indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.carousel-indicators span {
  display: inline-block;
  width: 20px;
  height: 6px;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, .5);
  border-radius: 3px;
  cursor: pointer;
   transition: all 0.5s;
}

.carousel-indicators span.active {
	width: 30px;
	background-color: rgba(0,102,255,1);
	 transition: all 0.5s;
}



.list-menu{
	height: 100px;
}

.list-menu-box{
	float: left;
	width: 60%;
}

.list-menu-box ul li{
	float: left;
	margin-right: 50px;
}

.list-menu-box ul li a{
	font-size: 18px;
	color: #333333;
	line-height: 100px;
	display: inline-block;
	position: relative;
}

.list-menu-box ul li a:hover{
	color: #0066ff;
}

.list-menu-box ul li a::after{
	position: absolute;
	bottom: 0;
	width: 0;
	height: 3px;
	background: #0066ff;
	display: block;
	content: "";
	transition: all 0.5s;
}

.list-menu-box ul li a:hover::after{
	width: 100%;
	left: 50%;
	margin-left: -50%;
	transition: all 0.5s;
}


.cru{
	float: right;
	color: #999;
	line-height: 100px;
}

.cru a{
	color: #999;
	font-size: 16px;
}

.cru a:hover{
	color: #0066ff;
}




.down{
	background: #f5f8fd;
	padding: 100px 0;
}

.down .container{
	overflow: hidden;
	clear: both;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.list-left {
	width: 71.11%;
	float: left;
}

.down-left-box .item{
	float: left;
	width: 48.82%;
	margin-left: 2.28%;
	border-radius: 24px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 40px;
}

.down-left-box .item:nth-child(2n+1){
	margin-left: 0%;
}

.down-left-box .item .text{
	
}

.down-left-box .item .text .box{
	padding: 35px 30px 40px;
}


.category-time{
	font-size: 14px;
	color: #cccccc;
}

.category-time span{
	color: #666666;
}

.category-time a{
	color: #333333;
}

.category-time a:hover{
	color: #0066ff;
}

.list-title h2{
	font-size: 24px;
	line-height: 34px;
	height: 68px;
	color: #000000;
	font-weight: initial;
	margin: 12px 0 16px;
	transition: all 0.5s;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.list-title a h2:hover{
	color: #0066ff;
}

.tag a{
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	padding: 0 8px;
	background: #f5f8fd;
	margin-right: 10px;
	display: inline-block;
}

.tag a:hover{
	color: #0066ff;
}





/*翻页*/

.increase-more{
	color: #333333;
	font-size: 18px;
	line-height: 30px;
	display: inline-block;
	position: relative;
	left: calc(50% - 70px);
}

.increase-more i{
	fill: #333;
}

.increase-more:hover,.increase-more:hover i{
	color: #0066ff;
	fill: #0066ff;
}



#AspNetPager1{
	text-align: center;
	margin-top: 20px;
}

#AspNetPager1 div{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #999;
}

#AspNetPager1 a{
	width: 38px;
	height: 38px;
	border: 1px solid #DDDDDD;
	font-size: 16px;
	line-height: 38px;
	color: #666666;
	margin: 0 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
}


#AspNetPager1 a:hover{
	border: 1px solid #0066ff;
	background: #0066ff;
	color: #FFFFFF;
}

#AspNetPager1 a:hover img{
	filter: brightness(1000%);
}


#AspNetPager1 span.colorf{
	display: inline-block;
	border: 1px solid #0066ff;
	background: #0066ff;
	color: #FFFFFF;
	padding: 0 13px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin: 0 5px;
	border-radius: 6px;
}


#AspNetPager1_input{
	width: 38px;
	height: 38px;
	border: 1px solid #DDDDDD;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	color: #666666;
	margin: 0 5px;
}


#AspNetPager1_btn{
	width: 38px;
	height: 38px;
	border: 1px solid #DDDDDD;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	color: #666666;
	margin: 0 10px 0 5px;
	cursor: pointer;
}


/*翻页结束*/



.side-floating{
	width: 25.42%;
	float: right;
}

.mc_mr_imgli{
	
}

.mc_mr_imgli ul li{
	margin-top: 20px;
	border-radius: 16px;
	overflow: hidden;
}

.mc_mr_imgli ul li:first-child{
	margin-top: 0px;
}


.mc_mrsearch_inputbox{
	margin-top: 30px;
	box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
}

.mc_mrsearch_input {
    font-size: 14px;
    color: #333;
    width: 90%;
    height: 48px;
    border: 1px solid #e2e3f1;
    background: #fff;
    padding-left: 5%;
    padding-right: 5%;
	border-radius: 8px;
	outline: initial;
}

.mc_mrsearch_input:hover{
    border: 1px solid #0066ff;
}

.mc_mrsearch_inputbox {
    position: relative;
    z-index: 1;
}

.mc_mrsearch_submit {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
	background: initial;
	border: initial;
	cursor: pointer;
}

.mc_mrsearch_submit .iconfont {
    font-size: 16px;
    color: #999;
}





.mc_mr_box {
    background: #fff;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    overflow: hidden;
	margin-top: 30px;
}

.mc_mr_box .box{
	 padding: 0 20px;
}

.mc_mrbox_hd {
    padding: 20px 0 10px;
    border-bottom: 1px solid #e1e1e1;
}

.mc_mrbox_title {
    font-size: 24px;
    line-height: 1.5;
    color: #333333;
}


.mc_mrbox_bd {
    padding: 20px 0 30px;
}

.mc_mrarticle_li:not(:last-child) {
    margin-bottom: 20px;
}

.mc_mrarticle_lisbox {
    display: flex;
    align-items: flex-start;
}


.mc_mrarticle_li:nth-child(1) .mc_mrarticle_index {
    color: #e53c3c;
}

.mc_mrarticle_li:nth-child(2) .mc_mrarticle_index {
    color: #fd9030;
}

.mc_mrarticle_li:nth-child(3) .mc_mrarticle_index {
    color: #f7bf42;
}

.mc_mrarticle_index {
    flex: none;
    color: #cecece;
	font-size: 28px;
	font-weight: bold;
	font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
}


.mc_mrarticle_txtbox {
    padding-left: 20px;
}

.mc_mrarticle_mes{
	display: flex;
}

.mc_mrarticle_title {
    color: #333;
    line-height: 28px !important;
    max-height: 56px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all .4s;
	font-size: 16px;
}

.mc_mrarticle_hot{
	display: flex;
}

.mc_mrarticle_mes {
    color: #969696;
    font-size: 12px;
}

.mc_mrarticle_hot {
    margin-left: 20px;
}



.mc_mrlink_list {
    font-size: 0;
    margin: 0 -5px;
}

.mc_mrlink_li {
    display: inline-block;
    vertical-align: top;
    min-width: 48%;
    margin-top: 15px;
	float: left;
	margin-left: 4%;
}

.mc_mrlink_li:nth-child(2n+1) {
	margin-left: 0%;
}

.mc_mrlink_li:nth-child(1),.mc_mrlink_li:nth-child(2)  {
	 margin-top: 0;
}

.mc_btn_lightblue {
    background: #f5f8fd;
    color: #666;
    text-align: center;
    transition: all .4s;
}
.mc_mrlink_btn {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 1em;
    border-radius: 2px;
}



.mc_mrtag_box a {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.mc_btn_lightblue {
    background: #f5f8fd;
    color: #666;
    text-align: center;
    transition: all .4s;
}


.foot-mess{
	background: url(../images/foot_message_bg.jpg) center center no-repeat;
	background-size: cover;
	height: 300px;
	position: relative;
	z-index: 99;
}

.foot-mess .container{
	padding-top: 88px;
}

.foot-mess-title{
	float: left;
	width: 50%;
}

.foot-mess-title{
	color: #fff;
}

.foot-mess-title .text{
	margin-top: 20px;
	line-height: initial;
}


.foot-mess-input{
	float: right;
	position: relative;
	width: 38.9%;
	margin-top: 35px;
}

.mess-input{
	width: 88%;
	height: 60px;
	border-radius: 30px;
	font-size: 18px;
	border: initial;
	outline: initial;
	padding: 0 6%;
}

.mess-input-submit{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 180px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background: #0066ff;
	color: #fff;
}



.foot{
	background: #222222;
	padding: 80px 0 40px;
	position: relative;
	z-index: 99;
}

.foot-menu{
	float: left;
	width: 64%;
	border-right: 1px solid #333333;
}



.foot-menu ul>li {
	width: 20%;
	float: left;
}

.foot-menu ul li a{
	color: #fff;
	line-height: 30px;
	font-size: 18px;
}

.foot-menu ul li ul{
	margin-top: 20px;
}

.foot-menu ul li ul li{
	width: initial;
	float: initial;
}

.foot-menu ul li ul li a{
	color: #cccccc;
	line-height: 40px;
	font-size: 16px;
}

.foot-menu ul li ul li a:hover{
	color: #fff;
}




.foot-contact{
	float: right;
}

.foot-contact .title{
	color: #fff;
	line-height: 30px;
	font-size: 18px;
}

.foot-contact-box{
	margin-top: 22px;
}

.foot-contact-box ul li{
	color: #cccccc;
	fill: #cccccc;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	display: flex;
}

.foot-contact-box ul li i{
	width: 24px;
	height: 40px;
	display: flex;
	align-items: center;
	margin-right: 8px;
	font-size: 24px;
}


.foot-rwm-box{
	margin-top: 46px;
}

.foot-rwm-box ul li{
	float: left;
	text-align: center;
	margin-right: 24px;
}

.foot-rwm-box ul li p{
	font-size: 16px;
	color: #999999;
	margin-top: 14px;
}



.foot-copy-box{
	margin-top: 70px;
	color: #999999;
	font-size: 14px;
}

.foot-copy-box a{
	color: #999999;
}

.foot-copy-box a:hover{
	color: #fff;
}

.foot-copy-box span{
	color: #444444;
	margin: 0 5px;
}

.copy-info{
	float: left;
	display: flex;
}

.copy-info i{
	margin-right: 5px;
}

.copy-info img{
	height: 18px;
}



.foot-submenu{
	float: right;
}


.foot-link{
	background-color: #222;
	padding: 24px 0;
	border-top: 1px solid #444444;
	color: #999999;
	font-size: 14px;
	position: relative;
	z-index: 9;
}

.foot-link a{
	color: #999999;
}

.foot-link a:hover{
	color: #fff;
}

.foot-link span{
	color: #444444;
	margin: 0 5px;
}



.aside{
	height: 500px;
	width: 300px;
	background-color: #000000;
	float: right;
}



/* 内容页 */

.page-cru{
	background: #f5f8fd;
	
}

.page-cru .cru{
	float: left;
	line-height: 80px;
}


.page-contact{
	padding-top: 0;
}

.page-contact .list-left{
	
}

.page-contact .list-left .box{
	padding: 50px;
	box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
	background: #fff;
	border-radius: 24px;
	margin-bottom: 24px;
}

.page-contact .list-left .box:last-child{
	margin-bottom: 0;
}



.article-top{
	position: relative;
	padding-bottom: 25px;
}

.article-top .title h2{
	font-size: 30px;
	color: #000000;
	line-height: 48px;
}


.article-top .info{
	margin-top: 8px;
}

.article-top .info .category-time{
	float: left;
}

.article-top .info .data{
	float: right;
	font-size: 14px;
	color: #666666;
}

.article-top .info .data .text{
	margin-left: 30px;
	display: inline-block;
}


.article-contact{
	padding: 40px 0;
	border-top: 1px solid #DDDDDD;
}




.entry-meta{
	margin-top: 80px;
}

.entry-meta ul {
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

.entry-meta ul li {
    font-size: 16px;
    line-height: 1.75;
    padding: 3px 0;
    color: #666;
    word-break: break-word;
}

.entry-meta ul li>span {
    line-height: inherit;
}

.article-donate {
    text-align: center;
}

.entry-meta ul li:nth-child(2) a {
    margin-right: 14px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0 10px;
    word-break: break-word;
}

.entry-meta ul li {
    display: flex;
}

.entry-meta ul li a{
    color: #666;
}

.entry-meta-dt {
    flex: none;
    line-height: inherit;
    color: #333;
}

.entry-meta .mc_btn_lightblue{
	padding: 4px 6px;
	margin-right: 8px;
	font-size: 14px;
}

.article-top .download-button{
	position: absolute;
	right: 0;
	top: 6px;
}

.article-top .download-button a{
	width: 120px;
	height: 36px;
	font-size: 14px;
}

.download-button{
	text-align: center;
}

.download-button a{
	width: 200px;
	height: 70px;
	display: inline-block;
	background: #0066ff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin: 0 auto;
	font-size: 18px;
	border-radius: 35px;
}


.download-button a i{
	display: flex;
	align-items: center;
	margin-left: 10px;
	fill: #fff;
}



.page-pagin{
	padding-top: 30px;
	border-top: 1px solid #ddd;
}

.page-pagin ul li a{
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}

.page-pagin ul li a:hover{
	color: #0066ff;
}




.page-down-list{
	margin-top: 25px;
}

.page-down-list .item{
	background: #f5f8fd;
	margin-bottom: 0;
	width: 32.26%;
	margin-left: 1.6%;
	border-radius: 16px;
}

.page-down-list .item:nth-child(2n+1){
	margin-left: 1.6%;
}

.page-down-list .item:nth-child(3n+1){
	margin-left: 0%;
}

.page-down-list .category-time {
    font-size: 12px;
}

.page-down-list .item .text .box{
	padding: 20px 20px 20px;
	background: initial;
	box-shadow: initial;
}

.page-down-list .list-title{
	  margin: 12px 0 16px;
}

.page-down-list .list-title h2{
	display: block;
    font-size: 18px;
    line-height: 26px;
    height: 52px;
    color: #000000;
	margin: 0;
}



.page-down-list .tag a{
	background: #fff;
	display: none;
}

.page-down-list .tag a:nth-of-type(1),.page-down-list .tag a:nth-of-type(2){
	display: inline-block;
}




/* 新闻中心 */

.news-left-box {
	margin-bottom: 24px;
}

.news-left-box .item{
	background: #fff;
	border-radius: 16px;
	margin-bottom: 24px;
}

.news-left-box .item:last-child{
	margin-bottom: 30px;
}

.news-left-box .item .pic{
	float: left;
	width: 38.1%;
	border-radius: 16px;
}

.news-left-box .item .text{
	float: right;
	width: 61.9%;
}

.news-left-box .item .text .box{
	padding: 40px 50px;
}


.news-left-box .item .text .tag{
	margin-top: 38px;
}



/* 联系我们 */

.contact{
	background: #f5f8fd;
	padding-top: 100px;
}

.contact-content{
	padding-bottom: 100px;
	width: 40.7%;
	float: left;
}

.contact-content .text h2{
	font-weight: initial;
}

.contact-content .text p{
	margin-top: 15px;
	color: #333333;
}

.contact-case {
	
}

.contact-case ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0;
	flex-wrap: wrap;
}

.contact-case ul li{
	margin: 15px 0;
}

.contact-case ul li img{
	width: 75%;
	filter: brightness(0);
}


.contact-tel-id{
	margin-top: ;
}

.contact-tel-id ul li{
	margin-top: 24px;
}

.contact-tel-id ul li .sub-title{
	display: flex;
}

.contact-tel-id ul li i{
	fill: #0066ff;
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.contact-tel-id ul li span{
	color: #666666;
}

.contact-tel-id ul li .sub-weight{
	font-size: 30px;
	font-weight: bold;
	color: #000;
	margin-top: 8px;
}

.contact-tel-id ul li:nth-child(2) .sub-weight{
	font-size: 24px;
}


.contact-mess{
	float: right;
	width: 50%;
	background: #eaf0fa;
	border-top-right-radius: 36px;
	border-top-left-radius: 36px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
}

.contact-mess::after{
	position: absolute;
	z-index: 1;
	bottom: -110px;
	left: calc(50% - 342px);
	width: 683px;
	height: 390px;
	display: block;
	content: "";
	background: url(../images/contact_bg_icon.png) center center no-repeat;
}

.contact-mess .box{
	padding: 80px 60px;
	z-index: 9;
	position: relative;
}

.contact-mess-box{
	margin-top: 35px;
}

.contact-mess-box .item{
	margin-bottom: 30px;
	width: 47.5%;
	float: left;
	margin-left: 5%;
}

.contact-mess-box .item:nth-child(2n+1){
	margin-left: 0;
}

.contact-mess-box .item .font-18 span{
	color: #ff0000;
}

.input{
	width: 90%;
	padding: 0 5%;
	height: 50px;
	border-radius: 8px;
	border: 1px solid #fff;
	outline: initial;
	margin-top: 14px;
}

.input:hover,.textarea{
	border: 1px solid #0066ff;
}

.contact-mess-box .item.mess{
	margin-bottom: 30px;
	width: 100%;
	float: left;
	margin-left: 0;
}

.textarea{
	width: 95%;
	padding: 15px 2.5%;
	height: 120px;
	line-height: 30px;
	border-radius: 8px;
	border: 1px solid #fff;
	outline: initial;
	margin-top: 14px;
}

.submit{
	margin-top: 10px;
}

.submit a{
	height: 60px;
	display: block;
	width: 200px;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #0066ff;
	border-radius: 30px;
}

.submit a:hover{
	opacity: .8;
}




/* 案例 */

#bubble{
	position: fixed;
	background: #f5f8fd;
}

canvas {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	transform: scale(1.1);
	filter: blur(10px) opacity(0.5);
	background: #f5f8fd;
}

@media screen and (max-width: 520px) {
	canvas {
		transform: scale(1);
		filter: blur(10px) opacity(0.5);
		min-height: 900px;
		min-width: 700px;
	}
}

.case-cont{
	position: relative;
	z-index: 9;
	padding: 120px 0 110px;
}

.case-top-title{
}

.case-list-tit{
	float: left;
	width: 35%;
	line-height: 80px;
}

.case-top-flex{
	float: right;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.case-top-num{
	font-size: 160px;
	line-height: 120px;
	color: #0066ff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 10px;
}



.case-list-menu{
	padding-top: 83px;
}

.case-tab-item{
	margin-top: 15px;
	display: flex;
}

.case-tab-item-name {
	width: 68px;
	font-size: 18px;
	color: #333333;
	margin-right: 30px;
	line-height: 50px;
	position: relative;
}

.case-tab-item-name::after{
	position: absolute;
	right: 0px;
	top: calc(50% - 8px);
	width: 1px;
	height: 16px;
	display: block;
	content: "";
	background: #cccccc;
}


.case-tab-item ul {
	display: flex;
	width: calc(100% - 98px);
	flex-wrap: wrap;
}

.case-tab-item ul li{
	
}

.case-tab-item ul li a{
	font-size: 18px;
	color: #333333;
	display: inline-block;
	padding: 0 24px;
	line-height: 50px;
}

.case-tab-item ul li a.active{
	color: #0066ff;
	background: #e3f0ff;
	height: 50px;
	border-radius: 25px;
}

.case-tab-item ul li a:hover{
	color: #0066ff;
}


.case-list .item{
	width: 32%;
	float: left;
	margin: 50px 0;
	margin-left: 2% !important;
}

.case-list .item:nth-child(3n+1){
	margin-left: 0 !important;
	clear: both;
}

.case-list .item .pic{
	border-radius: 16px;
	overflow: hidden;
}

.case-list .item .text .box{
	padding: 30px 20px 0;
}


.case-list .tag a{
	background: #e3f0ff;
	border-radius: 12px;
	padding: 0 10px;
}
.case-list .case-logo-adv .case-data{
	text-align: center;
}

.case-sjmg .case-logo img,.case-ws .case-logo img{
	height: 50px;
	filter: grayscale(100%) invert(100%) brightness(1000%);
}

.case-sjmg .case-data,.case-kye .case-data,.case-jnw .case-data,.case-wh .case-data,.case-hw .case-data,.case-ws .case-data{
	color: #fff;
}

.case-kye .case-logo img{
	height: 40px;
	filter: grayscale(100%) invert(100%) brightness(1000%);
}

.case-jnw .case-logo img{
	height: 40px;
	filter: grayscale(100%) invert(100%) brightness(1000%);
}

.case-wh .case-logo img{
	height: 40px;
	filter: grayscale(100%) invert(100%) brightness(1000%);
}

.case-hw .case-logo img{
	height: 50px;
	filter: grayscale(100%) invert(100%) brightness(1000%);
}

.case-htc .case-logo img{
	height: 35px;
}

.case-bl .case-logo img{
	height: 45px;
}

.case-bl .case-data{
	color: #007338;
}

.case-htc .case-data{
	color: #007983;
}

.case-jy .case-logo img{
	height: 38px;
}

.case-jy .case-data{
	color: #f6ab02;
}

.case-net .case-logo img{
	height: 50px;
}

.case-net .case-data{
	color: #01458e;
}

.case-net .case-data span{
	display: none;
}

.case-list .item.rec-item .pic{
	position: relative;
}

.case-logo-adv{
	position: absolute;
	left: 0;
	top: 0;
	width: 86%;
	padding: 28px 7%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.case-bot-img img{
}

.case-bot-img img:nth-of-type(1){
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	transition: all 0.5s;
}

.case-list .item.rec-item .pic:hover .case-bot-img img:nth-of-type(1) {
    top: 0%;
    left: -10%;
	transition: all 0.5s;
}


.item-data{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.item-data b{
	font-size: 32px;
	line-height: 36px;
	margin-right: 4px;
}

.item-data span{
	font-size: 16px;
}

.case-data p{
	font-size: 14px;
	margin-top: 5px;
}



/* 案例详情页一 */

.case-page-banner{
	position: relative;
	overflow: hidden;
	height: 600px;
}

.case-page-banner .container{
	position: relative;
	z-index: 9;
}

.case-page-banner .pic img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	object-fit: cover;
	width: 100%;
}


.case-page-info{
	height: 600px;
	width: 40%;
	display: flex;
	align-items: center;
}

.case-page-info .category-time {
    color: rgba(255, 255, 255, .7);
}

.case-page-info .category-time a {
    color: rgba(255, 255, 255, .7);
}

.case-page-info .category-time span {
    color: rgba(255, 255, 255, .7);
}

.case-page-info .list-title h2 {
    font-size: 36px;
    line-height: 48px;
    height: auto;
    color: #fff;
    margin: 20px 0 20px;
}

.case-page-info .list-title p {
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 255, 255, .8);
}

.tag.page-tag  {
  margin-top: 40px;
}

.tag.page-tag a {
    font-size: 16px;
    line-height: 30px;
    padding: 0 15px;
    background: #f5f8fd;
    margin-right: 15px;
    display: inline-block;
	border-radius: 15px;
}



.case-project-cont{
	padding: 95px 0 120px;
}

.project-cont-title{
	color: #666666;
	margin-bottom: 20px;
}

.project-cont-box{
	border-top: 1px solid #ddd;
	padding-top: 65px;
}

.project-cont{
	float: right;
	width: 66.12%;
}

.project-cont .text{
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #333333;
	text-align: justify;
}

.project-cont .chara{
	margin-top: 100px;
}

.project-cont .title-30{
	color: #999999;
	font-weight: bold;
	line-height: 40px;
}

.project-cont .chara ul{
	margin-top: 35px;
}

.project-cont .chara ul li{
	float: left;
	width: 30.33%;
	padding-left: 3%;
	position: relative;
}

.project-cont .chara ul li:before{
	position: absolute;
	left: 2px;
	top: calc(50% - 40px);
	width: 2px;
	height: 80px;
	background: #0066ff;
	display: block;
	content: "";
}

.project-cont .chara ul li i{
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #0066ff;
}

.project-cont .chara ul li p{
	font-size: 16px;
	color: #333333;
	margin-top: 14px;
}


.case-page-content{
	padding: 100px 0;
	text-align: justify;
	font-size: 18px;
	line-height: 36px;
	color: #333;
}

.case-page-content img{
	display: block;
	margin: 0 auto;
}

	
.case-page-pic{
	text-align: center;
}


.selected-cases{
	padding: 95px 0 100px;
	background: #f5f8fd;
}


.section-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.more a{
	display: block;
	border: 1px solid #dddddd;
	height: 58px;
	width: 208px;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333333;
	font-size: 18px;
}

.more a span{
	margin-right: 10px;
}

.more a:hover{
	border: 1px solid #0066ff;
	background: #0066ff;
	color: #fff;
}

.more a i{
	margin-right:0;
	transition: all 0.5s;
}


.more a:hover i{
	fill: #fff;
	margin-right: -10px;
	transition: all 0.5s;
}




.case-web-title-box{
	margin-bottom: 70px;
}

.case-web-logo {
	float: left;
}

.case-web-title{
	float: right;
	width: 50%;
}

.case-web-title .list-title h2 {
    font-size: 48px;
    line-height: 56px;
    height: auto;
    color: #000000;
    margin: 12px 0 0px;
}



.case-web-text-box{
	padding-top: 75px;
	border-top: 1px solid #ddd;
}

.case-web-view{
	float: left;
}

.case-web-view a{
	font-size: 24px;
	font-weight: bold;
	border-bottom: 3px solid #333;
	color: #333;
}

.case-web-view a:hover{
	border-bottom: 3px solid #0066ff;
	color: #0066ff;
}

.case-web-view{
	float: left;
}

.case-web-text{
	float: right;
	width: 50%;
	font-size: 30px;
	line-height: 40px;
	color: #333333;
}



/* 首页 */

.index-banner{
	position: relative;
	z-index: 1;
}

.index-banner .carousel-slide img.pc {
	width: 100%;
	height: 92vh;
	object-fit: cover;
}

.index-banner .carousel-indicators{
	bottom: 50px;
}


.difficulty{
	background-color: #0066ff;
	height: 180px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.difficulty .container{
	display: flex;
	justify-content: space-between;
}

.difficulty .container .item{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.difficulty .item .text{
	padding: 30px 20px 0;
}

.difficulty .item:last-child .text{
	padding-right: 0;
}

.difficulty .item .text .title-24{
	font-weight: bold;
}

.difficulty .item .text .font-18{
	margin-top: 10px;
}


.index-padding{
	padding: 110px 0 120px;
	position: relative;
	z-index: 1;
}


.pain-point .index-title{
	padding: 0 185px;
}

.index-title .title-48{
	line-height: 56px;
}

.index-text-center {
	margin-top: 27px;
}


.pain-point-cont{
	padding-top: 36px;
}

.pain-point-cont .item{
	margin-top: 24px;
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
}

.pain-point-cont .item:nth-child(3n+1){
	margin-left: 0;
}

.pain-point-cont .item .box{
	background: #f7fafc;
	border: 2px solid #e0ecfc;
	border-radius: 16px;
	padding: 65px 5% 60px;
	text-align: center;
}

.pain-point-cont .item .text i{
	font-weight: bold;
	display: block;
	margin-top: 30px;
	line-height: 32px;
}

.pain-point-cont .item .text p{
	margin-top: 8px;
	line-height: 30px;
}


.index-service{
	background: #f6faff;
}

.subtitle.text-center{
	width: 100%;
	display: block;
}

.index-service-cont{
	padding-top: 55px;
}

.index-service-menu .tabs-2{
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}

.index-service-menu .tabs-2 a{
	float: left;
	text-align: center;
	position: relative;
}

.index-service-menu .tabs-2 a.active::after{
	position: absolute;
	bottom: -18px;
	left: calc(50% - 6px);
	display: block;
	content: "";
	width: 12px;
	height: 6px;
	background: url(../images/service_jt.png) center center no-repeat;
}

.index-service-menu .tabs-2 a i{
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-service-menu .tabs-2 a h2{
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	font-weight: initial;
	margin-top: 16px;
	transition: all 0.5s;
}

.index-service-menu .tabs-2 a.active h2{
	color: #0066ff;
	font-weight: bold;
}

.index-service-menu .tabs-2 a:hover h2{
	color: #0066ff;
}


.index-service-content-slide{
	position: relative;
}

.index-service-box{
	margin-top: 42px;
}

.index-service-content-slide {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

.index-service-content-slide .text{
	position: absolute;
	left: 100px;
	top: 0;
	z-index: 9;
	width: 32.26%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.index-service-content-slide .text .box{
	
}

.index-service-content-slide .text .subtitle{
	display: flex;
	justify-content: flex-start;
}

.index-service-content-slide .text .subtitle i{
	display: block;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-service-content-slide .text .subtitle h2{
	font-weight: initial;
	margin-left: 20px;
}

.index-service-content-slide .text p{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	margin-top: 10px;
}


.index-service-content-slide .chara{
	margin-top: 24px;
	padding-top: 8px;
	border-top: 1px solid rgba(0,0,0,.2);
}

.index-service-content-slide .chara ul li{
	float: left;
	width: 50%;
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.index-service-content-slide .chara ul li i{
	fill: #0066ff;
}

.index-service-content-slide .chara ul li span{
	margin-left: 10px;
	font-size: 18px;
	color: #666666;
}





.index-solution{
	position: relative;
	z-index: 1;
}

.index-solution .container{
	overflow: hidden;
}

.index-solution .tab {
    width: 100%;
    background-image: url(bg1.png);
    background-size: cover;
    margin-top: 50px;
}
.index-solution .tab .box-slide {
    position: relative;
    margin: 0 auto;
	display: flex;
}
.index-solution .tab .box-slide .menus {
   display: flex;
   flex-direction: column;
   width: 23.82%;
   position: relative;
   float: left;
}
.index-solution .tab .box-slide .menus li {
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    background: #f7fafc;
    height: 113px;
    border-radius: 8px;
    transition: all 0.3s;
}

.index-solution .tab .box-slide .menus li:last-child {
   margin-bottom: 0px;
}


.index-solution .tab .box-slide .menus .bg i{
    filter: brightness(1000%);
}

.index-solution .tab .box-slide .menus .box {
	border-radius: 8px;
	height: 111px;
    display: flex;
	align-items: center;
	padding: 0 38px;
	border: 2px solid #e0ecfc;
}

.index-solution .tab .box-slide .menus .box span{
    line-height: 40px;
	display: inline-block;
	margin-left: 30px;
	font-size: 20px;
}

.index-solution .tab .box-slide .menus .bg .box{
    border: 2px solid #0066ff;
}

    
.index-solution .tab .box-slide .menus .bg {
    color: #fff;
	background-color: #0066ff;
	font-weight: bold;
}


.index-solution .tab .right {
    flex: 1;
    position: relative;
	overflow: hidden;
    margin-left: 1.6%;
    width: 74.66%;
	height: 604px;
	float: right;
}
.index-solution .tab .tab_right {
    position:relative;
	border-radius: 16px;
	height: 604px;
	overflow: hidden;
}

.index-solution .tab .scroll {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.index-solution .tab .tab_right .text{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
.index-solution .tab .tab_right .text .box{
		padding: 54px 60px;
		background: linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));
		position: relative;
	}
	
.index-solution .tab .tab_right .text h2{
		font-size: 30px;
		line-height: 36px;
	}
	
.index-solution .tab .tab_right .text p{
		font-size: 18px;
		line-height: 32px;
		margin-top: 12px;
	}
	
	.index-solution .tab .tab_right .pic img{
			transition: all 0.5s;
		}
	
.index-solution .tab .tab_right:hover .pic img{
		transform: scale(1.06);
		transition: all 0.5s;
	}
	
.index-solution .tab .tab_right .more{
		position: absolute;
		right: 60px;
		top: 54px;
		width: 48px;
		height: 48px;
		border: 1px solid rgba(255,255,255,.4);
		border-radius: 50%;
		fill: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 10;
	}
	
.index-solution .tab .tab_right:hover .more{
		border: 1px solid #0066ff;
		background: #0066ff;
		fill: #fff;
	}



.index-case{
	background: url(../images/index_case_bg.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.index-case-not{
	padding-top: 40px;
}

.index-case-not .item{
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
	border-radius: 8px;
	position: relative;
	top: 0;
	margin-top: 24px;
	transition: all 0.5s;
	box-shadow: 0 0px 0px rgba(0,102,255,.1);
}

.index-case-not .item:hover{
	top: -10px;
	transition: all 0.5s;
	box-shadow: 0 0px 24px rgba(0,102,255,.2);
}

.index-case-not .item:nth-child(3n+1){
	margin-left: 0;
}

.index-case-not .item .box{
	padding: 10px 50px 50px 50px;
}

.index-case-logo-adv{
	height: 120px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index-case-logo-adv .case-logo img{
	width: 60%;
}

.index-case-logo-adv .case-data{
	background-color: rgba(255, 255, 255, .7);
	border-radius: 8px;
	padding: 20px 35px 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
}

.index-case-logo-adv .item-data b{
	color: #0066ff;
	font-size: 48px;
	line-height: 48px;
}

.index-case-logo-adv .item-data span {
    font-size: 18px;
	font-weight: bold;
}

.index-case-logo-adv .case-data p {
    font-size: 16px;
    margin-top: 8px;
	color: #666;
}


.index-case-text{
	font-size: 18px;
	line-height: 32px;
	height: 96px;
	color: #333333;
	margin-top: 69px;
	text-align: justify;
}


.index-case-not .item:nth-of-type(1){
	background: url(../images/index_case_bg_1.jpg) center center no-repeat;
	background-size: cover;
}

.index-case-not .item:nth-of-type(2){
	background: url(../images/index_case_bg_2.jpg) center center no-repeat;
	background-size: cover;
}

.index-case-not .item:nth-of-type(3){
	background: url(../images/index_case_bg_3.jpg) center center no-repeat;
	background-size: cover;
}

.index-case-not .item:nth-of-type(4){
	background: url(../images/index_case_bg_4.jpg) center center no-repeat;
	background-size: cover;
}

.index-case-not .item:nth-of-type(5){
	background: url(../images/index_case_bg_5.jpg) center center no-repeat;
	background-size: cover;
}

.index-case-not .item:nth-of-type(6){
	background: url(../images/index_case_bg_6.jpg) center center no-repeat;
	background-size: cover;
}


.index-case-list-cont{
	margin-top: 95px;
}

.index-case-list-cont .index-case-subtitle {
	text-align: center;
	color: #333333;
	line-height: 30px;
}

.index-case-list{
	margin-top: 50px;
}

.index-case-list ul li{
	width: 11.8%;
	margin-left: .8%;
	float: left;
	margin-top: 8px;
	height: 100px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	transition: all 0.5s;
	box-shadow: 0 0px 0px rgba(0,102,255,.1);
}

.index-case-list ul li:hover{
	box-shadow: 0 0px 16px rgba(0,102,255,.2);
	transition: all 0.5s;
}

.index-case-list ul li a{
	padding: 15px 25px;
	display: block;
}

.index-case-list ul li img{
	max-height: 45px;
}



.index-case-list ul li:nth-child(8n+1){
	margin-left: 0;
}



.white-paper{
	position: relative;
	z-index: 1;
}

.white-paper .container{
	border-radius: 24px;
	background: url(../images/white_paper_bg.jpg) center center no-repeat;
	background-size: cover;
}

.white-paper .text{
	float: left;
	width: 50%;
	height: 310px;
	display: flex;
	align-items: center;
}

.white-paper .text .box{
	padding-left: 120px;
}

.white-paper .text .box p{
	color: #666666;
}

.white-paper .text .box h2{
	color: #000;
	line-height: 42px;
	font-weight: initial;
	margin-top: 10px;
}

.white-paper .text .box a{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 170px;
	height: 50px;
	border-radius: 25px;
	background: #06f;
	color: #fff;
	margin-top: 35px;
}

.white-paper .text .box a i{
	height: 40px;
	width: 40px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	fill: #06f;
	margin-left: 25px;
	margin-right: 5px;
}


.white-paper .pic{
	float: right;
	width: 50%;
	text-align: center;
}

.white-paper .pic img{
	width: 327px;
	height: 343px;
	margin-top: -55px;
}





.index-news.index-padding{
	position: relative;
	z-index: 1;
	padding-top: 0;
}

.subtitle{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.index-title-left{
	margin-top: 20px;
}

.news-menu{
	display: flex;
	align-items: flex-end;
}

.news-tab{
	float: left;
	line-height: 60px;
	display: flex;
	justify-content: flex-end;
}

.news-tab .tabs-3{ 
	margin-right: 55px;
}

.news-tab .tabs-3 a{
	height: 40px;
	display: inline-block;
	font-size: 20px;
	line-height: 40px;
	color: #333333;
	text-align: center;
	margin-left: 38px;
	position: relative;
}

.news-tab .tabs-3 a:hover{
	color: #06f;
}

.news-tab .tabs-3 a.active3{
	color: #06f;
	font-weight: bold;
}

.news-tab .tabs-3 a::after{
	background: #0066ff;
	position: absolute;
	bottom: 3px;
	left: 50%;
	display: block;
	width: 0;
	height: 6px;
	content: "";
	opacity: .4;
	transition: all 0.5s;
}

.news-tab .tabs-3 a:hover::after{
	width: 100%;
	margin-left: -50%;
	transition: all 0.5s;
}

.news-tab .tabs-3 a.active3::after{
	width: 100%;
	margin-left: -50%;
	transition: all 0.5s;
}


.news-box{
	padding-top: 65px;
}

.swiper-container2,.swiper-container3{
	width:100%;border-top:0;
}

.swiper-slide2,.swiper-slide3{
	width:100%;
	overflow: hidden;
}

.swiper-container2,.swiper-container3 {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */	
	z-index:1;
}
	
.swiper-wrapper2,.swiper-wrapper3 {
	position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper2,.swiper-free-mode > .swiper-wrapper3 {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide2,.swiper-slide3 {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: left;
}

.index-news-not{
	
}

.index-news-not .item{
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	width: 32.26%;
	margin-left: 1.6%;
	float: left;
}

.index-news-not .item:first-child{
	width: 66.14%;
	margin-left: 0%;
}

.index-news-not .item .text{
	position: absolute;
	bottom: 0;
	left: 0;
}

.index-news-not .item .text .box{
	padding: 40px;
}

.index-news-not .item .text span{
	opacity: .7;
	line-height: 16px;
}

.index-news-not .item .text h2{
	line-height: 30px;
	margin-top: 15px;
}


.index-news-list{
	margin-top: 24px;
}

.index-news-list .item{
	width: 32.26%;
	margin-left: 1.6%;
	position: relative;
	float: left;
	background: #eef7ff url(../images/news_bg_icon.png) center 100px no-repeat;
	border-radius: 16px;
}

.index-news-list .item:first-child{
	margin-left: 0;
}

.index-news-list .item .box{
	padding: 40px;
}

.index-news-list .item span{
	color: #333;
}

.index-news-list .item h2{
	color: #000;
	line-height: 36px;
	height: 72px;
	font-weight: initial;
	margin-top: 12px;
	transition: all 0.5s;
}

.index-news-list .item:hover h2{
	color: #0066ff;
}


.index-news-list .item .view{
	width: 48px;
	height: 48px;
	border: 1px solid #bec6cc;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-top: 55px;
	position: relative;
	z-index: 9;
	fill: #000;
}

.index-news-list .item .view:hover{
	border: 1px solid #06f;
	background: #06f;
	fill: #fff;
}



/* 网站建设产品页 */

.product-news{
	background: #f5f8fd;
	padding-top: 105px !important;
}

.page-product-news{
	margin-top: 65px;
}

.page-product-news .item:nth-child(3n+1) {
    margin-left: 1.6%;
}

.page-product-news .item:nth-child(4n+1) {
    margin-left: 0%;
}

.page-product-news .item {
    background: #fff;
    margin-bottom: 0;
    width: 23.8%;
    margin-left: 1.6%;
    border-radius: 16px;
}

.page-product-news .tag a {
   background: #f5f8fd;
    display: none;
}


.product-mess .container{
	background: #dfeeff;
	border-radius: 32px;
	overflow: hidden;
	position: relative;
}

.product-mess .text-cont{
	float: left;
	width: 50%;
	background: url(../images/product_mess_bg.jpg) center center no-repeat;
	background-size: cover;
}

.product-mess .text-cont .box{
	padding: 88px;
}

.product-mess .text-cont .box .text-20{
	margin-top: 15px;
}

.product-mess-tel{
	margin-top: 40px;
}

.product-mess-tel ul li{
	height: auto;
	display: block;
	color: rgba(255, 255, 255, .6);
    fill: rgba(255, 255, 255, .6);
}

.product-mess-tel ul li .subtit {
   display: flex;
}

.product-mess-tel ul li i {
   height: auto;
}

.product-mess-tel ul li b {
   font-size: 30px;
   color: #fff;
}

.prod-mess-rwm{
	margin-top: 25px;
}

.prod-mess-rwm ul li p {
    color: rgba(255, 255, 255, .6);
}

.product-mess .product-mess-box{
	float: right;
	width: 50%;
}

.product-mess-box .box{
	padding: 98px 88px 88px;
}

.product-mess-box .input{
	margin-bottom: 24px;
	margin-top: 0;
	width: 92%;
	padding: 0 4%;
	font-size: 16px;
	color: #333;
}

.product-mess-box .textarea{
	margin-top: 0;
	width: 92%;
	padding: 10px 4%;
	font-size: 16px;
	color: #333;
}

.product-mess-box .submit {
    margin-top: 50px;
}




/* 弹出层 */

	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: calc(50% - 300px);
		left: calc(50% - 640px);
		width: auto;
		position: fixed;
		z-index: 101;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal .close-reveal-modal {
		font-size: 30px;
		line-height: .5;
		position: absolute;
		top: 40px;
		right: 40px;
		color: #0066ff;
		font-weight: bold;
		cursor: pointer;
		} 
		

.reveal-modal .container{
	width: 1280px;
}

.reveal-modal .product-mess .text-cont .box{
	padding: 78px;
}

.reveal-modal .product-mess-box .box{
	padding: 88px 78px 78px;
}


.reveal-modal a{
	transition: initial;
}




@media (min-width: 1920px) {
	.carousel-slide img.pc {
	  width: 100%;
	  height: auto;
	  object-fit: cover;
	}
	.index-banner .carousel-slide img.pc {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
}