﻿/* detail */
.mes_detail_bg{ padding: 30px 0 60px;}
.tabs {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabs li {
    float: left;
    background: #f5f5f5;
	/*margin: 0 -15px 0 0;
	 border-bottom: 1px solid #3d3d3d; */
}

.tabs a {
	float: left;
	position: relative;
    padding: 6px 32px;
    height: 28px;
	line-height: 28px;
	color: #333;
	font-size: 16px;
}

.tabs a:hover,.tabs a:focus {
    background: #0462cd;
    color: #fff;
	opacity: 1;
	filter: alpha(opacity =       100);
}

/* .tabs a:focus {
	outline: 0;
} */

.tabs .current {
    background: #0462cd;
    color: #fff;
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity =       100);
}

.content {
	background: #fff;
	padding-top: 30px;
}

/* adv */
.mes_adv_bg{ background: #f6f8fb; padding: 50px 0; }
.mes_adv_item { width: 1234px;}
.mes_adv_item li{ float: left; width: 264px; margin-right: 44px;padding-top:20px;box-shadow:0px 0px 10px rgba(183,183,183, 0.3); /*background: url(../images/mes/mes_adv_bg.png) no-repeat left top #fff;*/}
.mes_adv_item li h4{ font-size: 18px; color: #333; font-weight: normal; line-height: 40px; height: 40px; margin: 0 0 0px 20px; }
.mes_adv_item li p{ font-size: 14px; line-height: 24px; color: #999; height: 144px; margin: 0 20px 30px; overflow: hidden;}
.mes_adv_intro{ margin-top: 26px; }
.mes_adv_intro_t{ float: left; width: 566px; margin-top: 20px;}
.mes_adv_intro_t p{ font-size: 16px; line-height: 28px; color: #5b5b5b;  margin-bottom: 32px;}
.mes_adv_intro_pic{ float: right;}
/* value */
.mes_value_bg{ padding: 50px 0 30px; background: url(../images/mes/mes_value.png) no-repeat center bottom;}
.mes_value { width: 1225px;}
.mes_value li{ float: left; width: 237px; border:1px solid #dfdddd; padding: 30px 16px; margin-right: 35px; margin-bottom: 35px;}
.mes_value_icon{ float: left; width: 48px; height: 48px; margin-right: 24px;}
.mes_value_text{ float: left; width: 165px; height: 48px; overflow: hidden;}
.mes_value_text h3{ font-size: 15px; color: #5b5b5b; font-weight: normal; margin-bottom: 4px;}
.mes_value_text span{ display: block; font-size: 20px; color: #0462cd;}
/* flow */
.mes_flow_bg{ padding: 48px 0 60px; background: #f2f8ff;}
.mes_flow{ width: 1218px;}
.mes_flow li{ float: left; width: 274px; height: 72px; border:1px solid #58a0f2; padding: 15px 0; margin-right: 28px; background: url(../images/mes/mes_flow.png) no-repeat left center;}
.mes_flow li h4{ float: left; width: 48px; height: 48px; margin: 12px 20px 0 10px; font-size: 18px; line-height: 24px; color: #fff; font-weight: normal;}
.mes_flow li p{ float: left; width: 190px; overflow: hidden; color: #5b5b5b; line-height: 24px;}
.mes_flow li p span{ display: inline-block; width: 92px; font-size: 14px; color: #5b5b5b; }
/* case */
.mes_case_bg{ padding: 36px 0 40px;}
.mes_case{ padding: 19px 20px; background: #f8f8f8; margin-bottom: 30px;}
.mes_case_trouble,.mes_case_reason{ width: 576px;}
.mes_case_trouble{background: #fff8f8;}
.mes_case_reason{background: #f2f8ff;}
.mes_case dt{ font-size: 18px; color: #222; margin-bottom: 10px;}
.mes_case dd{ font-size: 14px; color: #5b5b5b; line-height: 26px;}
.mes_case_trouble dt{ color: #ff0000;}
.mes_case_reason dt{ color: #0462cd;}
.mes_case_trouble dd{ padding-left:30px; background: url(../images/mes/mes_case_wrong.png) no-repeat left 6px;}
.mes_case_reason dd{ padding-left:30px; background: url(../images/mes/mes_case_right.png) no-repeat left 6px;}
/* form */ 
.info_form{ width: 1220px;}
.nine_submit{ margin-top:20px; }
.nine_submit li{ float:left; width:376px; height:50px; margin-right:30px; margin-bottom:20px;}
.nine_submit li p{ width: 100%; height:38px;border:solid 1px #eeeeee; overflow: hidden;}
.nine_submit li input{ float:left; width: 100%; height: 34px; font-size:14px; line-height:34px; color: #7D7D7D; font-family:"微软雅黑"; background: transparent; text-indent: 12px;}
.nine_submit li .code{ width: 260px;}  
.nine_submit li .getCode{ float:right; width: 114px; height: 38px; line-height: 38px; cursor: pointer; color:#fff; background: #78adf0; font-size: 13px; text-indent: 0;}
.nine_submit li .cur{ background: #3e8ef3;}
.text_main textarea{ width:1170px; height:96px; border:solid 1px #eeeeee; padding:10px; font-size:14px; line-height:24px; color: #7D7D7D; font-family:"微软雅黑"; resize: none; background: transparent;}
.tijiao{width:190px;  margin:36px auto 0 auto; border-radius: 20px;}
.tijiao input{ width:190px; height:40px; line-height:40px; font-size:14px; color:#fff;  border: none; background: #78adf0; text-align:center; font-family:"微软雅黑"; cursor: pointer; outline: none;}
.nine_submit li .getCode:hover,.tijiao:hover input{ background: #3e8ef3;}
/* down */
.doc_down_box{ width: 1250px; overflow: hidden; margin-top:60px; }
.doc_down{ width:545px; float:left;border:1px solid #ddd;padding:16px 14px; margin: 0 40px 20px 0%;}
.doc_down_icon{ float:left; width:50px; height:50px; margin-top: 5px;}
.doc_down_icon img{ width: 100%;}
.doc_down_text{ float:right; width: 480px;}
.doc_down h3{ font-size: 16px; font-weight:normal;color:#000;line-height:20px; height:20px; overflow:hidden; margin-bottom: 10px;}
.doc_down a{display:block;width:66px;height:24px;background:#2ea3eb;border-radius:2px;line-height:24px; font-size: 12px; color:#fff;text-align:center;letter-spacing:2px}
.doc_down i{width:55px;height:55px;font-size:55px;color:#2ea3eb;margin-right:16px;margin-top:9px}
.doc_down_text .doc_undown_ico { background:#999;}

