@charset "UTF-8";
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, iframe, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

dl, ol, ul { list-style-type: none; }

address, b, caption, cite, code, dfn, em, i, th, var { font-style: normal; font-weight: 400; }

button, input, optgroup, option, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

button, input { overflow: visible; vertical-align: middle; outline: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }

a, area { outline: 0; blr: expression(this.onFocus=this.blur()); }

a:active, a:focus, a:hover { outline: 0; blr: expression(this.onFocus=this.blur()); }

sub, sup { vertical-align: baseline; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: none; }

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

img { border: 0; vertical-align: middle; }

a img, img { -ms-interpolation-mode: bicubic; }

a { text-decoration: none; color: #666; }

a:hover { text-decoration: none; }

body, button, input, select, td, textarea, th { font-family: Arial,"微软雅黑"; font-size: 12px; color: #000; }

button:focus { outline: none 0; }

.clearLink, .clearLink:hover { cursor: text; text-decoration: none; }

.layout { width: 1200px; margin: 0 auto; clear: both; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }

body { min-width: 1340px; }

.w { width: 100%; }

.pr { position: relative; }

.pa { position: absolute; }

.tl { text-align: left; }

.tc { text-align: center; }

.tr { text-align: right; }

.vt { vertical-align: top; }

.vm { vertical-align: middle; }

.none { display: none; }

.cp { cursor: pointer; }

.db { display: block; }

.d_ib { display: inline-block; _zoom: 1; *display: inline; }

.tover { display: block; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.clear { clear: both; }

.mb50 { margin-bottom: 50px; }

.bg_white { background: #fff; }

.zoom { display: block; overflow: hidden; }

.zoom img, .zoom span { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; display: block; webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }

.zoom img:hover, .zoom span:hover, li:hover .zoom span, li:hover .zoom img { webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }

.over { overflow: hidden; }

.bg_f6f6f6 { background: #f6f6f6; }

.bg_fcfcfc { background: #fcfcfc; }

/*header*/
.header { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translateZ(0); position: fixed; top: 0; background: #fff; z-index: 999; width: 100%; padding: 20px 0 0; }

.header .logo { margin-top: 10px; display: inline-block; *display: inline; *zoom: 1; }

.nav { position: relative; z-index: 2; }

.nav li { position: relative; float: left; margin: 0 10px; }

.nav li:last-child { margin-right: 0; }

/*.nav li:first-child{ margin-left: 24px; }*/
.nav li > a { padding: 0 16px; position: relative; height: 52px; line-height: 50px; font-size: 16px; display: block; box-sizing: border-box; }

.nav li.on > a, .nav li:hover > a { color: #c01414; }

.nav li dl {box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);left: calc(50% - 2px);box-sizing: border-box;border: 2px solid rgba(0, 0, 0, 0.1);border-top: none;line-height: 30px;min-width: 100%;font-size: 14px;padding: 10px;display: none;position: absolute;left: 50%;top: 52px;text-align: center;width: auto;line-height: 35px;z-index: 999;background: #a80b28;transform: translateX(-50%);}

.nav li dl a { font-size: 14px; height: 35px; line-height: 35px; display: block; color: #fff; opacity: .8; white-space: nowrap; }

.nav li dl a:hover { opacity: 1; }

.nav li:hover dl { display: block; }

.header.small { padding: 10px 0 0; }

.header.small .nav li > a { height: 46px; line-height: 44px; }

.header.small .hr_box { margin-bottom: 6px; }

.header.small .logo { margin-top: 8px; }

.header.small .nav li dl { top: 46px; }

#nav span { width: 100px; height: 2px; background: #c01414; position: absolute; bottom: -1px; left: 0; opacity: 0; filter: alpha(opacity=0); }

.hr_box { height: 34px; line-height: 34px; margin-bottom: 14px; }

.hr_box .phone { padding-left: 30px; background: url(../images/icon101.png) left center no-repeat; font-size: 14px; color: #333; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.hr_box .phone em { font-weight: bold; margin-left: 5px; font-size: 24px; color: #a80b28; }

.hr_box .search_form { margin-left: 20px; width: 200px; height: 34px; border: 1px solid #ddd; border-radius: 2px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; box-sizing: border-box; }

.hr_box .search_input { float: left; padding: 0 14px; width: 166px; box-sizing: border-box; height: 32px; line-height: 32px; _line-height: 32px; *line-height: 32px; border: none; }

.hr_box .search_sub { float: right; width: 32px; height: 32px; border: none; background: url(../images/icon102.png) center no-repeat; }

.state_btn { width: 100px; height: 34px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 34px; color: #fff; font-size: 14px; background: #a80b28; border-radius: 2px; margin-left: 20px; text-align: center; cursor: pointer; }

.state_btn:hover { background: #c20e2f; }

.state_btn a { color: #fff; }

/*footer*/
.footer { background: #393943; }

.ftop { padding: 54px 0 58px; }

.local li { padding-right: 1.3%; float: left; width: 25%; box-sizing: border-box; }

.local li i { float: left; padding-top: 64px; font-size: 12px; width: 70px; text-align: center; color: #fff; background-position: top center; background-repeat: no-repeat; line-height: 20px; }

.local li .i1 { background-image: url(../images/f_gz.png); }

.local li .i2 { background-image: url(../images/f_sz.png); }

.local li .i3 { background-image: url(../images/f_sh.png); }

.local li .i4 { background-image: url(../images/f_fs.png); background-size: 28px; }

.local li.last { padding-right: 0; }

.local li h5 { line-height: 36px; color: #fff; font-size: 24px; font-family: '微软雅黑'; font-weight: 100; margin-bottom: 2px; }

.local li p { width: 90%; font-size: 12px; color: #777; line-height: 24px; }

.fline { height: 1px; width: 100%; background: #fff; opacity: .05; filter: alpha(opacity=5); }

.fmid { padding: 20px 0 24px; }

.fmid h2 { margin-bottom: 16px; font-size: 16px; color: #fff; line-height: 30px; }

.flink_more { cursor: pointer; float: right; width: 30px; height: 30px; background-image: url(../images/icon38.png); background-position: right center; background-repeat: no-repeat; }

.flink_more:hover { background-image: url(../images/icon38_w.png); }

.flink_more.active { background-image: url(../images/icon38on.png); }

.flink_more.active:hover { background-image: url(../images/icon38on_w.png); }

.flink { overflow: hidden; font-size: 12px; color: #777; line-height: 26px; }

.flink a { color: #777; float: left; }

.flink span { margin: 0 18px; float: left; }

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

.fmid .left { width: 1030px; }

.fmid .right { width: 110px; height: 110px; background: #fff; border-radius: 4px; padding: 10px; box-sizing: border-box; }

.fmid .right img { max-width: 100%; }

.fbot { font-size: 12px; color: #999; padding: 24px 0; line-height: 30px; }

.ellipsis_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.xcx { min-width: 1340px; overflow: hidden; }
.xcx_1200 { width: 1200px; margin: auto; }
.xcx_title { text-align: center; padding: 90px 0 60px; width: 1200px; margin: auto; }
.xcx_title h1 { font-size: 48px; color: #21212c; margin-bottom: 8px; }
.xcx_title p { font-size: 18px; color: #999; }
.xcx_title_2 h1 { color: #fff; }
.xcx_title_2 p { color: rgba(255, 255, 255, 0.5); }
.xcx_banner { display: block; height: 760px; background: no-repeat center; background-size: cover; -webkit-background-size: cover; }
.xcx_one { padding-bottom: 78px; }
.xcx_swiper-hl { text-align: center; padding-bottom: 50px; position: relative; width: 1340px; margin: auto; }
.xcx_swiper-hl .item { width: 300px; margin-top: 10px; position: relative; float: left; }
.xcx_swiper-hl .item h2 { font-size: 18px; color: #333; margin-top: 8px; }
.xcx_swiper-hl .item p { line-height: 22px; font-size: 12px; color: #666; margin-top: 11px; height: 95px; padding: 0 30px; }
.xcx_swiper-hl .item:hover img { animation: bounceIn 1s; }
.xcx_swiper-hl .item:after { content: ""; position: absolute; right: -1px; top: 72px; height: 140px; width: 1px; background: #ccc; }
.xcx_swiper-hl .item:nth-of-type(4n):after { display: none; }
.xcx_swiper-hl .swiper-pagination { bottom: 0; }
.xcx .swiper-button-next, .xcx .swiper-button-prev { width: 20px; height: 38px; -webkit-background-size: 20px 38px; background-size: 20px 38px; }
.xcx .swiper-button-next.swiper-button-disabled { background-image: url(../images/xcx_right.png); opacity: 1; }
.xcx .swiper-button-prev.swiper-button-disabled { background-image: url(../images/xcx_left.png); opacity: 1; }
.xcx .swiper-button-next { background-image: url(../images/xcx_right_on.png); }
.xcx .swiper-button-prev { background-image: url(../images/xcx_left_on.png); }
.xcx .swiper-pagination { text-align: center; width: 100%; }
.xcx .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #cdcdcd; opacity: 1; background: none; margin: 0 10px; }
.xcx .swiper-pagination-bullet-active { background-color: #a80b28; border-color: #a80b28; }
.xcx .swiper-scrollbar-drag { background: #df1313; }
.xcx_two { background: #222742; }
.xcx_swiper-case { padding-top: 30px; padding-bottom: 110px; text-align: center; color: #fff; }
.xcx_swiper-case .swiper-slide { width: 224px; border-radius: 18px; overflow: hidden; padding-top: 40px; }
.xcx_swiper-case .swiper-slide h2 { font-size: 18px; margin-top: 26px; }
.xcx_swiper-case .swiper-slide h2:after { content: ""; width: 20px; height: 2px; background: rgba(255, 255, 255, 0.2); display: block; margin: 10px auto 0; }
.xcx_swiper-case .swiper-slide p { line-height: 20px; font-size: 12px; padding: 6px 25px 0; height: 138px; }
.xcx_swiper-case .swiper-slide:hover img { animation: heartBeat 1s; }
.xcx_swiper-case .swiper-slide .txt { transition: all .3s; }
.xcx_swiper-case .swiper-slide .txt2 { position: absolute; bottom: -20%; left: 0; width: 100%; opacity: 0; }
.xcx_swiper-case .swiper-slide .txt2 p { text-align: left; }
.xcx_swiper-case .swiper-slide:hover .txt1 { transform: translate(0, -20%); opacity: 0; }
.xcx_swiper-case .swiper-slide:hover .txt2 { bottom: 0; opacity: 1; }
.xcx_swiper-case .icon { width: 113px; height: 113px; }
.xcx_three { padding-bottom: 73px; }
.xcx_swiper-indust { text-align: center; position: relative; width: 1340px; margin: auto; padding-top: 20px; }
.xcx_swiper-indust .item { margin-top: 10px; position: relative; padding: 0 32px; float: left; width: 236px; }
.xcx_swiper-indust .item h2 { font-size: 16px; color: #333; margin-top: 11px; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.xcx_swiper-indust .item .pic { overflow: hidden; height: 140px; border-radius: 10px; }
.xcx_swiper-indust .item:hover img { animation: heartBeat 1s; }
.xcx_swiper-indust .swiper-pagination { bottom: -9px; }
.xcx_four { background: #e9eef2; text-align: center; padding-bottom: 84px; }
.xcx_four .list li { width: calc(100% / 6); float: left; }
.xcx_four .list li .pic { width: 105px; height: 105px; overflow: hidden; border-radius: 20px; margin: auto; }
.xcx_four .list li .pic img { width: 100%; }
.xcx_four .list li:hover img { animation: heartBeat 1s; }
.xcx_four .list li h2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px; color: #333; height: 42px; margin-top: 23px; margin-bottom: 57px; }
.xcx_four .more { font-size: 16px; color: #666; padding-top: 17px; cursor: pointer; }
.xcx_five { padding-bottom: 85px; }
.xcx_swiper-module { text-align: center; padding-top: 40px; padding-bottom: 110px; position: relative; width: 1340px; margin: auto; }
.xcx_swiper-module .item { position: relative; float: left; width: 240px; }
.xcx_swiper-module .item .pic { width: 90px; height: 90px; margin: auto; }
.xcx_swiper-module .item .pic img { width: 100%; }
.xcx_swiper-module .item h2 { font-size: 18px; color: #333; margin-top: 15px; height: 83px; }
.xcx_swiper-module .item:hover .pic { animation: heartBeat 1s; }
.xcx_swiper-module .swiper-pagination { bottom: 0; }
.xcx_swiper-module .swiper-button-prev, .xcx_swiper-module .swiper-button-next { top: 36%; }
.xcx_six { background: #e9eef2; padding-bottom: 85px; }
.xcx_swiper-anli { text-align: center; padding-bottom: 90px; position: relative; width: 1340px; margin: auto; }
.xcx_swiper-anli .item .pic { border-radius: 15px; overflow: hidden; position: relative; transition: all .3s; }
.xcx_swiper-anli .item .pic .qr_wrap { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); text-align: center; line-height: 327px; transition: all .3s; }
.xcx_swiper-anli .item .pic .qr_wrap img { width: 100px; border-radius: 50%; }
.xcx_swiper-anli .item:hover .pic { box-shadow: 3px 6px 5px 0 #999; }
.xcx_swiper-anli .item:hover .pic .qr_wrap { opacity: 1; }
.xcx_swiper-anli .item:hover .pic .qr_wrap img { animation: bounceIn 1s; }
.xcx_swiper-anli .item h2 { font-size: 18px; color: #666; margin-top: 16px; height: 48px; }
.xcx_swiper-anli .swiper-pagination { bottom: 0; }
.xcx_swiper-anli .swiper-button-prev, .xcx_swiper-anli .swiper-button-next { top: 36%; }
.xcx_seven { background: center; }
.xcx_seven .xcx_title { padding-bottom: 0; }
.xcx_seven .cnt { height: 670px; background: url(../images/xcx_bg_line.png) no-repeat center top; }
.xcx_seven .cnt .ul { position: relative; }
.xcx_seven .cnt .ul li { position: absolute; }
.xcx_seven .cnt .ul li .num { background: #fff; color: #227aea; font-size: 18px; border-radius: 50%; text-align: center; width: 28px; height: 28px; line-height: 28px; }
.xcx_seven .cnt .ul li .txt { width: 190px; min-height: 120px; position: absolute; left: -80px; bottom: 38px; background: rgba(34, 122, 234, 0.5); color: #fff; border-radius: 10px; }
.xcx_seven .cnt .ul li .txt h3 { font-size: 18px; padding: 12px 18px 0; }
.xcx_seven .cnt .ul li .txt p { font-size: 13px; line-height: 18px; margin-top: 9px; padding: 0 18px; }
.xcx_seven .cnt .ul li .txt:after { content: ''; position: absolute; border: 10px solid transparent; border-top-color: rgba(34, 122, 234, 0.5); bottom: -20px; left: 85px; }
.xcx_seven .cnt .ul li:nth-of-type(2n) .txt { bottom: auto; top: 38px; }
.xcx_seven .cnt .ul li:nth-of-type(2n) .txt:after { bottom: auto; top: -20px; border-top-color: transparent; border-bottom-color: rgba(34, 122, 234, 0.5); }
.xcx_eight { padding-bottom: 45px; }
.xcx_eight .cnt { padding-top: 30px; background: center top no-repeat; min-height: 430px; width: 1120px; margin: auto; }
.xcx_eight .cnt .box { width: 260px; }
.xcx_eight .cnt .box li { margin-top: 4px; }
.xcx_eight .cnt .box li h3 { font-size: 18px; color: #333; }
.xcx_eight .cnt .box li p { font-size: 12px; color: #666; line-height: 20px; margin-top: 11px; height: 94px; }
.xcx_nine { background: center top; padding-bottom: 94px; }
.xcx_nine .hn-ly .fl { width: 546px; }
.xcx_nine .hn-ly .fl label { display: block; height: 50px; background: url(../images/ly-bg.png) repeat; border-radius: 4px; margin-bottom: 20px; position: relative; }
.xcx_nine .hn-ly .fl label i { font-size: 18px; color: red; position: absolute; top: 18px; left: 7px; }
.xcx_nine .hn-ly .fl label input { background-color: transparent; border: none; width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 60px; padding-right: 8px; font-size: 16px; color: #fff; }
.xcx_nine .hn-ly .fl label input::-webkit-input-placeholder { color: #98a0aa; }
.xcx_nine .hn-ly .fl label.cc-1 { width: 100%; }
.xcx_nine .hn-ly .fl label.cc-1 input { background: url(../images/ly_1.png) no-repeat 18px center; width: 100%; }
.xcx_nine .hn-ly .fl label.cc-2 { width: 100%; }
.xcx_nine .hn-ly .fl label.cc-2 input { background: url(../images/ly_2.png) no-repeat 18px center; width: 100%; }
.xcx_nine .hn-ly .fl label.cc-3 { width: 264px; float: left; }
.xcx_nine .hn-ly .fl label.cc-3 input { background: transparent url(../images/ly_3.png) no-repeat 18px center; width: 264px; float: left; }
.xcx_nine .hn-ly .fl label.cc-4 { width: 264px; float: right; }
.xcx_nine .hn-ly .fl label.cc-4 input { background: url(../images/ly_4.png) no-repeat 18px center; width: 264px; float: right; }
.xcx_nine .hn-ly .fl label.cc-5 { width: 372px; float: left; }
.xcx_nine .hn-ly .fl label.cc-5 input { background: url(../images/ly_5.png) no-repeat 18px center; width: 372px; float: left; }
.xcx_nine .hn-ly .fl .p2 span.yzm { float: left; margin-left: 15px; border-radius: 4px; overflow: hidden; background: #fff; }
.xcx_nine .hn-ly .fl .p2 span.yzm img { max-height: 100%; max-width: 100%; }
.xcx_nine .hn-ly .fl .p3 { font-size: 14px; color: #98a0aa; text-align: left; }
.xcx_nine .hn-ly .fr { width: 542px; position: relative; }
.xcx_nine .hn-ly .fr label { display: block; background: url(../images/ly_6.png) no-repeat center; width: 60px; height: 50px; position: absolute; top: 0; left: 0; }
.xcx_nine .hn-ly .fr textarea { width: 100%; height: 260px; background: url(../images/ly-bg.png) repeat; box-sizing: border-box; padding: 15px 10px 10px 60px; font-size: 16px; color: #fff; border-radius: 4px; border: none; overflow: hidden; outline: none; }
.xcx_nine .hn-ly .fr textarea::-webkit-input-placeholder { color: #98a0aa; }
.xcx_nine .hn-ly .fr p { text-align: right; margin-top: 20px; }
.xcx_nine .hn-ly .fr input { width: 182px; height: 50px; border: none; border-radius: 5px; background: #009efe; font-size: 16px; color: #fff; }

.Validform_checktip { margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 16px; }

.Validform_right { color: #71b83d; padding-left: 30px; background: url(../images/right.png) no-repeat left center; }

.Validform_wrong { color: red; padding-left: 30px; white-space: nowrap; background: url(../images/error.png) no-repeat left center; }

.Validform_loading { padding-left: 30px; background: url(../images/onLoad.gif) no-repeat left center; }

.Validform_error { background-color: #ffe7e7; }

#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#999999'); }

#Validform_msg .iframe { position: absolute; left: 0; top: -1px; z-index: -1; }

#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: 700; color: #fff; position: relative; background-color: #000; padding: 0 8px; }

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0; color: #fff; text-decoration: none; }

#Validform_msg a.Validform_close:hover { color: #cc0; }

#Validform_msg .Validform_info { border: 1px solid #000; border-top: none; text-align: left; padding: 8px; }

.info { margin-left: 8px; border: 1px solid #ccc; color: #666; float: left; position: relative; display: none; line-height: 20px; padding: 8px 20px 8px 10px; }

.dec { top: 9px; display: block; height: 17px; overflow: hidden; position: absolute; left: -8px; width: 8px; }

.dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: 0; width: 17px; }

.dec .dec1 { color: #ccc; }

.dec .dec2 { color: #fff; left: 1px; }

.Validform_checktip { top: 15px; right: 18px; position: absolute; display: inline; padding-left: 20px; }

.Validform_right { background: url(../images/Yes.png) no-repeat left center; }

.Validform_wrong { background: url(../images/Wrong.png) no-repeat left center; }

.cc-3 .Validform_checktip { left: 231px; }

.cc-5 .Validform_checktip { left: 340px; }

.cc-cntent .Validform_checktip { top: -25px; left: 510px; }

.thisfrom .Validform_checktip { position: relative; top: 1px; left: 365px; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #455161 inset; -webkit-color: #fff; }