@font-face { font-family: 'FuturaStdBook'; src: url("../fonts/FuturaStdBook.eot"); src: url("../fonts/FuturaStdBook.eot") format("embedded-opentype"), url("../fonts/FuturaStdBook.woff2") format("woff2"), url("../fonts/FuturaStdBook.woff") format("woff"), url("../fonts/FuturaStdBook.ttf") format("truetype"), url("../fonts/FuturaStdBook.svg#FuturaStdBook") format("svg"); }

* { margin: 0px; padding: 0px; }

html { font-size: 62.5%; height: 100%; }

body { width: 100%; overflow-x: hidden; font-family: Corbel; font-size: 14px; font-size: 1.4rem; color: #333; max-width: 1920px; margin: 0 auto;  font-family: '微软雅黑';}

a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

a:hover { color: #15499a; }

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

img { max-width: 100%; border: 0px solid #ccc; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }

em, i { font-style: normal; }

/* .c-xx start */
.c-fl { float: left; }

.c-fr { float: right; }

.c-cb { clear: both; }

.c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.c-oh { overflow: hidden; }

.c-wd { width: 1200px; }

.c-tsn { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.c-bbx { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.c-pr { position: relative; }

.c-mt-5 { margin-top: 5px; }

.c-mt-10 { margin-top: 10px; }

.c-mt-15 { margin-top: 15px; }

.c-mt-20 { margin-top: 20px; }

.c-mt-25 { margin-top: 25px; }

.c-mt-30 { margin-top: 30px; }

.c-mt-35 { margin-top: 35px; }

.c-mt-40 { margin-top: 40px; }

.c-mt-45 { margin-top: 45px; }

.c-mt-50 { margin-top: 50px; }

.c-nomt { margin-top: 0 !important; }

.c-nomr { margin-right: 0 !important; }

.c-nomb { margin-bottom: 0 !important; }

.c-noml { margin-left: 0 !important; }

.c-nofont { line-height: 0; font-size: 0; }

.c-nobg { background: none !important; }

/* .c-xx end */
/* .f-xx start */
.f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); }

.f-box { margin: 0 auto; max-width: 1200px; overflow: hidden; }

@media screen and (min-width: 960px) and (max-width: 1339px) { .f-box { width: 950px; } }

@media screen and (min-width: 768px) and (max-width: 959px) { .f-box { width: 750px; } }

@media screen and (max-width: 767px) { .f-box { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

/* .f-xx end */
.l { float: left; }

.r { float: right; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.box { position: relative; }

.mln { margin-left: 0 !important; }

.clear { clear: both; }

.wp { width: 1319px; margin: auto; }

@media screen and (min-width: 1000px) and (max-width: 1339px) { .wp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }

/* .m-xx start */
.m-desc { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc a { color: #15499a; }

.m-desc a:hover { text-decoration: underline; }

.m-desc p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc span { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc b { font-size: 22px; font-size: 2.2rem; color: #333; line-height: 30px; }

.m-desc a { font-size: 14px; font-size: 1.4rem; color: #15499a; line-height: 30px; }

.m-desc img { display: block; max-width: 100%; margin: 0 auto; }

.m-desc iframe { display: block; max-width: 100%; margin: 0 auto; }

.m-desc table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }

.m-desc table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 767px) { .m-tt1 { font-size: 24px !important; font-size: 2.4rem !important; }
  .m-tt2 { font-size: 20px !important; font-size: 2rem !important; }
  .m-tt3 { font-size: 18px !important; font-size: 1.8rem !important; }
  .m-desc1 { font-size: 16px !important; font-size: 1.6rem !important; }
  .m-desc2 { font-size: 14px !important; font-size: 1.4rem !important; }
  [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem; }
  [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem; }
  [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem; }
  [class*="-item"] .item-modal { display: none; } }

/* .m-xx end */
/* .j-xx start */
.j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; }

.j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

.j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }

.j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

/* .j-xx end */
[class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

[class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a:hover { color: #15499a; }

[class*="-item"] .item-desc { overflow: hidden; }

[class*="-item"] .item-desc a { display: block; }

[class*="-item"] .item-desc a:hover { color: #15499a; }

.m-crm { padding: 5px 0px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; background: #f4f4f4; margin-bottom: 28px; }

.m-crm a { color: #666; }

.m-crm a:hover { color: #15499a; }

.m-crm a.active { color: #15499a; }

.m-page { padding-bottom: 100px; letter-spacing: 0; font-size: 0; text-align: center; font-family: Verdana; }

.m-page a { margin: 0 4px; display: inline-block; *display: inline; *zoom: 1; width: 26px; height: 26px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; background: #333333; color: #fff; -moz-border-radius: 50%; border-radius: 50%; }

.m-page a.big { width: 82px; font-size: 12px; font-size: 1.2rem; color: #333 !important; border-color: #fff !important; background-color: #fff !important; }

.m-page a:hover { color: white; border-color: #15499a; background-color: #15499a; }

.m-page a.active { color: white; border-color: #15499a; background-color: #15499a; }

.m-page span { display: inline-block; width: 50px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; position: relative; top: 3px; }

.m-page img { display: inline-block; position: relative; top: 5px; margin-left: 15px; margin-right: 8px; }

.m-page .ins { margin-left: 4px; width: 150px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #15499a; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; }

.m-page .add { max-width: 200px\0; }

.m-page2 { position: relative; }

@media screen and (max-width: 767px) { .m-page { padding-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
  .m-page img { display: none; } }

.m-kf { position: fixed; z-index: 9998; right: 0px; top: 30%; }

.m-kf .kf-item { display: table; line-height: 0; font-size: 0; margin-bottom: 1px; -moz-border-radius: 5px; border-radius: 5px; position: relative; width: 69px; height: 69px; background: #464545; text-align: center; }

.m-kf .kf-item svg { line-height: 69px; width: 39px; height: 32px; }

.m-kf .kf-item path { fill: #fff; }

.m-kf .iconfont { line-height: 69px; display: block; text-align: center; color: #fff; font-size: 20px; font-size: 2rem; }

.m-kf .icon-whatsapp1 { font-size: 26px; font-size: 2.6rem; }

.m-kf .kf-item2 i { line-height: 69px; position: absolute; top: 50%; margin-top: -18px; left: 50%; margin-left: -18px; width: 39px; height: 32px; }

.m-kf .kf-wx { position: absolute; display: none; bottom: 0; right: 53px; width: 90px; }

.m-kf .ewm3 { position: absolute; right: 100%; bottom: -99999px; width: 100px; max-width: 100px; max-height: 100px; }

.m-kf .ewm2 { position: absolute; right: 100%; bottom: -99999px; width: 100px; max-width: 100px; max-height: 100px; }

.m-kf .kf-item2:hover .ewm2 { bottom: 0; display: block !important; }

@media screen and (max-width: 767px) { .m-kf .kf-item .img-responsive { top: -151%; right: 0px; width: 80px; height: 80px; }
  .m-kf { right: 0; top: auto; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; background: #15499a; }
  .m-kf .kf-item { width: 20%; text-align: center; max-width: 64px; }
  .m-kf .kf-wx { bottom: 100%; left: 0; }
  .m-kf .ewm3 { right: 0%; left: 0; top: -104%; bottom: auto; width: 64px; height: 64px; }
  .m-kf .ewm3.active { display: block; }
  .m-kf .ewm2 { display: none !important; }
  .m-kf .kf-item2:hover .ewm2 img { display: none !important; } }

.returntop { position: fixed; *position: absolute; z-index: 999999; right: 6px; bottom: 30px; -moz-border-radius: 50%; border-radius: 50%; width: 44px; height: 44px; line-height: 0; display: none; }

.returntop i { display: block; width: 44px; height: 44px; -moz-border-radius: 50%; border-radius: 50%; font-size: 44px; font-size: 4.4rem; color: #15499a; }

@media screen and (max-width: 959px) { .returntop { right: 10px; bottom: 65px; width: 36px; height: 36px; font-size: 36px; background-size: contain; } }

.wap-hd-nav { display: none; }

.wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.wap-nav .shejiao a { display: block; float: left; width: 25px; height: 25px; line-height: 25px; text-align: center; margin-right: 10px; }

.wap-nav .shejiao i { font-size: 20px; font-size: 2rem; color: #fff; line-height: 25px; }

.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.wap-nav .nav span { font-family: arial, helvetica, sans-serif; }

.wap-nav .nav .header_form { background: #fff; border: 1px solid #15499a; width: 246px; height: 33px; line-height: 33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 999; }

.wap-nav .nav .header_form .tex { background: transparent; padding-left: 7px; width: 100%; line-height: 33px; height: 33px; display: inline-block; color: #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wap-nav .nav .header_form .sub { position: absolute; top: 0px; right: 0px; height: 33px; width: 33px; font-size: 0px; cursor: pointer; z-index: 99; }

.wap-nav .nav .header_form i { position: absolute; top: 1px; right: 5px; font-size: 20px; color: #15499a; }

.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }

.wap-nav .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sch2.png") no-repeat center center; }

.wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

.wap-nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; }

.wap-nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.wap-nav .nav > ul > li .c-show { display: none; width: 100%; }

.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > dl { padding: 20px; }

.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #15499a; }

.wap-nav, .menubtn { display: none; }

@media screen and (max-width: 959px) { .wap-nav, .menubtn { display: block; }
  .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #15499a; }
  .wap-hd-nav-item { width: 25%; }
  .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; }
  .wap-hd-nav-item a.active { color: white; background-color: #15499a; } }

/* search */
/* header_top */
.header_top { background: #b0b9be; margin-bottom: 14px; text-align: right; }

.header_top p { font-size: 20px; font-size: 2rem; color: #fff; line-height: 39px; font-family: Arial, Helvetica, sans-serif; }

.header_top .guoqi { height: 39px; line-height: 39px; display: block; margin-left: 18px; font-family: Corbel; }

.header_top .guoqi svg { width: 20px; height: 20px; display: inline-block; line-height: 39px; position: relative; top: 4px; }

.header_top .guoqi span { display: inline-block; color: #ffffff; text-transform: uppercase; }

.header_top a:hover { color: #15499a; }

/* header */
.header { /* search */ }

.header .wp { position: relative; }

.header .logo img { display: block; max-width: 193px; max-height: 62px; width: 100%; margin: 0 auto; }

.header .search { position: absolute; top: 36px; right: 0; width: 31px; height: 31px; }

.header .inpu { display: block; width: 31px; height: 31px; }

.header .inpu i { color: #15499a; font-size: 20px; font-size: 2rem; }

.header .header_form { display: none; margin-left: -167px; border: 1px solid #333; background: #fff; width: 200px; height: 31px; line-height: 31px; -moz-border-radius: 50px; border-radius: 50px; position: relative; z-index: 999; }

.header .header_form .tex { background: transparent; padding-left: 7px; width: 100%; line-height: 33px; height: 33px; display: inline-block; color: #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header .header_form .sub { position: absolute; top: 0px; right: 0px; height: 33px; width: 33px; font-size: 0px; cursor: pointer; z-index: 99; }

.header .header_form i { position: absolute; top: 0px; right: 8px; font-size: 20px; font-size: 2rem; color: #15499a; }

.header_ul1 { padding-right: 62px; padding-top: 34px; }

.header_ul1 > li { float: left; margin-left: 16px; position: relative; padding-bottom: 10px; }

.header_ul1 > li:hover .dan_header { display: block; }

.header_ul1 > li > a { padding-bottom: 11px; color: #333; line-height: 30px; display: block; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; }

.header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #15499a; }

.dan_header { display: none; width: 275px; position: absolute; left: -200px; top: 100%; background: #fff; background: rgba(255, 255, 255, 0.9); z-index: 999999; font-family: Corbel; }
.dan_header_aa{ left: 0; }
.dan_header > ul { border-top: 0px; padding: 12px 0px; }

.dan_header > ul > li { line-height: 30px; position: relative; left: 0px; }

.dan_header > ul > li > a { padding: 10px 0px; padding-left: 18px; font-size: 28px; font-size: 1.8rem; position: relative; color: #333; display: block; }

.dan_header > ul > li:hover > a { color: #fff; background: #15499a; }

.dan_header > ul > li:hover .dan_sanheader { display: block; }

.dan_sanheader { display: none; width: 250px; padding-left: 1px; position: absolute; left: 100%; top: -12px; z-index: 999999; }

.dan_sanheader > ul { background: #fff; background: rgba(255, 255, 255, 0.9); padding: 12px 0px; }

.dan_sanheader > ul > li { line-height: 30px; position: relative; }

.dan_sanheader > ul > li > a { padding: 10px 0px; padding-left: 18px; font-size: 18px; font-size: 1.8rem; color: #333; display: block; }

.dan_sanheader > ul > li:hover > a { color: #fff; background: #15499a; }

.dan_sanheader > ul > li:hover .dan_sanheader2 { display: block; }

.dan_sanheader2 { display: none; width: 250px; padding-left: 1px; position: absolute; left: 100%; top: -12px; z-index: 999999; }

.dan_sanheader2 > ul { background: #fff; background: rgba(255, 255, 255, 0.9); padding: 12px 0px; }

.dan_sanheader2 > ul > li { line-height: 30px; position: relative; }

.dan_sanheader2 > ul > li > a { padding: 10px 0px; padding-left: 18px; font-size: 20px; font-size: 2rem; color: #333; display: block; }

.dan_sanheader2 > ul > li:hover > a { color: #fff; background: #15499a; }

.dan_sanheader2 > ul > li:hover .dan_sanheader3 { display: block; }

.dan_sanheader3 { display: none; width: 250px; padding-left: 1px; position: absolute; left: 100%; top: -12px; z-index: 999999; }

.dan_sanheader3 > ul { background: #fff; background: rgba(255, 255, 255, 0.9); padding: 12px 0px; }

.dan_sanheader3 > ul > li { line-height: 30px; position: relative; }

.dan_sanheader3 > ul > li > a { padding: 10px 0px; padding-left: 18px; font-size: 20px; font-size: 2rem; color: #333; display: block; }

.dan_sanheader3 > ul > li:hover > a { color: #fff; background: #15499a; }

@media screen and (max-width: 1339px) { .header .logo { width: 193px; }
  .header_ul1 > li { margin-left: 10px; margin-right: 0px; }
  .header_ul1 > li > a { font-size: 18px; font-size: 1.4rem; }
  .dan_header { width: 160px; left: -70%; }
  .dan_sanheader { width: 160px; }
  .dan_sanheader2 { width: 160px; }
  .dan_sanheader3 { width: 160px; }
  .dan_header > ul > li > a { font-size: 16px; font-size: 1.6rem; }
  .dan_sanheader > ul > li > a { font-size: 16px; font-size: 1.6rem; }
  .dan_sanheader2 > ul > li > a { font-size: 16px; font-size: 1.6rem; }
  .dan_sanheader3 > ul > li > a { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 999px) { .header { position: relative; }
  .header .logo { width: 193px; }
  .header_ul1 > li > a { font-size: 12px; font-size: 1.2rem; }
  .dan_header { display: none !important; } }

@media screen and (max-width: 959px) { .header { background: #fff; }
  .header_ul1 { width: 100%; padding: 0px; display: none; }
  .header_right { float: none; width: 100%; padding: 0px; }
  .header_top { margin-bottom: 10px; }
  .header_top p, .header_top .shejiao, .header_top .guoqi { display: none; }
  .header_top .header_form { width: 100%; margin: 0 auto; }
  .header .logo { float: none; margin: 10px auto; width: 100%; max-width: 387px; } }

@media screen and (max-width: 768px) { .slide .carousel-control { display: none; } }

/* footer */
.footer { background: #b0b9be; padding-top: 20px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; }

.footer .footer_center { text-align: right; }

.footer a:hover { color: #15499a !important; }

.footer i { display: inline-block; margin-right: 5px; }

.footer a { color: #fff; }

.footer p { color: #fff; }

.footer p a { color: #fff; margin-left: 6px; }

.footer .cnzz { display: inline-block; margin-left: 20px; }

.footer_bot { padding-top: 4px; padding-bottom: 10px; }

.footer_bot .Links { min-height: 30px; line-height: 30px; color: #fff; }

.footer_bot .Links a { display: inline-block; margin-right: 20px; color: #fff; }

@media screen and (max-width: 1339px) { .footer .footer_center { width: 59%; text-align: right; }
  .footer .footer_right { width: 40%; } }

@media screen and (max-width: 999px) { .footer .footer_center { float: none; text-align: left; width: 100%; }
  .footer .footer_right { float: none; text-align: left; width: 100%; } }

@media screen and (max-width: 768px) { .footer { padding: 20px 0px; }
  .footer .footer_center { display: none; }
  .footer .footer_right { width: 100%; float: none; }
  .footer_bot { display: none; } }

.dan_mainzong { background: url(../images/dan_mainzong.jpg) no-repeat center bottom; }

/*==========main1==================*/
.main1 { padding-top: 72px; padding-bottom: 35px; }

.main1 .m1_l { width: 265px; }

.main1 .m1_l .title { font-size: 30px; font-size: 2.8rem; line-height: 40px; text-transform: uppercase; display: block; padding-bottom: 11px; background: url(../images/m1title.png) no-repeat left bottom; }

.main1 .m1_l p { font-size: 18px; font-size: 1.8rem; line-height: 32px; color: #15499a; margin-top: 17px; }

.main1 .m1_l p a { color: #15499a; }

.main1 .m1_r { width: 984px; }

.main1 .m1_r p { font-size: 14px; font-size: 1.4rem; line-height: 30px; font-family: Arial; }

@media screen and (max-width: 1339px) { .main1 .m1_l { width: 265px; }
  .main1 .m1_r { width: 692px; } }

@media screen and (max-width: 999px) { .main1 .m1_l { width: 100%; float: none; margin: 0 auto; }
  .main1 .m1_r { width: 100%; float: none; margin: 0 auto; } }

@media screen and (max-width: 768px) { .main1 { padding-top: 30px; }
  .main1 .m1_r p { font-size: 12px; font-size: 1.2rem; } }

/*==========main2==================*/
.main2 { padding-bottom: 55px; }

.main2 .m2_ul li { float: left; /*margin-left: 52px;*/ width:19%; margin-left:1%;}

.main2 .m2_ul a { display: block; margin: 0 auto; }

.main2 .m2_ul img { display: block; margin: 0 auto; }

/*@media screen and (max-width: 1339px) { .main2 .m2_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; } }*/

@media screen and (max-width: 640px) { .main2 { padding-bottom: 30px; }
  .main2 .m2_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

/*==========main3==================*/
.main3 { padding-bottom: 52px; }

.main3 .main_title { padding-bottom: 18px; background: url(../images/m1title.png) no-repeat left bottom; margin-bottom: 32px; }

.main3 .main_title .l { font-size: 30px; font-size: 3rem; line-height: 30px; text-transform: uppercase; }

.main3 .main_title .r { display: block; width: 85px; background: #b0b9be; height: 25px; line-height: 25px; text-align: center; color: #fff; -moz-border-radius: 50px; border-radius: 50px; font-size: 16px; font-size: 1.6rem; }

.main3 .m3_l { width: 610px; }

.main3 .m3_l li { margin-bottom: 49px; }

.main3 .m3_l li .lriqi { width: 101px; padding-top: 5px; font-family: "FuturaStdBook"; }

.main3 .m3_l li .lriqi .lmonth { width: 46px; font-size: 46px; font-size: 4.6rem; line-height: 56px; color: #333; margin-top: 5px; }

.main3 .m3_l li .lriqi .rday { text-align: center; }

.main3 .m3_l li .lriqi .rday .r-top { text-transform:uppercase; margin-top: 9px; padding-bottom: 7px; margin-bottom: 4px; background: url(../images/riqi-dian.png) no-repeat bottom center; color: #666666; }

.main3 .m3_l li .lriqi .rday .r-bot { color: #666666; }

.main3 .m3_l li .rnews a { font-family: Arial; display: block; width: 491px\9; width: 491px; margin-top: 13px; line-height: 24px; height: 48px; overflow: hidden; color: #666666; }

.main3 .m3_l li .rnews a:hover { color: #333; }

.main3 .m3_r { width: 650px; }

.main3 .m3_r .img-scroll { position: relative; width: 100%; padding-top: 12px; }

.main3 .m3_r .img-scroll .prev { position: absolute; display: block; width: 29px; height: 43px; line-height: 43px; text-align: center; top: 50%; margin-top: -21px; background: #dfe2e4; color: #fff; z-index: 99; font-size: 26px; font-size: 2.6rem; }

.main3 .m3_r .img-scroll .next { position: absolute; display: block; width: 29px; height: 43px; line-height: 43px; text-align: center; top: 50%; margin-top: -21px; background: #dfe2e4; color: #fff; z-index: 99; font-size: 26px; font-size: 2.6rem; }

.main3 .m3_r .img-scroll .prev { left: 0; cursor: pointer; }

.main3 .m3_r .img-scroll .next { right: 0; cursor: pointer; }

.main3 .m3_r .img-scroll .prev:hover { color: #15499a; }

.main3 .m3_r .img-scroll .next:hover { color: #15499a; }

.main3 .m3_r .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }

.main3 .m3_r .img-list ul { width: 10000%; }

.main3 .m3_r .img-list li { float: left; width: 1%; margin-right: 30px; }

.main3 .m3_r .img-list img { display: block; max-width: 650px; width: 100%; margin: 0 auto; }

.main3 .m3_r .img-list .m4zi { font-family: Verdana; background: #c8cdd1; height: 35px; line-height: 35px; position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main3 .m3_r .img-list .m4zi a { display: block; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.main3 .m3_r .img-list .m3lien { max-width: 650px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; border: 1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1339px) { .main3 .m3_l { width: 49%; }
  .main3 .m3_r { width: 49%; }
  .main3 .m3_l li .rnews a { width: 354px; }
  .main3 .m3_l li { margin-bottom: 20px; } }

@media screen and (max-width: 999px) { .main3 .m3_l { width: 100%; float: none; margin: 0 auto; }
  .main3 .m3_r { width: 100%; float: none; margin: 0 auto; padding-top: 30px; }
  .main3 .m3_l li .rnews a { width: 100%; }
  .main3 .m3_l li .lriqi { float: none; }
  .main3 .rnews { width: 100%; float: none; } }

@media screen and (max-width: 768px) { .main3 .main_title .l { font-size: 26px; font-size: 2.6rem; } }

/*==========about==================*/
.about { padding-bottom: 12px; }

.about .abtitle { font-family: Vijaya; font-size: 40px; font-size: 4rem; text-align: center; text-transform: uppercase; font-weight: bold; font-style: italic; background: url(../images/abtitle.png) no-repeat center top; line-height: 58px; }

@media screen and (max-width: 999px) { .about .abtitle { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 768px) { .about .abtitle { background: none; font-size: 30px; font-size: 3rem; line-height: 35px; } }

@media screen and (max-width: 638px) { .about .abtitle { font-size: 26px; font-size: 2.6rem; line-height: 30px; } }

/*==========abmain2==================*/
.abmain2 { max-width: 1920px; margin: 0 auto; font-family: Vijaya; position: relative; margin-top: 21px; }

.abmain2 .m2tu { width: 62%; *width: 62%; }

.abmain2 .m2zi { width: 38%; *width: 38%; }

.abmain2 .m2tu img { display: block; margin: auto; width: 100%; max-width: 1182px; }

.abmain2 .m2zin { width: 437px; margin-right: 45px; padding-top: 0px; position: relative; text-align: center; }

.abmain2 .m2biao { display: block; padding-top: 58%; margin-top: -30px; font-size: 40px; font-size: 4rem; text-transform: uppercase; line-height: 60px; font-weight: bold; color: #333333; }

.abmain2 .m2zin2 { margin-left: 45px; }

@media screen and (max-width: 1620px) { .abmain2 .m2biao { padding-top: 40%; } }

@media screen and (max-width: 1449px) { .abmain2 .m2biao { padding-top: 25%; } }

@media screen and (max-width: 1339px) { .abmain2 .m2zin { width: 300px; } }

@media screen and (max-width: 999px) { .abmain2 .m2tu { width: 95%; *width: 95%; float: none; margin: 10px auto; }
  .abmain2 .m2zi { width: 95%; *width: 95%; float: none; margin: 0px auto; }
  .abmain2 .m2zin { float: none; margin: 0 auto; width: 95%; }
  .abmain2 .m2biao { padding-top: 10px; margin-top: 0px; }
  .abmain2 .m2biao { font-size: 30px; font-size: 3rem; padding-top: 0px; line-height: 30px; } }

@media screen and (max-width: 768px) { .abmain2 .m2biao { font-size: 26px; font-size: 2.6rem; } }

.abmain22 { padding-bottom: 107px; }

@media screen and (max-width: 768px) { .abmain22 { padding-bottom: 50px; } }

/*==========product==================*/
.product { padding-bottom: 78px; }

.product .pro_l { width: 463px; }

.product .pro_l a { display: block; }

.product .pro_l img { display: block; }

.product .pro_r { width: 847px; }

.product .pro_ul li { float: left; width: 277px; margin-left: 8px; margin-bottom: 7px; }

.product .pro_ul a { display: block; color: #fff; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.product .pro_ul img { display: block; }

.product .pro_ul .wrap { border: 1px solid #b0b9be; max-width: 277px; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product .pro_ul .wrap2 { padding-bottom: 1px; padding-top: 14px; background: #b0b9be; max-width: 277px; width: 100%; margin: 0 auto; padding-left: 17px; font-size: 18px; font-size: 1.8rem; padding-right: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product .pro_ul .more { text-align: right; color: #fff; font-family: Arial; font-size: 16px; font-size: 1.6rem; }

@media screen and (max-width: 1339px) { .product .pro_l { width: 40%; }
  .product .pro_r { width: 59%; }
  .product .pro_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 64px; } }

@media screen and (max-width: 999px) { .product .pro_l { max-width: 463px; width: 100%; float: none; margin: 0 auto; margin-bottom: 30px; }
  .product .pro_r { width: 100%; float: none; margin: 0 auto; } }

@media screen and (max-width: 638px) { .product { padding-bottom: 40px; }
  .product .pro_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; }
  .product .pro_ul .wrap2 { font-size: 16px; font-size: 1.6rem; }
  .product .pro_ul .more { font-size: 14px; font-size: 1.4rem; } }

/*==========product2==================*/
.product2 .m-page { padding-bottom: 53px; }

.product2 .pro_l { width: 300px; position: relative; margin-bottom: 40px; }

.product2 .pro_r { width: 979px; margin-bottom: 40px; }

.product2 .pro_tittle { border-top: 7px solid #b0b9be; padding-top: 6px; padding-bottom: 7px; }

.product2 .pro_tittle a { font-size: 24px; font-size: 2.4rem; line-height: 30px; text-transform: uppercase; letter-spacing: 3px; }

.product2 .pro_title2 { font-family: Arial; }

.product2 .pro_title2 .apott_ttitr { display: block; color: #fff; font-size: 18px; font-size: 1.8rem; background: #b0b9be url(../images/pro_title2.png) no-repeat left top; padding-left: 49px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 40px; }

.product2 .pro_tittle3 { margin-top: 7px; }

.product2 .pro_tittle3 a { display: block; color: #fff; font-size: 24px; font-size: 2.4rem; padding-left: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 61px; background: #b0b9be; }

.product2 .prol-nav-item { position: relative; background: #f4f4f4; padding-top: 8px; padding-bottom: 8px; font-family: Arial; }

.product2 .prol-nav-item > a { position: relative; display: block; padding-left: 47px; padding-right: 10px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666666; }

.product2 .prol-nav-item > a:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 38px; height: 100%; background: url("../images/prol_20.png") no-repeat 15px 10px; }

.product2 .prol-nav-item > a:hover { color: #15499a; }

.product2 .prol-nav-item > a:hover:before { background: url("../images/prol_22.png") no-repeat 15px 10px; }

.product2 .prol-nav-item > a.active { color: #15499a; }

.product2 .prol-nav-item > a.active:before { background: url("../images/prol_22.png") no-repeat 15px 10px; }

.product2 .prol-subnav { padding-left: 36px; }

.product2 .prol-subnav-item > a { display: block; padding-left: 40px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666666; position: relative; }

.product2 .prol-subnav-item > a:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 38px; height: 100%; background: url("../images/prol_20.png") no-repeat 15px 10px; }

.product2 .prol-subnav-item > a:hover { color: #15499a; }

.product2 .prol-subnav-item > a:hover:before { background: url("../images/prol_22.png") no-repeat 15px 10px; }

.product2 .prol-subnav-item > a.active { color: #15499a; }

.product2 .prol-subnav-item > a.active:before { background: url("../images/prol_22.png") no-repeat 15px 10px; }

.product2 .prol-subnav1-item { padding-left: 27px; padding-right: 10px; line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.product2 .prol-subnav1-item > a { position: relative; display: block; padding-left: 39px; padding-right: 10px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666666; }

.product2 .prol-subnav1-item > a:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 38px; height: 100%; background: url("../images/prol_20.png") no-repeat 15px 10px; }

.product2 .prol-subnav1-item > a:hover { color: #15499a; }

.product2 .prol-subnav1-item > a:hover:before { background: url("../images/prol_22.png") no-repeat 15px 10px; }

.product2 .prol-subnav1-item > a.active { color: #15499a; }

.product2 .prol-subnav1-item > a.active:before { background: url("../images/prol_22.png") no-repeat 15px 10px; }

.product2 .prol-subnav1-item2 { padding-left: 50px; padding-right: 10px; line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.product2 .prol-subnav1-item2 > a { position: relative; display: block; padding-right: 10px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.product2 .prol-subnav1-item2 > a:hover { color: #15499a; }

.product2 .prol-subnav1-item2 > a:hover { color: #15499a; }

@media screen and (max-width: 1339px) { .product2 .pro_l { width: 300px; position: relative; margin-bottom: 40px; }
  .product2 .pro_r { width: 652px; margin-bottom: 40px; } }

@media screen and (max-width: 999px) { .product2 .pro_l { width: 100%; float: none; position: relative; margin-bottom: 40px; }
  .product2 .pro_r { width: 100%; float: none; margin-bottom: 0px; } }

.product2 .pro_top { padding: 16px; padding-bottom: 32px; background: #f8f8f9; }

.product2 .pro_top ul { padding-top: 18px; padding-bottom: 40px; }

.product2 .pro_top li { font-size: 16px; font-size: 1.6rem; float: left; margin-left: 10px; font-family: Arial; }

.product2 .pro_top select { display: inline-block; width: 180px; height: 34px; line-height: 34px; background: #ffff; border: 1px solid #e5e5e5; font-family: Arial; color: #9f9f9f; font-size: 12px; font-size: 1.2rem; padding-left: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

.product2 .pro_top select option { line-height: 34px; }

.product2 .pro_top button.more { margin: 0 auto; display: block; width: 127px; height: 43px; line-height: 43px; text-align: center; background: #b0b9be; color: #fff; font-size: 24px; font-size: 2.4rem; }

@media screen and (max-width: 1339px) { .product2 .pro_top li { font-size: 14px; font-size: 1.4rem; }
  .product2 .pro_top select { width: 115px; } }

@media screen and (max-width: 999px) { .product2 .pro_top li { width: 100%; float: none; margin: 0 auto; font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; }
  .product2 .pro_top li span { display: inline-block; width: 74px; }
  .product2 .pro_top select { width: 71%; } }

.product2 .pro_ul3 { padding-bottom: 31px; }

.product2 .pro_ul3 li { float: left; width: 308px; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-left: 27px; padding-top: 35px; padding-bottom: 14px; }

.product2 .pro_ul3 p { padding-bottom: 17px; border-bottom: 1px solid #ccc; font-family: Arial; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: center; }

.product2 .pro_ul3 p a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

@media screen and (max-width: 1339px) { .product2 .pro_ul3 li { width: 31%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 768px) { .product2 .pro_ul3 { padding-bottom: 40px; }
  .product2 .pro_ul3 li { width: 48%; margin-left: 1% !important; margin-right: 1%; padding-top: 0px; }
  .product2 .pro_ul3 p { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

/*pro2_wrapper */
.pro2_wrapper .prob-pic { float: left; width: 465px; }

.pro2_wrapper .prob-pic-big { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 3px; background: url(../images/prob-pic.png) repeat center top; }

.pro2_wrapper .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }

.pro2_wrapper .prob-pic-big-img .zoomPad { float: none; z-index: 8; }

.pro2_wrapper .zoomWrapperImage img { max-width: 1200px; }

.pro2_wrapper .prob-pic-small { position: relative; margin-top: 24px; padding-left: 37px; padding-right: 37px; overflow: hidden; }

.pro2_wrapper .prob-pic-btn { position: absolute; top: 50%; margin-top: -15px; display: block; width: 20px; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #000000; text-align: center; background-repeat: no-repeat; background-position: center; }

.pro2_wrapper .prob-pic-btn.prev { left: 0; }

.pro2_wrapper .prob-pic-btn.next { right: 0; }

.pro2_wrapper .prob-pic-btn:hover { color: #15499a; }

.pro2_wrapper .prob-pic-list { overflow: hidden; }

.pro2_wrapper .prob-pic-list ul { width: 10000%; overflow: hidden; }

.pro2_wrapper .prob-pic-list ul li { position: relative; float: left; margin-right: 0.05%; width: 0.29%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pro2_wrapper .prob-pic-item .item-pic { position: relative; padding: 2px 3px; background: url(../images/prob-pic.png) repeat center top; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pro2_wrapper .prob-pic-item .item-pic img { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; }

.pro2_wrapper .prob-pic-item .item-pic:hover { background: #15499a; }

.pro2_wrapper .prob-pic-item .item-pic:hover:before { display: block; }

.pro2_wrapper .prob-pic-item .item-pic:hover img { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; }

.pro2_wrapper .prob-pic-item .item-pic.active { border-color: #15499a; }

.pro2_wrapper .prob-pic-item .item-pic.active:before { display: block; }

.pro2_wrapper .content { width: 480px; padding-top: 18px; font-family: Arial; }

.pro2_wrapper .content .title { padding-bottom: 2px; }

.pro2_wrapper .content .title h1 { line-height: 26px; font-size: 20px; font-size: 2rem; font-weight: bold; color: #333333; margin: 0 auto; }

.pro2_wrapper .proe_main { margin-top: 67px; }

.pro2_wrapper .proe_main p a { display: inline-block; margin-right: 8px; }

.pro2_wrapper .btnt { max-width: 290px; width: 100%; }

.pro2_wrapper .btnt a, .pro2_wrapper .btnt span { display: block; font-size: 17px; font-size: 1.7rem; color: #fff; width: 136px; height: 48px; line-height: 48px; text-align: center; color: #333333; border: 1px solid #333333; }

.pro2_wrapper .btnt a:hover, .pro2_wrapper .btnt span:hover { background: #333333; color: #fff; }

.pro2_wrapper .btnt a.no:hover { background: #fff; color: #333333; }

.pro2_wrapper .share1 { position: relative; display: block; width: 200px; margin-top: 20px; }

.pro2_wrapper .share1 .span4 { font-size: 16px; font-size: 1.6rem; color: #333333; height: 26px; line-height: 26px; }

.pro2_wrapper .at-resp-share-element .at-icon { width: 26px !important; height: 26px !important; }

.pro2_wrapper .at-style-responsive .at-share-btn { padding: 0 !important; -moz-border-radius: 2px !important; border-radius: 2px !important; }

.pro2_wrapper .at-resp-share-element .at-share-btn .at-icon-wrapper { width: 26px !important; height: 26px !important; }

.pro2_wrapper .at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.pro2_wrapper .prox { font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 30px; }

.pro2_wrapper .prox a { color: #15499a; line-height: 30px; color: #15499a; }

.pro2_wrapper .prox img { display: block; max-width: 100%; }

.pro2_wrapper .prox iframe { display: block; max-width: 100%; margin: 0 auto; }

.pro2_wrapper .prox .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.pro2_wrapper .prox .table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .pro2_wrapper .prox .table { width: 100%; overflow: scroll; }
  .pro2_wrapper .prox .table table { width: 885px; } }

@media screen and (max-width: 1339px) { .pro2_wrapper .prob-pic { float: none; margin: 0 auto; }
  .pro2_wrapper .content { width: 100%; float: none; margin: 0 auto; }
  .pro2_wrapper #tsShopContainer { margin: 0 auto; max-width: 503px; width: 100%; float: none; } }

@media screen and (max-width: 999px) { .pro2_wrapper .content { width: 100%; float: none; padding-top: 20px; }
  .pro2_wrapper #tsShopContainer { display: none; } }

@media screen and (max-width: 638px) { .pro2_wrapper .content .title h1 { font-size: 20px; font-size: 2rem; }
  .pro2_wrapper .btnt { max-width: 339px; width: 100%; margin-bottom: 20px; float: none; }
  .pro2_wrapper .btnt a, .pro2_wrapper .btnt span { width: 48%; }
  .pro2_wrapper .proe_main { padding-top: 20px; margin-top: 0px; }
  .pro2_wrapper .proe_main p { float: none; }
  .pro2_wrapper .img980 .img-list li { width: 4.5%; margin-right: 1%; } }

@media screen and (max-width: 1339px) { .pro2_wrapper .zoomPad { cursor: default !important; }
  .pro2_wrapper .zoomPup { display: none !important; }
  .pro2_wrapper .zoomWindow { display: none !important; }
  .pro2_wrapper .zoomPreload { display: none !important; }
  .pro2_wrapper .prob-info { margin-top: 30px; width: 100%; height: auto; }
  .pro2_wrapper .prob-info-link a { width: 100%; }
  .pro2_wrapper .prob-info-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .pro2_wrapper .prob-info-desc p { min-height: 10px; }
  .pro2_wrapper .prob-pic-item .item-pic img { border-color: #023c78; }
  .pro2_wrapper .prob-pic-item .item-pic:before { display: none !important; } }

@media screen and (max-width: 999px) { .pro2_wrapper .prob-pic { float: none; margin: 0 auto; } }

@media screen and (max-width: 767px) { .pro2_wrapper .prob-pic { width: 100%; }
  .pro2_wrapper .prob-pic-big { display: none; }
  .pro2_wrapper .prob-pic-small { margin-top: 0; }
  .pro2_wrapper .prob-pic-list ul li { width: 0.45%; margin-right: 0.1%; }
  .pro2_wrapper .prob-pic-item .item-pic:before { display: none !important; } }

@media screen and (max-width: 534px) { .pro2_wrapper .prob-pic-list ul li { margin-right: .2%; width: 1%; } }

/*==========product2==================*/
.product2 #tab { overflow: hidden; width: 100%; border: 1px solid #15499a; line-height: 38px; margin-top: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product2 #tab li { cursor: pointer; padding: 0px 22px; border-right: 1px solid #15499a; float: left; text-align: center; color: #15499a; font-size: 16px; font-size: 1.6rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product2 #tab li:hover { background: #15499a; color: #fff; }

.product2 #tab li.current { background: #15499a; color: #fff; }

.product2 #maln { margin-left: 0 !important; }

.product2 #content { padding-bottom: 45px; }

.product2 #content .chanxn { display: none; padding-top: 21px; width: 100%; }

.product2 #content .chanxn .prox { font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 32px; font-family: Arial; }

.product2 #content .chanxn .prox a { color: #15499a; line-height: 30px; color: #15499a; }

.product2 #content .chanxn .prox img { display: block; max-width: 100%; }

.product2 #content .chanxn .prox iframe { display: block; max-width: 100%; margin: 0 auto; }

.product2 #content .chanxn .prox .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.product2 #content .chanxn .prox .table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .product2 #content .chanxn .prox .table { width: 100%; overflow: scroll; }
  .product2 #content .chanxn .prox .table table { width: 885px; } }

.product2 .pro_down { font-family: Arial; }

.product2 .pro_down p.pp1 { font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 30px; padding: 10px 0px; padding-left: 50px; background: url(../images/prodoen.png) no-repeat left top; margin-bottom: 12px; }

.product2 .pro_down img { display: block; margin-top: 36px; }

@media screen and (max-width: 640px) { .product2 #tab { border-right: 0px; }
  .product2 #tab li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }

@media screen and (max-width: 768px) { .product2 .pro_down p { font-size: 16px; font-size: 1.6rem; } }

/*==========solutions==================*/
/*==========solutions2==================*/
/*==========privacy==================*/
.privacy .privacyul { font-family: Arial; }

.privacy .privacyul li { border-bottom: 1px dashed #ccc; padding-bottom: 14px; margin-bottom: 30px; }

.privacy .privacyul .title { font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.privacy .privacyul .title a { color: #15499a; }

.privacy .privacyul .title2 { font-size: 16px; font-size: 1.6rem; line-height: 24px; padding-top: 28px; }

.privacy .privacyul .title2 a { display: block; max-height: 48px; overflow: hidden; }

@media screen and (max-width: 768px) { .privacy .privacyul .title2 { font-size: 14px; font-size: 1.4rem; padding-top: 10px; } }

/*==========privacy2==================*/
.privacy2 { font-family: Arial; }

.privacy2 h1 { font-size: 24px; font-size: 2.4rem; font-weight: bold; text-align: center; color: #15499a; line-height: 26px; }

.privacy2 .adess { font-size: 20px; font-size: 2rem; line-height: 26px; color: #333333; text-align: center; }

.privacy2 .newsx { font-size: 16px; font-size: 1.6rem; color: #000000; line-height: 24px; margin-top: 20px; }

.privacy2 .newsx a { color: #15499a; line-height: 24px; color: #15499a; }

.privacy2 .newsx img { display: block; max-width: 100%; }

.privacy2 .newsx iframe { display: block; max-width: 100%; margin: 0 auto; }

.privacy2 .newsx .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.privacy2 .newsx .table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .privacy2 .newsx .table { width: 100%; overflow: scroll; }
  .privacy2 .newsx .table table { width: 885px; } }

.privacy2 .updown { margin-top: 20px; padding-top: 34px; border-top: 1px solid #15499a; padding-bottom: 84px; }

.privacy2 .updown .up { margin-top: 0px; margin-bottom: 13px; }

.privacy2 .updown p { line-height: 30px; color: #333333; }

.privacy2 .updown p .img { display: inline-block; }

.privacy2 .updown p .img img { display: inline-block; position: relative; top: 7px; margin-right: 5px; }

.privacy2 .updown p .on { color: #15499a; }

.privacy2 .updown p span { display: inline-block; border: 1px solid #15499a; color: #15499a; width: 86px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.privacy2 .updown p a { color: #333; }

.privacy2 .updown p a:hover { color: #15499a; }

@media screen and (max-width: 999px) { .privacy2 h1 { font-size: 20px; font-size: 2rem; }
  .privacy2 .adess { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 768px) { .privacy2 .adess { font-size: 16px; font-size: 1.6rem; } }

/*==========abnav2==================*/
.abnav2 { text-align: center; background: url(../images/ab2xvxian.png) no-repeat left 48px; padding-bottom: 10px; }

.abnav2 a { display: inline-block; width: 180px; margin-left: 0px; margin-right: 0px; font-size: 16px; font-size: 1.2rem; line-height: 30px; color: #333333; text-align: center; padding-top: 93px; text-transform: uppercase; }

.abnav2 a:hover { color: #15499a; }

.abnav2 .ab21 { background: url(../images/ab2nav1.png) no-repeat top center; }

.abnav2 .ab22 { background: url(../images/ab2nav2.png) no-repeat top center; }

.abnav2 .ab23 { background: url(../images/ab2nav3.png) no-repeat top center; }

.abnav2 .ab24 { background: url(../images/ab2nav4.png) no-repeat top center; }

.abnav2 .ab21:hover, .abnav2 .dangqianab2.ab21 { background: url(../images/ab2nav1h.png) no-repeat top center !important; color: #15499a; }

.abnav2 .ab22:hover, .abnav2 .dangqianab2.ab22 { background: url(../images/ab2nav2h.png) no-repeat top center !important; color: #15499a; }

.abnav2 .ab23:hover, .abnav2 .dangqianab2.ab23 { background: url(../images/ab2nav3h.png) no-repeat top center !important; color: #15499a; }

.abnav2 .ab24:hover, .abnav2 .dangqianab2.ab24 { background: url(../images/ab2nav4h.png) no-repeat top center !important; color: #15499a; }

@media screen and (max-width: 999px) { .abnav2 a { width: 22%; margin: 0px 1%; } }

@media screen and (max-width: 640px) { .abnav2 { background: none; }
  .abnav2 a { width: 47%; margin: 2% 1%; } }

/*==========contact==================*/
.contact .title31 { padding-top: 7px; padding-bottom: 11px; font-size: 36px; font-size: 3.6rem; color: #333333; text-align: center; }

.contact .title32 { text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #4d4d4d; max-width: 990px; margin: 0 auto; font-family: Arial; }

.contact .map { padding-top: 35px; padding-bottom: 85px; }

.contact .map img { display: block; margin: 0 auto; }

@media screen and (max-width: 640px) { .contact .title31 { font-size: 24px; font-size: 2.4rem; line-height: 30px; }
  .contact .title32 { font-size: 14px; font-size: 1.4rem; }
  .contact .map { padding-top: 10px; padding-bottom: 35px; }
  .contact .map img { display: block; margin: 0 auto; } }

.for { padding-top: 39px; }

.for ::-webkit-input-placeholder { /* WebKit browsers */ color: #a6a6a6; }

.for :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #a6a6a6; }

.for ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a6a6a6; opacity: 1; }

.for :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #a6a6a6; }

.for .fonl { width: 43.442%; }

.for .fonr { width: 51.70584%; }

.for .xing { background: url(../images/xing.png) no-repeat left 33px; }

.for .int1 { padding-left: 26px; margin-bottom: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.for input { font-size: 16px; font-size: 1.6rem; width: 100%; height: 70px; line-height: 70px; font-family: Arial; padding-left: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #a6a6a6; border: 1px solid #a6a6a6; }

.for .int5 { font-family: Arial; width: 100%; height: 70px; line-height: 70px; background: #15499a; font-family: Arial; font-size: 18px; font-size: 1.8rem; color: #fff; text-transform: uppercase; cursor: pointer; border-color: #15499a; }

.for .int4 { font-family: Arial; width: 59%; height: 70px; line-height: 70px; border: 1px solid #a6a6a6; float: left; padding-left: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #a6a6a6; }

.for .fyanzheng { float: right; }

.for textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 168px; line-height: 60px; padding-left: 25px; color: #a6a6a6; font-family: Arial; font-size: 16px; font-size: 1.6rem; border: 1px solid #a6a6a6; box-sizing: border-box; }

@media screen and (min-width: 1000px) and (max-width: 1339px) { .for .setitlerl { padding: 0px 20px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }
  .for .int4 { width: 40%; } }

@media screen and (max-width: 999px) { .for { padding-bottom: 40px; }
  .for .setitlerl { padding: 0px 20px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }
  .for .fonl { width: 100%; float: none; }
  .for .fonr { width: 100%; float: none; } }

@media screen and (max-width: 768px) { .for .fyanzheng { float: none; margin-top: 14px; }
  .for .int4 { width: 100%; float: none; } }

/*==========contact2==================*/
.contact2 .con2_top { padding-top: 14px; }

.contact2 .con2_top .con_r { width: 608px; }

.contact2 .con2_top .title { font-size: 30px; font-size: 3rem; line-height: 30px; text-transform: uppercase; margin-bottom: 20px; padding-top: 13px; padding-bottom: 16px; background: url(../images/m1title.png) no-repeat left bottom; }

.contact2 .con2_top .title2 { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 30px; color: #15499a; font-family: Arial; }

.contact2 .con2_top p { font-size: 16px; font-size: 1.6rem; line-height: 30px; font-family: Arial; }

@media screen and (max-width: 1339px) { .contact2 .con2_top .con_r { width: 40%; }
  .contact2 .con2_top .con2img { width: 55%; } }

@media screen and (max-width: 999px) { .contact2 .con2_top .con_r { width: 100%; float: none; margin: 0 auto; margin-top: 30px; }
  .contact2 .con2_top .con2img { max-width: 660px; width: 100%; float: none; margin: 0 auto; float: none; display: block; } }

@media screen and (max-width: 768px) { .contact2 .con2_top .title { font-size: 22px; font-size: 2.2rem; line-height: 26px; padding-bottom: 10px; margin-bottom: 10px; }
  .contact2 .con2_top .title2 { font-size: 14px; font-size: 1.4rem; }
  .contact2 .con2_top p { font-size: 14px; font-size: 1.4rem; } }

.contact2 .con2_top2 { padding-top: 43px; padding-bottom: 14px; }

.contact2 .con2_top2 .con2_title { font-size: 30px; font-size: 3rem; text-align: center; color: #333333; margin-bottom: 39px; padding-bottom: 14px; background: url(../images/m1title.png) no-repeat center bottom; }

.contact2 .con2_top2 .con2_ul2 { font-family: Arial; }

.contact2 .con2_top2 .con2_ul2 li { border: 1px solid #b0b9be; width: 418px; padding: 25px 38px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 32px; margin-bottom: 30px; }

.contact2 .con2_top2 .con2_ul2 .title { font-size: 22px; font-size: 2.2rem; line-height: 22px; padding-bottom: 10px; padding-left: 55px; margin-bottom: 5px; }

.contact2 .con2_top2 .con2_ul2 .title span { display: block; height: 47px; overflow: hidden; background: url(../images/m1title.png) no-repeat left bottom; text-transform: uppercase; }

.contact2 .con2_top2 .con2_ul2 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.contact2 .con2_top2 .title3 { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.contact2 .con2_top2 .title3 span { display: block; padding-left: 41px; }

.contact2 .con2_top2 .title21 { background: url(../images/con2_ul2.png) no-repeat left 0px; }

.contact2 .con2_top2 .title22 { background: url(../images/con2_ul22.png) no-repeat left 0px; }

.contact2 .con2_top2 .title23 { background: url(../images/con2_ul23.png) no-repeat left 0px; }

.contact2 .con2_top2 .title24 { background: url(../images/con2_ul25.png) no-repeat left 0px; }

.contact2 .con2_top2 .title25 { background: url(../images/con2_ul26.png) no-repeat left 0px; }

.contact2 .con2_top2 .title26 { background: url(../images/con2_ul27.png) no-repeat left 0px; }

@media screen and (max-width: 1339px) { .contact2 .con2_top2 .con2_ul2 { font-family: Arial; }
  .contact2 .con2_top2 .con2_ul2 li { width: 31%; margin-left: 1% !important; margin-right: 1%; }
  .contact2 .con2_top2 .con2_ul2 p { font-size: 14px; font-size: 1.4rem; }
  .contact2 .con2_top2 .con2_ul2 .title { font-size: 20px; font-size: 2rem; }
  .contact2 .con2_top2 .title3 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 999px) { .contact2 .con2_top2 .con2_ul2 { font-family: Arial; }
  .contact2 .con2_top2 .con2_ul2 li { width: 48%; margin-left: 1% !important; margin-right: 1%; }
  .contact2 .con2_top2 .con2_ul2 p { font-size: 14px; font-size: 1.4rem; }
  .contact2 .con2_top2 .con2_ul2 .title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 768px) { .contact2 .con2_top2 .con2_ul2 { font-family: Arial; }
  .contact2 .con2_top2 .con2_ul2 li { width: 98%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 320px) { .contact2 .con2_top2 .con2_ul2 { font-family: Arial; }
  .contact2 .con2_top2 .con2_ul2 li { width: 98%; margin-left: 1% !important; margin-right: 1%; }
  .contact2 .con2_top2 .con2_ul2 .title { font-size: 16px; font-size: 1.6rem; } }

.contact2 .con2_top3 { padding-bottom: 14px; }

.contact2 .con2_top3 .con2_title { font-size: 30px; font-size: 3rem; text-align: center; color: #333333; margin-bottom: 39px; text-transform: uppercase; padding-bottom: 14px; background: url(../images/m1title.png) no-repeat center bottom; }

.contact2 .con2_top3 .con_r { padding-left: 44px; padding-right: 50px; padding-top: 38px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contact2 .con2_top3 .con_ul3img { width: 50%; }

.contact2 .con2_top3 .con_ul3 li { background: #f8f8f8; }

.contact2 .con2_top3 .con_ul3 .title2 { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 30px; color: #15499a; font-family: Arial; }

.contact2 .con2_top3 .con_ul3 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; font-family: Arial; }

@media screen and (max-width: 999px) { .contact2 .con2_top3 .con_ul3 .con_ul3img { max-width: 660px; width: 100%; float: none; margin: 0 auto; float: none; display: block; } }

@media screen and (max-width: 768px) { .contact2 .con2_top3 .con_ul3 .title { font-size: 22px; font-size: 2.2rem; line-height: 26px; padding-bottom: 10px; margin-bottom: 10px; }
  .contact2 .con2_top3 .con_ul3 .title2 { font-size: 14px; font-size: 1.4rem; }
  .contact2 .con2_top3 .con_ul3 p { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 1339px) { .contact2 .con2_top3 .con_r { padding-left: 20px; padding-right: 20px; padding-top: 10px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .contact2 .con2_top3 .con_ul3 p { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 999px) { .contact2 .con2_top3 .con_r { width: 100%; float: none; padding: 10px 20px; margin: 0 auto; }
  .contact2 .con2_top3 .con_ul3 li { margin-bottom: 20px; } }

.contact2 .con2_top4 { padding-top: 32px; }

.contact2 .con2_top4 .con2_title { font-size: 30px; font-size: 3rem; text-align: center; color: #333333; margin-bottom: 51px; text-transform: uppercase; padding-bottom: 14px; background: url(../images/m1title.png) no-repeat center bottom; }

.contact2 .con2_top4 .con_ul3img { display: block; margin: 0 auto; margin-bottom: 20px; }

.contact2 .con2_top4 .con_r { min-height: 210px; }

.contact2 .con2_top4 .con_ul3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contact2 .con2_top4 .con_ul3 li { width: 50%; float: left; margin-bottom: 50px; }

.contact2 .con2_top4 .con_ul3 .title2 { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 30px; color: #15499a; font-family: Arial; }

.contact2 .con2_top4 .con_ul3 p { font-size: 16px; font-size: 1.6rem; line-height: 30px; font-family: Arial; padding-right: 20px; }

@media screen and (max-width: 768px) { .contact2 .con2_top4 .con_ul3 .title { font-size: 22px; font-size: 2.2rem; line-height: 26px; padding-bottom: 10px; margin-bottom: 10px; }
  .contact2 .con2_top4 .con_ul3 .title2 { font-size: 14px; font-size: 1.4rem; }
  .contact2 .con2_top4 .con_ul3 p { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 999px) { .contact2 .con2_top4 .con_ul3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .contact2 .con2_top4 .con_ul3 li { width: 100%; float: none; }
  .contact2 .con2_top4 .con_ul3img { max-width: 660px; width: 100%; display: block; margin: 0 auto; margin-bottom: 10px; } }

/*==========investors==================*/
.investors .prot_top { padding-top: 35px; }

.investors .pro_l { width: 22.7445%; position: relative; margin-bottom: 40px; }

.investors .pro_r { width: 73.00986%; margin-bottom: 40px; }

.investors .pro_tittle { border-top: 7px solid #b0b9be; padding-top: 6px; padding-bottom: 7px; text-align: center; }

.investors .pro_tittle a { font-size: 24px; font-size: 2.4rem; line-height: 30px; text-transform: uppercase; letter-spacing: 2px; }

.investors .pro_title2 { font-family: Arial; margin-bottom: 12px; border: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.investors .pro_title2 .apott_ttitr { display: block; color: #333333; font-size: 16px; font-size: 1.6rem; background: #eeeeee url(../images/pro_title22.png) no-repeat left top; padding-left: 49px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 40px; }

.investors .pro_title2 .apott_ttitr.on { background: #b0b9be url(../images/pro_title2.png) no-repeat left top; color: #fff; }

.investors .pro_title2 .apott_ttitr:hover { background: #b0b9be url(../images/pro_title2.png) no-repeat left top; color: #fff; }

.investors .prol-nav-item { position: relative; background: #eeeeee; padding-top: 8px; padding-bottom: 8px; font-family: Arial; }

.investors .prol-nav-item > a { position: relative; display: block; padding-left: 47px; padding-right: 10px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666666; }

.investors .prol-nav-item > a:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 38px; height: 100%; background: url("../images/prol_20.png") no-repeat 15px 10px; }

.investors .prol-nav-item > a:hover { color: #15499a; }

.investors .prol-nav-item > a:hover:before { background: url("../images/prol_22.png") no-repeat 15px 10px; }

.investors .prol-nav-item > a.active { color: #15499a; }

.investors .prol-nav-item > a.active:before { background: url("../images/prol_22.png") no-repeat 15px 10px; }

.investors .in_ul1 { font-family: Arial; }

.investors .in_ul1 li { border-bottom: 1px dashed #999999; padding-bottom: 4px; margin-bottom: 34px; }

.investors .in_ul1 p a { display: block; color: #000000; font-size: 16px; font-size: 1.6rem; line-height: 25px; }

.investors .in_ul1 .time { display: block; margin-top: 10px; padding-bottom: 10px; color: #999999; line-height: 30px; }

@media screen and (max-width: 1339px) { .investors .pro_tittle a { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 768px) { .investors .pro_l { width: 100%; float: none; position: relative; margin-bottom: 40px; }
  .investors .pro_r { width: 100%; float: none; margin-bottom: 40px; }
  .investors .in_ul1 p a { font-size: 14px; font-size: 1.4rem; } }

/*==========investors2==================*/
.investors2 h1 { font-size: 18px; font-size: 1.8rem; font-weight: normal; text-align: center; color: #15499a; line-height: 26px; font-family: Corbel; }

.investors2 .adess { font-size: 14px; font-size: 1.4rem; line-height: 26px; color: #333333; text-align: center; font-family: Arial; margin-top: 15px; }

.investors2 .newsx { font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 24px; margin-top: 20px; font-family: Arial; }

.investors2 .newsx a { color: #15499a; line-height: 24px; color: #15499a; }

.investors2 .newsx img { display: block; max-width: 100%; }

.investors2 .newsx iframe { display: block; max-width: 100%; margin: 0 auto; }

.investors2 .newsx .table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.investors2 .newsx .table table tr td { padding: 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .investors2 .newsx .table { width: 100%; overflow: scroll; }
  .investors2 .newsx .table table { width: 885px; } }

.investors2 .updown { margin-top: 20px; padding-top: 34px; border-top: 1px solid #15499a; padding-bottom: 84px; font-family: Arial; }

.investors2 .updown .up { margin-top: 0px; margin-bottom: 13px; }

.investors2 .updown p { line-height: 30px; color: #333333; }

.investors2 .updown p .img { display: inline-block; }

.investors2 .updown p .img img { display: inline-block; position: relative; top: 7px; margin-right: 5px; }

.investors2 .updown p .on { color: #15499a; }

.investors2 .updown p span { display: inline-block; border: 1px solid #15499a; color: #15499a; width: 86px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.investors2 .updown p a { color: #333; }

.investors2 .updown p a:hover { color: #15499a; }

/*==========Investors3==================*/
.Investors3 .title { font-size: 20px; font-size: 2rem; line-height: 30px; text-align: center; color: #15499a; margin-bottom: 10px; }

.Investors3 p { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-bottom: 26px; font-family: Arial; }

@media screen and (max-width: 768px) { .Investors3 p { margin-bottom: 10px; } }

/*==========Investors4==================*/
.Investors4 { font-family: Arial; }

.Investors4 p { display: block; font-size: 20px; font-size: 2rem; line-height: 40px; }

@media screen and (max-width: 999px) { .Investors4 p { font-size: 18px; font-size: 1.8rem; line-height: 30px; } }

@media screen and (max-width: 768px) { .Investors4 p { font-size: 16px; font-size: 1.6rem; } }

/*==========news==================*/
.news .newsl-list { overflow: hidden; padding-bottom: 107px; padding-top: 48px; }

.news .newsl-list .list-item { margin-top: 49px; overflow: hidden; }

.news .newsl-list .list-item:first-child { margin-top: 0; }

.news .newsl-list .item-pic { float: left; width: 325px; }

.news .newsl-list .item-font { padding-left: 29px; overflow: hidden; }

.news .newsl-list .item-title { padding-top: 11px; line-height: 24px; font-size: 22px; font-size: 2.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news .newsl-list .item-title a { color: #15499a; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news .newsl-list .item-title a:hover { color: #15499a; }

.news .newsl-list .item-desc { margin-top: 19px; }

.news .newsl-list .item-desc a { display: block; height: 72px; line-height: 24px; font-size: 14px; font-size: 1.4rem; font-family: Arial; color: #999999; overflow: hidden; }

.news .newsl-list .item-desc a:hover { color: #15499a; }

.news .newsl-list .item-info { margin-top: 52px; overflow: hidden; }

.news .newsl-list .item-link { float: left; width: 110px; height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #15499a; text-align: center; font-family: Arial; border: 1px solid #15499a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 50px; border-radius: 50px; }

.news .newsl-list .item-link:hover { color: white; background-color: #15499a; border-color: #15499a; }

.news .newsl-list .item-time { float: right; font-size: 14px; font-size: 1.4rem; line-height: 32px; font-family: Arial; color: #333333; }

.news .newsl-list .item-time i { font-size: 16px; font-size: 1.6rem; display: inline-block; margin-right: 5px; }

@media screen and (max-width: 767px) { .news .news .page { margin-bottom: 20px; }
  .news .main2 .m2_til3 a { font-size: 26px; font-size: 2.6rem; padding-bottom: 0px; }
  .news .newsl-list .list-item { margin-top: 25px; }
  .news .newsl-list .item-pic { float: none; width: 100%; max-width: 325px; margin: 0 auto; display: block; }
  .news .newsl-list .item-font { margin-top: 20px; padding-left: 0; }
  .news .newsl-list .item-desc { margin-top: 10px; }
  .news .newsl-list .item-desc a { display: block; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; max-height: 60px; overflow: hidden; }
  .news .newsl-list .item-info { margin-top: 15px; } }

/*==========news3==================*/
.news3 { font-family: Arial; }

.news3 .newsl-list { overflow: hidden; padding-bottom: 89px; padding-top: 48px; }

.news3 .newsl-list .list-item { margin-top: 44px; overflow: hidden; padding-bottom: 40px; border-bottom: 1px dashed #15499a; }

.news3 .newsl-list .list-item:first-child { margin-top: 0; }

.news3 .newsl-list .item-pic { float: left; width: 576px; }

.news3 .newsl-list .item-font { padding-left: 45px; padding-right: 16px; overflow: hidden; }

.news3 .newsl-list .item-title { font-size: 20px; font-size: 2rem; line-height: 24px; padding-top: 45px; }

.news3 .newsl-list .item-desc { margin-top: 31px; padding-bottom: 43px; display: block; line-height: 24px; font-size: 16px; font-size: 1.6rem; font-family: Arial; color: #666666; }

.news3 .newsl-list .item-desc a { color: #666666; }

.news3 .new3_p { margin-bottom: 12px; background: #eeeeee url(../images/new3_p.png) no-repeat left top; line-height: 30px; padding: 10px 0px; padding-left: 59px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-size: 1.6rem; }

.news3 .new3_p2 { background: #eeeeee url(../images/new3_p2.png) no-repeat left top; line-height: 20px; padding: 15px 0px; padding-left: 59px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-size: 1.6rem; }

@media screen and (max-width: 1339px) { .news3 .newsl-list .item-pic { width: 478px; }
  .news3 .newsl-list .item-title { padding-top: 0px; } }

@media screen and (max-width: 999px) { .news3 .newsl-list .item-title { font-size: 18px; font-size: 1.8rem; }
  .news3 .newsl-list .list-item { margin-top: 25px; }
  .news3 .newsl-list .item-pic { float: none; width: 100%; max-width: 325px; margin: 0 auto; display: block; }
  .news3 .newsl-list .item-font { margin-top: 20px; padding-left: 0; }
  .news3 .newsl-list .item-desc { margin-top: 10px; padding-bottom: 10px; }
  .news3 .newsl-list .item-desc a { display: block; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; max-height: 60px; overflow: hidden; } }

/*==========seotr_ul==================*/
.seotr_ul { padding-bottom: 44px; }

.seotr_ul li { background: #f9f9f9; margin-bottom: 38px; }

.seotr_ul li:hover { background: #b0b9be; }

.seotr_ul li:hover a { color: #fff; }

.seotr_ul li:hover b { background: #fff; }

.seotr_ul li:hover .more { color: #fff; border-color: #fff; }

.seotr_ul .se_top31 { width: 50%; }

.seotr_ul .title { font-size: 24px; font-size: 2.4rem; text-align: center; font-family: Arial; padding-top: 45px; }

.seotr_ul .title b { display: block; width: 94px; height: 1px; background: #15499a; margin: 0 auto; margin-top: 16px; }

.seotr_ul .wrap3 { padding: 0px 39px; }

.seotr_ul a { display: block; }

.seotr_ul p { margin-top: 35px; height: 130px; overflow: hidden; }

.seotr_ul p a { font-size: 16px; font-size: 1.6rem; line-height: 26px; font-family: Arial; }

.seotr_ul .more { font-family: Arial; font-size: 16px; font-size: 1.6rem; text-align: center; display: block; width: 126px; height: 33px; line-height: 31px; border: 1px solid #757575; margin: 0 auto; margin-top: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1339px) { .seotr_ul .wrap { width: 50%; }
  .seotr_ul .title { padding-top: 20px; }
  .seotr_ul p { margin-top: 10px; } }

@media screen and (max-width: 999px) { .seotr_ul .wrap3 { padding: 0px 20px; }
  .seotr_ul li { padding-bottom: 30px; }
  .seotr_ul .wrap { width: 100%; float: none; margin: 0 auto; }
  .seotr_ul .wrap a { display: block; }
  .seotr_ul .wrap img { display: block; margin: 0 auto; }
  .seotr_ul .se_top31 { width: 100%; float: none; margin: 0 auto; }
  .seotr_ul p { height: auto; margin-bottom: 20px; }
  .seotr_ul p a { font-size: 14px; font-size: 1.4rem; } }

/*==========solutions2==================*/
.solutions2 { font-family: Arial; }

.solutions2 .title { text-align: center; font-size: 24px; font-size: 2.4rem; font-family: Corbel; margin-bottom: 20px; }

.solutions2 .title b { display: block; width: 94px; height: 1px; background: #15499a; margin: 0 auto; margin-top: 15px; }

.solutions2 .ser_top3 { padding-top: 20px; }

.solutions2 .sol_l { width: 50%; }

.solutions2 .sol_l img { display: block; }

.solutions2 .sol_r { width: 50%; padding-top: 13px; }

.solutions2 .title21 { font-size: 20px; font-size: 2rem; line-height: 30px; margin-bottom: 27px; }

.solutions2 .title31 { font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 18px; }

.solutions2 .news_ul2 li { width: 314px; margin-bottom: 26px; }

.solutions2 .news_ul2 a.l { width: 50%; }

.solutions2 .news_ul2 img { display: block; border: 1px solid #eeeeee; max-width: 155px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.solutions2 .news_ul2 a.r { height: 96px; font-size: 16px; font-size: 1.6rem; line-height: 32px; width: 44%; margin-top: 23px; text-align: left; }

.solutions2 .updown { padding-top: 54px; padding-bottom: 84px; font-family: Arial; }

.solutions2 .updown .up { margin-top: 0px; margin-bottom: 13px; }

.solutions2 .updown p { line-height: 30px; color: #333333; }

.solutions2 .updown p .img { display: inline-block; }

.solutions2 .updown p .img img { display: inline-block; position: relative; top: 7px; margin-right: 5px; }

.solutions2 .updown p .on { color: #15499a; }

.solutions2 .updown p span { display: inline-block; border: 1px solid #15499a; color: #15499a; width: 86px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.solutions2 .updown p a { color: #333; }

.solutions2 .updown p a:hover { color: #15499a; }

@media screen and (max-width: 1339px) { .solutions2 .sol_l { width: 40%; }
  .solutions2 .sol_r { width: 58%; padding-top: 13px; }
  .solutions2 .news_ul2 li { width: 48%; }
  .solutions2 .sol_r { padding-top: 0px; }
  .solutions2 .title21 { margin-bottom: 10px; }
  .solutions2 .news_ul2 a.l { width: 48%; }
  .solutions2 .news_ul2 a.r { width: 50%; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 999px) { .solutions2 .sol_l { width: 100%; float: none; margin: 0 auto; }
  .solutions2 .sol_l img { display: block; margin: 0 auto; }
  .solutions2 .sol_r { width: 100%; float: none; margin: 0 auto; padding-top: 13px; } }

@media screen and (max-width: 768px) { .solutions2 .ser_top3 { padding-top: 50px; }
  .solutions2 .news_ul2 li { margin-bottom: 20px; }
  .solutions2 .title31 { margin-top: 0px; }
  .solutions2 .news_ul2 a.l { width: 100%; float: none; margin: 0 auto; }
  .solutions2 .news_ul2 a.l img { display: block; margin: 0 auto; }
  .solutions2 .news_ul2 a.r { display: block; width: 100%; float: none; text-align: center; font-size: 14px; font-size: 1.4rem; margin: 0 auto; padding: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }

.m-page a { border: 0px; }

.main1 .m1_r p a,.seotr_ul p a,.news .newsl-list .item-desc a,.newsx p,.Investors3 p{text-indent: 2em;}

/*# sourceMappingURL=style.css.map */
/*===============================20210508 Product Edit==============================================*/

.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
::selection { color: #fff; background: #26759d;}
.fons0{ font-size:0px; font-size:0rem;}

::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;opacity:1 }
 
@media screen and (min-width:1340px) {.zong {width: 1320px;margin: auto;}}
@media screen and (min-width:960px) and (max-width:1339px) {.zong {width: 950px;margin: auto;}}
@media screen and (min-width: 768px) and (max-width: 959px) { .zong { width: 750px;margin: auto; } }
@media screen and (max-width: 767px) { .zong { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }


/*  head  */
* { margin: 0px; padding: 0px; }

.xfprmain{ /*padding-top:10px;*/ margin-top: -27px; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom:80px;}
.xfprbanner{ /*margin-top:60px;*/ position:relative;}
.xfprbatu img{ width:100%;}
.xfprbazi{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color: #ffffff; font-size:40px; font-size:4rem; padding-bottom:12px; text-align:center;}
.xfprbazi:before{ content:""; position:absolute; width:130px; height:2px; background:#ffffff; bottom:0px; left:50%; margin-left:-65px;}

.xfprn{ font-size:0px; padding-top:18px; margin-bottom: 60px;}
.xfprn:after{ content:""; clear:both; display:block;}

.xfprlie{ width:24.18%; display:inline-block; vertical-align:top; margin-left:1.0933%; background:#f3f3f3; padding:6px; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:20px; padding-bottom:17px;}
.xfprn2 .xfprlie{ width:32.124%; display:inline-block; vertical-align:top; margin-left:1.8%;}

.xfprtu{ display:block;}
.xfprtu img{ width:100%;}

.xfprzi{}
.xfprzi:after{ content:""; clear:both; display:block;}
.xfpra{ display:block; font-size:18px; font-size:1.8rem; line-height:24px; margin-top:9px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.xfprn2 .xfpra{ font-size:18px; font-size:1.8rem;}
.xfprmor{ display:inline-block; float:right; min-width: 112px; height: 33px; line-height:31px; border: solid 1px #15499a; font-size:16px; font-size:1.6rem; padding:0 5px; text-align:center; margin-top:15px; -moz-box-sizing: border-box; box-sizing: border-box;}
.xfpra:hover{color: #15499a;}
.xfprmor:hover{ background:#15499a; border-color:#15499a; color:#fff;}
.xfprn2 .xfprmor{ min-width: 150px; height: 33px; line-height:31px; font-size:16px; font-size:1.6rem;}

@media screen and (max-width:1339px){
.xfprbazi{ font-size:30px; font-size:3rem;} 
.xfprn .xfpra{ font-size:16px; font-size:1.6rem;}
.xfprn .xfprmor{ min-width: 110px; height: 34px; line-height:32px; font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width: 767px) {
.xfprmain{ /*padding-top:10px;*/ padding-bottom:40px;}
.xfprbazi{ font-size:22px; font-size:2.2rem;} 
.xfprn .xfprlie{ width:48%; margin-left:1% !important; margin-right:1%;}
.xfprn .xfpra{ font-size:14px; font-size:1.4rem;}
.xfprn .xfprmor{ min-width: 110px; height: 34px; line-height:32px; font-size:12px; font-size:1.2rem;}

/*.xfprbanner{ margin-top:30px;}*/
.xfprn{ padding-top:10px;}
}
@media screen and (max-width: 499px) {
.xfprbatu{ overflow:hidden;}
/*.xfprbatu img{ width:160%; margin-left:-30%;}*/
.xfprbazi{ font-size:18px; font-size:1.8rem; line-height:26px; width:100%; padding:10px 5px; left:0px; transform:translate(0px,-50%);}  
}



.xfprmain2{ padding-top:70px; padding-bottom:84px;}
.xfprmain2:after{ content:""; clear:both; display:block;}
.xfprl{ width:21.21%; float:left;}
.xfprr{ width:74.39%; float:right;}

.xfprbiao{ display:block; background:#15499a; border:1px solid #15499a; line-height:38px; padding:10px 18px; color: #ffffff; font-size:24px; font-size:2.4rem;}
.xfpryiji{ margin-bottom:26px;}
.xfpryiji li a{ display:block; font-size:18px; font-size:1.8rem; line-height:26px; padding-bottom:12px; padding-top:23px;}
.xfpryiji>li{border-bottom:dashed 1px #b5b5b5;}
.xfprerji{ padding-left:30px; border-top:dashed 1px #b5b5b5; padding-bottom:10px;}
.xfprerji li a{ font-size:16px; font-size:1.6rem; padding:5px 0px;}

.xfpryiji>li:last-child{ border:none;}
.dangpr>a{color: #15499a !important;}
.xfpryiji li a:hover{color: #15499a}
.xfprbiao:hover{ background:#fff; color:#15499a;}

.xfprlmor{ display:block; border: solid 1px #15499a; line-height:36px; text-align:center; padding:10px; color: #15499a; font-size:20px; font-size:2rem; text-decoration: underline;}
.xfprlmor:hover{ background:#15499a; color:#fff;}

.xfprrt{}
.xfprrt img{ max-width:100%;}

.xfprrn{ font-size:0px;}
.xfprrn:after{ content:""; clear:both; display:block;}
.xfprrlie{ width:32.39%; display:inline-block; vertical-align:top; padding:6px; background:#f3f3f3; -moz-box-sizing: border-box; box-sizing: border-box; margin-left:1.4%; margin-top:25px;}
.xfprrtu{ display:block;}
.xfprrtu img{ width:100%;}
.xfprrzi{ display:block; text-align:center; font-size:18px; font-size:1.8rem; line-height:24px; padding:13px 0; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
/*.xfprrzi:hover{color: #15499a;}*/
.xfprrp{ font-size:20px; font-size:2rem; line-height:40px; text-align:center; margin-top:46px;}
.xfprrp a{ display:inline-block; vertical-align:middle; background-color: #15499a; border:1px solid #15499a; border-radius: 4px; line-height:37px; padding:0 27px; color:#fff; margin-left:6px;}
.xfprrp a:hover{ background:#fff; color:#15499a;}
@media screen and (max-width:1339px){
.xfprl{ width:25%; float:left;}
.xfprr{ width:72%; float:right;}

.xfprbiao{ line-height:38px; padding:5px 10px; font-size:20px; font-size:2rem;}
.xfpryiji li a{ font-size:16px; font-size:1.6rem; padding-bottom:10px; padding-top:16px;}
.xfprerji{ padding-left:20px; padding-top:10px;}
.xfprerji li a{ font-size:14px; font-size:1.4rem; padding:5px 0px;}
.xfprlmor{ font-size:16px; font-size:1.6rem;}
.xfprrzi{ font-size:14px; font-size:1.4rem; padding:5px 0;}
.xfprrp{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width: 959px) {
.xfprmain2{ padding-top:40px; padding-bottom:44px;}
.xfprl{ width:28%; float:left;}
.xfprr{ width:68%; float:right;}
}
@media screen and (max-width: 767px) {
.xfprl{ width:100%; float:none; margin-top:30px;}
.xfprr{ width:100%; float:none;}
}
@media screen and (max-width: 767px) {
.xfprrlie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:15px;}
}

.propage{ padding-top: 107px; }

@media screen and (max-width: 1219px) { .propage{ padding-top: 80px; } }
@media screen and (max-width: 767px) { .propage{ padding-top: 40px; } }


.bigcolor, .bigcolor:hover{ color: #fff; }