@charset "UTF-8";
* { 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: #0052a2; }

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

img { border: 0px solid #ccc; }

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

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

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

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

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

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

textarea { resize: none; }

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

em, i { font-style: normal; }

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

.c-fr { float: right; }

.c-cb { clear: both; }

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

.c-oh { overflow: hidden; }

.c-wd { width: 1200px; }

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

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

.c-pr { position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 960px) and (max-width: 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; }

.r { float: right; }

.fix { *zoom: 1; }

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

.box { position: relative; }

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

.clear { clear: both; }

.wp { width: 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: #0052a2; }

.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: #0052a2; 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 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: #0052a2; }

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

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

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

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

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

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

.m-page a:hover { color: #0052a2; border-color: #0052a2; }

.m-page a.active { color: #0052a2; border-color: #0052a2; }

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

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

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

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

.m-page2 { position: relative; }

@media screen and (max-width: 767px) { .m-page { margin-top: 25px; 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; } }

/*kefu*/
.kefu { position: fixed; z-index: 99999999; top: 50%; margin-top: -100px; right: 0px; width: 116px; }

.kefu li { margin-top: 4px; line-height: 30px; }

.kefu li a { font-size: 14px; font-size: 1.4rem; color: #fff; display: block; }

.kefu li a:hover { color: #eee; }

#online_qq_tab { margin: 0px; text-align: center; }

#online_qq_tab a { display: block; overflow: hidden; margin: 0 auto; }

#online_qq_tab a#floatShow { background: url(../img/kefu2.png); width: 45px; height: 140px; right: 0px; position: absolute; margin-top: 10px; }

#online_qq_tab a#floatHide { width: 116px; height: 67px; margin-top: 0px; margin-left: 0px; position: absolute; }

.ken a { display: block; line-height: 30px; font-size: 14px; font-size: 1.4rem; margin-top: 4px; padding-left: 37px; color: #fff; }

.ken p { display: block; line-height: 30px; font-size: 14px; font-size: 1.4rem; margin-top: 4px; padding-left: 37px; }

.ken a:hover { color: #eee; }

.kes { background: #333 url(../img/cei1.png) no-repeat 10px center; color: #fff; }

.keapp { background: #333 url(../img/cei2.png) no-repeat 10px center; color: #fff; }

.kes3 { background: #333 url(../img/cei22.png) no-repeat 10px center; color: #fff; }

.kes4 { background: #333; color: #fff; text-align: center; padding: 0px !important; }

@media screen and (max-width: 639px) { .kefu_top { display: none; }
  #onlineService > a { display: none; }
  .kefu { top: auto; margin-top: auto; right: auto; width: 100%; bottom: 0px; left: 0px; }
  .kefu a { width: 20%; float: left; padding-left: 0px; text-align: center; background: #333; line-height: 45px; font-size: 12px; font-size: 1.2rem; }
  .kefu p { width: 20%; float: left; padding-left: 0px; text-align: center; background: #333; line-height: 45px; font-size: 12px; font-size: 1.2rem; }
  body { padding-bottom: 45px; } }

.returntop { z-index: 9999; background: #333; color: #fff; text-transform: uppercase; text-align: center; padding: 0px !important; line-height: 0; font-size: 0; display: block !important; z-index: 9999; }

.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("../img/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("../img/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: #0052a2; }

.wap-nav { display: none\0; display: none; }

.wap-nav .menubtn { display: none\0; }

@media screen and (max-width: 960px) { .wap-nav, .menubtn { display: block; } }

@media screen and (max-width: 959px) { .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: #0052a2; }
  .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: #0052a2; } }

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

.header .inpu { display: block; background: url(../img/sousuo.png) no-repeat center; width: 31px; height: 31px; }

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

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

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

.ab3_seader { margin-bottom: 57px; }

.ab3_seader .header_form { display: none; background: #fff; position: relative; max-width: 680px; width: 100%; height: 42px; line-height: 42px; }

.ab3_seader .header_form .tex { background: transparent; text-indent: 17px; width: 540px; line-height: 42px; height: 42px; display: inline-block; color: #888888; border: 1px solid #bfbfbf; font-size: 16px; font-size: 1.6rem; }

.ab3_seader .header_form .sub { position: absolute; top: 0px; right: 0px; height: 42px; width: 123px; font-size: 0px; cursor: pointer; z-index: 99; background: #0052a2; color: #fff; font-size: 16px; font-size: 1.6rem; }

@media screen and (max-width: 768px) { .ab3_seader { margin-bottom: 30px; }
  .ab3_seader .header_form .tex { background: transparent; text-indent: 17px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-size: 1.4rem; }
  .ab3_seader .header_form .sub { position: absolute; top: 0px; right: 0px; height: 42px; width: 123px; font-size: 0px; cursor: pointer; z-index: 99; background: #0052a2; color: #fff; font-size: 16px; font-size: 1.6rem; } }

/* header */
.header { background: url(../img/haeder.png) repeat center bottom; position: absolute; top: 0px; z-index: 99; width: 100%; }

.header .heir_wrap { position: relative; max-width: 1400px; width: 1400px\0; margin: 0 auto; }

.header .logo { margin-top: 10px; }

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

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

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

.header_ul1 > li > a { color: #333; line-height: 71px; display: block; font-weight: bold; padding: 0px 16px; font-size: 15px; font-size: 1.5rem; text-transform: uppercase; }

.header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #fff; background: #0052a2; }

.dan_header { border: 1px solid #bfbfbf; display: none; width: 315px; position: absolute; left: 0; top: 100%; background: #fff; z-index: 999999; }

.dan_header > ul { margin: 0px 10px; }

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

.dan_header > ul > li:first-child { border-top: 0px; }

.dan_header > ul > li > a { padding-left: 8px; font-size: 16px; font-size: 1.6rem; position: relative; color: #333; line-height: 38px; display: block; }

.dan_header > ul > li:hover > a { color: #0052a2; }

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

.dan_sanheader { display: none; border-left: 10px solid transparent; width: 357px; position: absolute; left: 100%; top: 0px; z-index: 999999; }

.dan_sanheader > ul { background: #fff; border: 1px solid #bfbfbf; margin: 0px 10px; }

.dan_sanheader > ul > li { line-height: 38px; position: relative; left: 0px; border-top: 1px solid #bfbfbf; }

.dan_sanheader > ul > li:first-child { border-top: 0px; }

.dan_sanheader > ul > li > a { padding-left: 8px; font-size: 16px; font-size: 1.6rem; position: relative; color: #333; line-height: 38px; display: block; }

.dan_sanheader > ul > li:hover > a { color: #0052a2; }

@media screen and (max-width: 1500px) { .header .heir_wrap { width: 90%; }
  .header_ul1 > li { margin-left: 0px; }
  .header_ul1 > li > a { padding: 0px 12px; } }

@media screen and (max-width: 1219px) { .header_right { margin-right: 30px; }
  .header_ul1 > li { margin-left: 0px; margin-right: 0px; }
  .header_ul1 > li > a { padding: 0px 10px; } }

@media screen and (max-width: 999px) { .header { position: relative; }
  .header_ul1 > li > a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 959px) { .header_top .header_form { display: none; }
  .header_top { display: none; }
  .header_right { display: none; }
  .header .logo { float: none; margin: 0 auto; width: 100%; max-width: 200px; margin-top: 10px; margin-bottom: 10px; } }

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

/* footer */
.footer { background: url(../img/footer.png) repeat-y center bottom; padding-top: 56px; }

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

.footer .title { font-size: 24px; font-size: 2.4rem; color: #fff; line-height: 30px; text-transform: uppercase; font-weight: bold; }

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

.footer_left { float: left; width: 224px; padding-left: 42px; background: url(../img/ftu1.png) no-repeat left 7px; }

.footer_center { float: left; margin-left: 92px; width: 350px; padding-left: 42px; background: url(../img/ftu1.png) no-repeat left 7px; }

.footer_right { float: right; width: 398px; padding-left: 42px; background: url(../img/ftu1.png) no-repeat left 7px; }

.footer ul { margin-top: 8px; }

.footer ul li { line-height: 26px; color: #fff; }

.footer ul li a { color: #fff; }

.ftx_ul2 a { text-transform: uppercase; }

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

.footer .shejiao a { display: block; margin-left: 15px; margin-bottom: 0px; float: left; }

.shejiao a img { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }

.shejiao a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

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

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

.footer_right p a { display: inline-block; padding-left: 2px; line-height: 30px; color: #fff; }

.Links { background: #000; background: rgba(0, 0, 0, 0.2);  margin-top: 37px; /*height: 40px; */line-height: 40px; color: #fff; text-align: center; }

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

@media screen and (max-width: 1219px) { .footer_left { width: 162px; }
  .footer_center { margin-left: 20px; width: 296px; }
  .footer_right { width: 330px; } }

@media screen and (max-width: 999px) { .footer_left { width: 40%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .footer_center { width: 60%; float: right; margin-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .footer_right { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; }
  .footer .shejiao a { margin-left: 0px; margin-right: 10px; } }

@media screen and (max-width: 768px) { .footer { padding: 20px 0px; background: #0052a2; }
  .footer_right { background: none; padding: 0px; }
  .footer_left { display: none; }
  .footer_center { display: none; }
  .Links { display: none; }
  .footer_bot { line-height: 26px; padding: 10px 0px; } }

.m1tit { text-align: center; padding-top: 92px; }

.m1tit a { text-transform: uppercase; font-size: 40px; font-size: 4rem; font-weight: bold; color: #0052a2; }

.m1tit b { display: block; width: 326px; height: 1px; margin: 0 auto; background: #0052a2; margin-top: 13px; }

@media screen and (max-width: 768px) { .m1tit { padding-top: 30px; }
  .m1tit a { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 648px) { .m1tit { padding-top: 30px; }
  .m1tit a { font-size: 24px; font-size: 2.4rem; }
  .m1tit b { width: 200px; } }

/*==========main1==================*/
.main1 .m1_top2 { margin-top: 26px; }

.main1 .m1_ul li { float: left; margin-left: 12px; width: 291px; }

.main1 .m1_ul li:hover .fu2 { top: 0px; }

.main1 .m1_ul .wrap { display: block; position: relative; max-width: 291px; width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }

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

.main1 .fu2 { top: 100%; position: absolute; left: 0px; width: 100%; height: 100%; background: url(../img/fu2.png) no-repeat center center; background-size: contain; -webkit-transition: 0.6s all; -moz-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; }

.main1 .fu2 .m1_wrap { display: table; width: 100%; height: 100%; }

.main1 .fu2 a { display: table-cell; vertical-align: middle; }

.main1 .fu2 .more { display: block; max-width: 121px; width: 100%; margin: 0 auto; height: 41px; line-height: 41px; text-align: centere; background: #0052a2; color: #fff; }

.main1 .fu2 span { display: block; margin: 0 auto; }

.main1 .fu2 .p { font-size: 16px; font-size: 1.6rem; color: #0052a2; text-align: center; text-transform: uppercase; margin: 10px 0px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main1 .m1_top { position: relative; top: -77px; margin-left: 153px; }

@media screen and (max-width: 1219px) { .main1 .m1_top2 li { width: 23%; margin-left: 1% !important; margin-right: 1%; }
  .main1 .m1_top li { width: 31%; margin-left: 1% !important; margin-right: 1%; }
  .main1 .m1_top { max-width: 741px; width: 100%; margin: 0 auto; top: -62px; left: 4px; } }

@media screen and (max-width: 999px) { .main1 .m1_top { max-width: 100%; width: 100%; margin: 0 auto; top: 0px; left: 0px; }
  .main1 .fu2 { position: relative; margin-top: 20px; top: 0px; }
  .main1 .fu2 img { display: none; }
  .main1 .m1_ul li { margin-bottom: 20px; }
  .main1 .fu2 .m1_wrap { display: block; }
  .main1 .fu2 a { display: block; } }

@media screen and (max-width: 768px) { .main1 .fu2 .p { font-size: 14px; font-size: 1.4rem; margin-top: 10px; }
  .main1 .m1_top2 li { width: 48%; } }

/*==========main2==================*/
.main2 { background: #f6f9fc; padding-bottom: 100px; }

.main2 .m2_ul { margin-top: 49px; }

.main2 .m2_ul li { float: left; width: 19.47368%; margin-left: 0.58333%; }

.main2 .m2_ul li:hover .fu2 { top: 0px; }

.main2 .m2_ul .wrap { display: block; position: relative; max-width: 370px; width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }

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

.main2 .fu2 { top: 100%; position: absolute; left: 0px; width: 100%; height: 100%; background: url(../img/m2fu2.png) repeat center center; background-size: contain; -webkit-transition: 0.6s all; -moz-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; }

.main2 .fu2 .m1_wrap { display: table; width: 100%; height: 100%; }

.main2 .fu2 a { display: table-cell; vertical-align: middle; }

.main2 .fu2 .more { display: block; text-align: centere; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-top: 25px; }

.main2 .fu2 span { display: block; margin: 0 auto; }

.main2 .wenzxi { max-width: 370px; height: 60xp; line-height: 60px; background: #0052a2; text-align: center; }

.main2 .wenzxi a { display: block; width: 90%; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }

@media screen and (max-width: 999px) { .main2 .m2_ul { margin-top: 20px; }
  .main2 .m2_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; }
  .main2 .m2_ul .fu2 { display: none; opacity: 0; }
  .main2 .wenzxi { height: 40px; line-height: 40px; } }

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

/*==========main3==================*/
.main3 { background: #f4f4f4; padding-bottom: 100px; padding-top: 96px; }

.main3 .title { font-size: 25px; font-size: 2.5rem; font-weight: bold; text-transform: uppercase; line-height: 26px; margin-bottom: 26px; }

.main3 .title a { color: #0052a2; }

.main3 .more { font-size: 16px; font-size: 1.6rem; margin: 0 auto; margin-top: 40px; display: block; width: 120px; height: 40px; line-height: 40px; background: #0052a2; color: #fff; text-align: center; -moz-border-radius: 5px; border-radius: 5px; }

.main3 .m3_l { width: 51.91667%; }

.main3 .m3_l p a { display: block; line-height: 26px; }

.main3 .m3_l img { display: block; margin-right: 27px; }

.main3 .m3_l .title2 { font-size: 16px; font-size: 1.6rem; font-weight: bold; text-indent: 32px; }

.main3 .m3_l .p1 { max-height: 104px; overflow: hidden; }

.main3 .m3_r { width: 45%; }

.main3 .m3_r p a { display: block; line-height: 26px; }

.main3 .m3_r img { display: block; margin-right: 45px; }

.main3 .m3_r .title2 { font-size: 18px; font-size: 1.8rem; font-weight: bold; text-align: centere; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main3 .m3_r .p1 { font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 60px; overflow: hidden; margin-top: 8px; }

.main3 .m3_top2 { padding-bottom: 14px; border-bottom: 1px dashed #151515; margin-bottom: 14px; }

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

@media screen and (max-width: 768px) { .main3 { padding-bottom: 40px; padding-top: 50px; }
  .main3 .m3_l img { display: block; float: none; margin: 0 auto; }
  .main3 .m3_l .title2 { text-indent: 0px; margin-top: 10px; }
  .main3 .m3_r img { margin-right: 20px; } }

/*==========main4==================*/
.main4 { padding-bottom: 99px; }

.main4 .more { font-size: 16px; font-size: 1.6rem; margin: 0 auto; margin-top: 40px; display: block; width: 120px; height: 40px; line-height: 40px; background: #0052a2; color: #fff; text-align: center; -moz-border-radius: 5px; border-radius: 5px; }

.main4 .m4_l { width: 48.5%; margin-top: 51px; }

.main4 .m4_r { width: 49.83333%; margin-top: 65px; position: relative; }

.main4 .m4_r a { display: block; }

.main4 .m4_r img { display: block; max-width: 100%; }

.main4 .m4_r .wenzi { position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(70, 143, 210, 0.5); height: 40px; line-height: 40px; }

.main4 .m4_r .wenzi a { display: block; font-size: 16px; font-size: 1.6rem; font-weight: bold; width: 93%; margin: 0 auto; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main4 .m4_ul li { margin-bottom: 10px; height: 128px; padding-left: 105px; padding-right: 8px; -webkit-transition: 0.6s all; -moz-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; }

.main4 .m4_ul li.li1 { background: url(../img/m4tu21.png) no-repeat left top; }

.main4 .m4_ul li.li2 { background: url(../img/m4tu22.png) no-repeat left top; }

.main4 .m4_ul li.li3 { background: url(../img/m4tu23.png) no-repeat left top; }

.main4 .m4_ul li.li1:hover { background: url(../img/m4tu21on.png) no-repeat left top; }

.main4 .m4_ul li.li2:hover { background: url(../img/m4tu22on.png) no-repeat left top; }

.main4 .m4_ul li.li3:hover { background: url(../img/m4tu23on.png) no-repeat left top; }

.main4 .m4_ul a { display: block; }

.main4 .m4_ul span { color: #9a9a9a; }

.main4 .m4_ul .titl3 { margin-top: 33px; margin-bottom: 4px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #9a9a9a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main4 .m4_ul .title4 { line-height: 26px; color: #9a9a9a; height: 52px; overflow: hidden; }

.main4 .m4_ul li:hover span { color: #a7a8a9; }

.main4 .m4_ul li:hover .titl3 { color: #0052a2; }

.main4 .m4_ul li:hover .title4 { color: #5e5e5e; }

@media screen and (max-width: 999px) { .main4 .m4_l { width: 100%; float: none; margin: 0 auto; margin-top: 20px; }
  .main4 .m4_r { max-width: 598px; width: 100%; float: none; margin: 0 auto; margin-top: 10px; }
  .main4 .m4_ul li { background: #f0f6fd !important; padding-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; height: 100%; }
  .main4 .m4_ul .titl3 { margin-top: 0px; } }

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

.m-crm { line-height: 51px; font-size: 14px; font-size: 1.4rem; color: #fff; background: #0052a2; margin-bottom: 50px; }

.m-crm .wp { padding-left: 25px; background: url(../img/crm.png) no-repeat left 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 768px){.m-crm .wp{line-height: 24px;}}



.m-crm a { color: #fff; text-transform: uppercase; }

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

.m-crm a.active { color: #fff; border-bottom: 1px solid #fff;}

@media screen and (max-width: 768px) { .m-crm { margin-bottom: 30px; } }

/*==========product==================*/
.product .title { margin-bottom: 20px; }

.product .title a { font-size: 30px; font-size: 3rem; line-height: 26px; color: #333; }

.product .title_p a { font-size: 14px; font-size: 1.4rem; line-height: 26px; }

.product .pro_l { width: 992px; }

.product .pro_r { width: 137px; background: #f2f2f2; padding: 15px; }

.product .pro_r span { font-size: 16px; font-size: 1.6rem; line-height: 18px; text-align: center; display: block; margin-bottom: 9px; }

@media screen and (max-width: 1219px) { .product .pro_l { width: 744px; } }

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

.biaotou { margin-bottom: 30px; background-color: #f2f2f2; padding-left: 10px; padding-right: 7px; padding-top: 6px; padding-bottom: 2px; }

.biaotou a { display: block; height: 26px; line-height: 26px; }

.biaotou a img { display: block; margin-top: 2px; }

.mr-none { margin-right: 0 !important; }

.biaotou a.jiuge img, .biaotou a.sange img { margin-top: 4px; }

.biaotou select { display: block; width: 44px; }

.prol-list { margin-bottom: 39px; padding-top: 33px; }

.prol-list-1 { display: block; }

.prol-list-2 { display: none; }

.prol-list-item_col { float: left; margin-right: 3.83333%; margin-bottom: 60px; width: 30.75%; }

.prol-list-item_col .wrap { padding-bottom: 18px; border: 1px solid #bfbfbf; }

.prol-list-item_col:hover { -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33); }

.prol-list-item_col .item-pic { border-bottom: 1px solid #bfbfbf; }

.prol-list-item_col .item-pic img { display: block; max-width: 100%; margin: 0 auto; }

.item-img { margin-top: 15px; }

.item-img a { display: block; margin-left: 1%; margin-right: 1%; float: left; width: 23%; }

.item-img img { display: block; max-width: 74px; width: 100%; margin: 0 auto; }

.prol-list-item_col .item-title { margin-top: 15px; height: 24px; line-height: 24px; font-size: 16px; font-size: 1.6rem; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

.prol-list-item_col .item-title a { color: #333333; }

.prol-list-item_col .item-title a:hover, .prol-list-item_col .item-title .m-page a.active, .m-page .prol-list-item_col .item-title a.active { color: #0052a2; }

.prol-list-item_col .item-price { margin-top: 7px; line-height: 24px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #0052a2; text-align: center; }

.prol-list-item_col .item-link { margin-top: 13px; text-align: center; }

.prol-list-item_col .item-link a { display: inline-block; *display: inline; *zoom: 1; -moz-border-radius: 5px; border-radius: 5px; margin-left: 5px; width: 100%; max-width: 144px; line-height: 40px; font-size: 14px; font-size: 1.4rem; border: 1px solid #7d7d7d; color: #333; text-align: center; }

.prol-list-item_col .item-link a:hover { color: white; background: #0052a2; border-color: #0052a2; }

.prol-list-item_col .item-link img { margin-top: -2px; margin-left: 3px; }

.prol-list-item_row { position: relative; margin-bottom: 62px; padding-bottom: 75px; border-bottom: 1px solid #bfbfbf; }

.prol-list-item_row .item-pic { position: absolute; top: 0px; left: 0px; width: 490px; overflow: hidden;z-index: 99; }

.prol-list-item_row .item-pic img { display: block; max-width: 490px; max-height: 412px; width: 100%; margin: 0 auto; overflow: hidden; }

.prol-list-item_row .item-font { position: relative; padding-left: 544px; padding-right: 0px; }

.prol-list-item_row .item-title { margin-top: 17px; height: 24px; line-height: 24px; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; text-align: left; }

.prol-list-item_row .item-title a { color: #333333; }

.prol-list-item_row .item-title a:hover, .prol-list-item_row .item-title .m-page a.active, .m-page .prol-list-item_row .item-title a.active { color: #0052a2; }

.prol-list-item_row .item-desc { margin-top: 12px; height: 90px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666666; }

.prol-list-item_row .item-desc a { color: #333; }

.prol-list-item_row .item-desc a:hover, .prol-list-item_row .item-desc .m-page a.active, .m-page .prol-list-item_row .item-desc a.active { color: #0052a2; }

.prol-list-item_row .item-price { background: url(../img/tem-price.png) no-repeat left bottom; margin-bottom: 30px; line-height: 24px; font-size: 20px; font-size: 2rem; font-weight: bold; color: #666666; text-align: left; }

.prol-list-item_row .item-link { margin-top: 39px; }

.prol-list-item_row .item-link a { display: inline-block; -moz-border-radius: 5px; border-radius: 5px; *display: inline; *zoom: 1; width: 145px; height: 40px; line-height: 40px; font-size: 14px; font-size: 1.4rem; border: 1px solid #0052a2; color: #0052a2; text-align: center; margin-right: 5px; }

.prol-list-item_row .item-link a:hover { color: white; background: #0052a2; }

.item-img2 { margin-top: 0px; }

.item-img2 a { display: block; margin-left: 1%; margin-right: 1%; float: left; width: 23%; }

.item-img2 img { display: block; max-width: 128px; width: 100%; margin: 0 auto; }

@media screen and (max-width: 768px) { .prol-list-item_row { padding-bottom: 30px; margin-bottom: 30px; }
  .prol-list-item_row .item-pic { position: relative; top: 0px; margin: 0 auto; width: 100%; max-width: 490px; }
  .prol-list-item_row .item-font { padding: 0px; width: 100%; }
  .prol-list-item_col { width: 48%; margin-left: 1%; margin-right: 1% !important; } }

@media screen and (max-width: 500px) { .prol-list-item_row .item-title { font-size: 20px; font-size: 2rem; line-height: 30px; }
  .prol-list-item_col { width: 98%; } }

.topcat { background: url(../img/bg-about-topcat.png) repeat-x center 60px; text-align: center; margin-bottom: 77px; }

.topcat .item { display: inline-block; *display: inline; *zoom: 1; margin-left: 175px; *width: 200px; }

.topcat .item:first-child { margin-left: auto; }

.topcat .item .img { display: block; width: 116px; height: 116px; -moz-border-radius: 50%; border-radius: 50%; margin: auto; margin-bottom: 16px; }

.topcat .item .title { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; text-transform: uppercase; }

.topcat .item:hover .title, .topcat .item.on .title { color: #0052a2; }

.topcat .item.it1 .img { background: url(../img/bg-about-t-1.png) no-repeat left center; }

.topcat .item.it2 .img { background: url(../img/bg-about-t-2.png) no-repeat left center; }

.topcat .item.it3 .img { background: url(../img/bg-about-t-3.png) no-repeat left center; }

.topcat .item .img:hover, .topcat .item.on .img { background-position: right center; }

@media screen and (max-width: 999px) { .topcat .item { margin-left: 160px; } }

@media screen and (max-width: 768px) { .topcat { background: none; margin-bottom: 20px; }
  .topcat .item { margin-left: 80px; } }

@media screen and (max-width: 538px) { .topcat .item { width: 100%; float: none; margin: 0 auto; } }

/*==========about==================*/
.about .about_left { width: 606px; margin-top: 35px; }

.about .about_left .dan_wrap { position: relative; overflow: hidden; max-width: 606px; max-height: 460px; }

.about .about_left .dan_wrap img { display: block; max-width: 606px; max-height: 460px; width: 100%; margin: 0 auto; }

.about .about_right { width: 546px; }

.about .about_right .title { margin-bottom: 9px; }

.about .about_right .title span.span3 { display: block; font-size: 36px; font-size: 3.6rem; line-height: 30px; padding-top: 37px; font-weight: bold; text-transform: uppercase; }

.about .about_right b { display: block; width: 181px; height: 3px; background: #333; margin-top: 20px; }

.about .about_right p { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; margin-top: 47px; }

@media screen and (max-width: 1219px) { .about .about_left { width: 480px; margin-top: 35px; }
  .about .about_right { width: 480px; } }

@media screen and (max-width: 999px) { .about .about_left { max-width: 606px; width: 100%; float: none; margin: 0 auto; margin-bottom: 35px; }
  .about .about_right { width: 100%; float: none; margin: 0 auto; } }

@media screen and (max-width: 768px) { .about .about_left { max-width: 606px; width: 100%; float: none; margin: 0 auto; margin-bottom: 35px; }
  .about .about_right { margin-bottom: 20px; }
  .about .about_right .title span.span3 { padding-top: 10px; font-size: 20px !important; font-size: 2rem !important; line-height: 30px; }
  .about .about_right b { margin-top: 0px; }
  .about .about_right p { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } }

.abmain3 { background: url(../img/m3bg.png) no-repeat top center; padding-top: 62px; margin-top: 0px; padding-bottom: 63px; margin-top: 56px; }

.abmain3 .title { margin-bottom: 32px; background: url(../img/m3titlebg.png) no-repeat center center; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 40px; font-size: 4rem; }

.abmain3 .title a { color: #333; }

.abmain3 .title a:hover { color: #0052a2; }

.abmain3 .cont { margin-bottom: 52px; }

.abmain3 .cont a { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; }

.abmain3 .cont a:hover { color: #0052a2; }

.abmain3 .quan, .abmain3 .quan1 { height: 530px; position: relative; }

.abmain3 .quan .m3-0, .abmain3 .quan .m3-1, .abmain3 .quan .m3-2, .abmain3 .quan .m3-3, .abmain3 .quan .m3-4, .abmain3 .quan .m3-5, .abmain3 .quan .m3-6, .abmain3 .quan1 .m3-0, .abmain3 .quan1 .m3-1, .abmain3 .quan1 .m3-2, .abmain3 .quan1 .m3-3, .abmain3 .quan1 .m3-4, .abmain3 .quan1 .m3-5, .abmain3 .quan1 .m3-6 { position: absolute; z-index: 5; }

.abmain3 .quan .m3-2, .abmain3 .quan .m3-4, .abmain3 .quan .m3-6, .abmain3 .quan1 .m3-2, .abmain3 .quan1 .m3-4, .abmain3 .quan1 .m3-6 { text-align: right; }

.abmain3 .quan .m3-0, .abmain3 .quan1 .m3-0 { z-index: 6; top: 50%; margin-top: -170px; left: 50%; margin-left: -161px; }

.abmain3 .quan .m3-0 a, .abmain3 .quan1 .m3-0 a { display: block; }

.abmain3 .quan .m3-0 a img, .abmain3 .quan1 .m3-0 a img { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.abmain3 .quan .m3-0 a:hover img, .abmain3 .quan1 .m3-0 a:hover img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

.abmain3 .quan .m3-1, .abmain3 .quan1 .m3-1 { background: url(../img/m3-1bg.png) no-repeat right 67px; left: 0; width: 490px; top: 0; }

.abmain3 .quan .m3-1 span, .abmain3 .quan1 .m3-1 span { margin-right: 10px; }

.abmain3 .quan .m3-1 .m3bot, .abmain3 .quan1 .m3-1 .m3bot { margin-top: 31px; width: 385px; margin-left: 20px; }

.abmain3 .quan .m3-1 .m3bot a, .abmain3 .quan1 .m3-1 .m3bot a { margin-left: 18px; }

.abmain3 .quan .m3-2, .abmain3 .quan1 .m3-2 { background: url(../img/m3-2bg.png) no-repeat left 64px; right: 0; width: 490px; top: 0; }

.abmain3 .quan .m3-2 span, .abmain3 .quan1 .m3-2 span { margin-left: 13px; }

.abmain3 .quan .m3-2 .m3bot, .abmain3 .quan1 .m3-2 .m3bot { margin-top: 23px; width: 440px; margin-left: 20px; }

.abmain3 .quan .m3-3, .abmain3 .quan1 .m3-3 { background: url(../img/m3-3bg.png) no-repeat right 65px; left: 0; width: 435px; top: 193px; }

.abmain3 .quan .m3-3 span, .abmain3 .quan1 .m3-3 span { margin-right: 35px; }

.abmain3 .quan .m3-3 .m3bot, .abmain3 .quan1 .m3-3 .m3bot { margin-top: 24px; width: 385px; margin-left: 80px; }

.abmain3 .quan .m3-4, .abmain3 .quan1 .m3-4 { background: url(../img/m3-4bg.png) no-repeat left 64px; right: 0; width: 435px; top: 193px; }

.abmain3 .quan .m3-4 span, .abmain3 .quan1 .m3-4 span { margin-left: 17px; }

.abmain3 .quan .m3-4 .m3bot, .abmain3 .quan1 .m3-4 .m3bot { margin-top: 23px; width: 345px; margin-left: 0px; }

.abmain3 .quan .m3-5, .abmain3 .quan1 .m3-5 { background: url(../img/m3-5bg.png) no-repeat right 13px; left: 0; width: 490px; top: 383px; }

.abmain3 .quan .m3-5 span, .abmain3 .quan1 .m3-5 span { margin-right: 10px; }

.abmain3 .quan .m3-5 .m3bot, .abmain3 .quan1 .m3-5 .m3bot { margin-top: 24px; width: 400px; margin-left: 45px; }

.abmain3 .quan .m3-6, .abmain3 .quan1 .m3-6 { background: url(../img/m3-6bg.png) no-repeat left 13px; right: 0; width: 490px; top: 383px; }

.abmain3 .quan .m3-6 span, .abmain3 .quan1 .m3-6 span { margin-left: 13px; }

.abmain3 .quan .m3-6 .m3bot, .abmain3 .quan1 .m3-6 .m3bot { margin-top: 22px; width: 420px; margin-left: 30px; }

.abmain3 .quan .m3top p, .abmain3 .quan1 .m3top p { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #333; }

.abmain3 .quan .m3top p a, .abmain3 .quan1 .m3top p a { color: #333; }

.abmain3 .quan .m3top p a span, .abmain3 .quan1 .m3top p a span { font-size: 40px; font-size: 4rem; color: #0052a2; position: relative; top: 10px; }

.abmain3 .quan .m3top p a:hover, .abmain3 .quan1 .m3top p a:hover { color: #333; }

.abmain3 .quan .m3bot, .abmain3 .quan1 .m3bot { font-size: 14px; font-size: 1.4rem; color: #666; line-height: 30px; }

.abmain3 .quan .m3bot a, .abmain3 .quan1 .m3bot a { display: block; color: #666; }

.abmain3 .quan .m3bot a:hover, .abmain3 .quan1 .m3bot a:hover { color: #666; }

.abmain3 .quan1 { display: none; }

@media screen and (max-width: 1219px) { .abmain3 .quan .m3-0 { width: 230px; margin-left: -123px; margin-top: -115px; }
  .abmain3 .quan .m3-1, .abmain3 .quan .m3-2, .abmain3 .quan .m3-3, .abmain3 .quan .m3-4, .abmain3 .quan .m3-5, .abmain3 .quan .m3-6 { width: 300px; }
  .abmain3 .quan .m3-1 .m3bot, .abmain3 .quan .m3-2 .m3bot, .abmain3 .quan .m3-3 .m3bot, .abmain3 .quan .m3-4 .m3bot, .abmain3 .quan .m3-5 .m3bot, .abmain3 .quan .m3-6 .m3bot { margin-left: 0; width: 100%; }
  .abmain3 .quan .m3top p { font-size: 18px; font-size: 1.8rem; }
  .abmain3 .quan .m3top p a span { font-size: 34px; font-size: 3.4rem; } }

@media screen and (max-width: 979px) { .abmain3 .quan .m3-0 a img, .abmain3 .quan1 .m3-0 a img { display: block; margin: 0 auto; max-width: 100%; }
  .abmain3 .quan .m3-1 .m3bot a, .abmain3 .quan1 .m3-1 .m3bot a { margin: 0 auto; padding: 0px; }
  .abmain3 { padding-top: 30px; margin-top: 0px; padding-bottom: 30px; background: #f6f6f6 ; }
  .abmain3 .title { font-size: 26px; font-size: 2.6rem; margin-bottom: 10px; }
  .abmain3 .cont { margin-bottom: 10px; }
  .abmain3 .quan { display: none; }
  .abmain3 .quan1 { height: auto; display: block; }
  .abmain3 .quan1 .m3-0 { width: 250px; margin: 0 auto; position: static; }
  .abmain3 .quan1 .m3-1, .abmain3 .quan1 .m3-2, .abmain3 .quan1 .m3-3, .abmain3 .quan1 .m3-4, .abmain3 .quan1 .m3-5, .abmain3 .quan1 .m3-6 { position: static; width: 100%; background: none; text-align: left; }
  .abmain3 .quan1 .m3-1 .m3bot, .abmain3 .quan1 .m3-2 .m3bot, .abmain3 .quan1 .m3-3 .m3bot, .abmain3 .quan1 .m3-4 .m3bot, .abmain3 .quan1 .m3-5 .m3bot, .abmain3 .quan1 .m3-6 .m3bot { width: 100%; margin-left: 0; margin-top: 10px; }
  .abmain3 .quan1 .m3-1 .m3top p, .abmain3 .quan1 .m3-2 .m3top p, .abmain3 .quan1 .m3-3 .m3top p, .abmain3 .quan1 .m3-4 .m3top p, .abmain3 .quan1 .m3-5 .m3top p, .abmain3 .quan1 .m3-6 .m3top p { font-size: 20px; font-size: 2rem; }
  .abmain3 .quan1 .m3-1 .m3top p a span, .abmain3 .quan1 .m3-2 .m3top p a span, .abmain3 .quan1 .m3-3 .m3top p a span, .abmain3 .quan1 .m3-4 .m3top p a span, .abmain3 .quan1 .m3-5 .m3top p a span, .abmain3 .quan1 .m3-6 .m3top p a span { margin-left: 0; margin-right: 15px; top: 3px; } }

@media screen and (max-width: 639px) { .abmain3 .quan1 .m3-0 { width: 180px; }
  .abmain3 .quan1 .m3-1 .m3top p, .abmain3 .quan1 .m3-2 .m3top p, .abmain3 .quan1 .m3-3 .m3top p, .abmain3 .quan1 .m3-4 .m3top p, .abmain3 .quan1 .m3-5 .m3top p, .abmain3 .quan1 .m3-6 .m3top p { font-size: 18px; font-size: 1.8rem; }
  .abmain3 .quan1 .m3-1 .m3top p a span, .abmain3 .quan1 .m3-2 .m3top p a span, .abmain3 .quan1 .m3-3 .m3top p a span, .abmain3 .quan1 .m3-4 .m3top p a span, .abmain3 .quan1 .m3-5 .m3top p a span, .abmain3 .quan1 .m3-6 .m3top p a span { font-size: 30px; font-size: 3rem; } }

.ab1main2 { background: url(../img/ab1bei.png) no-repeat top; padding-top: 46px; padding-bottom: 53px; }

.ab1biao2 { display: block; }

.ab1biao2 img { display: block; width: 177px; height: 74px; }

.ab1main2 p { font-size: 24px; font-size: 2.4rem; line-height: 30px; font-weight: bold; font-style: italic; color: #fff; margin-top: 14px; }

.ab1main3 { padding-top: 12px; padding-bottom: 68px; }

.ab1main3 a { display: block; width: 294px; float: left; margin-left: 8px; margin-top: 43px; }

.ab1main3 a img { display: block; margin: auto; width: 100%; max-width: 294px; max-height: 237px; }

@media screen and (max-width: 1219px) { .ab1main3 a { width: 23%; margin-left: 1% !important; margin-right: 1%; margin-top: 10px; } }

@media screen and (max-width: 999px) { .ab1main2 p { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 768px) { .ab1main3 { padding-top: 0px; padding-bottom: 30px; }
  .ab1main2 { padding-bottom: 31px; }
  .ab1main2 p { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

/*==========ab1_img_top==================*/
.ab1_img_top .title { background: url(../img/fonli1.png) no-repeat left bottom; padding-bottom: 15px; }

.ab1_img_top .title a { color: #0052a2; text-transform: uppercase; font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 40px; }

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

.ab1_img_top .img-scroll .hot { position: relative; top: -55px; float: right; max-width: 54px; width: 100%; height: 46px; }

.ab1_img_top .img-scroll .prev { position: absolute; display: block; width: 23px; height: 23px; top: 50%; margin-top: -15px; z-index: 99; }

.ab1_img_top .img-scroll .next { position: absolute; display: block; width: 23px; height: 23px; top: 50%; margin-top: -15px; z-index: 99; }

.ab1_img_top .img-scroll .prev { left: 0; cursor: pointer; background: url(../img/arrowleft.png) no-repeat center; }

.ab1_img_top .img-scroll .next { right: 0; cursor: pointer; background: url(../img/arrowright.png) no-repeat center; }

.ab1_img_top .img-scroll .prev:hover { background: url(../img/arrowlefton.png) no-repeat center; }

.ab1_img_top .img-scroll .next:hover { background: url(../img/arrowrighton.png) no-repeat center; }

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

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

.ab1_img_top .img-list li { float: left; width: 370px; margin: 10px 25px 10px  10px; }

.ab1_img_top .img-list .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; }

.ab1_img_top .img-list img { display: block; max-width: 370px; max-height: 370px; width: 100%; margin: 0 auto; }

.ab1_img_top .img-list .m4zi { display: block; margin: 0 auto; max-width: 334px; width: 100%; font-size: 16px; font-size: 1.6rem; border-top: 1px solid #bfbfbf; font-weight: bold; padding: 0px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; }

.ab1_img_top .img-list .m3lien { padding-bottom: 21px; max-width: 370px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; border: 1px solid #bfbfbf; }

.ab1_img_top .img-list .m3lien:hover { -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33); }

.ab1_img_top .img-list .m3lien:hover .inp { background: #0052a2; color: #fff; }

.ab1_img_top .img-list .inp { display: block; width: 120px; height: 38px; line-height: 38px; text-align: center; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #0052a2; margin: 0 auto; margin-top: 10px; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }

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

@media screen and (max-width: 999px) { .ab1_img_top .img-scroll .hot { position: relative; }
  .ab1_img_top .img-list li { width: 3%; margin-right: .5%; margin-left: 0px; }
  .ab1_img_top .img-list li .m3lien { padding-bottom: 21px; max-width: 370px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; border: 1px solid #bfbfbf; }
  .ab1_img_top .img-list li .m3lien:hover { -webkit-box-shadow: none; box-shadow: none; }
  .ab1_img_top .img-list li .m3lien:hover .inp { background: #0052a2; color: #fff; } }

@media screen and (max-width: 768px) { .ab1_img_top .img-list li { width: 4.5%; margin-right: 1%; } }

@media screen and (max-width: 400px) { .ab1_img_top .title a { font-size: 20px; font-size: 2rem; }
  .ab1_img_top .img-list li { width: 10%; margin-right: .487%; } }

/************  about5  ***********/
.about5 {  }

.about5 #box { position: relative; width: 1046px; height: 480px; margin: 87px auto 0; }

.about5 #box ul { position: relative; width: 1038px; height: 373px; }

.about5 #box li { position: absolute; list-style: none; background: #000; width: 0; height: 0; top: 146px; left: 377px; z-index: 0; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; }

.about5 #box li img { width: 100%; height: 100%; vertical-align: top; }

.about5 #box li div { width: 100%; height: 100%; line-height: 30px; background: url(../img/zscover.png); filter: alpha(opacity=70); text-align: center; font-size: 20px; font-size: 2rem; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; position: absolute; top: 0; left: 0; }

.about5 #box li div span { color: #fff; padding-top: 50px; background: url(../img/fangdajing.png) no-repeat center top; display: block; text-align: center; margin-top: 48%; }

.about5 #box li div h4 { margin: 0 10px; font: 12px/24px arial; border-bottom: 1px #333 solid; }

.about5 #box li div h4 span { color: red; margin-left: 10px; }

.about5 #box li div p { margin: 5px 10px 0; text-indent: 2em; }

.about5 #box .prev, #box .next { position: absolute; top: 57%; width: 43px; height: 43px; margin-top: -21px; overflow: hidden; text-indent: -999px; cursor: pointer; }

.about5 #box .prev { left: -75px; background: url(../img/zss.png) no-repeat; }

.about5 #box .next { right: -75px; background-position: -39px 0; background: url(../img/zsx.png) no-repeat; }

.about5 #copyright { padding-top: 10px; text-align: center; }

.about5 #box2 { display: none; }

.box3 .img-scroll { position: relative; margin: 0 auto; width: 100%; margin: 0 auto; padding-bottom: 96px; padding-top: 110px; }

.box3 .img-scroll .prev, .box3 .img-scroll .next { position: absolute; display: block; width: 38px; height: 38px; bottom: 0; color: #fff; text-align: center; line-height: 100px; z-index: 9999; }

.box3 .img-scroll .prev { left: 50%; margin-left: -52px; cursor: pointer; background: url("../img/zhengs.png") no-repeat; }

.box3 .img-scroll .prev:hover { background: url("../img/zhengs2.png") no-repeat; }

.box3 .img-scroll .next { right: 50%; margin-right: -52px; cursor: pointer; background: url("../img/zhengx.png") no-repeat; }

.box3 .img-scroll .next:hover { background: url("../img/zhengx2.png") no-repeat; }

.box3 .img-list { position: relative; width: 1046px; overflow: hidden; margin: 0 auto; }

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

.box3 .img-list li { float: left; display: inline; width: 306px; margin-right: 64px; position: relative; text-align: center; }

.box3 .img-list li img { width: 100%; max-width: 306px; max-height: 212px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .about5 #box2 { display: block; padding-top: 20px; }
  .about5 #box { display: none; }
  .about5 #box2 li { float: left; width: 31.3333%; margin: 0 1%; margin-bottom: 20px; }
  .about5 #box2 li img { width: 100%; max-width: 329px; max-height: 446px; }
  .about5 #box2 li div { text-align: center; font-size: 16px; font-size: 1.6rem; margin-top: 10px; }
  .box3 .img-list { width: 940px; }
  .box3 .img-list li { margin-right: 11px; } }

@media screen and (max-width: 999px) { .about5 #box2 { display: block; }
  .about5 #box { display: none; }
  .about5 #box2 { display: block; padding-top: 20px; }
  .about5 #box { display: none; }
  .about5 #box2 li { float: left; width: 31.3333%; margin: 0 1%; margin-bottom: 20px; }
  .about5 #box2 li img { width: 100%; max-width: 329px; max-height: 446px; }
  .about5 #box2 li div { text-align: center; font-size: 16px; font-size: 1.6rem; margin-top: 10px; }
  .box3 .img-list { width: 100%; }
  .box3 .img-list li { width: 0.31333%; margin: 0 0.01%; }
  .box3 .img-scroll { padding-top: 40px; } }

@media screen and (max-width: 600px) { .about5 #box2 li { width: 48%; margin: 0 1%; margin-bottom: 10px; }
  .about5 #box2 li div { font-size: 14px; font-size: 1.4rem; }
  .box3 .img-list li { width: 0.48%; }
  .box3 .img-scroll { padding-bottom: 70px; } }

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

.ab_input { padding-bottom: 100px; margin-top: 63px; }

.ab_input a { display: inline-block; padding: 0px 20px; height: 34px; line-height: 34px; text-align: centere; font-size: 16px; font-size: 1.6rem; color: #333; border: 1px solid #0a0a0a; margin-left: 25px; }

.ab_input a:hover { background: #0052a2; color: #fff; }

.ab_input a.on { background: #0052a2; color: #fff; }

@media screen and (max-width: 600px) { .ab_input { padding-bottom: 50px; }
  .ab_input a { margin-bottom: 10px; } }

/***********************************  FAQ  ************************************/
.faq { padding-top: 70px; padding-bottom: 68px; }

.support_faq { padding-top: 40px; padding-bottom: 80px; }

.zm { font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #0052a2; }

.subNav1 { line-height: 50px; background: url("../img/xy.png") #f1f1f1 no-repeat 98.5% center; padding-left: 15px; border-left: 5px solid #0052a2; margin-bottom: 20px; padding-right: 35px; overflow: hidden; /*white-space: nowrap; */text-overflow: ellipsis; }

.subNav1:hover { background: url("../img/xz.png") #0052a2 no-repeat 98.5% center; }

.subNav1:hover .zm { color: #fff; }

.subNav1:hover .zu { color: #fff; }

.zu { font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #0052a2; }

.currentDt1 { background: url("../img/xz.png") #0052a2 no-repeat 98.5% center; }

.currentDt1 .zm { color: #fff; }

.currentDt1 .zu { color: #fff; }

.navContent1 { display: none; margin-top: -20px; border: 2px solid #0052a2; padding: 0 18px; padding-top: 16px; padding-bottom: 23px; margin-bottom: 20px; }

.navContent1 img { width: 90%; max-width: 380px; margin-left: 25px; }

.pack span { font-size: 16px; font-size: 1.6rem; font-weight: bold; display: inline-block; color: #0052a2; }

.pack p { display: inline-block; line-height: 30px; font-size: 14px; font-size: 1.4rem; }

.pack { margin-bottom: 29px; }

.ye { text-align: center; }

.ye a { display: inline-block; width: 25px; line-height: 25px; -moz-border-radius: 50%; border-radius: 50%; background: #333; text-align: center; color: #fff; margin: 0 3px; }

.ye .current_ye { background: #0052a2; }

.ye a:hover { background: #0052a2; }

.sx { width: auto !important; background: none !important; color: #333 !important; font-size: 12px; font-size: 1.2rem; }

.faq .ye { margin-top: 98px; margin-bottom: 20px; }

.feedback { padding-top: 82px; padding-bottom: 85px; }

.feed { font-size: 3.2rem; font-weight: bold; color: #0052a2; margin-bottom: 77px; text-transform: uppercase; }

.form1 { padding-right: 28px; }

.z_kuang input { padding-left: 15px; width: 521px; height: 53px; border: 2px solid #cdcdcd; font-size: 16px; font-size: 1.6rem; color: #666; }

.z_kuang { padding-left: 26px;  margin-bottom: 34px; }

.text2 { padding-left: 15px; padding-top: 15px; width: 1125px; height: 279px; border: 2px solid #cdcdcd; font-size: 16px; font-size: 1.6rem; margin-bottom: 36px; }

.z_kuang3 { padding-left: 26px; }

.z_kuang2 input { padding-left: 15px; width: 366px; height: 53px; border: 2px solid #cdcdcd; font-size: 16px; font-size: 1.6rem; }

.z_kuang2 { padding-left: 26px;  display: inline-block; }

.yzm2 { vertical-align: middle; cursor: pointer; margin-right: 130px; }

.submit2 { font-size: 16px; font-size: 1.6rem; font-weight: bold; background: #0d6197; width: 326px; height: 57px; display: inline-block; color: #fff; cursor: pointer; }

.z_kuang2 { margin-right: 20px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .z_kuang input { width: 410px; }
  .text2 { width: 903px; }
  .yzm2 { margin-right: 20px; }
  .submit2 { width: 215px; } }

@media screen and (max-width: 999px) { .z_kuang { float: none; }
  .z_kuang input { width: 93%; }
  .text2 { width: 93%; }
  .feedback { background-attachment: fixed; }
  .submit2 { display: block; margin-top: 34px; margin-left: 30px; }
  .yzm2 { margin-right: 0; } }

@media screen and (max-width: 799px) { .yzm2 { display: block; margin-top: 34px; margin-left: 30px; }
  .ye a { margin-bottom: 10px; }
  .faq .ye { margin-top: 30px; margin-bottom: 30px; }
  .faq { padding-bottom: 30px; } }

@media screen and (max-width: 458px) { .z_kuang2 { display: block; margin-right: 0; }
  .z_kuang2 input { width: 100%; }
  .submit2 { width: 90%; }
  .yzm2 { margin-left: 5px; }
  .feedback { padding-top: 30px; }
  .feed { margin-bottom: 30px; } }

/*==========service==================*/
.service .ab_l { width: 516px; }

.service .ab_l .title { font-weight: bold; font-size: 40px; font-size: 4rem; color: #333; text-transform: uppercase; }

.service .ab_l .title strong { color: #0052a2;font-weight:normal; }

.service .ab_l .title2 { margin-top: 20px; margin-bottom: 37px; color: #666666; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.service .ab_l p { line-height: 24px; font-size: 14px; font-size: 1.4rem; margin-bottom: 25px; }

.service .litop { position: relative; width: 600px; padding-bottom: 32.6%; height: 0; overflow: hidden; margin-top: 11px; }

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

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

.service .ab2_wrap img { display: block; max-width: 631px; max-height: 377px; width: 100%; margin: 0 auto; margin-right: 55px; }

.service .ab2_wrap p { line-height: 24px; }

.service .ab2_wrap p.p1 { margin-top: 140px; padding-bottom: 21px; }

.service .setu { display: block; margin: 0 auto; margin-top: 63px; padding-bottom: 53px; max-width: 100%; }

.service .se_ul { margin-top: 12px; padding-bottom: 94px; }

.service .se_ul li { font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-left: 23px; background: url(../img/fseli1.png) no-repeat left 8px; }

.service .ab1_title { font-size: 24px; font-size: 2.4rem; line-height: 30px; text-align: center; }

.service .ab_tite2 { margin-top: 27px; font-size: 18px; font-size: 1.8rem; line-height: 30px; }

@media screen and (max-width: 1219px) { .service .ab_l { width: 48%; }
  .service .litop { width: 50%; }
  .service .ab_l .title { font-size: 30px; font-size: 3rem; }
  .service .ab2_wrap img { width: 50%; }
  .service .ab2_wrap p.p1 { margin-top: 70px; } }

@media screen and (max-width: 999px) { .service .ab_l { width: 100%; float: none; margin: 0 auto; }
  .service .litop { width: 100%; float: none; margin: 0 auto; }
  .service .ab_l .title { font-size: 30px; font-size: 3rem; }
  .service .ab2_wrap { margin-top: 30px; }
  .service .ab2_wrap img { width: 100%; float: none; margin: 0 auto; }
  .service .ab2_wrap p.p1 { margin-top: 10px; } }

@media screen and (max-width: 768px) { .service .ab_l .title2 { margin: 5px 0px; }
  .service .ab_l .title { font-size: 20px; font-size: 2rem; line-height: 30px; }
  .service .setu { padding-bottom: 40px; margin-top: 30px; }
  .service .ab1_title { font-size: 20px; font-size: 2rem; }
  .service .ab_tite2 { font-size: 16px; font-size: 1.6rem; }
  .service .se_ul li { font-size: 14px; font-size: 1.4rem; } }

/*==========solution==================*/
.solution .sol { width: 20%; background: #dcdcdc; padding-top: 4px; margin-bottom: 30px; }

.solution .sol .title, .solution .sol ul { width: 93%; margin: 0 auto; }

.solution .sol .title { background: #fff; text-align: center; margin-bottom: 20px; }

.solution .sol .title a { line-height: 43px; font-size: 18px; font-size: 1.8rem; color: #0052a2; padding-left: 0px; text-transform: uppercase; }

.solution .sol a { display: block;

padding-left: 17px;

font-size: 16px;

font-size: 1.6rem;

line-height: 19px;

padding-top: 10px;

padding-bottom: 10px; }

.solution .sol li:hover { background: #0052a2; }

.solution .sol li:hover a { color: #fff; }

.solution .sol li.on { background: #0052a2; }

.solution .sol li.on a { color: #fff; }

.solution .sor { width: 74.16667%; }

.solution .sor .m-page { float: right; }

.solution .wrap_wp { padding-bottom: 99px; }

.solution .bhang { position: relative; padding-bottom: 20px; }

.solution .bhang .fyblog { width: 298px; position: absolute; top: 33px; }

.solution .bhang .fyblog img { width: 100%; max-width: 298px; max-height: 199px; }

.solution .bhang1 { background: #f4f4f4; }

.solution .bhang2 { border: 1px solid #f4f4f4; }

.solution .bhang1 .fyblognr { padding-left: 376px; padding-top: 35px; padding-right: 36px; }

.solution .bhang2 .fyblognr { padding-right: 376px; padding-top: 35px; padding-left: 36px; }

.solution .bhang1 .fyblog { left: 35px; }

.solution .bhang2 .fyblog { right: 17px; }

.solution .fyblogp1 { display: block; font-size: 18px; font-size: 1.8rem; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 11px; }

.solution .fyblogp2 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 90px; overflow: hidden; margin-top: 14px; margin-bottom: 31px; }

.solution .fyblogp3 { font-family: Verdana; font-size: 12px; font-size: 1.2rem; display: block; height: 55px; line-height: 35px; width: 198px; text-align: center; background: url(../img/semore.png) no-repeat center top; color: #fff; }

@media screen and (max-width: 999px) { .solution .sol { width: 100%; float: none; margin: 0 auto; background: #dcdcdc; margin-bottom: 30px; }
  .solution .sor { width: 100%; float: none; margin: 0 auto; } }

@media screen and (max-width: 768px) { .solution .wrap_wp { padding-bottom: 30px; }
  .solution .bhang2 .fyblog { position: relative; top: 10px; margin: 0 auto; right: 0px; left: 0px; }
  .solution .bhang2 .fyblog img { display: block; margin: 0 auto; }
  .solution .bhang2 .fyblognr { padding: 10px; margin-top: 20px; }
  .solution .bhang1 .fyblog { position: relative; top: 10px; margin: 0 auto; right: 0px; left: 0px; }
  .solution .bhang1 .fyblog img { display: block; margin: 0 auto; }
  .solution .bhang1 .fyblognr { padding: 10px; margin-top: 20px; } }

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

.solution .title1 h1 { font-size: 24px; font-size: 2.4rem; line-height: 26px; font-weight: normal; }

.solution .time { margin-top: 24px; margin-bottom: 18px; }

.solution .time span.sapn1 { font-size: 14px; font-size: 1.4rem; color: #333333; font-weight: normal; display: inline-block; line-height: 26px; height: 26px; padding-left: 22px; background: url(../img/time.png) no-repeat left center; }

.solution .time .share1 { display: inline-block; position: relative; top: 7px; }

.solution .time .share1 .span { padding-right: 5px; font-size: 14px; font-size: 1.4rem; color: #555555; height: 26px; line-height: 26px; }

.solution .share1 { position: relative; display: inline-block; width: 234px; }

.solution .share1 .span4 { font-size: 14px; font-size: 1.4rem; color: #555555; height: 26px; line-height: 26px; }

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

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

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

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

.solution .news2x { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; margin-top: 20px; }

.solution .news2x a { color: #0052a2; line-height: 24px; }

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

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

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

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

.solution .news2po { font-size: 16px; font-size: 1.6rem; color: #555; line-height: 30px; margin-top: 20px; }

.solution .news2po a { color: #0052a2; line-height: 24px; }

.solution .news2po img { display: block; max-width: 100%; }

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

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

.solution .news2po table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; }

.solution .updown { margin-top: 20px; padding-top: 25px; border-top: 1px solid #a9a9a9; margin-bottom: 100px; }

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

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

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

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

.solution .updown p .on { color: #0052a2; }

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

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

.solution .updown p a:hover { color: #555555; }

@media screen and (max-width: 768px) { .solution .time .share1 { float: none; display: block; }
  .solution .time span.sapn1 { float: none; margin-bottom: 10px; }
  .solution .title1 h1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; } }

/***********************************************************************  video  ****************************************************************/
.vimain .title3 { font-size: 40px; font-size: 4rem; font-weight: bold; padding-top: 25px; padding-bottom: 15px; }

.vimain .title3 i { color: #bfbfbf; text-transform: uppercase; }

.vimain .title4 { line-height: 30px; color: #666666; margin-bottom: 29px; }

.vilie { width: 382px; float: left; margin-left: 27px; margin-top: 50px; }

.vitu { position: relative; padding-bottom: 62.6%; height: 0; overflow: hidden; }

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

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

.vizi { background: #ededed; padding: 17px 10px; padding-top: 12px; margin-top: 6px; border: 1px solid #dcdcdc; }

.vizi p { font-size: 16px; font-size: 1.6rem; line-height: 24px; padding-left: 46px; background: url(../img/bofang.png) no-repeat left center; height: 48px; overflow: hidden; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .vilie { width: 31.333%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 0px; } }

@media screen and (max-width: 999px) { .vimain { padding-bottom: 28px; }
  .vilie { width: 31.333%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 0px; }
  .vizi p { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 999px) { .vimain { padding-bottom: 28px; }
  .vilie { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 0px; }
  .vizi p { font-size: 14px; font-size: 1.4rem; padding-left: 0px; background: none; } }

/*==========Video==================*/
.Video .vie_wrap { margin-bottom: 114px; }

.Video .ab1_wrap { padding-bottom: 20px; }

.Video .ab_l { width: 546px; margin-top: 48px; }

.Video .ab_l .title { font-weight: bold; font-size: 40px; font-size: 4rem; color: #333; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }

.Video .ab_l .title span { color: #0052a2; font-style: italic; font-size: 48px; font-size: 4.8rem; }

.Video .ab_l p { line-height: 26px; font-size: 14px; font-size: 1.4rem; margin-bottom: 25px; margin-top: 24px; }

.Video .litop { position: relative; width: 607px; padding-bottom: 36.6%; height: 0; overflow: hidden; margin-top: 11px; }

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

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

.Video .ab2_wrap img { display: block; max-width: 631px; max-height: 377px; width: 100%; margin: 0 auto; margin-right: 55px; }

.Video .ab2_wrap p { line-height: 24px; }

.Video .ab2_wrap p.p1 { margin-top: 140px; padding-bottom: 21px; }

@media screen and (max-width: 1219px) { .Video .ab_l { width: 48%; }
  .Video .litop { width: 50%; }
  .Video .ab_l .title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 999px) { .Video .ab_l { width: 100%; float: none; margin: 0 auto; }
  .Video .litop { width: 100%; float: none; margin: 0 auto; }
  .Video .ab_l .title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 768px) { .Video .vie_wrap { margin-bottom: 34px; }
  .Video .ab_l .title2 { margin: 5px 0px; }
  .Video .ab_l .title { font-size: 20px; font-size: 2rem; line-height: 30px; }
  .Video .setu { padding-bottom: 40px; margin-top: 30px; }
  .Video .ab1_title { font-size: 20px; font-size: 2rem; }
  .Video .ab_tite2 { font-size: 16px; font-size: 1.6rem; }
  .Video .ab_l .title span { font-size: 30px; font-size: 3rem; margin-bottom: 0px; }
  .Video .ab_l p { margin-top: 0px; } }

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

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

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

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

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

.news .newsl-list .item-title { height: 24px; line-height: 24px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

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

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

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

.news .newsl-list .item-desc a { display: block; height: 60px; line-height: 30px; font-size: 16px; font-size: 1.6rem; font-family: Arial, Helvetica, sans-serif; color: #555; overflow: hidden; }

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

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

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

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

.news .newsl-list .item-time { float: right; padding-left: 22px; line-height: 32px; font-size: 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; color: #333333; background: url("../img/nsl_06.png") no-repeat left center; }

.news .newsl-list .item-pic img { display: block; max-width: 100%; margin: 0 auto; }

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

/*=================================================contact=======================================*/
.contact { background: url(../img/ditu.png) no-repeat center top; }

.contact .top { max-width: 904px; margin: 0 auto; }

.contact .top dl dd { width: 150px; float: left; margin-left: 90px; }

.contact .top dl dd .top1 img { display: block; margin: 0 auto; max-width: 80px; }

.contact .top dl dd .bottom1 { text-align: center; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; padding-top: 14px; }

.contact .top dl dd .bottom1 span { display: block; text-align: center; font-weight: bold; color: #0052a2; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.contact .top dl dd .bottom1 a { display: block; text-align: center; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.contact .top dl dd .bottom1 a:hover { color: #0052a2; }

.contop { background: url(../img/contop.png) no-repeat center top; width: 552px; height: 117px; margin-bottom: 53px; }

.contop span { display: inline-block; min-width: 112px; text-align: center; line-height: 65px; font-size: 24px; font-size: 2.4rem; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; }

.con_title { margin-top: 76px; margin-bottom: 28px; font-size: 36px; font-size: 3.6rem; line-height: 30px; text-align: center; }

.cpn_p { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #4d4d4d; text-align: center; }

.cobiao { display: block; text-align: center; font-size: 20px; font-size: 2.0rem; font-weight: normal; color: #333333; padding-top: 44px; text-transform: uppercase; }

.cop { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #8a8a8a; text-align: center; margin-top: 0px; }

.coxin { margin-top: 28px; }

.col { width: 496px; float: left; }

.cor { width: 664px; float: right; }

.coxin .int1 { padding-left: 15px; margin-top: 18.5px; }

.coxin .xing { background: url(../img/xing.png) no-repeat left 22px; }

.coxin .int1 input { border: 2px solid #929292; color: #333; width: 441px; height: 48px; padding-left: 38px; line-height: 48px; font-size: 16px; font-size: 1.6rem; }

.curen { background: #fff url(../img/curen.png) no-repeat left top; }

.cuxinfeng { background: #fff url(../img/cuxinfeng.png) no-repeat left top; }

.cudianhua { background: #fff url(../img/cudianhua.png) no-repeat left top; }

.cufang { background: #fff url(../img/cuguojia.png) no-repeat left top; }

.coxin textarea { border: 2px solid #929292; width: 605px; height: 185px; padding-left: 41px; line-height: 48px; font-size: 16px; font-size: 1.6rem; background: #fff url(../img/cuxinxi.png) no-repeat left top; color: #333; }

.coxin .int2 { padding-left: 14px; margin-top: 18.5px; }

.coxin .int3 { border: 2px solid #929292; width: 230px; height: 48px; padding-left: 12px; line-height: 41px; font-size: 16px; font-size: 1.6rem; float: left; background: #fff; }

.cuyanzheng { width: 161px; height: 50px; float: left; margin-left: 8px; cursor: pointer; }

.coxin .int4 { width: 199px; height: 50px; background: #0052a2; font-size: 14px; font-size: 1.4rem; color: #fff; font-family: Verdana; float: right; cursor: pointer; -moz-border-radius: 0px; border-radius: 0px; }

.map iframe { cursor: pointer; display: block; width: 100%; max-width: 1200px; margin-top: 82px; max-height: 631px; }

.map { margin-bottom: 101px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .col { width: 47%; }
  .cor { width: 47%; }
  .coxin textarea { width: 408px; }
  .coxin .int3 { width: 130px; }
  .coxin .int4 { width: 129px; } }

@media screen and (max-width: 999px) { .coul { width: 30%; margin-left: 1.5%; margin-right: 1.5%; float: left; height: 100px; }
  .col { width: 100%; float: none; }
  .cor { width: 100%; float: none; }
  .coxin .int1 input { width: 90%; }
  .coxin textarea { width: 90%; }
  .coxin .int3 { width: 30%; }
  .coxin .int4 { width: 30%; float: left; margin-left: 8px; } }

@media screen and (max-width: 979px) { .contact .top { width: 100%; }
  .contact .top dl dd { width: 25%; margin-left: 0; } }

@media screen and (max-width: 749px) { .contact .top dl dd { width: 50%; margin-left: 0; margin-bottom: 30px; } }

@media screen and (max-width: 639px) { .contop { background: #eee; width: 100%; padding: 10px 0px; height: 100%; border: 1px solid #333; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .contop span { width: 48%; line-height: 30px; font-size: 20px; font-size: 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .coul { width: 47%; margin-left: 1.5%; margin-right: 1.5%; float: left; }
  .coxin .int1 input { width: 85%; }
  .coxin textarea { width: 84%; }
  .coxin .int3 { width: 84%; padding-left: 41px; float: none; }
  .cuyanzheng { margin-left: auto; margin-top: 11px; }
  .coxin .int4 { width: 36%; float: left; margin-left: 8px; margin-top: 11px; } }

@media screen and (max-width: 480px) { .contact .didian1 { width: auto; } }

@media screen and (max-width: 400px) { .contact .top dl dd { width: 50%; margin-left: 0; margin-bottom: 30px; } }

@media screen and (max-width: 379px) { .coul { width: 97%; margin-left: 1.5%; margin-right: 1.5%; float: left; height: auto; } }

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

.product2 .pto2_top { margin-bottom: 45px; }

.product2 .prob-infr { max-width: 547px; width: 100%; }

.product2 .prob-infr a { display: block; border: 1px solid #bfbfbf; max-width: 545px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.product2 .prob-infr img { max-width: 100%; margin: 0 auto; display: block; }

.product2 .prob-info { width: 587px; }

.product2 .prob-info-title { position: relative; padding-bottom: 26px; line-height: 36px; color: #333; font-size: 24px; font-size: 2.4rem; border-bottom: 1px solid #ccc; font-weight: bold; }

.product2 .prob-share { margin-top: 17px; }

.product2 .prob-share .font { float: left; margin-right: 10px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }

.product2 .prob-share .img { float: left; height: 26px; }

.product2 .prob-info-link { margin-top: 48px; overflow: hidden; }

.product2 .prob-info-link a { float: left; margin-bottom: 20px; -moz-border-radius: 5px; border-radius: 5px; display: block; width: 156px; height: 50px; line-height: 48px; font-size: 18px; font-size: 1.8rem; color: #0052a2; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #0052a2; }

.product2 .prob-info-link a:hover { color: white; background-color: #0052a2; border-color: #0052a2; }

.product2 .prob-info-link a:first-child { float: left; margin-right: 36px; }

.product2 .prob-info-desc { font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 30px; margin-top: 20px; }

.product2 .prob-info-desc a { color: #0052a2; line-height: 30px; color: #0052a2; }

.product2 .prob-info-desc img { display: block; max-width: 100%; }

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

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

.product2 .prob-info-desc table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; }

.product2 .m-prob2 { margin-top: 69px; }

.product2 .box-title { padding-bottom: 3px; line-height: 30px; font-size: 26px; font-size: 2.6rem; font-weight: bold; border-bottom: 1px solid #ccc; }

.product2 .box-desc { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; margin-top: 20px; margin-bottom: 40px; }

.product2 .box-desc a { color: #0052a2; line-height: 30px; color: #0052a2; }

.product2 .box-desc img { display: block; max-width: 100%; }

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

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

.product2 .box-desc table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; }

.product2 .pro2_top3 { background: #2e3439; }

.product2 　 .pro2_ul1 { overflow: hidden; width: 100%; text-align: center; }

.product2 .pro2_ul1 li { float: left; cursor: pointer; text-transform: uppercase; color: #fff; font-size: 16px; font-size: 1.6rem; padding: 20px 47px; border-left: 1px solid #43494d; text-align: center; }

.product2 .pro2_ul1 li:first-child { border: 0px; }

.product2 .pro2_ul1 li img { display: block; margin: 0 auto; margin-bottom: 4px; }

.product2 .pro2_ul1 li a { color: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.product2 .pro2_ul1 li:hover { background: #0052a2; color: #fff; }

.product2 .pro2_ul1 li.current { background: #0052a2; color: #fff; }

.product2 .pro2_titl2 { font-size: 30px; font-size: 3rem; font-weight: bold; text-transform: uppercase; color: #0052a2; margin-top: 70px; background: url(../img/pro2_titl2.png) no-repeat left bottom; line-height: 30px; padding-bottom: 20px; }

.product2 .pro2_titl2 a { color: #0052a2; }

@media screen and (max-width: 1219px) { .product2 .prob-infr { width: 48%; border: 1px solid #bfbfbf; }
  .product2 .prob-info { width: 50%; }
  .product2 .pro2_ul1 li { padding: 20px 30px; } }

@media screen and (max-width: 999px) { .product2 .prob-infr { max-width: 500px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; margin: 0 auto; border: 1px solid #bfbfbf; }
  .product2 .prob-info { width: 100%; float: none; margin: 0 auto; margin-top: 20px; }
  .product2 .prob-info-title { font-size: 20px; font-size: 2rem; line-height: 30px; }
  .product2 .pro2_ul1 li { width: 33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px; } }

@media screen and (max-width: 768px) { .product2 { padding-bottom: 50px; }
  .product2 .pro2_titl2 { font-size: 20px; font-size: 2rem; margin-top: 20px; padding-bottom: 10px; }
  .product2 .prob-info-title { font-size: 16px; font-size: 1.6rem; }
  .product2 .pro2_ul1 li { font-size: 14px; font-size: 1.4rem; } }

.product2 .materials1 { display: block; margin: 0 auto; max-width: 100%; margin-top: 50px; }

.product2 .litop { position: relative; max-width: 1047px; margin: 0 auto; padding-bottom: 45.22%; height: 0; overflow: hidden; margin-top: 71px; }

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

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

@media screen and (max-width: 768px) { .product2 .litop { margin-top: 20px; }
  .product2 .materials1 { margin-top: 20px; } }

/*==========pro2_ul3==================*/
.pro2_ul3 { margin-top: 55px; }

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

.pro2_ul3 .img-scroll .prev { position: absolute; display: block; width: 23px; height: 23px; top: 50%; margin-top: -11.5px; z-index: 99; }

.pro2_ul3 .img-scroll .next { position: absolute; display: block; width: 23px; height: 23px; top: 50%; margin-top: -11.5px; z-index: 99; }

.pro2_ul3 .img-scroll .prev { left: 0; cursor: pointer; background: url(../img/arrowleft.png) no-repeat center; }

.pro2_ul3 .img-scroll .next { right: 0; cursor: pointer; background: url(../img/arrowright.png) no-repeat center; }

.pro2_ul3 .img-scroll .prev:hover { background: url(../img/arrowlefton.png) no-repeat center; }

.pro2_ul3 .img-scroll .next:hover { background: url(../img/arrowrighton.png) no-repeat center; }

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

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

.pro2_ul3 .img-list li { float: left; width: 511px; margin-right: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pro2_ul3 .img-list li img { display: block; max-width: 511px; max-height: 430px; width: 100%; margin: 0 auto; }

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

@media screen and (max-width: 1219px) { .pro2_ul3 .img-list li { width: 4.5%; margin-right: 1%; } }

@media screen and (max-width: 999px) { .pro2_ul3 { margin-top: 30px; margin-bottom: 40px; } }

/*==========pro2_ul2==================*/
.pro2_ul2 .img-scroll { position: relative; width: 100%; }

.pro2_ul2 .img-scroll .hot { position: relative; top: -55px; float: right; max-width: 54px; width: 100%; height: 46px; }

.pro2_ul2 .img-scroll .prev { position: absolute; display: block; width: 23px; height: 23px; top: 50%; margin-top: -15px; z-index: 99; }

.pro2_ul2 .img-scroll .next { position: absolute; display: block; width: 23px; height: 23px; top: 50%; margin-top: -15px; z-index: 99; }

.pro2_ul2 .img-scroll .prev { left: 0; cursor: pointer; background: url(../img/arrowleft.png) no-repeat center; }

.pro2_ul2 .img-scroll .next { right: 0; cursor: pointer; background: url(../img/arrowright.png) no-repeat center; }

.pro2_ul2 .img-scroll .prev:hover { background: url(../img/arrowlefton.png) no-repeat center; }

.pro2_ul2 .img-scroll .next:hover { background: url(../img/arrowrighton.png) no-repeat center; }

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

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

.pro2_ul2 .img-list li { float: left; width: 283px; margin-right: 22px; }

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

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

@media screen and (max-width: 1219px) { .pro2_ul2 .img-list li { margin-right: 62px; } }

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

@media screen and (max-width: 768px) { .pro2_ul2 .img-list li { width: 4.5%; margin-right: 1%; } }

/*==========promain1==================*/
.promain1 { margin-top: 50px; }

.promain1 #tab { width: 335px; }

.promain1 #tab li { background: #eeeeee url(../img/m1tu1.png) no-repeat left top; border: 1px solid #bfbfbf; text-indent: 28px; margin-bottom: 11px; cursor: pointer; padding-right: 20px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.promain1 #tab li a { display: block;
width: 313px;
color: #333;
height: 44px;
line-height: 44px;
font-size: 16px;
font-size: 1.6rem;
-webkit-transition: 1s all;
-o-transition: 1s all;
-moz-transition: 1s all;
transition: 1s all;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }

.promain1 #tab li:hover { background: #0052a2 url(../img/m1tu1on.png) no-repeat left top; }

.promain1 #tab li.current { background: #0052a2 url(../img/m1tu1on.png) no-repeat left top; }

.promain1 #tab li:hover a { color: #fff; }

.promain1 #tab li.current a { color: #fff; }

.promain1 #content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 794px; }

.promain1 #content .chanxn { display: none; }

.promain1 .m1_wrap { max-width: 794px; width: 100%; margin: 0 auto; }

.promain1 .m1_wrap p span { font-size: 16px; font-size: 1.6rem; line-height: 30px; display: block; color: #333333; }

.promain1 .m1_wrap img { display: block; max-width: 345px; max-height: 263px; width: 100%; border: 1px solid #bfbfbf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 61px; }

.promain1 .sao1 { font-size: 24px; font-size: 2.4rem; }

.promain1 .sao2 { margin-top: 20px; margin-bottom: 29px; }

@media screen and (max-width: 1219px) { .promain1 #content { width: 623px; }
  .promain1 .m1_wrap img { width: 60%; margin-left: 20px; } }

@media screen and (max-width: 999px) { .promain1 .sao1 { display: block; margin-top: 10px; }
  .promain1 .sao2 { margin-top: 10px; margin-bottom: 10px; }
  .promain1 #tab { width: 100%; float: none; }
  .promain1 #tab li { padding: 0px; background: #eeeeee; text-indent: 5px; width: 31%; margin-left: 1%; float: left; }
  .promain1 #tab li a { width: 98%; margin: 0 auto; margin: 0 auto; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .promain1 #content { width: 100%; float: none; min-height: 100%; margin-top: 20px; }
  .promain1 .m1_wrap img { float: none; margin: 0 auto; margin-top: 10px; }
  .promain1 #tab li:hover { background: #0052a2; }
  .promain1 #tab li.current { background: #0052a2; }
  .promain1 .m1_wrap p a { margin-top: 10px; } }

@media screen and (max-width: 768px) { .promain1 { margin-top: 30px; }
  .promain1 .m1_wrap p span { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .promain1 .sao1 { font-size: 20px; font-size: 2rem; display: block; margin-top: 10px; }
  .promain1 .m1_wrap p a { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }

@media screen and (max-width: 640px) { 
  .yanzhengm{margin-top: 15px;}
  .promain1 #tab li a { height: 35px; line-height: 35px; font-size: 12px; font-size: 1.2rem; }
  .promain1 #tab li { padding: 0px; background: #eeeeee; text-indent: 5px; width: 48%; margin-left: 1%; float: left; margin-bottom: 10px; } }

/**********************  ce  ************************/
.ce { position: fixed; top: 20%; z-index: 99999; width: 148px; left: 0px; }

.ce li { margin: 5px 10px; padding-bottom: 5px; text-align: center; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }

.ce li a { display: block; padding-top: 53px; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }

.ce li span { display: block; margin-top: 1px; color: #0052a2; text-transform: uppercase; }

.ce li.li6 span { font-size: 12px; font-size: 1.2rem; }

.ce li img { margin-top: 6px; }

.ce li:hover span { color: #fff !important; }

.ce li.li1 { background: #eee url(../img/top1on.png) no-repeat center 10px; }

.ce li.li2 { background: #eee url(../img/top2on.png) no-repeat center 10px; }

.ce li.li3 { background: #eee url(../img/top3on.png) no-repeat center 10px; }

.ce li.li4 { background: #eee url(../img/top4on.png) no-repeat center 10px; }

.ce li.li5 { background: #eee url(../img/top5on.png) no-repeat center 10px; }

.ce li.li6 { background: #eee url(../img/top6on.png) no-repeat center 10px; }

.ce li.li1:hover { background: #0052a2 url(../img/top1.png) no-repeat center 10px; color: #fff; }

.ce li.li2:hover { background: #0052a2 url(../img/top2.png) no-repeat center 10px; color: #fff; }

.ce li.li3:hover { background: #0052a2 url(../img/top3.png) no-repeat center 10px; color: #fff; }

.ce li.li4:hover { background: #0052a2 url(../img/top4.png) no-repeat center 10px; color: #fff; }

.ce li.li5:hover { background: #0052a2 url(../img/top5.png) no-repeat center 10px; color: #fff; }

.ce li.li6:hover { background: #0052a2 url(../img/top6.png) no-repeat center 10px; color: #fff; }

@media screen and (max-width: 999px) { .ce { display: none; } }

/*# sourceMappingURL=style.css.map */


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


.chanxiang{margin-top: 30px;}
.chanxiang p{font-size: 14px; font-size: 1.4rem; line-height: 24px;}
.chanxiang img{max-width: 100%;}
.chanxiang table,.nex table{ width:97%; border-collapse:collapse; line-height:24px; }
.chanxiang tr td,.nex tr td{ line-height: 35px; padding:2px;  }


.m-page a.no:hover{
color: #333!important;
background: #fff!important;
border: 1px solid #e5e5e5!important;}


.prob-info-link a.none:hover{color: #0052a2!important;
background: #fff!important;
border: 1px solid #0052a2!important;}



.chanxiang table tr:nth-child(even){
background: rgb(242,242,242)!important;
}
.chanxiang table tr{
border: 1 solid #fff!important;
}



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

.about .subNavBox1 .subNav1{

}


.pack div{display: inline-block;

line-height: 30px;

font-size: 14px;

font-size: 1.4rem;}



.listcart{ width:100%; margin-top:40px;}
.listcart a{ background:#fff;display:inline-block;height: 30px; width:200px; line-height: 

30px;cursor: pointer;border: none;overflow: hidden;color: #0052a2;cursor: pointer;  border:1px solid 

#0052a2; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; 

margin-left:10px;}
.listcart a:hover{  border:#0052a2 solid 1px; background:#0052a2; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
.listcart{ width:100%; margin-top:2rem }
}
@media screen and (max-width:420px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-

top:1rem}
}

.pro_top .title_p a:hover{color: #333;}


  .ken .kes3 { position: relative; }

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

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


    .ken .kes3:hover .ewm2{bottom: 0; display: block!important; }


    @media screen and (max-width: 767px){ 
        .ewm3 {right: 0px;left: 0; top: -171%; bottom: 100%; width: 100px; height: 100px; }
        .ewm3.active{ display: block; }
        .ewm2{ display: none!important; }
        .ken .kes3:hover .ewm2 img{ display: none!important; } 
    }


    @media screen and (min-width: 769px) and (max-width: 819px){ 
.m-page .add{margin-top: 10px;}

         
    }


 #myclock span{padding-right: 10px!important;}