* {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;color:#2F2E2E} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1} ol, ul {list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
table {border-collapse: collapse;border-spacing:0} body, html {min-height:100%;height:100%;background:#fff;margin:0;padding:0} a {text-decoration:none}
body {font-family:'Open Sans', Arial, Helvetica, sans-serif;color:#2F2E2E;}
.w980 {width:980px;margin:0 auto}
.w980:after, .w1020:after {content:" ";clear:both;display:table}
.w1020 {width:1020px;margin:0 auto}
.hdr {width:100%;height:110px;position:relative}
.hdr.fix {height:60px;position:fixed;top:0;left:0;right:0;background:#fff;z-index:99}
.hdr .logo {float:left;padding-top:11px}
.hdr .logo img {}
.hdr.fix .logo img {max-height:46px;width:auto}
.hdr .main-nav-cont {float:right;min-width:60%;text-align:right;padding-top:42px}
.hdr.fix .main-nav-cont {padding-top:5px}
.hdr .main-nav li {display:inline-block;line-height:50px;margin:0 5px;padding:0 10px;text-align:center;position:relative}
.hdr .main-nav li a {color:#808485;padding:0 30px;font-size:17px;font-family:'Open Sans'}
.mb-ln {height:2px;background:#fff;width:59px;margin:0 auto 25px;}
.mb-txt {font-size:14px;letter-spacing:0.4px;line-height:2;padding:0 30px}
.read {width:122px;height:26px;line-height:23px;border:1px solid #fff;font-size:14px;position:absolute;bottom:197px;left:50%;margin-left:-61px;}
.mb-box-wht {height:163px;width:100%;position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,0.7);padding-top:27px;}
.hm-contact {background:#eaebe6;padding:58px 0;}
.hm-contact-in {text-align:center;position:relative}
.hm-contact-in h2 {font-size:35px;color:#324158;margin-bottom:30px}
.hm-contact-in p {font-size:15px;line-height:1.7em;margin-bottom:25px}
.hm-contact-in form {max-width:460px;margin:0 auto;display:block;position:relative}
.hm-contact-in form input.txt {width:460px;height:29px;padding:5px 10px;font-size:14px;line-height:19px;margin-bottom:12px}
.hm-contact-in form input.txt.a::placeholder {color:red;opacity:1}
.hm-contact-in textarea {width:460px;height:128px;padding:5px 10px 30px;font-size:14px;line-height:19px;resize:none}
.hm-contact-in input.btn {width:150px;height:55px;line-height:55px;text-align:center;color:#fff;font-size:16px;position:absolute;bottom:-23px;left:50%;margin-left:-75px;background:rgb(55,84,125);cursor:pointer}
.hm-contact-in form div.res {position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;line-height:294px;text-align:center;font-size:26px;background:#fff;display:none}
.hm-contact-in form.res div.res {display:block}
.hm-contact-in form.res input.btn {display:none}
.footer {background:rgb(55,84,125);padding:39px 0 30px}
.f-left {float:left;width:80%;color:#fff;font-size:15px}
.f-left * {vertical-align:middle;color:#fff}
.f-left .foot-logo {padding:4px 5px;margin-right:15px}
.f-right {float:right;width:20%;text-align:right;padding-top:20px}
.f-right a {display:block;margin-top:-10px}
.page-hdr-img {height:356px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}
.page-hdr-img-in {width:980px;margin:0 auto;padding:145px 0}
.page-hdr-img-in h1 {font-size:55px;color:#324158}
.abt {padding:20px 0}
.imLeft {float:left;margin-right:60px}
.imRight {float:right;margin-left:60px}
.abtTable {display:}
.abt2 {background:rgb(234, 235, 230)}
.tbl {display:table}
.abt-cnt .tbl {height:280px}
.tr {display:table-row}
.td {display:table-cell;vertical-align:middle}
.abt-cnt h2 {font-size:35px;margin-bottom:15px;color:#324158}
.abt-cnt p {font-size:15px;color:#605E5E;margin-bottom:17px;line-height:1.3}
.cntct-top {background:rgb(57, 79, 122);padding:54px 0 20px}
.cntct-top * {color:#fff}
.cntct-top h2 {font-size:20px;margin-bottom:30px}
.cntct-top .cntct-brdr {border-left:1px solid #fff;padding-left:30px}
.cntct-top .brdr-line {margin-bottom:40px}
.cntct-top .brdr-line:after {content:" ";display:table;clear:both}
.cntct-top .brdr-line .svg {width:24px;height:24px;display:inline-block;margin-right:25px;float:left}
.cntct-top .brdr-line .svg svg {width:100%;height:100%}
.cntct-top .brdr-line .text {font-size:17px;display:inline-block;line-height:24px;font-weight:300}
.mobile-nav-cont {display:none}
.cnt-hdr {color:#324158;font-size:35px;margin-bottom:20px}
.sub-text {padding:40px 0 30px}
.sub-text ul {margin-left:20px;margin-bottom:15px;}
.sub-text ul li {list-style:disc outside;padding:2px 0;font-size:15px;line-height:18px}
.sub-text p {font-size:15px;line-height:1.4;margin-bottom:20px;letter-spacing:0.4px}
.sub-text .st-left {width:226px;float:left}
.sub-text .st-right {width:631px;float:right}
.sub-text .clr {color:#808485}
.cntct-top.brown {background:rgb(128,132,133)}
.cntct-top.brown .cntct-left {float:left;width:49%}
.cntct-top.brown .cntct-right {float:right;width:49%}
.cntct-top.brown .cntct-brdr {border:0 none;padding-left:0}
.aop {padding-bottom:30px;}
.aop h2 {color:#ACB1B5;font-size:30px;margin-bottom:15px;padding-left:25px}
.aop .bb {width:33%;float:left;}
.aop .bb-in {width:96%;display:inline-block;background:rgb(245,245,245);padding:30px 24px;height:420px}
.aop .bb-in h3 {color:#2F2E2E;margin-bottom:15px;text-align:center;font-size:17px;font-weight:600}
.aop .bb-in .ln {width:80px;height:2px;margin:0 auto 25px;background:#2F2E2E}
.aop .bb-in p {font-size:14px;line-height:19px}
.pr {padding:30px 0;}
.pr h2 {font-size:35px;margin-bottom:25px;color:#324158}
.pr .ll {display:block;text-align:justify}
.pr .ll img {display:inline-block;margin-right:10px}
.pr .ll img:last-child {margin-right:0}
.bb2 {display:block;margin-bottom:15px;padding:15px;background:rgb(245,245,245)}
.bb2 h3 {color:#2F2E2E;margin-bottom:15px;text-align:center;font-size:17px;font-weight:600}
.bb2 .ln {height:2px;margin:0 auto 25px;background:#2F2E2E}
.bb2 p {font-size:14px;line-height:19px;margin-bottom:13px}
.bb2 ul {margin-bottom:15px}
.bb2 ul, .bb2 li {font-size:14px;line-height:17px;list-style:circle inside}


@media (max-width:768px) {
	.hdr, .hdr.fix {height:70px}
	.hdr .logo img {height:60px;width:auto}
	.hdr.fix .logo img {max-height:60px;width:auto}
	.mobburder {width:40px;height:40px;background:url(img/menu.png?v=3) no-repeat 50% 50%;background-size:cover;position:absolute;top:15px;right:10px}
	.mobburder.x {background-image:url(img/x.png?v=3)}
	.mobile-nav-cont {width:100%;height:100%;background:#fff;position:fixed;top:0;left:0;right:0;text-align:center;z-index:99;display:none}
	.mobburder-close {width:40px;height:40px;background:url(img/x.png?v=3) no-repeat 50% 50%;background-size:cover;position:absolute;top:15px;right:10px}
	.mobile-nav-cont .mobile-nav {height:100%;min-height:100%;width:100%;text-align:center}
	.mobile-nav-cont .mobile-nav ul.nav-ul {top:50%;transform: translateY(-50%);position:absolute;width:100%;left:0}
	.mobile-nav-cont .mobile-nav ul.nav-ul li {width:100%}
	.mobile-nav-cont .mobile-nav ul.nav-ul li a {font-size:19px;line-height:36px;position:relative}
	.mobile-nav-cont .mobile-nav ul.nav-ul li a span {position:absolute;left:-30px;top:-6px;font-size:30px}
	.mobile-nav-cont .mobile-nav ul.nav-ul li ul {height:0;overflow:hidden}
	.mobile-nav-cont .mobile-nav ul.nav-ul li ul.a {height:108px}
	.mobile-nav-cont .mobile-nav ul.nav-ul li ul.a a.sel {opacity:0.6}
	.hdr .main-nav-cont {display:none}
	.w980, .w1020 {width:100%;padding:0 10px}
	.main-banner {padding:56px 0}
	.main-banner .w980 .mb-box {width:100%;float:none;display:block;margin:0 auto 20px;text-align:center}
	.main-banner .w980 .mb-box:nth-child(2) {width:100%}
	.main-banner .w980 .mb-box:nth-child(3) {text-align:center}
	.hm-contact-in form input.txt, .hm-contact-in textarea {width:90%;margin:0 auto 12px}
	.page-hdr-img {height:148px;text-align:center}
	.page-hdr-img-in {padding:49px 0;width:100%}
	.page-hdr-img-in h1 {font-size:35px;color:#324158;line-height:50px}
	.imLeft, .imRight {display:block;float:none;margin:0 auto 15px;text-align:center}
	.abt-cnt .tbl {height:auto;text-align:center;padding:0 30px 30px}
	.abt-cnt h2 {margin-bottom:20px}
	.cntct-top h2 {padding-left:30px}
	.cntct-top .cntct-brdr {border:0 none}
	.f-left {display:block;float:none;width:100%;padding:15px 30px 0 30px}
	.f-right {display:block;float:none;width:100%;margin-bottom:5px;text-align:center}
	.sub-text .st-left {width:100%;float:none;display:block;padding:0 20px 20px}
	.sub-text .st-right {width:100%;float:none;display:block;padding:0 20px 0}
	.sub-text p {font-size:18px}
	.sub-text ul li {font-size:18px;line-height:1.4}
	.cntct-top.brown .cntct-left {width:100%;float:none;display:block;}
	.cntct-top.brown .cntct-right {width:100%;float:none;display:block;}
	.cntct-top.brown .cntct-brdr {padding-left:30px}
	.cntct-top.brown .cntct-brdr h2 {padding:0}
	.aop h2 {color:#ACB1B5;font-size:30px;margin-bottom:15px;text-align:center;padding-left:0}
	.aop .bb {width:99%;float:none;display:block;margin:0 auto 15px}
	.aop .bb-in {height:auto;margin:0 auto;display:block}
	.aop .bb-in p {text-align:justify}
	.pr h2 {text-align:center}
	.pr .ll img {clear:both;margin:0 auto 20px;display:block}
	.pr .ll img:last-child {margin:0 auto}
	.footer {padding-top:18px}
}







































.clr {clear:both}