@charset "utf-8";
body {
	min-width: 1200px;
	background-color: #FFFFFF;
}

.selfScale {
	display: block;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.selfScale img {
	position: relative;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

.selfScale img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

button,
input,
select {
	border: 0;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.header{
	position: relative;
	background-color: #FFFFFF;
	height: 90px;
	width: 100%;
	z-index: 999;
}
.header .main{
	height: 90px;
}
.logo{
	float: left;
	padding: 15px 0;
}
.header .nav{
	float: left;
	height: 90px;
	margin-left:30px;
}
.header .nav>li{
	position: relative;
	float: left;
	margin-left: 20px;
}
.header .nav>li>a{
	display: block;
	padding:0;
	margin:0x;
	line-height:90px;
	min-width:100px;
	color: #454545;
	text-align: center;
}
.header .nav>li.active>a,
.header .nav>li:hover>a{
	background-color: #d4090f;
	color: #FFFFFF;
}
.sub-nav{
	display: none;
	position: absolute;
	width: 100%;
	top: 100%;
	text-align: center;
	background-color: #d4090f;
}
.sub-nav li{
	border-top: 1px solid #FFFFFF;
}
.sub-nav li a{
	display: block;
	color: #FFF;
	line-height: 36px;
}
.header .nav>li:hover .sub-nav{
	display: block;
}
.tel-box{
	float: right;
	color: #d8282e;
	margin-top: 26px;
	font-weight: bold;
	font-size: 26px;
	background: url(../images/dianhua.png) left center no-repeat;
	padding-left: 60px;
}

.swiper-banner{
	height: 580px;
}
.swiper-banner .swiper-slide{
	background-repeat: no-repeat;
	height: 580px;
	background-position: center;
}
.swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	opacity: 1;
	background-color: #FFFFFF;
}
.swiper-pagination-bullet-active{
	width:32px;
	border-radius: 22px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 30px;
}









.main {
	margin: 0 auto;
	width: 1200px;
}
.section{
	background-color: #F9F9F9;
	padding: 70px 0;
}
.sec-header{
	text-align: center;
	margin-bottom: 70px;
}

.sec-header2{
	margin-bottom: 20px;
}

.sec-header h3{
	font-size: 32px;
	margin-bottom: 20px;
}
.sec-header p{
	color: #686868;
	font-size: 16px;
}
.tudo-box{
	overflow: hidden;
	width: 585px;
	border-radius: 10px;
	background-color: #FFF;
}
.tudolist{
	margin: 0 -15px;
}
.tudolist li{
	float: left;
	padding: 15px;
}
.tu-photo{
	overflow: hidden;
}
.tu-grid{
	padding: 20px 15px;
}
.tu-grid h3{
	font-size: 20px;
	margin-bottom: 10px;
}
.tu-grid p{
	color: #777777;
	line-height: 2;
	font-size: 15px;
}
.sec-foot{
	text-align: center;
}
.sec-foot{
	margin-top: 30px;
}
.sec-foot a{
	display: inline-block;
	width: 190px;
	height: 40px;
	background-color: #f32f35;
	border-radius: 30px;
	line-height: 40px;
	color: #FFF;
}
.adv-section{
	background: url(../images/advbg.jpg) center no-repeat;
	background-size: cover;
	padding-bottom: 40px;
}
.adv-section .sec-header h3{
	color: #FFF;
}
.adv-section .sec-header p{
	color: #FFF;
	opacity: .7;
	line-height: 2;
}
.adv-cells{
	border: 1px solid #656668;
}
.adv-item{
	position: relative;
	float: left;
	width:25%;
	height: 425px;
	color: #FFFFFF;
	overflow: hidden;
}
.adv-item::before{
	content: '  ';
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #656668;
}
.adv-item .inner{
	padding: 45px 15px;
}
.adv-item:last-child::before{
	display: none;
}
.adv-header h3{
	font-size: 18px;
	margin-bottom: 6px;
}
.adv-header p{
	font-size: 13px;
}
.adv-line{
	background-color: #d4090f;
	width: 44px;
	height: 4px;
	margin: 13px 0;
}
.adv-body{
	line-height: 2;
}
.adv-nn{
	position: absolute;
	font-size: 58px;
	font-weight: bold;
	right: 20px;
	bottom: 40px;
	line-height: 1;
	transition: .4s ease;
}
.adv-item::after{
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	bottom: -118px;
	left: 0;
	background: url(../images/adv_btm.png) no-repeat;
	background-size: 100% 100%;
	height: 118px;
	transition: .4s ease;
}
.adv-item:hover::after{
	bottom: 0;
}
.adv-item:hover .adv-nn{
	bottom: 110px;
}
.section-white{
	background-color: #FFFFFF;
}
.serve-cells{
	position: relative;
	height: 490px;
	background: url(../images/xiantiao.png) center bottom no-repeat;
}
.serve-box{
	position: absolute;
	width: 190px;
	min-height: 220px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 10px;
	background-color: #FFFFFF;
	text-align: center;
	box-shadow: 0 0 16px rgba(0,0,0,.1);
}
.serve-box p{
	font-size: 15px;
	color: #8d8d8d;
}
.serve-box h3,.serve-box h3 a{
	font-size: 18px;
	color: #000000;
	padding:8px 0;
}
.serve-box:nth-child(1){
	left: 40px;
	top: 80px;
}
.serve-box:nth-child(2){
	left: 340px;
	top: 0px;
}
.serve-box:nth-child(3){
	left: 680px;
	top: 20px;
}
.serve-box:nth-child(4){
	left: 1010px;
	top: 60px;
}
.form-section{
	position: relative;
	padding: 0;
	height: 300px;
	background: url(../images/formbg.jpg) center no-repeat;
}
.form-section .form-hd{
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 60px;
	margin-bottom: 30px;
}
.form-group{
	position: relative;
	float: left;
	background-color: #FFFFFF;
	width:300px;
	height: 40px;
	margin: 0 10px;
}
.form-group .input{
	width: 100%;
	text-indent: 15px;
	height: 40px;
}
.form-group img{
	position: absolute;
	right: 10px;
	top: 5px;
}
.form-bd{
	padding: 0 118px;
}
.form-button{
	text-align: center;
	margin-top: 50px;
}
.form-button button{
	cursor: pointer;
	width: 190px;
	height: 40px;
	background-color: #f32f35;
	border-radius: 30px;
	line-height: 40px;
	color: #FFF;
}
.footer{
	background-color: #313131;
}
.copyright{
	background-color: #252525;
	color: #959595;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 13px;
}
.copyright a{color: #959595;}
.footer .main{
	background-color: #313131;
	padding-top: 25px;
	height: 225px;
}
.end-logo{
	float: left;
	border-right: 1px solid #000000;
	padding:15px 15px 15px 0;
}
.foot-links{
	width: 580px;
	float: left;
	margin-left: 50px;
}
.foot-rt{
	width: 400px;
	float: right;
	overflow: hidden;
}
.wx-box{
	float: left;
	text-align: center;
	width: 126px;
	margin-right: 5px;
}
.wx-box img{
	width: 126px;
	height: 126px;
}
.wx-box p{
	color: #cdcdcd;
	font-size: 13px;
	margin-top: 10px;
}
.rt-info{
	float: left;
	line-height:1.7;
	font-size: 15px;
	color: #FFFFFF;
}
.foot-nav{
	float: left;
	margin-right: 50px;
}
.foot-nav a{
	color: #FFFFFF;
}
.foot-nav dt{
	margin-bottom: 10px;
}
.foot-nav dt a{
	font-size: 15px;
}
.foot-nav dd a{
	font-size: 13px;
	color: #cdcdcd;
	line-height: 190%;
}
.meiti-content {
    overflow: hidden;
    margin: 40px auto 0 auto;
    padding: 0;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff;
	border-bottom: 0;
}

.meiti-pic{float:left;width:100%;border-bottom:1px solid #eee;}
.meiti-pic.margin{float:left;width:100%;border-bottom:0;}
.meiti-pic li{position:relative;float:left;margin-left:-1px;padding:0;width:20%;height:120px;border-right:1px solid #eee;text-align:center;}
.meiti-pic li.margin{margin-left:0;border-right:0;}
.meiti-more{position:absolute;top:0;left:0;display:none;margin:0 auto;padding:44px 0;width:100%;height:32px;background:url(../images/meiti-more.png) repeat;}
.meiti-pic li:hover .meiti-more{display:block;}
.meiti-more a{margin-top:25%;padding:8px 25px;height:16px;border-radius:32px;background:-webkit-linear-gradient(left,#ff6a00,#ff9c00);background:-o-linear-gradient(left,#ff6a00,#ff9c00);background:linear-gradient(to right,#ff6a00,#ff9c00);color:#fff;line-height:16px;}
.meiti-more a:active,.meiti-more a:hover{background:-o-linear-gradient(left,#ff7615,#ffa61b);background:linear-gradient(to right,#ff7615,#ffa61b);box-shadow:0 3px 15px 0 rgba(0,0,0,.1);}
.tab-tit{
	text-align: center;
}
.tab-tit li{display:inline-block;margin:20px 20px 0;width:110px;height:36px;color:#666;text-align:center;line-height:36px;cursor:pointer;}
.tab-tit li.on{border-radius:5px;background:#f32f35;color:#fff;}

.mt-slide .bzjx-list ul{overflow:hidden;margin-left:-30px;}
.mt-slide .bzjx-list ul li{float:left;margin:35px 0 0 30px;width:380px;border-bottom:1px solid #ddd;}
.mt-slide .bzjx-list ul{padding-bottom:50px;}
.mt-slide .bzjx-list ul li .pic{float:left;}
.mt-slide .bzjx-list ul li .pic img{width:100px;height:100px;border-radius:50%;}
.mt-slide .bzjx-list ul li .text{overflow:hidden;padding-left:10px;}
.mt-slide .bzjx-list ul li .text .title{color:#666;font-size:16px;}
.mt-slide .bzjx-list ul li .text .title img{margin-left:5px;vertical-align:middle;}
.mt-slide .bzjx-list ul li .text p{margin-top:8px;color:#999;font-size:14px;height: 75px;overflow: hidden;}
.mt-slide .bzjx-list ul li .bottom{overflow:hidden;padding:20px 0 15px;}
.mt-slide .bzjx-list ul li .bottom dl{float:left;margin:0 25px;color:#999;}
.mt-slide .bzjx-list ul li .bottom dl dt{margin-bottom:3px;color:#c60a00;font-size:16px;}
.mt-slide .bzjx-list .btn{text-align:center;}
.mt-slide .bzjx-list .btn a,.mt-slide .bzjx-list ul li .bottom a{display:inline-block;width:98px;height:38px;border:1px solid #ddd;border-radius:6px;color:#999;text-align:center;line-height:38px;}
.mt-slide .bzjx-list .btn a{width:158px;height:44px;font-size:16px;line-height:44px;}
.mt-slide .bzjx-list .btn a:hover,.mt-slide .bzjx-list ul li .bottom a:hover{border:1px solid #5185ff;background:#5185ff;color:#fff;}
.mt-slide .bzjx-list ul li .bottom a{border-radius:30px;}


.index_client_list_item .icli_logo_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: 1px solid #dbdbdb;
    height: 120px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.index_case_content_icon>li.on, 
.index_client_list_item .icli_logo_inner:hover {
    border-color: #e6212a;
}
.index_client_list_item .icli_logo_inner h6 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background: #e6212a;
    color: #fff;
    margin: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.index_banner:hover .index_banner_arrow, 
.index_client_list_item .icli_logo_inner:hover h6 {
    visibility: visible;
    opacity: 1;
}
.index_client_list_item{
	position: relative;
}
.picList{
	overflow: hidden;
	margin: 0 -7px;
}
.picList li{
	float: left;
	padding: 7px;
}
.picList li .icli_logo{
	width: 224px;
	background-color: #FFF;
}
.index_client_list_item .next,
.index_client_list_item .prev{
	display: block;
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #e6212a;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.index_client_list_item .next{
	right: -70px;
	background-image: url(../images/next.png);
}
.index_client_list_item .prev{
	left: -70px;
	background-image: url(../images/prev.png);
}
.index_client_list_item .next:hover{
	background-image: url(../images/next_on.png);
}
.index_client_list_item .prev:hover{
	background-image: url(../images/prev_on.png);
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.index_case_content_icon>li {
    position: relative;
    cursor: pointer;
    margin: 0 7.5px;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1);
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
}
.index_case_content_icon>li.on, 
.index_client_list_item .icli_logo_inner:hover {
    border-color: #e6212a;
}
.index_case_content_title {
    text-align: center;
    margin: 22px 0 30px;
    font-size: 20px;
    line-height: 1;
}
b, strong {
    font-weight: bolder;
}
.index_case_content_title>span, .index_media_marketing_body .immb_content_items_title {
    font-size: 16px;
}
.index_case_content_desc {
    font-size: 14px;
    color: #686974;
    text-align: center;
}
.index_case_content_logo {
    position: relative;
    text-align: center;
}
.index_case_content_logo:after {
    content: "";
    display: block;
    width: 41px;
    height: 4px;
    margin: 23px auto 0;
    background: #e6212a;
}
.index_case_content_meta {
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
}
.index_case_content_meta>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1;
}
.index_case_content_meta .iccm_num {
    font-size: 40px;
    color: #e6212a;
    font-weight: 700;
}
.index_case_content_meta .iccm_title {
    color: #838aa2;
    font-size: 14px;
    margin-left: 20px;
}
.index_case_content_meta .iccm_tag {
    background: #e6212a;
    color: #fff;
    height: 39px;
    line-height: 39px;
    font-size: 17px;
    padding: 0 26px;
    border-radius: 20px;
}
.case-slide .bd{
	height: 380px;
}
.hover-on{
	display: none;
}
.index_case_content_icon li.on .icci_icon{
	display: none;
}
.index_case_content_icon li.on .hover-on{
	display: inline-block;
}

/*内页*/
.zi-banner{text-align: center;}
/*软文营销*/
.shuoming {

}
.shuoming .rwimg{ width:460px;float: left;}
.shuoming img {
    transition: all 0.6;
}

.shuoming img:hover {
    transform: scale(1.2);
}

.shuoming .rwtxt {
    width: 700px;
    float: right;
    margin-top: 30px;
    
}
.shuoming .rwtxt p{font-size: 16px;
    line-height: 30px;
    color: #565656;}

.main .rwtg-list{overflow:hidden;margin-left:-28px;}
.main .rwtg-list li{float:left;margin:20px 0 0 93px;width:520px;height:140px;}
.main .rwtg-list li .box{position:relative;padding:20px 58px 0 68px;height:120px;border-radius:6px;background:#f8f9fb;}
.main .rwtg-list li:first-child .box{background:#5185ff;}
.main .rwtg-list li .box .title{color:#444;font-size:16px;}
.main .rwtg-list li .box .des{overflow:hidden;margin-top:10px;height:66px;color:#999;font-size:14px;line-height:22px;}
.main .rwtg-list li:first-child .box .title, .main .rwtg-list li:first-child .box .des{color:#fff;}
.main .rwtg-list li .box .icon{position:absolute;top:50%;left:-50px;margin-top:-50px;width:100px;height:100px;}
.main .rwtg-list li .box .icon01{background:url(../images/rwtgicon01.png) no-repeat left center;}
.main .rwtg-list li .box .icon02{background:url(../images/rwtg-icon02.png) no-repeat left center;}
.main .rwtg-list li .box .icon03{background:url(../images/rwtg-icon03.png) no-repeat left center;}
.main .rwtg-list li .box .icon04{background:url(../images/rwtg-icon04.png) no-repeat left center;}
.main .rwtg-list li .box .icon05{background:url(../images/rwtg-icon05.png) no-repeat left center;}
.main .rwtg-list li .box .icon06{background:url(../images/rwtg-icon06.png) no-repeat left center;}
.main .rwtg-list li:hover .box{background:#5185ff;}
.main .rwtg-list li:hover .box .des,.main .rwtg-list li:hover .box .title{color:#fff;}
.main .rwtg-list li:hover .box .icon01{background:url(../images/rwtgicon01.png) no-repeat left center;}
.main .rwtg-list li:hover .box .icon02{background:url(../images/rwtgicon02.png) no-repeat left center;}
.main .rwtg-list li:hover .box .icon03{background:url(../images/rwtgicon03.png) no-repeat left center;}
.main .rwtg-list li:hover .box .icon04{background:url(../images/rwtgicon04.png) no-repeat left center;}
.main .rwtg-list li:hover .box .icon05{background:url(../images/rwtgicon05.png) no-repeat left center;}
.main .rwtg-list li:hover .box .icon06{background:url(../images/rwtgicon06.png) no-repeat left center;}

.maqtop{ margin-top:60px;}

.main .list3box-main{overflow: hidden;padding-top: 50px;}
.main .list3box-main li{width: 33.3333%;float: left;text-align: center;}
.main .list3box-main li p{color: #444;font-size: 16px;margin-top: 12px;}
.main .list3box-main li:hover img{    opacity:0.5;    -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);    filter: grayscale(100%);    filter:gray;}

.fs14{font-size:14px!important;background-image:url(../images/4-bg.png);background-position:center bottom;background-repeat:no-repeat}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
.box-4__list{}
.box-4__list>ul{position:relative;height:560px}
.box-4__list li{position:absolute;background:#fff;width:128px;height:282px;text-align:center;padding:24px 40px;border:1px solid #e5e5e5}
.box-4__list li p{margin-bottom:10px}
.box-4__list li._1{bottom:124px}
.box-4__list li._2{left:245px;bottom:205px}
.box-4__list li._3{left:494px;bottom:160px}
.box-4__list li._4{right:251px;bottom:226px}
.box-4__list li._5{right:0;bottom:165px}
.box-4__list li h4{position:relative;color:#121212;font-size:18px;margin:20px 0 18px;padding-bottom:18px;line-height:1}
.box-4__list li h4:after{content:" ";position:absolute;bottom:0;left:50%;width:28px;height:1px;margin-left:-14px;background:#e5e5e5}
.box-4__list li ._desc{position:absolute;bottom:20px;left:40px;right:40px;color:#999;margin-top:20px}
.box-4__list li:hover ._link{visibility:visible;opacity:1}
.box-4__list li ._link{visibility:hidden;opacity:0;position:absolute;z-index:6;top:0;left:0;right:0;bottom:0;line-height:330px;background:rgba(255,255,255,.8);-webkit-transition:all .3s;transition:all .3s}
.box-4__list li ._link a{display:inline-block;padding:12px 30px;line-height:1;-webkit-border-radius:4px;border-radius:4px;background:#e62233;color:#fff}

.box-case__nav{float:left;width:165px;padding-right:55px}
.box-case__nav>ul{position:relative}
.box-case__nav>ul:after{content:" ";position:absolute;z-index:1;top:10px;right:0;bottom:10px;border-right:1px solid #e6e6e6}
.box-case__nav>ul>li{cursor:pointer;position:relative;font-size:18px;margin-bottom:59px}
.box-case__nav>ul>li:before{display:none;content:" ";position:absolute;top:8px;right:-3px;z-index:3;width:8px;height:8px;background:#e62233;-webkit-border-radius:50%;border-radius:50%}
.box-case__nav>ul>li:after{content:" ";position:absolute;z-index:2;right:-6px;top:5px;width:14px;height:14px;background:#f7f7f7;border:1px solid #cdcdcd;-webkit-border-radius:50%;border-radius:50%}
.box-case__nav>ul>li.on{color:#e62233}
.box-case__nav>ul>li.on:before{display:block}
.box-case__nav>ul>li.on:after{border-color:#e62233}
.box-case__con{overflow:hidden;background:#fff}
.box-case__con .item{padding:25px}
.box-case__con .item>div{float:left;width:50%}
.box-case__con .item>div:last-child{padding-top:3%}
.box-case__con .item dl{position:relative;padding-left:80px;margin-top:24px}
.box-case__con .item dl dt{position:absolute;left:0;top:0}
.box-case__con .item dl dd._logo{text-align:center}
.box-case__con .item dl dd._logo a{text-decoration:underline;color:#e62233}
.box-case__con .item dl dd._logo>div{float:left;width:33.333333%}


.box-5-con-1{position:relative;background:url(../images/news_p6.png) no-repeat 50%;height:222px}
.box-5-con-1 li{position:absolute;font-size:16px}
.box-5-con-1 .z1{left:140px;top:25px}
.box-5-con-1 .z2{bottom:25px;left:305px}
.box-5-con-1 .z3{top:25px;left:465px}
.box-5-con-1 .z4{bottom:25px;left:640px}
.box-5-con-1 .z5{top:25px;left:805px}
.box-5-con-1 .z6{bottom:25px;left:955px}


/*微信营销*/

.W0_01{overflow:hidden;}
.W0_01 li{float:left;width:315px;height:300px; margin: 0 40px; text-align:center;}
.W0_01 li h2{font-size:20px;color:#333;line-height:62px;padding-top:12px; font-weight: bold;}
.W0_01 li p{text-align:center;font-size:14px;line-height:28px;}

.c_1170_3{ clear: both;}
.c_1170_3 .tit_1{ background-image:url(../images/bg_1_h.png);}
.c_1170_3 .tit_1 h5{ color:#fff;}
.c_1170_3 .tit_2 h4{ color:#2e2e2e;}
.c_1170_3 .tit_2 h3{ color:#2e2e2e;}
.c_1170_3 ul{}
.c_1170_3 ul li{ width:33.333%; float:left;}
.c_1170_3 ul li .img{ width:100%; float:left; height:280px; position:relative; overflow:hidden; z-index:3;}
.c_1170_3 ul li .img img{ width:100%;}
.c_1170_3 ul li .img .ico{ background:url(../images/ico_03_4.png) no-repeat center; width:49px; height:21px; position:absolute; right:22px; top:0; background-size:contain; z-index:2;}
.c_1170_3 ul li .text{ width:352px; float:left; position:relative; height:280px; padding:27px 24px; background:#fff; z-index:5;}
.c_1170_3 ul li .text .ico{ position:absolute; right:0; bottom:0; width:110px;}
.c_1170_3 ul li.l2 .text .ico{ width:90px;}
.c_1170_3 ul li .text h4{ width:100%; float:left; font-size:24px; color:#474747; line-height:36px; font-weight:bold;}
.c_1170_3 ul li .text h5{ width:100%; float:left; margin-top: 8px; font-size:15px; color:#888; line-height:25px; text-transform:uppercase; font-family: 'Microsoft yahei';}
.c_1170_3 ul li .text .p{ width:100%; float:left; margin-top:7px; font-size:16px; color:white; line-height:30px;}
.c_1170_3 ul li .text .p .name{ float:left;}
.c_1170_3 ul li .text .p .p_1{ margin-left:83px; font-size:14px;}
.c_1170_3 ul li.l1 .img .ico{ top:auto; bottom:0; background-image:url(../images/ico_03_5.png);}


.bg_5{ background:#d52f3f; position:relative;}
.bg_6{ background: #f5f5f5;; width:100%; float:left; margin-top: 100px;}
.ul_2{ width:100%; float:left; display:flex; flex-direction:row; flex-wrap:wrap; margin-top: -113px;}
.ul_2 li{ width:25%; float:left; padding:0 15px; text-align:center;}
.ul_2 li .zbox{ width:100%; float:left;}
.ul_2 li .zbox .title{ width:100%; float:left; text-align:center; position:relative; padding-bottom:42px;}
.ul_2 li .zbox .title span{ display:block; width:14px; height:14px; background:white; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; box-shadow:0 7px 9px rgba(0,0,0,0.18); position:absolute; left:50%; bottom:0; margin-left:-7px;}
.ul_2 li .zbox h3{ width:100%; float:left; margin-top:18px; font-size:24px; color:#3C3C3C; line-height:42px; font-weight:bold;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
.ul_2 li .zbox h5{ width:100%; float:left; margin-top:20px; font-size:15px; color:#686868; line-height:30px; height:60px; overflow:hidden;}
.ul_2 li .zbox h6{ width:100%; float:left; margin-top:5px; font-size:12px; color:#686868; line-height:18px; height:36px; overflow:hidden;}
.ul_2 li .zbox .img{ width:100%; float:left; margin-top:17px; overflow:hidden;
	-webkit-box-shadow: 0 6px 9px rgba(0,0,0,0.21);
	-moz-box-shadow: 0 6px 9px rgba(0,0,0,0.21);
	-o-box-shadow: 0 6px 9px rgba(0,0,0,0.21);
	box-shadow: 0 6px 9px rgba(0,0,0,0.21);
}
.ul_2 li .zbox .img img{ width:100%; float:left;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
.ul_2 li .zbox:hover .img img{ width:100%; float:left;
		 transition: all 1s linear;
	-moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.ul_2 li .zbox:hover .img img{transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09);}
.ul_2 li .zbox:hover h3{ color:#000;}



.page-tab-nav{text-align:center;margin-bottom:30px}
.page-tab-nav li{cursor:pointer;display:inline-block;font-size:14px;line-height:1;-webkit-border-radius:5px;border-radius:5px;padding:12px 30px;margin:0 10px}
.page-tab-nav li.on{background-color:#e62233;color:#fff}
.page-title{position:relative;text-align:center;margin-bottom:36px}
.page-title:after{content:" ";position:absolute;bottom:0;left:50%;width:42px;height:1px;margin-left:-21px;background:#e62233}
.page-title h3{color:#121212;font-size:28px;margin:0;padding:0 0 24px;line-height:1}
.page-title__info{color:#666;padding-bottom:18px}

.box-2-con-1{position:relative;height:544px;background:url(../images/wechat_2.jpg) no-repeat 50%}
.box-2-con-1 .b1,.box-2-con-1 .b2,.box-2-con-1 .b3,.box-2-con-1 .b4{position:absolute}
.box-2-con-1 .b1{left:50px;top:78px}
.box-2-con-1 .b2{left:50px;top:360px}
.box-2-con-1 .b3{right:58px;top:78px}
.box-2-con-1 .b4{right:60px;top:360px}
.box-2-con-2{text-align:center;margin-top:-10px}
.box-2-con-2 li{float:left;width:33.333%;font-size:20px;padding:50px 0 15px;color:#121212}
.box-2-con-2 li:hover i{border-color:#e62233;background:#e62233;color:#fff}
.box-2-con-2 li:hover i._1:after{background-position:0 -150px}
.box-2-con-2 li:hover i._2:after{background-position:0 -350px}
.box-2-con-2 li:hover i._3:after{background-position:0 -250px}
.box-2-con-2 li:hover i._4:after{background-position:0 -500px}
.box-2-con-2 li:hover i._5:after{background-position:0 -50px}
.box-2-con-2 li:hover i._6:after{background-position:0 -550px}
.box-2-con-2 li i{position:relative;display:inline-block;font-size:56px;border:2px solid #333;width:116px;height:116px;line-height:116px;-webkit-border-radius:50%;border-radius:50%;margin-bottom:15px;-webkit-transition:all .2s linear;transition:all .2s linear}
.box-2-con-2 li i:after{content:" ";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-23px;background:url(../images/box-2-icon.png)}
.box-2-con-2 li i._1:after{background-position:0 -200px}
.box-2-con-2 li i._2:after{background-position:0 -400px}
.box-2-con-2 li i._3:after{background-position:0 0}
.box-2-con-2 li i._4:after{background-position:0 -450px}
.box-2-con-2 li i._5:after{background-position:0 -100px}
.box-2-con-2 li i._6:after{background-position:0 -300px}
.box-2-con-2 li p{font-size:14px;line-height:22px;color:#333;margin-top:10px}
.fs15{font-size:14px!important;}
.w60h60{width:60px;height:60px;}


/*服务流程*/
.dBox{}
.dBox ul{ float: left; width: 100%;}
.dBox ul li{ float: left; width: 32.333333%; padding:10px 6px 0 6px; }
.dBox ul li a{ float: left; width: 100%; border: #ebebeb solid 1px; background: #f8f8f8; padding: 20px 20px 0 20px; }
.dBox ul li a:hover{ background: #ff7820; border-color: #ff7820;}
.dBox ul li a .sLeft{ float: left; width:100%; height: 177px; padding: 0 0px 0  0; position: relative; }
.dBox ul li a .sLeft .sTit{ padding: 22px 0 22px 0; color: #383838; font-size: 18px; font-weight: bold; line-height: 1.11;}
.dBox ul li a:hover .sLeft .sTit{ color: #fff;}
.dBox ul li a .sLeft .sText{ color: #7d7d7d; font-size: 14px; line-height: 1.42; }
.dBox ul li a:hover .sLeft .sText{ color: #fff;}
.dBox ul li a .sRight{ position: absolute; width: 66px; right: 20px; top: 0;}
.dBox ul li a .sRight .sRPic{ width: 54px; margin: 0 0 0 6px; line-height: 0;}
.dBox ul li a .sRight .sRPic .imgs{}
.dBox ul li a .sRight .sRPic .imgd{ display: none;}
.dBox ul li a:hover .sRight .sRPic .imgs{ display: none;}
.dBox ul li a:hover .sRight .sRPic .imgd{display: block;}
.dBox ul li a .sRight .sRCount{  margin: 90px 0 0 0; height: 34px;}
.dBox ul li a .sRight .sRCount .imgs{}
.dBox ul li a .sRight .sRCount .imgd{ display: none;}
.dBox ul li a:hover .sRight .sRCount .imgs{ display: none;}
.dBox ul li a:hover .sRight .sRCount .imgd{display: block;}



.outBox .bd .inHd ul {
	display: flex;
	justify-content: center
}

.outBox .bd .inHd ul li {
	position: relative;
	margin-right: 15px;
	display: inline-block;
	font-size: 0
}

.outBox .bd .inHd ul li:last-child {
	margin-right: 0
}

.outBox .bd .inHd ul li:after {
	display: none;
	content: 'hi';
	position: absolute;
	left: 50%;
	bottom: 0;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	background-color: #fff;
	-webkit-transform: translate3d(-50%,50%,0) rotate(-45deg);
	transform: translate3d(-50%,50%,0) rotate(-45deg);
	border-left: 2px solid #f32f35;
	border-bottom: 2px solid #f32f35;
	border-bottom-left-radius: 4px;
	z-index: 1;
}

.outBox .bd .inHd ul li a {
	display: inline-block;
	box-sizing: border-box;
	width: 132px;
	height: 132px;
	padding: 24px 0;
	color: #68779c;
	background-color: #fff;
	text-align: center;
	overflow: hidden;
	border-radius: 8px;
	transition: none;
	border: 2px solid rgba(44,114,255,.1);
	box-shadow: 0 3px 16px rgba(0,116,255,.05);
	font-size: 16px
}

.outBox .bd .inHd ul li .source_sprite {
	margin-bottom: 8px;
	display: inline-block;
	width: 52px;
	height: 52px;
	background-image: url(../images/source_sprite.png);
	background-size: 204px auto;
	background-repeat: no-repeat
}

.outBox .bd .inHd ul li .f-brand {
	margin-bottom: 8px;
	display: inline-block;
	width: 52px;
	height: 52px;
	background-image: url(../images/source_sprite.png);
	background-size: 204px auto;
	background-repeat: no-repeat
}

.outBox .bd .inHd ul li .f-shop {
	margin-bottom: 8px;
	display: inline-block;
	width: 52px;
	height: 52px;
	background-image: url(../images/source_sprite.png);
	background-size: 204px auto;
	background-repeat: no-repeat;
	background-position: -50px 0
}

.outBox .bd .inHd ul li .f-info {
	margin-bottom: 8px;
	display: inline-block;
	width: 52px;
	height: 52px;
	background-image: url(../images/source_sprite.png);
	background-size: 204px auto;
	background-repeat: no-repeat;
	background-position: -102px 0
}

.outBox .bd .inHd ul li .f-product {
	margin-bottom: 8px;
	display: inline-block;
	width: 52px;
	height: 52px;
	background-image: url(../images/source_sprite.png);
	background-size: 204px auto;
	background-repeat: no-repeat;
	background-position: -154px 0
}

.outBox .bd .inHd ul li .f-app {
	margin-bottom: 8px;
	display: inline-block;
	width: 52px;
	height: 52px;
	background-image: url(../images/source_sprite.png);
	background-size: 204px auto;
	background-repeat: no-repeat;
	background-position: 0 -52px
}

.outBox .bd .inHd ul li .f-coupon {
	margin-bottom: 8px;
	display: inline-block;
	width: 52px;
	height: 52px;
	background-image: url(../images/source_sprite.png);
	background-size: 204px auto;
	background-repeat: no-repeat;
	background-position: -50px -52px
}

.outBox .bd .inHd ul li .f-gzh {
	margin-bottom: 8px;
	display: inline-block;
	width: 52px;
	height: 52px;
	background-image: url(../images/source_sprite.png);
	background-size: 204px auto;
	background-repeat: no-repeat;
	background-position: -102px -52px
}

.outBox .bd .inHd ul li .f-game {
	margin-bottom: 8px;
	display: inline-block;
	width: 52px;
	height: 52px;
	background-image: url(../images/source_sprite.png);
	background-size: 204px auto;
	background-repeat: no-repeat;
	background-position: -154px -52px
}

.outBox .bd .inHd ul li.on,.outBox .bd .inHd ul li:hover {
	font-weight: 500
}

.outBox .bd .inHd ul li.on:after,.outBox .bd .inHd ul li:hover:after {
	display: inline-block
}

.outBox .bd .inHd ul li.on a,.outBox .bd .inHd ul li:hover a {
	border: 2px solid #f32f35;
	color: #081533
}

.outBox .bd .inHd ul li.on .f-brand,.outBox .bd .inHd ul li:hover .f-brand {
	background-position: 0 -102px
}

.outBox .bd .inHd ul li.on .f-shop,.outBox .bd .inHd ul li:hover .f-shop {
	background-position: -50px -102px
}

.outBox .bd .inHd ul li.on .f-info,.outBox .bd .inHd ul li:hover .f-info {
	background-position: -102px -102px
}

.outBox .bd .inHd ul li.on .f-product,.outBox .bd .inHd ul li:hover .f-product {
	background-position: -154px -102px
}

.outBox .bd .inHd ul li.on .f-app,.outBox .bd .inHd ul li:hover .f-app {
	background-position: 0 -154px
}

.outBox .bd .inHd ul li.on .f-coupon,.outBox .bd .inHd ul li:hover .f-coupon {
	background-position: -50px -154px
}

.outBox .bd .inHd ul li.on .f-gzh,.outBox .bd .inHd ul li:hover .f-gzh {
	background-position: -102px -154px
}

.outBox .bd .inHd ul li.on .f-game,.outBox .bd .inHd ul li:hover .f-game {
	background-position: -154px -154px
}


.outBox .inBd .show-more {

	box-sizing: border-box;
	width: 760px;
	margin:10px auto 0 auto;
	padding: 26px 148px;
	border-radius: 9px;
	background-color: #ebf3ff;
	text-align: center;
	font-size: 16px;
	color: #a1aecf;
	letter-spacing: 1px
}

.outBox .inBd .show-more .btn-border {
	margin-left: 38px
}

.outBox .inBd .show-more a {
	color: #f32f35;
	margin-left: 10px
}

.outBox .inBd .show-more a:hover {
	color: #0045cc!important
}

.outBox .inBd .promotion-body {
	width: auto;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center
}

.outBox .inBd .promotion-body .show-block {
	display: inline-block;
	position: relative;
	width: 280px;
	height: 570px;
	border-radius: 38px;
	background-image: url(../images/new_iphone.png);
	background-size: 280px auto;
	box-shadow: 0 3px 16px rgba(0,116,255,.05)
}

.outBox .inBd .promotion-body .show-block .preshow-img,.outBox .inBd .promotion-body .show-block .show-video {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	width: 248px;
	height: 438px;
	top: 65px;
	left: 16px;
	z-index: 2
}

.outBox .inBd .promotion-body .show-block .preshow-img .video-img,.outBox .inBd .promotion-body .show-block .show-video .video-img {
	width: 100%
}

.outBox .inBd .promotion-body .show-block .preshow-img {
	z-index: 1
}

.outBox .inBd .promotion-body .show-pccontent {
	margin-left: 84px;
	text-align: left
}

.outBox .inBd .promotion-body .show-pccontent .scontent-title {
	margin-bottom: 24px;
	font-size: 24px;
	color: #0b1531;
	font-weight: 500
}

.outBox .inBd .promotion-body .show-pccontent .scontent-detail {
	display: inline-block;
	width: 390px;
	font-size: 16px;
	color: #68779c;
	line-height: 1.8;
	letter-spacing: 1px
}


.mod_case{ padding-top: 50px;}
.mod_case .carousel-indicators {position: absolute;top: -70px;left: 0px;width: 100%;height:60px;padding-left: 0;margin-left: 0px;text-align: center; list-style: none;}
.mod_case .carousel-indicators li {position: relative;display: inline-block;*display: inline;width:160px;height: 56px;line-height: 56px;_line-height: 56px;font-size: 18px;text-align: center;*zoom: 1;*vertical-align: top; color: #333;margin: 0px;text-indent: 0px;cursor: pointer; border: 0px;border-radius: 0px;background: #FFF;}
.mod_case .carousel-indicators li.active {color: #e2a114; border-bottom: 3px solid #e2a114;}
.mod_case .carousel-indicators li i { line-height:30px;font-size: 24px;left: 15px; top: 13px;}
.mod_case .carousel-indicators li span{ padding: 0px 10px 0px 20px;}
.mod_case .carousel-control{ color:#ec5f5f; }
.mod_case .carousel-control i{ position: absolute; top: 50%;  color:#ec5f5f; font-size: 50px; }
.mod_case .carousel-control.left i{ left: 0px; }
.mod_case .carousel-control.right i{ right: 0px; }
.mod_case .mod_success_case{ padding: 0px 50px;}
.mod_case .mod_success_case dt{overflow:hidden;width:690px;}
.mod_case .mod_success_case dt img{ height:384px; margin: 24px 0 0 30px;}
.mod_case .mod_success_case dd{width:400px; }
.mod_case .mod_success_case dd .case_group_img{ overflow: hidden;height: 115px;}
.mod_case .mod_success_case dd .case_group_info{ overflow: hidden;height: 124px;}
.mod_case .mod_success_case dd h3{font-weight:bold;color:#000; font-size:16px; line-height:1.5;padding: 10px; padding-left:20px; text-align:left;}
.mod_case .mod_success_case dd p{line-height:26px;color:#999;text-align: justify;}
.mod_case .mod_success_case .case_group{ padding:0px; overflow:hidden;}
.mod_case .mod_success_case .case_group .control-label{text-align:right; }
.mod_case .mod_success_case .case_group .case_col-1{ padding:0px 0px 0px 30px; height:26px; line-height:26px;background: url(../images/icon_p.png?20180828) no-repeat 0px 2px;}
.btn-danger{    color: #fff;	background-color: #eb373a;}


/*关于我们*/
.aboutus{ height: 600px;}
.aboutus .ableft{ width: 530px; float: left;}
.aboutus .abright{ width: 630px; float: right;}
.aboutus .abright p{ text-indent: 36px; margin: 0 0 30px 0; font-size:16px;line-height: 200%;}



.culture ul { padding-top: 10px; }

.culture li { padding-bottom: 30px; }

.culture img { width: 100%; display: block; }

.culture .thumb { background-color: #fff; padding: 20px; }

.culture h3 {font-size: 22px; color: #0068b7; background: url(../images/introIcon02.png) right center no-repeat; display: inline-block; vertical-align: top; padding-right: 30px; }
.culture .desc { color: #666; font-size: 16px;padding-top: 15px; }
.culture li {
    width: 31%;
    float: left;
	padding: 0 10px;}


.contact-main{}
.contact-section { width: 38%; float: left;  background-color: #fff; padding: 15px 20px; border:1px solid #e7e7e7;}

.contact-section li { padding: 32px 0 28px 50px; border-bottom: 1px solid #e7e7e7; background-position: left center; }

.contact-section li:last-child { border-bottom: none; }

.contact-section h4 { padding-bottom: 3px; font-size: 18px;}

.contact-section .desc { color: #666; }

.contact-section .address { background: url(../images/contactIcon03.png) no-repeat left center; }

.contact-section .tel { background: url(../images/contactIcon04.png) no-repeat left center; }

.contact-section .fax { background: url(../images/contactIcon05.png) no-repeat left center; }

.contact-section .mail { background: url(../images/contactIcon06.png) no-repeat left center; }
#map { width: 58%; height: 460px; float: right; margin-top: 0; }