﻿/* CSS Document */
* { margin: 0; padding: 0; }

input[type="submit"] { cursor: pointer; }

input[type="checkbox"] { cursor: pointer; }

input[type="radio"] { cursor: pointer; }

img.imgyzm { cursor: pointer; }

.disnone { display: none; }

html { font-size: 62.5%; height: 100%; background-color: #fff; }

body { -webkit-transition: 0.5s; transition: 0.5s; margin: 0 auto; font-size: 14px; font-size: 1.4rem; max-width: 1920px; position: relative; overflow-x: hidden; font-family: Arial, Geneva, Tahoma, sans-serif; }
table {margin:0 auto !important; }
img { border: none; }

ul li { list-style-type: none; }

a, dd, dl, dt, form, img, li, p, span, table, td, tr, ul { margin: 0; padding: 0; list-style: none; color: #333; }

a { text-decoration: none; color: #333; outline: none; -webkit-transition: 0.3s; transition: 0.3s; }

h1 { margin: 0; padding: 0; font-weight: normal; color: #333; }

.clear { clear: both; }

.maln { margin-left: auto !important; }

input, textarea { font-size: 12px; font-size: 1.2rem; color: #333; border: none; outline: none; }

.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; }

.cleat { clear: both; }

.wp { position: relative; }

.box { position: relative; }

.mln { margin-left: 0 !important; }

.mbn { margin-bottom: 0 !important; }

.mtn { margin-top: 0 !important; }

@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; } }

::-webkit-input-placeholder { /* WebKit browsers */ color: #999; font-size: 14px; font-size: 1.4rem; }

:-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; font-size: 14px; font-size: 1.4rem; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; font-size: 14px; font-size: 1.4rem; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; font-size: 14px; font-size: 1.4rem; }

body a:hover { color: #bf2026 !important; }



.slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: 0; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { top: 0; left: 0; }

.slick-track:after, .slick-track:before { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir=rtl] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }
.slideshow .item img { width: 100%; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.slideshow .item.slick-active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.slick-dots { position: absolute; width: 100%; bottom: 15px; text-align: center; }

.slick-dots li { display: inline-block; }

.slick-dots li button { cursor: pointer; background: url(../img/dian.png) no-repeat center center; font-size: 0px; margin-left: 6px; margin-right: 6px; border: none; outline: none; width: 16px; height: 16px; }

.slick-dots li.slick-active button { background: url(../img/dianh.png) no-repeat center center; }

.slick-prev, .slick-next { width: 41px; height: 90px; border: 0px; font-size: 0px; cursor: pointer; display: none !important; }

@media screen and (max-width: 999px) { .slideshow:hover .slick-prev, .slick-next { display: none !important; } }

/* header */
.header { position: relative; z-index: 9999; width: 100%; }

.header_right { width: 100%; }

.head_bot { background: #fff; margin: 0 auto; padding-bottom: 0px; }

.logo { margin-top: 0px; }

.logo a { display: block;  margin: 0 auto; }

.logo img { display: block;   width: 100%; margin-top: 10px }

.header_ul1 { padding-top: 45px; }

.header_ul1 > li { float: left; margin-left: 49px; position: relative; padding-bottom: 36px; }

.header_ul1 > li > a { text-transform: uppercase; font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; padding-bottom: 37px; }

.header_ul1 > li:hover > a, .header_ul1 li.on > a { color: #bf2026;   }

.header_ul1 > li:hover .dan_header { display: block; }

.dan_header { display: none; width: 137px; position: absolute; left: -25px; top: 100%; background: #fff; z-index: 999999; }

.dan_header > li { border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; line-height: 40px; padding-left: 23px; position: relative; }

.dan_header > li:last-child { border: 0px; }

.dan_header > li > a { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 40px; display: block; }

.dan_header > li:hover { background: #bf2026; }

.dan_header > li:hover > a { color: #fff !important; }

.dan_header > li:hover .dan_sanheader { display: block; }

.dan_sanheader { display: none; width: 241px; position: absolute; left: 100%; top: 0px; background: #fff; z-index: 999999; }

.dan_sanheader > li { border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; line-height: 40px; padding-left: 23px; position: relative; }

.dan_sanheader > li:last-child { border: 0px; }

.dan_sanheader > li > a { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 40px; display: block; }

.dan_sanheader > li:hover { background: #bf2026; }

.dan_sanheader > li:hover > a { color: #fff !important; }

.dan_sanheader > li:hover .dan_siheader { display: block; }

.dan_siheader { display: none; width: 200px; position: absolute; left: 100%; top: 0px; background: #fff; z-index: 999999; }

.dan_siheader > li { border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; line-height: 40px; padding-left: 23px; position: relative; }

.dan_siheader > li:last-child { border: 0px; }

.dan_siheader > li > a { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 40px; display: block; }

.dan_siheader > li:hover { background: #bf2026; }

.dan_siheader > li:hover > a { color: #fff !important; }

.head_top { background: #165fc5; padding-bottom: 5px; }

.header_form { margin-top: 5px; margin-left: 20px; border: 1px solid #fff; width: 269px; height: 27px; line-height: 27px; font-family: Tahoma; position: relative; border-radius: 50px; background: transparent; }

.header_form .tex { font-size: 14px; font-size: 1.4rem; text-indent: 14px; width: 100%; line-height: 27px; height: 27px; display: inline-block; color: #ffffff; font-family: Tahoma; border-radius: 50px; background: transparent; }

.header_form .sub { position: absolute; top: 0px; right: 0px; height: 30px; width: 28px; font-size: 0px; cursor: pointer; z-index: 99; background: transparent url(../img/suosou.png) no-repeat right top; border-radius: 50px; }

.hjiao { margin-top: 11px; }

.hjiao a { padding-left: 21px; background: url(../img/envelope.png) no-repeat left center; display: inline-block; color: #fff; margin-right: 15px; }

.hjiao span { padding-left: 21px; background: url(../img/phone.png) no-repeat left center; display: inline-block; color: #fff; margin-right: 15px; }

.hjiao.hjiaotiuy { padding-left: 20px; }

.hjiao.hjiaotiuy a { display: block; margin-bottom: 20px; }

.hjiao.hjiaotiuy span { display: block; margin-bottom: 20px; }

.head_top p { padding-top: 13px; }

.head_top p a { display: inline-block; margin-right: 10px; }

.head_top p span { line-height: 29px; display: inline-block; color: #999999; font-size: 12px; font-size: 1.2rem; }

.head_top .shejiao { background: url(../img/h9.png) no-repeat left center; margin-left: 20px; padding-left: 20px; margin-top: 11px; }

.head_top .shejiao a { display: block; margin-left: 14px; float: left; }

.head_top .shejiao a img { -webkit-transition: 0.3s all; transition: 0.3s all; }

.head_top .shejiao a:hover img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

/* nav_head */
.nav_head { width: 100%; display: none; }

.nav_head li { text-align: center; width: 25%; float: left; }

.nav_head li a { font-size: 18px; font-size: 1.8rem; color: #333; line-height: 30px; }

.nav_head li.on a { color: #bf2026; }

.nav_head li:hover a { color: #bf2026; }

@media screen and (max-width: 768px) { .nav_head { display: block; } }

@media screen and (max-width: 640px) { .nav_head li a { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; } }

@media screen and (max-width: 1219px) { .header_right { width: 100%; }
  .header_form { width: 183px; }
  .header_ul1 > li { margin-left: 20px; }
  .head_top .shejiao a { margin-left: 5px; }
  .header_ul1 > li.li3 { margin-right: 106px; } }

@media screen and (max-width: 999px) { .logo { margin: 0 auto; float: none; }
  .header_ul1 { padding-top: 0px; float: none; }
  .header_ul1 > li { padding-bottom: 30px; }
  .header_ul1 > li > a { padding-bottom: 20px; } }

@media screen and (max-width: 768px) { .header { background: #fff; }
  .header_ul1 { display: none; }
  .header_form { display: none; }
  .head_top .shejiao { display: none; }
  .hertiou { margin-top: 50px; }
  .slide .dotList { bottom: 20px; }
  .slide .dotList.dandotList { bottom: 20px; }
  .head_bot { padding-bottom: 0px; }
  .head_top { display: none; }
  .logo { position: relative; top: 0px; left: auto; margin-left: 0px; margin: 0 auto; }
  .logo { width: 69px; } }

@media screen and (max-width: 640px) { .header_right { width: 100%; margin: 0 auto; }
  .head_top { float: none; }
  .head_top p { padding-top: 5px; }
  .slide .dotList { bottom: 20px; } }

/* footer */
.footer { background: #333333; }

.footer a:hover { color: #bf2026; }

.footer .title a:hover { color: #bf2026; }

.footer .title { padding-top: 45px; font-size: 24px; font-size: 2.4rem; color: #fff; text-transform: uppercase; line-height: 30px; }

.footer .title a { font-size: 24px; font-size: 2.4rem; color: #fff; text-transform: uppercase; line-height: 30px; }

.fo_top { border-bottom: 1px solid #6b6e6f; padding: 13px; }

.fo_top a { display: inline-block; color: #fff; }

.fo_top a.img { display: block; }

.fo_top a img { display: inline-block; }

.fo_top p { padding-top: 52px; }

.fo_top p a { padding-left: 41px; font-size: 16px; font-size: 1.6rem; line-height: 26px; text-transform: uppercase; }

.footer_left { float: left; width: 23%; }

.footer_center { float: left; width: 30%; }

.footer_right { float: right; width: 536px; }

.footer ul { margin-top: 18px; }

.footer ul li { line-height: 30px; color: #bbbbbb; }

.footer ul li a { color: #bbbbbb; }

.footer_center ul { width: 100%; float: left; }

.footer_center ul li { line-height: 30px;  }

.footer_center ul li.li1 { background: url(../img/fli1.png) no-repeat left 5px; }

.footer_center ul li.li2 { background: url(../img/fli2.png) no-repeat left 5px; }

.footer_center ul li.li3 { background: url(../img/fli3.png) no-repeat left 7px; }

.footer_center ul li.li4 { background: url(../img/fli4.png) no-repeat left 5px; }

.footer_center ul li.li5 { background: url(../img/fli5.png) no-repeat left 5px; }

.footer_center ul li.li6 { background: url(../img/fli6.png) no-repeat left 5px; }

.footer_right .img { display: block; margin-top: 16px; }

.footer_right .img img { display: block; max-width: 309px; max-height: 64px; width: 100%; }

.footer_right p { line-height: 30px; color: #fff; }

.footer_right p a { line-height: 30px; color: #fff; }

.footer_right p span { display: block; color: #fff; }

.footer_right p a.cnzz { padding-left: 5px; display: inline-block; position: relative; top: 3px; }

.footer_right .shejiao { margin-top: 29px; margin-bottom: 15px; }

.footer_right .shejiao a { display: block; float: left; margin-left: 12px; }

.footer_right .shejiao a img { display: block; max-width: 25px; width: 100%; }

.fott_bot { padding-top: 76px; text-align: left; color: #bbbbbb; padding-bottom: 19px; }

.fott_bot .liks { height: 30px; }

.fott_bot p { color: #bbbbbb; }

.fott_bot p b { color: #bbbbbb; line-height: 30px; }

.fott_bot a { color: #bbbbbb; line-height: 30px; margin-left: 4px; margin-right: 9px; }

.fott_bot .shejiao a img { -webkit-transition: 0.3s all; transition: 0.3s all; }

.fott_bot .shejiao a:hover img { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.foxin { padding-top: 14px; }

.foxin .int1 { float: left; margin-top: 11px; }

.foxin .int2 { float: right; margin-top: 11px; }

.foxin .int1 input, .foxin .int2 input { width: 242px; height: 35px; padding-left: 6px; font-size: 12px; font-size: 1.2rem; color: #aaaaaa; line-height: 35px; border: 1px solid #fff; background: none; }

.foxin .tex { padding-top: 11px; }

.foxin textarea { font-family: Arial; width: 527px; height: 72px; padding-left: 6px; font-size: 12px; font-size: 1.2rem; color: #aaaaaa; line-height: 35px; border: 1px solid #fff; background: none; }

.foxin .int5 { margin-top: 11px; }

.foxin .int3 { width: 242px; height: 35px; float: left; padding-left: 6px; font-size: 12px; font-size: 1.2rem; color: #aaaaaa; line-height: 35px; border: 1px solid #fff; background: none; margin-right: 35px; }

.foxin .int4 { width: 106px; height: 40px; float: right; background: #165fc5; color: #fff; font-size: 14px; font-size: 1.4rem; cursor: pointer; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; }

.foxin .int4:hover { border-radius: 10px; }

@media screen and (max-width: 1219px) { .footer_left { float: left; width: 15%; }
  .footer .title { font-size: 20px; font-size: 2rem; }
  .footer_center { float: left; width: 26%; margin-right: 1%; }
  .footer ul { margin-top: 10px; }
  .footer ul li { font-size: 14px; font-size: 1.4rem; }
  .footer ul li a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 1219px) { .slide .dotList { text-align: center; position: absolute; bottom: 20px; } }

@media screen and (max-width: 999px) { .fo_top { margin-bottom: 0px; }
  .fo_top p a { padding-left: 20px; }
  .footer_right .shejiao a { margin-left: 12px; }
  .fott_bot p { line-height: 41px; }
  .fott_bot p a { line-height: 41px; }
  .footer .title { padding-top: 26px; }
  .footer_right .shejiao { margin-top: 10px; }
  .footer_left { float: left; width: 48%; min-height: 290px; }
  .footer_center { float: right; width: 48%; margin-right: 0%; min-height: 290px; }
  .footer_right { float: none; width: 100%; }
  .foxin .int1, .foxin .int2 { width: 48%; }
  .foxin .int1 input, .foxin .int2 input { width: calc( 100% - 6px); }
  .foxin .int3 { width: 48%; }
  .foxin textarea { width: calc( 100% - 6px); }
  .fott_bot p { line-height: 25px; } }

@media screen and (max-width: 768px) { .liks { display: none; }
  .footer_left { display: none; }
  .footer_center { display: none; }
  .footer_right { display: none; }
  .footer .title { display: none; }
  .footer_right .img { display: none; }
  .footer_right .shejiao { display: none; }
  .fott_bot { padding-top: 20px; }
  .footer .shejiao { display: none; } }


