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

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

.zitib { font-family: 'LatoBold'; }

* { margin: 0px; padding: 0px;font-family: "微软雅黑" !important; }

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

body { width: 100%; overflow-x: hidden; font-family: 'LatoRegular'; font-size: 14px; font-size: 1.4rem; color: #333; }

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

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

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

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

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

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

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

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

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

textarea { resize: none; }

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

em, i { font-style: normal; }

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

.c-fr { float: right; }

.c-cb { clear: both; }

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

.c-oh { overflow: hidden; }

.c-wd { width: 1200px; }

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

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

.c-pr { position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #da251d; line-height: 30px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-crm { margin-top: 2px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333333; margin-bottom: 53px; }

.m-crm .wp { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 10px; padding-left: 28px; background: url(../images/home.png) no-repeat left 11px; border-bottom: 1px solid #cccccc; }

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

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

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

@media screen and (max-width: 956px) { .m-crm { margin-top: 10px; } }

@media screen and (max-width: 767px) { .m-crm { margin-bottom: 25px; font-size: 14px; font-size: 1.4rem; }
  .m-crm .wp { background: url(../images/home.png) no-repeat left 8px; } }

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

.m-page a { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 30px; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

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

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

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

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

.m-page .ins { margin-left: 24px; width: 131px; display: inline-block; height: 30px; line-height: 28px; text-align: center; border: none; outline: none; background-color: #da251d; color: #fff; font-size: 12px; font-size: 1.2rem; cursor: pointer; }

.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; margin-bottom: 40px; }
  .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
  .m-page img { display: none; } }

/**********************  ce  ************************/
.ce { position: fixed; top: 18%; z-index: 99999; width: 69px; background: #f8f8f8; right: 0px; padding: 10px 0px; -moz-border-radius: 28px; border-radius: 28px; }

.ce li { margin: 5px 10px; border-bottom: 1px solid #aaaaaa; padding-bottom: 5px; text-align: center; }

.ce li.noborder { border: none; }

.ce li span { display: block; margin-top: 1px; font-size: 12px; font-size: 1.2rem; }

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

.ce li:hover span { color: #da251d; }

.weixin { position: relative; }

.weixin .ewm { position: absolute; right: 100%; bottom: -99999px; max-width: 150px; width: 150px !important; height: 150px !important; }

.weixin:hover .ewm { bottom: 0; }

@media screen and (max-width: 767px) { .ce { bottom: 0; top: auto; width: 100%; padding: 0; -moz-border-radius: 0; border-radius: 0; right: 0; }
  .ce li { border: none; float: left; width: 33%; margin: 0; }
  body { padding-bottom: 64px; }
  .ewm { right: auto; left: 0; }
  .weixin:hover .ewm { bottom: 100%; }
  .ce li.noborder img { margin-top: 5px; } }

.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 72px; height: 72px; background: url("../images/gotop.png") no-repeat center; line-height: 0; font-size: 0; display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* search */
/* break */
.break { padding-top: 15px; margin-bottom: 60px; }

.break .wp { border-bottom: 1px solid #da251d; }

.break p { text-transform: uppercase; padding-left: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; font-size: 16px; font-size: 1.6rem; }

.break a { color: #333; line-height: 35px; }

.break a.on, .break a:hover { color: #da251d; }

/* header_top */
.header_top { margin-bottom: 18px; }

.header_top a { display: inline-block; font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-top: 9px; position: relative; top: 9px; margin-left: 10px; color: #666666; text-transform: uppercase; }

.header_top a span { position: relative; top: -6px; }

.header_top .header_form { margin-right: 14px; border: 1px solid #cccccc; width: 236px; height: 34px; line-height: 34px; -moz-border-radius: 5px; border-radius: 5px; position: relative; display: inline-block; top: 14px; }

.header_top .header_form .tex { background: transparent; -moz-border-radius: 5px; border-radius: 5px; text-indent: 10px; width: 100%; height: 34px; line-height: 34px; display: inline-block; color: #cdcdcd; font-size: 12px; font-size: 1.2rem; }

.header_top .header_form .sub { position: absolute; top: 0px; right: 0px; height: 34px; width: 30px; font-size: 0px; cursor: pointer; z-index: 99; background: url(../images/suosou.png) no-repeat left -1px; }

/* header */
.header { background: url(../images/heabj.png) no-repeat center bottom; }

.header .heade_wp { max-width: 1400px; width: 95%; margin: 0 auto; padding-top: 17px; padding-bottom: 43px; }

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

.header_ul1 > li { float: left; margin-left: 0px; margin-right: 20px; position: relative; }

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

.header_ul1 > li > a { color: #333; line-height: 62px; display: block; font-family: "LatoBold"; padding: 0px 25px; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }

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

.dan_header { display: none; width: 255px; position: absolute; left: 0px; top: 100%; border: 1px solid #cccccc; border-top: 4px solid transparent; z-index: 999999; }

.dan_header > ul { background: #fff; }

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

.dan_header > ul > li > a { padding-left: 10px; position: relative; color: #333; line-height: 40px; display: block; }

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

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

.dan_sanheader { display: none; width: 187px; padding-left: 2px; position: absolute; left: 100%; top: 0px; z-index: 999999; border: 1px solid #cccccc; border-top: 0px; }

.dan_sanheader > ul { background: #fff; }

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

.dan_sanheader > ul > li > a { padding-left: 10px; position: relative; color: #333; line-height: 40px; display: block; }

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

@media screen and (max-width: 1419px) { .header_ul1 > li > a { display: block; font-size: 14px; font-size: 1.4rem; padding: 0px 15px; } }

@media screen and (max-width: 1219px) { .header_ul1 > li > a { display: block; font-size: 14px; font-size: 1.4rem; padding: 0px 5px; }
  .header_top .header_form { width: 164px; } }

@media screen and (max-width: 999px) { .header { position: relative; }
  .header_top .header_form { width: 143px; } }

@media screen and (max-width: 959px) { .header_right { display: none; margin: 0 auto; padding: 0px; }
  .heade_wp { display: none; margin: 0 auto; padding: 0px; }
  .header_right { display: none; }
  .header { background: none; }
  .header .logo { float: none; margin: 0 auto; } }

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

/* footer */
.footer { background: url(../images/footer.png) no-repeat center bottom; padding-top: 31px; }

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

.footer .title { font-size: 20px; font-size: 2rem; color: #fff; line-height: 30px; text-transform: uppercase; font-family: "LatoBold"; }

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

.footer_left { float: left; width: 260px; }

.footer_center { float: left; margin-left: 83px; width: 189px; }

.footer_center2 { float: left; margin-left: 52px; width: 379px; }

.footer_right { float: right; width: 152px;text-align: center; }

.footer_center2 form { margin-top: 31px; }

.footer_center2 .c_div { margin-top: 0px; }

.footer_center2 .c_div2 { margin-top: 10px; }

.footer_center2 .c_nr { padding-left: 9px; margin-bottom: 10px; }

.footer_center2 .c_nr2 { padding-left: 9px; }

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

.footer_center2 .c_div_l { padding-left: 9px; background: url(../images/xing.png) no-repeat left 19px; }

.footer_center2 .c_input, .footer_center2 .c_captcha { font-size: 14px; font-size: 1.4rem; color: #999999; height: 36px; line-height: 3px; border: 1px solid #aaaaaa; }

.footer_center2 .c-span { width: 18px; display: block; height: 36px; line-height: 3px; font-size: 14px; font-size: 1.4rem; color: #999999; text-indent: 1px; }

.footer_center2 .c_input { width: 89%; padding-left: 35px; display: block; background-color: transparent; }

.footer_center2 .c_textarea { font-size: 14px; font-size: 1.4rem; color: #999999; line-height: 36px; border: 1px solid #aaaaaa; background: transparent url(../images/xp-icon3.png) no-repeat left top; padding-left: 35px; width: 89%; height: 124px; }

.footer_center2 .c_yzm { display: block; float: left; cursor: pointer; }

.footer_center2 .c_captcha { display: block; float: left; padding-left: 9px; width: 120px; margin-right: 11px; background: transparent; }

.footer_center2 .c_send { float: right; width: 130px; background: #da251d; color: #fff; height: 38px; text-transform: uppercase; line-height: 38px; cursor: pointer; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }

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

.footer_center2 .c_xpbg1 .c_input { display: block; background: transparent url(../images/xp-icon1.png) no-repeat left top; }

.footer_center2 .c_xpbg2 .c_input { display: block; background: transparent url(../images/xp-icon2.png) no-repeat left top; }

.footer_right .j-lazy { margin-top: 30px; }

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

.footer ul p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; }

.footer ul li { line-height: 30px; color: #bcbcbc; }

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

.footer .shejiao { padding-top: 15px; padding-bottom: 46px; }

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

.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_bot { background: #111111; color: #fff; text-align: center; padding-top: 10px; padding-bottom: 5px; }

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

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

.Links { height: 26px; line-height: 26px; }

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

@media screen and (max-width: 1219px) { .footer_left { float: left; width: 237px; }
  .footer_center { float: left; margin-left: 20px; width: 150px; }
  .footer_center2 { float: left; margin-left: 20px; width: 379px; }
  .footer_right { float: right; width: 152px; } }

@media screen and (max-width: 999px) { .footer { background: #222222 url(../images/footer.png) no-repeat center bottom; }
  .footer_left { width: 48%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .footer_center { width: 48%; float: right; margin-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 322px; }
  .footer_center2 { width: 48%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; }
  .footer_right { width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; }
  .footer_center2 .c_send { float: none; margin-top: 10px; width: 100%; } }

@media screen and (max-width: 768px) { .footer { padding-top: 0px; }
  .footer_left { display: none; }
  .footer_center, .footer_center2 { display: none; }
  .footer_right { width: 100%; padding-left: 0px; background: none; }
  .Links { display: none; }
  .footer .shejiao { padding-bottom: 20px; } }

/*==========main_ttile==================*/
.main_ttile { padding-top: 60px; }

.main_ttile .m1tit { text-align: center; background: url(../images/botiy.png) no-repeat center bottom; padding-bottom: 15px; }

.main_ttile .m1tit a { font-size: 40px; font-size: 4rem; font-family: "LatoBold"; text-transform: uppercase; line-height: 40px; }

.main_ttile .m1tit span { color: #da251d; }

.main_ttile .m1tit b { color: #fff; }

.main_ttile .m1_p { text-align: center; margin-top: 10px; text-transform: uppercase; }

.main_ttile .m1_p a { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666666; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

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

/*==========main1==================*/
.main1 { background: url(../images/main1.jpg) no-repeat center bottom; padding-bottom: 124px; }

.main1 .m1_ul li { float: left; width: 31.778%; margin-right: 28px; margin-top: 34px; }

.main1 .m1_ul li:nth-child(3n){
  margin-right: 0;
}
.main1 .m1_ul li:first-child{
  margin-left: 0 !important;
}
.main1 .m1_ul img { display: block; max-width: 100%; max-height: 275px; width: 100%; margin: 0 auto; }

.main1 .m1_ul .m4zi { display: block; margin: 0 auto; max-width: 272px; width: 95%; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.main1 .m1_ul .m3lien { max-width: 100%; text-align: center; position: relative; margin: 0 auto; overflow: hidden; border: 1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.main1 .m1_ul .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); -webkit-transition: 0.6s all; -moz-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; }

.main1 .m1_ul .m4fu a { display: table; width: 100%; height: 100%; }

.main1 .m1_ul .m4fu span { display: table-cell; vertical-align: middle; text-align: center; }

.main1 .m1_ul .m4fu b { display: block; width: 147px; height: 45px; line-height: 45px; margin: 0 auto; text-align: center; text-transform: uppercase; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-weight: normal; border: 1px solid #fff; }

.main1 .m1_ul .m4zi { width: 95%; margin: 0 auto; display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; text-align: center; }

.main1 .m1_ul .wenzo { max-width: 272px; width: 100%; margin: 0 auto; margin-top: 13px; }

.main1 .m1_ul .m3lien:hover { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

.main1 .m1_ul .m3lien:hover .m4fu { top: 0; }

.main1 .more { padding-top: 53px; }

.main1 .more a { display: block; width: 183px; height: 42px; line-height: 36px; color: #fff; background: url(../images/m1more.png) no-repeat center center; margin: 0 auto; text-indent: 32px; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }

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

@media screen and (max-width: 999px) { .main1 .m1_ul li { width: 32%; margin-left: 1% !important; margin-right: 1%; }
  .main1 .m1_ul .m4fu { top: 0px; opacity: 0; } }

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

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

/*==========main2==================*/
.main2 { position: relative; background: url(../images/main2.jpg) no-repeat center bottom; }

.main2 .m2tu { width: 44.27083%; }

.main2 .m2zi { width: 49.27083%; padding-bottom: 93px; position: relative; z-index: 9; }

.main2 b { display: block; width: 130px; height: 4px; background: #da251d; }

.main2 .m2tu a { display: block; color: #333; }

.main2 .m2tu a img { display: block; margin: auto; width: 100%; max-width: 1126px; max-height: 582px; }

.main2 .m2zin { width: 600px; padding-top: 0px; float: right; }

.main2 .m2biao { margin-bottom: 30px; display: block; font-size: 40px; font-size: 4rem; color: #333; font-weight: bold; text-transform: uppercase; line-height: 40px; }

.main2 .m2a { display: block; }

.main2 .m2zi p { padding-top: 5px; margin-bottom: 60px; }

.main2 .m2zi p a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 24px; color: #333; }

.main2 .m2zin a:hover { color: #da251d; }

.main2 .litop { max-width: 998px; width: 100%; position: relative; padding-bottom: 59.22%; height: 0; overflow: hidden; }

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

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

.main2 .m2_ul li { float: left; margin-left: 30px; text-align: center; width: 105px; }

.main2 .m2_ul a { display: block; }

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

.main2 .m2_ul span { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 20px; margin-top: 10px; color: #da251d; text-transform: uppercase; }

@media screen and (max-width: 1219px) { .main2 .m2zin { width: 463px; }
  .main2 .m2biao { font-size: 34px; font-size: 3.4rem; }
  .main2 .m2_ul li { margin-left: 13px; } }

@media screen and (max-width: 999px) { .main2 { padding-top: 0px; }
  .main2 .litop { padding-bottom: 57.6%; }
  .main2 .m2tu { width: 100%; position: relative; right: 0px; top: 0px; }
  .main2 .m2zi { width: 100%; padding-top: 18px; padding-bottom: 40px; }
  .main2 .m2zin { width: 95%; margin: 0 auto; float: none; }
  .main2 .m2zi p { margin-bottom: 10px; }
  .main2 .m2_ul li { width: 23%; margin-left: 1% !important; margin-right: 1%; margin-top: 30px; }
  .main2 .m2_ul span { height: 40px; } }

@media screen and (max-width: 768px) { .main2 .m2biao { font-size: 24px; font-size: 2.4rem; }
  .main2 .m2zi p a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 500px) { .main2 .m2_ul li { width: 48%; } }

/*==========main3==================*/
.main3 { background: #f8f8f8; padding-bottom: 68px; }

.main3 .wp { position: relative; }

.main3 .more { position: absolute; top: 60px; right: 0px; }

.main3 .more a {margin: auto; display: block; width: 140px; height: 37px; line-height: 37px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #e70012; border: 1px solid #e70012; -moz-border-radius: 50px; border-radius: 50px; }

.main3 .m3_ul { max-width: 1400px; width: 95%; margin: 0 auto; padding-top: 52px; }

.main3 .m3_ul li { float: left; margin-left: 32px; width: 445px; }

.main3 .m3_ul .litop { max-width: 445px; width: 100%; margin: 0 auto; position: relative; padding-bottom: 84.22%; height: 0; overflow: hidden; }

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

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

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

@media screen and (max-width: 999px) { .main3 .more { position: relative; top: 0px; margin: 0 auto; margin-top: 10px; } }

@media screen and (max-width: 640px) { .main3 .m3_ul li { width: 98%; margin-left: 1% !important; margin-right: 1%; float: none; margin-bottom: 20px; } }

/* main5 */
.main5 { padding-bottom: 54px; background: url(../images/main5bj.png) top center; border-bottom: 5px solid #fff; }

.main5 .more a { display: block; border: 1px solid #666666; font-size: 16px; font-size: 1.6rem; text-align: center; text-transform: uppercase; color: #dcdcdc; height: 44px; line-height: 44px; }

/*******************  fenye lunbo  ********************/
#box { position: relative; width: 1038px; height: 502px; margin: 69px auto 0; }

#box ul { position: relative; width: 1038px; height: 502px; }

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

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

#box li div { width: 100%; filter: alpha(opacity=70); color: #333; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 65px; height: 65px; text-align: center; }

#box li div a { color: #fff; }

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

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

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

#box .prev, #box .next { position: absolute; top: 50%; width: 24px; height: 44px; margin-top: -40px; overflow: hidden; text-indent: -999px; cursor: pointer; }

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

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

#box .prev:hover { background: url(../images/lbs2.png) no-repeat; }

#box .next:hover { background: url(../images/lbx2.png) no-repeat; }

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

#box2 { display: none; }

#box2 li { float: left; margin-left: 20px; width: 307px; margin-left: 29px; margin-bottom: 20px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .main5 { margin-top: 30px; background: #fff url(../images/main5bj.png) top center; }
  #box2 { display: block; padding-top: 50px; }
  #box { display: none; }
  #box2 li { width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; }
  #box2 li img { width: 100%; max-width: 310px; max-height: 433px; }
  #box2 li div { text-align: center; font-size: 16px; font-size: 1.6rem; margin-top: 10px; color: #fff; }
  #box2 li div a { cursor: pointer; color: #fff; } }

@media screen and (max-width: 999px) { #box2 li div a { cursor: pointer; color: #fff; }
  #box2 { display: block; }
  #box { display: none; }
  #box2 { display: block; padding-top: 20px; }
  #box { display: none; }
  #box2 li img { width: 100%; max-width: 310px; max-height: 433px; }
  #box2 li div { text-align: center; font-size: 16px; font-size: 1.6rem; margin-top: 10px; color: #fff; }
  #box2 li { width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; } }

@media screen and (max-width: 750px) { .main5 { padding-top: 40px; margin-top: 30px; padding-bottom: 20px; background: #10100d; }
  #box2 li div { text-align: center; font-size: 14px; font-size: 1.4rem; margin-top: 10px; color: #fff; } }

@media screen and (max-width: 640px) { #box2 li { width: 48%; margin: 0 1%; margin-bottom: 10px; } }

/**********************  main4  *************************/
.main4 { background: #f8f8f8; }

.hnew { padding-top: 23px; padding-bottom: 28px; }

.m3_tl { width: 127px; height: 137px; border: 1px solid #333333; margin-top: 36px; }

.m3_tl span { display: block; width: 100%; text-align: center; color: #333; }

.m3_tl .sp1 { font-size: 68px; font-size: 6.8rem; margin-top: 20px; margin-bottom: 5px; line-height: 70px; }

.m3_tl .sp2 { font-size: 24px; font-size: 2.4rem; }

.m3_tc .more { line-height: 30px; margin-top: 8px; font-family: "LatoBold"; }

.m3_tc { max-width: 733px; padding-left: 25px; color: #333; margin-top: 36px; }

.m3_tc a { color: #333333; display: block; }

.m3_tc:hover a { color: #da251d; }

.m3_tc:hover .tit strong { background: #da251d; }

.m3_tc .tit { display: block; padding-bottom: 12px; font-size: 18px; font-size: 1.8rem; line-height: 30px; }

.m3_tc .tit strong { display: block; width: 58px; height: 1px; background: #333333; margin-top: 5px; }

.m3_tc .p1 { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666666; max-height: 60px; overflow: hidden; }

.m3_tr { width: 277px; height: 226px; position: relative; top: -9px; }

.m3_tr img { display: block; width: 100%; max-width: 277px; max-height: 226px; }

.m3_tc2 { position: relative; top: -5px; }

.main3_top { margin-bottom: 32px; }

@media screen and (max-width: 1219px) { .m3_tc { width: 50%; } }

@media screen and (max-width: 999px) { .footer .shejiao a { margin-left: 1% !important; }
  .main3 { overflow: hidden; }
  .main3_top { position: relative; }
  .m3_tl { position: absolute; max-width: 129px; float: none; left: 0; margin-top: 0px; z-index: 999; }
  .m3_tr { position: absolute; float: none; right: 0; z-index: 999; height: 139px; }
  .m3_tc { width: 100%; float: none; padding-left: 0; position: relative; padding-top: 140px; }
  .ms_ye a { margin-bottom: 10px; }
  .m3_tr { width: 170px; } }

@media screen and (max-width: 600px) { .m3_tr { width: 171px; }
  .m3_tc { margin-top: 0px; }
  .m3_tl .sp1 { font-size: 28px; font-size: 2.8rem; line-height: 40px; }
  .m3_tl .sp2 { font-size: 20px; font-size: 2rem; }
  .m3_tl { max-width: 100px; height: 100px; }
  .main3_top { margin-bottom: 30px; } }

/*==========about1_top==================*/
.about1_top { padding-bottom: 68px; }

.about1_top .abtu1 { display: block; float: left; margin-right: 30px; }

.about1_top .litop { max-width: 543px; width: 100%; position: relative; padding-bottom: 35.22%;  overflow: hidden; }

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

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

.about1_top p {/* width: 633px;*/ }

.about1_top p strong { display: block; font-size: 14px;font-weight: normal;float: right; font-size: 1.4rem; line-height: 30px; margin-bottom: 23px; }

@media screen and (max-width: 1219px) { .about1_top .litop { float: none; margin: 0 auto; }
  .about1_top p { width: 100%; float: none; margin-top: 10px; }
  .about1_top p strong { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-bottom: 10px;font-weight: normal; } }

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

/* ===============================================================culture====================================================== */
.about1 { margin-bottom: 15px; background: #f2f2f2; padding-top: 50px; padding-bottom: 94px; }

.about1 .title { margin-bottom: 68px; font-size: 34px; font-size: 3.4rem; text-align: center; color: #da251d; text-transform: uppercase; font-family: "LatoBold"; }

.about1 .img { width: 48%; }

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

/*.about1 .img2 { margin-top: 48px; }*/

.about1 .txt { width: 47%; }

.about1 .txt .t-top { padding-left: 30px; background: url(../images/jiantou.png) no-repeat left 2px; font-size: 18px; font-size: 1.8rem; color: #333; font-family: "LatoBold"; }

.about1 .txt .t-bot { margin-top: 20px; line-height: 30px; }

@media screen and (max-width: 979px) { .about1 .txt .t-top { margin-top: 0px; } }

@media screen and (max-width: 768px) { .about1 .txt { width: 100%; float: none; margin-top: 30px; }
  .about1 .img { width: 100%; float: none; }
  .about1 .img img { display: block; margin: 0 auto; }
  .about1 .img2 { margin-top: 0px; }
  .about1 .title { font-size: 20px; font-size: 2rem; line-height: 30px; margin-bottom: 10px; } }

.about1on { background: #fff; padding-bottom: 53px; }

/***********************************************************************  about2  ****************************************************************/
.about2 .ab2_wrap { padding-bottom: 54px; }

.about2 .vilie { width: 383px; float: left; margin-left: 25px; margin-bottom: 20px; }

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

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

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

.about2 .vizi { background: #ededed; padding: 16px 10px; padding-top: 12px; }

.about2 .vizi p { padding-left: 46px; background: url(../images/bofang.png) no-repeat left center; font-size: 16px; font-size: 1.6rem; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

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

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

@media screen and (max-width: 749px) { .about2 .ab2_wrap { padding-bottom: 14px; }
  .about2 .vilie { width: 48%; }
  .about2 .vizi p { background: none; padding-left: 0px; } }

@media screen and (max-width: 399px) { .about2 .vilie { width: 98%; } }

/*==========about3==================*/
.about3 { padding-bottom: 137px; }

.about3 .t-top { padding-left: 30px; background: url(../images/jiantou.png) no-repeat left 2px; font-size: 18px; font-size: 1.8rem; line-height: 22px; color: #333; font-family: "LatoBold"; }

.about3 p { font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-top: 21px; }

.about3 p span { display: block; margin-bottom: 30px; }

.about3 .ab3_ul li { width: 364px; float: left; margin-left: 41px; }

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

.about3 .ab3_wrap { padding-top: 60px; padding-bottom: 12px; }

.about3 .ab3_wrap .t-top { margin-top: 47px; }

.about3 .ab32_wrap { padding-top: 60px; padding-bottom: 72px; }

.about3 .ab32_wrap .t-top { margin-top: 47px; }

.about3 .ab31_ul { margin-top: 26px; }

.about3 .ab31_ul li { line-height: 30px; font-size: 14px; font-size: 1.4rem; padding-left: 30px; background: url(../images/about3.png) no-repeat left 10px; }
.about3 .ab31_ul li p{margin-top: 0px!important;}

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

@media screen and (max-width: 999px) { .about3 .j-lazy { display: block; float: none; margin: 0 auto; } }

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

@media screen and (max-width: 500px) { .about3 .ab3_ul li { width: 98%; float: none; margin-bottom: 10px; } }

/*==========about4==================*/
.about4 { padding-bottom: 49px; }

.about4 .ab4_title { margin-bottom: 70px; font-size: 16px; font-size: 1.6rem; line-height: 30px; font-family: "LatoBold"; }

.about4 .ab32_wrap { margin-bottom: 25px; }

.about4 .ab32_wrap .t-top { margin-bottom: 20px; padding-left: 30px; background: url(../images/jiantou.png) no-repeat left 2px; font-size: 18px; font-size: 1.8rem; line-height: 22px; color: #333; font-family: "LatoBold"; }

.about4 .ab32_wrap .t-top2 { font-family: "LatoBold"; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 9px; }

.about4 .ab32_wrap p { line-height: 30px; }

.about4 .ab32_wrap img { margin-right: 46px; margin-left: 79px; margin-top: 40px; max-width: 386px; max-height: 386px; -moz-border-radius: 50%; border-radius: 50%; }

.about4 .ab3_img1 { padding-top: 23px; }

.about4 .ab3_img1 img { display: block; max-width: 595px; width: 49.5%; }

.about4 .ab3_ul { margin-bottom: 51px; }

.about4 .ab3_ul li { width: 394px; float: left; margin-left: 9px; margin-top: 7px; }

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

@media screen and (max-width: 1219px) { .about4 .ab3_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; }
  .about4 .ab3_img1 { padding-top: 23px; }
  .about4 .ab3_img1 img { width: 48%; margin-left: 1% !important; margin-right: 1%; } }

@media screen and (max-width: 999px) { .about4 .ab32_wrap img { display: block; float: none; margin: 0 auto; width: 100%; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .about4 { padding-bottom: 0px; }
  .about4 .ab4_title { font-size: 14px; font-size: 1.4rem; } }

/*==========about5==================*/
.about5 { padding-bottom: 54px; }

.about5 .t-top { margin-bottom: 16px; padding-left: 30px; background: url(../images/jiantou.png) no-repeat left 2px; font-size: 18px; font-size: 1.8rem; line-height: 22px; color: #333; font-family: "LatoBold"; }

.about5 .t_yop { margin-bottom: 50px; font-size: 14px; font-size: 1.4rem; line-height: 30px; }

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

.about5 .ab5_ul li { float: left; width: 232px; margin-left: 8px; margin-bottom: 52px; }

.about5 .ab5_ul .wrap { max-width: 226px; margin: 0 auto; text-align: center; min-height: 157px; }

.about5 .ab5_ul .title { color: #fff; line-height: 30px; font-size: 16px; font-size: 1.6rem; font-family: "LatoBold"; padding-bottom: 10px; padding-top: 11px; }

.about5 .ab5_ul p { color: #fff; line-height: 24px;padding-right: 8px; }

@media screen and (max-width: 1219px) { .about5 .ab5_ul { background: url(../images/ab5bj.png) no-repeat center top; background-size: contain; }
  .about5 .ab5_ul li { float: left; width: 190px; margin-left: 7px; }
  .about5 .ab5_ul .title { font-size: 14px; font-size: 1.4rem; padding-bottom: 0px; line-height: 25px; padding-top: 5px; }
  .about5 .ab5_ul p { font-size: 12px; font-size: 1.2rem; }
  .about5 .ab5_ul .wrap { max-width: 90%; width: 90%; } }

@media screen and (max-width: 999px) { .about5 .ab5_ul { background: none; }
  .about5 .ab5_ul li { width: 31%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 30px; background: #da251d; -moz-border-radius: 10px; border-radius: 10px; }
  .about5 .ab5_ul .wrap { max-width: 90%; width: 90%; min-height: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 768px) { .about5 .ab5_ul .wrap { min-height: 160px; } }

@media screen and (max-width: 640px) { .about5 .ab5_ul li { width: 98%; float: none; }
  .about5 .ab5_ul .wrap { min-height: 100%; padding-bottom: 10px; } }

.about5 .ab3_ul li { width: 370px; float: left; margin-left: 45px; margin-bottom: 50px; }

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

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

@media screen and (max-width: 768px) { .about5 { padding-bottom: 14px; }
  .about5 .t-top { font-size: 16px; font-size: 1.6rem; }
  .about5 .t_yop { margin-bottom: 25px; } }

@media screen and (max-width: 500px) { .about5 .ab3_ul li { width: 98%; float: none; margin-bottom: 30px; } }

.ab6_title { padding-bottom: 36px; }

.ab6_title p { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 28px; }

@media screen and (max-width: 768px) { .ab6_title p { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }

.m-zs { overflow: hidden; }

.m-zs .box-item { margin-top: 10px; padding: 0 11.08333%; height: 432px; overflow: hidden; background: url("../images/sj1.png") no-repeat center bottom; background-size: 100%; }

.m-zs .list-item { position: relative; float: left; margin-right: 6.10278%; width: 20.34261%; font-size: 0; overflow: hidden; }

.m-zs .list-item:hover .item-modal { top: 0; }

.m-zs .item-modal { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-zs .item-modal p { position: relative; top: 50%; margin-top: -35px; padding: 0 10px; text-align: center; }

.m-zs .item-modal span { display: block; }

.m-zs .item-title { margin-top: 15px; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; text-overflow: ellipsis; white-space: nowrap; }

.m-zs .item-border { position: absolute; top: 0; right: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url("../images/sk1.png") no-repeat center; background-size: 100% 100%; box-sizing: border-box; background: none \9; border: 2px solid #da251d \9; }

@media screen and (max-width: 1219px) { .m-zs .box-item { height: 350px; } }

@media screen and (max-width: 999px) { .m-zs .box-item { margin-top: 25px; height: auto; padding: 0; background: none; }
  .m-zs .list-item { margin-left: 1%; margin-right: 1% !important; width: 23%; } }

@media screen and (max-width: 480px) { .m-zs { margin-bottom: -25px; }
  .m-zs .box-item { margin-top: 0; }
  .m-zs .list-item { margin-bottom: 25px; width: 48%; } }

/*==========about6==================*/
.about6 { padding-bottom: 70px; }

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

.product .pro_title { font-size: 30px; font-size: 3rem; line-height: 30px; font-family: "LatoBold"; text-align: center; text-transform: uppercase; }

.product .pro_title b { display: block; width: 39px; height: 3px; background: #333; margin: 0 auto; margin-top: 14px; }

.product .pro_p { margin-top: 16px; padding-bottom: 29px; }

.product .pro_p a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666; max-height: 90px; overflow: hidden; }

@media screen and (max-width: 768px) { /*.product { padding-bottom: 26px; }*/ }

.por1_ul .wrap { max-width: 274px; width: 100%; margin: 0 auto; }

.por1_ul a { display: block; }

.por1_ul img { display: block; border: 1px solid #cccccc; max-width: 274px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.por1_ul .wenz { margin-top: 15px; text-align: center; }

.por1_ul .wenz a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.por1_ul li { float: left; margin-left: 34px; width: 274px; margin-bottom: 36px; }

.por1_ul li:hover .wrap { -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25); }

.por1_ul .protp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; margin-top: 14px; }

.por1_ul .protp input { display: inline-block; margin-right: 20px; }

.por1_ul .protp a { display: inline; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.por1_ul .pnow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 50px; border-radius: 50px; display: block; width: 116px; height: 34px; line-height: 32px; border: 1px solid #da251d; color: #da251d; text-align: center; margin: 0 auto; margin-top: 10px; }

.por1_ul .pnow:hover { color: #fff; background: #da251d; }

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

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

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

.product2 { padding-bottom: 0px; }

.product2 .por1_ul { padding-bottom: 41px; }

@media screen and (max-width: 640px) { .product2 .por1_ul { padding-bottom: 10px; } }

/*==========product==================*/
.product #showArea img { cursor: pointer; display: block; margin-bottom: 15px; margin-top: 10px; width: 118px; height: 120px; border: 1px solid #d8d8d8; }

.product #showArea a { display: block; }

.product #main_img { cursor: pointer; display: block; }

.product #gotop { cursor: pointer; display: block; margin: auto; height: 14px; background: url(../images/pr_top.png) no-repeat center center; }

.product #gobottom { cursor: pointer; display: block; margin: auto; height: 14px; background: url(../images/pro_bottom.png) no-repeat center center; }

.product #gotop:hover { background: url(../images/pr_toph.png) no-repeat center center; }

.product #gobottom:hover { background: url(../images/pro_bottomh.png) no-repeat center center; }

.product #showArea { height: 416px; overflow: hidden; margin-top: 23px; margin-bottom: 24px; }

.product .MagicZoomBigImageCont { background: #FFF; border: 1px solid #d8d8d8; }

.product .MagicZoomBigImageCont img { max-width: 886px; }

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

.product .left-pro { width: 648px; float: left; }

.product .left-pro .t1 { width: 126px; float: left; }

.product .left-pro .t2 { width: 498px; text-indent: 0; float: right; height: 504px; border: 1px solid #d8d8d8; }

.product .left-pro .t2 a { display: block; margin-bottom: 18px; }

.product .left-pro .t2 img { text-indent: 0; display: block; }

.product .prob-info { float: right; width: 499px; }

.product .prob-info-title { position: relative; padding-bottom: 10px; line-height: 30px; color: #333; font-size: 24px; font-size: 2.4rem; border-bottom: 1px solid #ccc; font-family: "LatoBold"; }

.product .prob-share { margin-top: 9px; }

.product .prob-share .font { float: left; margin-right: 10px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #e30713; }

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

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

.product .prob-info-link a { float: left; margin-bottom: 20px; display: block; width: 166px; height: 42px; line-height: 40px; -moz-border-radius: 50px; border-radius: 50px; font-size: 16px; font-size: 1.6rem; background: #ababab; text-align: center; color: white; }

.product .prob-info-link a:hover { background: #da251d; }

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

.product .prob-info-desc { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; margin-top: 20px; }

.product .prob-info-desc a { color: #da251d; line-height: 30px; color: #da251d; }

.product .prob-info-desc b { display: block; color: #da251d; font-size: 24px; font-size: 2.4rem; }

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

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

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

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

.product .m-prob2 { margin-top: 35px; }

.product .box-title { background: url(../images/box-title.png) no-repeat left top; line-height: 46px; font-size: 22px; font-size: 2.2rem; text-indent: 30px; color: #fff; text-transform: uppercase; }

.product .box-desc2 { font-size: 18px; font-size: 1.8rem; color: #333333; line-height: 34px; margin-top: 20px; margin-bottom: 20px; }
.product .m-prob2 p{line-height: 34px;  font-size: 18px; font-size: 1.8rem; font-family: "LatoBold"; }

.product .box-desc2 a { color: #da251d; line-height: 30px; color: #da251d; }

.product .box-desc2 strong { display: block; color: #da251d; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; }

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

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

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

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

.box-desc2 .li-p{font-size: 20px!important;color: #da251d;margin:20px 0 90px 0;}

.product .protitle2 { font-size: 34px; font-size: 3.4rem; width: 100%; margin-top: 27px; background: url(../images/baptlo2.png) no-repeat 274px center; font-family: "LatoBold"; }
.prob_img { margin-top: 30px; }
.prob_img p{ margin-bottom: 20px; }
.prob_img img{ display: inline-block; }
.litop { width: 100%; overflow: hidden; }
@media screen and (max-width:1219px) {
      .prob_img img{  width: 49%; }               
      }         
.product .protitle2 a { color: #da251d; }

.product .img980 { display: none; }

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

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

.product .img-scroll .hot { position: relative; top: -35px; float: right; max-width: 43px; width: 100%; height: 19px; background: #fff; }

.product .img-scroll .prev { position: absolute; display: block; width: 11px; height: 19px; z-index: 9; }

.product .img-scroll .next { position: absolute; display: block; width: 11px; height: 19px; z-index: 9; }

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

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

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

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

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

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

.product .img-list li { float: left; width: 275px; margin-right: 30px; }

.product .img-list li .m4fu { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; -webkit-transition: 0.6s all; -moz-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; }

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

.product .img-list li .m3lien { max-width: 275px; text-align: center; position: relative; margin: 0 auto; overflow: hidden; border: 1px solid #cccccc; }

.product .img-list li:hover .m4fu { top: 0; }

.product .img-list li:hover .m4zi { color: #da251d; }

.product .img-list .m4zi { display: block; margin: 0 auto; max-width: 275px; width: 100%; color: #333; line-height: 38px; font-size: 16px; font-size: 1.6rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 8px; }

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

@media screen and (max-width: 999px) { .product .img-list { width: 100%; }
  .product .img-list li { width: 3%; margin-right: .5%; }
  .product .img-scroll .hot { max-width: 100%; top: 50%; position: absolute; z-index: 99; background: transparent; } }

@media screen and (max-width: 768px) { .product .img-scroll { margin-top: 20px; }
  .product .img-list li { width: 4.5%; margin-right: 1%; }
  .product .box-title { font-size: 20px; font-size: 2rem; }
  .product .box-desc2 b { font-size: 16px; font-size: 1.6rem; }
  .product .protitle2 { background: none; font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 400px) { .product .img-list li { width: 10%; margin-right: .487%; } }

@media screen and (max-width: 1219px) { .product .prob-info { width: 300px; }
  .product .prob-info-title { font-size: 20px; font-size: 2rem; }
  .product .MagicZoomBigImageCont, .product .MagicZoomPup { display: none !important; } }

@media screen and (max-width: 999px) { .product .left-pro { max-width: 586px; width: 100%; float: none; margin: 0 auto; }
  .product .prob-info { float: none; width: 100%; margin-top: 30px; }
  .product .left-pro { display: none; }
  .product .img980 { display: block; } }

@media screen and (max-width: 768px) { .product .prob-info-link { margin-top: 20px; }
  .product .m-prob2 { margin-top: 30px; } }

/*==========downbox==================*/
.downbox { position: relative; margin-bottom: 38px; border-bottom: 1px dashed #cecece; padding-bottom: 41px; }

.dtu { position: absolute; left: 0; top: 8px; }

.dnr { padding-left: 83px; padding-right: 200px; }

.da1 { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-size: 1.8rem; line-height: 30px; }

.da2 { display: block; line-height: 24px; margin-top: 3px; height: 48px; overflow: hidden; color: #666666; }

.dbtn { display: block; width: 111px; height: 40px; line-height: 40px; padding-left: 29px; text-align: center; border: 1px solid #da251d; background: #da251d url("../images/down1.png") no-repeat 21px center; position: absolute; right: 0; bottom: 52px; color: #fff; }

.dbtn:hover { color: #da251d; background: #fff url("../images/down2.png") no-repeat 21px center; }

.da1:hover { color: #000000; }

.da2:hover { color: #000000; }

@media screen and (max-width: 999px) { .about5 .page { margin-top: 50px; } }

@media screen and (max-width: 768px) { .about5 .page { margin-top: 0px; } }

@media screen and (max-width: 639px) { .dnr { padding-right: 0; }
  .downbox { padding-bottom: 75px; }
  .dbtn { bottom: 15px; }
  .da2 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 400px) { .dnr { padding-left: 0; padding-top: 90px; }
  .downbox { margin-bottom: 15px; } }

/************* cover *************/
.cover { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999999999999999; display: none; }

.covern { background: #fff; width: 520px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 auto; position: relative; padding-top: 37px; padding-bottom: 52px; top: 200px; }

.guanbi { position: absolute; top: 13px; right: 14px; cursor: pointer; }

.covernr { padding-left: 97px; padding-right: 97px; }

.if { color: #333333; line-height: 30px; padding: 0 10px; text-align: center; margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; }

.mima { width: 282px; height: 50px; line-height: 50px; padding-left: 44px; background: #eeeeee url(../images/password.png) no-repeat left center; font-size: 14px; font-size: 1.4rem; color: #666666; }

.xzbtn { width: 142px; height: 42px; line-height: 40px; background: #da251d; color: #fff; border: 1px solid #da251d; text-align: center; margin: 0 auto; display: block; margin-top: 30px; cursor: pointer; }

.xzbtn:hover { background: #fff; color: #da251d; }

@media screen and (max-width: 639px) { .covern { width: 90%; }
  .covernr { padding-left: 30px; padding-right: 30px; }
  .mima { width: -webkit-calc(100% - 44px); width: -moz-calc(100% - 44px); width: calc(100% - 44px); } }

@media screen and (max-width: 450px) { .covern { width: 98%; top: 50px; }
  .covernr { padding-left: 20px; padding-right: 20px; }
  .if { padding: 0; } }

.ab_title { margin-bottom: 34px; font-size: 30px; font-size: 3rem; text-align: center; text-transform: uppercase; line-height: 30px; color: #010101; }

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

.service { font-size: 16px; font-size: 1.6rem; line-height: 30px; }
.service .se_top{ font-size: 1.6rem; font-size: 18px; line-height: 30px; font-weight: bold;}

.service .se_b { margin-top: 29px; font-family: "LatoBold"; margin-bottom: 7px; }

.service p { padding-left: 20px; background: url(../images/about3.png) no-repeat left 10px; }

.service .ab3_ul { padding-top: 34px; padding-bottom: 109px; }

.service .ab3_ul li { width: 335px; float: left; margin-left: 48px; }

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

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

@media screen and (max-width: 768px) { .service { font-size: 14px; font-size: 1.4rem; }
  .service .ab3_ul { padding: 20px 0px 40px; } }

/*********************************************************************  about1  *********************************************************/
.abnav { background: url(../images/abbiao.png) repeat-x left 72px; text-align: center; padding-bottom: 22px; }

.abnav a { display: inline-block; *float: left; width: 120px; padding-top: 130px; font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 48px; text-transform: uppercase; margin: 0 60px; }

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

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

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

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

.abnav a:hover { color: #da251d; }

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

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

.dangqianab { color: #da251d !important; }

@media screen and (max-width: 640px) { .abnav { background: none; padding-bottom: 20px; } }

.newsl-list { padding-bottom: 78px; }

.newsl-list-item { margin-top: 40px; padding-bottom: 24px; border-bottom: 1px dashed #b5b5b5; overflow: hidden; }

.newsl-list-item * { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.newsl-list-item .item-time { float: left; width: 62px; height: 74px; padding-top: 5px; color: white; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #da251d; }

.newsl-list-item .item-time span { font-size: 22px; font-size: 2.2rem; }

.newsl-list-item .item-time i { margin-top: 8px; margin-left: auto; margin-right: auto; margin-bottom: 11px; display: block; width: 21px; height: 1px; background-color: white; }

.newsl-list-item .item-pic { float: left; margin-left: 15px; display: block; line-height: 0; font-size: 0; width: 300px; overflow: hidden; }

.newsl-list-item .item-pic img { width: 100%; max-width: 300px; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.newsl-list-item .item-pic:hover img, .newsl-list-item .hd-nav-item > a.item-pic.active img, .newsl-list-item .hd-nav-item > a.item-pic.current img, .newsl-list-item .hd-subnav-item > a.item-pic.active img, .newsl-list-item .hd-subsubnav-item > a.item-pic.active img, .newsl-list-item .m-bread a.item-pic.active img, .m-bread .newsl-list-item a.item-pic.active img, .newsl-list-item .m-page a.item-pic.active img, .m-page .newsl-list-item a.item-pic.active img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.newsl-list-item .item-font { float: right; width: 66%; max-width: 792px; }

.newsl-list-item .item-title { margin-top: 7px; height: 30px; line-height: 30px; font-size: 18px; font-size: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

.newsl-list-item .item-title a:hover, .newsl-list-item .item-title .hd-nav-item > a.active, .newsl-list-item .item-title .hd-nav-item > a.current, .newsl-list-item .item-title .hd-subnav-item > a.active, .newsl-list-item .item-title .hd-subsubnav-item > a.active, .newsl-list-item .item-title .m-bread a.active, .m-bread .newsl-list-item .item-title a.active, .newsl-list-item .item-title .m-page a.active, .m-page .newsl-list-item .item-title a.active { color: #da251d; text-decoration: underline; }

.newsl-list-item .item-desc { margin-top: 19px; max-height: 120px; line-height: 30px; color: #666; overflow: hidden; }

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

.newsl-list-item .item-desc a:hover, .newsl-list-item .item-desc .hd-nav-item > a.active, .newsl-list-item .item-desc .hd-nav-item > a.current, .newsl-list-item .item-desc .hd-subnav-item > a.active, .newsl-list-item .item-desc .hd-subsubnav-item > a.active, .newsl-list-item .item-desc .m-bread a.active, .m-bread .newsl-list-item .item-desc a.active, .newsl-list-item .item-desc .m-page a.active, .m-page .newsl-list-item .item-desc a.active { color: #da251d; }

.newsl-list-item .item-link { margin-top: 34px; line-height: 30px; }

.newsl-list-item .item-link a { color: #999; }

.newsl-list-item .item-link a:hover, .newsl-list-item .item-link .hd-nav-item > a.active, .newsl-list-item .item-link .hd-nav-item > a.current, .newsl-list-item .item-link .hd-subnav-item > a.active, .newsl-list-item .item-link .hd-subsubnav-item > a.active, .newsl-list-item .item-link .m-bread a.active, .m-bread .newsl-list-item .item-link a.active, .newsl-list-item .item-link .m-page a.active, .m-page .newsl-list-item .item-link a.active { color: #da251d; text-decoration: underline; }

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

@media screen and (max-width: 1219px) { .newsl { padding: 0 0 25px; } }

@media screen and (min-width: 768px) and (max-width: 1219px) { .newsl-list-item { position: relative; padding-left: 409px; }
  .newsl-list-item .item-time { position: absolute; left: 0; top: 0; }
  .newsl-list-item .item-pic { position: absolute; left: 77px; top: 0; }
  .newsl-list-item .item-font { width: 100%; max-width: 100%; } }

@media screen and (max-width: 767px) { .newsl-list { padding-bottom: 40px; margin-top: 20px; }
  .newsl-list-item { margin-top: 25px; padding-bottom: 25px; }
  .newsl-list-item .item-time { float: none; right: 0; width: 100%; height: 30px; padding-top: 0; line-height: 30px; color: #333; text-align: left; background: none; }
  .newsl-list-item .item-time span { color: #da251d; }
  .newsl-list-item .item-time i { display: none; }
  .newsl-list-item .item-pic { float: none; margin-top: 15px; margin-left: 0; width: 100%; max-width: 100%; }
  .newsl-list-item .item-font { float: none; margin-top: 15px; width: 100%; max-width: 100%; }
  .newsl-list-item .item-title { font-size: 16px; font-size: 1.6rem; }
  .newsl-list-item .item-desc { margin-top: 10px; }
  .newsl-list-item .item-link { margin-top: 10px; } }

.juse { color: #da251d !important; }

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

/* new2 */
.new2 {/* padding-bottom: 30px; */}

.new2 .new2_left { width: 800px; padding-right: 26px; border-right: 1px solid #cccccc; }

.new2 .xqy { position: relative; }

.new2 .xqy .title1 h1 { font-size: 24px; font-size: 2.4rem; color: #333; font-weight: normal; line-height: 30px; }

.new2 .xqy .time { margin-top: 15px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5; padding-bottom: 19px; }

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

.new2 .newsx { color: #666666; font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-bottom: 26px; }

.new2 .newsx p { color: #666666; }

.new2 .newsx span { color: #666666; }

.new2 .newsx li { color: #666666; }

.new2 .newsx strong { color: #333333; font-size: 16px; font-size: 1.6rem; display: block; font-family: "LatoBold"; margin-top: 20px; margin-bottom: 10px; }

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

.new2 .newsx a, .new2 .newsx a span{ color: #da251d;text-decoration: underline; }
.new2 .newsx strong{display: inline;}
.new2 .newsx table { width: 90%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }

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

.new2 .updown { padding-top: 15px; border-top: 1px solid #a9a9a9; margin-bottom: 64px; }

.new2 .updown .up { margin-top: 18px; margin-bottom: 6px; }

.new2 .updown p { display: inline-block; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333333; }

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

.new2 .updown p .img img { display: inline-block; position: relative; top: 7px; padding-right: 4px; }

.new2 .updown p .on { color: #da251d; }

.new2 .updown p a { font-size: 14px; font-size: 1.4rem; color: #333; }

.new2 .updown p:hover a { color: #da251d; }

.new2 .new2_right { width: 345px; }

.new2 .new2_right .back { display: block; max-width: 237px; width: 100%; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #da251d; margin-bottom: 55px; -moz-border-radius: 10px; border-radius: 10px; }

.new2 .new2_right .title { padding-top: 7px; margin-bottom: 48px; display: block; font-size: 26px; font-size: 2.6rem; line-height: 40px; text-transform: uppercase; font-family: "LatoBold"; }

.new2 .new2_right .inpu { text-align: center; margin-bottom: 24px; }

.new2 .new2_right .inpu a { display: inline-block; width: 130px; height: 38px; line-height: 38px; text-align: center; margin-left: 25px; margin-right: 25px; font-size: 14px; font-size: 1.4rem; color: #da251d; -moz-border-radius: 50px; border-radius: 50px; border: 1px solid #da251d; }

.new2 .new2_right .inpu a:hover { background: #da251d; color: #fff; }

.new2 .new2_right .ex_wrap { width: 330px; background: #fff; margin: 0 auto; padding-bottom: 24px; }

.new2 .new2_right .ex_wrap dl { max-width: 330px; width: 100%; margin: 0 auto; margin-bottom: 17px; }

.new2 .new2_right .ex_wrap dl { display: block; }

.new2 .new2_right .ex_wrap a { display: block; }

.new2 .new2_right .ex_wrap dl a.we_tit { margin: 18px 0px; color: #666666; line-height: 30px; }

.new2 .new2_right .ex_wrap dl a.titlewen { line-height: 30px; }

.new2 .new2_right .ex_wrap img { display: block; max-width: 330px; width: 100%; }

.new2 .new2_right .ex_wrap .top_imgtd { display: block; width: 8px; height: 20px; }

.new2 .new2_right .share1 { position: relative; display: block; width: 225px; margin-bottom: 40px; }

.new2 .new2_right .share1 .span4 { font-size: 14px; font-size: 1.4rem; color: #da251d; height: 26px; line-height: 26px; }

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

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

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

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

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

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

@media screen and (max-width: 979px) { .new2 .xqy .title1 h1 { font-size: 20px; font-size: 2rem; }
  .new2 .new2_right .share1 { margin-bottom: 15px; }
  .new2 .new2_right { width: 100%; float: none; }
  .new2 .new2_left { width: 100%; float: none; border: 0px; padding: 0px; }
  .new2 .new2_right .ex_wrap { max-width: 100%; width: 100%; }
  .new2 .new2_right .ex_wrap dl { max-width: 100%; width: 100%; }
  .new2 .new2_right .ex_wrap img { display: block; margin: 0 auto; } }

@media screen and (max-width: 400px) { .new2 .xqy .title1 h1 { font-size: 16px; font-size: 1.6rem; }
  .new2 .new2_right .ex_wrap dl { width: 100%; }
  .new2 .ex_wrap { width: 100%; }
  .new2 .ex_wrap dl { width: 100%; } }

/****************************************************************  news2  *************************************************************/
.exmain { padding-bottom: 45px; padding-top: 15px; }

.exlie { width: 580px; margin-bottom: 27px; }

.ext { position: relative; background: #f4f4f4; border-bottom: 2px solid #f1f3f9; padding: 2px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.extu { display: block; text-align: center; }

.extu img { width: 100%; max-width: 576px; max-height: 319px; }

.exzi { display: block; padding-left: 22px; font-size: 16px; font-size: 1.6rem; color: #000000; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; padding-top: 6px; padding-bottom: 7px; }

.ext span { display: block; position: absolute; width: 171px; height: 38px; -moz-border-radius: 5px; border-radius: 5px; background: #da251d; text-align: center; line-height: 38px; left: 29px; top: 37px; font-size: 16px; font-size: 1.6rem; color: #fff; }

.ext:hover { background: #da251d; }

.ext:hover .exzi { color: #fff; }

.exriqi {height: 22px; font-size: 14px; font-size: 1.4rem; line-height: 20px; padding: 14px 30px 15px 65px; background: #f4f4f4 url(../images/exrili.jpg) no-repeat 19px 13px; }

.exdingwei {height: 20px; font-size: 16px; font-size: 1.6rem; line-height: 20px; padding: 12px 30px 19px 65px; background: #f4f4f4 url(../images/exdingwei.jpg) no-repeat 24px 13px; margin-top: 12px; }

.mat2 { padding-top: 25px; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .exlie { width: 480px; } }

@media screen and (max-width: 999px) { .exlie { width: 49%; }
  .exmain { padding-bottom: 30px; padding-top: 6px; }
  .mat1 { padding-top: 15px; } }

@media screen and (max-width: 769px) { .exlie { width: 100%; float: none; max-width: 570px; margin: auto; margin-top: 20px; }
  .exzi { padding-left: 0px; font-size: 14px; font-size: 1.4rem; }
  .exriqi {height: 22px; padding: 14px 10px 15px 35px; background: #f4f4f4 url(../images/exrili.jpg) no-repeat 5px 13px; }
  .exdingwei {height: 20px; padding: 12px 10px 19px 35px; background: #f4f4f4 url(../images/exdingwei.jpg) no-repeat 5px 13px; font-size: 14px; font-size: 1.4rem; }
  .ext span { left: 19px; top: 17px; } }

.new21 h1 { font-size: 24px; font-size: 2.4rem; color: #333; font-weight: normal; line-height: 30px; text-align: center; }

.new21 .time { margin-top: 15px; margin-bottom: 25px; text-align: center; border-bottom: 1px solid #e5e5e5; padding-bottom: 19px; }

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

.new21 .newsx { color: #666666; font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-bottom: 15px; }

.new21 .newsx p { color: #666666; }

.new21 .newsx span { color: #666666; }

.new21 .newsx li { color: #666666; }

.new21 .newsx strong { color: #333333; font-size: 16px; font-size: 1.6rem; display: block; font-family: "LatoBold"; margin-top: 20px; margin-bottom: 10px; }

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

.new21 .newsx a { color: #da251d; }

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

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

.new21 .updown { padding-top: 15px; border-top: 1px solid #a9a9a9; margin-bottom: 64px; }

.new21 .updown .up { margin-top: 18px; margin-bottom: 6px; }

.new21 .updown p { display: inline-block; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #333333; }

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

.new21 .updown p .img img { display: inline-block; position: relative; top: 7px; padding-right: 4px; }

.new21 .updown p .on { color: #da251d; }

.new21 .updown p a { font-size: 14px; font-size: 1.4rem; color: #333; }

.new21 .updown p:hover a { color: #da251d; }

.new21 .share1 { position: relative; display: block; width: 225px; margin-top: 30px; }

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

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

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

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

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

.m-ctusinfo { width: 41.66667%; }

.m-ctusinfo .box-title { line-height: 26px; font-size: 18px; font-size: 1.8rem; color: #333333; }

.m-ctusinfo .list-item { padding-left: 32px; line-height: 44px; font-size: 14px; font-size: 1.4rem; color: #333333; background-repeat: no-repeat; background-position: left 12px; }

.m-ctusinfo .list-item a { color: #333; }

.m-ctusinfo .list-item a:hover { color: #da251d; }

.m-ctusinfo .list-item-1 { background-image: url("../images/cicon1.png"); }

.m-ctusinfo .list-item-2 { background-image: url("../images/cicon2.png"); }

.m-ctusinfo .list-item-3 { background-image: url("../images/cicon3.png"); }

.m-ctusinfo .list-item-4 { background-image: url("../images/cicon4.png"); }

.m-ctusinfo .list-item-5 { background-image: url("../images/cicon5.png"); }

.m-ctusinfo .list-item-6 { background-image: url("../images/cicon6.png"); }

.m-ctusinfo .list-item-7 { background-image: url("../images/cicon7.png"); }

.m-ctusinfo .list-item-8 { background-image: url("../images/cicon8.png"); }

@media screen and (max-width: 959px) { .m-ctusinfo { float: none; width: 100%; } }

.m-ctusform { float: right; width: 55.83333%; overflow: hidden; }

.m-ctusform .form-item { float: left; position: relative; margin-bottom: 22px; padding-left: 22px; line-height: 0; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.m-ctusform .form-item.important { background: url("../images/star2.png") no-repeat 8px 28px; }

.m-ctusform .form-item-1 { width: 50%; }

.m-ctusform .form-item-2 { width: 100%; }

.m-ctusform .form-item-2.important { background: url("../images/star2.png") no-repeat 8px 18px; }

.m-ctusform .form-item-3 { margin-right: 3.28358%; width: 29.85075%; }

.m-ctusform .form-item-4 { width: 26.26866%; height: 54px; padding-left: 0; line-height: 52px; text-align: center; background-color: transparent; -moz-border-radius: 0; border-radius: 0; background-color: #fff; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; }

.m-ctusform .form-item-4 img { max-height: 52px; vertical-align: middle; }

.m-ctusform .form-item-5 { float: right; border: none; width: 37.31343%; padding-left: 0; }

.m-ctusform .item-btn1 { width: 100%; height: 54px; padding-left: 0; line-height: 54px; color: #ffffff; font-size: 14px; font-size: 1.4rem; text-align: center; text-transform: uppercase; background-color: #da251d; }

.m-ctusform .item-text { width: 100%; height: 54px; line-height: 52px; padding-left: 14px; padding-right: 14px; font-size: 14px; font-size: 1.4rem; color: #666666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d2d2d2; }

.m-ctusform .item-text2 { height: 193px; line-height: 40px; }

@media screen and (max-width: 959px) { .m-ctusform { float: none; margin-top: 30px; width: 100%; } }

@media screen and (max-width: 767px) { .m-ctusform .form-item { margin-bottom: 15px; width: 100%; }
  .m-ctusform .form-item.important { background-position: 5px 13px; }
  .m-ctusform .item-text { height: 35px; line-height: 35px; font-size: 14px; font-size: 1.4rem; }
  .m-ctusform .item-text2 { height: 140px; } }
@media screen and (max-width: 767px) {
 .m-ctusform .yzm { margin-bottom: 15px; width: 100%;background:#F3FBFE;  }
 }

.m-ctusmap { margin-top: 32px; margin-bottom: 97px; }

@media screen and (max-width: 767px) { .m-ctusmap { margin-top: 30px; margin-bottom: 30px; } }

.about1_bot { padding-bottom: 107px; }

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

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

/*==========news==================*/

/*# sourceMappingURL=style.css.map */
.m-page a.non:hover {color: #333;border: 1px solid #e5e5e5;background-color: #fff;}
.updown p a.non:hover{color: #333!important;}
.updown p:hover a.non{color: #333!important;}
.prob-info-link a.non:hover {background:#ababab;}
.ppp{line-height: 30px; margin-bottom: 30px;display: inline-block;}
.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;}
.listcart {width: 100%;margin-bottom: 40px;}
.listcart a {
    display: inline-block;
    height: 30px;
    width: 150px;
    line-height: 30px;
    cursor: pointer;
    border: none;
    overflow: hidden;
    color: #da251d;
    cursor: pointer;
    border: 1px solid #da251d;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 10px;
    }
    
    
    
    
    
    
    
    
    
    .litop iframe{width:100%;}
    .about1_top .litop {padding-bottom: 0%;}
/*@media screen and (max-width: 570px) {
  .m3_tr img{
    height: 137px;
    width: auto;
  }
}  */  
@media screen and (max-width: 510px) {
  .abnav a{
    margin: 0 20px;
  }
}


/* 9-20 hwb */
.linkList {
  padding: 80px 0 80px;
}

.linkList .con {
  display: flex;
  flex-wrap: wrap;
}

.linkList .item {
  width: 23%;
  display: flex;
  margin-right: 2.6666%;
}
.linkList .item:nth-child(4n){
  margin-right: 0;
}
.linkList .item .image {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #da251d;
  flex-shrink: 0;
  margin-right: 20px;
}
.linkList .item .image img {
  width: 100%;
  height: 100%;
}

.linkList .item .msg {
  padding: 14px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.linkList .item .msg .name {
  font-size: 18px;
  color: #da251d;
  font-weight: bold;
}
.linkList .item .msg .name:hover{
  text-decoration: underline;
}
.linkList .item .msg .txt {
  font-size: 16px;
  color: #666666;
}

.linkList .item .msg .txt:hover{
  color: #da251d;
}

@media screen and (max-width:1333px){
  .linkList .item .image{
    width: 80px;
    height: 80px;
    border-radius: 10px;
    margin-right: 14px;
  }
  .linkList .item .msg{
    padding: 10px 0 10px 0;
  }
  .linkList .item .msg .name{
    font-size: 16px;
  }
  .linkList .item .msg .txt{
    font-size: 14px;
  }
  .linkList{
    padding: 60px 0 60px 0;
  }
}
@media screen and (max-width:999px){
  .linkList .item .image{
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin-right: 10px;
  }
  .linkList .item .msg{
    padding: 5px 0 5px 0;
  }
  .linkList .item .msg .name{
    font-size: 14px;
  }
  .linkList .item .msg .txt{
    font-size: 12px;
  }
  .linkList{
    padding: 40px 0 40px 0;
  }
}
@media screen and (max-width:768px){
  .linkList{
    padding: 30px 0 10px 0;
  }
  .linkList .item{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  
  .linkList .item:nth-child(2n){
    margin-right: 0;
  }
  
  .linkList .item .image{
    width: 50px;
    height: 50px;
  }
  
}
@media screen and (max-width:538px){
  .linkList .item .image{
    width: 45px;
    height: 45px;
    margin-right: 5px;
    border-radius: 5px;
  }
  .linkList .item .msg .name{
    font-size: 12px;
    margin-bottom: 5px;
  }
  
  .linkList .item .msg{
    padding: 0;
  }
}
.product .m-prob2 .prob_img p{
  text-align: center;
}