.clearfix:before, .ul:before, .clearfix:after, .ul:after { content: " "; display: table; }
.clearfix:after, .ul:after { clear: both; }

@media (max-width: 640px) { html { font-size: 20px; }
  body { padding-bottom: 80px; } }
@media (max-width: 640px) { .hide-xs { display: none !important; } }

@media (min-width: 641px) { .show-xs { display: none !important; } }
@media (max-width: 640px) { .show-xs { display: block !important; } }

.container { padding: 0; margin: 0 auto; width: 1080px; }
@media (max-width: 640px) { .container { padding-left: 15px; padding-right: 15px; width: 100%; overflow: hidden; } }

.ul li { list-style: none; float: left; }

.toolbar { min-width: 1080px; height: 36px; line-height: 36px; background-color: #8f8c59; color: #fff; }
@media (max-width: 768px) { .toolbar { min-width: 100%; } }
.toolbar .toolbar-l { float: left; }
.toolbar .toolbar-r { float: right; width: 40%; }
.toolbar .ibox1 { width: 50%; }
.toolbar .ibox2 a { color: inherit; margin: 0 6px; }
.toolbar .iconimg { margin: 0 5px; }

.hdown-toggle { position: relative; }
.hdown-toggle .hdown-con { position: absolute; top: 36px; left: 0; background-color: #fff; border: 1px solid #eaeaea; }

.ge-header { min-width: 1080px; height: 128px; line-height: 128px; background: #fff; background-image: linear-gradient(top, #fff, #eae9e9); }
@media (max-width: 768px) { .ge-header { min-width: 100%; } }
.ge-header .ilogo { float: left; width: 45%; }
.ge-header .inav { float: right; width: 55%; }
.ge-header .inav li { padding: 0 8px; width: 20%; text-align: center; }
.ge-header .inav li.on a { color: #f4141e; border-bottom: 5px solid #f4141e; }
.ge-header .inav a { display: block; font-size: 16px; color: #5b5b5b; line-height: 123px; height: 128px; }

.ge-footer { min-width: 1080px; margin-top: 180px; margin-bottom: 0; background-color: #504e4f; }
@media (max-width: 768px) { .ge-footer { min-width: 100%; } }
.ge-footer .fl { width: 325px; }
.ge-footer .fr { width: 755px; }

.ge-footer-t .panel { border: none; border-radius: 0; margin-top: -110px; margin-bottom: 0; width: 315px; }
.ge-footer-t .panel .panel-heading { height: 110px; background-color: #8f8c59; border-radius: 0; }
.ge-footer-t .panel .panel-heading .t { width: 100%; height: 75px; background-image: url(../img/beiou_19_1.png); background-position: 25px -300px; background-repeat: no-repeat; }
.ge-footer-t .panel .list-group { background-color: #e3d979; }
.ge-footer-t .panel .list-group-item { padding: 0 20px 0 15px; height: 75px; font-size: 13px; line-height: 75px; color: #ABA6A3; overflow: hidden; background-color: #e3d979; border: none; border-bottom: 1px dashed #faf196; border-top: 1px dashed #a79c35; }
.ge-footer-t .panel .list-group-item a { color: inherit; }
.ge-footer-t .panel .list-group-item .span-icon { float: left; margin-top: 22px; width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; }
.ge-footer-t .panel .list-group-item .span-info { position: absolute; left: 60px; top: 50%; transform: translateY(-50%); width: 200px; line-height: 20px; color: #504e4f; }
.ge-footer-t .panel .list-group-item.tel .span-icon { background-image: url(../img/ft-mb-icon-tel.png); }
.ge-footer-t .panel .list-group-item.email .span-icon { background-image: url(../img/ft-mb-icon-email.png); }
.ge-footer-t .panel .list-group-item.faxes .span-icon { background-image: url(../img/ft-mb-icon-fax.png); }
.ge-footer-t .panel .list-group-item.address .span-icon { background-image: url(../img/ft-mb-icon-mark.png); }
.ge-footer-t .panel .list-group-item:hover { color: white; }
.ge-footer-t .panel .list-group-item:hover.tel .span-icon { background-image: url(../img/ft-mb-icon-tel-h.png); }
.ge-footer-t .panel .list-group-item:hover.email .span-icon { background-image: url(../img/ft-mb-icon-email-h.png); }
.ge-footer-t .panel .list-group-item:hover.faxes .span-icon { background-image: url(../img/ft-mb-icon-fax-h.png); }
.ge-footer-t .panel .list-group-item:hover.address .span-icon { background-image: url(../img/ft-mb-icon-mark-h.png); }
.ge-footer-t .ewm { margin-top: 45px; margin-left: 60px; float: left; color: #E4E3E1; }
.ge-footer-t .ewm img { width: 130px; height: 130px; margin-bottom: 10px; }
.ge-footer-t .ewm h5 { line-height: 1.2; text-align: center; }
.ge-footer-t .form { float: right; margin-top: 45px; width: 500px; }
.ge-footer-t .form .form-group { float: left; position: relative; }
.ge-footer-t .form .form-group.name { margin-bottom: 20px; }
.ge-footer-t .form .form-group.name input { padding-left: 55px; color: #898987; }
.ge-footer-t .form .form-group.contect { float: right; margin-bottom: 20px; }
.ge-footer-t .form .form-group.contect input { padding-left: 83px; color: #898987; }
.ge-footer-t .form .form-group.con { width: 100%; }
.ge-footer-t .form label { position: absolute; left: 15px; top: 0; line-height: 40px; color: #898987; font-weight: normal; }
.ge-footer-t .form textarea { padding-top: 8px; width: 100%; height: 105px; color: #898987; resize: none; }
.ge-footer-t .form .form-control { border-radius: 0; border: 1px solid #504C49; box-shadow: none; background-color: #2f2f2f; }
.ge-footer-t .form .form-control[type=text] { width: 235px; height: 40px; line-height: 40px; }
.ge-footer-t .form .form-control:focus { box-shadow: none; background-color: white; }
.ge-footer-t .form .bn { margin-top: 10px; float: right; padding: 0 30px; height: 34px; font-size: 15px; line-height: 32px; color: #292929; }

.ge-footer-b { font-size: 13px; line-height: 40px; color: #A3A2A0; text-align: center; background: #292929; }
.ge-footer-b a { margin-left: 20px; color: #A3A2A0; }

.ge-footer .list-group-item, .ge-footer .form-control, .ge-footer .btn { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }

.ft-mb { display: none; position: fixed; bottom: 0; left: 0; padding: 5px; padding-top: 3px; width: 100%; font-size: 18px; line-height: 1; text-align: center; border-top: 1px solid #b2b2b2; background-color: #f8f8f8; z-index: 99; }
@media (max-width: 768px) { .ft-mb { display: block; } }

.ft-mb-item { float: left; width: 20%; }
.ft-mb-item a { color: #898b92; line-height: 1; }
.ft-mb-item a.on { color: #1b90f7; }
.ft-mb-item i { font-size: 22px; }
.ft-mb-item img { width: 20px; }
.ft-mb-item p { margin: 0; margin-top: 5px; font-size: 12px; }

.actGotop { position: fixed; right: 100px; bottom: 100px; padding: 10px; background-color: rgba(65, 65, 65, 0.8); border-radius: 2px; z-index: 999; }
.actGotop i { display: block; width: 25px; height: 25px; font-size: 25px; line-height: 25px; color: #D0CCC9; }
.actGotop:hover { background-color: rgba(65, 65, 65, 0.9); }

.actGotop { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }

.hd-mb { display: none; padding: 0 15px; height: 50px; line-height: 50px; background-color: #1b5ca2; }
@media (max-width: 768px) { .hd-mb { display: block; } }

.hd-mb-logo { vertical-align: middle; max-height: 35px; }

.hd-mb-toggle { float: right; font-size: 20px; color: white; }
.hd-mb-toggle:hover, .hd-mb-toggle:active, .hd-mb-toggle:focus { color: white; }

.hd-mb-downmenu { background-color: #1c61ab; border-top: 1px solid #1c61ab; }
.hd-mb-downmenu a { padding: 0 15px; display: block; line-height: 40px; height: 40px; color: white; }

#mmenu .mm-close::before, #mmenu .mm-close::after { box-sizing: content-box; }

.mobile-nav .header { position: fixed; top: 0; left: 0; padding: 0 50px; width: 100%; height: 40px; line-height: 40px; font-size: 16px; font-weight: 700; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; background: #5897DF; z-index: 999; }

.mobile-nav .header.fixed { position: fixed; top: 0; left: 0; }

.mobile-nav .header a { background: center center no-repeat transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC); display: block; width: 40px; height: 40px; position: absolute; top: 0; right: 10px; z-index: 99; }

.mobile-nav .header img { margin-top: 2px; max-height: 35px; position: absolute; left: 20px; }

#mmenu:not(.mm-menu) { display: none; }

.banner { min-width: 1080px; height: 530px; background-size: cover; background-image: url(../img/banner.jpg); background-position: center; }
@media (max-width: 640px) { .banner { min-width: 100%; height: 200px; } }

.sec-t { margin: 0; padding-top: 36px; padding-bottom: 36px; font-size: 41px; font-weight: bold; color: #4d4d4d; text-align: center; }
@media (max-width: 640px) { .sec-t { padding-top: 20px; padding-bottom: 18px; font-size: 22px; } }

.sec-pro { position: relative; text-align: center; background-color: #f0f0f0; }
.sec-pro .container { overflow: visible; }
.sec-pro .mb { position: relative; margin-top: -58px; background-color: #f3f3f3; border-radius: 5px; }
.sec-pro .mb::before { content: ""; position: absolute; top: 0; left: -48px; width: 48px; height: 190px; background-image: url(../img/shadow-left.png); background-size: cover; }
.sec-pro .mb::after { content: ""; position: absolute; top: 0; right: -48px; width: 48px; height: 190px; background-image: url(../img/shadow-right.png); background-size: cover; }
@media (max-width: 640px) { .sec-pro .mb { margin-top: -30px; }
  .sec-pro .mb::before { left: -15px; width: 15px; }
  .sec-pro .mb::after { right: -15px; width: 15px; } }
.sec-pro .tabnav { padding-left: 40px; padding-right: 40px; margin-bottom: 20px; }
@media (max-width: 640px) { .sec-pro .tabnav { margin-bottom: 0; padding-left: 20px; padding-right: 20px; } }
.sec-pro .tabnav li { display: inline-block; position: relative; width: 12.5%; }
/*针对 en站点*/
@media (min-width: 641px) {
  .sec-pro .tabnav li:first-child { width: 15.5%; }
  .sec-pro .tabnav li { width: 12.07%; }
}

.sec-pro .tabnav li.active::after { display: inline-block; }
.sec-pro .tabnav li.active a { color: white; background-color: #d9091b; }
.sec-pro .tabnav li.active a::before { border-color: #fff; }
.sec-pro .tabnav li.active a::after { display: inline-block; }
@media (max-width: 640px) { .sec-pro .tabnav li { margin-bottom: 10px; width: 33.33333%; text-align: left; } }
.sec-pro .tabnav a { max-width: 100%; position: relative; display: inline-block; padding: 8px 0; padding-left: 32px; padding-right: 12px; font-size: 18px; line-height: 25px; color: #575757; border-radius: 5px; }
@media (max-width: 640px) { .sec-pro .tabnav a { padding-left: 22px; font-size: 14px; line-height: 20px; } }
.sec-pro .tabnav a::before { content: ""; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px; border: 3px solid #9b9b9b; border-radius: 50%; }
@media (max-width: 640px) { .sec-pro .tabnav a::before { left: 8px; width: 12px; height: 12px; border-width: 2px; } }
.sec-pro .tabnav a::after { display: none; content: ""; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); width: 0; height: 0; color: #d9091b; margin-left: 2px; vertical-align: middle; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.sec-pro .tabnav a span { max-width: 130px; display: block; }
@media (max-width: 640px) { .sec-pro .tabnav a span { max-width: 80px; } }
.sec-pro .tabcont { padding-left: 50px; padding-right: 50px; }
@media (max-width: 640px) { .sec-pro .tabcont { padding-left: 15px; padding-right: 15px; } }
.sec-pro .swiper-pro { position: relative; margin-top: 35px; }
@media (max-width: 640px) { .sec-pro .swiper-pro { margin-top: 15px; } }
@media (max-width: 640px) { .sec-pro .swiper-container { min-height: auto; } }
.sec-pro .swiper-slide { padding: 5px; }
.sec-pro .swiper-button-prev, .sec-pro .swiper-button-next { position: absolute; top: 50%; width: 49px; height: 49px; margin-top: -80px; background-size: cover; cursor: pointer; z-index: 10; }
.sec-pro .swiper-button-prev { left: -70px; background-image: url(../img/arrow-left.png); }
.sec-pro .swiper-button-next { right: -70px; background-image: url(../img/arrow-right.png); }
.sec-pro .pro-card { padding: 10px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: #fff; overflow: hidden; }
.sec-pro .pro-card img { width: 100%; }
.sec-pro .bn-wrap { padding-top: 30px; padding-bottom: 40px; }
.sec-pro .bn-wrap .bn { padding: 0 30px; line-height: 32px; height: 34px; }
.sec-pro .bn-wrap .bn i { margin-left: 10px; }

.sec-new { min-width: 1080px; padding-bottom: 50px; }
@media (max-width: 640px) { .sec-new { min-width: 100%; padding-bottom: 25px; } }
.sec-new a { color: inherit; }
.sec-new p, .sec-new h3, .sec-new h4 { margin: 0; }
.sec-new .sec-t { padding-top: 40px; padding-bottom: 40px; }
.sec-new .iarea-l { float: left; padding-right: 10px; width: 50%; }
@media (max-width: 640px) { .sec-new .iarea-l { padding-right: 0; width: 100%; } }
.sec-new .iarea-l .img-wrap { position: relative; }
.sec-new .iarea-l .img-wrap img { width: 100%; }
.sec-new .iarea-l .img-wrap .txt { margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; font-size: 20px; line-height: 48px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.6); }
@media (max-width: 640px) { .sec-new .iarea-l .img-wrap .txt { font-size: 18px; line-height: 35px; height: 35px; } }
.sec-new .iarea-l .c { margin-top: 20px; }
.sec-new .iarea-r { float: left; padding-left: 10px; width: 50%; }
@media (max-width: 640px) { .sec-new .iarea-r { margin-top: 20px; padding-left: 0; width: 100%; } }
.sec-new .item { margin-bottom: 6px; padding: 6px; padding-left: 0; background-color: #dddddd; overflow: hidden; }
@media (max-width: 640px) { .sec-new .item { margin-bottom: 8px; } }
.sec-new .item.active { background-color: #cb0819; }
.sec-new .item.active .num { color: #fff; border-bottom: 1px solid #fff; }
.sec-new .item.active .t { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.sec-new .item.active .c { color: #fff; }
.sec-new .item-l { float: left; width: 100px; text-align: center; color: #fff; }
@media (max-width: 640px) { .sec-new .item-l { width: 80px; } }
.sec-new .item-l .num { display: inline-block; font-size: 58px; font-weight: bold; line-height: 1.2; border-bottom: 1px solid #9d9d9d; }
@media (max-width: 640px) { .sec-new .item-l .num { font-size: 40px; } }
.sec-new .item-r { padding-top: 15px; margin-left: 100px; }
@media (max-width: 640px) { .sec-new .item-r { padding-top: 6px; margin-left: 80px; } }
.sec-new .item-r .t { margin-bottom: 5px; color: #2e2e2e; font-size: 18px; }
@media (max-width: 640px) { .sec-new .item-r .t { font-size: 16px; } }
.sec-new .item-r .t .time { margin-left: 15px; }
.sec-new .item-r .c { color: #808080; font-size: 15px; }
@media (max-width: 640px) { .sec-new .item-r .c { font-size: 14px; } }

.sec-about { min-width: 1080px; padding-top: 50px; padding-bottom: 50px; background-color: #eff0f0; background-image: url(../img/about-bg.jpg); background-position: right center; background-repeat: no-repeat; }
.sec-about a { color: inherit; }
.sec-about .iarea-l { padding-right: 30px; float: left; width: 50%; }
.sec-about .iarea-l img { max-width: 100%; }
.sec-about .iarea-r { padding-top: 30px; float: left; width: 50%; }
.sec-about .t { margin-bottom: 20px; font-size: 32px; font-weight: bold; color: #4d4d4d; text-align: center; }
.sec-about .c { line-height: 1.8; color: #1b1b1b; text-indent: 2em; }
.sec-about .bn-wrap { margin-top: 30px; }
.sec-about .bn-wrap .bn { padding: 0 30px; line-height: 32px; height: 34px; color: #fff; }
.sec-about .bn-wrap .bn i { margin-left: 10px; }

@media (max-width: 640px) { .sec-about { padding-top: 30px; padding-bottom: 75px; min-width: 100%; }
  .sec-about .container { overflow: visible; }
  .sec-about .iarea { position: relative; }
  .sec-about .iarea-l { padding: 0; width: 100%; }
  .sec-about .iarea-r { position: absolute; right: 3%; top: 30px; padding: 20px; width: 90%; background-color: rgba(0, 0, 0, 0.6); }
  .sec-about .iarea-r .t { margin: 0; margin-bottom: 15px; font-size: 18px; color: #fff; }
  .sec-about .iarea-r .c { color: #fff; height: 122px; overflow: hidden; }
  .sec-about .iarea-r .bn-wrap { margin-top: 10px; }
  .sec-about .iarea-r .bn-wrap .bn { width: 120px; line-height: 34px; height: 36px; } }
.sec-parter .item { padding: 5px; padding-top: 0; padding-bottom: 62.5%; height: 0; border: 1px solid #c7c7c7; transition: all .3s ease-in 0s; }
.sec-parter .item:hover { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 0 15px rgba(0, 0, 0, 0.3); }
.sec-parter .item img { max-width: 90%; max-height: 90%; }