blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
abbr, acronym, fieldset, img { border: 0 }
ol, ul { list-style: none }
caption, th { text-align: left }
q:after, q:before { content: '' }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.col-c, .col-l, .col_c, .col_l, .l { float: left }
.col-r, .col_r, .r, .ul-txt li span, .ul_txt li span, dt span { float: right }
.c { clear: both }
.n, em { font-weight: 400; font-style: normal }
.b { font-weight: 700 }
.i { font-style: italic }
.fg { font-family: Georgia }
.ft { font-family: Tahoma }
.fl { font-family: Lucida Console }
.fs { font-family: '宋体' }
.fw { font-family: '微软雅黑' }
.tc { text-align: center }
.tr { text-align: right }
.tl { text-align: left }
.tdu { text-decoration: underline }
.tdn, .tdn:hover, a.tdl:hover { text-decoration: none }
.fc0 { color: #000 }
.fc3 { color: #333 }
.fc6 { color: #666 }
.fc9 { color: #999 }
.fcr { color: red }
.fcw { color: #fff }
.fcb { color: #00f }
.fcg { color: green }
.f0 { font-size: 0 }
.f10 { font-size: 10px }
.f12 { font-size: 12px }
.f13 { font-size: 13px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f20 { font-size: 20px }
.f24 { font-size: 24px }
.vm { vertical-align: middle }
.vtb { vertical-align: text-bottom }
.vt { vertical-align: top }
.vn { vertical-align: -2px }
.vimg { margin-bottom: -3px }
.m0 { margin: 0 }
.ml0 { margin-left: 0 }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml20 { margin-left: 20px }
.mr0 { margin-right: 0 }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr20 { margin-right: 20px }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt20 { margin-top: 20px }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb20 { margin-bottom: 20px }
.ml-1 { margin-left: -1px }
.mt-1 { margin-top: -1px }
.p1 { padding: 1px }
.pl5 { padding-left: 5px }
.p5 { padding: 5px }
.pt5 { padding-top: 5px }
.pr5 { padding-right: 5px }
.pb5 { padding-bottom: 5px }
.p10 { padding: 10px }
.pl10 { padding-left: 10px }
.pt10 { padding-top: 10px }
.pr10 { padding-right: 10px }
.pb10 { padding-bottom: 10px }
.p20 { padding: 20px }
.pl20 { padding-left: 20px }
.pt20 { padding-top: 20px }
.pr20 { padding-right: 20px }
.pb20 { padding-bottom: 20px }
.pr, .rel { position: relative }
.abs, .pa { position: absolute }
.dn { display: none }
.db { display: block }
.dib { -moz-inline-stack: inline-block; display: inline-block }
.di { display: inline }
.ovh { overflow: hidden }
.ovs { overflow: scroll }
.vh { visibility: hidden }
.vv { visibility: visible }
.lh14 { line-height: 14px }
.lh16 { line-height: 16px }
.lh18 { line-height: 18px }
.lh20 { line-height: 20px }
.lh22 { line-height: 22px }
.lh24 { line-height: 24px }
.fix { *zoom: 1 }
.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden }
.z { _zoom: 1 }
.h1 { height: 1px }
.h5 { height: 5px }
.h, .h10 { height: 10px }
.h15 { height: 15px }
.h20 { height: 20px }
.h, .h1, .h10, .h15, .h20, .h5 { font-size: 0; line-height: 0; overflow: hidden; clear: both }
body { font:14px/1.5 "微软雅黑", "Microsoft Yahei";color: #444; overflow-x:hidden; overflow-y: auto }
.header + div > img{display:block;}
a { text-decoration: none; color: #444; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s }
a:hover { color: #2c7a89 }
img { max-width: 100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s }
input, select, textarea { font-size: 12px; color: #444; font-family: "微软雅黑", "Microsoft Yahei"; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }
input[type=button], input[type=reset], input[type=submit], select { -webkit-appearance: none; -moz-appearance: none; appearance: none }
input[type=button], input[type=reset], input[type=submit] { cursor: pointer }
::-webkit-input-placeholder { color: #999 }
::-moz-placeholder { color: #999 }
::-ms-input-placeholder { color: #999 }
select::-ms-expand { display: none }
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none }
.ani { transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s }
.wp { width: 100%; padding: 0 4.32% }
.h50 { height: 50px; clear: both; overflow: hidden }
.h100 { height: 100px; clear: both; overflow: hidden }
* { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box ;line-height:1.5;}
.header { position: fixed; background-color: #fff; left: 0; right: 0; top: 0; z-index: 100; height: 74px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; border-bottom: 1px solid rgba(255, 255, 255, .3) }
.header.small { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2) }
.toubu{}
.logo { float: left; line-height: 73px }
.logo img { display: inline-block; vertical-align: middle }
.logo span { display: inline-block; vertical-align: middle; padding-left: 27px; font-size: 14px; color: #006376; line-height: 17px; margin-left: 25px; position: relative; z-index: 1; text-align: justify }
.logo span:after { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 1px; background: #006376 }
.logo span em { display: block; letter-spacing: 1.2px }
.hdr { float: right }
.nav { float: left }
.nav li { float: left; margin-right: 60px; position: relative; z-index: 2 }
.nav .v1 { display: block;font-size: 16px;color: #111;line-height:22px;position:relative;z-index:1;padding:25.5px 2px;white-space:nowrap; }
.nav .v1:after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #006376; display: none }
.nav li.on .v1:after, .nav li:hover .v1:after { display: block }
.nav dl { position: absolute; left: 50%; top: 100%; z-index: 10; width: 160px; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, .3); margin-left: -80px; padding: 10px 0; margin-top: 1px; display: none }
.nav li:hover dl { display: block }
.nav .v2 { display: block; font-size: 14px; color: #111; line-height: 34px; text-align: center; padding: 5px 0 }
.nav .v2:hover { color: #2c7a89 }
.lang { float: right; font-size: 16px; color: #111; line-height: 73px; text-transform: uppercase;margin-top:25px; }
.lang a { display: block; color: inherit }
.soBox { float: right; width: 40px; height: 41px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; z-index: 1; border-bottom: 1px solid transparent; margin-top: 16px; margin-right: 36px }
.soBox .btn-so, .soBox .sub { position: absolute; right: 0; top: 0; z-index: 2; width: 40px; height: 40px; background: url(../images/img3.png) center center no-repeat; -webkit-background-size: 16px 16px; background-size: 16px 16px; cursor: pointer; border: none }
.soBox .sub { display: none }
.soBox .inp { display: block; width: 100%; height: 40px; border: none; background: 0 0; font-size: 14px; color: #111; line-height: 40px; padding-right: 40px }
.soBox.ok { width: 120px; border-color: #111 }
.soBox.ok .btn-so { display: none }
.soBox.ok .sub { display: block }
.menuBtn { width: 30px; cursor: pointer; position: absolute; right: 15px; top: 50%; z-index: 9; padding-top: 4px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none }
.menuBtn b { display: block; height: 3px; background-color: #006376; margin-bottom: 5px; border-radius: 2px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s }
.menuBtn.open b { display: none; margin: 0; position: absolute; left: 0; top: 50%; width: 30px }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg) }
.banner { overflow: hidden; position: relative }
.banner .slick-list, .banner .slick-slide, .banner .slick-slider, .banner .slick-track { height: 100% }
.banner .slick-slide { outline: 0; position: relative; background-position: center center; background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover }
.banner .slick-next, .banner .slick-prev { position: absolute; top: 50%; margin-top: -22px; overflow: hidden; width: 44px; height: 44px; font-size: 0; line-height: 0; z-index: 9; background: center center no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: none; cursor: pointer; background-color: rgba(255, 255, 255, .5); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; visibility: hidden }
.banner .slick-prev { left: 20px; background-image: url(../images/img13.png) }
.banner .slick-next { right: 20px; background-image: url(../images/img14.png) }
.banner .slick-next:hover, .banner .slick-prev:hover { background-color: rgba(255, 255, 255, .8) }
.banner:hover .slick-next, .banner:hover .slick-prev { visibility: visible }
.banner .slick-dots { position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center; z-index: 9 }
.banner .slick-dots li { display: inline-block; margin: 0 2px }
.banner .slick-dots li button { display: block; width: 8px; height: 8px; font-size: 0; line-height: 0; text-indent: 999px; background-color: #fff; border: none; cursor: pointer; opacity: .23; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 }
.banner .slick-dots li.slick-active button { width: 28px; opacity: 1 }
.banner .pic { height: 0; padding-top: 48.177%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover }
.banner .txt { position: absolute; left: 15px; right: 15px; top: 40%; z-index: 2; font-size: 30px; color: #428997; line-height: 1.5; text-align: center; width: 610px; margin: 0 auto; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0 }
.banner .tit { font-family: "楷体 Regular"; font-size: 42px; color: #006376; font-weight: 700; border-bottom: 1px solid #006376; padding-bottom: 8px; margin-bottom: 10px }
.banner .det { text-align: justify }
.banner .det:after { content: ""; display: inline-block; width: 100% }
.banner .slick-current .txt { opacity: 1; top: 38.5%; -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -ms-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s }
.footer { clear: both }
.footer .con-top { padding: 70px 0 44px; border-bottom: 1px solid #f8f8f8 }
.footer .con-top .col-l { }
.footer .con-top .col-l.flex-1 { margin: 0 10px 0 150px; }
.footer .con-top .col-r { }
.col-r.myrfooter { position: relative; margin-left: 0; margin-top: 100px; }
.col-r.myrfooter ol { position: relative; }
.col-r.myrfooter ol li { position: relative; display: inline-block; text-align: center; }
.col-r.myrfooter ol li~li { margin-left: 30px; }
.col-r.myrfooter ol li .img1 { position: absolute; bottom: 125%; width: 120px; background-color: #fff; border-radius: 5px; border: #e6e8e9 1px solid; display: none; }
.col-r.myrfooter ol li .img1:after { width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #e6e8e9; }
.col-r.myrfooter ol li .img2 { width: 47px; height: 47px; background-color: #f6f6f6; border-radius: 5px; line-height: 47px; margin: 0 auto; }
.col-r.myrfooter ol li .title { margin-top: 5px; white-space: nowrap; display: none; position: absolute; top: 110%; min-width: 100%; }
.col-r.myrfooter ol li:hover .img1, .col-r.myrfooter ol li:hover .title { display: block; }
.f-logo { }
.f-logo img { display: inline-block; vertical-align: middle; }
.f-ma { overflow: hidden; font-size: 14px; color: #111; line-height: 24px; text-align: center }
.f-ma .pic { float: left; margin-right: 35px; width: 97px }
.f-ma .pic img { display: block; width: 100%; margin: 0 auto 1px }
.f-nav { float: left; font-size: 14px; color: #111; line-height: 28px }
.f-nav dl { float: left; margin-right: 88px }
.f-nav dt { font-size: 16px; font-weight: 700; margin-bottom: 8px }
.f-nav .v2 { color: inherit }
.f-nav .v2:hover { color: #2c7a89 }
.f-contact { float: left; font-size: 14px; color: #111; line-height: 24px; margin-left: 7px; width: 307px }
.f-contact .tit { font-size: 16px; font-weight: 700; margin-bottom: 8px;margin-top:0; }
.f-copy { font-size: 12px; color: #111; line-height: 24px; text-align: center; padding: 9px 0 }
.f-copy a { color: inherit }
.f-copy span { margin: 0 24px }
.m-tit1 { font-size: 30px; color: #111; font-weight: 700; text-align: center }
.m-tit1 em { display: block; font-family: Arial; font-size: 14px; color: #999; font-weight: 700; text-transform: uppercase }
.row-a1 { padding: 25px 0 94px }
.row-a2 { padding: 88px 0 135px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden }
.m-txt1 { float: left; width: 32%; background: rgba(255, 255, 255, .5); padding: 23px 43px 48px; font-size: 15px; color: rgba(17, 17, 17, .8); line-height: 24px; margin-top: 163px; margin-right: 3.8% }
.m-txt1 .more { float: right; font-size: 12px; color: #999; line-height: 2; margin-bottom: -8px }
.m-txt1 .more:hover { text-decoration: underline }
.m-txt1 .more i { display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 5px; width: 13px; height: 11px; background: url(../images/img8.png) center center no-repeat; -webkit-background-size: cover; background-size: cover }
.m-txt1 .m-tit1 { margin-bottom: 16px; clear: both }
.m-txt1 .m-tit1 em { font-size: 16px; margin-top: 11px }
.m-pic1 { float: left; width: 29.6%; padding: 19px; position: relative; z-index: 1; margin-top: 50px }
.m-pic1 .line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(159, 170, 185, .5); -webkit-border-radius: 50%; -moz-animation: 8s linear infinite revolve; -webkit-animation: 8s linear infinite revolve; animation: 8s linear infinite revolve }
@-moz-keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@-o-keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@-ms-keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes revolve {
	from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }
	to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
}
.m-pic1 .line:after { content: ""; position: absolute; right: -8px; top: 50%; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #006376; margin-top: -8px }
.m-pic1 .con { height: 0; padding-top: 100%; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; z-index: 2; overflow: hidden }
.m-pic1 .con img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 90%; max-height: 90% }
.m-pic1 .con:hover { -moz-animation: 1.5s linear infinite shadow; -webkit-animation: 1.5s linear infinite shadow; animation: 1.5s linear infinite shadow }
@-moz-keyframes btnPage {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}
@-o-keyframes btnPage {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}
@-ms-keyframes btnPage {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}
@-webkit-keyframes btnPage {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}
@keyframes shadow {
	0%, 100% { box-shadow: 0 0 10px rgba(0, 0, 0, 0) }
	50% { box-shadow: 0 0 10px rgba(0, 0, 0, .5) }
}
.m-history { float: right; width: 29.8%; position: relative; z-index: 1; text-align: right; padding-top: 124px }
.m-history:after { content: ""; position: absolute; right: 48px; top: 0; bottom: 0; z-index: -1; width: 2px; background: #006376 }
.m-history .slick-next, .m-history .slick-prev { position: absolute; right: 27px; overflow: hidden; width: 44px; height: 44px; font-size: 0; line-height: 0; z-index: 9; background: center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; border: none; cursor: pointer }
.m-history .slick-prev { top: -124px; background-image: url(../images/img19.png) }
.m-history .slick-next { bottom: -44px; background-image: url(../images/img21.png) }
.m-history .slick-prev:hover { background-image: url(../images/img20.png) }
.m-history .slick-next:hover { background-image: url(../images/img22.png) }
.m-history .year { display: inline-block; vertical-align: top; font-size: 14px; color: #006376; line-height: 30px }
.m-history .year:before { content: ""; display: inline-block; vertical-align: middle; width: 21px; height: 21px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; border: 2px solid #006376; margin-top: -2px; margin-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.m-history .item:hover .year { width: 90px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #006376; color: #fff; font-size: 18px; text-align: center; font-weight: 700 }
.m-history .item:hover .year:before { display: none }
.m-history .item { position: relative; padding-bottom: 90px }
.m-history .txt { padding: 15px 20px 10px 10px; background: #006376; font-size: 14px; color: #fff; line-height: 25px; text-align: left; position: absolute; left: 0; right: 110px; top: 14px; display: none }
.m-history .txt:after { content: ""; width: 12px; height: 12px; background: url(../images/img23.png) center center no-repeat; position: absolute; left: 100%; top: 0 }
.m-history .con { height: 75px; overflow-x: hidden; overflow-y: auto; padding-right: 8px }
.m-history .con::-webkit-scrollbar { width: 1px; height: 1px }
.m-history .con::-webkit-scrollbar-button { display: none }
.m-history .con::-webkit-scrollbar-track-piece { background: 0 0 }
.m-history .con::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .1) }
.m-history .item:hover .txt { display: block }
.row-a3 { padding: 110px 0 62px; overflow: hidden }
.row-a3 .inner { overflow: hidden; padding: 36px 0 20px }
.row-a3 .col-l { width: 47.66% }
.row-a3 .col-r { width: 49.48% }
.row-a3 .m-tit1 em { /*color: #dbdde2;*/ font-size: 16px }
.row-a4 { padding: 66px 0 143px; overflow: hidden }
.row-a4 .m-tit1 { text-align: left; margin-bottom: 60px }
.row-a4 .m-tit1 em { /*color: #dbdde2;*/ font-size: 16px }
.row-a4 .col-l { width: 32.11% }
.row-a4 .col-r { width: 47.7%; margin-right: 4.44%; padding-top: 21px }
.m-new1 .slick-dots { position: absolute; left: 0; bottom: 25px; width: 100%; text-align: center; z-index: 9 }
.m-new1 .slick-dots li { display: inline-block; margin: 0 2px }
.m-new1 .slick-dots li button { display: block; width: 13px; height: 13px; font-size: 0; line-height: 0; text-indent: 999px; background-color: #fff; border-radius: 50%; opacity: .5; padding: 0; cursor: pointer; border: none }
.m-new1 .slick-dots li.slick-active button { opacity: 1 }
.m-new1 .pic { height: 573px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover }
.p-list1 li { margin-bottom: 12px }
.p-list1 li:last-child { margin-bottom: 0 }
.p-list1 .con { display: block; height: 183px; padding: 41px 107px 0 42px; position: relative; z-index: 1; background: #f5f6fa; font-size: 14px; color: #999; line-height: 24px; overflow: hidden }
.p-list1 .con:hover { background: #fff; box-shadow: 0 0 24px rgba(21, 114, 202, .16); color: #2c7a89 }
.p-list1 .date { float: left; width: 93px; height: 89px; border: 1px solid #bbb; font-family: Arial; font-size: 14px; color: #111; line-height: 1.2; text-align: center; font-weight: 700; margin-right: 19px; padding-top: 13px }
.p-list1 .date span { display: block; font-size: 42px; line-height: 1 }
.p-list1 .txt { overflow: hidden; padding-top: 12px }
.p-list1 .det { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.p-list1 .tit { font-size: 18px; font-weight: 400; color: #111; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 7px }
.p-list1 .con:hover .date, .p-list1 .con:hover .tit { color: #2c7a89; border-color: #2c7a89 }
.p-list1 .label { position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; width: 32px; background: #2c7a89; font-size: 13px; color: #fff; text-align: center; line-height: 15px; padding: 0 5px }
.p-list1 .label span { display: inline-block; vertical-align: middle }
.p-list1 .label:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100% }
.p-list1 .label .more { text-transform: uppercase; writing-mode: vertical-rl; display: none }
.p-list1 .con:hover .s2 { display: none }
.p-list1 .con:hover .more { display: inline-block }
.map { height: 291px; margin-bottom: 0.5rem; }
.map img { max-width: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none }
.m-contact1 { font-size: 14px; color: #111; line-height: 2; overflow: hidden }
.m-contact1 .con-top { padding: 38px 35px 30px 70px; background: #fff; overflow: hidden }
.m-contact1 .tit { font-size: 24px; font-weight: 700; margin-bottom: 17px }
.m-contact1 .det { padding-left: 27px; position: relative; z-index: 1 }
.m-contact1 .icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); max-height: 20px }
.m-contact1 .more { float: right; font-size: 12px; color: #999; margin: 11px 0 0 }
.m-contact1 .more i { display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: url(../images/img8.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; margin-top: -2px; margin-left: 5px }
.m-contact1 .more:hover { text-decoration: underline }
.m-contact1 .con-tip { clear: both; font-size: 16px; padding-top: 60px; padding-left: 70px }
.m-contact1 .con-tip p { margin-bottom: 35px }
.m-contact1 .img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 15px }
.m-contact1 .inner .item { height: 0; overflow: hidden }
.m-contact1 .inner .item.open { height: auto }
.m-map { position: relative; z-index: 1 }
.m-map .img-map { display: block; width: 100% }
.m-map .bg { position: absolute; left: -267px; right: -192px; top: 0; bottom: -8px; z-index: -1; background-repeat: no-repeat; background-position: center center; -webkit-background-size: auto 100%; background-size: auto 100% }
.m-map .point { z-index: 2; cursor: pointer; display: inline-block; }
.m-map .point .inner { display: none }
.m-map .icon { display: block; width: 10px; height: 10px; background: #001aa6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; z-index: 1; box-shadow: 0 0 0 4px rgb(0, 26, 166, .3); cursor: pointer }
.m-map .icon:hover { background: #d82217; box-shadow: 0 0 0 4px rgb(216, 34, 23, .3) }
.m-map .center .icon { width: 22px; height: 30px; background: url(../images/img17.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; box-shadow: none }
.m-map .center .icon:after { display: none }
.m-map .txt { position: absolute; left: 50%; bottom: 100%; z-index: 2; background: #001aa6; font-size: 12px; color: #fff; line-height: 27px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 0 12px; white-space: nowrap; margin-right: 3px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 10px; display: none }
.m-map .point:hover { z-index: 3 }
.m-map .point:hover .txt { display: block }
.m-map .icon:after { content: ""; width: 100%; height: 100%; display: block; border-radius: 50%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); -webkit-animation: 1.2s linear infinite prop; -o-animation: 1.2s linear infinite prop; animation: 1.2s linear infinite prop }
.m-map .icon:hover:after { -webkit-animation: 1.2s linear infinite prop2; -o-animation: 1.2s linear infinite prop2; animation: 1.2s linear infinite prop2 }
@-webkit-keyframes prop {
	from { box-shadow: 0 0 0 0 rgba(0, 26, 166, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(0, 26, 166, .2); opacity: 0; filter: alpha(opacity=0) }
}
@-o-keyframes prop {
	from { box-shadow: 0 0 0 0 rgba(0, 26, 166, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(0, 26, 166, .2); opacity: 0; filter: alpha(opacity=0) }
}
@-moz-keyframes prop {
	from { box-shadow: 0 0 0 0 rgba(0, 26, 166, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(0, 26, 166, .2); opacity: 0; filter: alpha(opacity=0) }
}
@-ms-keyframes prop {
	from { box-shadow: 0 0 0 0 rgba(0, 26, 166, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(0, 26, 166, .2); opacity: 0; filter: alpha(opacity=0) }
}
@keyframes prop {
	from { box-shadow: 0 0 0 0 rgba(0, 26, 166, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(0, 26, 166, .2); opacity: 0; filter: alpha(opacity=0) }
}
@-webkit-keyframes prop2 {
	from { box-shadow: 0 0 0 0 rgba(216, 34, 23, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(216, 34, 23, .2); opacity: 0; filter: alpha(opacity=0) }
}
@-o-keyframes prop2 {
	from { box-shadow: 0 0 0 0 rgba(216, 34, 23, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(216, 34, 23, .2); opacity: 0; filter: alpha(opacity=0) }
}
@-moz-keyframes prop2 {
	from { box-shadow: 0 0 0 0 rgba(216, 34, 23, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(216, 34, 23, .2); opacity: 0; filter: alpha(opacity=0) }
}
@-ms-keyframes prop2 {
	from { box-shadow: 0 0 0 0 rgba(216, 34, 23, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(216, 34, 23, .2); opacity: 0; filter: alpha(opacity=0) }
}
@keyframes prop2 {
	from { box-shadow: 0 0 0 0 rgba(216, 34, 23, .2); opacity: 1; filter: alpha(opacity=50) }
	to { box-shadow: 0 0 0 25px rgba(216, 34, 23, .2); opacity: 0; filter: alpha(opacity=0) }
}
#canvas { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important }
@media only screen and (max-width:1920px) {
	.m-tit1 { font-size: 1.5625vw }
}
@media only screen and (max-width:1600px) {
	.nav li { margin-right: 40px }
	.row-a4 { padding-bottom: 50px }
	.m-txt1 { margin-top: 100px }
}
@media only screen and (max-width:1440px) {
	.wp { width: 1200px; padding: 0; margin: 0 auto }
	.nav li, .soBox { margin-right: 20px }
	.banner .txt { font-size: 24px; width: 500px }
	.banner .tit { font-size: 34px }
	.m-tit1 { font-size: 22px }
	.row-a3 .m-tit1 em, .row-a4 .m-tit1 em { font-size: 14px }
	.p-list1 .con { padding-left: 20px; padding-right: 80px; padding-top: 30px; height: 149px }
	.p-list1 .tit { font-size: 16px }
	.p-list1 .date span { font-size: 32px }
	.m-new1 .pic { height: 471px }
	.m-contact1 .tit { font-size: 20px }
	.m-contact1 { padding-left: 0 }
	.m-contact1 .con-tip p { margin-bottom: 20px }
	.m-contact1 .more { margin-right: 0 }
	.row-a4 { padding-top: 0 }
	.row-a4 .m-tit1 { margin-bottom: 30px }
	.row-a1 { padding-bottom: 30px }
	.row-a3 { padding: 30px 0 }
	.row-a4 .col-r { margin-right: 0 }
	.m-txt1 { padding-left: 15px; padding-right: 15px; margin-top: 40px }
	.row-a2 { padding: 50px 0 100px }
	.m-contact1 .con-top { padding: 30px }
	.m-contact1 .con-tip { padding-top: 30px; padding-left: 30px }
}
@media only screen and (max-width:1199px) {
	.wp { width: auto; padding: 0 15px }
	body { padding-top: 80px !important; }
	.header { height: 80px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2) }
	.toubu{}
	.logo { height: 80px; line-height: 80px }
	.logo img { height: 40% }
	.menuBtn { display: block }
	.hdr { float: none; position: fixed; left: 0; right: 0; top: 80px; bottom: 0; z-index: 100; overflow-x: hidden; overflow-y: auto; background: #fff; padding: 30px 0; border-top: 1px solid rgba(0, 0, 0, .2); display: none }
	.lang { line-height: 80px; margin-right: 60px }
	.soBox, .soBox.ok { clear: both; float: none; width: 90%; height: 42px; margin: 0 auto 20px; border: 1px solid #111; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px }
	.soBox .btn-so { display: none }
	.soBox .sub { width: 40px; display: block }
	.soBox .inp { padding-right: 40px; padding-left: 15px }
	.nav { float: none }
	.nav li { float: none; margin: 0 }
	.nav .v1 { text-align: center ;padding:10px 0;}
	.nav .v1:after { height: 1px }
	.nav dl { position: static; width: auto; margin: 0; box-shadow: none; border-bottom: 1px solid rgba(0, 0, 0, .2) }
	.nav li:hover dl { display: none }
	.footer .con-top { /*padding: 20px 0*/ }
	.footer .con-top .col-l, .footer .con-top .col-r { /*max-width: 48%*/ }
	.f-logo { margin-bottom: 20px }
	.f-nav { /*display: none*/ }
	.banner .txt { font-size: 18px; width: 360px }
	.banner .tit { font-size: 24px }
	.banner .slick-current .txt { top: 34% }
	.m-tit1 { font-size: 20px }
	.m-contact1 .tit { font-size: 18px }
	.row-a4 .col-r { width: 60% }
	.m-history .txt { font-size: 12px }
}
@media only screen and (max-width:959px) {
	.row-a3 { padding: 30px 0 }
	.row-a3 .inner { padding: 20px 0 0; overflow: visible }
	.row-a3 .col-l, .row-a3 .col-r { float: none; width: auto }
	.m-new1 .pic { height: 300px }
	.m-new1 .slick-dots { bottom: 10px }
	.row-a4 { padding: 30px 0 }
	.row-a4 .m-tit1 { margin-bottom: 20px }
	.row-a4 .col-l, .row-a4 .col-r { float: none; width: auto }
	.m-contact1 { padding-top: 0 }
	.m-contact1 .tit { font-size: 16px; margin-bottom: 10px }
	.m-contact1 .con-tip { padding-top: 20px }
	.m-contact1 .con-tip p { margin-bottom: 10px }
	.p-list1 .con { height: auto; padding: 15px 50px 15px 10px; font-size: 13px }
	.p-list1 .label { font-size: 12px; width: 24px; padding: 0 3px }
	.p-list1 .date { border: none; width: auto; height: auto; float: none; text-align: left; padding: 0 }
	.p-list1 .date span { display: inline-block; margin-right: 5px; font-size: 20px }
	.p-list1 .tit { font-size: 14px }
	.p-list1 .txt { padding-top: 5px }
	.row-a2 { padding: 30px 0 }
	.m-txt1 { float: none; width: auto; margin: 0; padding: 15px 10px; font-size: 14px; line-height: 1.5 }
	.m-txt1 .m-tit1 em { font-size: 12px; margin-top: 5px }
	.m-pic1 { float: none; width: 60%; margin: 30px auto }
	.m-history { float: none; width: auto; padding-top: 0; padding-bottom: 40px }
	.m-history .item { padding-bottom: 0 }
	.m-history .txt { position: static; display: block; text-align: left }
	.m-history .txt:after, .m-history:after { display: none }
	.m-history .year { display: block; text-align: left; font-size: 18px }
	.m-history .year:hover { width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: 0 0; text-align: left; color: #006376; font-size: 14px; font-weight: 400 }
	.m-history .year:before { display: none }
	.m-history .slick-next, .m-history .slick-prev { width: 30px; height: 30px; bottom: -40px; top: auto }
	.m-history .slick-prev { left: 50%; margin-left: -40px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
	.m-history .slick-next { right: 50%; margin-right: -40px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
}
@media only screen and (max-width:767px) {
	body { padding-top: 50px !important; }
	.header { height: 50px }
	.logo { height: 50px; line-height: 50px }
	.logo span { font-size: 12px; line-height: 1.2; padding-left: 10px; margin-left: 10px }
	.hdr { top: 50px }
	.lang {line-height:1.5;    margin-top: 12.5px;}
	.footer .con-top .col-l, .footer .con-top .col-r { max-width: 100%; float: none; padding-top: 0 }
	.f-copy span { display: block; margin: 0 }
	.f-logo { text-align: center }
	.f-logo img { }
	.f-ma { font-size: 12px }
	.f-ma .pic { float: none; display: inline-block; vertical-align: top; width: 80px; margin: 0 5px }
	.f-contact { margin-left: 0; width: auto; display: none }
	.banner .txt { font-size: 16px; width: auto }
	.banner .tit { font-size: 20px }
	.banner .slick-current .txt { top: 28% }
	.m-tit1 { font-size: 18px }
	.m-tit1 em, .row-a3 .m-tit1 em, .row-a4 .m-tit1 em { font-size: 12px }
	.row-a1, .row-a2, .row-a3, .row-a4 { padding: 30px 0 }
	.m-map .bg { left: 0; right: 0 }
	.m-map .icon { width: 5px; height: 5px }
	.m-map .center .icon { width: 11px; height: 15px }
	.m-pop .inner { max-width: 100%; width: 90% }
	.m-pop .close { left: auto; bottom: 100%; right: 0 }
	.banner .slick-dots { bottom: 10px }
	.m-contact1 .con-top { padding: 20px 10px }
	.m-contact1 .con-tip { padding-left: 10px }
	/*.p-list1 .label{position: relative;}*/
	.p-list1 .label span{position: absolute;top: 50%;left: 50%;text-align: center;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}
.myrflo { float: left; }
.myrfooter { position: absolute; margin-left: 65%; margin-top: -58px; }
.myrfooter ul li ul li:nth-of-type(1) { background-repeat: no-repeat; background-size: 95% 95%; background-position: center center; background-color: #fff; border-radius: 5px; width: 118px; height: 130px; border: #e6e8e9 1px solid; position: relative; display: none; }
.span11 { top: 0px; left: 0px; }
.span22 { top: 0px; left: 77px; }
.span33 { top: 0px; left: 154px; }
.span44 { top: 0px; left: 224px; }
.span55 { top: 0px; left: 294px; }
.span66 { top: 0px; left: 362px; }
.myrfooter ul li ul li:nth-of-type(1) span { width: 0px; height: 0px; border-top: 10px solid #e6e8e9; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 1px solid transparent; position: relative; top: 137px; left: 50px; border-radius: 0px; }
.myrfooter ul li ul li:nth-of-type(2) { background-repeat: no-repeat; background-position: center center; background-color: #f6f6f6; border-radius: 5px; width: 47px; height: 47px; position: absolute; top: 143px; }
.span111 { position: absolute; top: 191px; left: -2px; }
.span1 { left: 35px; }
.span222 { position: absolute; top: 191px; left: 77px; }
.span2 { left: 113px; }
.span333 { position: absolute; top: 191px; left: 174px; }
.span3 { left: 190px; }
.span444 { position: absolute; top: 191px; left: 231px; }
.span4 { left: 261px; }
.span555 { position: absolute; top: 191px; left: 316px; }
.span5 { left: 331px; }
.span666 { position: absolute; top: 191px; left: 382px; }
.span6 { left: 398px; }
.myrfooter ul li ul li:nth-of-type(3) { margin-left: 26px; font-family: SourceHanSansCN-Light; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #999999; width: 77px; display: none; }
.afterinlineblock:after, .beforeinlineblock:before, .inlineblock { display: inline-block; }
.beforecontent:before, .aftercontent:after { content: ''; }
.afterdisblock:after, .beforedisblock:before, .disblock { display: block; }
.afterdisnone:before, .beforedisnone:before, .disnone { display: none; }
.margin0auto { margin: 0 auto; }
.widthauto { width: auto; }
.widthauto-important { width: auto !important; }
.beforewidth_100:before, .afterwidth_100:after, .width_100 { width: 100%; }
.minwidth_100 { min-width: 100%; }
.maxwidth_100 { max-width: 100%; }
.width_100-important { width: 100% !important; }
.minheight100 { min-height: 100%; }
.maxheight100 { max-height: 100%; }
.height_100 { height: 100%; }
.height_100vh { height: 100vh; }
.minheight_100vh { min-height: 100vh; }
.height_auto { height: auto; }
.height_100-important { height: 100% !important; }
.white { color: #fff; }
.white_im { color: #fff !important; }
.bg_white { background-color: #fff; }
.bg_black_25 { background-color: rgba(0, 0, 0, 0.25) !important; transition: .4s; }
.over_hide { overflow: hidden; }
.overflow-y { overflow-y: auto; }
.notextshadow { text-shadow: none; }
.po_fixed { position: fixed; }
.beforepo_absolute:before, .afterpo_absolute:after, .po_absolute { position: absolute; }
.beforetop0:before, .aftertop0:after, .top0 { top: 0; }
.beforeright0:before, .afterright0:after, .right0 { right: 0; }
.beforebottom0:before, .afterbottom0:after, .bottom0 { bottom: 0; }
.beforeleft0:before, .afterleft0:after, .left0 { left: 0; }
.beforeleft_50:before, .afterleft_50:after, .left_50 { left: 50%; }
.beforetop_50:before, .aftertop_50:after, .top_50 { top: 50%; }
.normal { font-style: normal; }
.red { color: red; }
li { list-style-type: none; }
.line_height_1 { line-height: 1.1; }
.hover_cursor { cursor: pointer; }
.hover_no_drop { cursor: no-drop; }
.hover-color:hover { color: #ce0b3f; }
input, button, a, .btn { outline: 0 none !important; outline: none !important; blr: expression(this.onFocus=this.blur()); }
.font16 { font-size: 16px; }
.line1_8 { line-height: 1.8; }
.aftertransition_3:after, .beforetransition_3:before, .transition_3 { transition: .3s; }
.nowrap { white-space: nowrap; }
.bottommargin-10 { margin-bottom: 10px; }
.z-index2 { z-index: 2; }

/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-middle：子元素垂直居中
   flex-center：子元素水平居中
   flex-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   flex-wrap：让弹性盒元素在必要的时候拆行
   ============================================================ */
.flex-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-stretch { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.flex-bottom { align-items: flex-end; }
.flex-top { align-items: flex-start; }
.flex-justifyend { justify-content: flex-end; }
.flex-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.flex-wrap { flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari 6.1+ */ }
.line_clamp_1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.line_clamp_2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.line_clamp_3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.line_clamp_4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.line_clamp_5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.beforexy-transform:before, .afterxy-transform:after, .xy-transform { -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.beforex-transform:before, .afterx-transform:after, .x-transform { -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.beforey-transform:before, .aftery-transform:after, .y-transform { -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateX(-50%); transform: translateY(-50%); }

/*modal*/
.figure-madol { background: rgba(0, 0, 0, 0.6); z-index: 9; }
.figure-madol img.vclose { }
.figure-close { margin-bottom: 10px; }
.figure-content { max-width: 900px; }

/*modal end*/
.davey-container { max-width: 91.5%; margin: 0 auto; }
.clearfix:after { clear: both; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.navbox span{display:block;}
.navbox {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
}
.navbox span:nth-of-type(1) {
    font-family: SourceHanSansCN-Bold;
    font-size: 24px;line-height:1.5;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #111111;
}
.navbox span:nth-of-type(2) {
    font-family: Arial,Roboto-Bold;
    font-size:14px;line-height:1.5;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #999999;
}


footer{padding-top:70px;}
footer .top .logo1{max-height:50px;}
footer .top .ul-center{margin-left:150px;margin-right:10px;}
footer .top .ul-center > li{float:left;margin-left:60px;}
footer .top .ul-center > li .title{ font-size: 16px;font-weight:600;    margin-bottom: 8px;}
footer .top .ul-center > li .a-link{margin-bottom:5px;font-size:14px;}
footer .top .div-right{}
footer .top .div-right { position: relative; margin-left: 0; margin-top: 100px; }
footer .top .div-right ol { position: relative; }
footer .top .div-right ol li { position: relative; display: inline-block; text-align: center; }
footer .top .div-right ol li~li { margin-left: 30px; }
footer .top .div-right ol li .img1 { position: absolute; bottom: 125%; width: 120px; background-color: #fff; border-radius: 5px; border: #e6e8e9 1px solid; display: none; }
footer .top .div-right ol li .img1:after { width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #e6e8e9; }
footer .top .div-right ol li .img2 { width: 47px; height: 47px; background-color: #f6f6f6; border-radius: 5px; margin: 0 auto;position:relative; }
footer .top .div-right ol li .img2{}
footer .top .div-right ol li .title { margin-top: 5px; white-space: nowrap; display: none; position: absolute; top: 110%; min-width: 100%; }
footer .top .div-right ol li:hover .img1,
footer .top .div-right ol li:hover .title { display: block; }
footer .bottom{font-size:12px;padding: 9px 0;border-top:1px solid #f8f8f8;text-align: center;margin-top:40px;}
footer .bottom span~span{margin-left:10px;}



@media(max-width:1680px) and (min-width:1441px) {
	.footer .con-top .col-l.flex-1{margin-left:60px;}	
	.col-r.myrfooter ol li .img2 { width: 40px; height: 40px; }
	.f-nav dl{margin-right:60px;}
	footer .top .ul-center{margin-left:80px;}
	footer .top .ul-center > li{margin-left:40px;}
}
@media(max-width:1440px) and (min-width:1367px) {
	footer .top .ul-center{margin-left:70px;}
	footer .top .ul-center > li{margin-left:40px;}
	footer .top .div-right ol li~li{margin-left:20px;}
	footer .top .div-right ol li .img2{width:40px;height:40px;}
}
@media(max-width:1366px) and (min-width:1200px) {
	footer .top .ul-center{margin-left:30px;}
	footer .top .ul-center > li{margin-left:30px;}
	footer .top .ul-center > li .title{font-size:14px;}
	footer .top .div-right ol li~li{margin-left:20px;}
	footer .top .div-right ol li .img2{width:30px;height:30px;}
}
@media(max-width:1199px) and (min-width:1100px) {
	footer .top .ul-center{margin-left:20px;
	    /*.flex-row */
	    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	    /*.flex-top */
	    align-items: flex-start;
	    /*.flex-justify */
	    -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	    /*.flex-wrap */
	    flex-wrap: wrap; -webkit-flex-wrap: wrap; 
	}
	footer .top .ul-center > li{margin-left:10px;max-width:50%;}
	footer .top .ul-center > li .title{font-size:14px;}
	footer .top .div-right ol li~li{margin-left:15px;}
	footer .top .div-right ol li .img2{width:30px;height:30px;}	
}
@media(max-width:1099px) and (min-width: 768px){
	footer .top{display:block;}
	footer .top .ul-center{margin-left:0.8rem;
	    /*.flex-row */
	    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	    /*.flex-top */
	    align-items: flex-start;
	    /*.flex-justify */
	    -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	    /*.flex-wrap */
	    flex-wrap: wrap; -webkit-flex-wrap: wrap; 
	}
	footer .top .ul-center > li{margin-left:10px;max-width:50%;}
	footer .top .ul-center > li .title{font-size:14px;}
	footer .top .div-right{margin-top:30px;}
	footer .top .div-right ol li~li{margin-left:15px;}
	footer .top .div-right ol li .img2{width:30px;height:30px;}	
	footer .bottom{margin-top:30px;}
}
@media(max-width:767px) {
	.figure-content { width: 100%; padding: 0 15px; }
	footer .top{display:block;}
	footer .top .ul-center{margin:20px 0 0;
	    /*.flex-row */
	    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	    /*.flex-top */
	    align-items: flex-start;
	    /*.flex-justify */
	    -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	    /*.flex-wrap */
	    flex-wrap: wrap; -webkit-flex-wrap: wrap; 
	}
	footer .top .ul-center > li{margin-left:0;max-width:50%;}
	footer .top .ul-center > li p,
	footer .top .ul-center > li .a-link{font-size:12px;}
	footer .top .ul-center > li~li{margin-left:0;}
	footer .top .ul-center > li .title{font-size:14px;}
	footer .top .div-right{margin-top:20px;}
	footer .top .div-right ol li~li{margin-left:15px;}
	footer .top .div-right ol li .img2{width:30px;height:30px;}	
	footer .bottom{margin-top:20px;}
	footer .top > .left{display:block;}
	footer{padding-top:50px;}
	footer .top .logo1{margin-bottom:20px;max-height:none;}
	.navbox span:nth-of-type(1) {font-size: 18px;}
	.davey-content-slide1{padding-top:40px;}
    .davey-content-slide1 >.navbox{margin-top:0;margin-bottom:15px;}
}