/*全局样式*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body,
button,
input,
select,
textarea {
  font: 1.4px "-apple-system", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", "Arial", "sans-serif";
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #3c3c3c;
}
div,
p,
ul,
li {
  font-size: 14px;
}
body {
  background: #fff;
}
ul li {
  list-style: none;
}
a {
  margin: 0;
  padding: 0;
  color: #3c3c3c;
}
a {
  text-decoration: none;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  border: 0;
}
img {
  vertical-align: top;
}
input[type=text],
select,
input[type=date],
input[type=password],
input[type=button] {
  -webkit-appearance: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
.f-col1 {
  color: #111;
}
.f-col2 {
  color: #686868;
}
.f-bg {
  background: #fff;
}
.f-bg2 {
  background: #f8f8f8;
}
.f-w1150 {
  width: 1150px !important;
  margin: 0 auto;
  clear: both;
}
.f-cb {
  clear: both;
}
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.f-h0 {
  height: 0;
}
.f-mt30 {
  margin-top: 30px;
}
.f-mt130 {
  margin-top: 130px !important;
}
.f-mt10 {
  margin-top: 10px;
}
.f-mr11 {
  margin-right: 11px;
}
.f-link {
  color: #e2943b;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 90px;
  z-index: 999;
  background: #fff;
  box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.08);
}
.header .logo {
  float: left;
  padding: 26px 0;
}
.header .nav {
  float: right;
}
.header .nav .nav-item {
  float: left;
  margin: 55px 25px 17px;
}
.header .nav .nav-item .nav-link {
  padding: 10px 0 11px;
  font-size: 18px;
}
.header .nav .nav-item .nav-link:hover {
  color: #e2943b;
}
.header .nav .nav-item .nav-link.cur {
  color: #e2943b;
  border-bottom: 4px #e2943b solid;
}
.header .subnav {
  position: absolute;
  z-index: 99;
  top: 90px;
  width: 100%;
  background: #fff;
  border-bottom: 1px #f0f0f0 solid;
  display: none;
}
.header .subnav .head-border {
  width: 100%;
  height: 8px;
  position: absolute;
  z-index: 100;
  background: url("../images/head-border.png") repeat-x;
}
.header .subnav ul {
  display: block;
}
.header .subnav ul li {
  line-height: 40px;
  float: left;
  height: 300px;
  width: 120px;
  padding: 30px 0;
  text-align: center;
  font-size: 14px;
}
.header .subnav ul li:hover {
  background: #fffcf4;
}
.header .subnav ul li a {
  display: block;
  line-height: 40px;
}
.header .subnav ul li a:hover {
  color: #e2943b;
}
.header .subnav ul .w418 {
  float: left;
  width: 418px;
  height: 100px;
}
.header .subnav ul .w242 {
  float: left;
  width: 242px;
  height: 100px;
}
.header .subnav ul .line {
  width: 1px;
  background: #dcdcdc;
  float: left;
  margin-top: 30px;
}
.header .subnav ul .line1 {
  height: 240px;
}
.header .subnav ul .line2 {
  height: 160px;
}
.header .subnav ul .line3 {
  height: 80px;
}
.footer {
  width: 100%;
  height: 100px;
  line-height: 100px;
  background: #e2943b;
  color: #fff;
  text-align: center;
  clear: both;
}
.footer span,
.footer a {
  font-size: 14px;
  color: #fff;
}
.footer a {
  margin-left: 20px;
}
.footer a:hover {
  text-decoration-line: underline;
}
.footer span {
  margin-left: 20px;
}
.footer img {
  vertical-align: middle;
  margin-right: 5px;
}
.banner {
  width: 100%;
  height: 400px;
  margin-top: 90px;
  clear: both;
  text-align: center;
  background: url("../images/sy-banner.png") center no-repeat;
}
.banner.banner3 {
  background: url("../images/banner7.png") center no-repeat;
}
.banner2 {
  width: 1150px;
  height: 300px;
  margin: 90px auto 20px;
}
.banner2 img {
  width: 100%;
}
.banner3 {
  width: 1150px;
  height: 460px;
  margin: 90px auto 20px;
}
.banner3 img {
  width: 100%;
}
.leftbox {
  float: left;
  width: 440px;
  height: 540px;
  margin: 60px 0;
  padding-right: 40px;
}
.leftbox .title-bottom {
  margin-top: 30px;
}
.leftbox p {
  color: #686868;
  font-size: 16px;
  line-height: 26px;
  margin-top: 25px;
  margin-bottom: 17px;
}
.rightbox {
  float: left;
  width: 710px;
  height: 540px;
  margin: 60px 0;
  padding-left: 40px;
}
.center-box {
  float: left;
  width: 460px;
  height: 540px;
  margin: 60px 0;
  padding-right: 40px;
}
.center-box .sy-news li,
.center-box .inner-news li {
  width: 100%;
}
.center-box .sy-news li a,
.center-box .inner-news li a {
  display: inline-block;
}
.center-box .sy-news li a .news-item,
.center-box .inner-news li a .news-item {
  width: 390px;
}
.center-box .sy-news li a:hover .news-item,
.center-box .inner-news li a:hover .news-item {
  color: #e2943b;
}
.right-box {
  float: right;
  width: 250px;
  height: 540px;
  margin: 60px 0;
  padding-left: 0px;
}
.right-box .sy-news {
  margin-top: 30px;
}
.right-box .sy-news li,
.right-box .inner-news li {
  width: 100%;
}
.right-box .sy-news li a,
.right-box .inner-news li a {
  display: inline-block;
  width: 100%;
}
.right-box .sy-news li a:hover .news-item,
.right-box .inner-news li a:hover .news-item {
  color: #e2943b;
}
.right-box .sy-news .buss-title,
.right-box .inner-news .buss-title {
  display: inline-block;
  background: #f6f6f6;
  border-bottom: 1px solid #ededed;
  padding: 15px 0;
  width: 100%;
  vertical-align: middle;
}
.right-box .sy-news .buss-title p,
.right-box .inner-news .buss-title p {
  float: left;
  display: block;
  width: 170px;
  padding-left: 5px;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
}
.right-box .sy-news .buss-title img,
.right-box .inner-news .buss-title img {
  float: left;
}
.right-box .sy-news .buss-title img:first-child,
.right-box .inner-news .buss-title img:first-child {
  width: 30px;
  height: 30px;
  margin-left: 20px;
}
.right-box .sy-news .buss-title img:last-child,
.right-box .inner-news .buss-title img:last-child {
  width: 10px;
  margin-right: 20px;
  margin-top: 6px;
}
.pages {
  text-align: center;
  clear: both;
  height: 30px;
  width: 100%;
  padding: 60px 0;
}
.pages ul {
  height: 30px;
  text-align: center;
}
.pages li {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #dfdfdf;
  color: #fff;
  margin: 0 20px;
  vertical-align: middle;
}
.pages li.cur {
  background: #e2943b;
}
.pages li.dis:hover {
  background: #dfdfdf;
}
.pages li:hover {
  background: #e2943b;
}
.pages li a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-size: 14px;
}
.pages li .pre,
.pages li .next {
  background: url("../images/page-icon.png");
  background-position: 0 0;
}
.pages li .next {
  background-position: -30px 0;
}
.sy-news,
.inner-news {
  margin: 20px 0;
}
.sy-news li,
.inner-news li {
  width: 670px;
}
.sy-news li a:hover .news-item,
.inner-news li a:hover .news-item {
  color: #e2943b;
}
.sy-news .news-item,
.inner-news .news-item {
  display: block;
  float: left;
  width: 490px;
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #686868;
}
.sy-news .news-item:before,
.inner-news .news-item:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/spot-icon.png");
  margin-right: 10px;
}
.sy-news .news-date,
.inner-news .news-date {
  display: block;
  line-height: 40px;
  font-size: 14px;
  float: right;
}
.sy-news .news-date:after,
.inner-news .news-date:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 18px;
  background: url("../images/more-icon.png");
  margin: 11px 0 11px 20px;
  margin-bottom: -3px;
}
.inner-news li {
  width: 850px;
}
.inner-news li a {
  display: block;
  width: 100%;
  color: #111;
}
.inner-news li:nth-child(even) {
  background: #fffcf5;
}
.inner-news .news-item {
  width: 670px;
  color: #111;
}
.sy-btn {
  width: 166px;
  height: 44px;
  line-height: 44px;
  border: 1px #e2943b solid;
  color: #e2943b;
  font-size: 16px;
  text-align: center;
  display: block;
}
.sy-btn:hover {
  background: #e2943b;
  color: #fff;
}
.title-bottom {
  font-size: 24px;
  line-height: 40px;
  clear: both;
  width: 100px;
  border-bottom: 6px #e2943b solid;
}
.title-top {
  font-size: 24px;
  line-height: 40px;
  clear: both;
  width: 100px;
  border-top: 6px #e2943b solid;
}
.sy-trade {
  background: #f8f8f8;
  height: 540px;
  padding: 40px;
  clear: both;
}
.sy-trade .title-bottom {
  margin: 0 auto 30px;
}
.sy-trade p {
  color: #686868;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}
.sy-trade .trade-list {
  color: #e2943b;
}
.sy-trade .trade-list li {
  float: left;
  width: 25%;
  font-size: 18px;
  vertical-align: middle;
  padding: 11px 0;
}
.sy-trade .trade-list li img {
  vertical-align: middle;
  margin-right: 21px;
}
.sy-app,
.inner-app {
  padding: 40px;
  position: relative;
}
.sy-app .title-bottom,
.inner-app .title-bottom {
  margin: 0 auto 40px;
}
.sy-app .app-box,
.inner-app .app-box {
  position: relative;
  width: 1150px;
  height: 550px;
  margin: 0 auto 40px;
}
.sy-app .app-box .app-img,
.inner-app .app-box .app-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.sy-app .app-box .ewm-img,
.inner-app .app-box .ewm-img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.sy-app .app-box .app-msg,
.inner-app .app-box .app-msg {
  width: 100%;
  height: 180px;
  background: #e2943b;
  position: absolute;
  top: 100px;
  padding: 50px 0 0 530px;
  color: #fff;
}
.sy-app .app-box .app-msg h2,
.inner-app .app-box .app-msg h2 {
  font-size: 22px;
  margin-bottom: 20px;
}
.sy-app .app-box .app-msg p,
.inner-app .app-box .app-msg p {
  font-size: 16px;
  margin-bottom: 8px;
}
.sy-app .app-box .iPhone-app,
.inner-app .app-box .iPhone-app,
.sy-app .app-box .android-app,
.inner-app .app-box .android-app {
  position: absolute;
  left: 530px;
  width: 340px;
  height: 90px;
  line-height: 90px;
  border-radius: 90px;
  border: 1px #e2943b solid;
  text-align: center;
  font-size: 18px;
  color: #111;
}
.sy-app .app-box .iPhone-app:hover,
.inner-app .app-box .iPhone-app:hover,
.sy-app .app-box .android-app:hover,
.inner-app .app-box .android-app:hover {
  border-width: 2px;
}
.sy-app .app-box .iPhone-app .iphone-icon,
.inner-app .app-box .iPhone-app .iphone-icon,
.sy-app .app-box .android-app .iphone-icon,
.inner-app .app-box .android-app .iphone-icon,
.sy-app .app-box .iPhone-app .android-icon,
.inner-app .app-box .iPhone-app .android-icon,
.sy-app .app-box .android-app .android-icon,
.inner-app .app-box .android-app .android-icon {
  display: inline-block;
  width: 52px;
  height: 56px;
  vertical-align: middle;
  margin-right: 20px;
}
.sy-app .app-box .iPhone-app .iphone-icon,
.inner-app .app-box .iPhone-app .iphone-icon,
.sy-app .app-box .android-app .iphone-icon,
.inner-app .app-box .android-app .iphone-icon {
  background: url("../images/apple.png");
}
.sy-app .app-box .iPhone-app .android-icon,
.inner-app .app-box .iPhone-app .android-icon,
.sy-app .app-box .android-app .android-icon,
.inner-app .app-box .android-app .android-icon {
  background: url("../images/android.png");
}
.sy-app .app-box .iPhone-app,
.inner-app .app-box .iPhone-app {
  top: 325px;
}
.sy-app .app-box .android-app,
.inner-app .app-box .android-app {
  top: 450px;
}
.inner-app .app-box .app-msg {
  background: #fff;
  color: #111;
  padding: 10px 0 0 620px;
}
.inner-app .app-box .iPhone-app,
.inner-app .app-box .android-app {
  left: 620px;
}
.inner-app .app-box .iPhone-app {
  top: 260px;
}
.inner-app .app-box .android-app {
  top: 385px;
}
.content {
  clear: both;
  width: 1150px;
  margin: 0 auto;
}
.content .leftNav {
  width: 260px;
  float: left;
  padding-bottom: 20px;
}
.content .leftNav .line {
  font-size: 16px;
  line-height: 28px;
  color: #111111;
}
.content .leftNav.zp {
  width: 300px;
}
.content .leftNav .title-top {
  color: #242424;
  margin-bottom: 10px;
}
.content .leftNav .title-top.zp {
  width: 140px;
  color: #e2943b;
  border-top: 0;
  border-bottom: 2px #e2943b solid;
  font-size: 20px;
}
.content .leftNav li:last-child {
  border-bottom: 0;
}
.content .leftNav .nav-item {
  height: 60px;
  width: 100%;
  display: block;
  border-bottom: 1px #ddd solid;
  background: #f8f8f8;
  border-left: 10px #ddd solid;
}
.content .leftNav .nav-item a {
  color: #686868;
  font-size: 18px;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  position: relative;
}
.content .leftNav .nav-item a:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 13px;
  display: block;
  width: 20px;
  height: 35px;
  background: url("../images/leftNav-icon.png");
  background-position: 0 0;
}
.content .leftNav .nav-item a:hover {
  color: #e2943b;
}
.content .leftNav .nav-item.cur {
  border-left: 10px #c99200 solid;
  background: #fcf1d5;
  border-bottom: 0;
}
.content .leftNav .nav-item.cur a {
  color: #242424;
}
.content .leftNav .nav-item.cur a:after {
  background-position: -18px 0;
}
.content .rightCon {
  width: 850px;
  min-height: 650px;
  margin-left: 40px;
  float: left;
  padding-bottom: 60px;
}
.content .rightCon.zp-con {
  width: 800px;
  min-height: 235px;
}
.content .rightCon.zp-con li {
  line-height: 36px;
  font-size: 16px;
}
.content .rightCon .title-top {
  color: #242424;
  margin-bottom: 10px;
}
.content .rightCon .title-top.zp {
  width: 120px;
  color: #e2943b;
  border-top: 0;
  border-bottom: 2px #e2943b solid;
  font-size: 20px;
}
.content .rightCon .crumbs {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px #e2943b solid;
  padding-left: 20px;
  margin-bottom: 30px;
  color: #686868;
  font-size: 14px;
}
.content .rightCon .crumbs a,
.content .rightCon .crumbs span {
  color: #686868;
  font-size: 16px;
  margin: 0 7px 0 5px;
}
.content .rightCon .crumbs a:hover {
  color: #e2943b;
}
.content .rightCon .new h1 {
  color: #686868;
  font-size: 26px;
  text-align: center;
}
.content .rightCon .new p {
  font-size: 16px;
  color: #686868;
  text-indent: 2em;
  line-height: 26px;
}
.content .rightCon .new p img {
  display: block;
  margin: 20px auto;
  max-width: 850px;
}
.content .rightCon .new p.time {
  font-size: 14px;
  color: #989898;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  text-indent: 0;
}
.content .rightCon p {
  line-height: 24px;
  font-size: 16px;
  color: #111;
  margin-bottom: 10px;
}
.content .rightCon .city-msg {
  display: inline-block;
  width: 500px;
  padding: 0 20px;
}
.content .rightCon .city-msg .p1 {
  font-size: 20px;
  color: #111;
  margin-bottom: 15px;
}
.content .rightCon .city-msg .p2 {
  font-size: 18px;
  color: #686868;
  line-height: 20px;
}
.content .rightCon .service-msg {
  background: #f9f9f9;
  width: 525px;
  display: inline-block;
  margin-top: 25px;
  padding: 15px 40px;
  font-size: 16px;
  line-height: 24px;
  color: #111;
}
.content .new-btn {
  width: 100%;
  padding: 50px 0;
  text-align: center;
  clear: both;
}
.content .new-btn .pre {
  width: 120px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  background: #e2943b;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  margin-right: 20px;
}
.content .new-btn .next {
  width: 120px;
  height: 48px;
  line-height: 48px;
  border: 1px #e2943b solid;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  margin-left: 20px;
}
.map {
  width: 850px;
  height: 420px;
  margin-top: 30px;
  clear: both;
}
.pop-img {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}
.pop-img img {
  max-width: 1000px;
  max-height: 90%;
  margin-top: 50px;
  display: none;
}
.pop-img .close-btn {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 32px;
}