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

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

body { width: 100%; overflow-x: hidden; font-family: arial, helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; color: #333; max-width: 1920px; margin: 0 auto; }

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: #90c53f; }

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; }

#google_translate_element span { color: #000; }

/* .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: 1219px) { .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; display:  inline-block;}

.r { float: right; }

.fix { *zoom: 1;display:  block;/*text-align:  center;*/}

.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: 1200px; margin: auto; }

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .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: #90c53f; }

.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: #90c53f; 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: #90c53f; }

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

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

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

.mian_fen { background: #f2f3f7;}

.m-crm { padding-top: 26px; padding-bottom: 41px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; }

.m-crm .wp { padding-left: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/home.png) no-repeat left 3px; }

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

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

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

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

.m-page a { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 30px; line-height: 28px; font-size: 12px; font-size: 1.2rem; 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: #fff; }

.m-page a.big { width: 61px; }

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

.m-page a.no:hover { color: #333; border-color: #e5e5e5; background-color: white; }

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

.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: 2px; margin-left: 5px; margin-right: 8px; }

.m-page .ins { margin-left: 20px; width: 150px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #90c53f; color: #fff; font-size: 12px; font-size: 1.2rem; 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-kf { position: fixed; z-index: 9998; right: 0px; top: 30%; }

.m-kf .kf-item { display: block; line-height: 0; font-size: 0; margin-bottom: 1px; -moz-border-radius: 5px; border-radius: 5px; position: relative; width: 69px; height: 69px; }

.m-kf .kf-item .iconfont { color: #f4eeeb; }

.m-kf .kf-item svg { display: block; margin: 0 auto; padding-top: 20px; fill: #f4eeeb; }

.m-kf .kf-item .img-responsive { position: absolute; top: 0px; right: 100%; max-width: 200px; width: 500%; }

.m-kf .icon-email1 { display: block; margin: 0 auto; text-align: center; font-size: 30px; font-size: 3rem; }

.m-kf .icon-email1:before { display: block; margin: 0 auto; padding-top: 32px; }

.m-kf .icon-skype1 { display: block; margin: 0 auto; text-align: center; font-size: 30px; font-size: 3rem; }

.m-kf .icon-skype1:before { display: block; margin: 0 auto; padding-top: 36px; }

.m-kf .icon-whatsapp { display: block; margin: 0 auto; text-align: center; font-size: 26px; font-size: 2.6rem; }

.m-kf .icon-whatsapp:before { display: block; margin: 0 auto; padding-top: 32px; }

.m-kf .icon-wechat { display: block; margin: 0 auto; text-align: center; font-size: 60px; font-size: 6rem; }

.m-kf .icon-wechat:before { display: block; margin: 0 auto; padding-top: 32px; }

@media screen and (max-width: 767px) { 
.m-kf .icon-wechat:before, .m-kf .icon-whatsapp:before, .m-kf .icon-skype1:before, .m-kf .icon-email1:before {
  padding-top: 25px;
}
.m-kf .kf-item svg { 
  padding-top: 12px;
 }

 }

.m-kf .kf-item { background: #389ab6; }

.m-kf .kf-item .iconfont { color: #fff; }

.m-kf .kf-item4 { background: #13c1f3; }

.m-kf .kf-item4 .iconfont { color: #f4eeeb; }

.m-kf .kf-item3 { background: #157eee; }

.m-kf .kf-item3 .iconfont { color: #f4eeeb; }

.m-kf .kf-item2 { background: #00bb0c; }

.m-kf .kf-item2 .iconfont { color: #f4eeeb; }

.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: #90c53f; }
  .m-kf .kf-item { width: 20%; text-align: center; width: 50px; height: 50px; }
  .m-kf .kf-wx { bottom: 100%; left: 0; }
  .m-kf .ewm3 { right: 0%; left: -22px; top: -132%; 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; }
  body { padding-bottom: 50px; } }

.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 53px; height: 53px; line-height: 0; font-size: 0; display: none; font-size: 53px; color: #90c53f; }

.returntop i { display: block; width: 53px; height: 53px; -moz-border-radius: 50%; border-radius: 50%; }

.returntop .icon-top15:before { -moz-border-radius: 50%; border-radius: 50%; width: 53px; height: 53px; }

@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 .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 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: #90c53f; }

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

@media screen and (max-width: 999px) { .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: #90c53f; }
  .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: #90c53f; } }

/* language */
.header .language { position: absolute; top: 3.9rem; right: 3rem; z-index: 100; }
.header .language .language-trigger { display: flex; align-items: center; cursor: pointer; color: #fff; font-size: 14px; padding: 6px 12px; border: 1px solid #00a0ea; color:#00a0ea; border-radius: 4px; transition: all 350ms; }
.header .language .language-trigger:hover { background-color: #00a0ea; color:#fff;}
.header .language .language-trigger:hover .arrow { border-top-color:#fff;}
.header .language .language-trigger .current-lang { margin-right: 8px; }
.header .language .language-trigger .arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #00a0ea; transition: transform 350ms; }
.header .language .language-trigger.open .arrow { transform: rotate(180deg); }
.header .language .language-list { display: none; position: absolute; top: 100%; right: 0; margin-top: 8px; background: #fff; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); padding: 4px 0; min-width: 120px; }
.header .language .language-list li { list-style: none; }
.header .language .language-list li a { display: block; padding: 8px 16px; color: #333; font-size: 14px; text-decoration: none; transition: background 350ms; }
.header .language .language-list li a:hover { background: #f2f3f7; }
.header .language .language-list li:first-child a { border-radius: 4px 4px 0 0; }
.header .language .language-list li:last-child a { border-radius: 0 0 4px 4px; }

/* search */
.header .search { position: absolute; top: 36px; right: 0; width: 170px; height: 37px; }

.header .inpu { display: block; background: url(../images/sousuo.png) no-repeat center; width: 32px; height: 32px; color: #00a0ea; font-size: 32px; cursor: pointer; }

.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; margin-top:10px;}

.header_form .tex { background: transparent; text-indent: 17px; width: 100%; line-height: 31px; height: 31px; display: inline-block; color: #333; }

.header_form .sub { position: absolute; top: 0px; right: 0px; height: 31px; width: 31px; font-size: 0px; cursor: pointer; z-index: 99; background: url(../images/sch2.png) no-repeat center; }

.header_form i { position: absolute; top: 1px; right: 5px; font-size: 20px; }

/* header_top */
.header_top {position: relative;padding-top: 16px;/* margin-bottom: 19px; */text-align: right;color: #fff;}

.header_top a { color: #fff; }

.header_top span { color: #fff; }

.header_top .email { display: inline-block; margin-right: 61px; line-height: 30px; }

.header_top .email span { display: block; margin-right: 10px; font-size: 20px; font-size: 2rem; line-height: 30px; }

.header_top .tel {margin-left: 0px; position: relative; display: inline-block; margin-right: 30px; line-height: 30px; }

.header_top .tel i { display: block; margin-right: 10px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.header_top .heurdje { display: inline-block; margin-right: 10px; }

.header_top .header_guoqi a { margin-left: 10px; position: relative; padding-left: 20px; font-size: 14px; font-size: 1.4rem; line-height: 32px; }

.header_top .header_guoqi i { /*position: absolute; left: 0px; top: -1px;*/ }

/* header */
.header { background: #014081;/*! height: 145px; */ }

.header .wpp { max-width: 1680px; width: 95%; margin: 0 auto; position: relative; }

.header .logo {margin-bottom: 15px;margin-top: 15px;}

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

.header_ul1 { padding-right: 230px; }

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

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

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

.header_ul1 > li > a { color: #fff; -moz-border-radius: 50px; border-radius: 50px; line-height: 40px; display: block; font-weight: bold; padding: 0px 16px; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }

.header_ul1 > li:hover > a, .header_ul1 li.on > a { background: #00a0ea; }

.dan_header { display: none; width: 226px; position: absolute; left: -5px; top: 100%; background: #fff; z-index: 999999; }

.dan_header > ul { border: 1px solid #cccccc; border-top: 0px; }

.dan_header > ul > li { line-height: 24px; position: relative; left: 0px; border-top: 1px solid #cccccc; }

.dan_header > ul > li > a { padding: 7px 0px; padding-left: 18px; position: relative; color: #333; display: block; }

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

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

.dan_header2 { display: none; width: 555px; position: absolute; left: -151px; top: 100%; background: #fff; z-index: 999999; padding: 10px 18px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.dan_header2 li { width: 49%; }

.dan_header2 .dan_header3 { margin-top: 24px; }

.dan_header2 .dan_header3 .l { margin-right: 7px; width: 80px; height: 53px; line-height: 53px; font-size: 16px; font-size: 1.6rem; font-weight: bold; border-right: 1px solid #cccccc; }

.dan_header2 .dan_header3 p { width: 163px; }

.dan_header2 .dan_header3 p a { color: #666666; font-size: 14px; font-size: 1.4rem; line-height: 24px; display: block; }

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

.dan_sanheader > ul { background: #fff; border: 1px solid #cccccc; border-top: 0px; }

.dan_sanheader > ul > li { line-height: 24px; position: relative; border-top: 1px solid #cccccc; }

.dan_sanheader > ul > li > a { padding: 7px 0px; padding-left: 18px; color: #333; display: block; }

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

@media screen and (max-width: 1700px) { .header .logo { width: 350px; } }

@media screen and (max-width: 1570px) { .header .logo { width: 300px; }
 }

@media screen and (max-width: 1430px) { .header .logo { width: 200px; margin-top: 46px; }
  .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; padding: 0px 12px; }
  .header_ul1{padding-right:166px;}}

@media screen and (max-width: 1219px) { .header { background: #014081; }
  .header .logo { width: 200px; margin-top: 46px; }
  .header_ul1 > li > a { font-size: 12px; font-size: 1.2rem; padding: 0px 10px; } 
  .header_ul1{padding-right:166px;}
  .header .search{ top:32px;}
  
  }

@media screen and (max-width: 999px) { .header { background: #fff; height: 100px;}
  .header_ul1 { width: 100%; padding: 0px; display: none; }
  .header_right { float: none; width: 100%; padding: 0px; }
  .header .logo { float: none; margin: 10px auto; width: 100%; max-width: 281px; padding: 0px; }
  .header_top { float: none; width: 100%; padding-top: 10px; margin-bottom: 10px; text-align: right; }
  .header_top .email { display: none; }
  .header_top .tel { display: none; }
  .header_top .heurdje { display: none; }
  .header_top a { color: #333; }
  .header_top .header_guoqi { float: left; }
  .header .search { top: 56px; }
  .header .search a { color: #333; } }

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

/* footer */
.footer { background: #014081; padding-top: 34px; }

.footer a:hover { color: #fff; }

.footer .title { font-size: 20px; font-size: 2rem; color: #fff; padding-bottom: 5px; text-transform: uppercase; line-height: 30px; border-bottom: 1px solid #cccccc; }

.footer .title a { color: #fff; }

.footer_left { float: left; width: 213px; margin-right: 90px; }

.footer_center { float: left; width: 234px; }

.footer_right { float: right; width: 294px; }

.footer_right p { color: #fff; line-height: 24px; }

.footer_right p a { line-height: 30px; color: #fff; }

.ftx_ul { margin-top: 10px; }

.ftx_ul li { line-height: 30px; color: #fff; }

.ftx_ul li a { color: #fff; }

.ftx_ul span { display: inline-block; margin-right: 5px; color: #dadada; font-size: 20px; }

.ftx_ul2 { margin-top: 10px; }

.ftx_ul2 li { line-height: 30px; color: #fff; }

.ftx_ul2 li a { color: #fff; }

.footer .shejiao { padding-top: 20px; }

.footer .shejiao svg { display: block; }

.footer .shejiao a { display: block; margin-left: 14px; float: left; margin-bottom: 26px; -moz-border-radius: 5px; border-radius: 5px; }

.footer_bot { margin-top: 56px; background: #092f6a; }

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

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

@media screen and (max-width: 1219px) { .footer_left { float: left; width: 180px; margin-right: 30px; }
  .footer_center { float: left; width: 234px; }
  .footer_right { float: right; width: 294px; } }

@media screen and (max-width: 999px) { .footer_left { width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 1%; }
  .footer_center { width: 49%; margin-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .footer_right { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .ftx_ul2 { min-height: 260px; } }

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

/*==========main1==================*/
.main1 { background: #f2f3f7; padding-top: 60px; }

.main1 .m1_ul li { width: 395px; float: left; margin-left: 7px; }

.main1 .m1_ul .wrap { background: #fff; max-width: 395px; width: 100%; margin: 0 auto; }

.main1 .m1_ul p a { color: #666666; display: block; font-size: 16px; font-size: 1.6rem; line-height: 50px; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }

.main1 .litop { max-width: 395px; width: 100%; position: relative; padding-bottom: 55%; height: 0; overflow: hidden; }

.main1 .litop video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.main1 .litop video body { margin: 0px !important; }

.main1 .litop svg { background: #fff; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; font-size: 64px; z-index: 99; }

@media screen and (max-width: 638px) { .main1 .litop svg { font-size: 30px; font-size: 3rem; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; } }

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

@media screen and (max-width: 638px) {.video_none {display: none;} .main1 .m1_ul li { min-width: 320px; width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

.main1 .m1_ul2 li { width: 285px; float: left; margin-left: 20px; }

.main1 .m1_ul2 .wrap { max-width: 285px; width: 100%; margin: 0 auto; }

.main1 .m1_ul2 p a { color: #666666; display: block; font-size: 16px; font-size: 1.6rem; line-height: 50px; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }

.main1 .m1_ul2 p a:hover { color: #004098; }

.main1 .m1_ul2 p span { color: #004098; }

@media screen and (max-width: 1219px) { .main1 .m1_ul2 li { width: 23%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 638px) { .main1 .m1_ul2 li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

.main1 .m1_box { padding-top: 61px; padding-bottom: 30px; }

.main1 .m1_box .title { padding-bottom: 32px; font-size: 40px; font-size: 4rem; font-weight: bold; line-height: 40px; text-transform: uppercase; }

.main1 .m1_box span { color: #004098; }

.main1 .m1_box i { display: block; float: left; color: #666; font-size: 12px; font-size: 1.2rem; font-weight: normal; }

.main1 .m1_box strong { display: block; margin-left: 10px; margin-right: 32px; font-weight: bold; }

.main1 .m1_box p a { display: block; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px; max-height: 180px; overflow: hidden; }

@media screen and (max-width: 768px) { .main1 .m1_box { padding-top: 20px; padding-bottom: 20px; }
  .main1 .m1_box .title { font-size: 30px; font-size: 3rem; padding-bottom: 5px; }
  .main1 .m1_box i { line-height: 26px; }
  .main1 .m1_box p a { font-size: 14px; font-size: 1.4rem; } }

/*==========main2==================*/
.main2 {background: #f1f3f7;/* padding-bottom: 47px; */}

.main2 .m1_box {padding-top: 44px;/* padding-bottom: 6px; */margin:   0 auto;}

.main2 .m1_box .title {/* padding-bottom: 32px; */font-size: 40px;font-size: 4rem;font-weight: bold;line-height: 40px;text-transform: uppercase;margin:  0 auto;text-align:  center;text-align: center;}

.main2 .m1_box i {display: block;/* float: left; */color: #666;font-size: 12px;font-size: 1.2rem;font-weight: normal;}

.main2 .m1_box span {/* display: block; */}

.main2 .m1_box strong {margin-left: 10px;margin-right: 32px;color: #004098;font-weight: bold;}

@media screen and (max-width: 768px) { .main2 .m1_box .title { font-size: 30px; font-size: 3rem; }
  .main2 .m1_box i { line-height: 26px; } }

.main2 .m2_ul li { float: left; width: 280px; margin-left: 26px; margin-bottom: 38px; }

.main2 .m2_ul li:hover { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }

.main2 .m2_ul a { display: block; }

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

.main2 .m2_ul .wrap { display: block; max-width: 280px; width: 100%; margin: 0 auto; }

.main2 .m2_ul .wrap2 { display: block; max-width: 280px; width: 100%; margin: 0 auto; background: #ffffff; padding: 12px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.main2 .m2_ul p { font-size: 16px; font-size: 1.6rem; line-height: 26px; height: 52px;}

.main2 .m2_ul p a { color: #313131; display: block; max-height: 52px; overflow: hidden; }

.main2 .m2_ul a.more {height: 32px; overflow: hidden; color: #666666; line-height: 30px; margin-top: 10px; padding-bottom: 2px; }

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

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

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

/*==========main3==================*/
.main3 { background: url(../images/main3nk.png) repeat center top; padding-bottom: 57px; }

.main3 .m1_box { padding-top: 49px; padding-bottom: 55px; }

.main3 .m1_box .title { padding-bottom: 22px; font-size: 40px; font-size: 4rem; font-weight: bold; line-height: 40px; text-transform: uppercase; }

.main3 .m1_box i { display: block; float: left; color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: normal; }

.main3 .m1_box strong { display: block; margin-right: 32px; color: #fff; font-weight: bold; }

.main3 .m1_box p a { display: block; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 30px; max-height: 120px; overflow: hidden; }

@media screen and (max-width: 768px) { .main3 .m1_box .title { font-size: 30px; font-size: 3rem; }
  .main3 .m1_box i { line-height: 26px; }
  .main3 .m1_box p a { font-size: 14px; font-size: 1.4rem; } }

.main3 .thelgi_wrap { max-width: 1200px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ============================== buye_box ==============================*/
.bur_l { max-width: 560px; }

.bur_l img { display: block; max-width: 560px; max-height: 560px; width: 100%; margin: 0 auto; }

.bur_r { float: none; width: auto; overflow: hidden; padding-left: 74px; }

.bur_r .tb_ite {  overflow: hidden; padding-bottom: 20px; line-height: 30px; margin-top: 18px; font-size: 20px; font-size: 2rem; line-height: 30px; text-transform: uppercase; font-weight: bold; color: #fff; }

.bur_r .pro_x { font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 26px; margin-bottom: 20px; }

.bur_r .pro_x a { color: #90c53f; line-height: 30px; color: #90c53f; }

.bur_r .pro_x p { height: 78px; overflow: hidden; }

.bur_r .pro_x img { display: block; max-width: 100%; }

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

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

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

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

.thelgi_wrap .img-scroll { position: relative; width: 100%; }

.thelgi_wrap .img-scroll .prev { position: absolute; display: block; width: 36px; height: 36px; top: 50%; margin-top: -45px; z-index: 99; font-size: 26px; font-size: 2.6rem; }

.thelgi_wrap .img-scroll .next { position: absolute; display: block; width: 36px; height: 36px; top: 50%; margin-top: -45px; z-index: 99; font-size: 26px; font-size: 2.6rem; }

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

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

.thelgi_wrap .img-list li { float: left; width: 1%; margin-right: 3px; }

.bure_r .img-scroll { position: relative; width: 100%; margin-top: 33px; }

.bure_r .img-scroll .prev { text-align: center; position: absolute; display: block; width: 25px; height: 68px; top: 50%; margin-top: -34px; z-index: 999; background: #000; background: rgba(0, 0, 0, 0.5); }

.bure_r .img-scroll .prev i { color: #fff; font-size: 20px; font-size: 2rem; line-height: 68px; text-align: center; }

.bure_r .img-scroll .next { text-align: center; position: absolute; display: block; width: 25px; height: 68px; top: 50%; margin-top: -34px; z-index: 999; background: #000; background: rgba(0, 0, 0, 0.5); }

.bure_r .img-scroll .next i { color: #fff; font-size: 20px; font-size: 2rem; line-height: 68px; text-align: center; }

.bure_r .img-scroll .prev { left: 0px; cursor: pointer; }

.bure_r .img-scroll .next { right: 0px; cursor: pointer; }

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

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

.bure_r .img-list li { float: left; width: 224px; margin-right: 20px; cursor: pointer; }

.bure_r .img-list li .m3tu { border: 2px solid #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; max-width: 224px; text-align: center; position: relative; overflow: hidden; }

.bure_r .img-list li .m3tu img { display: block; max-width: 224px; max-height: 224px; width: 100%; margin: 0 auto; }

.bure_r li:hover .m3tu { border-color: #004098; }

.bure_r .img-list li.current .m3tu { border-color: #004098; }

@media screen and (max-width: 1219px) { .bure_r .img-list li { width: 233px; } }

@media screen and (max-width: 999px) { .bur_l { display: block; float: none; width: 100%; margin: 0 auto; }
  .bur_l img { display: block; margin: 0 auto; }
  .bur_r { display: block; float: none; max-width: 100%; width: 100%; padding: 0px; margin-top: 20px; }
  .bure_r .wpp { max-width: 1680px; width: 100%; margin: 0 auto; }
  .bure_r .img-list li .m3lien .m4fu { top: 0px; }
  .bure_r .img-list { width: 100%; }
  .bure_r .img-list li { width: .2%; margin-right: .066%; }
  .bure_r .img-scroll .prev { left: 0px; }
  .bure_r .img-scroll .next { right: 0px; }
  .bure_r .img-scroll { width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 50px; } }

@media screen and (max-width: 768px) { .bur_r .pro_x { font-size: 14px; font-size: 1.4rem; }
  .bure_r .img-scroll { margin-top: 20px; }
  .bur_r h1 { font-size: 20px; font-size: 2rem; }
  .bur_r .tb_ite { font-size: 20px; font-size: 2rem; padding-bottom: 10px; line-height: 30px; margin-top: 0px; }
  .bure_r .img-list li { width: .3%; margin-right: .05%; } }

@media screen and (max-width: 400px) { .bure_r .img-list li { width: .45%; margin-right: .1%; } }

/*==========main4==================*/
.main4 { background: #f2f3f7; padding-bottom: 54px; }

.main4 .m1_box { padding-top: 61px; padding-bottom: 4px; }

.main4 .m1_box .title { padding-bottom: 32px; font-size: 40px; font-size: 4rem; font-weight: bold; line-height: 40px; text-transform: uppercase; }

.main4 .m1_box i { display: block; float: left; color: #666; font-size: 12px; font-size: 1.2rem; font-weight: normal; }

.main4 .m1_box strong { display: block; color: #004098; margin-left: 10px; margin-right: 32px; font-weight: bold; }

@media screen and (max-width: 768px) { .main4 .m1_box .title { font-size: 30px; font-size: 3rem; }
  .main4 .m1_box i { line-height: 26px; }
  .main4 .m1_box p a { font-size: 14px; font-size: 1.4rem; } }

.main4 .m4_ul li { float: left; margin-left: 20px; width: 285px; }

.main4 .m4_ul .wrap { position: relative; overflow: hidden; max-width: 285px; width: 100%; margin: 0 auto; }

.main4 .m4_ul .fu { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.main4 .m4_ul .fu a { color: #fff; line-height: 24px; display: table-cell; vertical-align: middle; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; }

.main4 .m4_ul .wrap21 { display: table; width: 100%; height: 100%; text-align: center; }

.main4 .m4_ul .wrap21 img { display: block; margin-bottom: 14px; }

.main4 .m4_ul p { background: #fff; width: 100%; height: 56px; max-height: 56px; overflow: hidden; max-width: 285px; width: 100%; margin: 0 auto; padding: 4px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; }

.main4 .m4_ul p a { display: table-cell; vertical-align: middle; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; text-align: left; }

@media screen and (max-width: 1219px) { .main4 .m4_ul li { width: 23%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 999px) { .main4 .m4_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .main4 .m4_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

@media screen and (max-width: 500px) { .main4 .m4_ul li { width: 98%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

/*==========main5==================*/
.main5 { background: #f2f3f7 url(../images/main5.jpg) no-repeat center bottom; padding-bottom: 77px; }

.main5 .m3_left { width: 615px; }

.main5 .m3_right { width: 495px; }

.main5 .title { font-size: 40px; font-size: 4rem; font-weight: bold; text-transform: uppercase; }

.main5 .title span { color: #004098; }

.main5 .title21 { color: #666; font-size: 12px; font-size: 1.2rem; line-height: 40px; text-transform: uppercase; }

.main5 .m3_ul2 { padding-top: 12px; }

.main5 .m3_ul2 li { width: 100%; margin-bottom: 20px; }

.main5 .m3_ul2 li:hover { color: #90c53f; }

.main5 .m3_ul2 .m3_wrao { position: relative; min-height: 155px; padding-left: 189px; }

.main5 .m3_ul2 .m3_wrao .img { position: absolute; left: 0px; top: 0px; max-width: 174px; width: 100%; margin: 0 auto; }

.main5 .m3_ul2 .ntitle3 { display: block; margin-top: 8px; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main5 .m3_ul2 .more { margin-top: 2px; margin-bottom: 12px; font-size: 14px; font-size: 1.4rem; color: #004098; font-weight: bold; }

.main5 .m3_ul2 p { margin-top: 4px; margin-bottom: 24px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }

.main5 .m3_ul2 p a { color: #333333; display: block; max-height: 72px; overflow: hidden; }

@media screen and (max-width: 999px) { .main5 .m3_ul2 li { width: 100%; margin: 0 auto; float: none; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .main5 .m3_ul2 .m3_wrao { padding: 0px; }
  .main5 .m3_ul2 .m3_wrao .img { position: relative; display: block; margin: 0 auto; }
  .main5 .m3_ul2 .more { float: none; margin-top: 10px; } }

.main5 form { padding-top: 20px; }

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

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

.main5 form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a6a6a6; }

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

.main5 form select { cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 38px; height: 38px; font-size: 14px; font-size: 1.4rem; padding-left: 14px; color: #a6a6a6; width: 100%; border: solid 1px #a0a0a0; background: transparent; }

.main5 form .c_div1 { margin-bottom: 14px; padding-left: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.main5 form .xing { display: block; background: url(../images/xing.png) no-repeat left 15px; }

.main5 form .c_input1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 38px; height: 38px; font-size: 14px; font-size: 1.4rem; padding-left: 14px; color: #a6a6a6; width: 100%; border: solid 1px #a0a0a0; background: transparent; }

.main5 form .c_textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Arial; font-size: 14px; font-size: 1.4rem; padding-left: 14px; color: #a6a6a6; width: 100%; border: solid 1px #a0a0a0; line-height: 26px; height: 103px; background: transparent; }

.main5 form .c_captcha { font-size: 14px; font-size: 1.4rem; background: transparent; width: 190px; float: left; line-height: 38px; height: 38px; padding-left: 14px; color: #a6a6a6; border: solid 1px #a0a0a0; }

.main5 form .c_yzm { float: right; margin-left: 19px; cursor: pointer; }

.main5 form .c_send { text-align: center; color: #fff; background: #004098; width: 100%; height: 43px; line-height: 41px; font-size: 14px; font-size: 1.4rem; cursor: pointer; }

@media screen and (max-width: 1219px) { .main5 .m3_left { width: 49%; }
  .main5 .m3_right { width: 49%; } }

@media screen and (max-width: 999px) { .main5 .m3_left { width: 100%; float: none; }
  .main5 .m3_right { width: 100%; float: none; } }

@media screen and (max-width: 768px) { .main5 .title21 { line-height: 30px; }
  .main5 form .c_captcha { width: 100%; margin-bottom: 14px; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .main5 form .c_yzm { float: left; margin-left: 0px; } }

@media screen and (min-width: 1220px) { .fixed .header { position: fixed; width: 100%; top: 0px; z-index: 99999999999999999; } }

/*==========product==================*/
.product { /*==========pro_title21==================*/ }

.product .header_form2 { margin-bottom: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; background: transparent; width: 100%; height: 41px; line-height: 41px; position: relative; z-index: 999; }

.product .header_form2 .tex { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: transparent; text-indent: 11px; width: 100%; line-height: 31px; height: 31px; display: inline-block; color: #999999; }

.product .header_form2 .sub { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 5px; border-left: 1px solid #cccccc; position: absolute; top: 0px; right: 0px; height: 31px; width: 40px; font-size: 0px; cursor: pointer; z-index: 99; }

.product .header_form2 i { position: absolute; top: 1px; right: 11px; font-size: 20px; }

.product .pro_left { width: 262px; position: relative; margin-bottom: 50px; }

.product .pro_right { width: 884px; }

.product .list { position: relative; margin-bottom: 50px; }

.product .pro_left .title1 { width: 100%; background: #004098; text-align: center; }

.product .pro_left .title1 a { width: 100%; height: 45px; line-height: 45px; font-size: 20px; font-size: 2rem; text-transform: uppercase; color: #fff; text-align: center; }

.product .pro_left .subNavBox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; }

.product .pro_left .subNav { cursor: pointer; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; }

.product .pro_left .subNav.div1 { margin-top: 0px; padding-top: 4px; }

.product .pro_left .subNav a { display: block; line-height: 32px; padding: 5px 0px; padding-left: 19px; font-size: 16px; font-size: 1.6rem; color: #333333; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; }

.product .pro_left .subNav:hover { background: #004098; color: #fff; }

.product .pro_left .subNav:hover a { color: #fff; }

.product .pro_left .currentDd { background: #004098; }

.product .pro_left .currentDd a { color: #fff; }

.product .pro_left .navContent { background: #ffffff; padding-top: 0px; margin-top: -10px; margin-bottom: 10px; display: none; position: relative; padding-bottom: 0px; top: 0px; }

.product .pro_left .navContent > li { border-top: 1px solid #d2d2d2; width: 95%; margin: 0 auto; }

.product .pro_left .navContent > li:first-child { border-top: 0px; }

.product .pro_left .navContent > li > a { display: block; text-transform: uppercase; line-height: 38px; color: #333333; padding-left: 36px; }

.product .pro_left .navContent > li a:hover { color: #004098; }

.product .pro_left .navContent > li.on > a { color: #004098; }

.product .m2_ul { padding-bottom: 42px; display: flex; flex-wrap: wrap; }

.product .m2_ul li { float: left; width: 280px; margin-left: 22px; margin-bottom: 38px; }

.product .m2_ul li:hover .liimg { -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.19); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.19); }

.product .m2_ul li:hover .topp a { color: #333; }

.product .m2_ul li:hover .bott a { background-color: #90c53f; color: #fff; }

.product .m2_ul .bott { position: relative; text-align: center; margin-top: 18px; }

.product .m2_ul .bott a { display: inline-block; font-size: 14px; font-size: 1.4rem; color: #90c53f; width: 115px; height: 34px; background-color: #004098; line-height: 32px; text-align: center; margin: 0 auto; color: #fff; margin-left: 15px; }

.product .m2_ul .bott input { display: inline-block; cursor: pointer; }

.product .m2_ul a { display: block; }

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

.product .m2_ul .wrap { display: block; max-width: 280px; width: 100%; margin: 0 auto; }

.product .m2_ul .wrap2 { display: block; max-width: 280px; width: 100%; margin: 0 auto; background: #ffffff; padding: 12px 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product .m2_ul p { font-size: 16px; font-size: 1.6rem; line-height: 26px; }

.product .m2_ul p a { color: #313131; display: block; height: 52px; overflow: hidden; }

.product .m2_ul a.more { height: 32px; overflow: hidden; color: #666666; line-height: 30px; margin-top: 10px; padding-bottom: 2px; }

@media screen and (max-width: 1219px) { .product .m2_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .product .m2_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

@media screen and (max-width: 638px) { .product .m2_ul .bott a { width: 80%; }
  .product .m2_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; }
  .product .m2_ul p { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 1219px) { .product .pro_left { width: 262px; }
  .product .pro_right { width: 684px; } }

@media screen and (max-width: 999px) { .product .pro_left { width: 100%; float: none; margin: 0 auto; }
  .product .pro_right { width: 100%; float: none; margin: 0 auto; } }

.product .titlems { position: relative; }

.product .titlems a { text-align: left; line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.product .dan_p { display: none; position: absolute; right: 5px; top: 15px; }

.product .dan_p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: #fff; }

@media screen and (max-width: 999px) { .product .dan_p { display: block; }
  .product .subNavBox { display: none; } }

.product #tab { overflow: hidden; width: 100%; margin-top: 43px; }

.product #tab li { cursor: pointer; font-size: 14px; font-size: 1.4rem; background: #d5d5d5; float: left; width: 291px; margin-left: 5px; line-height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.product #tab li:hover { background: #004098; color: #fff; }

.product #tab li.current { background: #004098; color: #fff; }

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

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

.product .newsx { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-bottom: 30px; }

.product .newsx a { color: #90c53f; line-height: 45px; color: #90c53f; }

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

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

.product .newsx .table table {border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

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

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

.product .pro_title21 { background: url(../images/mian_title.png) no-repeat left top; margin-bottom: 41px; font-size: 22px; font-size: 2.2rem; color: #fff; line-height: 46px; }

.product .pro_title21 span { display: block; max-width: 307px; width: 100%; text-align: center; }

.product .pro_title21 a { display: inline-block; max-width: 307px; width: 100%; text-align: center; color: #fff; }

.product .coxin { width: 100%; margin: auto; padding-bottom: 39px; }

.product .coxin ::-webkit-input-placeholder { /* WebKit browsers */ color: #333; }

.product .coxin :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; }

.product .coxin ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; }

.product .coxin :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333; }

.product .coxin .int1 { border: 1px solid #d2d2d2; background: #fff; width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; padding-left: 24px; margin-bottom: 21px; float: left; font-size: 14px; font-size: 1.4rem; line-height: 50px; font-family: Arial; }

.product .coxin .int2 { border: 1px solid #d2d2d2; background: #fff; width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; padding-left: 24px; margin-bottom: 21px; float: right; font-size: 14px; font-size: 1.4rem; line-height: 50px; }

.product .coxin textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; font-family: Arial; width: 100%; height: 119px; background: #fff url(../images/xing.png) no-repeat 11px 18px; padding-left: 24px; margin-bottom: 21px; float: left; font-size: 14px; font-size: 1.4rem; line-height: 50px; }

.product .coxin .int3 { border: 1px solid #d2d2d2; width: 222px; height: 50px; padding-left: 24px; margin-bottom: 21px; float: left; font-size: 14px; font-size: 1.4rem; line-height: 50px; }

.product .coyanzheng { float: left; margin-bottom: 21px; margin-left: 15px; cursor: pointer; }

.product .coxin .int4 { width: 428px; height: 46px; font-family: Arial; float: right; margin-bottom: 21px; color: #fff; background: #90c53f; font-size: 26px; font-size: 2.6rem; cursor: pointer; }

.product .coxin .xing { background: #fff url(../images/xing.png) no-repeat 11px 18px; }

@media screen and (max-width: 1219px) { .product #tab li { width: 31%; margin-left: 1% !important; margin-right: 1%; }
  .product .coxin .int4 { width: 40%; } }

@media screen and (max-width: 768px) { .product #tab li { font-size: 14px; font-size: 1.4rem; }
  .product .coxin .int4 { width: 100%; }
  .product .coyanzheng { margin-left: 0px; }
  .product .coxin .int3 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 638px) { .product .coxin .int1 { width: 100%; }
  .product .coxin .int2 { width: 100%; }
  .product #tab li { width: 48%; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; } }

.product .mapporti { padding-bottom: 91px; }

.product .mapporti .img-scroll { position: relative; width: 100%; margin-top: -29px; }

.product .mapporti .img-scroll .hot { position: relative; top: -45px; float: right; max-width: 65px; z-index: 99; width: 100%; height: 29px; background: #f2f3f7; }

.product .mapporti .img-scroll .prev { position: absolute; display: block; width: 29px; height: 29px; z-index: 99; font-size: 29px; font-size: 2.9rem; }

.product .mapporti .img-scroll .next { position: absolute; display: block; width: 29px; height: 29px; z-index: 99; font-size: 29px; font-size: 2.9rem; }

.product .mapporti .img-scroll .prev { left: 0; cursor: pointer; color: #999999; }

.product .mapporti .img-scroll .next { right: 0; cursor: pointer; color: #999999; }

.product .mapporti .img-scroll .prev:hover { color: #90c53f; }

.product .mapporti .img-scroll .next:hover { color: #90c53f; }

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

.product .mapporti .img-list ul { width: 1000%; }

.product .mapporti .img-list li { float: left; width: 280px; margin-right: 25px; }

.product .mapporti li:hover .liimg { -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.19); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.19); }

.product .mapporti li:hover .topp a { color: #333; }

.product .mapporti li:hover .bott a { background-color: #90c53f; color: #fff; }

.product .mapporti .bott { position: relative; text-align: center; margin-top: 18px; }

.product .mapporti .bott a { display: inline-block; font-size: 14px; font-size: 1.4rem; color: #90c53f; width: 138px; height: 34px; background-color: #004098; line-height: 32px; text-align: center; margin: 0 auto; color: #fff; margin-left: 10px; }

.product .mapporti .bott input { display: inline-block; cursor: pointer; }

.product .mapporti a { display: block; }

.product .mapporti img { display: block; margin: 0 auto; }

.product .mapporti .wrap { display: block; max-width: 280px; width: 100%; margin: 0 auto; }

.product .mapporti .wrap2 { display: block; max-width: 280px; width: 100%; margin: 0 auto; background: #ffffff; padding: 12px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product .mapporti p { font-size: 16px; font-size: 1.6rem; line-height: 26px; }

.product .mapporti p a { color: #313131; display: block; max-height: 52px; overflow: hidden; }

.product .mapporti a.more { color: #666666; line-height: 30px; margin-top: 10px; padding-bottom: 2px; }

@media screen and (max-width: 1219px) { .product .mapporti .img-list li { width: 3%; margin-right: .5%; } }

@media screen and (max-width: 999px) { .product .mapporti .img-list li .m3lien .m4fu { top: 0px; opacity: 0; }
  .product .mapporti .img-list { width: 100%; }
  .product .mapporti .img-scroll .hot { position: relative; top: 0px; width: 100%; height: 30px; margin-bottom: 20px; }
  .product .mapporti .img-list li { width: 3%; margin-right: .5%; } }

@media screen and (max-width: 648px) { .product .mapporti .img-scroll { margin-top: 20px; }
  .product .mapporti .img-list li { width: 4.5%; margin-right: 1%; }
  .product .mapporti p { font-size: 14px; font-size: 1.4rem; } }

.product .down { padding-top: 12px; }

.product .down li { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px dashed #bab6b6; }

.product .down li .limg { width: 64px; }

.product .down li .limg a { display: block; }

.product .down li .limg a img { max-width: 100%; display: block; max-height: 100%; }

.product .down .ltxt { width: 549px; margin-left: 28px; }

.product .down .txttop { margin-bottom: 10px; }

.product .down .txttop a { display: block; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.product .down .txttop a:hover { color: #90c53f; }

.product .down .txtbot a { display: block; color: #555555; line-height: 26px; }

.product .down .txtbot a:hover { color: #90c53f; }

.product .down .rdown { margin-top: 38px; }

.product .down .rdown a { font-size: 14px; font-size: 1.4rem; color: #fff; display: block; width: 134px; height: 40px; line-height: 36px; text-indent: 50px; background: url(../images/download1.png) no-repeat center center; }

@media screen and (max-width: 1219px) { .product .down .ltxt { width: 400px; } }

@media screen and (max-width: 979px) { .product .down ul { margin-bottom: 0px; }
  .product .down .ltxt { width: -webkit-calc(100% - 260px); width: -moz-calc(100% - 260px); width: calc(100% - 260px); } }

@media screen and (max-width: 639px) { .product .down .txtbot a { font-size: 14px; font-size: 1.4rem; }
  .product .down .ltxt { width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); width: calc(100% - 0px); margin-left: 0; margin-top: 30px; } }

/*pro2_wrapper */
.pro2_wrapper { /*mouse hands*/ /* teer.js tsScrollResize offsetWidth*3 */ }

.pro2_wrapper #tsShopContainer li, .pro2_wrapper #tsShopContainer img { vertical-align: top; }

.pro2_wrapper #tsShopContainer { position: relative; float: left; width: 450px; }

.pro2_wrapper #tsShopContainer #tsImgS { text-align: center; width: 100%; position: relative; }

.pro2_wrapper #tsShopContainer #tsImgS a { display: block; text-align: center; margin: 0px auto; width: 450px !important; }

.pro2_wrapper #tsShopContainer #tsImgS img { border: 0px solid #d9d9d9; }

.pro2_wrapper #tsShopContainer #tsPicContainer { width: 100%; position: relative; height: 118px; margin-top: 10px; }

.pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSArrL { width: 21px; position: absolute; top: 0px; left: 0px; cursor: pointer; height: 118px; color: #90c53f; line-height: 118px; font-size: 24px; font-size: 2.4rem; }

.pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSArrR { width: 21px; position: absolute; top: 0px; right: 0px; cursor: pointer; height: 118px; color: #90c53f; line-height: 118px; font-size: 24px; font-size: 2.4rem; }

.pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSArrL:hover { color: #004098; }

.pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSArrR:hover { color: #004098; }

.pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon { position: absolute; top: 1px; left: 41px; width: 1px; overflow: hidden; height: 118px; }

.pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon ul { width: 100%; overflow: hidden; }

.pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon li { width: 131px; float: left; cursor: pointer; margin-left: 0px; margin-bottom: 0; }

.pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon li a { display: block; width: 118px; }

.pro2_wrapper #tsShopContainer #tsPicContainer #tsImgSCon li img { display: block; border: 0px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; width: 118px; height: 118px; }

.pro2_wrapper .MagicZoomBigImageCont { border: 1px solid #f0f0f0; background: #FFF; }

.pro2_wrapper .MagicZoomPup { border: 0px solid #aaa; background: #ffffff; }

.pro2_wrapper .MagicZoomMain { text-align: center !important; width: 92px; }

.pro2_wrapper .MagicZoomBigImageCont img { max-width: 1006px; display: block; }

.pro2_wrapper .content { width: 408px; padding-top: 18px; }

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

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

.pro2_wrapper .content .title2 { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 28px; }

.pro2_wrapper .btnt { max-width: 348px; width: 100%; margin-top: 32px; margin-bottom: 23px; }

.pro2_wrapper .btnt a, .pro2_wrapper .btnt span { display: block; font-size: 16px; font-size: 1.6rem; color: #fff; width: 141px; height: 41px; line-height: 41px; text-align: center; background: #004098; color: #fff; }

.pro2_wrapper .btnt a:hover, .pro2_wrapper .btnt span:hover { background: #90c53f; }

.btnt span.no:hover { background: #004098; }

.pro2_wrapper .share1 { position: relative; display: flex; align-items: center; flex-wrap: wrap;}

.pro2_wrapper .share1 .span4 {margin-right: 14px; font-family: Arial; font-size: 14px; font-size: 1.4rem; color: #333; height: 26px; line-height: 26px; }
.pro2_wrapper .share1 #st-1 .st-btn {width: 26px; height: 26px; line-height: 26px; text-align: center; padding:0;}
.pro2_wrapper .share1 #st-1 .st-btn img {top:0; vertical-align: middle; margin:0 auto; max-width: none; width: 16px; height: 16px;}
.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: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 12px; }

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

.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; } }

.pro2_wrapper .img980 { display: none; }

.pro2_wrapper .img980 .img-scroll { position: relative; width: 100%; }

.pro2_wrapper .img980 .img-scroll .prev { position: absolute; display: block; width: 16px; height: 16px; top: 50%; margin-top: -8px; z-index: 99; }

.pro2_wrapper .img980 .img-scroll .next { position: absolute; display: block; width: 16px; height: 16px; top: 50%; margin-top: -8px; z-index: 99; }

.pro2_wrapper .img980 .img-scroll .prev { left: 0; cursor: pointer; }

.pro2_wrapper .img980 .img-scroll .next { right: 0; cursor: pointer; }

.pro2_wrapper .img980 .img-scroll .prev:hover { left: 0; cursor: pointer; }

.pro2_wrapper .img980 .img-scroll .next:hover { right: 0; cursor: pointer; }

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

.pro2_wrapper .img980 .img-list ul { width: 1000%; }

.pro2_wrapper .img980 .img-list li { float: left; width: 3%; margin-right: .5%; }

.pro2_wrapper .img980 .img-list li .m3lien { max-width: 213px; text-align: center; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; margin: 0 auto; }

.pro2_wrapper .img980 .img-list li .m3lien img { display: block; max-width: 213px; max-height: 213px; width: 100%; margin: 0 auto; }

@media screen and (max-width: 1220px) { .pro2_wrapper .MagicZoomBigImageCont { display: none !important; }
  .pro2_wrapper .MagicZoomMain { display: none !important; }
  .pro2_wrapper .MagicZoomPup { display: none !important; }
  .pro2_wrapper .content { width: 100%; float: none; padding-top: 20px; }
  .pro2_wrapper #tsShopContainer { margin: 0 auto; max-width: 503px; width: 100%; float: none; }
  .pro2_wrapper .share1 { padding-top: 10px; } }

@media screen and (max-width: 999px) { .pro2_wrapper #tsShopContainer { display: none; }
  .pro2_wrapper .img980 { display: block; }
  .pro2_wrapper .img980 .img-scroll { margin-top: 0px; }
  .pro2_wrapper .btnt { margin-top: 20px; } }

@media screen and (max-width: 638px) { .pro2_wrapper .btnt { max-width: 339px; width: 100%; margin-top: 32px; }
  .pro2_wrapper .btnt a, .pro2_wrapper .btnt span { width: 48%; }
  .pro2_wrapper .img980 .img-list li { width: 4.5%; margin-right: 1%; } }

/*==========service2==================*/
.service2 { padding-bottom: 30px; min-height: 70vh; }

.service2 .header_form2 { -moz-border-radius: 10px; border-radius: 10px; max-width: 396px; margin-bottom: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; background: transparent; width: 100%; height: 43px; line-height: 43px; position: relative; z-index: 999; }

.service2 .header_form2 .tex { font-size: 12px; font-size: 1.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: transparent; text-indent: 17px; width: 100%; line-height: 43px; height: 43px; display: inline-block; color: #cccccc; }

.service2 .header_form2 .sub { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 5px; border-left: 1px solid #cccccc; position: absolute; top: 0px; right: 0px; height: 31px; width: 40px; font-size: 0px; cursor: pointer; z-index: 99; }

.service2 .header_form2 i { position: absolute; top: 1px; right: 11px; font-size: 16px; color: #01a4ed; }

.service2 .service2_ul1 { padding-bottom: 5px; }

.service2 .service2_ul1 li { margin-bottom: 43px; padding-bottom: 22px; border-bottom: 1px dashed #bab6b6; }

.service2 .service2_ul1 li .limg { width: 64px; }

.service2 .service2_ul1 li .limg a { display: block; }

.service2 .service2_ul1 li .limg a img { max-width: 100%; display: block; max-height: 100%; }

.service2 .service2_ul1 .ltxt { width: 950px; margin-left: 20px; }

.service2 .service2_ul1 .txttop { margin-bottom: 12px; }

.service2 .service2_ul1 .txttop a { display: block; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.service2 .service2_ul1 .txttop a:hover { color: #90c53f; }

.service2 .service2_ul1 .txtbot a { display: block; color: #555555; line-height: 26px; }

.service2 .service2_ul1 .txtbot a:hover { color: #90c53f; }

.service2 .service2_ul1 .rdown { margin-top: 39px; }

.service2 .service2_ul1 .rdown a { font-size: 14px; font-size: 1.4rem; color: #fff; display: block; width: 134px; height: 40px; line-height: 36px; text-indent: 50px; background: url(../images/download1.png) no-repeat center center; }

@media screen and (max-width: 1219px) { .service2 .service2_ul1 .ltxt { width: 700px; } }

@media screen and (max-width: 979px) { .service2 .service2_ul1 { margin-bottom: 0px; }
  .service2 .service2_ul1 .ltxt { width: -webkit-calc(100% - 260px); width: -moz-calc(100% - 260px); width: calc(100% - 260px); } }

@media screen and (max-width: 639px) { .service2 .service2_ul1 .txtbot a { font-size: 14px; font-size: 1.4rem; }
  .service2 .service2_ul1 .ltxt { width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); width: calc(100% - 0px); margin-left: 0; margin-top: 30px; } }

/*==========solu_top==================*/
.solu_top { background: url(../images/solu_top.png) no-repeat center top; padding-top: 117px; padding-bottom: 152px; }

.solu_top .title { color: #fff; font-size: 60px; font-size: 6rem; text-align: center; font-weight: bold; padding-bottom: 30px; }

.solu_top .title2 { color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: center; max-width: 1139px; margin: 0 auto; max-height: 90px; overflow: hidden; }

@media screen and (max-width: 768px) { .solu_top { padding-top: 50px; padding-bottom: 50px; }
  .solu_top .title { font-size: 30px; font-size: 3rem; }
  .solu_top .title2 { font-size: 14px; font-size: 1.4rem; } }

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

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

/*==========solu_top2==================*/
.solu_top2 { background: #dedfe0; }

.solu_top2 #tab { overflow: hidden; text-align: center; }

.solu_top2 #tab li { cursor: pointer; display: inline-block; margin: 0px 30px; line-height: 60px; border-bottom: 2px solid transparent; font-size: 16px; font-size: 1.6rem; font-weight: bold; text-transform: uppercase; }

.solu_top2 a { display: block; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.solu_top2 #tab li:hover { border-color: #004098; }

.solu_top2 #tab li:hover a { color: #004098; }

.solu_top2 #tab li.current { border-color: #004098; }

.solu_top2 #tab li.current a { color: #004098; }

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

@media screen and (max-width: 768px) { .solu_top2 #tab li { width: 31%; display: block; margin: 0px 1%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 638px) { .solu_top2 #tab li { width: 48%; display: block; margin: 10px 1%; } }

/*==========solu_top3==================*/
.solu_top3 { padding-top: 65px; }

.solu_top3 #content .chanxn { display: none; width: 100%; }

.solu_top3 .title { font-size: 24px; font-size: 2.4rem; text-transform: uppercase; text-align: center; font-weight: bold; padding-bottom: 2px; }

.solu_top3 .title2 { font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: center; padding-bottom: 10px; background: url(../images/solu_top2.png) no-repeat center bottom; }

.solu_top3 .newsx { font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 30px; margin-top: 20px; padding-bottom: 100px; }

.solu_top3 .newsx a { color: #90c53f; line-height: 30px; color: #90c53f; }

.solu_top3 .newsx p { margin-bottom: 30px; }

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

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

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

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

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

.solu_top3 .m3_ul2 { padding-bottom: 50px; }

.solu_top3 .m3_ul2 li { width: 100%; margin-bottom: 20px; }

.solu_top3 .m3_ul2 li:hover { color: #90c53f; }

.solu_top3 .m3_ul2 li:hover .more { background: #004098; color: #fff; }

.solu_top3 .m3_ul2 .m3_wrao { position: relative; min-height: 248px; padding-left: 319px; }

.solu_top3 .m3_ul2 .m3_wrao .img { position: absolute; left: 0px; top: 0px; max-width: 284px; width: 100%; margin: 0 auto; }

.solu_top3 .m3_ul2 .ntitle3 { display: block; margin-top: 8px; font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.solu_top3 .m3_ul2 .more { margin-top: 2px; margin-bottom: 12px; width: 145px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #004098; color: #004098; font-size: 14px; font-size: 1.4rem; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.solu_top3 .m3_ul2 p { margin-top: 18px; margin-bottom: 24px; font-size: 14px; font-size: 1.4rem; line-height: 26px; }

.solu_top3 .m3_ul2 p a { color: #333333; display: block; max-height: 130px; overflow: hidden; }

@media screen and (max-width: 999px) { .solu_top3 .m3_ul2 li { width: 100%; margin: 0 auto; float: none; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .solu_top3 .m3_ul2 .m3_wrao { padding: 0px; }
  .solu_top3 .m3_ul2 .m3_wrao .img { position: relative; display: block; margin: 0 auto; }
  .solu_top3 .m3_ul2 .ntitle3 { font-size: 20px; font-size: 2rem; margin-top: 10px; }
  .solu_top3 .m3_ul2 .more { float: none; margin-top: 10px; }
  .solu_top3 .m3_ul2 p { margin-top: 5px; } }

.solu_top3 .ttile31 { text-align: center; font-size: 24px; font-size: 2.4rem; font-weight: bold; margin-bottom: 51px; }

.solu_top3 .ttile31 span { display: inline-block; border-bottom: 2px solid #004098; padding-bottom: 13px; }

.solu_top3 .m2_ul { padding-bottom: 23px; display: flex; flex-wrap: wrap; }

.solu_top3 .m2_ul li { float: left; width: 280px; margin-left: 26px; margin-bottom: 38px; }

.solu_top3 .m2_ul a { display: block; }

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

.solu_top3 .m2_ul .wrap { display: block; max-width: 280px; width: 100%; margin: 0 auto; }

.solu_top3 .m2_ul .wrap2 { display: block; max-width: 280px; width: 100%; margin: 0 auto; padding: 7px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.solu_top3 .m2_ul p { font-size: 16px; font-size: 1.6rem; line-height: 26px; }

.solu_top3 .m2_ul p a { color: #313131; display: block; font-weight: bold; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.solu_top3 .m2_ul a.more { color: #333333; font-size: 14px; font-size: 1.4rem; line-height: 24px; max-height: 48px; overflow: hidden; margin-top: 3px; }

@media screen and (max-width: 1219px) { .solu_top3 .m2_ul li { width: 23%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .solu_top3 .m2_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

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

.soli31 { padding-bottom: 61px; position: relative; }

.soli31 .m3_wrao { position: relative; min-height: 347px; padding-left: 601px; }

.soli31 .m3_wrao img { display: block; }

.soli31 .m3_wrao .img { position: absolute; left: 0px; top: 0px; max-width: 560px; width: 100%; margin: 0 auto; border: 1px solid #cdcdcd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.soli31 .ntitle3 { display: block; margin-top: 8px; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; font-weight: bold; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.soli31 .more { margin-top: 2px; margin-bottom: 12px; width: 145px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; font-size: 1.6rem; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #004098; color: #fff; }

.soli31 p { margin-top: 24px; margin-bottom: 51px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.soli31 p a { color: #333333; display: block; max-height: 150px; overflow: hidden; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .soli31 .m3_wrao .img { width: 48%; }
  .soli31 .m3_wrao { padding-left: 50%; } }

@media screen and (max-width: 999px) { .soli31 .m3_wrao { padding: 0px; min-height: auto; }
  .soli31 .m3_wrao .img { position: relative; display: block; margin: 0 auto; }
  .soli31 .ntitle3 { font-size: 20px; font-size: 2rem; margin-top: 30px; }
  .soli31 .more { float: none; margin-top: 10px; }
  .soli31 p { margin-top: 5px; font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

.soli312 { padding-bottom: 61px; position: relative; }

.soli312 .m3_wrao { position: relative; min-height: 347px; width: 48%; padding-left: 0px; }

.soli312 img { display: block; }

.soli312 .img { position: absolute; right: 0px; top: 0px; max-width: 560px; width: 100%; margin: 0 auto; border: 1px solid #cdcdcd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.soli312 .ntitle3 { display: block; margin-top: 8px; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; font-weight: bold; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.soli312 .more { margin-top: 2px; margin-bottom: 12px; width: 145px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; font-size: 1.6rem; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #004098; color: #fff; }

.soli312 p { margin-top: 24px; margin-bottom: 51px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.soli312 p a { color: #333333; display: block; max-height: 150px; overflow: hidden; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .soli312 .img { width: 48%; } }

@media screen and (max-width: 999px) { .soli312 .m3_wrao { padding: 0px; width: 100%; min-height: auto; }
  .soli312 .img { position: relative; display: block; margin: 0 auto; }
  .soli312 .ntitle3 { font-size: 20px; font-size: 2rem; margin-top: 30px; }
  .soli312 .more { float: none; margin-top: 10px; }
  .soli312 p { margin-top: 5px; font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

/*==========news2==================*/
.news2 { position: relative; }

.news2 .title1 h1 { font-size: 20px; font-size: 2rem; line-height: 26px; padding-bottom: 20px; color: #313131; border-bottom: 1px solid #cccccc; }

.news2 .title12 h1 { text-transform: uppercase; font-size: 24px; font-size: 2.4rem; line-height: 26px; padding-bottom: 20px; color: #333; text-align: center; }

.news2 .time { border-bottom: 1px solid #cccccc; padding-bottom: 8px; margin-bottom: 18px; }

.news2 .time span.sapn1 { color: #666666; font-weight: normal; display: inline-block; line-height: 26px; height: 26px; }

.news2 .share1 { position: relative; display: inline-block; width: 235px; margin-left: 13px; top:8px; }

.news2 .share1 .span4 { font-family: Arial; font-size: 14px; font-size: 1.4rem; color: #666666; height: 26px; line-height: 26px; }

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

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

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

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

.news2 .news2x { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 20px; margin-bottom: 40px; }

.news2 .news2x a { color: #90c53f; line-height: 30px; }

.news2 .news2x img { display: block; max-width: 100%; }

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

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

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

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

.news2 .updown { margin-top: 29px; padding-top: 29px; border-top: 1px solid #cccccc; padding-bottom: 91px; }

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

.news2 .updown p { line-height: 32px; font-size: 16px; font-size: 1.6rem; color: #333; }

.news2 .updown p .img { display: inline-block; font-size: 26px; font-size: 2.6rem; position: relative; top: 3px; margin-right: 5px; }

.news2 .updown p .on { color: #004098; }

.news2 .updown p span { font-size: 16px; font-size: 1.6rem; color: #333; }

.news2 .updown p a { font-size: 16px; font-size: 1.6rem; color: #333; }

.news2 .updown p a:hover { color: #004098; }

@media screen and (max-width: 768px) { .news2 .title1 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; }
  .news2 .title12 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; } }

/*==========se_div1==================*/
.se_div1 { padding-bottom: 49px; background: url(../images/se_div1.png) repeat center top; }

.se_div1 .se_left { width: 400px; padding-top: 142px; }

.se_div1 .se_left .ttile { margin-bottom: 14px; font-size: 40px; font-size: 4rem; line-height: 40px; font-weight: bold; color: #fff; text-transform: uppercase; }

.se_div1 .se_left .title2 { font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #fff; }

.se_div1 .se_ul { width: 562px; padding-top: 73px; }

.se_div1 .se_ul li { width: 275px; margin-bottom: 20px; }

.se_div1 .se_ul .wrap { background: url(../images/se_ul2.png) no-repeat center top; display: block; max-width: 275px; width: 100%; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px; }

.se_div1 .se_ul .wrap2 { background: url(../images/se_ul.png) no-repeat center top; }

.se_div1 .se_ul a { color: #fff; display: block; }

.se_div1 .se_ul span { color: #fff; display: block; margin-top: 9px; margin-bottom: 30px; font-size: 18px; font-size: 1.8rem; }

@media screen and (max-width: 1219px) { .se_div1 .se_left { width: 100%; float: none; margin: 0 auto; padding-top: 40px; }
  .se_div1 .se_right { width: 100%; }
  .se_div1 .se_ul { width: 100%; float: none; margin: 0 auto; padding-top: 40px; }
  .se_div1 .se_ul li { width: 23%; margin: 0 1%; }
  .se_div1 .se_ul span { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 998px) { .se_div1 .se_ul { width: 100%; float: none; margin: 0 auto; padding-top: 40px; }
  .se_div1 .se_ul li { width: 48%; margin: 2% 1%; }
  .se_div1 .se_ul span { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 507px) { .se_div1 .se_left .ttile { font-size: 30px; font-size: 3rem; }
  .se_div1 .se_left .title2 { font-size: 14px; font-size: 1.4rem; }
  .se_div1 .se_ul { width: 100%; float: none; margin: 0 auto; padding-top: 40px; }
  .se_div1 .se_ul li { width: 98%; margin: 2% 1%; }
  .se_div1 .se_ul span { font-size: 14px; font-size: 1.4rem; } }

/*==========service==================*/
.service { padding-top: 38px; padding-bottom: 79px; }

.service .service_div { padding-bottom: 24px; }

.service .ser_left { width: 299px; margin-right: 6px; }

.service .ser_left .wrap { background: url(../images/se_u22.png) no-repeat center top; display: block; max-width: 299px; width: 100%; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px 40px; }

.service .ser_left a { color: #fff; display: block; }

.service .ser_left span { color: #fff; display: block; margin-top: 33px; margin-bottom: 30px; font-size: 18px; font-size: 1.8rem; }

.service .ser_left2 .wrap { position: relative; }

.service .ser_left2 a { display: block; }

.service .ser_left2 img { display: block; }

.service .ser_left2 .fu { position: absolute; right: 20px; top: 32px; width: 322px; text-align: right; }

.service .ser_left2 span { display: block; font-size: 28px; font-size: 2.8rem; line-height: 30px; padding-bottom: 10px; background: url(../images/ser_left2.png) no-repeat right bottom; }

.service .ser_left2 p { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 12px; }

.service .ser_left3 .wrap { position: relative; }

.service .ser_left3 .fu { position: absolute; left: 28px; top: 36px; width: 367px; }

.service .ser_left3 .title31 { color: #fff; font-size: 24px; font-size: 2.4rem; line-height: 30px; text-align: left; }

.service .ser_left3 .title32 { font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #fff; text-align: left; margin-top: 4px; margin-bottom: 20px; }

.service .ser_left3 .title33 { font-size: 24px; font-size: 2.4rem; color: #fff; text-align: right; }

.service .ser_left3 .title33 span { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.service .ser_left4 { width: 235px; margin-left: 3px; }

.service .ser_left4 .wrap { background: url(../images/se_u22.png) no-repeat center top; display: block; max-width: 235px; width: 100%; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px 40px; }

.service .ser_left4 .wrap2 { background: url(../images/ser_left4.png) no-repeat center top; }

.service .ser_left4 a { color: #fff; display: block; }

.service .ser_left4 span { color: #fff; display: block; margin-top: 33px; margin-bottom: 30px; font-size: 18px; font-size: 1.8rem; }

@media screen and (max-width: 1219px) { .service .ser_left { width: 188px; }
  .service .ser_left4 { width: 162px; } }

@media screen and (max-width: 999px) { .service .ser_left { width: 48%; margin: 0 1%; }
  .service .ser_left2 { width: 100%; margin: 10px auto; float: left; }
  .service .ser_left2 .wrap { max-width: 588px; width: 100%; float: none; margin: 0 auto; }
  .service .ser_left3 { width: 100%; float: left; }
  .service .ser_left3 .wrap { max-width: 484px; width: 100%; float: none; margin: 0 auto; }
  .service .ser_left4 { width: 31.33%; margin: 0 1%; } }

@media screen and (max-width: 648px) { .service .ser_left2 .fu { position: relative; left: 0px; top: 0px; text-align: left; width: 100%; margin-top: 10px; }
  .service .ser_left2 span { background: url(../images/ser_left2.png) no-repeat left bottom; }
  .service .ser_left3 { margin-bottom: 20px; }
  .service .ser_left3 .fu { position: relative; left: 0px; top: 0px; text-align: left; width: 100%; margin-top: 10px; }
  .service .ser_left3 .title31 { color: #333; font-size: 20px; font-size: 2rem; line-height: 30px; text-align: left; }
  .service .ser_left3 .title32 { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #333; text-align: left; margin-top: 4px; margin-bottom: 20px; }
  .service .ser_left3 .title33 { font-size: 20px; font-size: 2rem; color: #333; text-align: left; }
  .service .ser_left3 .title33 span { font-size: 14px; font-size: 1.4rem; line-height: 30px; } }

@media screen and (max-width: 638px) { .service .ser_left4 { width: 48%; margin: 2% 1%; } }

/*-------------5-1-faq start---------------------------------------------------------------*/
.subNavBox1 { border-bottom: solid 1px #E6E6E6; margin-bottom: 60px; font-family: arial; margin-top: -23px; }

.subNav1 { line-height: 28px; padding-bottom: 14px; padding-top: 23px; cursor: pointer; font-size: 16px; font-size: 1.6rem; border-top: solid 1px #E6E6E6; }

.subNav1:first-child { border: 0; }

.subNav1.currentDt1 a { background: url(../images/faq2.png) no-repeat left 7px; }

.subNav1 a { display: block; line-height: 28px; padding-left: 27px; background: url(../images/faq1.png) no-repeat left 7px; color: #333; }

.navContent1 { display: none; line-height: 26px; padding-bottom: 18px; margin-top: -5px; }

.navContent1 p { padding-left: 27px; color: #666666; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

@media screen and (max-width: 1219px) { .subNavBox1 { margin: -30px 0 70px; }
  .navContent1 { margin-top: 0; } }

@media screen and (max-width: 999px) { .subNavBox1 { margin: 0 0 50px; }
  .subNav1 { padding: 15px 0; }
  .navContent1 { padding-bottom: 15px; } }

@media screen and (max-width: 767px) { .subNavBox1 { margin: 0 0 30px; }
  .subNav1 { padding: 10px 0; font-size: 14px; font-size: 1.4rem; }
  .navContent1 { padding-bottom: 10px; }
  .navContent1 p { font-size: 14px; font-size: 1.4rem; } }

/*-------------5-1-faq end-----------------------------------------------------------------*/
/*==========service4==================*/
.service4 .m1_ul li { width: 395px; float: left; margin-left: 7px; margin-bottom: 40px; }

.service4 .m1_ul .wrap { background: #fff; max-width: 395px; width: 100%; margin: 0 auto; }

.service4 .m1_ul p a { color: #666666; display: block; font-size: 16px; font-size: 1.6rem; line-height: 50px; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }

.service4 .litop { max-width: 395px; width: 100%; position: relative; padding-bottom: 55%; height: 0; overflow: hidden; }

.service4 .litop iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.service4 .litop iframe body { margin: 0px !important; }

.service4 .litop svg { background: #fff; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; font-size: 64px; z-index: 99; }

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

@media screen and (max-width: 638px) { .service4 .m1_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; }
  .service4 .litop svg { font-size: 30px; font-size: 3rem; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; }
  .service4 .m1_ul p a { font-size: 14px; font-size: 1.4rem; } }

/*==========service5==================*/
.service5 { padding-bottom: 71px; }

.service5 .title { font-size: 30px; font-size: 3rem; text-align: center; margin-bottom: 66px; padding-bottom: 16px; background: url(../images/service5.png) no-repeat center bottom; }

.service5 .title22 { font-size: 20px; font-size: 2rem; color: #004098; line-height: 30px; }

.service5 .title23 { font-size: 30px; font-size: 3rem; text-align: center; text-transform: uppercase; padding-bottom: 16px; background: url(../images/service52.png) no-repeat center bottom; }

.service5 .newsx { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 50px; padding-bottom: 24px; }

.service5 .newsx a { color: #90c53f; line-height: 30px; color: #90c53f; }

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

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

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

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

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

@media screen and (max-width: 638px) { .service5 .newsx { font-size: 14px; font-size: 1.4rem; } }

.service5 .newsx2 { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 20px; padding-bottom: 44px; }

.service5 .newsx2 a { color: #90c53f; line-height: 30px; color: #90c53f; }

.service5 .newsx2 img { display: block; max-width: 100%; }

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

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

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

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

@media screen and (max-width: 638px) { .service5 .newsx2 { font-size: 14px; font-size: 1.4rem; } }

.service5 form { max-width: 1149px; }

.service5 form ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

.service5 form :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.service5 form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.service5 form :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

.service5 .c_div { margin-top: 37px; position: relative; }

.service5 .c_div2 { margin-top: 37px; position: relative; }

.service5 .c_nr { width: 45.3%; position: relative; }

.service5 .iconfont:before { position: absolute; left: 0px; top: 0px; color: #a6a6a6; font-size: 26px; font-size: 2.6rem; }

.service5 .c_input, .service5 .c_captcha { border-bottom: solid 1px #c7c5c4; font-size: 14px; font-size: 1.4rem; color: #999999; height: 39px; line-height: 37px; font-family: Arial; }

.service5 .c_input { width: 100%; padding-left: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Arial; }

.service5 .c_textarea { line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #999999; padding-left: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Arial; width: 100%; border-bottom: solid 1px #c7c5c4; height: 148px; }

.service5 .c_yzm { float: left; margin-top: 2px; cursor: pointer; margin-right: 13px; }

.service5 .c_captcha { float: left; width: 60%; }

.service5 .c_send { float: right; width: 100%; font-size: 18px; font-size: 1.8rem; background: #369be9; color: #fff; height: 40px; line-height: 38px; cursor: pointer; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; margin-top: 2px; }

.service5 .c_send:hover { background: #aaa; }

@media screen and (max-width: 999px) { .service5 .c_captcha { width: 50%; }
  .service5 .c_lx { width: 80%; float: none; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; } }

@media screen and (max-width: 839px) { .service5 .c_nr { width: 48%; } }

@media screen and (max-width: 759px) { .service5 .c_div, .service5 .c_div2 { margin-top: 30px; }
  .service5 .c_div2 .c_nr { float: none; width: 100%; }
  .service5 .c_send { float: left; margin-top: 30px; }
  .service5 .c_captcha { width: 65%; }
  .service5 .c_lx { width: 90%; } }

@media screen and (max-width: 579px) { .service5 .title { font-size: 20px; font-size: 2rem; }
  .service5 .title2 { font-size: 14px; font-size: 1.4rem; }
  .service5 .c_xp { margin-top: 40px; }
  .service5 .c_div, .service5 .c_div2 { margin-top: 20px; }
  .service5 .c_nr { float: none; width: 100%; margin: 0 auto; margin-top: 25px; }
  .service5 .c_send { margin-top: 10px; }
  .service5 .c_captcha { width: 55%; } }

@media screen and (max-width: 459px) { .service5 .c_captcha { width: 100%; float: left; margin-top: 25px; } }

/*==========contact==================*/
.contact { padding-bottom: 1px; /* contact_top */ /* c_left */ /* c_right */ }

.contact .contact_top { padding-bottom: 17px; background: #e5e5e5 url(../images/conleft1.png) no-repeat left top; -moz-border-radius: 8px; border-radius: 8px; }

.contact .c_left { width: 465px; padding-top: 62px; padding-bottom: 1px; -moz-border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px; }

.contact .c_left_wrap { width: 363px; margin: 0 auto; }

.contact .c_left_wrap .c_title { margin-bottom: 25px; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 26px; }

.contact .c_left_wrap .c_tiyl { font-size: 16px; font-size: 1.6rem; margin-bottom: 26px; color: #fff; line-height: 26px; }

.contact .c_left_wrap .c_tiyl a { color: #fff; }

.contact .c_left_wrap .c_tiyl a:hover { color: #90c53f; }

.contact .c_right { float: right; width: 47%; margin-right: 84px; }

.contact .c_right .c_xp { padding-top: 13px; }

.contact .c_right .c_bt { width: 14px; float: left; color: #ff0000; font-family: Verdana; line-height: 36px; height: 36px; font-size: 14px; font-size: 1.4rem; }

.contact .c_right .c_div1 { padding-bottom: 18px; }

.contact .c_right .c_div2 { padding-bottom: 20px; }

.contact .c_right .c_div3 { padding-bottom: 20px; }

.contact .c_right .c_div4 { padding-top: 2px; margin-bottom: 5px; }

.contact .c_right .c_input1 { float: left; line-height: 35px; height: 35px; font-size: 12px; font-size: 1.2rem; text-indent: 14px; color: #666666; width: 547px; border: solid 1px #cccccc; background: #fff; }

.contact .c_right .c_textarea { font-family: Arial; float: left; font-size: 12px; font-size: 1.2rem; text-indent: 14px; color: #666666; width: 544px; border: solid 1px #cccccc; line-height: 26px; padding-top: 1px; height: 211px; background: #fff; }

.contact .c_right .c_captcha { font-size: 12px; font-size: 1.2rem; background: #fff; width: 154px; float: left; line-height: 35px; height: 35px; text-indent: 9px; color: #666666; border: solid 1px #cccccc; }

.contact .c_right .c_yzm { float: left; margin-left: 19px; cursor: pointer; }

.contact .c_right .c_send { float: right; text-align: center; color: #fff; background: #004098; width: 181px; height: 37px; line-height: 35px; font-size: 14px; font-size: 1.4rem; cursor: pointer; font-weight: bold; }

.contact .c_title2 { padding-top: 23px; padding-left: 14px; line-height: 30px; font-weight: bold; font-size: 24px; font-size: 2.4rem; color: #004098; text-transform: uppercase; padding-bottom: 3px; }

.contact .map { margin: 50px auto 117px; }

.contact .map img { display: block; max-width: 1200px; max-height: 381px; width: 100%; }

@media screen and (max-width: 1219px) { .contact .c_right { margin-right: 13px; }
  .contact .c_right .c_div1, .contact .c_right .c_div2, .contact .c_right .c_div3 { padding-bottom: 16px; }
  .contact .c_right .c_input1 { width: 96%; }
  .contact .c_right .c_textarea { width: 96%; }
  .contact .c_right .c_send { width: 116px; }
  .contact .c_left { width: 399px; background: #e5e5e5 url(../images/conleft1.png) no-repeat left top; } }

@media screen and (max-width: 999px) { .contact .contact_top { background: #e5e5e5; }
  .contact .map { margin: 20px auto 50px; }
  .contact .c_left { float: none; width: 95%; margin: 0 auto; max-width: 399px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; }
  .contact .c_right { float: none; width: 95%; margin: 0 auto; margin-top: 20px; }
  .contact .c_right .c_title2 { padding-top: 0px; }
  .contact .c_right .c_send { width: 95%; margin-left: 14px; margin-top: 15px; float: left; }
  .contact .c_left_wrap { width: 90%; }
  .contact .c_left_wrap .c_title { margin-bottom: 20px; } }

@media screen and (max-width: 500px) { .contact .c_left_wrap .c_tiyl { margin-bottom: 15px; font-size: 14px; font-size: 1.4rem; }
  .contact .c_right .c_input1 { width: 90%; }
  .contact .c_right .c_textarea { width: 90%; }
  .contact .c_right .c_send { width: 90%; }
  .contact .c_right .c_captcha { width: 90%; margin-bottom: 20px; }
  .contact .c_right .c_yzm { margin-left: 12px; } }

/*==========newe_top==================*/
.newe_top { background: url(../images/newe_top.png) no-repeat center center; text-align: center; margin-bottom: 37px; }

.newe_top li { margin: 0px 35px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 196px; height: 60px; line-height: 60px; font-size: 16px; font-size: 1.6rem; text-align: center; border: 1px solid #dcdcdc; background: #004098; color: #fff; color: #fff; }

.newe_top li a { display: block; color: #fff; }

.newe_top li.on { background: #90c53f; }

.newe_top li.on a { color: #ffff; }

.newe_top li:hover { background: #90c53f; }

.newe_top li:hover a { color: #ffff; }

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

@media screen and (max-width: 638px) { .newe_top li { width: 48%; margin: 0px 1%; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 10px; } }

/*==========news==================*/
.news .news_wrp { margin-bottom: 57px; }

.news .nelie { border: 1px solid #f6f6f6; margin-top: 33px; }

.news .nelie1 { padding-top: 55px; padding-left: 56px; padding-right: 31px; padding-bottom: 31px; background: #ffffff; margin-bottom: 9px; }

.news .nelie2 { padding-top: 55px; padding-right: 94px; padding-left: 10px; background: #f6f6f6; padding-bottom: 33px; margin-bottom: 9px; }

.news .nelie1 .nelietu { float: right; }

.news .nelie1 .nelien { float: left; width: 654px; }

.news .nelie2 .nelietu { float: left; }

.news .nelie2 .nelien { float: right; width: 699px; }

.news .nelietu { display: block; width: 340px; }

.news .nelietu img { display: block; max-width: 340px; max-height: 302px; width: 100%; margin: 0 auto; }

.news .neliebiao { display: block; font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #333; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 30px; }

.news .neliebiao:hover { color: #90c53f; }

.news .nelien p { margin-top: 23px; margin-bottom: 31px; }

.news .nelien p a { display: block; color: #666666; line-height: 36px; font-size: 16px; font-size: 1.6rem; height: 144px; overflow: hidden; }

.news .nelien p a:hover { color: #90c53f; }

.news .neshang { height: 302px; }

.news .neliemor { width: 300px; height: 81px; background: url(../images/yinying.png) no-repeat bottom center; float: left; margin-top: 14px; }

.news .neliemor a { display: block; width: 278px; height: 52px; background: #3d63c3; text-transform: uppercase; color: #fff; line-height: 52px; text-align: center; font-size: 18px; font-size: 1.8rem; }

.news .nelien span { float: right; color: #333; margin-top: 22px; font-size: 16px; font-size: 1.6rem; }

.news .neliemor a:hover { background: #90c53f; }

.news .new_fix { max-width: 572px; width: 100%; }

.news .nelie2 .neliemor { float: right; }

.news .nelie2 span { float: left; margin-left: 0px; }

.news .icon-calendar3:before { color: #3d63c3; font-weight: bold; font-size: 20px; font-size: 2rem; margin-right: 15px; }

@media screen and (max-width: 1219px) { .news .nelie1 .nelien { width: 513px; }
  .news .nelie1 .nelietu { width: 300px; }
  .news .nelie2 .nelien { width: 513px; }
  .news .nelietu { width: 300px; } }

@media screen and (max-width: 999px) { .news .nelie1 .nelien { width: 100%; float: none; margin: 0 auto; }
  .news .nelie1 .nelietu { width: 100%; float: none; margin: 0 auto; margin-bottom: 20px; }
  .news .nelie2 .nelietu { width: 100%; float: none; margin: 0 auto; margin-bottom: 20px; }
  .news .nelie2 .nelien { width: 100%; float: none; margin: 0 auto; }
  .news .nelietu { width: 100%; float: none; margin: 0 auto; margin-bottom: 20px; }
  .news .nelien p { margin: 10px 0px; }
  .news .nelien p a { max-height: 108px; overflow: hidden; }
  .news .nelie2 .neliemor { float: none; }
  .news .nelie2 span { margin-top: 10px; font-size: 16px; font-size: 1.6rem; line-height: 30px; display: block; }
  .news .neliemor { float: none; }
  .news .nelien span { margin-top: 10px; font-size: 16px; font-size: 1.6rem; float: none; line-height: 30px; display: block; }
  .news .neliemor a { float: none; }
  .news .nelie1 { padding: 20px; }
  .news .nelie2 { padding: 20px; } }

@media screen and (max-width: 768px) { .news .nelie2 .nelietu { float: none; }
  .news .nelie1 { padding: 10px; }
  .news .nelie2 { padding: 10px; }
  .news .neliebiao { font-size: 20px; font-size: 2rem; }
  .news .nelien p a { font-size: 14px; font-size: 1.4rem; line-height: 30px; max-height: 90px; overflow: hidden; }
  .news .neliemor { max-width: 300px; width: 100%; }
  .news .neliemor a { max-width: 278px; width: 100%; } }

/* news22 */
.news22 .share1 { position: relative; display: block; width: 235px; margin: 33px auto 47px; }

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

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

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

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

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

.news22 .updown { margin-top: 29px; padding-top: 29px; border-top: 1px solid #d2d2d2; padding-bottom: 91px; }

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

.news22 .updown p { line-height: 32px; font-size: 16px; font-size: 1.6rem; color: #333; }

.news22 .updown p .img { display: inline-block; font-size: 26px; font-size: 2.6rem; position: relative; top: 3px; margin-right: 5px; }

.news22 .updown p .on { color: #004098; }

.news22 .updown p span { font-size: 16px; font-size: 1.6rem; color: #333; }

.news22 .updown p a { font-size: 16px; font-size: 1.6rem; color: #333; }

.news22 .updown p a:hover { color: #004098; }

.news22 .top1 .title1 h1 { font-size: 20px; font-size: 2rem; color: #313131; font-weight: bold; line-height: 30px; }

.news22 .top1 .time { margin-top: 9px; margin-bottom: 18px; }

.news22 .top1 .time span { font-size: 14px; font-size: 1.4rem; color: #666; font-weight: normal; display: inline-block; line-height: 26px; }

.news22 .newsx { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 20px; }

.news22 .newsx a { color: #90c53f; line-height: 30px; color: #004098; }

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

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

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

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

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

.news22 .new2_left { width: 798px; }

.news22 .new2_right { margin-bottom: 50px; }

.news22 .new2_right .back { display: block; font-size: 18px; font-size: 1.8rem; -moz-border-radius: 8px; border-radius: 8px; max-width: 222px; width: 100%; margin: 0 auto; height: 51px; line-height: 51px; text-align: center; color: #fff; background: #004098; margin-bottom: 20px; }

.news22 .new2_right .title { padding-top: 7px; margin-bottom: 6px; display: block; font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #004098; line-height: 40px; text-transform: uppercase; }

.news22 .top_imgtd { display: block; width: 8px; height: 20px; margin-bottom: 33px; }

.news22 .new2_right .ex_wrap { border: 1px solid #b3d3ec; width: 353px; margin: 0 auto; padding-bottom: 19px; background: #ffffff; }

.news22 .new2_right .ex_wrap dl { max-width: 319px; width: 100%; margin: 0 auto; margin-bottom: 19px; }

.news22 .new2_right .ex_wrap dl dd a { display: block; }

.news22 .new2_right .ex_wrap dl dd a.we_tit { padding-top: 13px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333; line-height: 24px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news22 .new2_right .ex_wrap dl dd .titlewen { display: block; line-height: 30px; margin-top: 0px; color: #666666; }

.news22 .new2_right .ex_wrap dl dt img { display: block; max-width: 340px; max-height: 302px; width: 100%; }

@media screen and (max-width: 1219px) { .news22 .new2_left { width: 605px; } }

@media screen and (max-width: 999px) { .news22 .new2_left { width: 545px; } }

@media screen and (max-width: 979px) { .news22 .new2_right { width: 100%; float: none; }
  .news22 .new2_left { width: 100%; float: none; } }

@media screen and (max-width: 400px) { .news22 .new2_right .ex_wrap { width: 100%; }
  .news22 .new2_right .ex_wrap dl { width: 90%; }
  .news22 .ex_wrap { width: 100%; }
  .news22 .ex_wrap dl { width: 90%; } }

/*==========about==================*/
.about .ab1l { width: 220px; float: left; background: url(../images/abtiao.png) no-repeat 10px 25px; }

.about .ab1l li { background: url(../images/huiquan.png) no-repeat left center; padding-left: 36px; margin-bottom: 25px; }

.about .ab1l li a { display: block; width: 182px; height: 34px; border: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 23px; line-height: 34px; font-size: 16px; font-size: 1.6rem; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.about .ab1l li:hover { background: url(../images/lanquan.png) no-repeat left center; }

.about .ab1l li:hover a { background: #1e5998; color: #fff; border: 1px solid #1e5998; }

.about .dangqianab { background: url(../images/lanquan.png) no-repeat left center !important; }

.about .dangqianab a { background: #1e5998 !important; color: #fff !important; border: 1px solid #1e5998 !important; }

.about .ab1r { width: 942px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .about .ab1r { width: 731px; float: right; } }

@media screen and (max-width: 999px) { .about .ab1l { width: 100%; background: none; float: none; }
  .about .ab1l li { background: none !important; padding-left: 0px; width: 30%; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; margin-top: 5px; }
  .about .ab1l li a { width: 100%; }
  .about .ab1r { width: 100%; float: none; padding-top: 20px; } }

@media screen and (max-width: 639px) { .about .ab1l li { width: 47%; } }

/*==========ab_top1==================*/
.ab_top1 { padding-bottom: 100px; }

.ab_top1 .title { color: #004098; font-size: 28px; font-size: 2.8rem; line-height: 30px; margin-top: 26px; margin-bottom: 14px; font-weight: bold; }

.ab_top1 .title2 p { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-bottom: 24px; }

.ab_top1 .ab_top12 { padding-top: 19px; padding-bottom: 27px; }

.ab_top1 .ab_top12 img { display: block;/* margin-left: 20px;*/ }

.ab_top1 .ab_top12 .title21 { padding-top: 19px; padding-bottom: 16px; font-size: 20px; font-size: 2rem; color: #004098; line-height: 30px; }

.ab_top1 .ab_top12 p { line-height: 26px; }

.ab_top1 .ab_top13 { padding-top: 19px; }

.ab_top1 .ab_top13 img { display: block; margin-right: 30px; }

.ab_top1 .ab_top13 p { line-height: 26px; padding-top: 8px; }

@media screen and (max-width: 1219px) { .ab_top1 .ab_top12 img { margin-bottom: 20px; } }

@media screen and (max-width: 999px) { .ab_top1 .ab_top13 img { display: block; margin: 0 auto; float: none; }
  .ab_top1 .ab_top12 img { display: block; margin: 0 auto; float: none; } }

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

.abbiao { display: block; font-size: 28px; font-size: 2.8rem; font-weight: bold; line-height: 30px; color: #004098; }

.ab1n1 { padding-top: 90px; }

.left-pro2 { width: 960px; margin: auto; margin-top: 27px; }

.left-pro2 .t1 { width: 161px; float: right; }

.left-pro2 .t1 a { display: block; padding-left: 6px; }

.left-pro2 .t1 img { width: 100%; max-width: 151px; max-height: 94px; margin-bottom: 5px; border: 2px solid #f5f5f5; }

.left-pro2 .t1 img:hover { border: 2px solid #004098; }

.left-pro2 .t1 a:hover { background: url(../images/zhizhen.jpg) no-repeat left 45px; }

.left-pro2 .t2 { width: 773px; float: left; overflow: hidden; position: relative; }

.left-pro2 .t2 img { display: block; width: 100%; max-width: 903px; max-height: 599px; overflow: hidden; }

.left-pro2 #gotop2 { text-align: center; cursor: pointer; display: block; font-size: 28px; font-size: 2.8rem; color: #6c7a81; width: 100%; height: 28px; margin-bottom: 7px; }

.left-pro2 #gobottom2 { cursor: pointer; text-align: center; display: block; width: 100%; font-size: 28px; font-size: 2.8rem; color: #6c7a81; height: 28px; margin-top: 7px; }

.left-pro2 #showArea2 { height: 418px; overflow: hidden; width: 161px; margin: 0px; }

#wenzi { display: block; position: absolute; width: 100%; height: 46px; bottom: 0px; left: 0px; background: #000; background: rgba(0, 0, 0, 0.5); text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 46px; color: #fff; }

.feiji_juyou { margin-right: 30px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .left-pro2 { width: 728px; }
  .left-pro2 #showArea2 { height: 278px; }
  .left-pro2 .t2 { width: 560px; }
  .left-pro2 .t1 img { width: 133px; } }

@media screen and (min-width: 1000px) { .gonglie { display: none; } }

@media screen and (max-width: 999px) { .ab1n1 { padding-top: 30px; }
  .left-pro2 { display: none; }
  .gonglie { padding-bottom: 30px; }
  .gonglien { display: block; width: 30%; margin-left: 1.5%; margin-right: 1.5%; margin-top: 20px; float: left; }
  .gongtu { display: block; }
  .gongtu img { width: 100%; max-width: 903px; max-height: 599px; }
  .gongzi { display: block; text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 30px; } }

@media screen and (max-width: 639px) { .gonglien { width: 47%; } }

/*==========ab_top3==================*/
.ab_top3 ul { width: 100%; padding-bottom: 35px; display: flex; flex-wrap: wrap;}

.ab_top3 li { float: left; width: 215px; margin-left: 27px; margin-bottom: 35px; }

.ab_top3 .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }

.ab_top3 .m4fu span { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -45px; color: #fff; font-size: 30px; font-size: 3rem; }

.ab_top3 .m4fu i { position: absolute; top: 50%; left: 0%; width: 100%; text-align: center; margin-top: 11px; color: #fff; font-size: 20px; font-size: 2rem; text-transform: uppercase; box-sizing: border-box; padding:0 0.75em; }

.ab_top3 img { display: block; max-width: 215px; max-height: 307px; width: 100%; margin: 0 auto; }

.ab_top3 .m4zi { display: block; margin: 0 auto; max-width: 215px; width: 100%; display: none; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; color: #333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ab_top3 .m3lien { max-width: 215px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; }

.ab_top3 .m3lien:hover .m4fu { top: 0; }

@media screen and (max-width: 1219px) { .ab_top3 li { width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 30px; } }

@media screen and (max-width: 999px) { .ab_top3 .m4zi { display: block; }
  .ab_top3 .m4fu { top: 0px; opacity: 0; } }

@media screen and (max-width: 768px) { .ab_top3 li { width: 31%; margin-bottom: 10px; } }

@media screen and (max-width: 638px) { .ab_top3 li { width: 48%; margin-bottom: 10px; } }

/*==========ab_ul5==================*/
.ab_ul5 { padding-bottom: 48px; }

.ab_ul5 li { display: block; width: 292px; float: left; margin-left: 33px; margin-bottom: 24px; }

.ab_ul5 a { display: block; margin: 0 auto; }

.ab_ul5 img { display: block; margin: 0 auto; width: 100%; max-width:290px; max-height: 244px; }

.ab_ul5 .wrap { border: 1px solid #eeeeee; background: #ffffff; max-width: 292px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ab_ul5 .img { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 292px; border-bottom: 1px solid #eeeeee; }

.ab_ul5 .p { height: 120px; overflow: hidden; padding: 14px 14px 6px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.ab_ul5 p { font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 1219px) { .ab_ul5 li { width: 31%; margin-left: 1%; margin-right: 1%; } }

@media screen and (max-width: 768px) { .ab_ul5 li { width: 48%; margin-left: 1%; margin-right: 1%; }
  .ab_ul5 .p { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 400px) { .ab_ul5 li { width: 98%; margin-left: 1%; margin-right: 1%; } }

.ab_top6 { padding-bottom: 111px; }

.zhanshi_tp2 { position: relative; width: 887px; margin: auto; margin-top: 46px; margin-bottom: 4px; }

.zhanshi_tp2 .ulBigPic { width: 715px; margin-left: 81px; overflow: hidden; }

.zhanshi_tp2 .ulBigPic li { width: 715px; display: none; position: relative; }

.abfu { position: absolute; width: 100%; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; line-height: 46px; bottom: 0px; left: 0px; background: #000; background: rgba(0, 0, 0, 0.5); }

.zhanshi_tp2 .ulBigPic .liSelected { display: block; }

.zhanshi_tp2 .ulBigPic img { display: block; width: 100%; max-width: 715px; max-height: 525px; }

.zhanshi_tp2 .dSmallPicBox { width: 887px; height: 106px; position: relative; margin-top: 32px; }

.zhanshi_tp2 .dSmallPic { width: 715px; height: 106px; position: absolute; left: 81px; top: 0px; overflow: hidden; }

.zhanshi_tp2 .dSmallPic ul { position: absolute; }

.zhanshi_tp2 .dSmallPic li { width: 190px; height: 106px; float: left; cursor: pointer; overflow: hidden; }

.zhanshi_tp2 .dSmallPic .sPic { width: 190px; height: 106px; display: block; }

.zhanshi_tp2 .dSmallPic .sPic img { width: 145px; height: 106px; }

.zhanshi_tp2 .sLeftBtnB, .zhanshi_tp2 .sLeftBtnBSel, .zhanshi_tp2 .sLeftBtnBBan, .zhanshi_tp2 .sRightBtnB, .zhanshi_tp2 .sRightBtnBSel, .zhanshi_tp2 .sRightBtnBBan { cursor: pointer; width: 39px; height: 39px; display: block; position: absolute; top: 34px; -moz-border-radius: 50%; border-radius: 50%; }

.zhanshi_tp2 #sRightBtnB { right: 0px; font-size: 38px; font-size: 3.8rem; color: #6c7a81; }

.zhanshi_tp2 #sRightBtnB:hover { right: 0px; font-size: 38px; font-size: 3.8rem; color: #1e5998; }

.zhanshi_tp2 #sLeftBtnB { left: 0px; font-size: 38px; font-size: 3.8rem; color: #6c7a81; }

.zhanshi_tp2 #sLeftBtnB:hover { left: 0px; font-size: 38px; font-size: 3.8rem; color: #1e5998; }

@media screen and (min-width: 1000px) { .gongchang2 { display: none; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .zhanshi_tp2 { width: 715px; }
  .zhanshi_tp2 .ulBigPic { margin-left: 0px; }
  .zhanshi_tp2 .dSmallPicBox { width: 715px; }
  .zhanshi_tp2 .dSmallPic { left: 0px; } }

@media screen and (max-width: 999px) { .zhanshi_tp2 { display: none; }
  .gongchang2 { width: 100%; }
  .gonglie2 { display: block; width: 31%; float: left; margin-left: 1%; margin-right: 1%; margin-top: 30px; }
  .gongtu2 img { width: 100%; max-width: 715px; max-height: 525px; }
  .gongzi2 { display: block; text-align: center; line-height: 24px; height: 48px; margin-top: 5px; }
  .abmain4 { padding-bottom: 38px; } }

@media screen and (max-width: 639px) { .gonglie2 { width: 48%; } }

/*==========about8==================*/
.about8 { position: relative; }

.about8 .title1 h1 { font-size: 20px; font-size: 2rem; line-height: 26px; color: #313131; padding-bottom: 20px; border-bottom: 1px solid #cccccc; }

.about8 .time { margin-bottom: 18px; padding-bottom: 9px; border-bottom: 1px solid #cccccc; }

.about8 .time span.sapn1 { color: #666666; font-weight: normal; display: inline-block; line-height: 26px; height: 26px; }

.about8 .share1 { position: relative; display: inline-block; width: 235px; margin-left: 13px; top: 8px; }

.about8 .share1 .span4 { font-family: Arial; font-size: 14px; font-size: 1.4rem; color: #666; height: 26px; line-height: 26px; }

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

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

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

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

.about8 .news2x { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 20px; margin-bottom: 40px; }

.about8 .news2x a { color: #90c53f; line-height: 30px; }

.about8 .news2x img { display: block; max-width: 100%; }

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

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

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

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

.about8 .updown { margin-top: 29px; padding-top: 29px; border-top: 1px solid #cccccc; padding-bottom: 91px; }

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

.about8 .updown p { line-height: 32px; font-size: 16px; font-size: 1.6rem; color: #333; }

.about8 .updown p .img { display: inline-block; font-size: 26px; font-size: 2.6rem; position: relative; top: 3px; margin-right: 5px; }

.about8 .updown p .on { color: #004098; }

.about8 .updown p span { font-size: 16px; font-size: 1.6rem; color: #333; }

.about8 .updown p a { font-size: 16px; font-size: 1.6rem; color: #333; }

.about8 .updown p a:hover { color: #004098; }

@media screen and (max-width: 768px) { .about8 .title1 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; } }

/*==========about9==================*/
.about9 { position: relative; }

.about9 .title1 h1 { font-size: 20px; font-size: 2rem; line-height: 26px; color: #313131; text-align: center; }

.about9 .time { margin-bottom: 18px; padding-bottom: 9px; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;gap:20px;}

.about9 .time span.sapn1 { color: #666666; font-weight: normal; display:block; line-height: 26px;}
.about9  #st-1 .st-btn {width:26px; height: 26px; line-height: 26px; padding:0; text-align: center;}
.about9  #st-1 .st-btn img {top:0; vertical-align: middle; max-width: none; width: 16px; height: 16px; margin:0 auto;}
.about9 .share1 { position: relative; display: block;}

.about9 .share1 .span4 {margin-right: 14px; font-family: Arial; font-size: 14px; font-size: 1.4rem; color: #666; height: 26px; line-height: 26px; }

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

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

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

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

.about9 .news2x { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 20px; margin-bottom: 40px; }

.about9 .news2x a { color: #90c53f; line-height: 30px; }

.about9 .news2x img { display: block; max-width: 100%; }

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

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

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

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

.about9 .updown { margin-top: 29px; padding-top: 29px; border-top: 1px solid #cccccc; padding-bottom: 91px; }

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

.about9 .updown p { line-height: 32px; font-size: 16px; font-size: 1.6rem; color: #333; }

.about9 .updown p .img { display: inline-block; font-size: 26px; font-size: 2.6rem; position: relative; top: 3px; margin-right: 5px; }

.about9 .updown p .on { color: #004098; }

.about9 .updown p span { font-size: 16px; font-size: 1.6rem; color: #333; }

.about9 .updown p a { font-size: 16px; font-size: 1.6rem; color: #333; }

.about9 .updown p a:hover { color: #004098; }

@media screen and (max-width: 768px) { .about9 .title1 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; } }

/*==========ab_ul4==================*/
.ab_ul4 { padding-bottom: 30px; }

.ab_ul4 li { max-width: 420px; width: 48%; margin-bottom: 30px; }

.ab_ul4 a { display: block; }

.ab_ul4 img { display: block; }

.ab_ul4 .wrap { max-width: 420px; width: 100%; float: none; margin: 0 auto; }

.ab_ul4 .ttile { margin-top: 9px; margin-bottom: 7px; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ab_ul4 .ttile a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ab_ul4 p a { color: #666666; line-height: 24px; font-size: 16px; font-size: 1.6rem; max-height: 144px; overflow: hidden; }

@media screen and (max-width: 638px) { .ab_ul4 p a { font-size: 14px; font-size: 1.4rem; } }

/*==========ab_top2==================*/
.ab_top2 { margin-bottom: 54px; max-width: 884px; width: 100%; }

.ab_top2 .ab_top21 { margin-bottom: 45px; }

.ab_top2 .ab_top21 .slideshow { margin-top: 49px; }

.ab_top2 .slideshow { width: 406px; }

.ab_top2 .ab_l { width: 440px; }

.ab_top2 .ab_l .title21 { font-size: 24px; font-size: 2.4rem; line-height: 30px; text-transform: uppercase; margin-bottom: 26px; }

.ab_top2 .ab_l p { color: #333333; font-size: 14px; font-size: 1.4rem; line-height: 26px; }

.ab_top2 .ab_top23 { padding-top: 69px; padding-bottom: 40px; }

.ab_top2 .ab_top23 .title21 { font-size: 24px; font-size: 2.4rem; line-height: 30px; text-transform: uppercase; margin-bottom: 12px; }

.ab_top2 .ab_top23 p { color: #333333; font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-bottom: 35px; }

.ab_top2 .ab_top23 img { display: block; }

@media screen and (max-width: 1219px) { .ab_top2 .slideshow { width: 48%; }
  .ab_top2 .ab_l { width: 48%; } }

@media screen and (max-width: 999px) { .ab_top2 { float: none; max-width: 100%; margin: 0 auto; }
  .ab_top2 .slideshow { max-width: 406px; width: 100%; float: none; margin: 0 auto; }
  .ab_top2 .ab_l { width: 100%; float: none; margin: 0 auto; }
  .ab_top2 .ab_l .title21 { margin-bottom: 10px; }
  .ab_top2 .ab_top21 .slideshow { margin-top: 10px; }
  .ab_top2 .slideshow { margin-top: 10px; } }

/*==========ab_top4==================*/
.ab_top4 { max-width: 884px; width: 100%; }

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

.about .m-fact2 { overflow: hidden; padding-top: 26px; }

.about .m-fact2 .f-box { position: relative; }

.about .m-fact2 .box-big { position: relative; float: left; width: 80.4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.about .m-fact2 .box-big div { position: relative; }

.about .m-fact2 .box-big .img { line-height: 0; font-size: 0; }

.about .m-fact2 .box-big .title21 { position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; font-size: 16px; font-size: 1.6rem; color: #ffffff; text-align: center; background-color: rgba(0, 0, 0, 0.5); background-color: #000 \9; overflow: hidden; }

.about .m-fact2 .box-small { position: relative; float: right; width: 17.1875%; padding-top: 35px; padding-bottom: 35px; }

.about .m-fact2 .box-btn { position: absolute; display: block; width: 36px; height: 36px; background-repeat: no-repeat; }

.about .m-fact2 .box-btn.prev { top: 0px; cursor: pointer; text-align: center; display: block; width: 100%; font-size: 28px; font-size: 2.8rem; color: #6c7a81; height: 28px; }

.about .m-fact2 .box-btn.next { bottom: 0; cursor: pointer; text-align: center; display: block; width: 100%; font-size: 28px; font-size: 2.8rem; color: #6c7a81; height: 30px; }

.about .m-fact2 .box-list { padding-left: 9px; overflow: hidden; height: 409px; }

.about .m-fact2 .box-list ul li { margin-bottom: 6px; }

.about .m-fact2 .list-item { position: relative; border: 2px solid transparent; }

.about .m-fact2 .list-item.active { border-color: #004098; }

.about .m-fact2 .list-item.active:before { content: ""; position: absolute; right: 100%; top: 50%; margin-top: -7.5px; width: 0; height: 0; border-right: 9px solid #004098; border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent; }

.about .m-factl { display: none; }

@media screen and (max-width: 1219px) { .about .ab_tile { font-size: 30px; font-size: 3rem; line-height: 40px; }
  .about .m-fact2 .box-list { height: 304px; }
  .about .m-fact2 .box-list ul li { margin-bottom: 2px; } }

@media screen and (max-width: 959px) { .about .m-fact2 .box-list { height: 308px; }
  .about .m-fact2 .box-list ul li { margin-bottom: 33px; } }

@media screen and (max-width: 999px) { .about .ab_tile { font-size: 24px; font-size: 2.4rem; line-height: 30px; }
  .about .m-fact2 { display: none; } }


.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.list_cart .list_cart_a1 { background: #004098;padding: 8px;color: white; float:left; }
.list_cart .list_cart_a2 { background: #004098;padding: 8px;color: white; float:right; }
.ppp {padding: 20px 0; text-align: center;}

.cover { background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999999999999999; display: none; }

.covern { background: #fff; width: 421px; margin: 0 auto; position: relative; padding-top: 24px; padding-bottom: 22px; top: 200px; }

.guanbi { position: absolute; top: 10px; right: 10px; cursor: pointer; }

.covernr { padding-left: 17px; padding-right: 28px; }

.if { font-size: 30px; font-size: 3rem; color: #c00910; font-weight: bold; text-transform: uppercase; padding: 0 10px; text-align: center; margin-bottom: 39px; }

.tint, .tint2 { padding-left: 8px; background: url(../images/txing.png) no-repeat left 17px; margin-bottom: 10px; }

.tint input { padding-left: 36px; color: #666666; height: 38px; line-height: 38px; width: 332px; }

.tint textarea { padding-left: 36px; color: #666666; height: 126px; line-height: 38px; background: #f2f2f2 url(../images/ti4.png) no-repeat left top; width: 332px; }

.tint2 input { padding-left: 11px; color: #666666; height: 38px; line-height: 38px; width: 332px; background: #f2f2f2; width: 118px; }

.tint3 input { width: 130px; height: 38px; line-height: 38px; text-align: center; background: #c00910; color: #fff; text-transform: uppercase; cursor: pointer; }

.tput1 { background: #f2f2f2 url(../images/ti1.png) no-repeat left center; }

.tput2 { background: #f2f2f2 url(../images/ti2.png) no-repeat left center; }

.tput3 { background: #f2f2f2 url(../images/ti3.png) no-repeat left center; }

.tyzm { cursor: pointer; margin-left: 10px; }

@media screen and (max-width: 999px) { .covern { top: 100px; } }

@media screen and (max-width: 639px) { .covern { width: 90%; top: 55px; }
  .covernr { padding-left: 15px; padding-right: 15px; }
  .tint input { width: -webkit-calc(100% - 36px); width: -moz-calc(100% - 36px); width: calc(100% - 36px); }
  .tint textarea { width: -webkit-calc(100% - 36px); width: -moz-calc(100% - 36px); width: calc(100% - 36px); }
  .if { font-size: 20px; font-size: 2rem; margin-bottom: 15px; } }

@media screen and (max-width: 500px) { .covern { width: 98%; } }

@media screen and (max-width: 450px) { .tint2 { float: none; }
  .tint2 input { width: -webkit-calc(100% - 11px); width: -moz-calc(100% - 11px); width: calc(100% - 11px); }
  .tyzm { margin-left: 8px; }
  .tint textarea { height: 80px; } }

#WidgetFloaterPanels { z-index: 999999999999999999999999999999999999999999999999999; 
  }
/*#WidgetFloaterCollapsed {
top: 0px!important; left: 0px!important; }
#MicrosoftTranslatorWidget{    overflow: hidden;
    line-height: 25px;
    background: #000;
    margin-top: 0;
    position: relative;
    top: -5px;}
#WidgetLauncher {
  height: 0px!important;
}
#LauncherTranslatePhrase {
  padding: 0!important;
  background-color:none;
}*/

.header .logo{ float:left;}
.pyfanyi{ float:right; position:relative; margin-top:4px;}

#LauncherTranslatePhrase{
  height: 21px !important;
}
@media screen and (max-width: 999px) { 

.pyfanyi{ float:left;margin-top: -7px;}
.header_top .header_guoqi a{ padding-left:0px; margin-left:0px;}
#WidgetFloaterPanels{ left:0px !important; top:0px !important;}
#WidgetFloaterPanels div.DDStyle td a{ padding:2px !important;}
}
#TranslateSpan {
  line-height: 20px!important;
}
  
  /*#WidgetFloaterPanels { z-index: 999999999999999999999999999999999999999999999999999; 
    }
  #WidgetFloaterCollapsed {
  top: 0px!important; left: 0px!important; }
  #MicrosoftTranslatorWidget{
    height: 31px;
    overflow: hidden;
    line-height: 25px;
    background: #000;
    margin-top: 0;
    position: relative;
    top: 0px;
  }
  #WidgetLauncher {
    height: 0px!important;
  }
  #LauncherTranslatePhrase {
    padding: 0!important;
    background-color:none;
  }
  #LauncherLogo{
    display: none!important;
  }
*/

.slide { position: relative;}
.slide .carouse { width: 100%; overflow: hidden; position: relative; }
.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }
.slide .carouse .slideItem .banner-img { width: 100%; }
.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }
.slide .dotList { position: absolute; width: 100%; bottom: 20px; text-align: center; }
.slide .dotList ul li { display: inline-block; width: 14px; height: 14px; background:#fff; margin: 0 8px; cursor: pointer; }
.slide .dotList ul li.active { background:#ffc523; width: 16px;}
.slide .carousel-control { position: absolute; top: 50%; width: 62px; height: 62px; z-index: 999; margin-top: -45px;}
.slide .carousel-control.left { left: 55px; background-image: url("../img/jtl1.png"); background-repeat: no-repeat; cursor: pointer; }

/*.slide .carousel-control.left:hover { background-image: url("../img/slidelefton.png"); }*/

.slide .carousel-control.right { right: 55px; background-image: url("../img/jtr1.png"); background-repeat: no-repeat; cursor: pointer; }

/*.slide .carousel-control.right:hover { background-image: url("../img/sliderighton.png"); }*/

.slide .dotList ul li{cursor: pointer; background:url(../img/dot1.png) no-repeat center center; font-size: 0px; margin-left: 4.5px;margin-right: 4.5px; border: none;outline: none;width: 16px;height: 16px;}
.slide .dotList ul li.active{background:url(../img/dot2.png) no-repeat center center;}
.slide .slidedetail { display: none; }



.g-habt { position: relative;}

@media screen and (max-width: 991px) { .g-habt { padding-top: 30px; padding-bottom: 30px; }
  .g-habt:before { display: none; } }

.m-habt { position: relative; background-color: #fff; overflow: hidden; }

.m-habt .box-fix { float: left; position: relative; width: 50%; overflow: hidden; }

.m-habt .box-list { width: 10000%; overflow: hidden; }

.m-habt .list-item { float: left; width: 1%; }

.m-habt .box-btn { position: absolute; top: 50%; margin-top: -16px; width: 32px; line-height: 32px; font-size: 16px; font-size: 1.6rem; text-align: center; color: #fff; background-color: rgba(51, 51, 51, 0.6); }

.m-habt .box-btn.prev { left: 0; }

.m-habt .box-btn.next { right: 0; }

.m-habt .box-btn:hover { color: #fff; background-color: #22369c; }

.m-habt .box-text { padding-left: 32px; padding-right: 65px; padding-top: 40px; padding-bottom: 20px; overflow: hidden; }

.m-habt .box-title { line-height: 58px; font-size: 48px; font-size: 4.8rem; font-family: "SharpSansNo1-Bold", arial, helvetica, sans-serif; text-transform: uppercase; }

.m-habt .box-title span { color: #22369c; }

.m-habt .box-name { margin-top: 8px; line-height: 32px; font-size: 22px; font-size: 2.2rem; text-transform: uppercase; color: #666; }

.m-habt .box-name a { color: #666; }

.m-habt .box-name a:hover { color: #22369c; }

.m-habt .box-desc { margin-top: 21px; min-height: 180px; line-height: 30px; font-size: 16px; font-size: 1.6rem; overflow: hidden; }

.m-habt .box-desc a { display: block; }

.m-habt .box-link { margin-top: 67px; }

.m-habt .box-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 170px; line-height: 30px; padding: 9px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #22369c; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-habt .box-link a:hover { background-color: #333; }

@media screen and (max-width: 1219px) { .m-habt .box-title { line-height: 1.4; font-size: 26px; font-size: 2.6rem; }
  .m-habt .box-name { line-height: 26px; font-size: 16px; font-size: 1.6rem; }
  .m-habt .box-link, .m-habt .box-desc { margin-top: 20px; }
  .m-habt .box-desc { height: 156px; line-height: 26px; } }

@media screen and (max-width: 991px) { .m-habt .box-fix { float: none; margin-right: 0; width: 100%; }
  .m-habt .list-item { margin-right: .02%; width: .49%; }
  .m-habt .box-text { padding: 20px 15px; }
  .m-habt .box-desc { height: auto; max-height: 144px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-habt .box-link a { line-height: 24px; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 375px) { .m-habt .list-item { width: 1%; } }

.m-hhd { margin-bottom: 26px; text-align: center; }

.m-hhd .hd-title { position: relative; padding-bottom: 19px; line-height: 60px; font-size: 50px; font-size: 5rem; font-family: "SharpSansNo1-Bold", arial, helvetica, sans-serif; text-transform: uppercase; background: url("../images/hbd1.png") no-repeat center bottom; }

.m-hhd .hd-title span { color: #22369c; }

.m-hhd .hd-desc { margin-top: 33px; margin-left: auto; margin-right: auto; max-width: 1010px; line-height: 30px; font-size: 16px; font-size: 1.6rem; }

@media screen and (max-width: 991px) { .m-hhd { margin-bottom: 30px; }
  .m-hhd .hd-title { line-height: 30px; font-size: 24px; font-size: 2.4rem; }
  .m-hhd .hd-desc { margin-top: 30px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }
  
  
  
/*  main2  */
.main2{background:url(../images/m2bei.jpg);/* padding-bottom:86px; */}
.m2biao{ display:block; font-size:40px; font-size:4rem; color: #212121; text-align:center; line-height:50px; background:url(../images/m2biao.png) no-repeat bottom center; font-family: "MicrosoftTaiLe-Bold"; padding-bottom:10px;}
.m2p a{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:24px; color: #212121; margin-top:22px;}

#outer { margin-top:22px;}
#tab {overflow:hidden;zoom:1; text-align:center; color: #212121; line-height:30px; font-size:0px;}
#tab span{ display:inline-block; vertical-align:middle; line-height:30px; color: #212121; font-size:16px; font-size:1.6rem; margin:0 14px;}
#tab li { display:inline-block; vertical-align:middle;  cursor:pointer; line-height:30px; color: #212121; font-size:14px; font-size:1.4rem;}
#tab li.current { color:#2196f3;}
#content {}
#content .tabul {display:none; padding-top:60px;}

.owl-carousel{ position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
  
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-theme .owl-controls{margin-top: 20px;text-align: center;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;}
.owl-theme .owl-controls .owl-page span{display: block;width: 15px;height: 15px;margin: 0 6px;filter: Alpha(Opacity=50); opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #000000;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);  opacity: 1; background:#2196f3;}


.m2lie{ margin-left:10px; margin-right:10px; margin-bottom:23px; width:31.333%; margin-left:1%; margin-right:1%; float:left;background: #f3f3f3;padding: 10px 0;}
.m2tu{ display:block;padding: 20px 20px;}
.m2tu img{ width:100%; max-width:500px; }
.m2zi{display:block;text-align:center;/* background: #90c53f; *//* border: 1px solid #90c53f; */padding:10px;line-height:33px;font-size:16px;font-size:1.6rem;/* color:#ffffff; */font-weight:bold;/* white-space:nowrap; *//* text-overflow:ellipsis; */-o-text-overflow:ellipsis;/* overflow: hidden; */height: 66px;}

.main2 a:hover{color: #90c53f;}
.m2lie:hover .m2zi{/* background:#fff; */color:#90c53f;}
@media screen and (max-width:1219px){
.m2zi{line-height: 24px;}
}
@media screen and (max-width:999px) {
.main2{/* padding-top:34px; */padding-bottom:36px;}
.m2biao{ font-size:24px; font-size:2.4rem; padding-bottom:0px;}
#tab span{ font-size:14px; font-size:1.4rem; margin:0 5px;}
#tab li { font-size:14px; font-size:1.4rem;}
.m2zi{ padding:5px; font-size:14px; font-size:1.4rem;}
#content .tabul {padding-top:30px;}
.owl-theme .owl-controls{margin-top: 5px;}
.owl-theme .owl-controls .owl-page span{width: 10px;height: 10px;margin: 0 3px;}
}
@media screen and (max-width:699px) {
.m2lie{ width:48%; margin-left:1%; margin-right:1%; float:left;}
}
@media screen and (max-width:479px) {
.m2lie{ width:48%; margin:1%; float:left;}
.m2zi{font-size:12px; font-size:1.2rem;line-height: 18px;}
}


.header_right{margin-top: 34px;}

	.m-hdlang {height:34px; margin-left: 20px; width: 106px; border: solid 1px #999; border-radius: 11px; position: relative; overflow: visible; float: right; z-index: 999; }

.m-hdlang .lang-list { display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; border: solid 1px #999; background-color: #f5f5f5; font-size: 12px; font-size: 1.2rem; }

.m-hdlang .lang-item { float: none; line-height: 26px; padding: 3px 5px; width: 100%; text-transform: capitalize; }

.m-hdlang .lang-item svg, .m-hdlang .lang-item img { vertical-align: middle; margin-right: 4px; max-width: 19px; max-height: 19px; }

.m-hdlang .lang-item a:hover { color: #2059A6; }

.m-hdlang > .lang-item { cursor: pointer; line-height: 26px; display: inline-block; padding: 2px 23px 2px 13px; color: #999; background: url(../images/lang.png) no-repeat 85px center; }

.m-hdlang > .lang-item svg, .m-hdlang > .lang-item img { vertical-align: middle; margin-right: 4px; }

@media screen and (max-width: 767px) { .m-hdlang { position: absolute; top: 5px; right: 35px; border-radius: 8px; margin-left: 0; }
  .m-hdlang > .lang-item { line-height: 22px; } }
  
  
  #sb-search{float: left;margin-right:30px;}
  

  
  
    @media screen and (min-width:999px) and (max-width:1220px) {
        .header_ul1 {
    padding-right: 10px;
}
.header_ul1 {

    margin-top: 26px;
}
    }
  
    @media screen and (max-width:999px) {
  .header .search{width:200px;/*! height: 100px; */}
      
  }
  
.slide { position: relative;  }
.slide .carouse { width: 100%; overflow: hidden; position: relative; }
.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }
.slide .carouse .slideItem .banner-img { width: 100%; }
.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }
.slide .dotList { position: absolute; width: 100%; bottom: 31px; text-align: center; }
.slide .dotList ul li { display: inline-block; width: 14px; height: 14px; background:#fff; cursor: pointer; }
.slide .dotList ul li.active {}
.slide .carousel-control { position: absolute; top: 50%; width: 67px; height: 67px; z-index: 999; margin-top: -34px;}
.slide .carousel-control.left { left: 55px; background:url(../images/baleft.png) no-repeat center; background-repeat: no-repeat; cursor: pointer; background-size:cover;}
.slide .carousel-control.right { right: 55px; background:url(../images/baright.png) no-repeat center; background-repeat: no-repeat; cursor: pointer; background-size:cover;}
.slide .carousel-control.left:hover { background:url(../images/balefth.png) no-repeat center; background-size:cover;}
.slide .carousel-control.right:hover { background:url(../images/barighth.png) no-repeat center; background-size:cover;}

.slide .dotList ul li{cursor: pointer; font-size: 0px; margin-left: 7.5px;margin-right: 7.5px; border: none;outline: none;width: 15px;height: 15px; background:#ffffff; opacity:0.43; border-radius:50%;}
.slide .dotList ul li.active{ opacity:1; background:#fff}
.slide .slidedetail { display: none;}


.footer a,.footer div,.footer p,.footer li,.footer ul{color:#b0cefc!important;}


.header{background:#e6f4ff;}

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



    @media screen and (max-width:500px) {
.header {
    background: #e6f4ff;
    height: 140px;
}
      .header .search {
    top: 84px;
}
  }
    @media screen and (min-width:1440px) {
.header_ul1 > li > a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0px 16px;
}
.header .logo {
    float: left;
    margin-left: 1.2%;
}
    }
    
.footer .title a,.footer .title{color:#fff!important;}

.footer .footer_left .title{color:#fff!important;}

.footer .footer_center .title{color:#fff!important;}

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

.slide .carouse .slideItem {
    width: 100%;
    position: absolute;
    cursor: default;
}


#google_translate_element{display: none;}

.kong{display: none !important; }
@media screen and (max-width: 767px){
  .kong{display: block !important; }
}





.zbeijing{
  /*height: 752px;
  background: url(../images/zhuanti.jpg) no-repeat center top;*/
}
.ztitle{  background: #fff;}
.ztitle img{display: block;}
.zvideo{
  height: 452px;
  background: url(../images/video_beijing.jpg) no-repeat center top;
}
.video_con{
  width: 30%;
  margin-right: 1%;
  float: left;
}
@media screen and (max-width: 638px){
  .zbeijin{height: auto;}
}

.zvideo .zvideo_ul li { width: 395px; float: left; margin-left: 7px; padding-top: 92px;}
@media screen and (max-width: 1219px) { .zvideo .zvideo_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; } }
@media screen and (max-width: 638px) {.display_desc p {width: 100% !important;}.zvideo{background: none;}.video_none {display: none;}.zvideo .zvideo_ul li { min-width: 320px; width: 100%; padding-top: 20px;} }
.zvideo .zvideo_ul .wrap { background: #fff; max-width: 395px; width: 100%; margin: 0 auto; }
.zvideo .zvideo_ul p a { color: #666666; display: block; font-size: 16px; font-size: 1.6rem; line-height: 50px; padding: 0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.buyn a img{  float: right;margin-top: 30px;}
.dtitle{text-align: center;margin-bottom: 30px;font-size: 50px; font-size: 5rem;font-weight: bold;}
.display_desc{background: url(../images/display_desc.png) no-repeat center center;margin-bottom: 74px;}
.display_desc p{text-align: center;width: 370px;font-size: 30px;font-size:3rem;margin: auto;}

.pro_display{margin-bottom: 110px;}
.pro_display .m2_ul li { float: left; width: 30%; margin-left: 5%; margin-bottom: 38px; background: #f6f6f6;}

.pro_display .m2_ul li:hover .liimg { -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.19); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.19); }

.pro_display .m2_ul li:hover .topp a { color: #333; }

.pro_display .m2_ul li:hover .bott a { background-color: #90c53f; color: #fff; }

.pro_display .m2_ul .bott { position: relative; text-align: center; padding-top: 18px;    background: #fff;}

.pro_display .m2_ul .bott a { display: inline-block; font-size: 14px; font-size: 1.4rem; color: #90c53f; width: 115px; height: 34px; background-color: #004098; line-height: 32px; text-align: center; margin: 0 auto; color: #fff; }

.pro_display .m2_ul .bott input { display: inline-block; cursor: pointer; }

.pro_display .m2_ul a { display: block; }

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

.pro_display .m2_ul .wrap { display: block; max-width: 280px; width: 100%; margin: 0 auto; }

.pro_display .m2_ul .wrap2 { display: block; max-width: 280px; width: 100%; margin: 0 auto; padding: 12px 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pro_display .m2_ul p { font-size: 16px; font-size: 1.6rem; line-height: 26px; }

.pro_display .m2_ul p a { color: #313131; display: block; height: 52px; overflow: hidden; }

.pro_display .m2_ul a.more { height: 32px; overflow: hidden; color: #666666; line-height: 30px; margin-top: 10px; padding-bottom: 2px; }

@media screen and (max-width: 1219px) { .pro_display .m2_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .pro_display .m2_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }

@media screen and (max-width: 638px) { .pro_display .m2_ul .bott a { width: 80%; }
  .pro_display .m2_ul li { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; }
  .pro_display .m2_ul p { font-size: 14px; font-size: 1.4rem; } }

.pro_adv .adv_list{margin-bottom: 76px;}
.pro_adv .adv_list .adv_con{width: 176px;margin-left: 336px;float: left;text-align: center;}
.pro_adv .adv_list .adv_con:nth-child(1){margin-bottom: 108px;}
.pro_adv .adv_list .adv_con:nth-child(2){margin-bottom: 108px;}
.pro_adv .adv_list .adv_con:nth-child(3){margin-bottom: 108px;}
.pro_adv .adv_list .adv_con p{font-size: 16px;font-size: 1.6rem;line-height: 26px;font-weight: bolder;padding-top: 24px;min-height: 52px;}

.pro_adv02{height: 636px; background: url(../images/adv_beijing.jpg) no-repeat center center;padding-bottom: 26px;}
.pro_adv02 .pro_adv02_con{width: 64%;float: right;margin-top: 62px;}
.pro_adv02 .pro_adv02_con img{margin-right: 20px;}
.pro_adv02 .pro_adv02_con p{margin: 38px 0 42px;font-size: 18px; font-size: 1.8rem;line-height: 24px;}
.pro_adv02 .pro_adv02_con a{float: right;}
.pro_adv02 .chanp{display: none;}

@media screen and (max-width: 1219px){.pro_adv .adv_list .adv_con{margin-left: 224px;}
.pro_adv02 .pro_adv02_con img{margin-right: 4px;}
.pro_adv02 .pro_adv02_con{width: 68%;}
.pro_adv02{background: none;background-color: #f0f2f8;height: auto;}
.pro_adv02 .chanp{display: block;width: 32%; float: left;margin-top: 62px;}
} 
@media screen and (max-width: 999px){
  .pro_adv02 .pro_adv02_con{width: 100%;}
  .pro_adv .adv_list .adv_con{width: 30%;margin-left: 5%;}
  .pro_adv02 .chanp{padding-top: 62px;margin: auto;float: none;}
}   

@media screen and (max-width: 690px){
  .pro_adv02{height: auto; background: none; background-color: #f0f2f8;}
  .pro_adv02 .pro_adv02_con{width: 100%;float: none;}
  .pro_adv02 .pro_adv02_con img{width: 30%;}
}
@media screen and (max-width: 638px) {
.pro_adv .adv_list .adv_con{margin-bottom: 20px !important;width: 46%;margin-left:4% !important;}

}

.pro_desc{background: #fff;padding-top: 76px;margin-bottom: 90px;}
.pro_desc .chanp{width: 20%; float: left;}
.pro_desc .desc_top{padding-bottom: 28px;border-bottom: 2px dashed #d1d1d1;}
.pro_desc .desc_right{width: 80%;float: right;}
.pro_desc .desc_right .r_title01{font-size: 30px; font-size: 3rem;font-weight: bold;}
.pro_desc .desc_right .r_right{width: 50%;float: right;}
.pro_desc .desc_right .r_right ul li{width: 30%;float: left;text-align: center;}
.pro_desc .desc_right .titlee{font-size: 20px; font-size: 2rem;line-height: 34px;}
.pro_desc .desc_right .r_title02{margin-top: 76px;}
.pro_desc .desc_right .r_title03{margin-bottom: 40px;}
.pro_desc .desc_right .r_title03 span{font-size: 28px; font-size: 2.8rem;color: #2663d6;font-style:oblique;font-weight: bold;}
.pro_desc .desc_right .r_title04{color: #fff; padding: 10px 18px;background-color: #144fc0;border-radius: 18px;}
.pro_desc .desc_right .r_left{width: 50%;float: left;}

.pro_desc .desc_bottom{margin-top: 44px;}
.pro_desc .desc_bottom li{width: 30%; float: left;margin-left: 5%;margin-top: 12px;text-align: center;}
.pro_desc .desc_bottom li p{color: #666666;font-size: 18px; font-size: 1.8rem;line-height: 28px;min-height: 112px;margin-top: 50px;}
@media screen and (max-width: 699px){

  .pro_desc .chanp{width: 100%;float: none;}
  .pro_desc .chanp img{display: block; margin: auto;max-height: 500px;margin-bottom: 30px;}
  .pro_desc .desc_right{width: 100%;float: none;}
}
@media screen and (max-width: 629px){
  .display_desc{background: none;}
  .pro_desc .desc_right .r_left{width: 100%;float: none;}
  .pro_desc .desc_right .r_right{width: 100%;float: none;margin-top: 30px;}
  .pro_desc .desc_right .r_right ul li{margin-left: 5%;}
  .pro_desc .desc_bottom li{width: 49%;margin-left: 1%;}
  .display_desc p{width: auto;}
}
@media screen and (max-width: 584px){
.pro_desc .desc_right .r_title01{font-size: 20px; font-size: 2rem;}
}
@media screen and (max-width: 429px){
 .dtitle{font-size: 30px; font-size: 3rem;}
 .display_desc p{font-size: 20px; font-size: 2rem;}
}

.pro_app .app_list li{width: 32%;float: left;margin-left: 2%;}
.pro_app .app_list .app_title{color: #666666; font-size: 20px; font-size: 2rem; line-height: 44px; margin-left: 28px; padding-left: 20px; background: url(../images/app_dian.png) no-repeat center left;}
.pro_app .app_list .app_list_con{position: relative;}
.pro_app .app_list .app_desc{width: 100%;height: 44px; padding: 10px 5%;color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 22px;background-color: rgba(0, 0, 0, 0.38);position: absolute;bottom: 46px;left: 0;}
.pro_app .app_list .app_desc:hover{color: #014081;}
.pro_app .app_list .app_title:hover{color: #014081;}
@media screen and (max-width: 999px){
.pro_app .app_list .app_desc{font-size: 12px; font-size: 1.2rem; line-height: 14px;padding: 6px 10px;}
}
@media screen and (max-width: 599px){
  .pro_app .app_list .app_desc{width: 100%;}
.pro_app .app_list li{width: 100%;float: none;margin-left: 0px;}
}
.pro_service{margin-top: 100px; margin-bottom: 30px;}


/*pengyunadd*/
@media screen and (min-width: 1280px) { .wppy { width: 1260px; margin: auto; } }

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

@media screen and (max-width: 999px) { .wppy { width: 95%; margin: auto; } }
.dbpy1{ background:url(../images/bannerbei.jpg) no-repeat; background-size:cover; width:100%; padding-top:177px; padding-bottom:129px;}
.dbpy1img1{ float:right;}
.dbpy1lt1{ width:581px; float:left; padding-top:51px;}
.dbpy1lt2,.dbpy1lt2 p{ font-family: Arial;	font-size: 30px;font-size: 3rem;	font-weight: bold;	line-height: 49px;	color: #0d0d0d;}
.dbpy1lt3{ margin-top:40px;}
.dbpy1lt3,.dbpy1lt3 p{	font-family: DengXian;	font-size: 22px;font-size: 2.2rem;	line-height: 28px;	color: #0d0d0d; }
.dbpy1lt4{ width: 190px;	height: 54px; text-align:center; line-height:54px;	font-family: Arial;	font-size: 18px;	font-size: 1.8rem; background: #1733a5;	box-shadow: 1px 1px 21px 0px rgba(44, 118, 255, 0.58);
	border-radius: 10px; color: #ffffff; display:block; margin-top:100px;}
.dbpy1lt4:hover{  background: #1733a5;	box-shadow: 1px 1px 21px 0px rgba(44, 118, 255, 0.58); color:#fff;}
.dbpy2{ padding-bottom:55px; position:relative;}
.dbpy2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 608px;
    background: #353535;
    bottom:0px;
    left: 0px;
    z-index: -1;
}
.dbpy2m1{ text-align:center;}
.dbpy2m1{ font-family: Arial;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 49px;
	color: #0d0d0d;} 
.dbpy2m1 span{ color: #1733a5;}
/*shipin*/
.lazyframe{ width:100%; max-width:1247px; max-height:617px; margin:0 auto; margin-top:64px;}
.lazyframe {
    position: relative;
}
.lazyframe:hover {  cursor: pointer;}
.lazyframe iframe {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 5;    width: 100%; height: 100%;
}
.lazyframe img{  width:100%; max-width:1250px; display:block;  }
/*shipin*/
.dbpy2m2{font-size: 26px;font-size: 2.6rem;	line-height: 28px;	color: #0d0d0d; text-align:center;}
.dbpy2m3{ margin-top:77px; text-align:center;}
.dbpy2m3nei{ width:19%; display:inline-block; text-align:center;}
.dbpy2m3nei p{ font-size: 22px;font-size: 2.2rem; margin-top:12px;	line-height: 28px;	color: #bdbdbd;}
.dbpy3{ width:100%; background:#f0f0f0; padding-bottom:31px; padding-top:47px; text-align:center;}
.dbpy3m1{ font-family: Arial;	font-size: 32px;	font-size: 3.2rem;font-weight: bold;	line-height: 32px;	color: #000000;}
.dbpy3m2{ font-family: Arial; margin-top:5px; margin-bottom:5px;	font-size: 28px;	font-size: 2.8rem;line-height: 32px;	color: #1a36a6;}
.dbpy3m3{ font-family: Arial;	font-size: 18px;	font-size: 1.8rem;line-height: 24px;	color: #000000;}
.dbpy3 img{ display:block; width:100%; max-width:1393px; margin:0 auto; margin-top:10px;}
.dbpy4{ background:url(../images/kejibei.jpg) no-repeat; background-size:cover; padding-top:75px; padding-bottom:0px;}
.dbpy4m1{font-size: 30px; font-size: 3rem;	font-weight: bold;	line-height: 40px;	color: #ffffff; text-align:center;}
.dbpy4m2{font-family: Arial;	font-size: 30px; font-size: 3rem;	font-weight: bold;		line-height: 40px;	color: #00c6ff;  text-align:center;}
.dbpy4m3{	font-size: 26px;font-size: 2.6rem;color: #ffffff; text-align:center; max-width:1043px; margin:0 auto; line-height:30px; }
.dbpy4 img{ display:block; margin:0 auto; width:100%; max-width:1596px; margin-top:5px;}
.dbpy5{ padding-top:49px; padding-bottom:52px;} 
.dbpy5m11{ 	font-size: 32px;font-size: 3.2rem;	font-weight: bold;	line-height: 48px;	color: #000000; text-align:center;}
.dbpy5m1{ width:32.3333%; background:#f3f5f7;  margin-left:1%;  max-width:405px; }
.dbpy5m1 img{ width:100%; max-width:405px; margin:0 auto; display:block;}
.dbpy5m1z{ display:flex; margin-top:32px;  flex-direction:row; flex-wrap:wrap;  justify-content:flex-start; }
.dbpy5m2z{ padding: 56px 30px 28px 30px;}
.dbpy5m2{ font-size: 20px;font-size: 2rem;	font-weight: bold;	line-height: 24px;	color: #010400;}
.dbpy5m3{font-size: 14px;font-size: 1.4rem;	line-height: 22px; min-height:110px;	color: #666666; margin-top:10px; }
.dbpy5m4{ font-size: 16px;font-size: 1.6rem;	line-height:26px;	color: #1733a5; font-weight: bold; margin-top:35px; display:block;}
.dbpy6{ background:url(../images/asscebeipy.jpg) no-repeat; background-size:cover; padding-top:42px; padding-bottom:43px;}
.dbpy6m1{ font-family: Arial;	font-size: 34px;font-size: 3.4rem;	font-weight: bold;	line-height: 1.2;	color: #ffffff; text-align:center;}
.dbpy6m1 strong{ font-style: italic;	font-size: 70px; font-size: 7rem;	font-weight: bold;	color: #fff000;}
.dbpy6m2{ display:flex; margin-top:50px; flex-direction:row; flex-wrap:wrap;  justify-content:center; }
.dbpy6m3{ text-align:center; width:24%;   margin-left:1%;  max-width:297px;  }
.dbpy6m4{ font-size: 38px;font-size: 3.8rem;font-weight: bold; line-height:1.2;	color: #ffffff; position:relative;}
.dbpy6m4 sup{font-size: 14px;font-size: 1.4rem; position:absolute;}
.dbpy6m5{ margin-top:11px; font-size: 24px; font-size: 2.4rem;  line-height:1.2;	color: #ffffff;}
.dbpy7{ margin-top:109px;}
.dbpy7m1{ float:left; width:100%; max-width:596px;}
.dbpy7m2{ float:right; width:100%;  max-width:645px;}
.dbpy7m3{ font-size: 34px; font-size: 3.4rem;	font-weight: bold;	line-height: 38px;	color: #0d0d0d;}
.dbpy7m3 strong{  color: #1733a5;}
.dbpy7m4{ margin-top:53px; padding-bottom:50px;}
.dbpy7m4 p{font-size:18px; font-size:1.8rem; line-height: 22px;	color:#000000; position:relative; padding-left:25px; margin-top:25px;}
.dbpy7m4 p:before{ content:""; background:#1733a5; position:absolute;  width:8px; height:8px; border-radius:50%; left:0px; top:5px;}
.dbpy7m5{ display:block; width: 199px;	height: 66px; line-height: 66px;	background-color: #1733a5;	box-shadow: 1px 1px 21px 0px rgba(44, 118, 255, 0.58);	border-radius: 10px;	font-size: 26px;	 font-size:2.6rem; line-height: 66px;	color: #ffffff; text-align:center; margin-top:73px;}
.dbpy8{ padding-top:117px; padding-bottom:87px;}
.dbpy8m1{ font-size: 40px; font-size: 4rem; text-align:center; line-height: 1.2;	color: #09255e;}
.dbpy8 img{  width:100%; max-width:1257px; margin:0 auto; display:block; margin-top:50px;}
.dbpy9{  width:100%; max-width:1920px; margin:0 auto; display:block; margin-bottom:37px;}
.dbpy10{ width:100%; background:url(../images/dbpy10bei.jpg) no-repeat top center; padding-top:63px; padding-bottom:73px;}
.dbpy10m1{ width:538px; float:left;}
.dbpy10m11{ 	font-size: 24px;font-size: 2.4rem;	font-weight: bold;	line-height: 32px;	color: #000000;}
.dbpy10m11 strong{ color: #1a36a6;}
.dbpy10m12{ margin-top:40px;}
.dbpy10m12 p{ font-size: 18px; font-size: 1.8rem;		line-height: 26px;	color: #000000; background:url(../images/lanuqanpy.jpg) no-repeat left 5px; padding-left:25px; margin-top:10px;}
.dbpy10m2{ float:right;  width:100%; max-width:717px;}
.dbpy10m2 img{  width:100%; max-width:717px; margin:0 auto; display:block;}
.dbpy10m3{margin-top:73px; font-size: 24px; text-align:center;	 font-size: 2.4rem;font-weight: bold;	color: #000000; margin-bottom:35px;}
.dbpy10m3 strong{color: #1832a7;}
.dbpy10m31{ float:left; width:51.04%;}
.dbpy10m31 img{  width:100%; max-width:641px; margin:0 auto; display:block;}
.dbpy10m32{ width:46.64%; float:right; background:#f2f2fc;}
.dbpy10m33{ padding:36px 29px 48px 44px; line-height:38px;  font-size: 24px;font-size: 2.4rem;}
.dbpy10m331{ color: #333333;}
.dbpy10m332{ color: #1832a7; 	font-weight: bold;}
.dbpy10m333{ background:url(../images/scanpy30.png) no-repeat right center #1733a5; color:#fff; border-radius: 34px; padding:24px 77px 21px 37px; font-size: 26px;font-size: 2.6rem; display:inline-block; margin-top:50px; line-height:1.2;}
.dbpy11{ width:100%; background:#f7f7f7; padding-top:46px; padding-bottom:57px;}
.dbpy11z{ position:relative; min-height:538px;}
.dbpy11m1{ float:left; position:absolute; z-index:999;}
.dbpy11m2{ background:#fff; border:#eeeeee solid 1px; width:57.04%;  position:absolute; right:0px; bottom:0px;}
.dbpy11m2nei{ padding:82px 58px 78px 164px;}
.dbpy11m3{font-size: 24px;font-size: 2.4rem; font-weight: bold; line-height:1.2; color: #000000;}
.dbpy11m3 strong{color: #1733a5; }
.dbpy11m4{ margin-top:15px; margin-bottom:47px;}
.dbpy11m4 p{font-size: 16px; font-size: 1.6rem;		line-height: 28px;	color: #333333; background:url(../images/lanuqanpy.jpg) no-repeat left 5px; padding-left:25px; }
.dbpy11m5{ display:block; }
.dbpy11m6{ font-size: 16px;font-size: 1.6rem; border: solid 1px #1733a5; display:inline-block;		color: #1733a5; font-weight:bold; padding:10px 14px;margin-top:45px; }
.dbpy11m6:hover{ background:#1733a5; color:#fff;}
.dbpy12{ margin-top:72px;}
.dbpy12m1{ 	font-size: 34px; font-size: 3.4rem; text-align:center;	font-weight: bold;	color: #ffffff; background:#1733a5; line-height:76px;}
.dbpy12m2{ font-size: 40px;font-size: 4rem; margin-top:40px; text-align:center;	color: #09255e; font-weight: bold;}
.dbpy12m3{ width:100%; max-width:1250px; margin:0 auto; display:block; margin-top:22px; } 
.dbpy12m4{ 	font-size: 30px;font-size: 3rem;	font-weight: bold; text-align:center; line-height:1.2; margin-top:70px;	color: #000000;}
.dbpy12m4 strong{ color: #1733a5;}
.dbpy12m5{ margin-top:43px;}
.dbpy12m51{ margin-bottom:7px;    width: 32.633333%;    margin-left: 0.7%;    max-width: 411px; float:left; position:relative;} 
.dbpy12m51 a{ display:block;  width:100%; max-width:291px; font-size: 22px; font-size: 2.2rem;	font-weight: bold;		color: #ffffff; line-height:55px; 	background-color: #1733a5;	border-radius: 27px; bottom:24px; position:absolute; text-align:center;  left: 50%; transform: translate(-50%, 0);white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; }

.dbpy13{ width:100%; margin-top:35px; background:url(../images/scanpy33.jpg) no-repeat right 0px #0e278e; background-size:cover; padding-top:123px; padding-bottom:60px;}
.dbpy13m1{  width:100%; max-width:450px; display:block;}
.dbpy13m2{ margin-top:45px; font-size: 34px;	font-size: 3.4rem;	font-weight: bold;	line-height:1.2;color: #ffffff;}
.dbpy13m3{font-size: 18px;font-size: 1.8rem;	line-height: 24px;	color: #ffffff; margin-top:10px; width:100%; max-width:650px;}
.dbpy13m4{ margin-top:73px; }
.dbpy13m4 img{ display:inline-block;  margin-right:52px;}  
.dbpy14{ background:url(../images/scanpy37.jpg) no-repeat top center; width:100%; padding-top:56px;}
.dbpy14m1{ text-align:center; 	font-size: 38px;font-size: 3.8rem; line-height:1.2;	font-weight: bold;	color: #0d0d0d;}
.dbpy14m1 strong{	color: #1832a7;}
.dbpy14m2{ margin-top:51px; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
.dbpy14m21{  width:48.6%; margin-left:2.49%; background:#fff;box-shadow: 1px 1px 111px 0px rgba(144, 176, 190, 0.19); margin-bottom:28px; }
.dbpy14m21nei{ padding:56px 76px 87px 68px;}
.dbpy14m22{ display:block; margin:0 auto; }
.dbpy14m23{ text-align:center; font-size: 20px;font-size: 2rem; font-weight:bold; margin-top:24px;	color: #000000; line-height:1.2;}
.dbpy14m24{ text-align:center; font-size: 18px;font-size: 1.8rem;	line-height: 26px;	color: #999999;  margin-top:24px;}
.dbpy15{ margin-top:55px;}
.dbpy15m1{ 	font-size: 38px; 	font-size: 3.8rem; text-align:center;	font-weight: bold; line-height:1.2;	color: #0d0d0d;}

.dbpy15m1 strong{	color: #1832a6;}
.dbpy15m2{  width:100%; max-width:1233px; margin:0 auto; display:block; margin-top:50px;}
.dbpy16{ margin-top:80px;}
.dbpy16m1{ font-weight: bold; font-size: 38px; 	font-size: 3.8rem;color: #1832a7; text-align:center; }
.dbpy16m1 strong{	color: #0d0d0d;}
.dbpy16m21 p, .dbpy16m22 p, .dbpy16m23 p{ font-size: 26px;	font-size: 2.6rem; position:absolute; max-width:420px;  font-weight: bold;	line-height: 30px;	color: #131314; right:65px; top:90px;}
.dbpy16m21, .dbpy16m22, .dbpy16m23{ margin-top:45px; position:relative; width:100%; background-size:cover; 
	border-radius: 10px;}
	.dbpy16m21{background-image: linear-gradient(90deg, 
		#1832a7 0%, 
		#8c99d3 31%, 
		#ffffff 80%);
	box-shadow: 0px 3px 16px 0px 
		rgba(9, 26, 103, 0.28);
	border-radius: 10px;}
		.dbpy16m22{background-image: linear-gradient(90deg, 
		#ffffff 22%, 
		#8c99d3 53%, 
		#1832a7 100%);
	box-shadow: 0px 3px 16px 0px 
		rgba(9, 26, 103, 0.28);
	border-radius: 10px;}
	.dbpy16m23{background-image: linear-gradient(90deg, 
		#1832a7 0%, 
		#8c99d3 31%, 
		#ffffff 80%);
	box-shadow: 0px 3px 16px 0px 
		rgba(9, 26, 103, 0.28);
	border-radius: 10px; }
.dbpy16m21 img,.dbpy16m22 img,.dbpy16m23 img{ width:100%; max-width:734px;  display:block;}
.dbpy16m22 img{ float:right;}
.dbpy16m22 p{ left:65px; right:inherit;}
.dbpy17{ background:url(../images/scanpy16.jpg) no-repeat top center; background-size:cover; width:100%; padding-top:84px; padding-bottom:33px; margin-top:40px;}
.dbpy17m1{background: rgba(255,255,255,0.5); padding-top:31px; padding-bottom:14px; text-align:center;}
.dbpy17m2{font-size: 24px;font-size: 2.4rem; font-weight: bold;	color: #000000;}
.dbpy17m2 strong{	color: #1733a5;}
.dbpy17m3{ text-align:center; font-size: 18px; font-size: 1.8rem;	line-height: 22px; margin-top:10px;	color: #333333;}
.dbpy17m4{ display:block; width: 398px;	height:70px;	font-size: 26px;font-size: 2.6rem;		font-weight: bold;	line-height: 70px;	color: #ffffff; margin:0 auto; text-align:center; background: #1733a5;	border-radius: 34px; margin-top:340px;} 
.dbpy18{ width:100%; background:url(../images/scanpy38.jpg) no-repeat left 91px; padding-top:52px; padding-bottom:110px;}
.dbpy18m1{ text-align:center; font-size: 68px;font-size: 6.8rem;	font-weight: bold; line-height:1.2;	color: #000000;}
.dbpy18m2{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
.dbpy18m21{ margin-top:57px; width:48%; margin-left:2%; padding-bottom:16px; border-bottom:#ececec solid 1px; vertical-align:top; }
.dbpy18m22{ background:url(../images/scanpy39.png) no-repeat left 5px; font-size: 16px;   font-size: 1.6rem; line-height:1.2; color: #000000; padding-left:14px; font-weight:bold; }
.dbpy18m22 span{ display:inline; }
.dbpy18m22 img{ display:inline-block; margin-left:6px;}
.dbpy18m23{ font-size: 16px; font-size: 1.6rem; line-height:22px; margin-top:21px;	color: #666666;}
.dbpy19{ padding-top:40px; padding-bottom:60px;}
.dbpy19m1{ margin-bottom: 15px; font-weight: bold;   text-align: center; color: #000; font-size: 70px; font-size: 7rem;}
.dbpy19m2{ color: #5c5c8a;  font-size: 14px; font-size: 1.4rem;   text-align: center;}
.dbpy19m3{background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(8,28,69,.25), 0 10px 20px rgba(8,28,69,.15), 0 20px 40px rgba(8,28,69,.25);
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    padding: 40px;
    position: relative;
    width: 100%; margin-top:45px;}
.pybox{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.buyforminpu{ width: 48%; position: relative; margin-bottom:30px;box-sizing: border-box;}
.pybox .item-input{border: 1px solid #e6e6e6;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 10px;
    color: #1e1e1e;
    width: 100%;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;} 
.wrap-input label {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 11px;
    color: #333;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 11px;
}
.pybox .wrap-input select {
    cursor: pointer;
}
.buyforminpu2{    width: 100%;}
.buyforminpu2 textarea{ height:120px !important;}
.submitpy{    width: 250px; line-height:50px;
    color: #FFFFFF;
    text-align: center;
    background: #1962AC;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;  border-radius: 4px; border:none; float:right; margin-top:10px;}
	
@media screen and (min-width: 1000px) and (max-width: 1279px){
	.dbpy1{ padding-top:60px; padding-bottom:60px;}
	.dbpy1lt1{ width:460px;}
	.dbpy1img1{ width:100%; max-width:520px;}
	.dbpy1lt2, .dbpy1lt2 p,.dbpy2m,.dbpy3m1,.dbpy4m1,.dbpy5m11,.dbpy7m3,.dbpy8m1,.dbpy12m2,.dbpy13m2,.dbpy14m1,.dbpy15m1,.dbpy16m1,.dbpy2m1{    font-size: 26px;    font-size: 2.6rem; line-height:1.2;}
	.dbpy1lt3, .dbpy1lt3 p,.dbpy2m2{  font-size: 18px;    font-size: 1.8rem; line-height:1.2; margin-top:20px;}
	.dbpy1lt4{ margin-top:40px;}
	.dbpy2{ margin-top:30px;} 
	.dbpy2m3nei p,.dbpy4m3{   font-size: 18px;    font-size: 1.8rem; line-height:1.2;}
	.dbpy3m2,.dbpy4m2,.dbpy10m11,.dbpy10m3,.dbpy10m333,.dbpy12m4,.dbpy16m21 p, .dbpy16m22 p, .dbpy16m23 p{   font-size: 20px;    font-size: 2rem;line-height:1.2;}
	.dbpy3m3,.dbpy10m12 p,.dbpy13m3{ font-size:16px;    font-size: 1.6rem;line-height:1.2; }
	.dbpy7m1,.dbpy10m2{ max-width:400px;}
	.dbpy7m2,.dbpy10m1{ max-width:560px;}
	.dbpy7m4 {    margin-top: 25px;    padding-bottom: 25px;}
	.dbpy7m4 p{ margin-top:10px;}
	.dbpy7m5,.dbpy10m12,.dbpy12m2{ margin-top:20px;}
	.dbpy10m33{ padding:20px;}
	.dbpy10m333{ margin-top:30px;}
	.dbpy12m1{  font-size: 26px;    font-size: 2.6rem; }
	.dbpy12m51 a,.dbpy5m2{  font-size: 18px;    font-size: 1.8rem; }
	.dbpy18m1,.dbpy19m1{  font-size: 30px;    font-size: 3rem; }
	.dbpy19m3{max-width: 880px;}
	.dbpy11m1{   max-width: 400px; bottom:0px;
    bottom: 0px;}
	}
@media screen and (max-width: 999px){
.dbpy1lt2, .dbpy1lt2 p,.dbpy2m,.dbpy3m1,.dbpy4m1,.dbpy5m11,.dbpy7m3,.dbpy8m1,.dbpy12m2,.dbpy13m2,.dbpy14m1,.dbpy15m1,.dbpy16m1,.dbpy2m1{    font-size: 24px;    font-size: 2.4rem; line-height:1.2;}
.dbpy1lt3, .dbpy1lt3 p,.dbpy2m2{  font-size: 18px;    font-size: 1.8rem; line-height:1.2; margin-top:20px;}
.dbpy2m3nei p,.dbpy4m3{   font-size: 18px;    font-size: 1.8rem; line-height:1.2;}
.dbpy2m3nei p,.dbpy4m3{   font-size: 18px;    font-size: 1.8rem; line-height:1.2;}
	.dbpy3m2,.dbpy4m2,.dbpy10m11,.dbpy10m3,.dbpy10m333,.dbpy12m4,.dbpy16m21 p, .dbpy16m22 p, .dbpy16m23 p{   font-size: 20px;    font-size: 2rem;line-height:1.2;}
	.dbpy3m3,.dbpy10m12 p,.dbpy13m3{ font-size:16px;    font-size: 1.6rem;line-height:1.2; }
	.dbpy12m1,.dbpy6m1,.dbpy6m4{  font-size: 26px;    font-size: 2.6rem; }
	.dbpy12m51 a,.dbpy5m2,.dbpy6m5{  font-size: 18px;    font-size: 1.8rem; }
	.dbpy18m1,.dbpy19m1{  font-size: 30px;    font-size: 3rem; }
	.dbpy19m3{ width:80%; padding:20px;}
	.dbpy1lt1{ width:100%;   float:none;}
	.dbpy1{ padding-top:30px; padding-bottom:20px;}
	.dbpy1lt4{ margin-top:50px;}
	.dbpy1img1{float:none; margin:0 auto; display:block; margin-top:30px; }
	.dbpy2:before{ height:500px;}
	.dbpy2m3nei img{  max-width:100%;}
	.dbpy7{ margin-top:50px;}
	.dbpy7m1{ float:none;}
	.dbpy7m2{ float:none; margin-top:20px; max-width:100%;}
	.dbpy7m5{ margin-top:30px;}
	.dbpy10m1{ width:100%; float:none;}
	.dbpy10m2{ float:none; margin-top:20px; max-width:100%;}
	.dbpy10m331{ word-wrap: break-word;}
	.dbpy10m33{ padding:10px; font-size: 20px;    font-size: 2rem;}
	.dbpy10m333{ padding:10px 77px 10px 15px;}
	.dbpy18{ padding-bottom:50px;}
	.dbpy11m1{   max-width: 100%;  position:static;    bottom: 0px; float:none;}
	.dbpy11m2{  position:static;}
	.dbpy11m2{ position:static; width:88%; margin:0 auto; margin-top:30px; }
	.dbpy11m2nei{ padding:10px; }
	.dbpy11m1{ float:none;}
	} 
	@media screen and (max-width: 900px){
		.dbpy5m1{ width:48%; margin-bottom:10px;}
		
		}
		@media screen and (max-width: 881px){
			.dbpy10m31{ width:100%; float:none;}
			.dbpy10m32{ float:none; margin:0 auto; width:80%; padding:5%; margin-top:20px;}
			.dbpy12m51 a, .dbpy5m2{     font-size: 16px;    font-size: 1.6rem;}
			.dbpy13{     padding-top: 50px;
    padding-bottom: 50px;}
	.dbpy14m21nei{ padding:20px;}
	.dbpy11m2{ position:inherit; width:88%; margin:0 auto; margin-top:30px; }
	.dbpy11m2nei{ padding:10px; }
	.dbpy11m1{ float:none;}
	.dbpy16m22 img{ float:none;}
				.dbpy16m21 p, .dbpy16m22 p, .dbpy16m23 p{ position:static; padding:15px;   font-size: 18px;    font-size: 1.8rem;}
				.dbpy16m21,.dbpy16m22,.dbpy16m23{ background:none;}
			}
			@media screen and (max-width: 769px){
				.dbpy12m1{ padding:10px; line-height:1.4;}
				.dbpy12m51{ width:48%; margin-left:1% !important;}
				
				
				}
				@media screen and (max-width: 640px){
					.buyforminpu{  width:98%; margin-left:1% !important;}
					.dbpy14m21{ width:98%; margin-left:1% !important;}
					.dbpy17m4{ width:98%; height:auto; padding:20px 0px; line-height:1.4;font-size: 20px;    font-size: 2rem; }.dbpy18m21{ width:98%; margin-left:1% !important;}
					}
@media screen and (max-width: 550px){
	.dbpy12m51{ width:98%; margin-left:1% !important;}
	.dbpy1lt2, .dbpy1lt2 p,.dbpy2m,.dbpy3m1,.dbpy4m1,.dbpy5m11,.dbpy7m3,.dbpy8m1,.dbpy12m2,.dbpy13m2,.dbpy14m1,.dbpy15m1,.dbpy16m1,.dbpy2m1{    font-size: 20px;    font-size: 2rem; line-height:1.2;}
	.dbpy12m1, .dbpy6m1, .dbpy6m4{font-size: 20px;    font-size: 2rem;}
	.dbpy1lt3, .dbpy1lt3 p, .dbpy2m2{ font-size:16px;    font-size: 1.6rem;}
	.dbpy2m3,.lazyframe{ margin-top:40px;}
	.dbpy2m3nei p{font-size:14px;    font-size: 1.4rem;line-height:1.2; }
	.dbpy2m3nei{ width:32.333%;}
	.dbpy2:before{ height:300px;}
	.dbpy2{ padding-bottom:30px;}
	.dbpy3,.dbpy4{ padding-top:30px;}
	.dbpy5m1{ width:100%; margin:0 auto;}
	.dbpy6m3{ width:49%; margin-bottom:10px;}
	.dbpy6m1 strong{ font-size:30px;    font-size: 3rem;}
	
	}