@charset "utf-8";
@keyframes move {
	0% {
        transform: translate(0px,0px)
    }
    50% {
        transform: translate(0px,20px)
    }
    100% {
        transform: translate(0px,0px)
    }
}
@-webkit-keyframes move {
	0% {
        transform: translate(0px,0px)
    }
    50% {
        transform: translate(0px,20px)
    }
    100% {
        transform: translate(0px,0px)
    }
}
@-moz-keyframes move {
	0% {
        transform: translate(0px,0px)
    }
    50% {
        transform: translate(0px,20px)
    }
    100% {
        transform: translate(0px,0px)
    }
}
@-o-keyframes move {
	0% {
        transform: translate(0px,0px)
    }
    50% {
        transform: translate(0px,20px)
    }
    100% {
        transform: translate(0px,0px)
    }
}



@keyframes bor {
	0% {
        width: 0;
    }
    50% {
        width: 60px;
    }
    100% {
        width: 120px;
    }
}
@-webkit-keyframes bor {
	0% {
        width: 0;
    }
    50% {
        width: 60px;
    }
    100% {
        width: 120px;
    }
}
@-moz-keyframes bor {
	0% {
        width: 0;
    }
    50% {
        width: 60px;
    }
    100% {
        width: 120px;
    }
}
@-o-keyframes bor {
	0% {
        width: 0;
    }
    50% {
        width: 60px;
    }
    100% {
        width: 120px;
    }
}
@font-face{
	font-family:"montserrat";
	src:url("../font/Montserrat-Light.woff2") format("woff2"),
	url("../font/Montserrat-Light.woff") format("woff"),
	url("../font/Montserrat-Light.ttf") format("truetype"),
	url("../font/Montserrat-Light.eot") format("embedded-opentype"),
	url("../font/Montserrat-Light.svg") format("svg"),
	url("../font/Montserrat-Light.otf") format("opentype");
	font-weight:normal;
	font-style:normal;
}
.hide {
	display: none
}
#newBridge{
	display: none!important;
}
.index_1225{
	width: 1225px;
	margin-left: -25px;
}
.head{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 999;
	top: 0;
	min-width: 1200px;
}
.head .head_tel{
	float: right;
	padding-left: 0; 
	padding-bottom: 13px;
	color: #fff;
	font-size: 17px;
	font-family: 'montserrat';
	background: url(../images/huudon_hotline.png) no-repeat left  3px;
	background-size: 15px;
	padding-left: 25px;
	letter-spacing: 1px;
	margin-top: 26px;
}
.head.dark .head_tel {
  	float: right;
	padding-left: 0; 
	padding-bottom: 13px;
	color: #fff;
	font-size: 17px;
	font-family: 'montserrat';
  	background: url(../images/huudon_hotline-dark.png) no-repeat left  3px;
  	background-size: 15px;
	padding-left: 25px;
	letter-spacing: 1px;
	margin-top: 26px;
}
.head .head_nav ul{
	font-size: 0;
}
.index_banner .down_select{
	width: 20px;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0;
	cursor: pointer;
	animation: move 1.5s linear infinite;
    -webkit-animation: move 1.5s linear infinite;
    -moz-animation: move 1.5s linear infinite;
    -o-animation: move 1.5s linear infinite;
    -ms-animation: move 1.5s linear infinite;
}
.head .head_nav,
.head_navcon{
	margin-top: 10px;
}
.head_navcon{
	/* padding-right: 50px; */
}
.head .head_nav > ul > li,
.head_navcon > ul > li{
	display: inline-block;
	position: relative;
}
/* .head .head_nav ul .act a::after,
.head .head_nav > ul > li > a:hover::after{
	content: '';
	display: block;
	width: 20px;
	height: 3px;
	background: #0b53c3;
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	margin: auto;
} */
.conming_mar {
    margin: 108px auto;
    width: 1200px;
    font-size: 0;
    text-align: center;
    margin-top: 200px;
}
.head .head_nav > ul > li > a{
	color: #fff;
	font-size: 15px;
	margin-left: 45px;
	position: relative;
	cursor: pointer;
}
.head.dark .head_nav > ul > li > a{
	color: #515f74;
}
.service_more > a,
.language_more{
	padding-bottom: 53px;
}
.language_more em{
	display: block;
}
.language_more svg{
	width: 16px;
	height: 16px;
	fill: #fff;
}

