blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;max-width: 100%;max-height: 100%;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size:12px;font-family:"微软雅黑";}
a{text-decoration:none;transition: all 0.3s ;}
a:hover{ text-decoration:none;}
a:active{ text-decoration:none;}
a:visited{ text-decoration:none;}
.clear{clear: both;: ;width: 100%;height: 1px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; cursor: pointer;}
textarea{resize:none; overflow:hidden;}
.z-row{width: 100%;clear: both;margin: 0 auto;}
.float-left{float: left;}
.float-right{float: right;}
.overflow{ overflow:hidden}
.display-block{ display:block}
.tx-l{ text-align:left}
.tx-c{ text-align:center}
.tx-r{ text-align:right}
html,body{ background:#fff}
ul, ol{ margin:0}
a{ cursor:pointer}
*{ margin:0; padding:0}
.text-overflow{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.ub {
  display: -webkit-box !important;
  display: box !important;
}

.ub-ver {
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

.ub-f1 {
  position: relative;
  -webkit-box-flex: 1;
  box-flex: 1;
}

.ub-f2 {
  position: relative;
  -webkit-box-flex: 2;
  box-flex: 2;
}

.ub-f3 {
  position: relative;
  -webkit-box-flex: 3;
  box-flex: 3;
}

.ub-f4 {
  position: relative;
  -webkit-box-flex: 4;
  box-flex: 4;
}
.ub-pc {
  -webkit-box-pack: center;
}

.ub-ac {
  -webkit-box-align: center;
}

.tx-c {
  text-align: center;
}

.tx-l {
  text-align: left;
}

.tx-r {
  text-align: right;
}


/* ============================= animate ============================= */
@-webkit-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-moz-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-ms-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-webkit-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@-moz-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@-ms-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}


/* ============================= 响应式 CSS ============================= */

/*头部样式2*/
.main_minwidth{width:88%;min-width: 1200px;}
.top{
	width: 60%;
	min-width: 1200px;
	margin: auto;
	height:80px;
	/*width:100%;*/
	background:#FFF}
.top1{
	/*position:relative;*/
	height:80px;
	overflow:hidden;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top2{
	float:right;
	overflow:hidden}
.top_logo{
/*	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0*/
}
.top_nav{
	float:left;
	overflow:hidden}
.top_nav1 {
	max-height: 80px;
    font-size: 18px;
    color: #333333;
    line-height: 80px;
    display: block;
    float: left;
    /* width: 80px; */
    text-align: center;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
}

.top_nav1 a{
	color:#333333;
	display:block;
	padding: 0 22px;
}
.top_nav1 a span {
	font-size: 14px;
	/*color: #666;*/
	margin-left: 5px;
}
.top_nav1.active{
	color: #FC0;
	border-top: 2px solid #25b7ae;
	background: #f5f5f5;	/*color:#FFF;*/
	/*background:url(../images/navbg.png)*/
}
.top_nav1:hover{
	background: #f5f5f5;
	/*background:#F2F2F2*/
}
.top_nav1:hover a{
	color:#333}
.top_nav1.active a{
	color:#12a29a}
.top_event{
	float:right;
	overflow:hidden}
.top_event1 {
	float: right;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	border: 1px solid #36bb81;
	margin-left: 15px;
	border-radius: 3px;
	margin-top: 18px;
}
.top_event1.top_active{
	color:#FFF;
	background:#36bb81}
.top_event1 a{
	color:#333;
	display:block
}  
.top_event1.top_active a{
	color: #25b7ae;
	color:#FFF
}
.top_event1:hover a{
	color:#FFF;
	background:#36bb81}
.top_active:hover a{
	color:#FFF;
	background:#19de88;}

.pos_re {
	position: relative;
}


/*底部*/
.bottom{background:#2d3237;padding-top:80px}
.bottom .content {width: 1100px;margin: auto;padding: 0;overflow: hidden;}
.bottom_ewm{text-align:center}
.bottom_ewm img{display:block;margin:0 auto}
.bottom_ewm2{margin-top:11px !important;margin-bottom:11px !important}
.bottom_ewm .desc{color:#666666;font-size:12px; margin-top:15px}
.bottom_1{
	font-size:14px;
	color:#cccccc;
	height:48px;}
.bottom_2{
	line-height:30px;
	font-size:12px;
	color:#999999;}
.bottom_2 a{color:#999999;}
.bottom_2 a:hover{text-decoration:none;color:#cccccc}
.mt20{margin:0}
.bottomCopy{
	border-top:1px solid #373c41;
	height:70px;
	text-align:center;
	line-height:70px;
	font-size:12px;
	color:#666666;
	margin-top:44px}
	
body{font-size:12px;line-height:2.0;font-family: -apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif;margin:0;padding:0;font-style:normal!important;font-variant:normal!important;color:#333333;background-color:#fff;min-width:1200px;}
.xinwen{background:#f8f8f8; height:160px}
.xinwen_list{ overflow:hidden; height:160px}
.xinwen_list1{ width:25%; position:relative; height:160px; float:left}
.xinwen_list1:hover{ background:#FFF; cursor:pointer}
.xinwen_list1:hover .xw_list1_desc10{ color:#64b4f0}
.xinwen_list1_con{ position:absolute; width:86%; z-index:10; top:35px; left:7%;}
.xinwen_list1:nth-child(1),.xinwen_list1:nth-child(2),.xinwen_list1:nth-child(3){ border-right:1px solid #dadee4}
.xinwen_list1_icon{position:absolute; bottom:0; right:10px; z-index:0}
.xw_list1_desc1{overflow:hidden;display:flex;align-items: center;}
.xw_list1_desc10{font-size:18px;color:#333333;float:left}
.xw_list1_desc11{ width:40px;height:18px; margin-left:10px}
.xw_list1_hot{ width:40px;height:16px; margin-left:10px}
.xw_list1_desc2{ font-size:14px;color:#666666; line-height:22px}
.xw_list_line{ width:35px; height:2px; background:#64b4f0; margin-top:20px; margin-bottom:5px}
.video-de {
	justify-content: center;
	text-align: center;
}
.video {
	width: 620px;
	margin: 0 auto;
	margin-top: 40px;
	height: 300px;
	position: relative;
}
.video video {
	position: absolute;left: 0;
	right: 0;
	margin: auto;
	top: 0;
	display: none;
}
.video .abs {
	width: 80px;
	height: 80px;
	background: rgba(206,120,51,0.6);
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.video .abs:hover {
	background: rgba(206,120,51,0.8);
}
.video .iconfont {
	font-size: 36px;
	color: #fff;
	line-height: 80px;
	text-align: center;
	padding-left: 6px;
}

.video-de {
	justify-content: center;
	text-align: center;
}
.video-de p {
	padding-top: 20px;
	color: #7D88A2;
	font-size: 14px;
}
.video-de video {
	width: 326px;
	margin: 0 40px;
	height: 580px;
	border-radius: 6px;
	box-shadow: 2px 0px 20px #eee;
}

.syhy_t{
	height:70px;
	position:relative;
	text-align:center;
	color:#333333;
	font-size:40px;}
.title_line{
	background:#333333;
	height:3px;
	width:66px;
	display:block;
	margin:0 auto;
	margin-top:20px}
.syhy_p{
	color:#666666;
	margin-top:30px;
	text-align:center;
	font-size:18px}
	
.xiaochengx{
	background:#FFF;
	padding-bottom:90px;
	padding-top:80px;
	background:url(../image/newline.png);
	background-position:center 212px;
	background-repeat:no-repeat}
.xiao li{
	margin-top:61px}
.xiao li .bg{
	width:100%;
	height:150px;
	text-align:center}
.xiao li .bg img{
	width:150px;
	height:150px}
.xiao_title{
	color:#333333;
	font-size:20px;
	margin-top:36px;
	text-align:center}
.xiao_desc{
	margin-top:18px;
	line-height:20px;
	text-align:center;
	font-size:14px;
	color:#666666}

.xiaochengxy{
	background:#FFF;
	padding-bottom:40px;
	padding-top:30px;
	background:url(../image/newliney.png);
	background-position:center 212px;
	background-repeat:no-repeat}
.xiaoy li{
	margin-top:61px}
.xiaoy li .bg{
	width:100%;
	height:170px;
	text-align:center}
.xiaoy li .bg img{
	width:170px;
	height:170px}
.xiaoy_title{
	color:#333333;
	font-size:20px;
	margin-top:36px;
	text-align:center}
.xiaoy_desc{
	margin-top:18px;
	line-height:20px;
	text-align:center;
	font-size:14px;
	color:#666666}
/*应用大厅*/
.xcx_h{
	background:#f8f8f8;
	padding-bottom:30px}
.xcx_h_dl_dt{
	margin-top:60px;}
.xcx_h_dl_dt_1{
	font-size:40px;
	text-align:center;
	color:#333333;
	font-weight:normal}
.xcx_h_dl_dt_3{
	font-size:18px;
	margin-top:30px;
	color:#666666;
	text-align:center;
	font-weight:normal}
.xcx_h_dl_dd_ul{
	overflow:hidden;
	padding-bottom:10px}
.xcx_h_dl_dd_ul_li{
	padding:15px;
	font-size:16px;
	color:#333333;
	box-sizing:border-box}

.xcx_h_dl_dd_ul_li img{
	display:block;
	margin:0 auto;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.xcx_h_dl_dd_ul_li1:hover img{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.2);
    box-shadow:0 0 30px rgba(0,0,0,0.2);}
.xcx_s_dl_dd_ul_li_div{
	padding-bottom:10px;
	padding-top:10px;
	/*box-shadow:0 0 5px rgba(12,6,14,0.1);*/}
.xcx_s_dl_dd_ul_li_text{
	font-size:18px;
    color: #403e3e;
    font-weight: bold;
    text-align:center;
}
.xcx_s_dl_dd_ul_li_text a{color:#403e3e;}
.xcx_s_dl_dd_ul_li_text a:hover{color:#2589ff;}
.xcx_s_dl_dd_ul_li_text1{
	font-size:14px;
	color:#666;
	margin-top:26px;
	line-height:25px;
	margin:0 30px;
	height:60px;
	text-align:center;
	}
	
.xcx_h_dl_dd_desc {
    margin: 10px 0 15px 0;
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    line-height: 40px;
}



/*流程*/

.liucheng{
	background: #FFF;
    padding-bottom: 90px;
    padding-top: 80px;}
.liucheng_img{
	width:914px;
	height:82px;
	margin:0 auto;
	margin-top:80px;
	display:block}

.fanganAll{
	position:relative;
	height:900px;
	background:#333333}
.fanganbg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;}
.fanganbg.f_active{
	opacity:1}
.fanganCon{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10}
.fangan1{
	overflow:hidden;
	margin-top:90px}
.fangan_left{
	width:200px;
	float:left}
.fangan_left1{
	height:60px;
	line-height:60px;
	position:relative;
	background:rgba(240,240,240,0.15);
	border-bottom:1px solid rgba(255,255,255,0.05)}
.fangan_left1:hover{
	background:url(../image/anlinavbg.png);
	cursor:pointer}
.fangan_left1:hover .fangan_left_title{
	font-weight:bold;}
.fangan_left_img{
	position:absolute;
	left:45px;
	top:50%;
	transform:translateY(-50%)}
.fangan_left_title{
	color:#FFF;
	font-size:16px;
	text-indent:80px}
.fangan_left1.active{
	background:url(../image/anlinavbg.png);
	font-weight:bold;}
	
.fangan_right{
	float:left;
	margin-left:20px;
	width:80%}
.fangan_right1{
	font-size:40px;
	color:#FFF;
	text-align:center;
	margin-top:100px}
.fangan_right2{
	width:66px;
	height:3px;
	background:url(../image/fanganline.png);
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px}
.fangan_right3{
	font-size:18px;
	color:#FFF;
	text-align:center}
.fangan_right4{
	font-size:14px;
	color:#FFF;
	margin-top:15px}
.fangan_right5{
	overflow:hidden;}
.fangan_right5_1{
	width:170px;
	float:left;
	margin-left:50px;
	color:#FFF;
	text-align:center}
.fangan_right5_1_1{
	border-radius:50%;
	background:#2f3545;
	width:170px;
	height:170px;
	margin-bottom:18px;
	overflow: hidden;}
.fangan_right5_1_1_1{
	border-radius:50%;
	background:#ffffff;
	width:150px;
	height:150px;
	overflow:hidden;
	margin:10px auto}
.fangan_ewm{
	width:120px;
	height:120px;
	display:block;
	margin:15px auto;  
    transition: all 0.6s;}
.fangan_right5_1_1:hover{
	cursor: pointer;}
.fangan_right5_1_1:hover .fangan_ewm{
	transform: scale(1.2);
	border-radius:50%}
.fangan_right6{
	margin-top:70px;
	text-indent:70px;
	font-size:24px;
	color:#FFF}
.fangan_right7{
	margin-top:20px;
	line-height:22px;
	color:#FFF;
	font-size:14px;
	padding-left:70px}
.fangan_right8{
	margin-top:62px;
	overflow:hidden;
	margin-left:70px;
	width:136px;
	height:36px;
	border:1px solid #FFF;
	border-radius:2px;
	color:#FFF;
	font-size:14px;
	text-align:center;
	display:block;
	line-height:36px}
.fangan_right8:hover{
	background:url(../image/anlibtn.png);
	cursor:pointer;
	color:#FFF;
	text-decoration:none;
	border:1px solid #27b4b3}
/*我们的核心优势*/
.youshi{
	background:#FFF;
	height:550px;
	background:url(../image/youshi.png);
	background-position:bottom;
	background-size:100% 293px;
	background-repeat:no-repeat}
.youshi1{
	padding-top:80px;
	height:170px}
.youshi2{
	margin-top:80px;
	overflow:hidden}
.youshi2_1{
	width:20%;
	float:left}
.youshi2_1bg{
	height:80px;
	text-align:center;
	margin-bottom:25px}
.youshi2_1bg img{
	width:80px;
	height:80px}
.youshi2_1tit{
	text-align:center;
	font-size:18px;
	color:#333333}
.youshi2_1dec{
	font-size:14px;
	color:#666666;
	line-height:22px;
	margin:0 38px;
	text-align:center;
	margin-top:10px}

/*动态*/
.dongtai{
	background:#FFF}
.dongtai2{
	overflow:hidden;
	padding:0 10px;
	box-sizing:border-box;
	margin-top:32px}
.dongtai2_1{
	width:33.33333%;
	padding:0 10px;
	box-sizing:border-box;
	float:left;
	margin-top:48px}
.dongtai2_1_1 {
    border:1px solid #eae9e9;
    padding-bottom: 18px;
	text-decoration:none;
    overflow: hidden;
    height: 300px;
}

	

.dongtai2_1Img1{
	overflow:hidden;
	height:200px;
	display:block;
	width:100%}
.dongtai2_1Img{
	width:100%;
	height:200px;
	transition: all 0.6s;}
.dongtai2_1Img:hover{
	transform: scale(1.1);
	cursor:pointer}
.dongtai2_1tit{
	font-size:16px;
	color:#333333;
	margin:15px;
	height:40px;
	display:block}
.dongtai2_1tit:hover{
	text-decoration:none;
	color:#2589ff;
	cursor:pointer}
.dongtai2_1time{
	color:#c1bebe;
	font-size:14px;
	margin-left:15px}

.xcx_btn{
	width:170px;
	height:50px;
	border-radius:25px;
	color:#333333;
	border:1px solid #333333;
	margin:0 auto;
	text-align:center;
	line-height:50px;
	margin-top:70px;
	display:block;
	margin-bottom: 50px;
	font-size:16px}
.xcx_btn:hover{
	color:#ffffff;
	text-decoration:none;
	background:#333333}


/**/
.shidai{
	width:100%;
	height:600px;
	background:url(../image/shidai.png);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat}
.shidaix{
	width:100%;
	height:599px;
	background:url(../image/youcx.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat}
.shidai1{
	text-align:center;
	font-size:50px;
	color:#FFF;
	padding-top:120px}
.shidai2{
	color:#FFF;
	font-size:30px;
	text-align:center;
	margin-top:20px}
.shidai3{
	width:66px;
	height:3px;
	background:#FFF;
	margin:0 auto;
	margin-top:20px}
.shidai4{
	overflow:hidden;
	margin-top:60px}
.shidai41{
	width:25%;
	float:left;
	color:#FFF;
	overflow:hidden;
	position:relative;
	height:90px}
.shidai40{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:178px}
.shidai401{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:130px}
.shidai402{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:105px}
.shidai411{
	font-size:44px;
	float:left}
.shidai412{
	font-size:24px;
	float:left;
	padding-top:24px;
	margin-left:2px}
.shidai413{
	color:#FFF;
	font-size:24px;
	float:left}
.shidai_desc{
	color:#FFF;
	margin-top:64px;
	font-size:16px;
	text-align:center}
.shidai_btn{
	font-size:16px;
	width:170px;
	height:50px;
	border-radius:25px;
	color:#ffffff;
	border:1px solid #ffffff;
	margin:0 auto;
	text-align:center;
	line-height:50px;
	margin-top:70px;
	display:block;
	margin-bottom: 50px;}
.shidai_btn:hover{
	color:#24baaa;
	text-decoration:none;
	background:#ffffff}



/*企业简介*/
.banner{background: url(https://www.youdmall.com/static/images/diy_page_banner.png) no-repeat center;}
.column{padding: 40px 0;}

.profile-column-head{text-align: center;margin-bottom: 30px;}
.profile-column-head .title{font-weight: 800;font-size: 46px;color: #f3590d;line-height: 68px;}
.profile-column-head .text{color: #666;font-size: 16px;line-height: 30px;}

.profile-text p{color: #666;font-size: 16px;line-height: 26px;margin-bottom: 30px;text-indent: 2em;}

.profile-team{font-size: 0;}
.profile-team img{width: 270px;height: 300px;margin-right: 23px;}
.profile-team img:last-child{margin-right: 0;}

.profile-ys{}
.profile-ys li{width: 275px;height: 400px;float: left;position: relative;margin-right: 16px;background-image: url(https://www.youdmall.com/static/images/profile_icon.png);background-repeat: no-repeat;}
.profile-ys li:last-child{margin-right: 0;}
.profile-ys li .box{position: absolute;bottom: 0;left:0;text-align: center;height: 134px;padding-top: 26px;background: rgba(0,0,0,.6);}
.profile-ys li .title{font-weight: 800;font-size: 22px;color: #fff;margin-bottom: 16px;line-height: 32px;}
.profile-ys li .text{color: #fff;line-height: 26px;padding: 0 10px;}

.bg-j_15 {background-position: -0 -0;}
.bg-j_17 {background-position: -275px -0;}
.bg-j_21 {background-position: -550px -0;}
.bg-j_19 {background-position: -825px -0;}

.sm-column{background: #f1f1f4;margin: 40px 0;}
.sm-column .profile-column-head{margin: 0;}
.sm-column .text{font-size: 36px;line-height: 60px;}

.lc{margin: 30px 0;}
.lc .lc-item{
	position: relative;
	border-left: 1px solid #e6eaed;
	margin-left: 300px;
	padding-top: 16px;
	padding-right: 36px;
	padding-bottom: 16px;
	padding-left: 36px;
}
.lc .lc-item .text{color: #666;line-height: 28px;margin-bottom: 16px;}

.lc .lc-item .time{position: absolute;left: -300px;width: 300px;height: 20px;top: 20px;}
.lc .lc-item .time:after{display: block;content:'';position: absolute;border-radius: 50%;border:1px solid #c7cfda;background: #fff;width: 10px;height: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;right: -5px;top: 5px;}
.lc .lc-item .time .box{font-size: 14px;color: #fff;display: block;position: absolute;background: #e96a04;right: 40px;top: 0px;width: 70px;height: 20px;text-align: center;line-height: 20px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.lc .lc-item .time .box:after{content: '';width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #e96a04;border-bottom: 10px solid transparent;position: absolute;right: -10px;}

.lc .lc-item:nth-child(odd) .time .box{background: #e96a04;}
.lc .lc-item:nth-child(odd) .time .box:after{border-left: 10px solid #e96a04;}
.lc .lc-item:nth-child(even) .time .box{background: #55acef;}
.lc .lc-item:nth-child(even) .time .box:after{border-left: 10px solid #55acef;}
.shadowA{-moz-box-shadow: 0 18px 30px rgba(0,49,89,.1); -webkit-box-shadow: 0 18px 30px rgba(0,49,89,.1); box-shadow: 0 18px 30px rgba(0,49,89,.1);}
.hmmBanner{ width: 100%; height: 700px; background: url(../image/hmm-1.jpg) no-repeat center #1657e4;}
.hmmMain .ebTit h4{ color: #333; font-size: 36px; line-height: 1;}
.hmmMain-aCon ul{ margin-left: -26px;}
.hmmMain-aCon li{ background-color:#fff ; float: left; text-align: center; width: 280px;height: 320px; margin-left: 26px;}
.hmmMain-aCon li img{ width: 280px; height: 184px;}
.hmmMain-aCon dt{ color: #333; font-size: 24px; line-height: 1;}
.hmmMain-aCon dd{ color: #666; font-size: 16px; line-height:26px; margin-top: 10px;}
.hmmMain-b{ background-color: #f8f8f8; padding-bottom: 250px;}
.hmmMain-b .ebMain-a-yd{ padding: 0 60px; margin-top: 90px;}
.hmmMain-b .ebMain-a-yd dl{ margin-top: -30px;}
.hmmMain-b .ebMain-a-yd dd h5{ font-size: 30px; line-height: 1;}
.hmmMain-b .ebMain-a-yd dd p{ font-size: 18px; line-height: 28px;}
.hmmMain-bText{ text-align: center; color: #333; font-size: 24px; line-height: 1; margin-top: -20px;}
.hmmMain-cCon { margin-top: -250px; background-color: #fff; position: relative;}
.hmmMain-cCon dl{ text-align: center;}
.hmmMain-cCon dt{ color: #333; font-size: 36px; line-height: 1;}
.hmmMain-cCon dd{ margin-top: 30px;}
.hmmMain-cCon dd img{ display: inline-block;}
.hmmMain-cCon dd p{ margin-top: 20px; color: #666; font-size: 16px; line-height: 1.8;}
/*公共*/
.clearfix:after{ content: ''; display: block; clear: both; width: 0; height: 0;}
.pad-top-none{ padding-top: 0;}
.pad-60{ padding: 60px 0;}
.boxShadow{-moz-box-shadow: 0 18px 30px rgba(0,0,89,.1); -webkit-box-shadow: 0 18px 30px rgba(0,0,89,.1);box-shadow: 0 18px 30px rgba(0,0,89,.1);}
.w-1200{ width:1200px; margin:0 auto; position:relative;}
.ebTit{ text-align: center;}
.ebTit h4{ color: #333; font-size: 48px; line-height: 58px; font-weight: normal;}
.ebTit h3{ color: #333; font-size: 36px; line-height: 58px; font-weight: normal;}
.ebTit span{ display: block; font-size:36px;}
.ebTit:after{ content: ''; display: block; width: 40px; height: 2px; background-color: #ff6800; margin: 15px auto 30px auto;}
.ebMain-b .ebTit h4{ color: #fff;}

.ub {
  display: -webkit-box !important;
  display: box !important;
}

.ub-ver {
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

.ub-f1 {
  position: relative;
  -webkit-box-flex: 1;
  box-flex: 1;
}

.ub-f2 {
  position: relative;
  -webkit-box-flex: 2;
  box-flex: 2;
}

.ub-f3 {
  position: relative;
  -webkit-box-flex: 3;
  box-flex: 3;
}

.ub-f4 {
  position: relative;
  -webkit-box-flex: 4;
  box-flex: 4;
}
.ub-pc {
  -webkit-box-pack: center;
}

.ub-ac {
  -webkit-box-align: center;
}

.tx-c {
  text-align: center;
}

.tx-l {
  text-align: left;
}

.tx-r {
  text-align: right;
}


/* ============================= animate ============================= */
@-webkit-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-moz-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-ms-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-webkit-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@-moz-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@-ms-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}


/* ============================= 响应式 CSS ============================= */

/*头部样式2*/
.main_minwidth{width:88%;min-width: 1200px;}
.top{
	width: 60%;
	min-width: 1200px;
	margin: auto;
	height:80px;
	/*width:100%;*/
	background:#FFF}
.top1{
	/*position:relative;*/
	height:80px;
	overflow:hidden;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top2{
	float:right;
	overflow:hidden}
.top_logo{
/*	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0*/
}
.top_nav{
	float:left;
	overflow:hidden}
.top_nav1 {
	max-height: 80px;
    font-size: 18px;
    color: #333333;
    line-height: 80px;
    display: block;
    float: left;
    /* width: 80px; */
    text-align: center;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
}

.top_nav1 a{
	color:#333333;
	display:block;
	padding: 0 22px;
}
.top_nav1 a span {
	font-size: 14px;
	/*color: #666;*/
	margin-left: 5px;
}
.top_nav1.active{
	color: #FC0;
	border-top: 2px solid #25b7ae;
	background: #f5f5f5;	/*color:#FFF;*/
	/*background:url(../images/navbg.png)*/
}
.top_nav1:hover{
	background: #f5f5f5;
	/*background:#F2F2F2*/
}
.top_nav1:hover a{
	color:#333}
.top_nav1.active a{
	color:#12a29a}
.top_event{
	float:right;
	overflow:hidden}
.top_event1 {
	float: right;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	border: 1px solid #36bb81;
	margin-left: 15px;
	border-radius: 3px;
	margin-top: 18px;
}
.top_event1.top_active{
	color:#FFF;
	background:#36bb81}
.top_event1 a{
	color:#333;
	display:block
}  
.top_event1.top_active a{
	color: #25b7ae;
	color:#FFF
}
.top_event1:hover a{
	color:#FFF;
	background:#36bb81}
.top_active:hover a{
	color:#FFF;
	background:#19de88;}

.pos_re {
	position: relative;
}


/*底部*/
.mt20{margin:0}
.bottomCopy{
	border-top:1px solid #373c41;
	height:70px;
	text-align:center;
	line-height:70px;
	font-size:12px;
	color:#666666;
	margin-top:44px}
	
.nav_pos_box {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	padding: 30px 0;
	background: #fff;
	box-shadow: 0px -1px 1px #e9e9e9;
	z-index: 100;
}
.nav_content_box {
/*	width: 92%;
	min-width: 1400px;
	margin: auto;*/
	display: -webkit-flex;
	display: flex;
	line-height: normal;
	text-align: left;
}

.column_box_1 {
	flex: 2;
	border-right: 1px solid #e9e9e9;
}

 
.column_list_box {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.column_item {
	width: 50%;
	margin-bottom: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.column_item a {
	display: block;
	width: 232px;
	display: -webkit-flex;
	display: flex;
	padding: 10px;
	text-decoration: none;
}
.column_list_box .column_item a:hover {
	background: #ddd;
	cursor: pointer;
}

.column_item img {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	margin-right: 10px;
}
.column_item h3 {
	font-size: 16px;
	color: #333;
}
.column_item p {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}

.column_box_2 {
	flex: 1;
	margin-left: 30px;
	margin-right: 40px;
	border-right: 1px solid #e9e9e9;
}
.column_box_2 .column_list_box {
	flex-direction: column;
}
.column_box_2 .column_item {
	width: 100%;
}
.column_box_3 .column_list_box {
	flex-direction: column;
}
.column_box_3 .column_item {
	width: 100%;
}
 .fx_img{width:16px;height:16px;background:url('../image/2017_15166019282962.png');}
 
 
 
 

.flex {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ 
	display: -ms-flexbox; /* TWEENER - IE 10 */ 
	display: -webkit-flex; /* NEW - Chrome */ 
	display: flex;
}

 

 
 
.topfix {
	position: fixed;
	top: -80px;
	left: 0;
	width: 100%;
	background: #fff;
	color: #489eff;
	z-index: 10;
	transition: all 0.4s;
	border-bottom: 1px solid #f2f2f2;
}
.topfix a {
	color: #999;
}
.topfix .active a {
	color: #489eff;
}
.topfix .header li.active a:after {
	background: #489eff;
}
.topfix .loginBtn div {
	border: 1px solid #489eff;
}
.topfix .loginBtn div a {
	color: #489eff;
}
.topfix .loginBtn div::before {
	background: #489eff;
}
.topfix .loginBtn div:hover a {
	color: #fff;
}
.topfix .header li.active a:after {
	background: #489eff;
}
.topfix .header ul:hover li a {
	color: #ccc;
}
.topfix .header ul:hover .active a {
	color: #489eff;
}
.topfix .header li:hover a:after {
	background: #489eff;
}
.topfix .header ul li:hover a {
	color: #489eff;
}


/*右侧客服悬浮窗*/
#qq_content {
    width: 84px;
    height: 346px;
    background: #ffffff;
    /* border: 1px solid #eaeaea; */
    border-radius: 8px;
    position: absolute;
    right: 20px;
    top: 50%;
    font-family: "微软雅黑";
    z-index: 99;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.04);
    /*display: flex;
    flex-direction: column;
    justify-content: space-around;*/
    font-size: 12px;
    color: #666;
    text-align: center;
    padding-bottom: 10px;
}
#qq_content img {
	width: 50px;
	margin: 0 auto;
}
#qq_content .kefuitem {
	padding-bottom: 18px;
	border-radius: 8px;
	position: relative;
	/*cursor: pointer;*/
}
#qq_content .kefuitem.active {
	background: linear-gradient(120deg,#3181f4,#38cee7);
	width: 94px;
	margin-left: -5px;
}
#qq_content .kefuitem.active .hoverwhitep {
	color: #fff;
}
.hoverbox {
	position: absolute;
	width: 188px;
	background: #fff;
	line-height: 44px;
	left: -190px;
	padding: 6px 12px;
	border-radius: 8px;
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.04);
}
.hoverbox div {
	/*cursor: pointer;*/
}
.hoverbox:after {
	content: '';
	position: absolute;
	top: 48%;
    left: 189px;
    border: 6px solid transparent;
    border-left: 8px solid #fff;
}
.hoverbox:before {
	content: '';
	width: 30px;
	height: 100%;
	background: transparent;
	position: absolute;
	left: 204px;
	top: 0;
}
.hoverbox1,.hoverbox2,.hoverbox3 {
	display: none;
}
#qq_content .hoverbox1 img {
	margin: auto 8px;
	width: 24px;
	height: 24px;
}
#qq_content .hoverbox .boteee {
	border-bottom: 1px solid #eee;
	height: 44px;
	padding-top: 8px;
	
}
.boteee2 {
	border-bottom: 1px solid #eee;
	height: 44px;
	padding-top: 12px;
	
}
#qq_content .hoverbox2 img {
	margin: auto 0;
    width: 44px;
    height: 44px;
}
#qq_content .hoverbox3 img {
	width: 110px;
	height: 110px;
	margin-top: 12px;
}
#qq_content .hoverbox3 {
	top: -56px;
}
#qq_content .hoverbox2 {
	top: -52px;
}
#qq_content .hoverbox1 {
	top: -6px;
}
#qq_content .kefuitem.active .hoverbox {
	display: block;
}
.hoverbox .activephone {
	display: none;
}
.hoverbox div:hover {
	color: #347bef;
}
.hoverbox1 div:hover img {
	display: none;
}
.hoverbox1 div:hover .activephone {
	display: block;
}

iframe {
	width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border: none;
}
#inputCopy {
	opacity: 0;
	resize: none;
    position: absolute;
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    color: #2389ed;
    left: -156px;
    top: -100px;
    background: transparent;
    border: none;
    outline: none;
}
.hoverbox1 .flex {
	/*cursor: pointer;*/
}
.nav_pos_box {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	padding: 30px 0;
	background: #fff;
	box-shadow: 0px -1px 1px #e9e9e9;
	z-index: 100;
}
.nav_content_box {
/*	width: 92%;
	min-width: 1400px;
	margin: auto;*/
	display: -webkit-flex;
	display: flex;
	line-height: normal;
	text-align: left;
}

.column_box_1 {
	flex: 2;
	border-right: 1px solid #e9e9e9;
}

 
.column_list_box {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.column_item {
	width: 50%;
	margin-bottom: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.column_item a {
	display: block;
	width: 232px;
	display: -webkit-flex;
	display: flex;
	padding: 10px;
	text-decoration: none;
}
.column_list_box .column_item a:hover {
	background: #ddd;
	cursor: pointer;
}

.column_item img {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	margin-right: 10px;
}
.column_item h3 {
	font-size: 16px;
	color: #333;
}
.column_item p {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}

.column_box_2 {
	flex: 1;
	margin-left: 30px;
	margin-right: 40px;
	border-right: 1px solid #e9e9e9;
}
.column_box_2 .column_list_box {
	flex-direction: column;
}
.column_box_2 .column_item {
	width: 100%;
}
.column_box_3 .column_list_box {
	flex-direction: column;
}
.column_box_3 .column_item {
	width: 100%;
}
 .fx_img{width:16px;height:16px;background:url('../image/2017_15166019282962.png');}
 
 
 
 

.flex {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ 
	display: -ms-flexbox; /* TWEENER - IE 10 */ 
	display: -webkit-flex; /* NEW - Chrome */ 
	display: flex;
}

 
body {
	font-family: "微软雅黑";
	/*font-family: 'PingFang Regular';*/
	/*font-family: 'PingFang SC','Helvetica Neue',Helvetica,STHeitiSC-Light,WOL_SB,'Segoe UI Semibold','Segoe UI',Tahoma,Helvetica,sans-serif;*/
}
button {
	outline: none;
}
 


 
 
.topfix {
	position: fixed;
	top: -80px;
	left: 0;
	width: 100%;
	background: #fff;
	color: #489eff;
	z-index: 10;
	transition: all 0.4s;
	border-bottom: 1px solid #f2f2f2;
}
.topfix a {
	color: #999;
}
.topfix .active a {
	color: #489eff;
}
.topfix .header li.active a:after {
	background: #489eff;
}
.topfix .loginBtn div {
	border: 1px solid #489eff;
}
.topfix .loginBtn div a {
	color: #489eff;
}
.topfix .loginBtn div::before {
	background: #489eff;
}
.topfix .loginBtn div:hover a {
	color: #fff;
}
.topfix .header li.active a:after {
	background: #489eff;
}
.topfix .header ul:hover li a {
	color: #ccc;
}
.topfix .header ul:hover .active a {
	color: #489eff;
}
.topfix .header li:hover a:after {
	background: #489eff;
}
.topfix .header ul li:hover a {
	color: #489eff;
}


/*右侧客服悬浮窗*/
#qq_content {
    width: 84px;
    height: 346px;
    background: #ffffff;
    /* border: 1px solid #eaeaea; */
    border-radius: 8px;
    position: absolute;
    right: 20px;
    top: 50%;
    font-family: "微软雅黑";
    z-index: 99;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.04);
    /*display: flex;
    flex-direction: column;
    justify-content: space-around;*/
    font-size: 12px;
    color: #666;
    text-align: center;
    padding-bottom: 10px;
}
#qq_content img {
	width: 50px;
	margin: 0 auto;
}
#qq_content .kefuitem {
	padding-bottom: 18px;
	border-radius: 8px;
	position: relative;
	/*cursor: pointer;*/
}
#qq_content .kefuitem.active {
	background: linear-gradient(120deg,#3181f4,#38cee7);
	width: 94px;
	margin-left: -5px;
}
#qq_content .kefuitem.active .hoverwhitep {
	color: #fff;
}
.hoverbox {
	position: absolute;
	width: 188px;
	background: #fff;
	line-height: 44px;
	left: -190px;
	padding: 6px 12px;
	border-radius: 8px;
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.04);
}
.hoverbox div {
	/*cursor: pointer;*/
}
.hoverbox:after {
	content: '';
	position: absolute;
	top: 48%;
    left: 189px;
    border: 6px solid transparent;
    border-left: 8px solid #fff;
}
.hoverbox:before {
	content: '';
	width: 30px;
	height: 100%;
	background: transparent;
	position: absolute;
	left: 204px;
	top: 0;
}
.hoverbox1,.hoverbox2,.hoverbox3 {
	display: none;
}
#qq_content .hoverbox1 img {
	margin: auto 8px;
	width: 24px;
	height: 24px;
}
#qq_content .hoverbox .boteee {
	border-bottom: 1px solid #eee;
	height: 44px;
	padding-top: 8px;
	
}
.boteee2 {
	border-bottom: 1px solid #eee;
	height: 44px;
	padding-top: 12px;
	
}
#qq_content .hoverbox2 img {
	margin: auto 0;
    width: 44px;
    height: 44px;
}
#qq_content .hoverbox3 img {
	width: 110px;
	height: 110px;
	margin-top: 12px;
}
#qq_content .hoverbox3 {
	top: -56px;
}
#qq_content .hoverbox2 {
	top: -52px;
}
#qq_content .hoverbox1 {
	top: -6px;
}
#qq_content .kefuitem.active .hoverbox {
	display: block;
}
.hoverbox .activephone {
	display: none;
}
.hoverbox div:hover {
	color: #347bef;
}
.hoverbox1 div:hover img {
	display: none;
}
.hoverbox1 div:hover .activephone {
	display: block;
}

iframe {
	width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border: none;
}
#inputCopy {
	opacity: 0;
	resize: none;
    position: absolute;
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    color: #2389ed;
    left: -156px;
    top: -100px;
    background: transparent;
    border: none;
    outline: none;
}
.hoverbox1 .flex {
	/*cursor: pointer;*/
}