@charset "utf-8";
/* CSS Document */

body { background-color:#efefef;}
/* 内容区 */

.index_wrap {}

.index_box { background-color:#FFF;}
.index_title { border-bottom:1px solid #949494; position: relative; padding:12px 0 0 36px; height:36px;}
.index_title .icon { position: absolute; left:3px; bottom:0; height:36px;}
.index_title .more { display: block; position: absolute; right:0; bottom:6px; color: #c3c7ce; font-size:14px; font-family: Arial; width:60px; height:20px; line-height:20px; text-align: center; border:1px solid #b5b5b5; border-radius:11px;}
.index_title .wzbox { float: left; position:relative;}
.index_title .wzbox .ch { color: #1c3358; font-size:20px; line-height:36px;}
.index_title .wzbox .en { position: absolute; width:200px; bottom:0; left:calc(100% + 6px); color: #c3c7ce; font-size:14px; line-height:30px; font-family: Arial;}


.index_jg { height:4px; background-color:#efefef;}

.smore { padding:12px 0;}
.smore a { display: block; width:120px; height:36px; margin: 0 auto; color: #a32c25; font-size:16px; line-height:36px; text-align: center; background-color:#efefef; border-radius:3px;}


.index_01 { margin:0; font-size:0; padding:18px 0 8px 0;}
.index_01 a { display: inline-block; width:20%; text-align: center; font-size:0;}
.index_01 a .img { width:60px; height:60px;}
.index_01 a .wz { color: #595959; font-size:14px; line-height:26px;}
 
 
.index_02 {}
.slist_01 {}
.slist_01 ul {}
.slist_01 ul li { border-bottom:1px dashed #d8dadd;}
/*.slist_01 ul li a { display: block; height:88px; font-size:0; padding: 10px 6px;}*/
.slist_01 ul li a { color: #313539;  }
.slist_01 ul li a .wz { color: #313539; font-size:16px; line-height:26px; height:52px; }
.slist_01 ul li a .img { float: left; width:120px; height:88px;}
.slist_01 ul li a .wzbox { float: right; width:calc(100% - 128px); height:88px; position: relative;}
.slist_01 ul li a .wzbox .h1 { color: #313539; font-size:16px; line-height:26px; height:52px;}
.slist_01 ul li a .wzbox .from { position: absolute; right:0; bottom:0; color: #7d8690; font-size:12px; line-height:18px;}
.slist_01 ul li a .wzbox .from span { color: #94adbf; margin-right:14px;}

.index_03 {}
.slist_02 { border-bottom:1px dashed #d8dadd; position: relative; overflow: hidden;}
.slist_02 ul { position: relative; top:1px;}
.slist_02 ul li { float: left; width:50%; border-bottom:1px dashed #d8dadd;}
.slist_02 ul li a { display: block; font-size:0; float: left; width:calc(100% - 8px); padding:16px 0 8px 0;}
.slist_02 ul li a .img { display: block; width:100%; height:calc(32.5vw - 13px);}
.slist_02 ul li a .wz { color: #313539; font-size:16px; line-height:20px; margin-top:3px; text-align: center;}

.index_04 { padding-bottom:12px;}

.index_05 { padding:0 0 20px 0; background-image:url(../image/bg-i04.jpg); background-position: top center; background-size:auto 100%;}
.index_05 .index_title {}
.index_05 .index_title .wzbox .ch { color: #ffffff;}
.index_05 .index_title .wzbox .en {}
.index_05 .main { padding: 0 4px; margin-top:12px;}
.index_05 .main .list {}
.index_05 .main .list ul {}
.index_05 .main .list ul li { width:50%; float: left;}
.index_05 .main .list ul li a { display: block; height:calc(33vw - 10px); position: relative;}
.index_05 .main .list ul li a .img { width:100%; height:100%;}
.index_05 .main .list ul li a .wzbox { position: absolute; left:0; bottom:0; width:100%; background:url(../image/bg-i04_wzbox.png) repeat-x left bottom; background-size:auto 100%;}
.index_05 .main .list ul li a .wzbox .wz { margin: 0 10px; color: #ffffff; font-size:16px; line-height:24px;}
/**/.index_05 .main .list ul li:nth-child(2n) a .wzbox .wz { text-align: right;}


.index_06 { padding-bottom:15px;}
.index_06 .index_title { border:0;}

.index_06 .main {}
.index_06 .main .outbox { position:relative; margin-top:18px;}
.index_06 .main .outbox .bgbox { position: absolute; top:5px; left:5px; width:100%; height:100%; background-color:rgba(9,43,129,0.05); border-radius:4px;}
.index_06 .main .outbox .mainbox { padding: 10px 8px 0 8px; position: relative; z-index:4; border-radius:4px; border:1px solid #bdbdbd; border-radius:4px; background:url(../image/mainbox.jpg) repeat-x left center; background-size:auto 100%;}
.index_06 .main .outbox .mainbox .top { height:44px;}
.index_06 .main .outbox .mainbox .top table { height:100%; table-layout: fixed;}
.index_06 .main .outbox .mainbox .top table .td1 { width:44px;}
.index_06 .main .outbox .mainbox .icon { width:44px; height:44px; float: left;}
.index_06 .main .outbox .mainbox .wz1 { width:calc(100% - 8px); float: right; color: #313539; font-size:16px; line-height:22px;}
.index_06 .main .outbox .mainbox .wz2 { color: #646873; font-size:12px; line-height:20px;}
.index_06 .main .outbox .mainbox .wz3 { color: #646873; font-size:12px; line-height:16px; padding:5px 0 3px 0;}
.index_06 .main .outbox .mainbox .btn { position: absolute; top:-16px; right:-6px; color: #ffffff; font-size:16px; text-align: center; line-height:28px; width:72px; height:28px; background-color:#a32c25; border-radius:4px;}

.index_06 .alert_wrap { display:none; position: fixed; z-index:99999; top:0; left:0; width:100%; height:100%;}
.index_06 .alert_wrap .close { z-index:2; position: absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.50);}
.index_06 .alert_wrap .inside { position: absolute; z-index:3; width:140px; top:calc(50% - 98px); left:calc(50% - 70px);}
.index_06 .alert_wrap .inside .img { width:140px; height:140px;}
.index_06 .alert_wrap .inside .wz { color: #FFF; font-size:18px; text-align: center; line-height:28px;}


.index_07 { background-image:url(../image/bg-i07.jpg); background-position: center center; background-size:150% auto;}
.index_07 .main {}
.slist_03 { padding-bottom:16px;}
.slist_03 ul {}
.slist_03 ul li { float: left; width:50%; padding-top:14px;}
.slist_03 ul li a { display: block; margin: 0 4px; height:calc(32.8vw - 13px); position: relative;}
.slist_03 ul li a .img { width:100%; height:100%;}
.slist_03 ul li a .wzbox { position: absolute; left:0; bottom:0; width:100%; height:30px; background:url(../image/bg-i04_wzbox.png) repeat-x left bottom; background-size:auto 100%;}
.slist_03 ul li a .wzbox .wz1 { color: #ffffff; font-size:16px; text-align: center; line-height:30px;}

@media screen and (max-width: 359px) {
	.index_01 a .img { width:52px; height:52px;}
	.index_01 a .wz  { font-size:12px;}
}
.index_wrap {
    position: relative;
    overflow: hidden;
}

			/*06-11新增*/
.index_08 { background-color:#fbfbfb;}
.index_08 .index_title .icon { height:28px; bottom:4px;}
.index_08 .main { padding:6px 0 14px 0;}
.index_08 .main ul {}
.index_08 .main ul li { float:left; width:33%; margin-top:8px !important;}
.index_08 .main ul li:nth-child(3n-1) { margin: 0 0.5%;}
.index_08 .main ul li a { display:block;}
.index_08 .main ul li a .img { width:100%;}

.index_09 { height:32px; padding:12px 0; background-color:#f4f4f4;}
.index_09 .item { float:left; width:calc(25% - 3px);}
.index_09 .item+.item { margin-left:4px;}
.index_09 .item .select { width: 100%; color: #505050; font-size:12px; height:30px; line-height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #c1c1c1;}

.Bread{height:40px;line-height:40px;color:#4a4a4a;font-size:14px;width:95%; padding: 0 2.5%; background-color:#fafafa; overflow:hidden;}
.Bread a{color:#4a4a4a;font-size:12px;}
/**/.Bread a.on { color: #134685;}