.dark .language_more svg {
  	fill: #515f74; 
}
.head.dark .head_tel {
  color: #515f74; 
}
.dark .carouselWarp .carousel-ind li {
    border: 1px solid #515f74;
}
.head_navcon > ul{
	padding-left: 15px;
	margin-left: 30px;
	position: relative;
}
.head_navcon > ul::after{
	content: '';
	display: block;
	height: 14px;
	width: 1px;
	background: #c1c2c2;
	position: absolute;
	top: 2px;
	margin: auto;
	left: 0;
}
.head_navcon > ul > li{
	margin-left: 15px;
}
.index_serbox,
.index_serintro{
	box-shadow: 1px 0 36px rgba(0,0,0,0.06);
	width: 380px;
	height: 300px;
	border-radius: 4px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
}
.index_serintro{
	background: url(../images/index_img1.jpg) no-repeat center;
	padding-left: 37px;
}
.index_serintro p{
	font-size: 16px;
	color: #eee;
	padding-top: 40px;
	margin-bottom: 40px;
}
.index_serintro em{
	font-size: 36px;
	color: #eee;
	line-height: 56px;
}
.index_service .index_1230{
	padding-top: 45px;
}
.index_1230{
	width: 1230px;
	margin-left: -30px;
}
.index_serbox{
	padding: 0 35px;
}
.index_serbox .index_serhead{
	margin-top: 35px;
	padding-bottom: 33px;
}
.index_serbox .index_sertarget span{
	display: inline-block;
	margin-top: 34px;
	color: #999;
	font-size: 15px;
}
.index_serbox em{
	font-size: 16px;
	color: #333;
	display: block;
	margin-bottom: 14px;
}
.index_serbox b{
	display: block;
	margin-bottom: 25px;
	font-size: 15px;
	color: #999;
}
.index_sertarget{
	border-top: 1px solid #ccc;
}
.index_serbox h2{
	font-size: 24px;
	color: #0b53c3;
	padding-top: 25px;
	float: left;
}
.index_serbox a.index_logo{
	float: right;
	display: block;
	width: 26px;
	margin-top: 28px;
	font-size: 0;
}
.index_serbox a.index_logo svg{
	fill: #999;
}
.index_introduce{
	background: url("../images/about_bgimg.jpg") no-repeat center/ cover;
	margin-top: 70px;
	height: 720px;
	min-width: 1200px;
}
.title{
	text-align: center;
}
.index_introduce .title h2,
.title h2{
	color: #fff;
	font-size: 26px;
	padding-top: 70px;
	margin-bottom: 20px;
}
.index_introduce .title h2{
	padding-top: 110px;
}
.index_introduce .title p{
	color: #fff;
}
.index_introduce_mess{
	padding-top: 55px;
	/* border-bottom: 1px solid #b8c0cd; */
	padding-bottom: 20px;
}
.index_introduce_mess ul li{
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	line-height: 30px;
	margin-bottom: 20px;
	width: 1000px;
}
.index_introduce_num ul{
	font-size: 0;
	padding-top: 40px;
	text-align: center;
	margin: 0 auto;
}
.index_introduce_num ul li{
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 0 85px;
}
.index_introduce_num ul li div.bor{
	width: 200px;
	height: 200px;
	background: rgba(25,101,219,0.66);
	margin: 0 auto;
	border-radius: 50%;
	box-sizing: border-box;
	padding-top: 50px;
}
.index_introduce_num ul li div{
	position: relative;
}
.index_introduce_num ul li div span{
	font-family: 'Archivo'; 
	color: #fff;
	font-size: 65px;
	display: block;
	padding-top: 13px;
}
.index_introduce_num ul li div.pl span{
	/* padding-left: 15px; */
}
.index_introduce_num ul li div .counter{
	margin-left: -5px;
}
.index_introduce_num ul li div.pl em{
	font-size: 28px;
	color: #fff;
	line-height: 30px;
	vertical-align: top;
	display: inline-block;
	/* padding-top: 33px; */
	position: absolute;
	right: 12px;
	top: -5px;
}
.index_introduce_num ul li p{
	display: block;
	padding-top: 5px;
	font-size: 16px;
	color: #fff;
}
.index_introduce_num ul li:first-child::after{
	display: none;
}
.index_introduce_num ul li::after{
	content: '';
	width: 1px;
	height: 46px;
	/* background: #c2cad7; */
	position: absolute;
	display: block;
	top: 0px;
	bottom: 0px;
	margin: auto;
}
.index_case{
	padding-bottom: 40px;
}
.title h2{
	color: #0a1633;
	padding-top: 70px;
	font-weight: bold;
	letter-spacing: 2px;
}
.title p{
	letter-spacing: 1px;
	font-size: 14px;
	color: #97a4b8;
}
.title h2 em{
	color: #fc2531;
	font-size: 26px;
	letter-spacing: 2px;
	font-weight: bold;
}
.index_case ul{
	padding-top: 45px;
}
.index_case ul li{
	width: 277px;
	height: 129px;
	border: 1px solid #c3cada;
	box-sizing: border-box;
	border-radius: 4px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.index_case ul li em{
	display: table-cell;
	width: 275px;
	height: 127px;
	vertical-align: middle;
	text-align: center;
}
.index_news{
	background: #f3f7fd; 
	padding-bottom: 70px;
	min-width: 1200px;
}
.index_product{
	padding-bottom: 30px;
	background: #fff;
}
.index_news .index_newscen{
	padding-top: 45px;
}
.index_news .index_newscen .index_newbox{
	width: 380px;
	float: left;
	margin-left: 30px;
}
.index_news .index_newscen .index_newbox .time{
	padding-bottom: 24px;
}
.index_news .index_newscen .index_newbox .time b{
	font-size: 25px;
	color: #515f74;
	font-family: 'montserrat';
	padding-right: 8px;
	font-weight: bold;
}
.index_news .index_newscen .index_newbox .time span{
	font-size: 14px;
	color: #515f74;
	font-family: 'montserrat';
	font-weight: bold;
}
.index_newscen .index_newbox .img{
	display: block;
	overflow: hidden;
	border-radius: 4px;
	font-size: 0;
	height: 220px;
	position: relative;
}
.index_newscen .index_newbox .more{
	font-size: 14px;
	color: #1965db;
	display: inline-block;
	margin-top: 30px;
}
.index_newscen .index_newbox em{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: rgba(0,79,198,0.56);
	color: #fff;
	font-size: 15px;
	width: 118px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	left: 22px;
	top: 25px;
	border-radius: 4px;
}
.index_newscen .index_newbox a.tit{
	color: #0a1633;
	font-size: 20px;
	display: block;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 13px;
	overflow: hidden;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index_newscen .index_newbox p{
	font-size: 14px;
	color: #515f74;
	line-height: 28px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.index_product_box ul{
	text-align: center;
	font-size: 0;
	padding-top: 40px;
}
.index_product_box ul li:first-child{
	margin-left: 0;
}
.index_product_box ul li{
	float: left;
	margin-left: 142px;
	font-size: 0;
}
.index_product_box ul li span{
	height: 37px;
	display: table-cell;
	vertical-align: middle;
}
.index_product_box ul li.case_1{
	margin-left: 0;
}
.index_product_box ul li.case_5{
	margin-left: 130px;
}
.index_product_box ul li a{
	font-size: 0;
}
.index_industry .index_indusMess{
	margin-top: 50px;
	padding-bottom: 100px;
}
.index_industryBox{
	float: left;
}
.index_industryBox ul{
	position: relative;
	width: 785px;
	height: 623px;
}
.index_indusMess .tempWrap{
	width: 785px;
	float: left;
	border-radius: 4px;
}
.index_industryBox .index_industext *{
	color: #fff;
	position: relative;
	z-index: 1;
}
.index_industryBox .index_industext{
	padding: 0 50px;
	box-sizing: border-box;
}
.index_industryBox ul p{
	font-size: 24px;
	padding-top: 95px;
	padding-bottom: 55px;
}
.index_industryBox ul span{
	display: block;
	font-size: 15px;
	line-height: 30px;
	text-align: justify;
}
.index_industryBox .index_indusTar{
	position: absolute;
	bottom: 130px;
	left: 50px;	
	font-size: 0;
}
.index_industryBox .index_indusTar a{
	display: inline-block;
	width: 116px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	background: #0c53c3;
	font-size: 15px;
	margin-right: 20px;
}
.index_industryBox .index_indusTar .advice{
	background: #fc2531;
}
.index_indusimg{
	font-size: 0;
	width: 785px;
	height: 623px;
	overflow: hidden;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.index_indusimg::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(51,51,51,0.46);
	top: 0;
	left: 0;
}
.index_industry{
	background: #f6f6f6;
	min-width: 1200px;
	padding-bottom: 70px;
}
.index_inudstryNav{
	float: right;
}
.index_inudstryNav ul li{
	width: 385px;
	height: 140px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 21px;
	font-size: 0;
	cursor: pointer;
}
.index_inudstryNav ul li.on{
	border-color: #fc2531;
	background: #fdf5f5;
}
.index_inudstryNav ul li *{
	float: left;
}
.index_inudstryNav ul li p{
	margin-top: 34px;
	margin-left: 30px;
}
.index_inudstryNav ul li span{
	font-weight: bold;
	font-size: 24px;
	color: #333;
	line-height: 138px;
	margin-left: 20px;
}
.footer{
	background: url(../images/footer_bgimg.png) no-repeat center / cover;
	box-sizing: border-box;
	padding-top: 70px;
	min-width: 1200px;
	padding-bottom: 20px;
	position: relative;
	z-index: 3;
}
.footer_qq{
	margin-top: 60px;
	background: url(../images/footer_icon1.png) no-repeat center left;
}
.footer_email{
	background: url(../images/footer_icon2.png) no-repeat center left;
}
.footer_tel{
	background: url(../images/footer_icon3.png) no-repeat center left;
}
.footer_content a{
	color: #97a4b8;
	font-size: 15px;
	margin-bottom: 20px;
	display: block;
	padding-left: 25px;
}
.footer_content .footer_logo a{
	padding-left: 0;
}
.footer_nav p{
	font-size: 15px;
	color: #97a4b8;
	width: 156px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-bottom: 23px;
	margin-bottom: 28px;
	font-weight: bold;
	/* margin-bottom: 50px; */
}
.footer_nav a{
	color: #97a4b8;
	font-size: 14px;
	display: block;
	margin-bottom: 20px;
	transition: all .3s;
}
.footer_nav a:hover{
	transition: all .3s;
	color: #fff;
}
.footer_nav ul{
	float: left;
	margin-left: 87px;
}
.footer_link{
	font-size: 0;
}
.footer_link p{
	font-size: 15px;
	color: #97a4b8;
	display: inline-block;
	padding-right: 5px;
}
.footer_link ul{
	display: inline-block;
	font-size: 0;
	padding-top: 70px;
}
.footer_link ul li{
	display: inline-block;
	padding-right: 12px;
	margin-right: 12px;
	border-right: 1px solid #97a4b8;
}
.footer_link ul li:last-child{
	border-right: none;
}
.footer_link ul a{
	font-size: 14px;
	color: #97a4b8;
}
.footer_mess{
	border-top: 1px solid rgba(255,255,255,0.2);
	margin-top: 25px;
	text-align: center;
	padding-top: 20px;
	position: relative;
}
.footer_mess *,
.footer_mess{
	color: #97a4b8;
	font-size: 14px;
}
.footer_zhichi{
	position: absolute;
	right: 0;
	top: 20px;
}
.footer_zhichi a,
.footer_zhichi p{
	display: inline-block;
}
.index_activity{
	margin-top: 35px;
}
.index_activity .activity_box{
	display: block;
	width: 380px;
	height: 108px;
	background: #f4f7fe;
	float: left;
	margin-left: 30px;
	border-radius: 4px;
	position: relative;
	box-shadow: 0 0 17px #d8dff0;
}
.index_activity .activity_box .img{
	width: 87px;
	margin-left: 14px;
	text-align: center;
	margin-top: 9px;
}
.index_activity .activity_box .txt p{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 26px;
	margin-top: 17px;
	margin-bottom: 5px;
}
.index_activity .activity_box .txt span{
	font-size: 13px;
	color: #92a4c0;
	line-height: 22px;
}
.index_activity .activity_box .activity_target{
	position: absolute;
	width: 20px;
	height: 20px;
	font-size: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
}
.margin_lnone{
	margin-left: 0!important;
}
.index_industry_nav{
	width: 1080px;
	padding-top: 25px;
	margin: 0 auto;
	margin-top: 45px;
	position: relative;
	box-sizing: border-box;
}
.index_industry_nav ul{
	font-size: 0;
}
.index_industry_nav .swiper-slide{
	width: 216px;
	/* color: #fff; */
	display: inline-block;
	font-size: 18px;
	text-align: center;
	position: relative;
	padding-bottom: 24px;
	cursor: pointer;
	border-bottom: 1px solid #d6d1cb;
}
.index_industry_nav .swiper-slide-thumb-active::after{
	content: '';
	width: 120px;
	position: absolute;
	height: 2px;
	background: #fc2531;
	left: 48px;
	margin: auto;
	bottom: -1px;
	animation: bor 4.2s linear infinite;
    -webkit-animation: bor 4.2s linear infinite;
    -moz-animation: bor 4.2s linear infinite;
    -o-animation: bor 4.2s linear infinite;
    -ms-animation: bor 4.2s linear infinite;
}
.index_industry_nav ul .on{
	color: #fc2531;
}
.index_industry_nav ul .on.clone::after{
	display: none;
}
.index_industryNew{
	position: relative;
}
.index_industryNew .index_industry_arrow{
	position: absolute;
	right: 0;
	top: 24px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	font-size: 0;
	text-align: right;
	z-index: 9999;
	outline: none;
}
.index_industryNew .index_industry_arrow.prev{
	right: auto;
	left: 0;
	text-align: left; 
}
.index_industryNew{
	/* background: url(../images/index_img5.jpg) no-repeat center; */
	/* height: 623px; */
}
.index_industryNew .index_industry_nav .swiper-slide{
	text-align: center;
	font-size: 18px;
}
.index_industry_con{
	position: relative;
	width: 1080px;
	border-radius: 4px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 52px;
	overflow: hidden;
}
.index_industry_con .zh_left{
	width: 716px;
}
.index_industry_con .zh_left p{
	font-size: 24px;
	color: #333;
	margin-top: 70px;
	margin-bottom: 22px;
}
.index_industry_con .zh_left span{
	display: block;
	text-align: justify;
	font-size: 15px;
	color: #999;
	line-height: 30px;
}
.index_industry_con .index_industry_img{
	width: 210px;
	height: 208px;
	text-align: right;
	font-size: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 52px;
	margin: auto;
}
.index_industry_con .index_industry_contar {
	font-size: 0;
	padding-top: 60px;
}
.index_industry_con .index_industry_contar a{
	width: 108px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	font-size: 15px;
	display: inline-block;
	background: #fc2531;
	margin-right: 12px;
	color: #fff;
}
.index_industry_con .index_industry_contar .target{
	background: #0c53c3;
}

/*轮播图begin*/
body,html{
	height: 100%;
}
.index_banner {
	position: relative;
	min-width: 1200px;
	overflow: hidden;
	height: 500px;
}
.index_banner .index_bann {
	position: relative;
	height: 100%;
}
.index_banner .index_bann li a{
	display: block;
	height: 100%;
	width: 100%!important;
	min-width: 1200px;
}
.index_banner .index_bann ul {
	width: 100% !important;
	height: 100%;
}
.index_banner .index_bann li {
	display: block;
	height: 100%;
	width: 100%!important;
}
.index_banner .index_pagination li {
	width: 11px;
	height: 11px;
	background: none;
	opacity: 1;
	margin: 0 6px;
	border: 1px solid rgba(255,255,255,0.46);
	display: inline-block;
	text-indent: 999em;
	overflow: hidden;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
}
.index_banner .index_pagination .on {
	width: 11px;
	height: 11px;
	border-color: #1965db;
}
.index_banner .index_pagination .on::after{
	content: '';
	width: 7px;
	height: 7px;
	background: #1965db;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	border-radius: 100%;

}
.index_banner .index_pagination {
	bottom: 20px;
	margin: auto;
	font-size: 0;
	left: 0;
	right: 0;
	position: absolute;
	text-align: center;
}
.index_banner .index_pagination ul {
	display: inline;
}
/*轮播图end*/
/*新闻列表 begin*/
.news_list{
	margin-top: 70px;
}
.news_banner{
	height: 460px;
	min-width: 1200px;
	background: url(../images/news_banner.jpg) no-repeat center / cover;
}

.news_bg{
	background: #fff;
	border-radius: 4px;
	float: left;
	width: 872px;
}
.news_box{
	padding: 45px 0;
	width: 100%;
	border-bottom: 1px solid #dde1e9;
	position: relative;
}
.news_list{
	border-top: 1px solid #dde1e9;
}
.news_box .news_target{
	width: 20px;
	height: 20px;
	font-size: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.news_box .news_tag{
	position: absolute;
	bottom: 108px;
	right: 0;
}
.news_box .news_tag li{
	float: left;
	margin-left: 15px;
}
.news_box .news_tag a{
	font-size: 15px;
	color: #004fc6;
}
.news_box .time{
	color: #1965db;
	font-size: 14px;
	font-family: 'montserrat';
	position: absolute;
	left: 0;
	top: 121px;
}
.news_box .img{
	width: 236px;
	height: 135px;
	overflow: hidden;
	display: block;
	border-radius: 4px;
	font-size: 0;
}
.news_mess{
	margin-left: 40px;
	position: relative;
	min-height: 135px;
}
.news_mess .tit{
	font-size: 20px;
	color: #0a1633;
	line-height: 1.3;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 7px;
	display: inline-block;
	transition: all .3s;
	font-weight: bold;
	max-width: 700px;
}
.news_mess ul{
	font-size: 0;
}
.news_mess ul li{
	display: inline-block;
	font-size: 15px;
	color: #888;
	line-height: 25px;
	margin-right: 30px;
}
.news_mess ul span{
	display: inline-block;
	overflow: hidden;
	width: 25px;
	height: 25px;
	font-size: 0;
	border-radius: 30px;
	vertical-align: top;
}
.news_mess ul em{
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	color: #888;
	vertical-align: top;
	margin-left: 10px;
}
.news_mess ul li.time{
	background: url(../images/news_time.png) no-repeat center left;
	padding-left: 26px;
	font-size: 14px;
}
.news_mess ul li.num{
	background: url(../images/news_num.png) no-repeat center left;
	padding-left: 26px;
}
.news_box p{
	font-size: 14px;
	color: #515f74;
	line-height: 28px;
	width: 700px;
	margin-top: 10px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	text-align: justify;
}
.news_top{
	padding-bottom: 100px;
}
.news_top_arc p{
	-webkit-line-clamp:3; 
}
.news_top_arc .img{
	width: 500px;
	height: 288px;
}
.news_box.news_top_arc p,
.news_top_arc .news_mess{
	width: 288px;
}
.news_top_arc .news_mess{
	margin-left: 30px;
}
.news_right_first{
	border-radius: 4px;
	overflow: hidden;
	width: 300px;
	height: 158px;
	font-size: 0;
}
.news_put{
	margin-bottom: 30px;
}
.news_put a{
	width: 300px;
	height: 50px;
	display: block;
	line-height: 48px;
	box-shadow: 0 0 8px rgba(34,34,34,0.04);
	border: 1px solid #eee;
	box-sizing: border-box;
	border-radius: 4px;
	margin-top: 30px;
	background: #fff;
	font-size: 15px;
	color: #222;
	text-align: center;
}
.news_tit{
	font-size: 18px;
	color: #333;
	padding-bottom: 14px;
	border-bottom: 1px solid #eee;
	position: relative;
}
.news_tit::after{
	content: '';
	display: block;
	width: 72px;
	height: 1px;
	background: #222;
	position: absolute;
	bottom: -1px;
}
.news_recommend ul li .tit em{
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	color: #fff;
	font-size: 15px;
	background: #ff2027;
	text-align: center;
	border-radius: 4px;
	margin-right: 5px;
	vertical-align: top;
}
.news_recommend ul li{
	padding-top: 25px;
}
.news_recommend ul li .tit a{
	font-size: 16px;
	color: #666;
	display: inline-block;
	line-height: 26px;
	margin-top: -5px;
	width: 270px;
}
.news_recommend ul li .tag{
	display: inline-block;
	font-size: 15px;
	color: #888;
	margin-left: 30px;
	margin-top: 15px;
}
.news_top .news_tit{
	padding-bottom: 14px;
	margin-top: 30px;
}
.news_top .news_tit p{
	float: left;
	font-size: 18px;
	color: #333;
}
.news_top .news_tit a{
	float: right;
	font-size: 14px;
	color: #888;
	display: block;
	background: url(../images/news_more.png) no-repeat center right;
	padding-right: 14px; 
	margin-top: 2px;
}
.news_top ul li {
	font-size: 0;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 20px;
}
.news_page ul{
	text-align: center;
	font-size: 0;
	padding-bottom: 70px;
}
.news_page ul li{
	display: inline-block;
	margin: 0 6px;
	padding-top: 45px;
}
.news_page ul li a,
.news_page ul li span{
	display: block;
	height: 42px;
	line-height: 42px;
	background: #e1e9f5;
	padding: 0 16px;
	font-size: 16px;
	color: #004fc6;
	border-radius: 4px;
}
.news_page ul li.active span,
.news_page li a:hover{
	background: #004fc6;
	color: #fff;
}
/*新闻列表 end*/
/*新闻详情页 begin*/
.news_listtag{
	width: 300px;
}
.news_listtag ul{
	font-size: 0;
	padding-top: 25px;
}
.news_listtag ul li{
	float: left;
}
.news_listtag ul li a{
	display: block;
	height: 34px;
	line-height: 34px;
	background: #e1e9f5;
	color: #004fc6;
	font-size: 15px;
	text-align: center;
	padding: 0 10px;
	border-radius: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.news_debg{
	box-sizing: border-box;
}
.news_debg.news_list{
	border-top: none;
	margin-top: 0;
}
.news_dehead{
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.news_dehead h1{
	font-size: 28px;
	color: #333;
	text-align: center;
	padding-top: 57px;
	line-height: 54px;
	padding-bottom: 12px;
}
.news_dehead p{
	text-align: center;
}
.news_dehead p,
.news_dehead p span{
	font-size: 14px;
	color: #515f74;
}
.news_dehead p span{
	display: inline-block;
	margin-left: 20px;
}
.news_content{
	padding: 25px 0;
}
.news_content,
.news_content *{
	font-size: 14px!important;
	color: #515f74!important;
	line-height: 30px!important;
	text-align: justify;
}
.news_content img{
	max-width: 100%;
}
.news_contag ul{
	font-size: 0;
	padding-bottom: 35px;
}
.news_contag ul li{
	display: inline-block;
}
.news_contag ul li a{
	display: block;
	line-height: 32px;
	height: 32px;
	background: #e5edf9;
	color: #004fc6;
	padding: 0 15px;
	font-size: 14px;
	border-radius: 4px;
	margin-right: 13px;
}
.news_depage{
	border-top: 1px solid #eee;
	padding-top: 35px;
	padding-bottom: 25px;
}
.news_depage ul{
	float: left;
	width: 700px;
}
.news_depage .details_back{
	float: right;
	text-align: center;
}
.news_depage .details_back p{
	font-size: 14px;
	color: #515f74;
	margin-top: 12px;
}
.news_depage li{
	font-size: 18px;
	color: #666;
	margin-bottom: 20px;
}
.news_depage li a{
	font-size: 16px;
	color: #0a1633;
}
.news_depage li em{
	font-size: 16px;
	color: #515f74;
}
/*新闻详情页 end*/
/*营销服务 begin */
.ser_banner{
	min-width: 1200px;
	height: 460px;
	text-align: center;
	background: url(../images/ser_banner.jpg) no-repeat center / cover!important;
}
.ser_banner h1{
	font-size: 28px;
	color: #fff;
	padding-top: 210px;
	padding-bottom: 30px;
	font-weight: bold;
	letter-spacing: 3px;
}
.ser_banner p{
	font-size: 14px;
	color: #eee;
	line-height: 30px;
	width: 785px;
	margin: 0 auto;
	letter-spacing: 1px;
}
.service_banner{
	height: 460px;
	min-width: 1200px;
	background: url(../images/service_banner.jpg) no-repeat center;
}
.service_tit{
	text-align: center;
	padding-top: 70px;
}
.service_tit h2,
.service_tit em{
	font-size: 26px;
	color: #0a1633;
	font-weight: bold;
	letter-spacing: 2px;
}
.service_tit em{
	font-weight: bold;
	color: #fc2e39;
	letter-spacing: 2px;
}
.service_tit b{
	font-size: 14px;
	color: #9ea8b7;
	display: block;
	width: 1030px;
	margin: 0 auto;
	line-height: 28px;
}
.service_tit p{
	margin-top: 20px;
	font-size: 14px;
	color: #97a4b8;
	margin-bottom: 35px;
	letter-spacing: 1px;
}
.service_tit span{
	font-size: 14px;
	color: #9ea8b7;
	line-height: 28px;
	margin: 0 auto;
	margin-top: -13.5px;
	display: block;
	width: 950px;
}
.service_mess,
.service_box{
	width: 380px;
	height: 260px;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 35px;
	padding-top: 40px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}
.service_mess{
	padding-top: 60px;
}
.service_mess .service_logo{
	font-size: 0;
	height: 84px;
	border-bottom: 1px solid #fff;
	/* padding-bottom: 75px; */
}
.service_mess .service_logo img{
	width: 138px;
}
.service_mess p{
	margin-top: 34px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}
.service_mess a{
	color: #fff;
	font-size: 14px;
}
.service_con{
	padding-top: 38px;
}
.service_box{
	padding-top: 0;
	padding-left: 35px;
}
.service_box .service_tar .more{
	float: left;
	color: #515f74;
	font-size: 14px;
}
.service_box .service_tar .arrow{
	width: 20px;
	height: 11px;
	display: block;
	float: right;
}
.service_box p{
	margin-top: 30px;
	width: 50px;
	height: 50px;
}
.service_box .service_boxcen span{
	font-size: 20px;
	color: #333;
	display: block;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;
}
.service_box .service_boxcen em{
	display: block;
	font-size: 14px;
	color: #9ea8b7;
	line-height: 28px;
	margin-bottom: 28.5px;
}
/* .service_box .service_boxcen{
	padding-left: 
} */
.service_advantage{
	margin-top: 40px;
	border-top: 1px solid #dde1ea;
	padding-bottom: 40px;
	min-width: 1200px;
}
.service_advantage .service_tit{
	padding-bottom: 10px;
}
.service_advantage .service_adbox{
	float: left;
	width: 380px;
	height: 156px;
	box-sizing: border-box;
	margin-left: 30px;
	margin-bottom: 30px;
	border-radius: 4px;
	background: #fff;
}
.service_advantage .service_adbox .zh_left{
	margin-left: 43px;
	margin-top: 26px;
}
.service_advantage .service_adbox .zh_right{
	float: left!important;
	margin-left: 30px;
}
.service_advantage .service_adbox .zh_right p{
	margin-top: 40px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding-bottom: 22px; 
	margin-bottom: 25px;
}
.service_advantage .service_adbox .zh_right p::after{
	content: '';
	display: block;
	width: 24px;
	height: 1px;
	background: #fd6c74;
	bottom: 0;
	position: absolute;
	left: 0;
}
.service_advantage .service_adbox .zh_right span{
	font-size: 14px;
	display: block;
	color: #9ea8b7;
}
.service_contact p{
	font-size: 22px;
	color: #fff;
	padding-top: 65px;
	margin-bottom: 45px;
	font-weight: bold;
}
.service_contact ul{
	font-size: 0;
}
.service_contact ul li{
	display: inline-block;
	vertical-align: top;
}
.service_contact ul li input{
	border: none;
	height: 46px;
	width: 320px;
	margin-right: 20px;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #515f74;
	border-radius: 4px;
}
.service_contact ul li input::-webkit-input-placeholder{
	color: #515f74;
}
.service_contact ul li input::-moz-input-placeholder{
	color: #515f74;
}
.service_contact ul li input::-ms-input-placeholder{
	color: #515f74;
}
.service_contact ul li input[type="button"]{
	width: 180px;
	height: 46px;
	margin-right: 0px;
	background: #333;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.service_contact span{
	color: #f6f6f6;
	font-size: 14px;
	display: block;
	margin-top: 40px;
	padding-bottom: 55px;
}
.service_yx .service_mess{
	background: #226bdc;
}
.service_yx .service_box{
	border: 1px solid #c3cad9;
}
.service_yx .service_tar .arrow{
	background: url(../images/service_arrow.png) no-repeat center;
}
.service_yx .service_advantage .service_tit em{
	/* color: #0f61de; */
}
.service_yx .service_advantage .service_adbox{
	/* border: 1px solid rgba(0,79,198,0.3); */
	box-shadow: 0 0 10px #e6ebf4;
}
.service_yx .service_contact{
	background: #fc2e39;
	min-width: 1200px;
}
/*营销服务 end */
/*sem begin */
.service_semser{
	position: relative;
	float: left;
	margin-left: 30px;
}
.service_semser .service_semimg{
	position: absolute;
	left: 0;
	top: 0;
}
.service_sembox{
	width: 585px;
	height: 280px;
	box-sizing: border-box;
	padding: 0 55px;
}
.service_sembox *{
	position: relative;
	z-index: 1;
	color: #fff;
}
.service_bg{
	width: 585px;
	height: 280px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
}
.service_sembox p{
	font-size: 20px;
	padding-top: 73px;
	padding-bottom: 28px;
	margin-bottom: 30px;
	transition: all .3s;
	font-weight: bold;
}
.service_sembox p::after{
	content: '';
	display: block;
	width: 56px;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: 0;
}
.service_sembox span{
	font-size: 14px;
	line-height: 28px;
}
.service_processbox{
	margin-left: 30px;
	width: 277px;
	height: 270px;
	float: left;
	border: 1px solid #c3cad9;
	border-radius: 4px;
	box-sizing: border-box;
	position: relative;
	top: 0;
	padding: 0 20px 0 30px;
}
.three .service_processbox{
	width: 380px;
}
.service_processbox a{
	padding-top: 50px;
	display: block;
}
.service_processbox .target{
	background: url(../images/service_target.png) no-repeat right 20px;
}
.service_processbox *,
.service_processbox {
	transition: all .3s;
}
.service_semprocess{
	padding-top: 95px;
	padding-bottom: 70px;
	position: relative;
}
.service_semprocess p{
	font-size: 20px;
	color: #0a1633;
	font-weight: bold;
	position: relative;
	padding-bottom: 30px;
}
.service_semprocess p::after{
	content: '';
	display: block;
	width: 31px;
	height: 3px;
	bottom: 0;
	position: absolute;
	left: 0;
}
.service_semprocess span{
	font-size: 14px;
	color: #97a4b8;
	line-height: 28px;
	margin-top: 35px;
	display: block;
	text-align: justify;
	letter-spacing: 0.5px;
}
.service_processimg{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 48px;
	right: 23px;
	display: none;
}
.service_semContact *{
	color: #fff;
}
.margin_leftnone.service_semser{
	margin-left: 0;
}
.service_semContact{
	border-radius: 4px;
	padding: 42px 82px 42px 75px;
	box-sizing: border-box;
}
.semContact_box p{
	width: 80px;
	height: 80px;
	border-radius: 4px;
	float: left;
}
.semContact_box .text{
	float: left;
	margin-left: 45px;
}
.semContact_box .text span{
	font-size: 22px;
	color: #fff;
	display: block;
	font-weight: bold;
	margin-top: 14px;
}
.semContact_box .text em{
	font-size: 14px;
	color: #eee;
	display: block;
	margin-top: 20px;
}
.service_semContact{
	position: relative;
}
.semContact_btn{
	top: 0;
	bottom: 0;
	right: 82px;
	position: absolute;	
	margin: auto;
	height: 46px;
}
.semContact_btn a{
	font-size: 14px;
	display: block;
	width: 199px;
	height: 46px;
	line-height: 46px;
	text-indent: 48px;
	color: #0f61de;
	display: block;
	border-radius: 4px;
}
.service.title h2{
	padding-top: 70px;
}
.title h2 span{
	color: #fc2531;
	font-size: 36px;
}
.ser_three .service_processbox{
	width: 380px;
}
/*sem end */
/*行业方案 begin*/
.industry_banner{
	min-width: 1200px;
	height: 460px;
	background: url(../images/industry_banner.jpg) no-repeat center;
}
.industry_nav,
.industry_nav ul{
	font-size: 0;
}
.industry_nav{
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 4px;
	margin-top: 95px;
	margin-bottom: 26px;
	overflow: hidden;
	position: relative;
}
.industry_nav .clear::after{
	content: '';
	display: block;
	clear: both;
}
.industry_nav .clear{
	background: #f6f6f6;
	position: relative;
}
.industry_nav p{
	float: left;
}
.industry_nav ul{
	float: right;
}
.industry_nav ul{
	width: 1037px;
	padding-top: 20px;
	padding-bottom: 10px;
	background: #fff;
	padding-left: 25px;
}
.industry_nav p{
	width: 136px;
	font-size: 16px;
	height: 16px;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.industry_nav ul li{
	display: inline-block;
	margin-right: 10px;
	padding-bottom: 10px;
}
.industry_nav ul li a{
	font-size: 14px;
	color: #666;
	height: 36px;
	line-height: 36px;
	padding: 0 22px;
	display: block;
}
.industry_nav ul li.active a,
.industry_nav ul li:hover a{
	background: #004fc6;
	border-radius: 4px;
	color: #fff;
}
.industry_content{
	padding-top: 26px;
	padding-bottom: 95px;
}
.industry_contbox{
	margin-left: 30px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	width: 380px;
	height: 340px;
	border-radius: 4px;
	float: left;
	margin-top: 30px;
	transition: all .3s;
	padding-left: 35px;
	padding: 35px 35px 0;
	position: relative;
}
.industry_contbox p{
	margin-top: 25px;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}
.industry_contbox span{
	font-size: 15px;
	color: #999;
	line-height: 30px;
	letter-spacing: 1px;
}
.industry_contbox .industry_tit{
	position: absolute;
	right: 35px;
	top: 55px;
	font-size: 15px;
	color: #666;
}
.industry_tar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	/*background: #ff2027;*/
	height: 68px;
	box-sizing: border-box;
	padding: 0 30px;
	transition: all .3s;
}
.industry_tar::after{
	content: '';
	width: 318px;
	height: 1px;
	background: #ccc;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: all .3s;
}
.industry_tar:hover .more_img,
.industry_contbox:hover .more_img{
	background: url(../images/industry_arrowact.png) no-repeat center;
}
.industry_tar a.more{
	line-height: 68px;
	font-size: 15px;
	color: #666;
	display: block;
	float: left;
}
.industry_tar .more_img{
	width: 20px;
	height: 68px;
	float: right;
	background: url(../images/industry_arrow.png) no-repeat center;
}
.industry_contbox:hover{
	box-shadow: 0 1px 24px rgba(0,0,0,0.2);
}
.industry_contbox:hover .industry_tar{
	background: #ff2027;
}
.industry_contbox:hover .industry_tar .more{
	color: #fff;
}
.industry_contbox:hover .industry_tar::after{
	background: #ff2027;
}
/*行业方案 end*/
/* 标签集合页 begein */
.list_tag{
	margin: 0 35px;
	padding: 20px 0;
}
.list_tag h2{
	font-size: 20px;
	color: #333;
	position: relative;
	padding-bottom: 17px;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-top: 20px;
}
.list_tag h2::after{
	content: '';
	position: absolute;
	width: 80px;
	height: 2px;
	left: 30px;
	bottom: -1px;
	background: #004fc6;
}
.list_tag ul{
	font-size: 0;
	margin-left: 30px;
}
.list_tag ul li{
	padding-bottom: 20px;
	display: inline-block;
	margin-right: 60px;
}
.list_tag ul li a{
	font-size: 15px;
	color: #999;
}
/* 标签集合页 end */
/* 案例列表 begin */
.case_banner{
	background: url(../images/case_banner.jpg) no-repeat center;
	min-width: 1200px;
	height: 460px;
}
.industry_nav .clear{
	border-top: 1px dashed #ccc;
}
.industry_nav .clear:first-child{
	border-top: none;
}
.case_cont_de {
	width: 285px;
	height: 140px;
	position: relative;
	border-radius: 4px;
	transition: all 0s;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	overflow: hidden;
}
.case_cont_de .case_de_logo span {
	display: table-cell;
	vertical-align: middle;
	width: 235px;
	height: 140px;
	font-size: 0;
	text-align: center;
	padding-left: 25px;
}
.case_cont_de:hover .case_de_hide {
	opacity: 1;
	visibility: visible;
}
.case_cont_de:hover {
	border-color: #fc0d1b;
}
.case_de_hide {
	position: absolute;
	top: 0;
	left: 0;
	width: 285px;
	height: 140px;
	border-radius: 4px;
	box-sizing: border-box;
	padding-left: 30px;
	opacity: 0;
	background: #fdf5f5;
	visibility: hidden;
	transition: visibility .3s, opacity .3s;
}
.case_de_hide * {
	display: block;
}
.case_de_hide p {
	font-size: 16px;
	color: #3e464c;
	margin-top: 31px;
	margin-bottom: 16px;
}
.case_de_hide em {
	margin-top: 16px;
}
.case_de_hide span,  .case_de_hide em {
	font-size: 14px;
	color: #a1a6ab;
}
.case_de_hide b {
	visibility: hidden;
	display: none;
}
.case_de_hide .url {
	position: absolute;
	right: 24px;
	top: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #ccc url(../images/case_img2.png) no-repeat center;
}
.case_content {
	width: 1200px;
	margin: auto;
	padding-top: 30px;
}
.case_content .index_1200 {
	width: 1220px;
	margin-left: -20px;
	padding-bottom: 20px;
}
/* 案例列表 end */
/* 案例详情 begin */
.case_debanner{
	background: url(../images/case_debanner.jpg) no-repeat center;
	height: 460px;
	min-width: 1200px;
	position: relative;
}
.case_decustom{
	position: absolute;
	top: 170px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.case_decustom ul{
	font-size: 0;
	padding-top: 30px;
}
.case_decustom ul li{
	display: inline-block;
}
.case_decustom .case_delogo{
	font-size: 0;
}
.case_decustom ul li a{
	font-size: 18px;
	color: #fff;
	position: relative;
	display: block;
	padding: 0 20px;
}
.case_decustom ul li:first-child a::after{
	display: none;
}
.case_decustom ul li a::after{
	content: '';
	width: 2px;
	height: 20px;
	background: #dfdfe0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	margin: auto;
}
.case_decontent{
	padding: 70px 0;
	overflow: hidden;
}
.case_demess{
	border-radius: 4px;
	margin-bottom: 45px;
	overflow: hidden;
	border: 1px solid #e3e7ee;
	background: #f7fafe;
	box-shadow: 0 0 10px rgba(230,235,244,0.46);
}
.case_demess > .zh_left{
	background: #fff;
	width: 660px;
	box-sizing: border-box;
	padding: 75px 85px 70px 55px;
}
.case_demess > .zh_left p,
.case_demess > .zh_right p{
	font-size: 22px;
	color: #0a1633;
	position: relative;
	padding-bottom: 25px;
	font-weight: bold;
	margin-bottom: 40px;
}
.case_demess > .zh_left p::after,
.case_demess > .zh_right p::after{
	content: '';
	width: 24px;
	height: 2px;
	background: #0f61de; 
	position: absolute;
	bottom: 0;
	left: 0;
}
.case_demess > .zh_left h1{
	font-size: 16px;
	color: #0a1633;
	margin-bottom: 23px;
}
.case_demess > .zh_left span{
	font-size: 14px;
	color: #9ea8b7;
	line-height: 28px;
	display: block;
	text-align: justify;
}
.case_demess > .zh_right{
	width: 538px;
	padding: 0 55px;
	box-sizing: border-box;
}
.case_demess > .zh_right p{
	margin-top: 75px;
}
.case_demess > .zh_right ul{
	font-size: 0;
}
.case_demess > .zh_right ul li{
	display: block;
	padding-bottom: 15px;
}
.case_demess > .zh_right ul li a{
	font-size: 14px;
	color: #9ea8b7;
}
.case_decen{
	background: #fff;
	box-sizing: border-box;
	padding: 75px 96px 0;
	border-radius: 4px;
	border: 1px solid #e3e7ee;
	box-shadow: 0 0 10px rgba(230,235,244,0.46);
}
.case_decenImg{
	font-size: 0;
}
.case_depage{
	padding-top: 55px;
}
.case_depage ul{
	text-align: center;
	padding-bottom: 50px;
}
.case_depage ul li{
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
.case_depage ul li.next a,
.case_depage ul li.pre a{
	font-size: 14px;
	color: #515f74;
}
.case_depage ul li.pre{
	float: left;
}
.case_depage ul li.next{
	float: right;
}
.case_depage ul li.pre a{
	padding-left: 30px;
	background: url(../images/case_pre.png) no-repeat center left;
}
.case_depage ul li.next a{
	background: url(../images/case_next.png) no-repeat center right;
	padding-right: 30px;
}
.case_depage ul li.cen a{
	width: 116px;
	height: 40px;
	border: 1px solid #fc0d1b;
	display: block;
	line-height: 40px;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
	color: #fc0d1b;
}
/* 案例详情 end */
/* 关于我们 begin */
.about_banner{
	background: url(../images/about_banner.jpg) no-repeat center;
	min-width: 1200px;
	height: 460px;
}
.about_mess ul{
	padding-top: 40px;
	padding-bottom: 90px;
}
.about_mess ul li{
	font-size: 15px;
	color: #999;
	text-align: center;
	line-height: 32px;
}
.about_product{
	background: url(../images/bg1.jpg) no-repeat center / cover;
	min-width: 1200px;
}
.about_productBox::after{
	content: '';
	display: block;
	clear: both;
}
.about_proLogo{
	width: 146px;
	height: 146px;
	background: #fff;
	border-radius: 4px;
	float: left;
}
.about_proLogo span{
	height: 146px;
	width: 146px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
}
.about_proBox_right{
	float: right;
	width: 944px;
}
.about_proBox_right p{
	font-size: 32px;
	color: #333;
}
.about_proBox_right span{
	font-size: 15px;
	color: #999;
	line-height: 32px;
	display: block;
	margin-top: 25px;
}
.about_product_Mess .about_productBox{
	padding-top: 48px;
}
.about_proBox_right .about_proBoxtar{
	margin-top: 75px;
	font-size: 18px;
	padding-bottom: 5px;
}
.about_proBox_right .about_proBoxtar a{
	font-size: 18px;
	color: #004fc6;
}
.about_productNav{
	margin-top: 135px;
	width: 1200px;
	overflow: hidden;
}
.about_productNav .width{
	width: 1340px;
	margin: 0 auto;
	margin-left: -64px;
	padding-bottom: 45px;
}
.about_productNav ul{
	font-size: 0;
}
.about_productNav ul li{
	display: inline-block;
	font-size: 0;
	width: 20%;
	text-align: center;
	cursor: pointer;
	padding-bottom: 30px;
	position: relative;
}
.about_productNav ul li img{
	height: 25px;
}
.about_productNav ul li.on::after{
	content: '';
	display: block;
	width: 36px;
	height: 2px;
	background: #ff2027;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.about_product .index_1200{
	position: relative;
}
.about_product .prev,
.about_product .next{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	bottom: 220px;
	cursor: pointer;
	z-index: 99;
}
.about_product .prev{
	background: url(../images/about_img1.png) rgba(0,0,0,0.03) no-repeat center;
	right: 70px;
}
.about_product .next{
	right: 0px;
	background: url(../images/about_img2.png) rgba(0,0,0,0.03) no-repeat center;
}
.about_courseNav ul{
	padding-top: 45px!important;
}
.about_courseNav .tempWrap,
.about_courseNav .tempWrap ul{
	overflow: visible!important;
}
.about_courseNav ul li{
	display: block;
	width: 209.6px;
	float: left;
	text-align: center;
	position: relative;
	padding-top: 30px;
	cursor: pointer;
	border-top: 1px solid #c9c9c9;
}
.about_courseNav ul li::before,
.about_courseNav ul li::after{
	content: '';
	position: absolute;
	border-radius: 50%;
	left: 0;
	right: 0;
	margin: auto;
}
.about_courseNav ul li::after{
	width: 18px;
	height: 18px;
	top: -10px;
	background: #aeaeae;
}
.about_courseNav ul li::before{
	width: 10px;
	height: 10px;
	top: -6px;
	z-index: 1;
	background: #fff;
}
.about_courseNav ul li.on::after{
	background: #ff2027;
}
.about_courseNav ul li.on span{
	color: #ff2027;
}
.about_courseNav ul li.on span::after{
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	width: 61px;
	height: 35px;
	background: url(../images/about_img10.png) no-repeat center;
	bottom: -75px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 99;
}
.about_courseNav ul li.on.clone::after{
	background: #aeaeae;
}
.about_courseNav ul li.on.clone span::after{
	display: none;
}
.about_courseNav ul li.on.clone span{
	color: #333;
}
.about_course .over{
	overflow: hidden;
	width: 1048px;
	margin: 0 auto;
	padding-bottom: 25px;
}
.about_course .about_courseMess{
	padding-top: 75px;
	padding-bottom: 95px;
}
.about_course .about_courseMess .box{
	width: 960px;
	margin: 0 auto;
	box-shadow: 0 1px 36px rgba(0,0,0,0.06);
	box-sizing: border-box;
	padding: 0 50px 48px;
	border-radius: 4px;
}
.about_course .about_courseMess .box .tit{
	padding-top: 55px;
	padding-bottom: 32px;
	font-size: 28px;
	color: #333;
	border-bottom: 1px solid #eee;
	margin-bottom: 25px;
}
.about_course .about_courseMess .box .tit span{
	font-size: 15px;
	padding-left: 17px;
}
.about_course .about_courseMess .box .box_body,
.about_course .about_courseMess .box .box_body *{
	font-size: 15px!important;
	color: #999!important;
	line-height: 32px!important;
	text-align: justify!important;
	margin: 0!important;
	padding: 0!important;
}
.about_course{
	position: relative;
}
.about_course .prev,
.about_course .next{
	width: 28px;
	height: 46px;
	position: absolute;
	top: 169px;
	cursor: pointer;
}
.about_course .prev{
	background: url(../images/about_img3.png) no-repeat center;
	left: 0;
}
.about_course .next{
	background: url(../images/about_img4.png) no-repeat center;
	right: 0;;
}
/* 关于我们 end */
/* 联系我们 begin */
.contact_banner{
	background: url(../images/contact_banner.jpg) no-repeat center;
	min-width: 1200px;
	height: 460px;
}
.about_contact{
	box-shadow: 0 1px 36px rgba(0,0,0,0.06);
	overflow: hidden;
	border-radius: 4px;
	margin: 95px auto;
	background: #fc2531;
}
.about_contact .zh_left{
	width: 800px;
	box-sizing: border-box;
	padding: 0 65px;
	padding-right: 75px;
	padding-bottom: 40px;
	background: #fff;
}
.about_contact .zh_left h2{
	font-size: 26px;
	padding-top: 65px;
	margin-bottom: 23px;
}
.about_contact .zh_left p{
	color: #999;
	font-size: 15px;
	margin-bottom: 35px;
}
.about_contact .zh_left input,
.about_contact .zh_left textarea{
	border: none;
	width: 100%;
	height: 52px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 24px;
	box-sizing: border-box;
	padding: 0 17px;
	font-size: 15px;
	color: #999;
}
.about_contact .zh_left textarea{
	padding-top: 10px;
	padding-bottom: 10px;
	height: 186px;
	line-height: 28px;
}
.about_contact .zh_left input[type="button"]{
	background: #1965db;
	width: 196px;
	height: 52px;
	line-height: 52px;
	border: none;
	color: #fff;
	cursor: pointer;
}
.about_contact .zh_right{
	width: 400px;
	padding-top: 120px;
	box-sizing: border-box;
	padding-left: 70px;
}
.about_contact .zh_right *{
	color: #fff;
}
.about_contact .zh_right li{
	padding-top: 60px;
}
.about_contact .zh_right li::after{
	content: '';
	clear: both;
	display: block;
}
.about_contact .zh_right .contact_img,
.about_contact .zh_right .contact_mess{
	float: left;
}
.about_contact .zh_right .contact_mess{
	padding-left: 45px;
	width: 190px;
}
.about_contact .zh_right .contact_mess span{
	font-size: 18px;
}
.about_contact .zh_right .contact_mess p{
	font-size: 15px;
	line-height: 26px;
	margin-top: 18px;
}
.about_contact .zh_right .contact_mess p *{
	font-size: 15px;
}
/* 联系我们 end */





/*服务颜色 begin*/
.service_processbox.act{
	transition: all .3s;
	top: -30px;
}
/* green begin */
.service_green .sem_banner{
	background: url(../images/service_green.jpg) no-repeat center;
	height: 460px;
	min-width: 1200px;
}
.service_green .service_tit em,
.service_green .index_case .title em{
	color: #f8b025;
}

.service_green .service_bg{
	background-image: -ms-linear-gradient(to right,rgba(0,170,113,1) 0%,rgba(0,170,113,0) 100%);
    background-image: -moz-linear-gradient(to right,rgba(0,170,113,1) 0%,rgba(0,170,113,0) 100%);
    background-image: -webkit-linear-gradient(to right,rgba(0,170,113,1) 0%,rgba(0,170,113,0) 100%);
    background-image: -o-linear-gradient(to right,rgba(0,170,113,1) 0%,rgba(0,170,113,0) 100%);
    background-image: linear-gradient(to right,rgba(0,170,113,1) 0%,rgba(0,170,113,0) 100%);
}
.service_green .service_processbox:hover p,
.service_green .service_processbox.act p{
	color: #f4aa1c;
	transition: all .3s;
}
.service_green .service_processbox:hover,
.service_green .service_processbox.act{
	border-color: #f4aa1c;
	box-shadow: 0 12px 24px rgba(244,170,28,0.18);
	transition: all .3s;
}
.service_green .service_semContact p{
	background: rgba(2,182,122,0.6) url(../images/sem_img5_green.png) no-repeat center;
}
.service_green .semContact_btn a{
	background: #f4aa1c url(../images/service-arrow.png) no-repeat 20px center;
}
.service_green .service_contact,
.service_green .service_semContact{
	background: #00aa71;
	min-width: 1200px;
}
.service_green .service_contact ul li input[type="button"]{
	background: #f4aa1c;
}
.service_green .head .head_nav ul .act a::after, 
.service_green .head .head_nav ul li a:hover::after,
.service_green .service_semprocess p::after,
.service_green .semContact_btn a,
.service_green .service_contact ul li input[type="button"]{
	background-color: #f8b025; 
}
/* green end */
/* blue begin */
.service_blue .blue_banner{
	background: url(../images/service_blue.jpg) no-repeat center;
	height: 460px;
	min-width: 1200px;
}
.service_blue .head .head_nav ul .act a::after, 
.service_blue .head .head_nav ul li a:hover::after{
	background: #fc2d39; 
}
.service_blue .service_bg{
	background-image: -ms-linear-gradient(to right,rgba(0,79,198,1) 0%,rgba(0,79,198,0) 100%);
    background-image: -moz-linear-gradient(to right,rgba(0,79,198,1) 0%,rgba(0,79,198,0) 100%);
    background-image: -webkit-linear-gradient(to right,rgba(0,79,198,1) 0%,rgba(0,79,198,0) 100%);
    background-image: -o-linear-gradient(to right,rgba(0,79,198,1) 0%,rgba(0,79,198,0) 100%);
    background-image: linear-gradient(to right,rgba(0,79,198,1) 0%,rgba(0,79,198,0) 100%);
}
.service_blue .service_semprocess p::after{
	background: #fc2d39;
}
.service_blue .service_processbox:hover p,
.service_blue .service_processbox.act p{
	color: #fc2d39;
	transition: all .3s;
}
.service_blue .service_processbox:hover,
.service_blue .service_processbox.act{
	border-color: #fc2d39;
	box-shadow: 0 12px 24px rgba(252,45,57,0.18);
	transition: all .3s;
}
.service_blue .service_semContact{
	background: #004fc6;
}
.service_blue .service_semContact p{
	background: rgba(2,87,216,0.6) url(../images/sem_img5.png) no-repeat center;
}
.service_blue .semContact_btn a{
	background: #fc2d39 url(../images/service-arrow.png) no-repeat 20px center;
}
.service_blue .index_case .title em{
	color: #fc2d39;
}
.service_blue .service_contact{
	background: #004fc6;
	min-width: 1200px;
}
.service_blue .service_contact ul li input[type="button"]{
	background: #fc2d39;
}
.beian{
	height: 20px;
	line-height: 20px;
}
.beian a{
	padding: 0 5px;
}
.beian p{
	padding-right: 3px;
}
.beian *,
.footer_zhichi *{
	line-height: 20px;
	display: inline;
	vertical-align: middle;
}
/* blue end */

/* PR-公关 end */
/* 服务icon背景图 end */

/* 导航栏 begin */
.head .logo{
	margin-top: 37px;
}
.head .logo img{
	width: 90px;
	height: 32.63px;
}
.language_more{
	cursor: pointer;
}
.service_more:hover + .fuwu_hide,
.fuwu_hide:hover,
.language_more:hover .language_hide{
	display: block;
}
.fuwu_hide,
.language_hide{
	position: absolute;
	background: #fff;
	width: 170px;
	border-radius: 4px;
	left: -25px;
	top: 110px;
	z-index: 999999;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}
.fuwu_hide{
	width: 100%;
	display: none;
	left: 0;
	top: 110px;
	z-index: 99999;
	border-radius: 0;
	padding-top: 45px;
	padding-bottom: 45px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}
.language_hide{
	width: 128px;
	right: -55px;
	left: auto;
	top: 50px;
	display: none;
}
.fuwu_hide>ul,
.language_hide ul{
	margin: 0 auto;
	margin-top: 40px;
	padding-bottom: 10px;
}
.fuwu_hide > ul > li,
.language_hide ul li{
	margin-bottom: 25px;
}
.fuwu_hide > ul > li a {
	font-size: 16px;
	display: block;
	text-align: center;
}
.fuwu_hide_nav ul {
	margin-top: 18px;
	padding-top: 30px;
	border-top: 1px solid #eaeaea;
}
.fuwu_hide > ul > li a ,
.language_hide  ul li a{
	font-size: 14px;
	color: #868d95;
	display: block;
	transition: all .3s;
	font-weight: normal;
	text-align: center;
}
.index_head_right .head_wechat_hide ul li {
	float: left;
	overflow: hidden;
	margin-left: 25px;
	margin-bottom: 28px;
}
.fuwu_hide::before, 
.language_hide:before {
	content: '';
    display: block;
    position: absolute;
    top: -10px;
	left: 0;
    width: 0;
    right: 0;
    border-bottom: 10px solid rgba(255, 255, 255, 0.98);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin: auto;
}
.industry.fuwu_hide::before{
	left: 567px;
}
.fuwu_hide::before{
	left: 418px;
	border-bottom-color: #fff;
}
.industry.fuwu_hide{
	padding-bottom: 15px;
	/* opacity: 1;
	top: 110px;
	visibility: visible;
	display: block; */
}
.industry.fuwu_hide ul {
	width: 1232px;
	margin-left: -32px;
}
.industry.fuwu_hide ul li{
	width: 276px;
	height: 118px;
	float: left;
	border: 1px solid #e1e6f0;
	border-radius: 4px;
	margin-left: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 25px 30px 0;
	position: relative;
}
.industry.fuwu_hide ul li .more{
	width: 6px;
	height: 10px;
	background: url(../images/industry_jiantou.png) no-repeat center;
	position: absolute;
	top: 27px;
	right: 31px;
}
.industry.fuwu_hide ul li a{
	display: block;
}
.industry.fuwu_hide ul li .tit{
	display: inline-block;
	font-size: 16px;
	color: #0a1633;
	font-weight: bold;
}
.industry.fuwu_hide ul li p{
	font-size: 14px;
	color: #97a4b8;
	line-height: 24px;
	margin-top: 12px;
	text-align: justify;
}
.fuwu_hide .head_navLeft{
	float: left;
	width: 192px;
	border-right: 1px solid #c3cad9;
}
.fuwu_hide .head_navLeft li{
	height: 38px;
	line-height: 38px;
	border-radius: 4px;
	width: 156px;
	cursor: pointer;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	transition: color .3s;
}
.fuwu_hide .head_navLeft li.on{
	background-color: #1965db;
	transition: color .3s;
}
.fuwu_hide .head_navLeft li.on span{
	color: #fff;
}
.fuwu_hide .head_navLeft li span{
	padding-left: 50px;
	font-size: 14px;
	color: #515f74;
}
.fuwu_hide .head_navLeft .foreign{
	margin-bottom: 0;
}
.fuwu_hide .head_navLeft .web{
	background-image: url(../images/icon_img1.png);
}
.fuwu_hide .head_navLeft .marking{
	background-image: url(../images/icon_img2.png);
}
.fuwu_hide .head_navLeft .technology{
	background-image: url(../images/icon_img3.png);
}
.fuwu_hide .head_navLeft .activity{
	background-image: url(../images/icon_img4.png);
}
.fuwu_hide .head_navLeft .design{
	background-image: url(../images/icon_img5.png);
}
.fuwu_hide .head_navLeft .video{
	background-image: url(../images/icon_img6.png);
}
.fuwu_hide .head_navLeft .mobile{
	background-image: url(../images/icon_img7.png);
}
.fuwu_hide .head_navLeft .commerce{
	background-image: url(../images/icon_img8.png);
}
.fuwu_hide .head_navLeft .foreign{
	background-image: url(../images/icon_img9.png);
}
.fuwu_hide .head_navLeft .web.on{
	background-image: url(../images/icon_img1_on.png);
}
.fuwu_hide .head_navLeft .marking.on{
	background-image: url(../images/icon_img2_on.png);
}
.fuwu_hide .head_navLeft .technology.on{
	background-image: url(../images/icon_img3_on.png);
}
.fuwu_hide .head_navLeft .activity.on{
	background-image: url(../images/icon_img4_on.png);
}
.fuwu_hide .head_navLeft .design.on{
	background-image: url(../images/icon_img5_on.png);
}
.fuwu_hide .head_navLeft .video.on{
	background-image: url(../images/icon_img6_on.png);
}
.fuwu_hide .head_navLeft .mobile.on{
	background-image: url(../images/icon_img7_on.png);
}
.fuwu_hide .head_navLeft .commerce.on{
	background-image: url(../images/icon_img8_on.png);
}
.fuwu_hide .head_navLeft .foreign.on{
	background-image: url(../images/icon_img9_on.png);
}
.fuwu_hide .head_navCon{
	float: left;
	width: calc(100% - 193px);
	padding-left: 25px;
	box-sizing: border-box;
	position: relative;
}
.fuwu_hide .head_navCon ul{
	zoom: 1;
}
.fuwu_hide .head_navCon li{
	width: 297px;
	height: 128px;
	background: #f3f7fd;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 25px 30px 0 35px;
	border-radius: 4px;
	transition: all .2s;
}
.fuwu_hide .head_navCon li:hover{
	transition: all .2s;
	background: #1965db;
}
.fuwu_hide .head_navCon li:hover p::after{
	background: url(../images/jiantou_white.png) no-repeat center;
}
.fuwu_hide .head_navCon li:hover *{
	color: #fff;
	transition: all .2s;
}
.fuwu_hide .head_navCon li p{
	font-size: 16px;
	color: #0a1633;
	margin-bottom: 12.5px;
	transition: all .2s;
	position: relative;
	font-weight: bold;
}
.fuwu_hide .head_navCon li p::after{
	content: '';
	width: 6px;
	height: 10px;
	display: block;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/jiantou.png) no-repeat center;
}
.fuwu_hide .head_navCon li span{
	display: block;
	font-size: 14px;
	color: #97a4b8;
	line-height: 28px;
	text-align: justify;
	transition: all .2s;
}
/* 导航栏 end */

.index_service {
	overflow: hidden;
	min-width: 1200px;
}
.index_service .demo2{
	margin-top: -20px;
}
.index_service .title h3 {
	margin-bottom: 0;
	letter-spacing: 1px;
	font-size: 14px;
	color: #97a4b8;
}
.index_ser_nav>li {
	width: 20%;
	text-align: center;
	float: left;
	font-size: 0;
	cursor: pointer;
	padding-top: 15px;
	position: relative;
}
/* .index_ser_nav>li:hover span {
	color: #1965db;
} */
.index_ser_nav>li p {
	height: 100px;
}
.index_ser_nav .current.bg1 p {
	background: url(../images/ser_img_on.png) no-repeat center!important;
}
.index_ser_nav .current.bg2 p {
	background: url(../images/ser_img2_on.png) no-repeat center!important;
}
.index_ser_nav .current.bg3 p {
	background: url(../images/ser_img1_on.png) no-repeat center!important;
}
.index_ser_nav .current.bg4 p {
	background: url(../images/ser_img3_on.png) no-repeat center!important;
}
.index_ser_nav .current.bg5 p {
	background: url(../images/ser_img4_on.png) no-repeat center!important;
}
.index_ser_nav .current.bg6 p {
	background: url(../images/ser_img5_on.png) no-repeat center!important;
}
.index_ser_nav .current.bg7 p {
	background: url(../images/ser_img6_on.png) no-repeat center!important;
}
.index_ser_nav .current.bg8 p {
	background: url(../images/ser_img7_on.png) no-repeat center!important;
}
.index_ser_nav .current.bg9 p {
	background: url(../images/ser_img8_on.png) no-repeat center!important;
}
.index_ser_nav .current::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
	left: 117px;
	width: 0;
	height: 0;
	margin: auto;
	border-bottom: 10px solid #f3f7fd;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	animation: mymove .3s;
	-webkit-animation: mymove .3s;
}
.index_ser_nav li span {
	font-size: 15px;
	color: #68747f;
	/* margin-top: 12px; */
	display: block;
	text-indent: 15px;
}
.index_ser_nav li.current span{
	color: #1965db;
}
.index_ser_box {
	width: 1200px;
	background: #f3f7fd;
	border-radius: 4px;
	padding: 30px 86px 0 86px;
	height: 300px;
	padding-right: 0;
	box-sizing: border-box;
	margin-top: 25px;
	animation: mymove .3s;
	-webkit-animation: mymove .3s;
	position: relative;
	overflow: hidden;
}
.index_ser_box.hide {
	display: none;
	animation: mymove .3s;
	-webkit-animation: mymove .3s;
	height: 0px;
}
.index_ser_box .index_left {
	float: left;
	margin-left: 5px;
	margin-right: 15px;
	/* width: 285px; */
	margin-top: 25px;
}
.index_ser_box .index_left * {
	display: block;
}
.index_ser_box .index_left p{
	font-size: 14px;
	color: #97a4b8;
	margin: 35px 0;
}
.index_ser_box .index_left .index_ser_logo {
	font-size: 0;
	width: 120px;
}
.index_ser_box .index_left span {
	font-size: 14px;
	color: #1965db;
	width: 270px;
	display: inline;
	padding-right: 5px;
}
.index_ser_box .index_left a{
	display: inline-block;
	text-align: left;
	font-size: 14px;
	color: #1965db;
}
.index_ser_box .index_left .index_ser_url {
	font-size: 14px;
	color: #a1a6ab;
}
.index_ser_box .index_right {
	float: left;
	width: 800px;
}
.index_ser_box .index_right div {
	float: left;
	margin-left: 80px;
	margin-top: 25px;
	width: 280px;
	height: 90px;
}
.index_ser_box .index_right div a {
	font-size: 15px;
	color: #515f74;
	display: block;
}
.index_ser_box .index_right div:hover a {
	color: #1965db;
}
.index_ser_box .index_right span {
	font-size: 14px;
	color: #97a4b8;
	display: block;
	margin-top: 11px;
	line-height: 28px;
}
.clear {
    clear: both;
}
.index_service .title h3{
	color: #97a4b8;
}
.index_service .title {
	padding-bottom: 30px;
}
.index_ser_nav li span{
	color: #0a1633;
}
.news_list_874{
	width: 874px;
}
/* 联系我们 0212 */
.contact {
	padding: 65px 0;
}
.contact_left {
	float: left;
	width: 581px;
	height: 635px;
	box-sizing: border-box;
	padding: 56px 30px 0;
	box-shadow: 0 0 3px 3px #f6f6f6;
	border-radius: 4px;
}
.contact_left .contact_logo {
	position: relative;
	padding-bottom: 23px;
}
.contact_left .contact_logo::before {
	content: '';
	position: absolute;
	width: 75px;
	height: 2px;
	background: #1965db;
	bottom: 0;
	z-index: 2;
}
.contact_left .contact_logo::after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 0;
	height: 2px;
	left: 0;
	background: #e6eef2;
}
.contact_left_mess {
	overflow: hidden;
	border-bottom: 1px dashed #eaeaea;
}
.contact_left_mess li {
	padding: 33px 0;
	overflow: hidden;
	float: left;
	width: 225px;
}
.contact_left_mess li em {
	float: left;
	display: block;
	text-align: center;
}
.contact_left_mess li em span {
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	width: 52px;
	border-radius: 50%;
	background: #f8f8f8;
}
.contact_left_mess li div {
	margin-left: 22px;
	float: left;
}
.contact_left_mess li div b {
	font-size: 18px;
	color: #68747f;
	display: block;
	margin-bottom: 18px;
}
.contact_left_mess li div a {
	font-size: 16px;
	color: #a1a6ab;
	display: block;
}
.contact_left_mess .float_right {
	float: right;
}
.contact_left_add>ul>li {
	padding: 33px 0;
	overflow: hidden;
	border-bottom: 1px dashed #eaeaea;
}
.contact_left_add li em {
	float: left;
	display: block;
	text-align: center;
}
.contact_left_add li em span {
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	width: 52px;
	border-radius: 50%;
	background: #f8f8f8;
}
.contact_left_add li div {
	margin-left: 22px;
	float: left;
}
.contact_left_add li div b {
	font-size: 18px;
	color: #68747f;
	display: block;
	margin-bottom: 18px;
}
.contact_left_add li div a {
	font-size: 16px;
	color: #a1a6ab;
	display: block;
}
.contact_left_add li ul li {
	float: left;
}
.contact_left_add li ul li a {
	font-size: 14px;
	color: #a1a6ab;
	margin-right: 15px;
}
.contact_left_add li ul li a:hover,  .contact_color:hover {
	color: #1965db;
}
.contact_right {
	float: right;
	box-shadow: 0 0 3px 3px #f6f6f6;
	width: 581px;
	height: 635px;
	padding: 56px 30px 0;
	box-sizing: border-box;
	border-radius: 4px;
}
.contact_left_add .border_none {
	border: none;
}
.contact_right .contact_right_tit p {
	color: #1965db;
	font-size: 26px;
	margin-bottom: 13px;
}
.contact_right .contact_right_tit span {
	font-size: 14px;
	color: #a1a6ab;
	display: block;
	margin-bottom: 35px;
}
.contact_right li input,  .contact_right li textarea {
	border: none;
	background: #f8f8f8;
	height: 60px;
	width: 520px;
	margin-bottom: 20px;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
	padding: 0 23px;
	color: #6b798e;
}
.contact_right li textarea {
	padding: 23px;
	height: 105px;
	color: #6b798e;
}
.contact_right .submit {
	width: 186px;
	height: 52px;
	background: #1965db;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}
 .contact_right li input::-webkit-input-placeholder,
 .contact_right li textarea::-webkit-input-placeholder {
 color: #6b798e;
}
 .contact_right li input::-moz-input-placeholder,
 .contact_right li textarea::-webkit-input-placeholder {
 color: #6b798e;
}
 .contact_right li input::-ms-input-placeholder,
 .contact_right li textarea::-webkit-input-placeholder {
 color: #6b798e;
}
/* 联系我们0212 */
/* 服务详情页 20200220 */
.ser_blue .service_bg{
    background-image: -ms-linear-gradient(to right,rgba(25,101,219,1) 0%,rgba(25,101,219,0) 100%);
    background-image: -moz-linear-gradient(to right,rgba(25,101,219,1) 0%,rgba(25,101,219,0) 100%);
    background-image: -webkit-linear-gradient(to right,rgba(25,101,219,1) 0%,rgba(25,101,219,0) 100%);
    background-image: -o-linear-gradient(to right,rgba(25,101,219,1) 0%,rgba(25,101,219,0) 100%);
    background-image: linear-gradient(to right,rgba(25,101,219,1) 0%,rgba(25,101,219,0) 100%);
}
.ser_blue .service_semprocess p::after{
	background-color: #fc2d39;
}
.ser_blue .service_processbox:hover,
.ser_blue .service_processbox.act{
	border-color: #0079fe;
	box-shadow: 0 12px 24px rgba(15,97,222,0.18);
}
/* .ser_blue .service_processbox:hover span,
.ser_blue .service_processbox.act span{
	color: #fc2d39;
} */
.ser_blue .service_semContact {
	background: #0f61de;
}
.ser_blue .semContact_box p{
	background: url(../images/sem_img5.png) no-repeat center;
}
.ser_blue .semContact_btn a{
	background: #fff url(../images/service-arrow.png) no-repeat 25px center;
}
.ser_blue .service_contact{
	background: #f3f7fd;
	min-width: 1200px;
}
.ser_blue .service_contact p{
	color: #0a1633;
}
.ser_blue .service_contact span{
	color: #97a4b8;
}
.ser_blue .service_contact ul li input[type="button"]{
	background: #fc2d39;
	border-color: #fc2d39;
}
.ser_blue .service_contact ul li input{
	background: none;
	border: 1px solid #c3cad9;
}
/* 服务详情页 20200220 */
.fuwu_hide .head_navCon {
	width: calc(100% - 203px);
	padding-left: 0px;
}
.fuwu_hide .head_navCon li p::after {
	display: none;
}
.fuwu_hide .head_navCon li {
	width: 254px;
	height: 110px;
	padding: 24px 24px 0 18px;
	background: none;
	border-radius: 0;
	margin-left: 75px;
	margin-bottom: 6px;
}
.fuwu_hide .head_navCon li:first-child,
.fuwu_hide .head_navCon li:nth-child(4),
.fuwu_hide .head_navCon li:nth-child(7) {
	margin-left: 84px;
}
.fuwu_hide .head_navCon li span {
	font-size: 12px;
	line-height: 24px;
}
.fuwu_hide .head_navCon li p {
	margin-bottom: 6px;
}
.fuwu_hide .head_navCon li:hover {
	background: #f3f7fd;
}
.fuwu_hide .head_navCon li:hover a p {
	color: #0a1633;
}
.fuwu_hide .head_navCon li:hover a span {
	color: #97a4b8;
}
.fuwu_hide .head_navLeft {
	width: 202px;
}
.fuwu_hide .head_navLeft li {
	width: 152px;
	background-position: left 18px center;
}
.fuwu_hide .head_navLeft li span {
	padding-left: 55px;
}
.fuwu_hide .head_navLeft ul {
	margin-left: -18px;
}
.industry.fuwu_hide ul li {
	border: none;
	width: 254px;
	height: 92px;
	padding: 24px 18px 0 18px;
	border-radius: 0;
	margin-left: 72px;
}
.industry.fuwu_hide ul li:first-child {
	margin-left: 0px;
}
.industry.fuwu_hide ul li:hover {
	background: #f3f7fd;
}
.industry.fuwu_hide ul li .more {
	display: none;
}
.industry.fuwu_hide ul li p {
	font-size: 12px;
	line-height: 24px;
	margin-top: 6px;
}
.industry.fuwu_hide ul {
	margin-left: -18px;
}
.tool .tool_box ul {
	font-size: 0;
	width: 1284px;
	margin-left: -84px;
}
.tool .tool_box ul li {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	width: 254px;
	height: 92px;
	line-height: 92px;
	text-align: center;
	/* padding: 0 18px; */
	margin-left: 67px;
	box-sizing: border-box;
}

.tool .tool_box ul li:hover {
	background: #f3f7fd;
}
.tool .tool_box ul li a {
	display: inline-block;
	vertical-align: middle;
	margin-top: 3px;
}
.tool .tool_box ul li a dl {
	font-size: 0;
	text-align: left;
}
.tool .tool_box ul li a dl dt,
.tool .tool_box ul li a dl dd {
	display: inline-block;
	vertical-align: top;
}
.tool .tool_box ul li a dl dd{
	width: 180px;
}
.tool .tool_box ul li a dl dt {
	margin-right: 12px;
}
.tool .tool_box ul li a dl dd .tit {
	font-size: 16px;
	color: #0a1633;
	margin-bottom: 6px;
}
.tool .tool_box ul li a dl dd p {
	font-size: 12px;
	line-height: 24px;
	color: #97a4b8;
}
.fuwu_hide::before {
	left: 266px;
}
.industry.fuwu_hide::before {
    left: 416px;
}
.tool.fuwu_hide::before {
	left: 566px;
}
/* 联系方式 20200303 begin */
.contact_con{
	padding-bottom: 25px;
}
.contact_con .contact_way{
	padding-top: 70px;
}
.contact_con .tit{
	width: 367px;
}
.contact_con .mess{
	width: 833px;
}
.contact_con h2{
	font-size: 22px;
	color: #0a1633;
	font-weight: bold;
}
.contact_con .contact_way .mess{
	border-bottom: 1px solid #dde1ea;
	padding-bottom: 25px;
}
.contact_con .contact_way .mess ul li{
	float: left;
	width: 415px;
	margin-bottom: 45px;
}
.contact_con .contact_way .mess p{
	font-size: 0;
	width: 48px;
	height: 48px;
	float: left;
	margin-right: 23px;
}
.contact_con .contact_way .mess .txt em{
	font-size: 15px;
	color: #0a1633;
	display: block;
	padding-top: 5px;
	padding-bottom: 12px;
}
.contact_con .contact_way .mess .txt span{
	font-size: 14px;
	color: #9ea8b7;
}
.contact_con .contact_way.contact_address .mess ul li{
	float: none;
	width: auto;
}
.contact_con .contact_way.contact_address .mess{
	padding-bottom: 0;
	border-bottom: none;
}
/* 联系方式 20200303 end */
/* 案例列表 20200303 begin */
.case_list {
	padding-bottom: 70px;
	min-height: 700px;
}
.case_nav ul li{
	border-bottom: 1px solid #e9ecf1;
}
.case_nav ul li.active a{
	background: #1965db;
	color: #fff;
}
.case_nav ul li a{
	font-size: 15px;
	color: #515f74;
	width: 224px;
	line-height: 50px;
	display: block;
	text-indent: 28px;
	border-radius: 4px;
}
.case_list .case_nav{
	position: relative;
	top: 70px;
	/* padding-top: 70px; */
}
.case_list .case_listcontent{
	width: 910px;
	float: right;
	padding-top: 25px;
	position: relative;
	z-index: 9;
	background: #fff;
}
.case_list .case_listcontent .case_box{
	border-bottom: 1px solid #e9ecf1;
	padding: 45px 0;
}
.case_list .case_listcontent .case_box .img{
	width: 156px;
	height: 156px;
	border: 1px solid #c3cad8;
	border-radius: 4px;
	float: left;
	font-size: 0;
}
.case_list .case_listcontent .case_box .img img{
	max-width: 80%;
}
.case_list .case_listcontent .case_box .img span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 156px;
	width: 156px;
	font-size: 0;
}
.case_list .case_listcontent .case_box .case_txt{
	float: right;
	width: 715px;
	position: relative;
}
.case_list .case_listcontent .case_box .case_txt .target{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0;
	bottom: 0;
}
.case_list .case_listcontent .case_box .case_txt .showHidden{
	display: none;
}
.case_list .case_listcontent .case_box .case_txt .tit{
	font-size: 20px;
	color: #0b1732;
	font-weight: bold;
	margin-bottom: 15px;
}
.case_list .case_listcontent .case_box .case_txt .case_con{
	font-size: 14px;
	color: #9ea8b6;
	text-align: justify;
	line-height: 28px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.case_list .case_listcontent .case_box .case_txt .mess{
	font-size: 16px;
	color: #515f74;
	display: block;
	margin-top: 23px;
}
.case_list .case_listcontent .case_box .case_txt .tag{
	font-size: 0;
	padding-top: 20px;
}
.case_list .case_listcontent .case_box .case_txt .tag li{
	font-size: 14px;
	color: #9ea8b6;
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-right: 30px;
}
.case_list .case_listcontent .case_box .case_txt .tag li a{
	font-size: 14px;
	color: #9ea8b6;
}
.case_list .case_listcontent .case_box .case_txt .tag li::before{
	content: '';
	display: block;
	width: 8px;
	height: 2px;
	background: #1965db;
	top: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	margin: auto;
}
/* 案例列表 20200303 end */
/* 方案详情 begin */
.industry_deBanner{
	background: url(../images/industry_dedebanner.jpg) no-repeat center;
	height: 460px;
	min-width: 1200px;
}
.industry_deBanner.kuajing{
	background: url(../images/kuajing_banner.jpg) no-repeat center;
}
.industry_deBanner.guochan{
	background: url(../images/guochan_banner.jpg) no-repeat center;
}
.industry_deBanner h1{
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	padding-top: 180px;
	margin-bottom: 33px;
	letter-spacing: 2px;
}
.industry_deBanner p{
	font-size: 14px;
	color: #eee;
	font-weight: bold;
	letter-spacing: 0.5px;
	margin-bottom: 55px;
}
.industry_deBanner .more{
	display: block;
	width: 136px;
	line-height: 42px;
	font-size: 14px;
	color: #fff;
	background: #0f61de;
	text-align: center;
	border-radius: 4px;
}
.industry.index_case ul li{
	width: 216px;
	height: 72px;
	overflow: hidden;
	border: none;
	box-shadow: 0 0 10px rgba(230,236,244,0.86);
}
.industry.index_case ul li em{
	width: 216px;
	height: 72px;
	font-size: 0;
}
.industry.index_case ul li img{
	height: 72px;
}
.service_tit.industry p{
	line-height: 28px;
	font-size: 14px;
	color: #9ea8b6;
	margin-top: 22px;
}
.industry_decon {
	padding-bottom: 63px;
}
.industry_decon .industry_box{
	width: 230px;
	float: left;
	margin-left: 75px;
}
.industry_decon .industry_box.first{
	margin-left: 30px;
}
.industry_decon .industry_box p{
	font-size: 0;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
}
.industry_decon .industry_box span{
	font-size: 18px;
	color: #0b1732;
	font-weight: bold;
	display: block;
	text-align: center;
}
.industry_decon .industry_box em{
	font-size: 14px;
	color: #97a4b7;
	line-height: 28px;
	display: block;
	margin-top: 19px;
}
.industry_scene{
	background: #f3f7fd;
	padding-bottom: 70px;
	min-width: 1200px;
}
.industry_scene .industry_cenenBox{
	background: #fff;
	width: 585px;
	float: left;
	margin-left: 30px;
	margin-top: 45px;
	height: 240px;
	border-radius: 4px;
	padding: 45px 55px 0;
	box-sizing: border-box;
}
.industry_scene .industry_cenenBox.mar_lnone{
	margin-left: 0;
}
.industry_scene .industry_cenenBox .img{
	margin-right: 30px;
	width: 40px;
	height: 40px;
	font-size: 0;
}
.industry_scene .industry_cenenBox .txt{
	width: 404px;
}
.industry_scene .industry_cenenBox .txt p{
	font-size: 20px;
	font-weight: bold;
	color: #0b1732;
	margin-top: 5px;
	padding-bottom: 23px;
	position: relative;
}
.industry_scene .industry_cenenBox .txt p::after{
	content: '';
	display: block;
	width: 31px;
	height: 3px;
	background: #f93140;
	position: absolute;
	bottom: 0;
	left: 0;
}
.industry_scene .industry_cenenBox .txt .mess{
	font-size: 14px;
	color: #97a4b7;
	line-height: 28px;
	text-align: justify;
	margin-top: 23px;
}
/* 方案详情 end */
/* 关于我们 begin */
.about_nmess {
	padding: 70px 0;
}
.about_nmess .about_messTxt{
	width: 700px;
}
.about_nmess .about_messTxt h2,
.about_nmess .about_messTxt h2 em{
	font-size: 26px;
	font-weight: bold;
}
.about_nmess .about_messTxt h2{
	color: #0b1732;
	margin-bottom: 28px;
}
.about_nmess .about_messTxt h2 em{
	color: #f93140;
}
.about_nmess .about_messTxt p{
	font-size: 14px;
	color: #73849e;
	line-height: 28px;
	text-align: justify;
	margin-bottom: 13px;
}
.about_nmess .about_mimg{
	font-size: 0;
	width: 430px;
	height: 356px;
	overflow: hidden;
	border-radius: 4px;
}
.about_mission{
	margin-top: -17px;
	padding-bottom: 70px;
}
.about_mission .about_messBox.mar_lnone{
	margin-left: 0;
}
.about_mission .about_messBox{
	width: 585px;
	height: 160px;
	float: left;
	margin-left: 30px;
	box-shadow: 0 0 10px rgba(230,236,244,0.86);
	padding-top: 50px;
	box-sizing: border-box;
}
.about_mission .about_messBox p{
	font-size: 0;
	margin-bottom: 35px;
	margin-left: 55px;
}
.about_mission .about_messBox span{
	font-size: 20px;
	color: #0b1732;
	font-weight: bold;
	margin-left: 40px;
}
.about_mission .about_messBox em{
	display: block;
	width: 386px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 28px;
	color: #97a4b7;
	margin-left: 40px;
	margin-top: 16px;
}
.about_constitute{
	background: #f3f7fd;
	padding-bottom: 70px;
	min-width: 1200px;
}
.about_constitute .about_conBox{
	width: 380px;
	height: 250px;
	background: #ffffff;
	float: left;
	margin-top: 45px;
	border-radius: 4px;
	margin-left: 30px;
	box-sizing: border-box;
	padding: 48px 45px 0;
}
.about_constitute .about_conBox p{
	font-size: 0;
	margin-bottom: 25px;
}
.about_constitute .about_conBox span{
	font-size: 18px;
	color: #0b1732;
	font-weight: bold;
	display: block;
	margin-bottom: 11px;
}
.about_constitute .about_conBox em{
	font-size: 14px;
	color: #97a4b7;
	line-height: 28px;
	text-align: justify;
}
.about_constitute .about_conBox.mar_lnone{
	margin-left: 0;
}
.about_certificate{
	padding-bottom: 25px;
}
.about_certificate .about_cerBox{
	width: 150px;
	float: left;
	margin-left: 110px;
	margin-bottom: 35px;
}
.about_certificate .about_cerBox p{
	width: 150px;
	height: 210px;
	font-size: 0;
	overflow: hidden;
}
.about_certificate .about_cerBox span{
	font-size: 14px;
	color: #515f74;
	display: block;
	text-align: center;
	margin-top: 22px;
}
.about_certificate .about_cerList{
	margin-top: 45px;
	width: 1310px;
	margin-left: -110px;
	padding-bottom: 35px;
}
.about_contactWay{
	border-top: 1px solid #dde1e9;
	text-align: center;
	padding: 90px 0;
}
.about_contactWay .about_address{
	display: inline-block;
	font-size: 14px;
	color: #9ea8b7;
	background: url(../images/about_zimg6.png) no-repeat center left;
	line-height: 16px;
	padding-left: 20px;
	margin-bottom: 18px;
}
.about_contactWay p{
	font-size: 28px;
	color: #0f61de;
	font-weight: bold;
	padding-bottom: 22px;
}
.about_contactWay span{
	font-size: 14px;
	color: #9ea8b7;
}
.about_contactWay .about_tel{
	padding-top: 45px;
}
.about_contactWay .about_tel,
.about_contactWay .about_tel b{
	font-size: 20px;
	color: #26a5fb;
	font-weight: bold;
}
.about_contactWay .about_tel b{
	padding-left: 30px;
	margin-left: 5px;
	background: url(../images/about_zimg7.png) no-repeat center left;
}
.about_contactWay .about_way{
	margin-top: 45px;
	font-size: 0;
}
.about_contactWay .about_way a{
	display: inline-block;
	width: 146px;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	color: #fff;
	text-indent: 57px;
	text-align: left;
	border-radius: 4px;
	margin: 0 10px;
}
.about_contactWay .about_way .online{
	background: #0f61de url(../images/about_zimg8.png) no-repeat 35px center;
}
.about_contactWay .about_way .wechat{
	background: #12c13f url(../images/contact_qq.png) no-repeat 35px center;
}
.industry_imgs {
}
.industry_imgs .bor{
	border: 1px solid #dde1e9;
	border-radius: 4px;
	margin-top: 45px;
	padding: 45px 0;
}
.industry_imgs ul li{
	font-size: 0;
	float: left;
}

/* 关于我们 end */
/* 产品 begin */
.produce_trait .produce_traitBox.mar_lnone{
	margin-left: 0;
}
.produce_trait .produce_traitBox{
	float: left;
	width: 380px;
	height: 230px;
	box-shadow: 4px 0 32px rgba(220,228,238,0.56);
	margin-left: 30px;
	border-radius: 4px;
}
.produce_trait .produce_traitBox p{
	font-size: 0;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 25px;
}
.produce_trait .produce_traitBox span{
	font-size: 18px;
    color: #0b1732;
    font-weight: bold;
    display: block;
    text-align: center;
}
.produce_trait .produce_traitBox em{
	width: 285px;
	margin: 0 auto;
	font-size: 14px;
    color: #97a4b7;
    line-height: 28px;
    display: block;
	margin-top: 14px;
	font-size: 14px;
    color: #97a4b7;
    line-height: 28px;
    display: block;
}
.produce_mess{
	padding: 270px 0;
	position: relative;
	overflow: hidden;
}
.produce_mess .produce_messTxt h2{
	font-size: 26px;
	color: #0f61de;
	font-weight: bold;
	/* padding-top: 90px; */
}
.produce_mess .produce_messTxt .mess{
	font-size: 14px;
	width: 600px;
	line-height: 28px;
	color: #97a4b7;
	margin-top: 21px;
	text-align: justify;
}
.produce_mess .produce_messTxt ul{
	padding-top: 50px;
}
.produce_mess .produce_messTxt ul li{
	float: left;
	width: 250px;
}
.produce_mess .produce_messTxt ul li p{
	font-size: 18px;
	color: #26a5fb;
	font-weight: bold;
}
.produce_mess .produce_messTxt ul li em{
	font-size: 14px;
	color: #97a4b7;
	line-height: 28px;
	width: 190px;
	display: block;
	margin-top: 13px;
	text-align: justify;
}
.produce_mess .produce_messTxt .more{
	width: 124px;
	height: 40px;
	line-height: 40px;
	background: #0f61de url(../images/produce_img1.png) no-repeat 23px center;
	display: block;
	border-radius: 4px;
	text-indent: 44px;
	color: #fff;
	font-size: 14px;
	margin-top: 63px;
}
.produce_mess .produce_img{
	font-size: 0;
	position: absolute;
	width: 760px;
	overflow: hidden;
	right: 0;
	top: 175px;
	box-shadow: 7px 0 38px #dce4ee;
}
/* 产品 end */

/* 产品轮播开始 */
.product-piece {
	margin-top: 70px;
	padding: 0 0 70px;
	border-top: 1px solid #dde1e9;
}
.product-piece .piece3 {
	position: relative;
}
.product-piece .service_tit {
	margin-bottom: 45px;
}
.product-piece .piece3 .d3-swiper {
	overflow: hidden;
}
.product-piece .piece3 .d3-swiper .piece3-swiper-container {
	margin-left: -275px;
}
.product-piece .swiper-button-prev,
.product-piece .swiper-button-next {
	width: 18px;
	height: 32px;
	background: url(../images/product-left-arrow.png) no-repeat center;
	margin-top: -16px;
	left: -90px;
}
.product-piece .swiper-button-next {
	background: url(../images/product-right-arrow.png) no-repeat center;
	left: inherit;
	right: -90px
}
.piece3-swiper-container {
	text-align: center;
	width: 1750px;
}
.d3-swiper {
	position: relative
}
.piece3 .swiper-container .swiper-slide.swiper-slide-prev,
.piece3 .swiper-container .swiper-slide.swiper-slide-next {
	opacity: 0.72;
}
.piece3 .swiper-container .swiper-slide.swiper-slide-active{
	opacity: 1;
}
.piece3 .swiper-container .swiper-slide {
	opacity: 0
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: none !important;
}
/* 产品轮播结束 */
.float_model{
	position: fixed;
	right: 0;
	z-index: 99;
	top: 50%;
	-webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    transform:translate(0%,-50%);
}
#myfirstchart{
	height: 400px;
}
.float_model .win{
	width: 140px;
	height: 140px;
	font-size: 0;
	position: absolute;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.07);
	top: 5px;
	right: -142px;
	border-radius: 0px;
	transition: right .3s;
	z-index: -1;
}
.float_model .win em{
	width: 140px;
	height: 140px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.float_model .wechat span:hover + .win{
	right: 60px;
	transition: right .3s;
}
.float_model li{
	width: 44px;
	height: 44px;
	font-size: 0;
	text-align: center;
	background: #1965db;
	color: #fff;
	border-radius: 4px;
	margin: 4px 0;
	cursor: pointer;
}
.float_model .refer{
	font-size: 14px;
	line-height: 44px;
}
.float_model li span{
	display: table-cell;
	vertical-align: middle;
	width: 44px;
	height: 44px;
	font-size: 0;
	text-align: center;
}
#model_contact{
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	background: #fff;
	z-index: 999;
	right: -311px;
	box-shadow: 0 0 11px rgba(230,235,244,0.56);
}
#model_contact .or{
	font-size: 30px;
	color: #9ea8b7;
	font-weight: bold;
	font-family: 'montserrat';
	text-align: center;
	margin-bottom: 40px;
	margin-top: 35px;
}
#model_contact .target{
	width: 150px;
	height: 38px;
	text-indent: 63px;
	font-size: 14px;
	color: #1965db;
	background: url(../images/model_comm.png) no-repeat 35px center;
	margin: 0 auto;
	display: block;
	border: 1px solid #1965db;
	line-height: 38px;
	border-radius: 4px;
}
#model_contact .close{
	background: url(../images/model_close.png) no-repeat center;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 22px;
	right: 22px;
	cursor: pointer;
}
#model_contact .tel_img{
	font-size: 0;
	text-align: center;
	/* padding-top: 135px; */
}
#model_contact .model_cen{
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    transform:translate(0%,-50%);
}
#model_contact p{
	font-size: 15px;
	color: #9ea8b7;
	text-align: center;
	margin-top: 35px;
}
#model_contact h2{
	font-size: 30px;
	color: #1965db;
	font-family: 'montserrat';
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
#model_contact form{
	margin: 0 32px;
	border-top: 1px solid #dbe0e8;
	padding-top: 55px;
	margin-top: 55px;
}
#model_contact form em{
	font-size: 20px;
	color: #0b1732;
	font-weight: bold;
}
#model_contact form ul{
	padding-top: 25px;
}
#model_contact form li{
	margin-bottom: 20px;
}
#model_contact form input,
#model_contact form textarea{
	width: 100%;
	height: 38px;
	border: 1px solid #c3cad9;
	border-radius: 4px;
	font-size: 14px;
	color: #9ea8b7;
	padding: 0 15px;
	box-sizing: border-box;
}
#model_contact form textarea{
	height: 98px;
	line-height: 24px;
	padding: 8px 15px;
}
#model_contact form input[type="button"]{
	background: #1965db;
	color: #fff;
	border-color: #1965db;
	cursor: pointer;
}
@media all and (max-width: 1480px) {
	.product-piece .swiper-button-prev {
		left: -55px;
	}
	.product-piece .swiper-button-next {
		right: -55px;
	}
}
@media all and (max-width: 1366px) {
	.product-piece .swiper-button-prev {
		left: -25px;
	}
	.product-piece .swiper-button-next {
		right: -25px;
	}
}
@media all and (max-width: 1280px) {
	.product-piece .swiper-button-prev {
		left: -15px;
	}
	.product-piece .swiper-button-next {
		right: -15px;
	}
}
@media (max-height: 768px) {
	#model_contact .tel_img{
	}
	#model_contact form{
		padding-top: 20px;
    	margin-top: 20px;
	}
	#model_contact .or{
		margin-bottom: 20px;
		margin-top: 15px;
	}
	#model_contact p{
		margin-top: 25px;
	}
	#model_contact form li{
		margin-bottom: 15px;
	}
	#model_contact form ul{
		padding-top: 20px;
	}
}

