html,body{
	border: 0;
}
table,tr,td{
	border:0
}
.header{
	width:100%;
}
.head_top{
	width: 100%;
	height:50px;
	background-color: #18181a;
	border-bottom: 1px solid #333335;
}
.logos{
	padding-left:0;
}
/*大背景*/
.head_bottom{
	margin-top: 20px;
	width: 100%;
	position: relative;
	background-image: url(../image/bg_one.jpg);
	background-size:  100% 100%;
	background-repeat: no-repeat;
}
.head_bottom2{
	background-image: url(../image/bg_two.jpg);
}
.bg_one{
	width: 100%;
}
.head_bottom_mid{
	width: 1200px;
	margin: 0 auto;
	/*position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 0;*/
	color: #fff;	
	padding: 94px 0;
}
.head_bottom_title{
	font-size: 42px;
	line-height: 42px;
	margin-bottom: 22px;
	font-weight: 400;
}
.head_bottom_mes{
	font-size: 14px;
	line-height: 22px;
	width:50%;
}
/*内容导航*/
.cont_nav{
	width: 100%;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	top: 0;
	border-left: none;
	border-right: none;
}
.cont_nav_hover{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
}
.cont_nav_mid{
	height: 50px;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	color: #333;
}
.logo_move{
	position: absolute;
	left: 80px;
	top: 3px;
	display:none;
}
.logo_move a{
	display:block;
}
.logo_move a img{
	height:40px;
}
.cont_nav_cate{
	width: 700px;
	margin: 0 auto;
	height: 50px;
}
.cont_nav_item{
	padding: 0 28px;
	line-height: 50px;
	float: left;
	cursor: pointer;
	/*border-bottom: 2px solid #ffffff;*/
}
.cont_nav_item:hover{
	color:#04a3cb;
}
.cont_nav_link{
	color: #333;
}
.cont_nav_move{
	border-bottom: 2px solid #04a3cb;
	transition: all .3s ease-in-out;
}
.cont_nav_hovers{
	color:#04a3cb;
	border-bottom: 2px solid #04a3cb;
}
/*内容块*/
.cont_main{
	width: 100%;
}
.cont_block{
	width: 100%;
	background-color: #fff;
	padding-bottom: 32px;
}

.cont_block_grey{
	background-color: #f5f5f5;
}
.cont_block_mid{
	width: 1200px;
	margin: 0 auto;
 
}
.cont_block_title{
	font-size: 24px;
	line-height: 28px;
	padding: 40px 0 30px 14px;
	color: #333;
	position: relative;
	font-weight: 400;
	text-align: left;
}
.cont_block_p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 12px;
	color:#373D41;
	text-indent:30px;
}
.block_blue{
	position: absolute;
	left: 0;
	top: 44px;
	width: 2px;
	height: 24px;
	background-color: #00c1de;;
}
/*第二块*/
.good_list{
	width: 100%;
}
.good_cate{
	width: 100%;
}
.good_item{
	width: 25%;
	float: left;
	text-align: center;
	padding: 15px 39px;
}
.good_bottom{
	margin-bottom: 15px;
}
.good_link{
	display: block;
	color: #333;
}
.good_link:hover{
	color: #108cee;
	transition: all .3s ease-in-out;
}
.good_pics{
	display: block;
	margin: 0 auto;
}
.goods_mes{
	width: 100%;
	font-size: 14px;
	margin-top: 10px;


}
/*第三块*/
.cont_table{
	width: 100%;
}
.cont_table table{
	width: 100%;
	background-color: #e3e3e3; 
	padding:1px;
	border:0;margin:0;border-collapse:collapse;border-spacing:0;
}
.cont_table table tr td{
	background-color: #fff;

	text-align: center;

	border:1px solid #e3e3e3;

}
.cont_table table tr td.td_active{
	/* box-shadow: 0 0 20px 0 rgba(33,37,39,.4); */
	box-shadow: -10px 0 20px rgba(33,37,39,.4), /*左边阴影*/  
    0 10px 20px rgba(33,37,39,.4);
}

.cont_table table tr{
	height: 60px;
	font-size: 14px;
}


/*视频*/

video {
    border: 1px solid #dddddd;
}

.movie {
    background: url(../img/bg_yy.png) center bottom no-repeat;
    height: 506px;
    margin-top: 30px;

     margin:0; padding:0; 
}

