@charset "utf-8";

u{border-bottom: 1px dashed; padding-bottom: 1px; text-decoration:none;}

.part_2{padding:30px 0}
.part_2_left{float:left;width:50%;padding-top:50px;border:0px dotted #2d98fb;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;color:#ffffff;}
.part_2_right{float:left;width:50%;padding-top:10px;padding-left:30px;}

.part_4 {padding:100px 0;}
.part_4_left{float:left; box-shadow:0px 0px 10px 5px rgba(0,0,0,.4);width:400px;}
.part_4_right{float:left;border:0px solid #ffffff;width:calc(100% - 450px);margin-left:50px;}

.part_5{}
.part_5_box{width:25%;color:#ffffff;padding:30px 10px 0;float:left;height:270px;}
.part_5_num{position:absolute;margin-top:-50px;font-weight:bold;font-size:100px;color:rgba(255,255,255,.2)}
.part_5_sub{border-left:0px solid rgba(255,255,255,.1);padding-left:10px;margin:30px 20px 0;line-height:22px;color:rgba(255,255,255,.7);}


.part_5_fam{margin-top:30px;}
.part_5_fam_left{width:25%;float:left;height:100px;padding:0px 10px;line-height:100px;background-color:#4fa7ff;}
.part_5_fam_left p{font-size:20px;}
.part_5_fam_right {width:75%;background-color:#ffffff;float:left;height:100px;padding:0px 20px;border:1px solid #dedede;line-height:100px;border-left:0px}
.part_5_fam_right p{font-size:17px;}

.part_5_works {margin-top:30px;}
.part_5_works_box{width:25%;float:left;}
.part_5_works_inbox{height:160px;padding:20px 10px;border:1px solid #e5e5e5;background-color:#f9f9f9;color:#7d7d7d;border-right:0px}
.part_5_works_inbox_2{height:160px;padding:20px 10px;border:1px solid #e5e5e5;background-color:#f9f9f9;color:#7d7d7d;}
.part_5_works_inbox_left{float:left;font-size:70px;}
.part_5_works_inbox_right{float:left;padding:20px 0 0 20px;font-size:17px}
.part_5_works_inbox_right p{font-weight:bold;font-size:30px;color:#2d98fb}
.contect_title{font-size:16px;color:#ffffff;margin:30px;}

.cl_layout_1{padding:140px 0;}
.insert_butt{margin:5px auto;width:160px;}
.butts {
	box-shadow:0px 0px 15px rgba(255,255,255,0);
	background-color:rgba(255,255,255,1);
	border-radius:10px;
	border:0px solid #ff766a;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:18px;
	text-align:center;
	padding:13px 0;
	text-decoration:none;
	width:160px;margin-top:14px;
}
.butts:hover {
	background-color:rgba(255,255,255,0.8);
	box-shadow:0px 0px 15px rgba(255,255,255,0);
}
.butts:active {
	position:relative;
	top:1px;
}


.butts2 {
	box-shadow:0px 0px 15px rgba(0,0,0,.3);
	background-color:rgba(255,255,255,0);
	border-radius:10px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	padding:13px 0;
	text-decoration:none;
	width:160px;margin-top:14px;
}
.butts2:hover {
	background-color:rgba(255,255,255,1);color:#000000;
}
.butts2:active {
	position:relative;
	top:1px;
}

.butts_2 {
	box-shadow:0px 0px 15px rgba(0,0,0,.3);
	background-color:rgba(255,255,255,0.9);
	border-radius:30px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:17px;
	text-align:center;
	padding:10px 0;
	text-decoration:none;
	width:140px;margin-top:14px;
}
.butts_2:hover {
	background-color:rgba(255,255,255,1);color:#000000;
}
.butts_2:active {
	position:relative;
	top:1px;
}

.butts_4 {
	border-radius:3px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:13px;
	text-align:center;
	padding:10px 0;
	text-decoration:none;
	width:90px;margin-top:3px;
}
.butts_4:hover {
	background-color:rgba(0,0,0,.7);color:#ffffff;
}
.butts_4:active {
	position:relative;
	top:1px;
}


.title_bars {line-height:30px;}
.title_bar{color:rgba(88,160,205,1);font-size:17px;margin-right:7px;padding:0px 1px 0px 1px;background-color:rgba(88,160,205,0);border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.title_bar span{}
.app_down{margin:80px 0 100px;}
.app_down img{width:247px;}
.down_left{margin-right:20px;}
.down_right{margin-left:20px;}
.sangse_title_0{margin-left:10px;margin:0px 0 30px;}
.sangse_title_1{margin-left:10px;margin:80px 0 30px;}
.sangse_box_1 {padding:20px 15px; background-color:#f5f3f3;border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;}
.logo_img {margin-top:1%;}

/* Box ÁØ ½ÅÁ¾Ãß°¡*/
.flow{margin:0 auto ;color:#3eb3c4}
.work_flow {width:16%;float:left;padding:5px;}
.work_flow_top {line-height:20px;font-size:20px;position: relative;color:#ffffff;border-radius:25px; -moz-border-radius:25px;-webkit-border-radius:25px;padding:4px 0px;background-color:#3eb3c4;border:1px solid #3eb3c4;margin:0px auto;max-width:120px;height:30px;}
.work_flow_head_mo p{font-size:28px;font-weight:bold;}
.work_flow_img {border:10px solid #dedede;position: relative;border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%;width:80%;padding:10%;margin:20px auto 0px auto;}
.work_flow_imgs {padding:10%;}
.work_flow_imgs img{width:100%;padding:0 10px;}
.work_flow_imgs p{position:relative;height:20px;font-size:17px;padding-top:0px;}
.work_flow_cont {padding:20px;border:0px solid #dedede;line-height:25px;font-size:14px;margin-top:40px;clear:both;}
.subTitle{font-size:20px;}
.xet-icon-boxk {
    cursor: default;
	padding:20px;
    position: relative;
    text-align: center;
}
.xet-icon-boxy{padding:20px 0;background-color:#2a2c2d;border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;color:#dedede;}
.xet-icon-boxy i{color:#ffffff;}

@media (max-width: 767px)
{

.pd-right-m{padding-right:0px;}
.pd-left-m{padding-left:0px;}

.part_2_left{width:100%;}
.part_2_right{width:100%;padding-left:10px;height:210px;padding-right:10px;border:0px dotted #dedede;border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; }
.part_4 {padding:40px 0;}
.part_4_left{width:100%;padding:0 auto}
.part_4_right{width:100%;margin-top:30px;margin-left:0px;}

.part_5_box{width:50%;color:#ffffff;padding:30px 10px 0;float:left;height:270px;}
.part_5_sub{border-left:0px solid rgba(255,255,255,.1);padding-left:0px;margin:30px 0px 0;line-height:22px;color:rgba(255,255,255,.7);}
.part_5_fam{margin-top:0px;}
.part_5_fam_left{width:100%;height:60px;padding-top:20px;line-height:50px;background-color:#3676b9;}
.part_5_fam_left p{font-size:20px;}
.part_5_fam_right {width:100%;background-color:#3778b6;height:auto;padding:30px 20px;line-height:20px;border:0px;}
.part_5_fam_right p{font-size:14px;color:#ffffff;}

.part_5_works_box{width:100%;}
.part_5_works_inbox{height:100px;padding:0px 10px;border:1px solid #e5e5e5;background-color:#f9f9f9;color:#7d7d7d;margin-top:5px;}
.part_5_works_inbox_2{height:100px;padding:0px 10px;border:1px solid #e5e5e5;background-color:#f9f9f9;color:#7d7d7d;margin-top:5px;}


.title_bars {line-height:20px;}
.title_bar{color:rgba(88,160,205,1);font-size:14px;height:20px;margin-right:7px;padding:1px 10px 1px 10px;background-color:rgba(88,160,205,0);border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.app_down{margin:80px 0 100px;}
.app_down img{width:48%;}
.down_left{margin-right:2%;}
.down_right{margin-left:2%;}


.butts_4 {
	border-radius:3px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	text-align:center;
	padding:10px 0;
	text-decoration:none;
	width:90px;margin-top:3px;
}


.xet-icon-boxk::before,
.xet-icon-boxk::after {
    border: 0px solid rgba(0, 0, 0, 0.1);
    content: "";
    height: calc(50% - 20px);
    pointer-events: none;
    position: absolute;
    transition: all 0.33s ease 0s;
    width: calc(100%);
}
.xet-icon-boxk::before {
    border-width: 1px 1px 0 1px;
    left: 0;
    top: 0;
}
.xet-icon-boxk::after {
    border-width: 0 1px 1px 1px;
    bottom: 0;
    right: 0;
}
.xet-icon-boxkxx:hover::before, 
.xet-icon-boxkxx:hover::after {
    border-color: #81bcff;
    height: calc(50% - 5px);
    width: 100%;
}
.xet-icon-boxkxx:hover {
	background-color: #fff;
	 transition: all 0.33s ease-out;
	-moz-transition: all 0.33s ease-out;
	-webkit-transition: all 0.33s ease-out;	
}
.xet-icon-boxk .moreLink {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	}
}


@media (max-width: 767px){
}

@media all and (max-width:480px)
{
}