/*2020-5-8*/
.carousel li a{
	height: 500px;
	width: 100%;
	display: block;
	background-size: cover; 
  }
  .carouselWarp {
	  position: relative;
	  width: 100%;
	  height: 500px;
  }
  .carouselWarp .carousel {
	position: relative;
	height: 100%;
  }
  .carouselWarp .carousel li {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
  }
  .carouselWarp .carousel .this {
	display: block;
	left: 0;
  }
  .carouselWarp .carousel-ind {
	bottom: 20px;
	  margin: auto;
	  font-size: 0;
	  left: 0;
	  right: 0;
	  position: absolute;
	  text-align: center;
  }
  .carouselWarp .carousel-ind li {
	width: 11px;
	height: 11px;
	background: none;
	opacity: 1;
	margin: 0 6px;
	border: 1px solid #8a8a8a;
	border: 1px solid rgba(255,255,255,0.46);
	display: inline-block;
	text-indent: 999em;
	overflow: hidden;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
  }
  .carouselWarp .carousel-ind .this {
	border-color: #1965db;
  }
  .carouselWarp .carousel-ind .this:after,.carouselWarp .carousel-ind .this after{
	content: '';
	width: 7px;
	height: 7px;
	background: #1965db;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
  }
  .service_processbox:nth-child(5),
  .service_processbox:nth-child(6),
  .service_processbox:nth-child(7),
  .service_processbox:nth-child(8) {
	  margin-top: 30px;
  }