﻿@charset "utf-8";
.header { top:0; }
.banner { position:relative; width:100%; height:423px;}
.banner a { height: 423px; overflow: hidden; }
.banner .swiper-container-horizontal>.swiper-pagination { text-align: center; height: 12px; bottom: 22px; }
.container { background: #fff; z-index: 9; }
.container .wrap {position: relative; width:1180px; min-height:500px; margin:0 auto; padding-bottom: 90px; }
.sidebar { width:100%;position: relative; margin-top:-67px; z-index: 9;}
.side-wrap { margin: 0 auto; width: 1180px; background: url(../images/side-wrap.png); overflow-y:visible; }
.crumbs { float: left; width: 90px; height: 67px; border-right: 1px solid #b3b3b3; }
.breadcrumbs { float: right; background: url(../images/mb-icon-2.png) no-repeat left center; color:#0067c6; font-size: 0; line-height: 67px; }
.breadcrumbs a { display: block; width: 90px; height: 67px; color:#858484; }

.slide-menu {position: relative;}
.menu { position: relative; min-height: 67px; }
.menu h2 { position: relative; float: left; min-width: 300px; margin-top: -24px; padding: 36px 22px 0; background: #1d2088; color: #fff; line-height: 64px; font-weight: 100; font-size:24px; z-index: 9; display: none; }
.menu h2 span { display: inline-block; margin-left: 25px; font-size: 24px; vertical-align: top; font-family: 'Montserrat'; text-transform: uppercase; font-weight: 100; }
.menu h2:after { content: ""; position: absolute; top:0; left: 22px; width: 2px; height: 35px; background: #fff; }
.menu h4 {float: left; color: #000; line-height: 67px; font-size:22px; font-weight: 100; position: relative; }
.menu ul { float: left; }
.menu ul:after{content:'\20';display:block;height:0;clear:both}
.menu ul {*zoom:1}
.menu li { position: relative; float: left; border-right: 1px solid #b3b3b3; text-align: center; }
.menu li:first-child:after{ display: none; }
.menu li>a { position: relative;padding:0 60px 0 82px;display: block; line-height: 67px; color: #fff; font-size: 16px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.menu li>a:after { content:'>'; display:inline-block; width:14px; height:8px; margin-top: 30px; margin-left: 8px; vertical-align: top; font: bold 12px/8px '宋体' ; transform: rotate(90deg); }
.menu li.current>a,.menu li:hover>a { background-color: #00148c; color: #fff; }
.menu li:hover {z-index: 3;}
.menu li:hover>a {transition:.2s;overflow:visible;text-overflow:inherit;width: auto;display: inline-block;opacity: .9}
.menu dl { display: none; position: absolute; left: 0; top: 67px; width: 100%; background: url(../images/menu.png); z-index: 999;}
.menu dd a { position: relative;display: block; padding: 25px 18px; border-bottom: 1px solid #a6a6a6; color: #fff; font-size: 16px; line-height: 17px; text-align: left; }
.menu dd.current a,.menu dd:hover a { background: url(../images/menu.png); }

.t-menu { padding-top: 48px; line-height: 64px; font-size: 32px; text-align: center; }
.t-menu a { position: relative; display: inline-block; padding: 0 35px; }
.t-menu a::after { position: absolute; right: 0; top: 50%; margin-top: -11px; content: ''; display: block; width: 1px; height: 22px; background-color: #c1c1c1; }
.t-menu a:last-child::after { content: none; }
.t-menu a.on { color: #00148c; }

.tempWrap + .menu-prev,.tempWrap + .menu-prev  + .menu-next {position: absolute; top: -42px;width: 17px;background: #0099df; color: #fff; text-align: center;font-size: 14px; height: 19px;font-family: 'SimSun';}
.tempWrap + .menu-prev:before,.tempWrap + .menu-prev  + .menu-next:before {text-align: center;position: absolute; top: 0;left: 0;width: 100%;height: 100%;line-height: 19px;}
.tempWrap + .menu-prev:before {content: '<'}
.tempWrap + .menu-prev  + .menu-next:before {content: '>'}
.tempWrap + .menu-prev {right: 25px;}
.tempWrap + .menu-prev  + .menu-next {right: 0;}
.tempWrap + .menu-prev:hover,.tempWrap + .menu-prev  + .menu-next:hover { background: #0099df; }
.tempWrap + .prevStop,.tempWrap + .menu-prev  + .nextStop {background: #c6c6c6 !important;cursor: default;}

.page-meta { padding: 54px 32px; color: #00148c; font-size: 16px; line-height: 28px; }


/* article */
.article { padding: 26px 32px 52px; color: #292929; line-height:180%; word-wrap:break-word; text-align:justify; }
.article img,.article table { max-width: 100%;}
#dituContent img {max-width: 1500px;}

.search {}
.search li { clear: both; padding: 30px 10px 45px 0; border-bottom: 1px solid #d7d7d7;}
.search li img { float: left; padding-right: 26px;}
.search li h2 a { display: block; padding: 10px 0 11px; color: #2a2929; font-size: 18px; line-height: 28px; font-weight: normal;}
.search li h2 a:hover {color: #00a0e9;}
.search li em { color: #797979; font-size: 14px; line-height: 24px; display: block; padding-bottom: 20px;}
.search li p { margin-bottom:18px; min-height:72px; color: #797979; font-size: 14px; line-height: 24px;}
.search li .more { display:inline-block; width:90px; height:32px; padding:0 0 0 14px; border:1px solid #bfbfbf; background:url(../images/iz_03.png) no-repeat 84% 50%; color:#bfbfbf; font:14px/32px arial; text-transform:uppercase; vertical-align:top; }
.search li .more:hover { border:1px solid #0285d1; background:#0285d1 url(../images/iz_04.png) no-repeat 84% 50%; color:#fff; }

.search-tittle { margin: 0 7px; padding: 0 20px; height: 68px; background: #d6d7d9; margin-bottom: 25px;}
.search-tittle h2 { padding: 16px 0 10px; color: #696969; font-size: 14px; line-height: 14px; text-align: center;}
.search-tittle p { display: table; margin: 0 auto;}
.search-tittle span { margin: 0 12px; color: #696969; font-size: 12px; line-height: 12px;}
.search-page { margin-top: 40px; padding-top: 20px; border-top: 1px solid #d7d7d7;}
.search-page a { display: block; color: #656565; font-size: 12px; line-height: 30px;}
.search-page a:hover { color: #00a0e9;}

/* page */
.search .page { color:#000; line-height:40px; clear:both; display:table; margin:50px auto 0;  }
.search .page a.noBo { border:0;}
.search .page a { float:left; padding:0 15px; color:#333; margin: 0 4px; font-size: 12px; border-radius: 3px; line-height: 40px; display:table-cell; vertical-align: top; }
.search .page a.prev { /*background: #b7b7b7; width:40px; color: #fff; padding:0;*/ height:40px; line-height: 40px; font-family: 'SimSun'; font-size: 20px; text-align: center; display:block; border:0; margin:0; margin-right: 50px;}
.search .page a.next { /*background: #b7b7b7; width:40px; height:40px; color: #fff; padding:0;*/ line-height: 40px; font-family: 'SimSun'; font-size: 20px; text-align: center; display:block; border:0; margin:0; margin-left: 50px;}
.search .page a:hover,.search .page a.current { background-color: #019bff; color:#fff; }
.search .page .prev + a {border:none;}

/* news */
.news { padding: 57px 0 0; }
.news ul li { float: left; width: 364px; margin:0 44px 44px 0; }
.news ul li img { display: block; }
.news ul li .txt { padding: 23px 17px 32px; background-color: #f4f4f4; color: #202020; font-size: 12px; line-height: 22px;min-height: 220px; }
.news ul li .txt h2 { margin-bottom: 14px; line-height: 24px; font-size: 16px; font-weight: normal; min-height: 48px; }
.news ul li .txt .more { margin-top: 15px; }
.news ul li:nth-child(3n) { margin-right: 0; }

.list { padding:0 0 27px;}
.list li { clear: both; padding: 30px 0 24px; border-bottom: 1px dashed #cdcdcd;}
.list li img { float: left; padding-right: 30px;}
.list li h2 a { color: #252525; font-size: 18px; line-height: 34px; font-weight: normal; display: block; padding: 14px 0}
.list li h2 a:hover {color: #00148c;}
.list li em { color: #909090; line-height: 24px; display: block; padding-bottom: 20px;}
.list li p { height: 86px; color: #909090; line-height: 24px;}
.list li a.more { color: #666; line-height: 24px; }
.list li a.more:hover {color: #00148c;}

.project-list { padding: 0 32px; }
.project-list dl { position: relative; margin-bottom: 30px; padding: 32px 32px 32px 217px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background-color: #fff; }
.project-list dl dt { margin-bottom: 19px; color: #131313; font-size: 18px; line-height: 30px; }
.project-list dl dd { min-height: 72px; color: #494a4a; line-height: 24px;  }
.project-list dl dd.img { position: absolute; left: 50px; top: 35px; width: 115px; }

.d-project-list { padding: 10px 0 0; }
.d-project-list dl { float: left; position: relative; width: 378px; height: 289px; margin-right: 23px; margin-top: 30px; padding: 72px 0 0; background-color:#f2f2f2; text-align: center; }
.d-project-list dl dt { color: #3a3a3a; font-size: 20px; line-height: 58px; }
.d-project-list dl dd.img { width: 115px; margin: 0 auto; }
.d-project-list dl:nth-child(3n) { margin-right: 0;}


/*    pic-list    */
.pic-list { position: relative; width: 1200px; padding: 79px 10px 56px; overflow: hidden; }
.pic-list ul { position: relative; width: 1190px; margin:0 -5px; }
.pic-list ul li {position: relative;float: left;width: 366px;margin: 0 15px 30px;box-shadow: 0 5px 10px rgba(0,10,0,0.1);overflow: hidden;}
.pic-list ul li .txt {padding: 25px 25px 25px;font-size: 12px;line-height: 20px;}
.pic-list ul li .txt h3 { margin-bottom: 20px; font-size: 16px; line-height:36px; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.pic-list ul li .txt h3 a { color: #252525; }
.pic-list ul li .txt .more { margin-top: 30px; }
.pic-list ul li .txt .more a:hover { color: #00148c; text-decoration: underline; }

.trend-list { padding:0 0 82px;}
.trend-list li { clear: both; margin-bottom: 17px; padding: 20px 0 20px; border-bottom: 1px solid #e9e9e9; overflow: hidden; }
.trend-list li img { float: left; padding-right: 30px;}
.trend-list li .txt { overflow: hidden; display: block; }
.trend-list li .txt h3 { margin-bottom: 10px; }
.trend-list li .txt h3 a { color: #0f0f0f; font-size: 16px; line-height: 40px; font-weight: normal; display: block; }
.trend-list li .txt h3 a:hover {color: #00148c;}
.trend-list li .txt p { height: 78px; color: #616161; line-height: 20px;}
.trend-list li .txt em { color: #909090; line-height: 24px; display: block; padding-bottom: 20px;}
.trend-list li .txt .more { height: auto; }
.trend-list li .txt .more a { color: #616161; font-size: 12px; line-height: 20px; }
.trend-list li .txt .more a:hover  {color: #00148c;}
.trend-list li:last-child { margin-bottom: 0; }

.work-list { padding:25px 0 8px;}
.work-list li { clear: both; margin-bottom: 33px; padding: 27px 0 27px; border-bottom: 1px dotted #cdcdcd; overflow: hidden; }
.work-list li img { float: left; padding-right: 42px;}
.work-list li .txt { overflow: hidden; display: block; margin-top: -7px; }
.work-list li .txt h3 { margin-bottom: 16px; }
.work-list li .txt h3 a { color: #252525; font-size: 18px; line-height: 30px; font-weight: normal; display: block; }
.work-list li .txt h3 a:hover {color: #00148c;}
.work-list li .txt p { height: 69px; color: #909090; line-height: 24px; }
.work-list li .txt em { color: #909090; line-height: 24px; display: block; padding-bottom: 19px;}
.work-list li .txt .more { height: auto; }
.work-list li .txt .more a { color: #666; line-height: 24px; }
.work-list li .txt .more a:hover  {color: #00148c;}
.work-list li:last-child { margin-bottom: 0; }

.news-aside { float: right; width: 303px; padding: 62px 0 0; }
.news-aside h3 { margin-bottom: 12px; line-height: 55px; border-bottom: 3px solid #0067c6; font-size: 24px; font-weight: normal; }
.news-aside ul {  }
.news-aside ul li { padding-left: 17px; background:url(../images/icon28.jpg) no-repeat 0 50%; line-height: 34px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.news-tittle { margin-top: 48px; margin-bottom: 6px; padding: 17px 17px 24px; border-bottom: 1px dashed #b3b3b3; background-color: #f6f6f6; line-height: 24px; text-align: center; }
.news-tittle h2 { padding: 10px 0; color: #00148c; font-size: 24px; line-height: 31px; font-weight: normal; }
.news-tittle p { color: #5a5a5a; font-size: 14px; line-height: 24px;}

/* 分享 */
.news-tittle .action-share { float: right; height:24px; padding:0; text-align:center; overflow:hidden; }
.news-tittle .bdshare-button-style0-24{line-height:24px;}
.news-tittle .bdshare-button-style0-24 a{position:relative;display:inline-block;width:24px;height:24px;margin-left:5px; padding: 0; background:url(../images/share.png);vertical-align:top;cursor:pointer;opacity:.8;}
.news-tittle .bdshare-button-style0-24 a:hover{opacity:1;}
.news-tittle .bdshare-button-style0-24 a.bds_tsina{background-position:0 0;}
.news-tittle .bdshare-button-style0-24 a.bds_weixin{background-position:0 -32px;}
.news-tittle .bdshare-button-style0-24 a.bds_qzone{background-position:0 -65px;}
.news-tittle .bdshare-button-style0-24 a.bds_sqq{background-position:0 -98px;}
.news-tittle .bdshare-button-style0-24 a.bds_renren{background-position:0 -131px;}
.news-tittle .bdshare-button-style0-24 a.bds_tqq{background-position:0 -163px;}
.news-tittle .bdshare-button-style0-24 a.bds_douban{background-position:0 -196px;}
.news-tittle .bdshare-button-style0-24 a.bds_fbook{background-position:0 -226px;}

.news-tittle a { padding: 0 30px 0 24px; background: url(../images/mb-icon-4.png) no-repeat left center;}
.news-tittle a:hover {color: #0067c6;}
.news-tittle .date { padding: 0 15px 0 27px; background: url(../images/mb-icon-5.png) no-repeat left center; background-size: auto 16px;}
.news-tittle .yd { padding-left: 30px; background: url(../images/mb-icon-6.png) no-repeat left center;}
.news-tittle .wx { position: relative; float: right; display: block; margin-top: -1px; margin-left: 18px; width: 18px; height: 17px; background: url(../images/mb-icon-7.png) no-repeat left center; cursor: pointer;}
.news-tittle .wx img { display: none; position: absolute; left: 20px; top: -41px;}
.news-tittle .wx:hover img { display: block;}
.news-page { margin-top: 27px; padding: 15px 0; border-top: 1px solid #e5e5e5;}
.news-page a { float: left; height: 26px; color: #5e5e5e; font-size: 14px; line-height: 26px;}
.news-page a.np-next { float: right; }
.news-page a.np-back { position: relative; left: 50%; margin-left: -16px; text-align: center; }

.article-down { display: inline-block; margin-top: 30px; text-align: center; }

/* page */
.page { position: relative; color:#000; line-height:45px; clear:both; display:block; margin:33px 0 0; padding: 0 115px 33px; text-align: center; }
.page a.noBo { border:0;}
.page a { display: inline-block; width: auto; color:#333; margin: 0 5px; vertical-align: top; font-family: 'Montserrat'; text-align: center; }
.page a.prev,.page a.next { position: absolute; top: 0;  display:block; width: 115px; height:45px; margin:0; border:0; background: #00148c; color: #fff; line-height: 45px; font-size: 14px; text-align: center; }
.page a.prev { left: 0;}
.page a.next { right: 0; }
.page a:hover,.page a.current { color:#00148c; }
.page .prev + a {border:none;}

/*hr*/
.hr { width: 100%; background: #fff;  }
.hr thead th { padding: 0 58px; background: #515151; color: #fff; font-size: 16px; line-height: 56px; text-align: center; }
.hr td { padding: 0 0.7rem !important; height: 45px; border-top: 1px solid #cfcfcf; color: #7c7c7c; font-size: 14px; text-align: center; vertical-align: middle !important;}
.hr td a.more { display: block; margin: 0 auto;  width: 101px; height: 45px; background: url(../images/md-icon-6.png) no-repeat left center; color: #7c7c7c; line-height: 45px;}
.hr tr:hover td { background: #efefef; }
.hr tr:hover td a.more { color: #f00;}

/*hr-detail*/
.hr-detail-text { margin: 0 58px; border-bottom: 1px solid #d1d1d1; overflow: hidden;}
.hr-detail-text .hd { line-height: 70px; text-align: center; cursor: pointer; }
.hr-detail-text .hd ul li { float: left; width: 20%; vertical-align: top; }
.hr-detail-text .bd { padding: 0; border-top: 1px solid #cfcfcf; background: #efefef; display: none; }
.hr-detail-text .bd dl { float: left; width: 50%; padding: 30px 45px; line-height: 24px; }
.hr-detail-text .bd dl dt { margin-bottom: 10px; color: #4e4e4e; font-size: 18px; }
.hr-detail-text .bd dl dd { padding: 12px 0; color: #464646; }

.hr-detail-text.on .hd h2:after { background: url(../images/h02.png) no-repeat 50%; }

.hdt { padding: 17px 0; border-bottom: 1px solid #d1d1d1; color: #505050; }
.hdt li { float: left; width: 25%; padding-left: 40px; line-height: 42px; }

.hr-detail-text .joinUs { padding: 35px 45px; border-top: 1px solid #d1d1d1; line-height:45px; }
.hr-detail-text .joinUs a { display: block; width:172px; height:46px; background-color:#e60012; color:#fff; text-align:center; }
.hr-detail-text .joinUs a:hover { opacity:.9; }

.hr-detail { background: #fff; }
.hr-detail-top { padding: 0 58px; background: #515151; color: #fff; font-size: 16px; line-height: 56px; text-align: center; }
.hr-detail-top ul li { float: left; width: 20%; vertical-align: top; }
.hr-detail-bd { padding-bottom: 95px; }


.reg-form { padding-top: 33px; }

.sform ul { width: 600px; margin:0 auto; }
.sform ul li { position: relative; margin-bottom:24px; }
.sform ul li .m-ipt { position: relative; }
.sform ul li .m-ipt-lt { position: absolute; right: -22px; top: 0; height:60px; line-height:60px; overflow: hidden; font-size: 18px; text-align: right; }
.sform ul li .m-ipt-lt span { color: #ee2e2c; display: inline-block; }
.sform ul li .m-ipt-rt { display: block; overflow: hidden; height:60px; }
.sform ul li .u-ipt { width: 100%; height:60px; padding:10px 26px; background:#fff; border-radius: 0; border: 1px solid #dedede; background-color: #f7f7f7; color: #212121; line-height:58px; }
.sform ul li .u-ipt:focus { box-shadow:0 0 3px rgba(0,0,0,0.2); }
.sform ul li.submit { text-align:center; }
.sform ul li.submit input { width:100%; height: 60px; margin: 0 auto; padding: 0; border:0; border-radius: 0; background: #00158c; color: #fff; font-size:16px; line-height:60px; overflow: hidden; cursor: pointer; }
.sform ul li.submit input:hover { background: #3172b8; }

.sform .other { color: #ee2e2c;  text-align: center; }





/* form */
.form-panel input,.form-panel textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.form-panel .ishalf { float: left; margin: 0 10px 20px; width: 580px;}
.form-panel .nohalf {width: 1180px; margin: 0 10px 20px; clear: both;}
.form-panel .form-text { overflow: hidden;}
.form-panel .form0 .form-text,.form-panel .form1 .form-text { line-height: 36px;}
.form-panel .form0 .form-text input,.form-panel .form1 .form-text input { float: left; margin-top: 10px;}
.form-panel .form0 .form-text em,.form-panel .form1 .form-text em { float: left; padding: 0 20px 0 5px;}
.form-panel label { display: block; height: 30px; color: #5a5a5a; font-size: 14px; line-height: 14px;}
.form-panel label em { color: #ff0000;}
.form-panel .text { padding: 10px; width: 100%; height: 36px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.form-panel p { float: left; margin-bottom: 20px; padding-left: 15px; width: 293px; height: 45px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 45px;}
.form-panel .textarea { padding: 10px; width: 100%; height: 250px; background: #fff; border: 1px solid #d4d4d4; outline: none; resize: none;}
.form-panel .submit { display: block; margin-top: 40px; margin-left: 10px; width: 167px; height: 50px; border: 0; border-radius: 4px; background: #e60012; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; outline: none;}
.form-panel .submit:hover { opacity: 0.8;}
.form-panel .text:focus,.form-panel .textarea:focus { border: 1px solid #e60012;}


/* form */
.form-panel { margin-bottom: 100px; padding: 45px 85px 26px; background: #f2f3f5; }
.form-panel .msg-title { margin-bottom:26px; color: #282951; font:24px/48px arial; }
.form-panel li { float: left; border: 0; width: 324px; margin-right: 29px; margin-bottom: 18px; }
.form-panel li:nth-child(3){ margin-right: 0;}
.form-panel li:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .field { float: left; border: 0; width: 1030px; margin: 0 0 18px; clear: both; }
.form-panel li label { display:block; color: #878787; font-size: 14px; line-height: 16px; margin: 16px 0 0 8px; }
.form-panel li label em { text-transform: uppercase; color: #c1c1c1; font-size: 14px; line-height: 16px;}
.form-panel .input { margin: 0; width: 100%; height:48px; padding:15px 20px 15px 48px; border: 1px solid #eee; background-color: #ffffff; border-radius: 0; color:#333; font-size: 14px; line-height: 20px; }
.form-panel .input1 { margin: 0; width: 100%; height:48px; padding:15px 20px 15px 48px;  border: 1px solid #eee; background-color: #ffffff; border-radius: 0; color:#878787; font-size: 14px; line-height: 20px; }
.form-panel .textarea { margin: 0; float: left; width:100%; height:235px; padding:15px 20px 15px 48px; border: 1px solid #eee; background: #eee; border-radius: 0; color: #878787; font-size: 14px; line-height: 20px; overflow: hidden; overflow-y: auto; resize:none; }
.form-panel .input:focus,.form-panel .input1:focus,.form-panel .textarea:focus { border: 1px solid #c9c9c9; background: #fff; }
.form-panel .btn-submit { width:232px; height:45px; border:none; background: #ffa800; color: #282951; cursor:pointer; font-size:16px; }
.form-panel .btn-submit:hover { background: #282951; color:#fff;}
/*
.form-panel .input[name="Name"] { background: url(../images/Name.png) no-repeat 19px 50% #ffffff; }
.form-panel .input[name="Phone"] { background: url(../images/Phone.png) no-repeat 19px 50% #ffffff; }
.form-panel .input[name="Email"] { background: url(../images/Email.png) no-repeat 19px 50% #ffffff; }
.form-panel .input[name="Company"] { background: url(../images/Company.png) no-repeat 19px 50% #ffffff; }
.form-panel .textarea[name="Contents"] { background: url(../images/Contents.png) no-repeat 19px 14px #ffffff; }
*/
.form-panel .field-submit { padding-top:0; margin:0; text-align:center; }

.map { margin-bottom: 39px; }

.fblist {padding-bottom: 30px;}
.i-message { margin-bottom: 20px; padding: 0 35px;}
.i-message-user { float: left; width: 45px; height: 45px; background: url(../images/mb-icon-12.png) no-repeat; border-radius: 50%; color: #fff; font-size: 24px; line-height: 48px; text-align: center;}
.i-message-text { position: relative; margin: 0 0 43px 63px; padding: 15px; background: #fff; border: 1px solid transparent; border-radius: 4px;}
.i-message-text:before { position: absolute; top: 18px; left: -10px; right: 100%; width: 0px; height: 0px; display: block; content: " "; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 10px;}
.i-message-hd { margin-bottom: 15px; color: #4d4b50; font-size: 14px;}
.i-message-hd span { padding-right: 16px;}
.i-message-bd p { margin: 0; color: #4d4b50; font-size: 12px;}
.admin-message .i-message-user { float: right; background: url(../images/mb-icon-13.png) no-repeat;}
.admin-message .i-message-text { margin-left: 0; margin-right: 63px;}
.admin-message .i-message-text:before { left: auto; right: -10px; border-color: #fff transparent transparent #fff;}

.msg-wp { margin-top: 21px; padding-top: 40px; border-top: 4px solid #f0f0f0; }
.msg-wp .rff { padding-bottom: 38px; }
.msg-wp .rff .s2 { margin-bottom: 22px; }
.msg-wp .rff .s2 textarea { width: 100%; height: 187px; padding: 20px; border-radius: 10px; border: 1px solid #e4e4e4; resize: none; }
.msg-wp .rff .s3 input { width: 148px; height: 47px; padding: 0; border-radius: 10px; border: 0; background-color:#00148c ; color: #fff; text-align: center; cursor: pointer; }
.msg-wp .msg-item { margin-top: 21px; padding: 16px 26px 22px; border-radius: 10px; background-color: #f6f6f6; color: #121212; line-height: 24px; }
.msg-wp .msg-item dt { margin-bottom: 20px; padding-bottom: 19px; border-bottom: 1px solid #d9d9d9; color: #00148c; }
.msg-wp .msg-item dt span { float: right; color: #7d7d7d; }

/*contact*/
.contact { border-top: 3px solid #949494;}
.contact li { height: 50px; line-height: 50px; background: #f7f7f7; border-bottom: 1px solid #dedede;}
.contact li span { display: block; float: left; padding-left: 42px; width: 162px;}
.contact li em { padding-left: 26px;}
.contact li.i1 span { background: url(../images/mb-c1.png) no-repeat 13px center #ededed;}
.contact li.i2 span { background: url(../images/mb-c2.png) no-repeat 16px center #ededed;}
.contact li.i3 span { background: url(../images/mb-c3.png) no-repeat 13px center #ededed;}
.contact li.i4 span { background: url(../images/mb-c4.png) no-repeat 12px center #ededed;}
.contact li.i5 span { background: url(../images/mb-c5.png) no-repeat 14px center #ededed;}
.contact li.i6 span { background: url(../images/mb-c6.png) no-repeat 16px center #ededed;}
.contact li.i7 span { background: url(../images/mb-c7.png) no-repeat 13px center #ededed;}
.contact li.i8 span { background: url(../images/mb-c8.png) no-repeat 14px center #ededed;}

/*download*/
.download li { padding: 24px 0 18px 34px; background: url(../images/mb-icon-3.png) no-repeat left 30px; border-bottom: 1px dotted #949494; color: #4f4f4f; font-size: 14px; line-height: 27px; overflow: hidden;}
.download li p { float: left;}
.download li a.more { display: block; float: right; width: 104px; height: 27px; background: #848484; color: #fff; font-size: 12px; text-align: center;}
.download li span { float: right; display: block; padding-right: 20px; margin-right: 22px; border-right: 1px solid #cbcbcb; color: #9c9c9c;}
.download li a.more:hover { background: #0067c6;}

