@charset "UTF-8";
/*网页相关 */
html { width: 100%; height: 100%; overflow-x: hidden; background-color: #fff; color: #333; font-size: 12px; -webkit-tap-highlight-color: transparent; }

body { font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif; color: #333; zoom: 1; -webkit-text-size-adjust: none; }

/*全局padding，margin */
body, ul, ol, dl, dd, figure, form, fieldset, legend, input, textarea, button, blockquote, th, td, pre, xmp { margin: 0; padding: 0; }

/*1倍行高需求 */
body, input, textarea, button, select, pre, xmp, tt, code, kbd, samp { line-height: 1; font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select { font-size: 100%; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif; }

/*取消加粗 */
h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; }

/*取消斜体 */
address, cite, dfn, em, i, optgroup, var { font-style: normal; }

/*表格相关 */
table { border-collapse: collapse; border-spacing: 0; text-align: center; }

caption, th { text-align: inherit; }

ul, ol, menu { list-style: none; }

fieldset, img { border: 0; }

/*行内块底部三像素 */
img, object, input, textarea, button, select { vertical-align: middle; }

article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu { display: block; }

audio, canvas, video { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }

blockquote:before, blockquote:after, q:before, q:after { content: " "; }

textarea { overflow: auto; resize: vertical; }

input, textarea, button, select, a { outline: 0 none; border: none; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

mark { background-color: transparent; }

a, ins, s, u, del { text-decoration: none; }

/*角标相关 */
sup, sub { vertical-align: baseline; }

/*水平线相关 */
hr { height: 0.02rem; margin: 0.1rem 0; border: medium none; border-top: 0.02rem solid #cacaca; }

/*超链接相关 */
h1, h2, h3, h4, h5, h6, p { padding: 0px; margin: 0px; }

/*单行文本省略号 */
/*多行文本省略号 */
/*placeholder 样式兼容 */
/*等宽高图标 */
/*清除浮动 */
/*居中 */
/*灰色背景 */
/*浅红圆点标题 */
/*查看更多 红色圆角边框样式 */
/*左右箭头button 的样式 */
/*个栏目中的tab切换 */
/*带英文阴影的标题 */
/*页码 */
body { color: #333; font-size: 14px; letter-spacing: 0.5px; }

/*页面内容显示区域，class名固定 */
.contain { margin: 0 auto; width: 1280px; height: 100%; box-sizing: border-box; }
.contain:after { content: ""; clear: both; display: block; }

@media screen and (max-width: 1280px) { .contain { width: 100%; padding: 0 2%; } }
/*清除浮动 */
.clear:after { content: ""; clear: both; display: block; }

.left { float: left; }

.right { float: right; }

/*页面大标题 */
.normaltitle { text-align: center; }
.normaltitle .cn { font-size: 23px; margin-bottom: 10px; }
.normaltitle .en { font-size: 10px; color: #999; text-transform: uppercase; }

/*分页 */
.pager .p_page { display: block; text-align: center; }
.pager .p_page a { display: inline-block; line-height: 33px; height: 35px; box-sizing: border-box; border: 1px solid #edecec; font-size: 12px; color: #666; }
.pager .p_page a.a_first, .pager .p_page a.a_end { width: 65px; margin: 0 5px; }
.pager .p_page a.a_prev, .pager .p_page a.a_next { font-family: simsun; width: 35px; margin: 0 5px; }
.pager .p_page .num a { width: 35px; }
.pager .p_page .num a.a_cur { color: #fff; border-color: #22659f; background: #22659f; }

#header { width: 100%; height: 88px; position: fixed; top: 0; left: 0; right: 0; font-size: 13px; line-height: 88px; z-index: 100; transition: all 0.3s; }
#header.headscroll { background: #22659f; }
#header.headscroll .contain .logo .normal { display: none; }
#header.headscroll .contain .logo .white { display: block; }
#header.headscroll .contain .topnav a { color: #fff; }
#header.headscroll .contain .other a { color: #fff; }
#header.headscroll .contain .other .account { background-image: url("../images/top_0601.png"); }
#header a { display: inline-block; }
#header .contain .logo { float: left; margin-top: 18px; }
#header .contain .logo .normal { display: block; }
#header .contain .logo .white { display: none; }
#header .contain .other { float: right; }
#header .contain .other a { float: right; color: #002e56; }
#header .contain .other a ~ a { margin-right: 10px; }
#header .contain .other .account { width: 20px; height: 20px; background: url("../images/top_06.png") no-repeat center center/100% 100%; margin-top: 34px; }
#header .contain .topnav { float: right; }
#header .contain .topnav a { color: #333; margin-right: 44px; }
#header .contain .topnav a.register, #header .contain .topnav a.login { display: none; }
#header .contain .topnav .on { color: #002e56; }
#header .contain .moble { display: none; }

@media screen and (max-width: 768px) { #header { height: 68px; line-height: 68px; }
  #header .contain { position: relative; padding-top: 0.1px; }
  #header .contain .logo { line-height: 1; margin-top: 13px; width: 100%; text-align: center; float: none; }
  #header .contain .other { position: absolute; top: 19px; left: 4%; }
  #header .contain .other a { display: none; }
  #header .contain .other a.account { display: block; width: 30px; height: 30px; margin-top: 0px; }
  #header .contain .moble { display: block; position: absolute; right: 0; top: 30px; background: #fff; right: 4%; top: 19px; width: 45px; height: 30px; border-radius: 5px; }
  #header .contain .moble span { float: none; display: inline-block; background: #22659f; width: 30px; height: 4px; border-radius: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s; }
  #header .contain .moble span.top { top: 8px; }
  #header .contain .moble span.bottom { top: 22px; }
  #header .contain .moble.mon span.left { transform: translate(-50%, -50%) rotate(45deg); }
  #header .contain .moble.mon span.right { transform: translate(-50%, -50%) rotate(-45deg); }
  #header .contain .moble.mon span.top, #header .contain .moble.mon span.bottom { display: none; }
  #header .contain .topnav { width: 100%; position: absolute; display: none; top: 68px; left: 0; }
  #header .contain .topnav a { display: block; width: 100%; background: #fff; color: #22659f !important; text-align: center; line-height: 50px; font-size: 14px; border-bottom: 1px solid #f7f7f7; }
  #header .contain .topnav a.register, #header .contain .topnav a.login { display: block; } }
#nav { line-height: 66px; width: 100%; background: #22659f; }
#nav a { display: inline-block; }
#nav .contain .subnav { float: left; }
#nav .contain .subnav a { width: 150px; position: relative; color: #fff; font-size: 14px; text-align: center; }
#nav .contain .subnav a.aon { background: #002e56; font-weight: bold; }
#nav .contain .subnav a.aon span { position: absolute; bottom: -10px; left: 0; width: 100%; display: inline-block; text-align: center; height: 10px; line-height: 0; }
#nav .contain .subnav a.aon span i { vertical-align: top; width: 0; height: 0; border: 5px solid transparent; border-top-color: #002e56; display: inline-block; }
#nav .contain .location { float: right; }
#nav .contain .location .icon { float: right; width: 17px; height: 17px; margin-top: 24px; background: url("../images/icon1_03.png") no-repeat center center/100% 100%; }
#nav .contain .location .text { float: right; font-size: 12px; color: #a9bcd3; font-family: simsun; }
#nav .contain .location .text a, #nav .contain .location .text span { font-family: "microsoft yahei"; color: #a9bcd3; margin: 0 10px; }
#nav .contain .location2 { float: right; }
#nav .contain .location2 .icon { float: right; width: 17px; height: 17px; margin-top: 24px; background: url("../images/icon1_03.png") no-repeat center center/100% 100%; }
#nav .contain .location2 .text { float: right; font-size: 12px; color: #a9bcd3; font-family: simsun; }
#nav .contain .location2 .text a, #nav .contain .location2 .text span { font-family: "microsoft yahei"; color: #a9bcd3; margin: 0 10px; }

@media screen and (max-width: 1024px) { #nav .contain .subnav a { width: 95px; } }
@media screen and (max-width: 640px) { #nav { line-height: 40px; position: relative; margin-bottom: 40px; }
  #nav .contain .subnav, #nav .contain .location { width: 100%; text-align: center; }
  #nav .contain .subnav { font-size: 0; }
  #nav .contain .subnav a { width: 19%; float: none; display: inline-block; vertical-align: top; font-size: 12px; }
  #nav .contain .subnav a.aon span { display: none; }
  #nav .contain .location { position: absolute; top: 40px; left: 0%; padding-left: 2%; box-sizing: border-box; }
  #nav .contain .location .text { float: left; color: #999; }
  #nav .contain .location .text a, #nav .contain .location .text span { color: #999; }
  #nav .contain .location .icon { display: none; } }
#footer { background: #2d323b; padding: 66px 0 37px; }
#footer a { display: inline-block; }
#footer .contain .left, #footer .contain .right { width: 30%; }
#footer .contain .left .logo { height: 42px; margin-bottom: 25px; }
#footer .contain .left .share:after { content: ""; clear: both; display: block; }
#footer .contain .left .share a { float: left; width: 35px; height: 35px; background-color: #42474f; background-repeat: no-repeat; background-position: center center; background-size: 50% auto; border-radius: 50%; margin-right: 15px; font-size: 0; }
#footer .contain .left .share a.wx { background-image: url("../images/icon_84.png"); position: relative; }
#footer .contain .left .share a.wx img { display: none; position: absolute; width: 75px; height: 75px; bottom: 0; right: -90px; }
#footer .contain .left .share a.wx:hover img { display: block; }
#footer .contain .left .share a.qzong { background-image: url("../images/icon_81.png"); }
#footer .contain .left .share a.wb { background-image: url("../images/icon_76.png"); }
#footer .contain .middle { float: left; width: 40%; }
#footer .contain .middle ul li { margin-bottom: 3px; }
#footer .contain .middle ul li span { display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #42464e; vertical-align: middle; margin-right: 18px; }
#footer .contain .middle ul li i { line-height: 32px; color: #fff; font-size: 12px; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; width: auto; }
#footer .contain .middle ul li.phone span { background: url("../images/icon_75.png") no-repeat center center/50% auto; }
#footer .contain .middle ul li.phone i { font-size: 21px; font-weight: normal; }
#footer .contain .middle ul li.email span { background: url("../images/icon1_78.png") no-repeat center center/50% auto; }
#footer .contain .middle ul li.local span { background: url("../images/icon_83.png") no-repeat center center/50% auto; }
#footer .contain .right { font-size: 13px; color: #fff; font-weight: normal; }
#footer .contain .right .sub { line-height: 28px; margin-bottom: 20px; }
#footer .contain .right .sub:after { content: ""; clear: both; display: block; }
#footer .contain .right .sub a { float: right; color: #fff; }
#footer .contain .right .sub a span { font-size: 8px; color: #696c71; vertical-align: top; margin: 0 5px; display: inline-block; }
#footer .contain .right .bottom { float: right; }
#footer .contain .right .bottom .copyright { margin-bottom: 8px; }
#footer .contain .right .bottom .design a { color: #fff; text-decoration: underline; }

@media screen and (max-width: 1024px) { #footer .contain .middle { width: 30%; }
  #footer .contain .middle ul li span { margin-right: 3%; }
  #footer .contain .middle ul li i { max-width: 80%; }
  #footer .contain .right { width: 40%; }
  #footer .contain .right .copyright, #footer .contain .right .design { text-align: right; } }
@media screen and (max-width: 640px) { #footer { padding-top: 30px; }
  #footer .contain .left, #footer .contain .right, #footer .contain .middle { width: 100%; text-align: center; }
  #footer .contain .left { margin-bottom: 20px; }
  #footer .contain .left .logo { margin-bottom: 10px; }
  #footer .contain .left .share a { float: none; display: inline-block; }
  #footer .contain .middle ul li span { margin-right: 3%; }
  #footer .contain .middle ul li i { max-width: 80%; }
  #footer .contain .right { margin-top: 20px; }
  #footer .contain .right .sub { display: inline-block; }
  #footer .contain .right .bottom { float: none; }
  #footer .contain .right .copyright, #footer .contain .right .design { text-align: center; } }
#banner .wrap li img { width: 100%; height: auto; }
#banner .bx-wrapper .bx-has-pager { position: relative; width: 1240px; margin: 0 auto; }
#banner .bx-wrapper .bx-has-pager .bx-pager { position: absolute; bottom: 30px; right: 0; }
#banner .bx-wrapper .bx-has-pager .bx-pager:after { content: ""; clear: both; display: block; }
#banner .bx-wrapper .bx-has-pager .bx-pager .bx-pager-item { float: left; margin: 0 8px; }
#banner .bx-wrapper .bx-has-pager .bx-pager .bx-pager-item a { display: inline-block; font-size: 0; width: 10px; height: 10px; background-color: #85accb; border-radius: 50%; padding: 2px; background-clip: content-box; border: 1px solid transparent; }
#banner .bx-wrapper .bx-has-pager .bx-pager .bx-pager-item .active { border-color: #22659f; background-color: #22659f; }

@media screen and (max-width: 1240px) { #banner .bx-wrapper .bx-has-pager { width: 100%; }
  #banner .bx-wrapper .bx-has-pager .bx-pager { bottom: 15px; right: 4%; } }
@media screen and (max-width: 768px) { #banner { margin-top: 68px; } }
#subanner { width: 100%; }
#subanner img { width: 100%; }

@media screen and (max-width: 768px) { #subanner { margin-top: 68px; } }
#singlepage { padding: 80px 2%; }
#singlepage p{font-size: 16px; color: #333; line-height: 1.5;}
#singlepage p span{color: #22659f;}
#singlepage img{max-width: 100%; margin-top: 2%;}
#singlepage .title{font-size: 20px; color: #000; font-weight: bold; margin-top: 2%;}
@media screen and (max-width: 768px) { #singlepage { padding: 2%; } }
#development { padding: 90px 70px 90px 0; }
#development .contain .list { position: relative; }
#development .contain .list::before { content: " "; position: absolute; display: inline-block; width: 1px; height: 100%; background: #d9d9d9; left: 9px; top: 29px; }
#development .contain .list::after { content: " "; position: absolute; display: inline-block; width: 5px; height: 5px; background: #22659f; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px #22659f; left: 5px; bottom: -29px; }
#development .contain .list .item { height: 210px; padding: 30px 0; margin-left: 45px; border-bottom: 1px solid #d9d9d9; position: relative; box-sizing: border-box; }
#development .contain .list .item .dot { position: absolute; display: inline-block; width: 5px; height: 5px; background: #22659f; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px #22659f; left: -40px; top: 30px; }
#development .contain .list .item .left { margin-right: 35px; }
#development .contain .list .item .left img { width: 267px; height: 156px; }
#development .contain .list .item .right { float: left; }
#development .contain .list .item .right .time { padding-top: 14px; font-size: 15px; margin-bottom: 25px; }
#development .contain .list .item .right .time span { font-size: 25px; color: #002e56; font-weight: bold; }
#development .contain .list .item .right ul { padding-left: 20px; }
#development .contain .list .item .right ul li { list-style: disc; color: #555; line-height: 30px; font-size: 12px; }

@media screen and (max-width: 1240px) { #development .contain { padding: 60px 2%; }
  #development .contain .list { padding-right: 50px; padding-top: 0; } }
@media screen and (max-width: 768px) { #development .contain { padding-top: 40px; }
  #development .contain .list { padding-right: 0; }
  #development .contain .list:before, #development .contain .list:after { display: none; }
  #development .contain .list .item { margin-left: 0; }
  #development .contain .list .item .dot { display: none; }
  #development .contain .list .item .right { width: 50%; } }
@media screen and (max-width: 640px) { #development { padding-right: 0; }
  #development .contain { padding-top: 0; }
  #development .contain .list { padding-right: 0; }
  #development .contain .list .item { height: auto; margin-left: 0; }
  #development .contain .list .item:after { content: ""; clear: both; display: block; }
  #development .contain .list .item .left { width: 100%; padding-bottom: 58.43%; position: relative; }
  #development .contain .list .item .left img { position: absolute; width: 100%; height: 100%; }
  #development .contain .list .item .right { width: 100%; } }
#honor .contain { padding: 95px 0 90px; }
#honor .contain .list { padding: 70px 0 55px; }
#honor .contain .list:after { content: ""; clear: both; display: block; }
#honor .contain .list .item { float: left; width: 31%; margin: 0 1%; text-align: center; }
#honor .contain .list .item .pic { width: 100%; padding-bottom: 68.5%; height: 0; position: relative; }
#honor .contain .list .item .pic img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#honor .contain .list .item .title { height: 75px; box-sizing: border-box; padding-top: 20px; font-size: 12px; }

@media screen and (max-width: 1240px) { #honor .contain { padding: 80px 2%; } }
@media screen and (max-width: 768px) { #honor .contain .list .item { width: 48%; margin: 0 1%; } }
@media screen and (max-width: 640px) { #honor .contain .list .item { width: 100%; margin: 0; } }
#business .contain { padding: 105px 0 70px; }
#business .contain .list { padding: 0px 0 10px; }
#business .contain .list:after { content: ""; clear: both; display: block; }
#business .contain .list .item { float: left; width: 30%; text-align: center; }
#business .contain .list .item:nth-of-type(3n+2) { margin: 0 5%; }
#business .contain .list .item .pic { display: block; width: 100%; padding-bottom: 69.9%; height: 0; position: relative; box-sizing: border-box; border: 2px solid transparent; }
#business .contain .list .item .pic img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#business .contain .list .item .pic .title { position: absolute; line-height: 75px; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 16px; }
#business .contain .list .item .pic:hover { border-color: #22659f; }
#business .contain .list .item .pic:hover .title { background: rgba(34, 101, 159, 0.7); }
#business .contain .list .item .content { padding: 20px 0 50px; }
#business .contain .list .item .content ul { padding-left: 20px; box-sizing: border-box; width: 100%; }
#business .contain .list .item .content ul li { color: #002e56; list-style: disc; }
#business .contain .list .item .content ul li div { color: #666; font-size: 12px; line-height: 26px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

@media screen and (max-width: 1240px) { #business .contain { padding: 60px 2%; } }
@media screen and (max-width: 768px) { #business .contain .list .item { width: 48%; margin: 0 1%; }
  #business .contain .list .item:nth-of-type(3n+2) { margin: 0; } }
@media screen and (max-width: 640px) { #business .contain .list .item { width: 100%; margin: 0; } }
#serve .contain { padding: 95px 0 65px; }
#serve .contain .list { padding: 0px 0 100px; }
#serve .contain .list .item { border: 1px solid transparent; width: 100%; display: block; line-height: 50px; box-sizing: border-box; }
#serve .contain .list .item:after { content: ""; clear: both; display: block; }
#serve .contain .list .item:nth-of-type(2n+1) { background: #eff8ff; border-color: #f4f4f4; }
#serve .contain .list .item:hover .title { font-weight: bold; color: #22659f; }
#serve .contain .list .item:hover .icon { background-image: url("../images/icon2_04.png"); }
#serve .contain .list .item span { display: inline-block; vertical-align: middle; }
#serve .contain .list .item .icon { margin: 0 15px 0 20px; width: 14px; height: 14px; background: url("../images/icon2_07.png") no-repeat center center/100% 100%; }
#serve .contain .list .item .title { font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; width: 70%; }
#serve .contain .list .item .time { float: right; color: #b2b8bc; margin-right: 30px; }

@media screen and (max-width: 1240px) { #serve .contain { padding: 95px 2% 65px; } }
@media screen and (max-width: 640px) { #serve .contain .list .item { line-height: 40px; }
  #serve .contain .list .item .icon { margin: 0 5px 0 10px; }
  #serve .contain .list .item .title { width: 80%; }
  #serve .contain .list .item .time { float: left; color: #b2b8bc; margin-left: 34px; } }
#feedback .contain { padding: 65px 0 75px; }
#feedback .contain #whir_1 { margin-top: 75px; }
#feedback .contain #whir_1 .form_table:after { content: ""; clear: both; display: block; }
#feedback .contain #whir_1 .form_table li { float: left; margin-bottom: 20px; }
#feedback .contain #whir_1 .form_table li:after { content: ""; clear: both; display: block; }
#feedback .contain #whir_1 .form_table li.item:nth-of-type(2n) > div { float: right; }
#feedback .contain #whir_1 .form_table li > div { float: left; box-sizing: border-box; }
#feedback .contain #whir_1 .form_table li input { padding: 0 10px; box-sizing: border-box; }
#feedback .contain #whir_1 .form_table li textarea { padding: 10px; box-sizing: border-box; resize: none; }
#feedback .contain #whir_1 .form_table li.item { width: 50%; line-height: 60px; }
#feedback .contain #whir_1 .form_table li.item .left { width: 20%; padding-right: 6%; }
#feedback .contain #whir_1 .form_table li.item .input { width: 75%; }
#feedback .contain #whir_1 .form_table li.item .input input { height: 50px; width: 100%; border: 1px solid #dfdfdf; }
#feedback .contain #whir_1 .form_table li.item .input select { border: 1px solid #dfdfdf; height: 50px; width: 100%; padding: 0 2%; box-sizing: border-box; }
#feedback .contain #whir_1 .form_table li.item .queueList { margin: 0; }
#feedback .contain #whir_1 .form_table li.item .queueList .placeholder div { word-break: break-all; }
#feedback .contain #whir_1 .form_table li.full { width: 100%; }
#feedback .contain #whir_1 .form_table li.full .left { width: 10%; padding-right: 3%; line-height: 60px; height: 60px; }
#feedback .contain #whir_1 .form_table li.full .input { width: 90%; }
#feedback .contain #whir_1 .form_table li.full .input textarea { width: 100%; height: 310px; border: 1px solid #dfdfdf; }
#feedback .contain #whir_1 .form_table li.full .input .submit, #feedback .contain #whir_1 .form_table li.full .input .reset { width: 190px; line-height: 55px; color: #333; background: #e0e0e0; text-align: center; font-size: 18px; margin-right: 15px; cursor: pointer; }
#feedback .contain #whir_1 .form_table li.full .input .submit { background: #22659f; color: #fff; }

@media screen and (max-width: 1240px) { #feedback .contain { padding: 60px 2%; }
  #feedback .contain #whir_1 { padding-right: 2%; }
  #feedback .contain #whir_1 .form_table:after { content: ""; clear: both; display: block; }
  #feedback .contain #whir_1 .form_table li.item .left { width: 24%; padding-right: 2%; }
  #feedback .contain #whir_1 .form_table li.item .input { width: 74%; }
  #feedback .contain #whir_1 .form_table li.full .left { width: 12%; padding-right: 1%; }
  #feedback .contain #whir_1 .form_table li.full .input { width: 88%; } }
@media screen and (max-width: 768px) { #feedback .contain #whir_1 { margin-top: 35px; }
  #feedback .contain #whir_1 .form_table li.item .left { width: 28%; padding-right: 2%; }
  #feedback .contain #whir_1 .form_table li.item .input { width: 70%; }
  #feedback .contain #whir_1 .form_table li.full .left { width: 14%; padding-right: 1%; }
  #feedback .contain #whir_1 .form_table li.full .input { width: 86%; } }
@media screen and (max-width: 640px) { #feedback .contain #whir_1 .form_table li.item { width: 100%; }
  #feedback .contain #whir_1 .form_table li.item .left { width: 28%; padding-right: 2%; }
  #feedback .contain #whir_1 .form_table li.item .input { width: 72%; }
  #feedback .contain #whir_1 .form_table li.full .left { width: 28%; padding-right: 2%; }
  #feedback .contain #whir_1 .form_table li.full .input { width: 72%; }
  #feedback .contain #whir_1 .form_table li.full .input .submit, #feedback .contain #whir_1 .form_table li.full .input .reset { margin-bottom: 10px; } }
#news .contain { padding: 100px 0 80px; }
#news .contain .list { padding: 0px 0 50px; }
#news .contain .list:after { content: ""; clear: both; display: block; }
#news .contain .list a { display: block; }
#news .contain .list .item { margin-bottom: 45px; border: 1px solid #dae5ef; }
#news .contain .list .item:after { content: ""; clear: both; display: block; }
#news .contain .list .item:hover .right .title a { color: #22659f; }
#news .contain .list .item:hover .right .detail a { color: #fff; background: #22659f; }
#news .contain .list .item .pic { float: left; width: 350px; }
#news .contain .list .item .pic a { width: 100%; height: 0; padding-bottom: 60%; position: relative; }
#news .contain .list .item .pic a img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#news .contain .list .item .right { width: 900px; padding-right: 45px; padding-top: 20px; box-sizing: border-box; }
#news .contain .list .item .right .time { margin-bottom: 25px; }
#news .contain .list .item .right .time i { font-size: 12px; line-height: 20px; vertical-align: middle; }
#news .contain .list .item .right .time span { width: 20px; height: 20px; display: inline-block; background: url("../images/icon7_07.png") no-repeat center center/100% 100%; margin-right: 10px; vertical-align: middle; }
#news .contain .list .item .right .title { margin-bottom: 20px; }
#news .contain .list .item .right .title a { font-size: 16px; font-weight: bold; color: #333; }
#news .contain .list .item .right .info { font-size: 12px; line-height: 24px; color: #999; margin-bottom: 15px; }
#news .contain .list .item .right .detail { text-align: right; }
#news .contain .list .item .right .detail a { display: inline-block; width: 110px; line-height: 32px; font-size: 12px; text-align: center; background: #eee; color: #999; border-radius: 16px; }

@media screen and (max-width: 1240px) { #news .contain { padding: 100px 2% 80px; }
  #news .contain .list .item .pic { width: 38%; }
  #news .contain .list .item .right { width: 58%; padding-top: 10px; } }
@media screen and (max-width: 768px) { #news .contain .list .item .right { width: 60%; padding-top: 1%; padding-right: 1%; }
  #news .contain .list .item .right .time { margin-bottom: 15px; }
  #news .contain .list .item .right .title { margin-bottom: 15px; }
  #news .contain .list .item .right .info { margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: wrap; display: -webkit-box; } }
@media screen and (max-width: 640px) { #news .contain .list .item .pic { width: 100%; }
  #news .contain .list .item .right { width: 100%; padding: 2%; }
  #news .contain .list .item .right .info { margin-bottom: 15px; }
  #news .contain .list .item .right .detail { margin-bottom: 10px; } }
#contract .contain { padding: 55px 0 55px; }
#contract .contain .map { margin: 60px 0 45px; width: 100%; height: 0; padding-bottom: 33.9%; position: relative; }
#contract .contain .map .mapcontent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#contract .contain .other:after { content: ""; clear: both; display: block; }
#contract .contain .other li { width: 30%; float: left; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; }
#contract .contain .other li:after { content: ""; clear: both; display: block; }
#contract .contain .other li:nth-of-type(3n+2) { margin: 0 5%; }
#contract .contain .other li.local .pic { background-image: url("../images/icon9_04.png"); }
#contract .contain .other li.phone .pic { background-image: url("../images/icon9_07.png"); }
#contract .contain .other li.fax .pic { background-image: url("../images/icon9_10.png"); }
#contract .contain .other li .pic { float: left; width: 40px; height: 40px; margin-right: 10px; background-repeat: no-repeat; background-size: 80% auto; background-position: center center; }
#contract .contain .other li .left div { font-size: 13px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

@media screen and (max-width: 1240px) { #contract .contain { padding: 60px 2%; }
  #contract .contain .other li { width: 28%; }
  #contract .contain .other li:nth-of-type(3n+2) { margin: 0 2%; }
  #contract .contain .other li:nth-of-type(3n+1) { width: 38%; } }
@media screen and (max-width: 768px) { #contract .contain .map { margin: 40px 0 45px; }
  #contract .contain .other li { width: 100%; margin: 0; padding-top: 10px; }
  #contract .contain .other li:nth-of-type(3n+2) { margin: 0; }
  #contract .contain .other li:nth-of-type(3n+1) { width: 100%; } }
@media screen and (max-width: 640px) { #contract .contain .map { margin: 30px 0; padding-bottom: 50%; }
  #contract .contain .other li .pic { float: left; width: 15px; height: 15px; margin-right: 5px; margin-top: 4px; }
  #contract .contain .other li .left div { font-size: 12px; } }
#hire .contain { padding: 85px 0 55px; }
#hire .contain .list { margin-bottom: 45px; border: 1px solid #e7e7e7; }
#hire .contain .list:after { content: ""; clear: both; display: block; }
#hire .contain .list .item ~ .item { border-top: 1px solid #e7e7e7; }
#hire .contain .list .item { width: 100%; }
#hire .contain .list .item .top { width: 100%; box-sizing: border-box; background: #f2f5f9; padding: 0 60px; line-height: 50px; font-size: 12px; }
#hire .contain .list .item .top:after { content: ""; clear: both; display: block; }
#hire .contain .list .item .top .title { float: left; font-weight: bold; }
#hire .contain .list .item .top .button { float: right; margin-left: 20px; margin-top: 13px; width: 22px; height: 22px; background: #ced0d3 url("../images/icon2_03.png") no-repeat center center/10px auto; cursor: pointer; }
#hire .contain .list .item .top .time { float: right; color: #666; }
#hire .contain .list .item .aon { background: #22659f; color: #fff; }
#hire .contain .list .item .aon .time { color: #fff; }
#hire .contain .list .item .aon .button { background: #fff url("../images/icon3_03.png") no-repeat center center/10px auto; }
#hire .contain .list .item .bottom { padding: 35px 60px; width: 100%; box-sizing: border-box; display: none; }
#hire .contain .list .item .bottom:after { content: ""; clear: both; display: block; }
#hire .contain .list .item .bottom .title { font-size: 14px; color: #22659f; }
#hire .contain .list .item .bottom .detail { margin: 20px 0; line-height: 30px; font-size: 12px; color: #666; }
#hire .contain .list .item .bottom .detail ol { padding-left: 15px; box-sizing: border-box; }
#hire .contain .list .item .bottom .detail ol li { list-style: decimal; }
#hire .contain .list .item .btn { width: 120px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; background: #22659f; border-radius: 15px; display: block; }

@media screen and (max-width: 1240px) { #hire .contain { padding: 60px 2%; } }
@media screen and (max-width: 640px) { #hire .contain .list .item .top { padding: 0 2%; }
  #hire .contain .list .item .top .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; width: 40%; }
  #hire .contain .list .item .bottom { padding: 6% 4%; } }
#hireinfo .contain { padding: 65px 0 75px; }
#hireinfo .contain #whir_2 { margin-top: 75px; }
#hireinfo .contain #whir_2 .form_table:after { content: ""; clear: both; display: block; }
#hireinfo .contain #whir_2 .form_table li { float: left; margin-bottom: 20px; }
#hireinfo .contain #whir_2 .form_table li:after { content: ""; clear: both; display: block; }
#hireinfo .contain #whir_2 .form_table li > div { float: left; box-sizing: border-box; }
#hireinfo .contain #whir_2 .form_table li input { padding: 0 10px; box-sizing: border-box; }
#hireinfo .contain #whir_2 .form_table li textarea { padding: 10px; box-sizing: border-box; }
#hireinfo .contain #whir_2 .form_table li.item { width: 100%; line-height: 60px; }
#hireinfo .contain #whir_2 .form_table li.item .left { width: 30%; padding-right: 6%; }
#hireinfo .contain #whir_2 .form_table li.item .input { width: 65%; }
#hireinfo .contain #whir_2 .form_table li.item .input input { height: 50px; width: 100%; border: 1px solid #dfdfdf; }
#hireinfo .contain #whir_2 .form_table li.item .input select { border: 1px solid #dfdfdf; height: 50px; width: 100%; padding: 0 2%; box-sizing: border-box; }
#hireinfo .contain #whir_2 .form_table li.item .queueList { margin: 0; }
#hireinfo .contain #whir_2 .form_table li.item .queueList .placeholder div { word-break: break-all; }
#hireinfo .contain #whir_2 .form_table li.full { width: 100%; }
#hireinfo .contain #whir_2 .form_table li.full .left { width: 30%; padding-right: 3%; height: 60px; }
#hireinfo .contain #whir_2 .form_table li.full .input { width: 70%; }
#hireinfo .contain #whir_2 .form_table li.full .input .submit, #hireinfo .contain #whir_2 .form_table li.full .input .reset { width: 190px; line-height: 55px; color: #333; background: #e0e0e0; text-align: center; font-size: 18px; margin-right: 15px; cursor: pointer; }
#hireinfo .contain #whir_2 .form_table li.full .input .submit { background: #22659f; color: #fff; }

@media screen and (max-width: 1240px) { #hireinfo .contain { padding: 60px 2%; }
  #hireinfo .contain #whir_2 { padding-right: 2%; }
  #hireinfo .contain #whir_2 .form_table:after { content: ""; clear: both; display: block; }
  #hireinfo .contain #whir_2 .form_table li.item .left { width: 20%; padding-right: 2%; }
  #hireinfo .contain #whir_2 .form_table li.item .input { width: 70%; }
  #hireinfo .contain #whir_2 .form_table li.full .left { width: 20%; padding-right: 2%; }
  #hireinfo .contain #whir_2 .form_table li.full .input { width: 70%; } }
@media screen and (max-width: 768px) { #hireinfo .contain #whir_2 { margin-top: 35px; } }
@media screen and (max-width: 640px) { #hireinfo .contain #whir_2 .form_table li.item { width: 100%; }
  #hireinfo .contain #whir_2 .form_table li.item .left { width: 28%; padding-right: 2%; }
  #hireinfo .contain #whir_2 .form_table li.item .input { width: 72%; }
  #hireinfo .contain #whir_2 .form_table li.full .left { width: 28%; padding-right: 2%; }
  #hireinfo .contain #whir_2 .form_table li.full .input { width: 72%; }
  #hireinfo .contain #whir_2 .form_table li.full .input .submit, #hireinfo .contain #whir_2 .form_table li.full .input .reset { margin-bottom: 10px; } }
#indexmain { background: #f2f5f9; padding-top: 80px; }
#indexmain .sup .contain:after { content: ""; clear: both; display: block; }
#indexmain .sup .contain .search { float: left; width: 50%; background: #22659f; box-sizing: border-box; padding: 30px; height: 120px; }
#indexmain .sup .contain .search .content:after { content: ""; clear: both; display: block; }
#indexmain .sup .contain .search .content .left { width: 70%; line-height: 64px; height: 64px; background: #fff; box-sizing: border-box; padding-left: 18px; }
#indexmain .sup .contain .search .content .left input { font-size: 16px; width: 100%; }
#indexmain .sup .contain .search .content .right { width: 30%; line-height: 64px; height: 64px; background: #c9dff9; text-align: center; cursor: pointer; }
#indexmain .sup .contain .search .content .right span { font-size: 19px; color: #22659f; font-weight: bold; margin-right: 15px; vertical-align: middle; }
#indexmain .sup .contain .search .content .right i { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url("../images/icon_04.png") no-repeat center center/100% 100%; }
#indexmain .sup .contain .logister { float: right; width: 50%; }
#indexmain .sup .contain .logister:after { content: ""; clear: both; display: block; }
#indexmain .sup .contain .logister .login, #indexmain .sup .contain .logister .register { float: left; width: 50%; box-sizing: border-box; background: #fff; line-height: 120px; height: 120px; text-align: center; }
#indexmain .sup .contain .logister .login span, #indexmain .sup .contain .logister .register span { font-size: 19px; color: #22659f; margin-left: 15px; vertical-align: middle; }
#indexmain .sup .contain .logister .login i, #indexmain .sup .contain .logister .register i { display: inline-block; vertical-align: middle; width: 56px; height: 56px; border: 1px solid #eef3f8; background: url("../images/icon1_04.png") no-repeat center center/50% auto; border-radius: 50%; }
#indexmain .sup .contain .logister .register { border-left: 1px solid #f2f7fb; }
#indexmain .sup .contain .logister .register i { background-image: url("../images/icon_06.png"); }
#indexmain .service { margin: 55px 0 85px; }
#indexmain .service .contain:after { content: ""; clear: both; display: block; }
#indexmain .service .contain .item { display: block; padding-bottom: 26.67%; position: relative; width: 48%; float: left; margin: 1%; }
#indexmain .service .contain .item img { position: absolute; width: 100%; height: 100%; }
#indexmain .service .contain .item div { position: absolute; width: 100%; line-height: 70px; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; font-weight: bold; font-size: 20px; bottom: 0; }
#indexmain .service .contain .item:hover div { background: rgba(34, 101, 159, 0.7); }
#indexmain .about { margin: 45px 0 75px; }
#indexmain .about .topwave, #indexmain .about .bottomwave { height: 26px; width: 100%; background: url("../images/index_25.jpg") no-repeat center center/auto 100%; }
#indexmain .about .bottomwave { background-image: url("../images/index_27.jpg"); }
#indexmain .about .middle { background: #d9e4ef; }
#indexmain .about .middle .contain:after { content: ""; clear: both; display: block; }
#indexmain .about .middle .contain .left { width: 40%; padding: 120px 5% 200px; position: relative; }
#indexmain .about .middle .contain .left .title { font-size: 24px; margin-bottom: 30px; color: #22659f; }
#indexmain .about .middle .contain .left .detail { line-height: 26px; font-size: 14px; margin-bottom: 40px; }
#indexmain .about .middle .contain .left .more { display: block; line-height: 50px; width: 160px; border: 1px solid #aec5dc; text-align: center; color: #22659f; font-size: 14px; }
#indexmain .about .middle .contain .left .pic { position: absolute; width: 310px; height: 250px; right: 0; bottom: -30px; background: url("../images/index_03.png") no-repeat center center/100% auto; }
#indexmain .about .middle .contain .right { width: 40%; padding: 120px 5% 0; }
#indexmain .about .middle .contain .right:after { content: ""; clear: both; display: block; }
#indexmain .about .middle .contain .right a { display: block; width: 33.33%; padding: 40px 0; box-sizing: border-box; float: left; text-align: center; color: #22659f; border: 1px solid transparent; font-size: 14px; }
#indexmain .about .middle .contain .right a .pic { width: 35px; height: 35px; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; margin: 0 auto 15px; }
#indexmain .about .middle .contain .right a:hover { color: #fff; background: #22659f; border-color: #22659f; }
#indexmain .about .middle .contain .right a:nth-of-type(2n) { border: 1px solid #aec5dc; }
#indexmain .about .middle .contain .right a:nth-of-type(1) .pic { background-image: url("../images/icon_31.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(1):hover .pic { background-image: url("../images/icon_311.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(2) .pic { background-image: url("../images/icon1_28.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(2):hover .pic { background-image: url("../images/icon1_281.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(3) .pic { background-image: url("../images/icon_34.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(3):hover .pic { background-image: url("../images/icon_341.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(4) .pic { background-image: url("../images/icon_40.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(4):hover .pic { background-image: url("../images/icon_401.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(5) .pic { background-image: url("../images/icon_43.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(5):hover .pic { background-image: url("../images/icon_431.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(6) .pic { background-image: url("../images/icon_46.png"); }
#indexmain .about .middle .contain .right a:nth-of-type(6):hover .pic { background-image: url("../images/icon_461.png"); }
#indexmain .news { padding-top: 60px;padding-bottom:60px; }
#indexmain .news a { display: block; }
#indexmain .news .top .contain .pic { float: left; width: 30%; padding-bottom: 18.94%; height: 0; position: relative; }
#indexmain .news .top .contain .pic img { width: 100%; height: 100%; position: absolute; }
#indexmain .news .top .contain .pic:nth-of-type(2) { margin: 0 5%; }
#indexmain .news .bottom { background: url("../images/index_02.jpg") no-repeat center center/auto 100%; width: 100%; }
#indexmain .news .bottom .contain .content:after { content: ""; clear: both; display: block; }
#indexmain .news .bottom .contain .content .pic { display: none; }
#indexmain .news .bottom .contain .content .item { background: #fff; float: left; width: 30%; padding: 40px 45px; box-sizing: border-box; }
#indexmain .news .bottom .contain .content .item:nth-of-type(2) { margin: 0 5%; }
#indexmain .news .bottom .contain .content .item .time { font-size: 12px; color: #999; padding-bottom: 20px; border-bottom: 1px solid #e5edf4; }
#indexmain .news .bottom .contain .content .item .title { font-size: 18px; padding: 20px 0; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#indexmain .news .bottom .contain .content .item .info { font-size: 13px; line-height: 26px; color: #666; margin-bottom: 40px; }
#indexmain .news .bottom .contain .content .item .more { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #cddbea; background: url("../images/icon_68.png") no-repeat center center/8px auto; }
#indexmain .news .bottom .contain .tonews { margin: 70px auto; width: 160px; line-height: 50px; border: 1px solid #fff; font-size: 14px; color: #fff; text-align: center; opacity: 0.7; }
#indexmain .coop{padding: 60px 0;}
#indexmain .coop .coopc{display: block;}
#indexmain .coop .coopa{display: none;}
#indexmain .coop .contain{position:relative;background-image: linear-gradient(to top,#ccc,#eee);border: 1px solid #ddd;}
#indexmain .coop .listswiper{width: 90%;margin:0 auto;padding: 20px 0;}
#indexmain .coop .wapswiper{width: 100%;padding: 10px 0 20px;}
#indexmain .coop .wapswiper .swiper-pagination{bottom:3px;}
#indexmain .coop .listswiper .swiper-slide a,
#indexmain .coop .wapswiper .swiper-slide a{display:block;margin: 0 auto;width:90%;height: 0;padding-bottom:33%;background-repeat: no-repeat;background-position: center center;background-size:cover;}
#indexmain .coop .swiper-button-prev{left: 1.5%;transform: scale(.8);outline: none;}
#indexmain .coop .swiper-button-next{right: 1.5%;transform: scale(.8);outline: none;}


@media screen and (max-width: 768px) { #indexmain .sup .contain .search { padding: 10px; height: 84px; }
  #indexmain .sup .contain .search .content .left { width: 80%; }
  #indexmain .sup .contain .search .content .right { width: 20%; }
  #indexmain .sup .contain .search .content .right span { display: none; }
  #indexmain .sup .contain .logister .login, #indexmain .sup .contain .logister .register { line-height: 84px; height: 84px; }
  #indexmain .about .middle .contain .left { padding-bottom: 100px; }
  #indexmain .about .middle .contain .left .pic { display: none; }
  #indexmain .news .bottom .contain .content .item .info { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: wrap; display: -webkit-box; } }
@media screen and (max-width: 640px) { #indexmain .sup .contain .search { width: 100%; }
  #indexmain .sup .contain .logister { width: 100%; }
  #indexmain .sup .contain .logister .login span, #indexmain .sup .contain .logister .register span { font-size: 14px; margin-left: 5px; }
  #indexmain .sup .contain .logister .login i, #indexmain .sup .contain .logister .register i { width: 36px; height: 36px; }
  #indexmain .service .contain .item { width: 100%; padding-bottom: 55.56%; margin: 0%; margin-bottom: 2%; }
  #indexmain .about .middle .contain .left { width: 100%; box-sizing: border-box; padding-top: 40px; padding-bottom: 40px; }
  #indexmain .about .middle .contain .left .pic { display: none; }
  #indexmain .about .middle .contain .right { width: 100%; box-sizing: border-box; border-top: 1px solid #eee; padding-top: 40px; margin-bottom: 40px; }
  #indexmain .about .middle .contain .right a { padding: 20px 0; }
  #indexmain .news .top { display: none; }
  #indexmain .news .bottom .contain .content .pic { display: block; width: 100%; padding-bottom: 63.13%; height: 0; position: relative; }
  #indexmain .news .bottom .contain .content .pic img { width: 100%; height: 100%; position: absolute; }
  #indexmain .news .bottom .contain .content .item { width: 100%; padding: 20px 2%; margin-bottom: 40px; float: none; }
  #indexmain .news .bottom .contain .content .item:nth-of-type(2) { margin: 0; margin-bottom: 40px; }
  #indexmain .news .bottom .contain .content .item .time { padding-bottom: 15px; }
  #indexmain .coop .coopc{display: none;}
  #indexmain .coop .coopa{display: block;} }
#map .contain { padding: 95px 0 65px; }
#map .contain .ul_sitemap { padding: 0px 10%; }
#map .contain .ul_sitemap li { line-height: 50px; list-style: disc; color: #22659f; }
#map .contain .ul_sitemap li strong a { font-size: 18px; color: #22659f; margin-right: 10px; }
#map .contain .ul_sitemap li span a { font-size: 14px; color: #999; margin-right: 5px; }

#singlepage .about_introduce .pic{float:left;width:38%;}
#singlepage .about_introduce .pic img{width:100%;margin-top: 0;}
#singlepage .about_introduce .txt{float:right;width:60%;}
#singlepage .about_introduce .txt p{font-size:14px;line-height:36px;color: #666;text-indent: 2em;}

@media screen and (max-width: 768px) {
  #singlepage .about_introduce .pic,
  #singlepage .about_introduce .txt{width:100%;margin-bottom:20px;}}
  
#singlepage .about_culture .pic{float:left;width:50%;}
#singlepage .about_culture .pic img{width:100%;margin-top: 0;}
#singlepage .about_culture .txt{float:right;width:48%;}
#singlepage .about_culture .txt p{font-size:15px;line-height:28px;color: #666;padding:35px 0;}
#singlepage .about_culture .txt p:first-of-type{border-bottom:1px solid #e8e9ea;}
#singlepage .about_culture .txt p span{font-size:21px;color: #22659f;font-weight: bold;display:inline-block;margin-bottom:15px;}

@media screen and (max-width: 1024px) {
  #singlepage .about_culture .pic{padding-top:35px;}}
@media screen and (max-width: 768px) {
  #singlepage .about_culture .pic,
  #singlepage .about_culture .txt{width:100%;margin-bottom:20px;}}
  
#business_info {padding:60px 0 70px;}
#business_info .pic{margin-bottom:40px;}
#business_info .pic img{width:100%;margin-top: 0;}
#business_info .txt p{font-size:14px;line-height:36px;color: #666;}

#common{padding: 65px 0;}
#common .list{margin-bottom: 60px;}
#common .list li{margin-bottom: 10px;border: 1px solid #ebeaeb;line-height: 60px;box-sizing: border-box;color:#666;}
#common .list li .top{line-height: 60px;padding: 0 20px;cursor:pointer;}
#common .list li .top .icon{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #d8d8d8;margin-right: 20px;}
#common .list li .top .title{width: 80%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;display: inline-block;line-height: 1;}
#common .list li .top .time{float:right;font-family: simsun;color: #666;transform:rotate(90deg);transition: all .3s;}
#common .list li .top.on{background:#22659f;color:#fff;}
#common .list li .top.on .icon{background: #fff;}
#common .list li .top.on .time{float:right;font-family: simsun;color: #fff;transform:rotate(-90deg);}
#common .list li .bottom{padding: 30px 25px;box-sizing: border-box;overflow:hidden;display: none;}
#common .list li .bottom .left{width: 3%;background: url('../images/ans_03.jpg') no-repeat left top / contain;height: 20px;}
#common .list li .bottom .right{width: 96%;font-size: 12px;line-height: 28px;color:#888;}
#common .list li{margin-bottom: 10px;border: 1px solid #ebeaeb;line-height: 60px;box-sizing: border-box;color:#666;}

@media screen and (max-width: 768px) {
  #common .list li .bottom .left{width: 6%;}
  #common .list li .bottom .right{width: 93%;}}

#encyclopedia{padding:0px 0 80px;font-weight: bold;}
#encyclopedia .contain .artical div{padding:30px 0;font-size: 24px;color:#22659f;}
#encyclopedia p,
#encyclopedia li{font-size: 12px;line-height: 30px;color:#666;}
#encyclopedia ul{overflow:hidden;}
#encyclopedia ul li{float:left;width: 40%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
#encyclopedia ul li:nth-of-type(3n){width: 19%;}

@media screen and (max-width: 768px) {
  #encyclopedia ul li{float:left;width: 100%;}
  #encyclopedia ul li:nth-of-type(3n){width: 100%;}}
  
#news_info{padding:100px 0 90px;}
#news_info .artical .title{font-size: 16px;font-weight: bold;color:#333;text-align:center;margin-bottom: 20px;}
#news_info .artical .sub{text-align:center;}
#news_info .artical .sub span{font-size: 12px;margin: 0 15px;color:#a9a9a9;text-align:center;padding-bottom: 20px;display: inline-block;}
#news_info .artical .cont{line-height: 28px;font-size: 14px;color:#777;padding: 20px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 20px;}
#news_info .artical .cont p{text-indent: 2em;}
#news_info .artical .cont .pic img{width: 100%;}
#news_info .other .left{width: 50%}
#news_info .other .left a{color: #999;font-size: 12px;line-height: 27px;width: 100%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;display: inline-block;}
#news_info .other .right {color: #999;font-size: 15px;line-height: 45px;width: 130px;text-align:center;border: 1px solid #b7b7b7;cursor:pointer;}

#faith{padding: 80px 0;}
#faith .title{text-align: center;font-size: 24px;color:#22659f;font-weight: bold;margin-bottom: 60px;}
#faith p{font-size: 14px;color:#666;line-height: 30px;margin: 10px 0;}
#faith .pic img{width: 100%;}
/*# sourceMappingURL=css_whir.css.map */