/*功能栏目*/
.sptit{
	width: 140px;
	height: 3px;
	background-color: #f5f5f5;
	position: absolute;
	left: 40px;
	top: 34px;
	transform: rotate(34deg);
	transform-origin: left;
}
.td_right{
	position: absolute;
	right: 40px;
	top: 34px;
	font-size: 18px;
}
.td_left{
	position: absolute;
	left: 40px;
	bottom: 34px;
	font-size: 18px;
}
/*第一行*/
.tr_one{
	height: 146px;
}
.tr_one td{
	padding-top: 44px;
	padding-bottom: 23px;
	text-align: center;
}
.tr_one td p{
	font-size: 18px;
	font-weight: 400%;
}
.td_one_title{
	font-size: 16px;
	line-height: 1;
}
.td_one_link{
	display: block;
	width: 122px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	background-color: #2e82ff;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	margin-top: 20px;
}
.td_one_link:hover{
	color:#fff;
	background-color:#00c1de;
}

.td_one_link2{
	display: block;
	width: 122px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	background-color: #ff5ea4;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	margin-top: 20px;
}
.td_one_link2:hover{
	color:#fff;
	background-color:#d6437f;
}


/*第二行*/
.tr_two{
	height: 122px;
	font-size: 16px;
}
.td_red{
	font-size: 18px;
	color: #f63a3b;
}
.tr_two td{
	padding-top: 34px;
	padding-bottom: 26px;
	text-align: center;
}
.td_two_title{
	font-size: 14px;
	line-height: 1;
}
.td_two_link{
	display: block;
	margin: 0 auto;
	width: 120px;
	color: #f63a3b;
	line-height: 32px;
	margin-top: 10px;
	border-radius: 16px;
	text-align: center;
	font-size: 14px;
	border: 2px solid #f63a3b;
}
.td_two_link:hover{
	background-color: #f63a3b;
	color: #fff;
	transition: all .3s ease-in-out;
}
/*第三行*/
.tr_three{
	height: 60px;
	font-size: 14px;
}
.tr_forth td{
	padding: 10px 0;
}
.tr_forth_item{
	line-height: 30px;
	text-align: left;
	list-style: disc;
}
/*第四行*/
.five_img{
	width: 20px;
	display: block;
	margin: 0 auto;
}
/*第四块*/
.process{
	width: 100%;
	padding-top: 26px;
	text-align:center;
}
.process_pic{
	width: 86.5%;
}
.process_cate{
	width: 100%;
	margin-top: 30px;
}
.process_item{
	width: 25%;
	float: left;
	text-align: center;
	padding: 0 4.5%;
}
.process_title{
	width: 100%;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
}
.process_mes{
	font-size: 14px;
	color: #666;
	line-height: 25px;
}
/*第五块*/
.sell_after{
	width: 100%;
	font-size: 16px;
}
.sell_after ul{
	width: 100%;
	padding-left: 20px;
}
.sell_after ul li{
	width: 100%;
	list-style: afar;
	margin-bottom: 30px;
}
.sell_after ul li h2{
	line-height: 1.3;
	font-size:16px;
}
.sell_after ul li p{
	padding-top: 5px;
	line-height: 25px;
	color:#666;
	font-size:14px;
}
.sell_after_cate{
	width: 100%;
	padding-left: 20px;
}
.sell_after_item{
	width: 100%;
	list-style: afar;
	margin-bottom: 30px;
}
.sell_after_title{
	line-height: 1.3;
	font-size:16px;
}
.sell_after_mes{
	padding-top: 5px;
	line-height: 25px;
	color:#666;
	font-size:14px;
}
/*第六块*/
.partner_cate{
	width: 100%;
}
.partner_item{
	width: 267px;
	min-height:175px;
	float: left;
	margin-right: 28px;
	margin-bottom: 15px;
	overflow:hidden;
	border: 1px solid #e2e2e2;
}
.partner_item:hover{
	border: 1px solid #108cee;
	transition: all .3s ease-in-out;
}
.partner_item:last-of-type{
	margin-right: 0;
}
.partner_link{
	display: block;
	width: 100%;
	padding-top: 45px;
	padding-bottom: 27px;
	text-align: center;
	color: #333;
	position: relative;
}
.partner_link:hover{
	color: #108cee;
	transition: all .3s ease-in-out;
}
.partner_logo{
	display: block;
	margin: 0 auto;
	width:90%;
	/* height:65px; */
}
.partner_name{
	width: 100%;
	font-size: 16px;
	line-height: 1;
	margin-top: 22px;
}
/*合作伙伴描述*/
.partner_mes{
	width: 100%;
	height: 100%;
	min-height: 175px;
	/* padding: 40px 73px; */
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	background-color: #fff;
	text-align: left;
	text-align: center;
}
.partner_mes .name{
	height: 47px;
	line-height: 47px;
	font-size: 18px;
	color: #333;
	margin-top: 40px;
}
.partner_mes .desc{
	height: 12px;
	color: #666;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.partner_mes .more{
	color: #00a2ca;
}
/*图片块*/
.cont_block_img{
	width: 100%;
}
.cont_block_img>img{
	width: 100%;
}
/*左右块*/
.two_block_list{
	width: 100%;
	border: 1px solid #eee;
	background-color: #fff;
}
.two_block_title{
	width: 100%;
	text-align: center;
	line-height: 60px;
	color: #666;
	font-size: 16px;
	border-bottom: 1px solid #eee;
}
.two_block_cate{
	width: 100%;
	padding-top: 44px;
	padding-bottom: 40px;
}
.two_block_item{
	width: 50%;
	float: left;
}
.two_block_big_img{
	display: block;
	margin: 20px auto;
}
.two_lit_cate{
	width: 100%;
}
.two_lit_item{
	width: 50%;
	float: left;
	text-align: center;
}
.two_lit_item_bottom{
	margin-top: 40px;
}
.two_lit_link{
	display: block;
	width: 100%;
	text-align: center;
}
.two_lit_img{
	width: 72px;
	height: 72px;
	display: block;
	margin: 0 auto;
}
.two_lit_title{
	width: 100%;
	font-size: 17px;
	color: #333;
	height: 54px;
	line-height: 54px;
}
.two_lit_mes{
	width: 100%;
	font-size: 13px;
	line-height: 1;
	color: #999;
}
/*流程*/
.liucheng{
	width:1170px;
	height: 254px;
	margin: 0 auto;
}
.designItem{
	float: left;
    transition: all 0.3s 0.3s;
    transition-delay: 0.3s;
    cursor: pointer;
    max-width: 195px;
    opacity: 0;
}
.DesActive .designItem{
	opacity: 1;
}
.designItem:hover{-webkit-animation:hover 2s forwards;animation:hover 2s forwards;}
@-webkit-keyframes hover{
	0%{-webkit-transform:scale(1);transform:scale(1);}
	20%{-webkit-transform:scale(1.1);transform:scale(1.1);}
	40%{-webkit-transform:scale(0.9);transform:scale(0.9);}
	60%{-webkit-transform:scale(1.05);transform:scale(1.05);}
	80%{-webkit-transform:scale(0.95);transform:scale(0.95);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}

@keyframes hover{
	0%{transform:scale(1);}
	20%{transform:scale(1.1);}
	40%{transform:scale(0.9);}
	60%{transform:scale(1.05);}
	80%{transform:scale(0.95);}
	100%{transform:scale(1);}
}
.line{
	float: left;
	width: 96px;
	height: 3px;
	margin-top: 87px;
	transition: 0.2s;
}
.line1{
	background: url(../image/icon.png) -404px 0 no-repeat;
	margin-left: -22px;
}
.line2{
	background: url(../image/icon.png) -404px -21px no-repeat;
	margin-left: -22px;
}
.line3{
	background: url(../image/icon.png) -404px -42px no-repeat;
	margin-left: -22px;
}
.line4{
	background: url(../image/icon.png) -404px -62px no-repeat;
	margin-left: -22px;
}
.designItem2,.designItem3,.designItem4,.designItem5{
	margin-left: -22px;
}
.designItem3{opacity:0;transition:0.4s 0.8s;}
.DesActive .designItem3{opacity:1;}
.line2{opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 1s;}
.DesActive .line2{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.line3{opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 1s;}
.DesActive .line3{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}

.designItem2{opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 1.4s;}
.DesActive .designItem2{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.designItem4{opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 1.4s;}
.DesActive .designItem4{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}

.line1{opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 1.8s;}
.DesActive .line1{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.line4{opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 1.8s;}
.DesActive .line4{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}

.designItem1{opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 2.2s;}
.DesActive .designItem1{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.designItem5{opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 2.2s;}
.DesActive .designItem5{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}