.ff { font-family: 'iconfont' !important; }
@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg'); }
@font-face { font-family: 'ITC Avant Garde Gothic'; font-weight: normal; font-style: normal; src: url('../fonts/avantgarde-demi.eot'); src: url('../fonts/avantgarde-demi.eot') format('embedded-opentype'), url('../fonts/avantgarde-demi.woff2') format('woff2'), url('../fonts/avantgarde-demi.woff') format('woff'), url('../fonts/avantgarde-demi.ttf') format('truetype'), url('../fonts/avantgarde-demi.svg#avantgarde-demi') format('svg'); }
@font-face { font-family: 'ITC Avant Garde Gothic'; font-weight: 400; font-style: normal; src: url('../fonts/avantgardeitcbybt-book.eot'); src: url('../fonts/avantgardeitcbybt-book.eot') format('embedded-opentype'), url('../fonts/avantgardeitcbybt-book.woff2') format('woff2'), url('../fonts/avantgardeitcbybt-book.woff') format('woff'), url('../fonts/avantgardeitcbybt-book.ttf') format('truetype'), url('../fonts/avantgardeitcbybt-book.svg#avantgardeitcbybt-book') format('svg'); }
@font-face { font-family: 'Agency FB'; font-weight: normal; font-style: normal; src: url('../fonts/agencyfb-reg.eot'); src: url('../fonts/agencyfb-reg.eot') format('embedded-opentype'), url('../fonts/agencyfb-reg.woff2') format('woff2'), url('../fonts/agencyfb-reg.woff') format('woff'), url('../fonts/agencyfb-reg.ttf') format('truetype'), url('../fonts/agencyfb-reg.svg#agencyfb-reg') format('svg'); }
body { font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body.fixed { position: fixed; overflow: hidden; width: 100%; height: 100%; }
body.searchactive { position: fixed; overflow: hidden; width: 100%; height: 100%; }
@media (min-width:1460px) {
    .container { width: 1430px; }
}
@media (max-width:767px) {
    .col-xs-6:nth-child(2n+1) { padding-right: 7.5px; }
    .col-xs-6:nth-child(2n) { padding-left: 7.5px; }
}
li, ol, ul { list-style: none; }
a { color: inherit; }
a:hover, a:link, a:visited { text-decoration: none; color: inherit; }
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
ul { margin: 0; padding: 0; }
button, input, textarea { resize: none; border: none; outline: none; }
img { border: 0; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
a:visited, a:link { text-decoration: none; color: inherit; }
.img-box { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 100%; }
.img-box img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
.img-box img[src=''], .img-box img:not([src]) { opacity: 0; border: 0; }
*[data-type='iframe'], *[data-fancybox], .slick-slide:focus, a:link { outline: none !important; }
.header { z-index: 10; width: 100%; height: 160px; -webkit-transition: all .4s; transition: all .4s; background-color: #fff; }
@media (max-width:1199px) {
    .header { height: 70px; }
}
.header .top { overflow: hidden; height: 40px; padding: 0 50px; background-color: #eee; }
@media (max-width:1800px) {
    .header .top { padding: 0 15px; }
}
.header .top p { line-height: 40px; display: inline-block; margin: 0; color: #666; }
@media (max-width:1199px) {
    .header .top p { display: none; }
}
.header .top .language { float: right; }
.header .top .language ul li { font-size: 16px; line-height: 40px; display: inline-block; color: #999; }
.header .top .language ul li:last-child:after { display: none; }
.header .top .language ul li:after { content: '|'; }
.header .top .language ul li a { display: inline-block; padding: 0 10px; }
.header .top .language ul li a:hover { color: #171c61; }
.header .top .share { float: right; overflow: hidden; }
.header .top .bdsharebuttonbox { display: inline-block; -webkit-transition: all .2s; transition: all .2s; }
.header .top .bdsharebuttonbox a { font-size: 16px; line-height: 40px; position: relative; display: inline-block; height: 40px; margin: 0; padding: 0 4px; -webkit-transition: all .5s; transition: all .5s; background: none; }
.header .top .bdsharebuttonbox a:before { font-family: 'iconfont'; font-size: 22px; display: inline-block; float: left; margin-right: 10px; content: '\e62a'; text-align: center; color: #9d9d9d; }
.header .top .bdsharebuttonbox a:hover { opacity: 1; color: #fff; }
.header .top .bdsharebuttonbox a:hover:before { color: #171c61; }
.header .top .bdsharebuttonbox .bds_sqq:before { content: '\e62d'; }
.header .top .bdsharebuttonbox .bds_tsina:before { content: '\e62a'; }
.header .top .bdsharebuttonbox .bds_weixin:before { content: '\e604'; }
.header .top .bdsharebuttonbox .bds_video:before { content: '\e62a'; }
.header .top-nav { height: 120px; padding: 0 50px; }
@media (max-width:1800px) {
    .header .top-nav { padding: 0 15px; }
}
@media (max-width:1199px) {
    .header .top-nav { height: 70px; }
}
.header .logo { position: relative; float: left; height: 60px; margin-top: 30px; -webkit-transition: all .4s; transition: all .4s; }
@media (max-width:1199px) {
    .header .logo { height: 50px; margin-top: 10px; }
}
.header .logo a { display: block; height: 100%; }
.header .logo img { display: inline-block; height: 100%; padding-right: 20px;    /*border-right: 1px solid #d2d2d2;*/ }
@media (max-width:1300px) {
    .header .logo img { padding-right: 0; border-right: none;width:80%; }
}
.header .logo p { font-size: 22px; line-height: 24px; display: inline-block; margin: 0 0 0 20px; vertical-align: middle; }
@media (max-width:1800px) {
    .header .logo p { font-size: 16px; }
}
@media (max-width:1300px) {
    .header .logo p { display: none; }
}
.header .logo p span { color: #c30d23; }
.header .nav-collapse { position: relative; z-index: 10; display: none; float: right; width: 40px; height: 40px; margin-left: 10px; padding: 0; cursor: pointer; background: none; }
@media (max-width:1199px) {
    .header .nav-collapse { display: block; margin-top: 10px; }
    .header .nav-collapse.nav-collapse-1 { position: absolute; z-index: 9999; top: 10px; right: 20px; display: block; margin-top: 10px; border: none; }
    .header .nav-collapse.nav-collapse-1 .btn-line { background-color: #fff !important; }
}
@media (max-width:767px) {
    .header .top { display: none }
    .header .nav-collapse { position: absolute; top: 10px; right: 0; margin-top: 0; border: none; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .header .nav-collapse.nav-collapse-xs:hover .btn-line { background-color: #000; }
}
.header .nav-collapse .btn-line { position: absolute; left: 50%; width: 20px; height: 2px; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #666; }
.header .nav-collapse .btn-line:nth-child(3), .header .nav-collapse .btn-line:nth-child(1) { position: absolute; display: block; width: 20px; height: 2px; content: ''; -webkit-transition: all .5s ease; transition: all .5s ease; background-color: #666; }
.header .nav-collapse .btn-line:nth-child(1) { top: 35%; }
.header .nav-collapse .btn-line:nth-child(2) { top: 50%; }
.header .nav-collapse .btn-line:nth-child(3) { top: 65%; }
.header .nav-collapse.active { border-color: transparent; }
.header .nav-collapse.active .btn-line { background-color: #fff; }
.header .nav-collapse.active .btn-line:nth-child(2) { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; }
.header .nav-collapse.active .btn-line:nth-child(1) { top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotateZ(45deg); }
.header .nav-collapse.active .btn-line:nth-child(3) { top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotateZ(-45deg); }
@media (min-width:1200px) {
    .header .nav { position: relative; float: right; }
}
@media (max-width:1560px) {
    .header .nav { padding-right: 10px; }
}
@media (max-width:1199px) {
    .header .nav { position: fixed; z-index: 9998; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 0 50px; -webkit-transition: left .3s; transition: left .3s; text-align: left; text-align: center; background: #fafafa; background-color: rgba(23, 28, 97, .9); }
    .header .nav .tbl { display: table; width: 100%; height: 100%; }
    .header .nav .tbl-cell { display: table-cell; height: 100%; vertical-align: middle; }
}
@media (max-width:767px) {
    .header .nav { width: 100%; padding: 30px; }
}
.header .nav.left-100 { left: -100%; }
.header .nav.left-200 { left: -200%; }
@media (min-width:1200px) {
    .header .nav .nav-list1 li a { white-space: nowrap; }
    .header .nav .nav-list1>li { position: relative; float: left; padding: 0 20px; }
    .header .nav .nav-list1>li>a { font-size: 16px; line-height: 120px; position: relative; z-index: 2; display: inline-block; -webkit-transition: all .4s; transition: all .4s; }
    .header .nav .nav-list1>li>a:before { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 6px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #171c61; }
    .header .nav .nav-list1>li:hover a, .header .nav .nav-list1>li.active a { color: #171c61; }
    .header .nav .nav-list1>li:hover a:before, .header .nav .nav-list1>li.active a:before { width: 100%; }
    .header .nav .nav-list1 .nav-list2 { display: none; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); }
    .header .nav .nav-list1 .nav-list2 { position: absolute; z-index: 50; top: 100%; min-width: 100%; padding: 0 0; -webkit-transform: translateX(-24%); -ms-transform: translateX(-24%); transform: translateX(-24%); }
    .header .nav .nav-list1 .nav-list2 li { display: block; list-style: none; }
    .header .nav .nav-list1 .nav-list2 li:last-child { border-bottom: none; }
    .header .nav .nav-list1 .nav-list2 li>a { font-size: 15px; line-height: 50px; position: relative; z-index: 1; display: block; padding: 0 30px; -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; text-align: center; color: #666; }
    .header .nav .nav-list1 .nav-list2 li>a:hover { color: #fff; background-color: #171c61; }
    .header .nav .nav-list1 .nav-list2 li .pic { max-width: 260px; margin-left: 40px; }
    .header .nav .nav-list1 .nav-list2 li .pic img { max-width: 100%; }
    .header .nav .nav-list1 .nav-list2 li .pic .img-box { padding-bottom: 69.23076923%; }
    .header .nav .nav-list1 .nav-list2.pronav-list2 { right: 0; left: 0; overflow: hidden; width: 100%; max-width: 1290px; margin: auto; padding-bottom: 20px; border-bottom: 40px solid #fff; }
    .header .nav .nav-list1 .nav-list2.pronav-list2>li { width: 14.28571429%; margin-right: -4px; margin-bottom: -999px; padding-bottom: 999px; border-left: 1px solid #e7e7e7; }
    .header .nav .nav-list1 .nav-list2.pronav-list2>li .pic { max-width: 130px; margin-left: 0; }
    .header .nav .nav-list1 .nav-list2.pronav-list2>li h4 { font-size: 13px; font-weight: bold; margin-top: 24px; }
    .header .nav .nav-list1 .nav-list3 { position: absolute; left: 100%; display: none; margin-top: -44px; padding: 20px 0; background-color: rgba(255, 255, 255, .95); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); }
    .header .nav .nav-list1 .nav-list3 li>a { font-size: 12px; line-height: 2; }
}
@media (min-width:1200px) and (max-width:1600px) {
    .header .nav .nav-list1>li { padding: 0 24px; }
}
@media (min-width:1200px) and (max-width:1460px) {
    .header .nav .nav-list1>li { padding: 0 18px; }
}
@media (min-width:1200px) and (max-width:1360px) {
    .header .nav .nav-list1>li { padding: 0 13px; }
}
@media (min-width:1200px) and (max-width:1600px) {
    .header .nav .nav-list1>li>a { font-size: 14px; }
}
@media (min-width:1200px) and (max-width:1440px) {
    .header .nav .nav-list1>li>a { font-size: 14px; }
}
@media (min-width:1200px) and (max-width:1560px) {
    .header .nav .nav-list1 .nav-list2 li>a { font-size: 14px; }
}
@media (min-width:1200px) and (max-width:1199px) {
    .header .nav .nav-list1 .nav-list2 li .pic { display: none; }
}
@media (max-width:1199px) {
    .header .nav .nav-list1 { margin: 20px 0; opacity: 0; }
    .header .nav .nav-list1>li { -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); opacity: 0; }
    .header .nav .nav-list1>a { font-size: 20px; color: #fff; }
}
@media (max-width:1199px) {
    .header .nav .nav-list2, .header .nav .nav-list3 { display: none; }
    .header .nav .nav-list2 a, .header .nav .nav-list3 a { font-size: 16px; line-height: 2; margin-top: 5px; color: #fff; }
}
.header .nav .nav-list2 a, .header .nav .nav-list3 a { display: block; }
@media (max-height:580px) {
    .header .nav .nav-list2 a, .header .nav .nav-list3 a { margin-top: 0; }
}
.header .nav-2, .header .nav-3 { display: none; }
@media (max-width:1199px) {
    .header .nav-2, .header .nav-3 { position: absolute; z-index: 9999; top: 0; display: block; overflow: hidden; width: 100%; height: 100%; padding: 20px; -webkit-transition: left .3s; transition: left .3s; text-align: left; text-align: center; color: #fff; background: #fafafa; background-color: #171c61; }
}
.header .nav-2 .nav-top, .header .nav-3 .nav-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.header .nav-2 .nav-top .back-btn:before, .header .nav-3 .nav-top .back-btn:before { font-family: 'iconfont'; font-size: 26px; content: '\e9b5'; }
.header .nav-2 .nav-top h2, .header .nav-3 .nav-top h2 { font-size: 30px; margin: 0; text-transform: uppercase; }
@media (max-width:767px) {
    .header .nav-2 .nav-top h2, .header .nav-3 .nav-top h2 { font-size: 20px; width: 100%; }
}
.header .nav-2 .nav-top .nav-collapse-2, .header .nav-3 .nav-top .nav-collapse-2 { margin: 0; }
.header .nav-2 .nav-top .nav-collapse-2 .btn-line, .header .nav-3 .nav-top .nav-collapse-2 .btn-line { background-color: #fff; }
.header .nav-2 .content, .header .nav-3 .content { overflow: auto; height: 80%; margin-top: 12%; }
@media (max-width:767px) {
    .header .nav-2 .content ul, .header .nav-3 .content ul { padding: 0 15px; }
}
.header .nav-2 .content ul li, .header .nav-3 .content ul li { font-size: 20px; line-height: 50px; margin: 25px 0; text-align: left; }
@media (max-width:767px) {
    .header .nav-2 .content ul li, .header .nav-3 .content ul li { margin: 0; }
}
.header .nav-2 .content ul li.more, .header .nav-3 .content ul li.more { position: relative; }
.header .nav-2 .content ul li.more:after, .header .nav-3 .content ul li.more:after { font-family: 'iconfont' !important; font-size: 16px; position: absolute; top: 50%; right: 0; content: '\e72f'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }
.header .nav-2 .content ul li a, .header .nav-3 .content ul li a { display: block; }
.header .nav-2 { left: 100%; }
.header .nav-3 { left: 200%; }
.header .nav-3 .content ul li { font-size: 19px; }
.header .fade-out ul { text-align: left; }
@media only screen and (min-width:768px) and (max-width:1199px) {
    .header .fade-out ul { padding: 0 5%; }
}
@media (max-width:1199px) {
    .header .fade-out ul .pic { display: none !important; }
}
@media (max-width:1199px) {
    .header .fade-out ul.nav-list1 { opacity: 1; }
    .header .fade-out ul.nav-list1 a { color: #fff; }
    .header .fade-out ul.nav-list1>li { position: relative; margin: 20px 0; }
    .header .fade-out ul.nav-list1>li.act { -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
    .header .fade-out ul.nav-list1>li.more:after { font-family: 'iconfont'; font-size: 18px; position: absolute; top: 50%; right: 0; margin-top: -14px; content: '\e72f'; color: #fff; }
    .header .fade-out ul.nav-list1>li>a { font-size: 22px; line-height: 2.5; display: block; text-transform: uppercase; }
    .header .fade-out ul.nav-list1 .nav-list2>li>a { font-size: 20px; }
}
@media (max-width:1199px) and (max-width:767px) {
    .header .fade-out ul.nav-list1>li { margin: 0; }
}
@media (max-width:1199px) and (max-height:768px) {
    .header .fade-out ul.nav-list1 .nav-list2>li>a { font-size: 18px; }
}
@media (max-width:1199px) and (max-width:480px) {
    .header .fade-out ul.nav-list1 .nav-list2>li>a { font-size: 14px; }
}
.header .fade-out ul.nav2-list2 h4 { font-size: 20px; line-height: 50px; }
.header .xs-language { position: absolute; z-index: 9; bottom: 30px; left: 35px; }
@media (min-width:1200px) {
    .header .xs-language { display: none; }
}
.header .xs-language a { font-size: 16px; color: #fff; }
.header .xs-language span { margin: 0 5px; color: #fff; }
.header .search-box { position: absolute; z-index: 10; top: 100%; left: 0; display: none; overflow: hidden; width: 100%; height: 60px; margin-top: 20px; margin-top: 0; margin-right: 10px; -webkit-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both; background-color: #171c61; }
@media (max-width:1199px) {
    .header .search-box { top: 70px; }
}
.header .search-box .hbg { position: absolute; top: 50%; width: 100%; padding: 0 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.header .search-box .search { line-height: 40px; position: relative; overflow: hidden; zoom: 1; width: 100%; border: 1px solid #dbdbdb; border-radius: 40px; }
.header .search-box .input-text { float: left; height: 38px; padding-left: 10%; color: #333; background: none; }
@media (min-width:768px) {
    .header .search-box .input-text { width: 100%; padding: 0 50px 0 3%; }
}
.header .search-box .input-submit { position: absolute; right: 0; width: 70px; height: 40px; color: #fff; border: 1px solid #d5d5d5; background-color: #171c61; }
@media (max-width:1199px) {
    .header .search-box .input-submit { line-height: 30px; width: 50px; height: 30px; }
}
.header .search-icon { position: absolute; z-index: 10; top: 18px; left: 15px; display: inline-block; display: none; cursor: pointer; }
.header .search-icon:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e660'; color: #171c61; }
.header .search-lg p { line-height: 2; margin: 0; color: #999; }
@media (max-width:1199px) {
    .header .search-lg p { font-size: 12px; }
}
.header .search-lg .search { position: relative; left: 0; width: 100%; border: none; border-radius: 0; }
.header .search-lg .search:before { font-family: 'iconfont' !important; font-size: 24px; position: absolute; top: 0; left: 10px; content: '\e660'; color: #999; }
@media (max-width:1199px) {
    .header .search-lg .search:before { font-size: 18px; line-height: 30px; }
}
.header .search-lg .input-text { font-size: 16px; line-height: 38px; width: 100%; height: 40px; padding: 0 80px 0 40px; color: #333; border: 1px solid #d5d5d5; background-color: #f5f5f5; }
@media (max-width:1199px) {
    .header .search-lg .input-text { line-height: 28px; height: 30px; }
}
.header .search-lg input::-webkit-input-placeholder, .header .search-lg textarea::-webkit-input-placeholder { color: #999; }
.header .search-lg input:-o-placeholder, .header .search-lg textarea:-o-placeholder { color: #999; }
.header .search-lg input::-moz-placeholder, .header .search-lg textarea::-moz-placeholder { color: #999; }
.header .search-lg input:-ms-input-placeholder, .header .search-lg textarea:-ms-input-placeholder { color: #999; }
.header .search-lg input:focus::-webkit-input-placeholder, .header .search-lg textarea:focus::-webkit-input-placeholder { color: #fff; }
.header .search-lg input:focus::-o-placeholder, .header .search-lg textarea:focus::-o-placeholder { color: #fff; }
.header .search-lg input:focus::-moz-placeholder, .header .search-lg textarea:focus::-moz-placeholder { color: #fff; }
.header .search-lg input:focus::-ms-input-placeholder, .header .search-lg textarea:focus::-ms-input-placeholder { color: #fff; }
.header .search-lg .close-btn { position: absolute; top: 0; right: 20px; display: inline-block; cursor: pointer; }
.header .search-lg .close-btn:before { font-size: 20px; line-height: 40px; content: '\2716'; color: #fff; }
.header .find { font-size: 14px; line-height: 120px; float: right; padding-left: 20px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #c7c7c7; border-left: 1px solid #eee; }
@media (max-width:1800px) {
    .header .find { margin-left: 10px; }
}
@media (max-width:1199px) {
    .header .find { line-height: 70px; margin-right: 4%; margin-left: 0; border-left: none; }
}
.header .find::before { font-family: 'iconfont'; font-size: 30px; font-weight: bold; float: left; margin-right: 14px; content: '\e660'; }
@media (max-width:1199px) {
    .header .find::before { font-size: 20px; }
}
.header .find:hover:before { color: #171c61; }
.online { position: fixed; z-index: 9; right: 15px; width: 45px; -webkit-transition: all .6s ease; transition: all .6s ease; }
@media (max-width:1440px) {
    .online { right: 5px; }
}
@media (min-width:992px) {
    .online { top: 40%; }
}
@media (max-width:991px) {
    .online { bottom: -380px; }
}
.online.active { right: 5px; bottom: 80px; }
.online a { line-height: 50px; position: relative; display: block; width: 50px; height: 50px; margin-top: 2px; cursor: pointer; text-align: center; text-decoration: none; background-color: rgba(0, 0, 0, .7); }
@media (max-width:1560px) {
    .online a { line-height: 40px; width: 40px; height: 40px; }
}
.online a:after { font-family: 'iconfont'; font-size: 20px; content: '\e621'; color: #fff; }
.online a:hover { background-color: #15ad0d; }
.online a.online-email:after { content: '\e61f'; }
.online a.online-email:hover { background-color: #765099; }
.online a.online-qq:after { content: '\e62d'; }
.online a.online-qq:hover { background-color: #3b589b; }
.online a.online-tel:after { content: '\e61c'; }
.online a.online-tel:hover { background-color: #00affb; }
.online a.online-weixin:after { content: '\e604'; }
.online a.online-weixin:hover { background-color: #33d055; }
.online a.online-wechat:after { font-size: 22px; content: '\e604'; }
.online a.online-wechat:hover { background-color: #33d055; }
.online a.online-top:after { content: '\e605'; }
.online a.online-top:hover { background-color: #000; }
.online a.online-tel p, .online a.online-whatsapp p { line-height: 50px; position: absolute; top: 0; right: 54px; display: none; width: 160px; height: 50px; text-align: center; background-color: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12); }
.online a.online-wechat .erweima, .online a.online-weixin .erweima { position: absolute; z-index: 999; top: 0; right: 54px; display: block; display: none; width: 130px; height: 160px; padding: 5px; background-color: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12); }
.online a.online-wechat .erweima img, .online a.online-weixin .erweima img { width: 100%; }
.online a.online-wechat .erweima p, .online a.online-weixin .erweima p { font-size: 13px; line-height: 30px; height: auto; margin: 0; padding: 0; text-align: center; color: #888; }
.icon-online { font-size: 30px; line-height: 46px; position: fixed; z-index: 9; right: 5px; bottom: 20px; display: none; width: 46px; height: 46px; -webkit-transition: all .4s ease; transition: all .4s ease; text-align: center; color: #fff; border-radius: 50%; background-color: #171c61; }
@media (max-width:991px) {
    .icon-online { display: block; }
}
.icon-online.icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.banner { font-size: 0; position: relative; overflow: hidden; width: 100%; }
@media (max-width:1199px) {
    .banner .slickbanner { width: 100%; max-width: 100%; margin-left: 0; }
}
@media (max-width:991px) {
    .banner .slickbanner { width: 140%; max-width: 140%; margin-left: -20%; }
}
.banner .slick-dots { position: absolute; top: 50%; right: 6%; width: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
@media (max-width:991px) {
    .banner .slick-dots { right: 15%; }
}
.banner .slick-dots li { display: inline-block; width: 16px; height: 16px; margin: 10px 0; cursor: pointer; border: 1px solid #fff; border-radius: 50%; }
.banner .slick-dots li:before { display: block; width: 10px; height: 10px; margin-top: 2px; margin-left: 2px; content: ''; border-radius: 50%; background-color: #fff; }
.banner .slick-dots li.slick-active { border-color: #a60b13; }
.banner .slick-dots li.slick-active:before { background-color: #a60b13; }
.banner .slick-dots li.slick-active button { display: block; }
@media (max-width:767px) {
    .banner .slick-dots li.slick-active button { display: none; }
}
.banner .slick-dots li button { font-size: 20px; position: absolute; right: 26px; bottom: -82px; display: none; padding: 0; color: #a60b13; background: none; }
.banner img { display: block; width: 100%; }
.banner .img-box { padding-bottom: 37.5%; }
.banner .text { position: absolute; z-index: 9; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.banner .text-1 h3 { font-size: 38px; font-weight: bold; line-height: 1.31578947; margin: 0; color: #fff; }
@media (max-width:991px) {
    .banner .text-1 h3 { font-size: 20px; }
}
.banner .text-1 h3:after { display: block; width: 52px; height: 6px; margin: 0 auto; margin-top: 10px; content: ''; background: url(../images/line-1.png) no-repeat; }
.banner .text-1 h4 { font-size: 40px; color: #fff; }
@media (max-width:991px) {
    .banner .text-1 h4 { font-size: 24px; }
}
.banner .text-1 p { font-family: 'ITC Avant Garde Gothic'; font-size: 20px; line-height: 1.6; margin: 0; color: #fff; }
@media (max-width:991px) {
    .banner .text-1 p { font-size: 14px; }
}
.banner .text-2 { padding-left: 50%; text-align: left; }
@media (max-width:991px) {
    .banner .text-2 { padding-right: 15%; }
}
.banner .text-2 h3 { font-size: 32px; font-weight: bold; line-height: 45px; display: inline-block; padding: 0 20px; color: #fff; border-radius: 30px; background-color: #171c61; }
@media (max-width:991px) {
    .banner .text-2 h3 { font-size: 16px; line-height: 35px; height: 35px; }
}
.banner .text-2 h4 { font-size: 38px; font-weight: bold; color: #171c61; }
@media (max-width:991px) {
    .banner .text-2 h4 { font-size: 18px; margin: 10px 0; }
}
.banner .text-2 h4 span { color: #c30d23; }
.banner .text-2 p { font-family: 'ITC Avant Garde Gothic'; font-size: 20px; font-weight: bold; line-height: 1.6; margin: 0; color: #333; }
@media (max-width:991px) {
    .banner .text-2 p { font-size: 14px; }
}
.banner .text-2 i { font-size: 18px; font-style: normal; line-height: 1.66666667; display: block; margin-top: 30px; color: #171c61; }
@media (max-width:991px) {
    .banner .text-2 i { font-size: 14px; margin-top: 10px; }
}
.banner .text-2 i:after { display: block; width: 32px; height: 4px; content: ''; background-color: #171c61; }
.banner .to-num { font-size: 20px; position: absolute; top: -webkit-calc(50% + 90px); top: calc(50% + 90px); right: 5%; color: #fff; }
@media (max-width:767px) {
    .banner .to-num { display: none; }
}
.banner .to-num:before { margin: 0 10px; content: '/'; }
.banner .slick-current .text-1 h3, .banner .slick-current .text-1 h4, .banner .slick-current .text-1 p { -webkit-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both; }
.banner .slick-current .text-2 h3, .banner .slick-current .text-2 h4, .banner .slick-current .text-2 p, .banner .slick-current .text-2 i { -webkit-animation: fadeInLeft 1s 0s ease both; animation: fadeInLeft 1s 0s ease both; }
.banner-in { padding: 0; }
@media (max-width:767px) {
    .banner-in .slickbanner { width: 200%; max-width: 200%; margin-left: -50%; }
}
.banner-in .img-box { padding-bottom: 22.13541667%; }
.banner-in .text-in { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: right; }
.banner-in .text-in .note { display: inline-block; text-align: center; }
.banner-in .text-in b { font-size: 32px; margin: 0; color: #171c61; }
@media (max-width:991px) {
    .banner-in .text-in b { font-size: 24px; }
}
.banner-in .text-in p { font-family: 'Agency FB'; font-size: 26px; font-weight: bold; line-height: 46px; margin: 0; padding: 0 6px; text-align: center; text-transform: uppercase; color: #fff; background-color: #171c61; }
@media (max-width:991px) {
    .banner-in .text-in p { font-size: 22px; }
}
@media (max-width:767px) {
    .banner-in .text-in p { font-size: 16px; }
}
.box-tel { position: relative; z-index: 8; overflow: hidden; margin-top: -40px; }
@media (max-width:991px) {
    .box-tel { margin-top: 0; }
}
.box-tel p { font-size: 24px; position: relative; display: inline-block; margin: 0; padding: 20px 0; padding-right: 90px; color: #fff; background-color: #171c61; }
@media (max-width:991px) {
    .box-tel p { font-size: 16px; padding: 10px 0; padding-right: 30px; }
}
.box-tel p:after { position: absolute; top: 0; left: -100%; display: block; width: 100%; height: 100%; content: ''; background-color: #171c61; }
.box-tel p:before { font-family: 'iconfont' !important; font-size: 50px; display: inline-block; margin-right: 10px; content: '\e618'; vertical-align: middle; }
@media (max-width:991px) {
    .box-tel p:before { font-size: 30px; }
}
.box-tel p a { font-family: 'ITC Avant Garde Gothic'; font-size: 36px; font-weight: bold; }
@media (max-width:991px) {
    .box-tel p a { font-size: 20px; }
}
.box { padding: 80px 0; }
@media (max-width:991px) {
    .box { padding: 60px 0; }
}
.index-content { position: relative; }
.index-content:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background: url(../images/index_bg.png) repeat-y center; }
.title { position: relative; }
.title b { font-family: 'ITC Avant Garde Gothic'; font-size: 90px; line-height: 1; display: block; text-transform: capitalize; color: #e7e7e7; }
@media (max-width:991px) {
    .title b { font-size: 60px; }
}
@media (max-width:767px) {
    .title b { font-size: 40px; }
}
.title p { font-size: 26px; font-weight: bold; line-height: 28px; position: absolute; top: 60%; display: inline-block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; }
@media (max-width:991px) {
    .title p { font-size: 18px; line-height: 20px; }
}
.title a.more { font-size: 16px; line-height: 2; position: absolute; top: 30%; right: 0; display: inline-block; color: #fff; }
.title a.more:hover { color: #a60b13; }
.box-about { position: relative; z-index: 2; margin-top: -80px; padding-top: 180px; background: url(../images/about_bg.jpg) center no-repeat; background-size: cover; }
@media (max-width:991px) {
    .box-about { margin-top: -60px; padding-top: 100px; }
}
.box-about .about .pic img { max-width: 100%; }
.box-about .about h4 { font-family: 'ITC Avant Garde Gothic'; font-size: 18px; position: relative; display: inline-block; margin: 0; padding-bottom: 20px; text-indent: 30px; text-transform: uppercase; color: #a60b13; }
@media (max-width:991px) {
    .box-about .about h4 { margin-top: 40px; text-indent: 0; }
}
.box-about .about h4:after { position: absolute; right: 0; bottom: 0; display: block; width: 250px; height: 3px; content: ''; background-color: #bfbfbf; }
.box-about .about .text { margin-top: 50px; padding-left: 30px; }
@media (max-width:991px) {
    .box-about .about .text { margin-top: 30px; padding-left: 0; }
}
.box-about .about .text b { font-family: 'ITC Avant Garde Gothic'; font-size: 42px; line-height: 1.23809524; display: block; }
@media (max-width:991px) {
    .box-about .about .text b { font-size: 24px; }
}
.box-about .about .text h3 { font-size: 22px; margin-top: 30px; }
@media (max-width:991px) {
    .box-about .about .text h3 { font-size: 18px; }
}
.box-about .about .text p { font-size: 16px; line-height: 1.875; display: -webkit-box; overflow: hidden; max-height: 90px; margin: 20px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
@media (max-width:991px) {
    .box-about .about .text p { font-size: 14px; }
}
.box-about .about .text a.more { font-size: 16px; line-height: 40px; display: inline-block; margin-top: 50px; padding: 0 40px; -webkit-transition: all .2s; transition: all .2s; color: #171c61; border: 2px solid #171c61; }
@media (max-width:991px) {
    .box-about .about .text a.more { margin-top: 30px; }
}
.box-about .about .text a.more:hover { color: #fff; background-color: #171c61; }
.box-product { background-color: #f8f8f8; }
.box-product .text { margin-top: 60px; }
@media (max-width:991px) {
    .box-product .text { margin-top: 30px; }
}
.box-product .text p { font-size: 16px; line-height: 2; margin: 0; color: #666; }
@media (max-width:991px) {
    .box-product .text p { font-size: 14px; }
}
.box-product .product { position: relative; }
.box-product .product:before { position: absolute; top: 0; right: -3px; display: block; width: 5px; height: 46px; content: ''; background-color: #171c61; }
.box-product .product:after { position: absolute; bottom: -96px; left: -3px; display: block; width: 5px; height: 56px; content: ''; background-color: #171c61; }
.box-product .product .item { display: block; margin-top: 50px; }
@media (max-width:991px) {
    .box-product .product .item { margin-top: 30px; }
}
.box-product .product .item .img-box { padding-bottom: 61.11111111%; }
.box-product .product .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.box-product .product .item .note { margin-top: 40px; }
@media (max-width:991px) {
    .box-product .product .item .note { margin-top: 20px; }
}
.box-product .product .item .note b { font-size: 20px; font-weight: normal; line-height: 32px; display: -webkit-box; overflow: hidden; height: 32px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width:991px) {
    .box-product .product .item .note b { font-size: 16px; }
}
.box-product .product .item .note p { line-height: 1.71428571; display: -webkit-box; overflow: hidden; height: 48px; margin: 14px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.box-product .product .item .note span { line-height: 2; display: inline-block; margin-top: 24px; border-bottom: 3px solid #333; }
@media (max-width:991px) {
    .box-product .product .item .note span { margin-top: 10px; }
}
.box-product .product .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.box-product .product .item:hover .note b { color: #171c61; }
.box-product .product .item:hover .note span { color: #171c61; border-bottom-color: #171c61; }
.box-scientific { overflow: hidden; }
.box-scientific .scientific { position: relative; margin-top: 70px; padding-left: 280px; }
@media (max-width:1199px) {
    .box-scientific .scientific { padding-left: 180px; }
}
@media (max-width:767px) {
    .box-scientific .scientific { margin-top: 0; padding-left: 0; }
}
.box-scientific .scientific ul.scientific-sort { position: absolute; left: 0; }
@media (max-width:767px) {
    .box-scientific .scientific ul.scientific-sort { position: relative; }
}
.box-scientific .scientific ul.scientific-sort li { margin: 40px 0 0 0; }
@media (max-width:767px) {
    .box-scientific .scientific ul.scientific-sort li { display: inline-block; }
}
.box-scientific .scientific ul.scientific-sort li a { font-size: 20px; line-height: 40px; display: block; padding: 0 36px; border: 1px dashed #cecece; border-radius: 30px; }
@media (max-width:767px) {
    .box-scientific .scientific ul.scientific-sort li a { font-size: 16px; line-height: 34px; }
}
.box-scientific .scientific ul.scientific-sort li.active a { color: #fff; border-color: #171c61; background-color: #171c61; }
.box-scientific .scientific .list { overflow: hidden; }
@media (max-width:767px) {
    .box-scientific .scientific .list { margin-top: 30px; }
}
.box-scientific .scientific .list-1 .pic img { width: 100%; }
.box-scientific .scientific .list-1 .itembox { padding: 0 20px; }
.box-scientific .scientific .list-1 .slick-scientific { margin-top: 40px; }
@media (max-width:767px) {
    .box-scientific .scientific .list-1 .slick-scientific { margin-top: 20px; }
}
.box-scientific .scientific .list-1 .scientific-scroll { margin: 0 -20px; }
.box-scientific .scientific .list-1 .item { display: block; text-align: center; }
.box-scientific .scientific .list-1 .item .img-box { padding-bottom: 63.00578035%; }
.box-scientific .scientific .list-1 .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.box-scientific .scientific .list-1 .item b { font-size: 16px; font-weight: normal; display: block; margin: 10px 0 0 0; text-align: center; }
.box-scientific .scientific .list-1 .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.box-scientific .scientific .list-2 .row { margin-top: -70px; }
@media (max-width:991px) {
    .box-scientific .scientific .list-2 .row { margin-top: -40px; }
}
.box-scientific .scientific .list-2 .item { position: relative; display: block; margin-top: 70px; border: 1px solid #c8c8c8; }
@media (max-width:991px) {
    .box-scientific .scientific .list-2 .item { margin-top: 40px; }
}
.box-scientific .scientific .list-2 .item .img-box { padding-bottom: 63.00578035%; }
.box-scientific .scientific .list-2 .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.box-scientific .scientific .list-2 .item p { font-size: 16px; line-height: 46px; position: absolute; right: 0; bottom: 10px; display: inline-block; width: auto; margin: 0; padding: 0 20px; color: #fff; background-color: #171c61; }
.box-scientific .scientific .list-2 .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.box-scientific .scientific .owl-carousel { position: static; }
.box-scientific .scientific .owl-theme .owl-pagination { position: absolute; right: 0; bottom: 34px; left: 0; display: none; width: 100%; margin: auto; text-align: center; }
@media (max-width:1199px) {
    .box-scientific .scientific .owl-theme .owl-pagination { bottom: 14px; text-align: center; }
}
.box-scientific .scientific .owl-theme .owl-pagination .owl-page { display: inline-block; }
.box-scientific .scientific .owl-theme .owl-pagination .owl-page span { display: inline-block; width: 11px; height: 11px; margin: 0 5px; opacity: 1; border: 1px solid #fff; border-radius: 50%; background: none; }
.box-scientific .scientific .owl-theme .owl-pagination .owl-page.active span { width: 10px; height: 10px; background: none; background-color: #fff; }
.box-scientific .scientific .owl-theme .owl-buttons .owl-prev, .box-scientific .scientific .owl-theme .owl-buttons .owl-next { line-height: 26px; position: absolute; z-index: 9; top: -70px; right: 36px; width: 36px; height: 26px; margin: 0; padding: 0; opacity: 1; color: #fff; border-radius: 0; background-color: #171c61; }
@media (max-width:767px) {
    .box-scientific .scientific .owl-theme .owl-buttons .owl-prev, .box-scientific .scientific .owl-theme .owl-buttons .owl-next { top: -30px; }
}
.box-scientific .scientific .owl-theme .owl-buttons .owl-prev:before, .box-scientific .scientific .owl-theme .owl-buttons .owl-next:before { font-family: 'iconfont'; font-size: 14px; content: '\e9bc'; }
.box-scientific .scientific .owl-theme .owl-buttons .owl-prev:hover, .box-scientific .scientific .owl-theme .owl-buttons .owl-next:hover { background-color: #d91e49; }
.box-scientific .scientific .owl-theme .owl-buttons .owl-next { right: 0; left: auto; background-color: #a60b13; }
.box-scientific .scientific .owl-theme .owl-buttons .owl-next:before { content: '\e636'; }
.box-honor { background: url(../images/honor_bg.jpg) no-repeat center; background-size: cover; }
.box-honor .title b { opacity: .2; }
.box-honor .title p { top: 50%; color: #fff; background: none; }
.box-honor .honor { position: relative; }
.box-honor .honor:before { position: absolute; top: -116px; left: 280px; display: inline-block; width: 6px; height: 56px; content: ''; background: url(../images/line-2.png) no-repeat; }
@media (max-width:991px) {
    .box-honor .honor:before { top: -96px; left: 0; }
}
.box-honor .honor .slick-honor { margin: 0 -24px; margin-top: 60px; }
@media (max-width:1199px) {
    .box-honor .honor .slick-honor { margin: 0 -14px; margin-top: 30px; }
}
@media (max-width:991px) {
    .box-honor .honor .slick-honor { margin-top: 30px; }
}
@media (max-width:767px) {
    .box-honor .honor .slick-honor { margin: 0 -8px; margin-top: 30px; }
}
.box-honor .honor .slick-honor .item { margin: 0 24px; }
@media (max-width:1199px) {
    .box-honor .honor .slick-honor .item { margin: 0 14px; }
}
@media (max-width:767px) {
    .box-honor .honor .slick-honor .item { margin: 0 8px; }
}
.box-honor .honor .slick-honor .item .img-box { padding-bottom: 133.33333333%; }
.box-honor .honor .slick-honor .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.box-honor .honor .slick-honor .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.box-service { font-size: 0; position: relative; z-index: 2; background: url(../images/about_bg.jpg) center no-repeat; background-size: cover; }
.box-service .title { display: inline-block; width: 36%; vertical-align: top; }
@media (max-width:767px) {
    .box-service .title { width: 100%; }
}
.box-service .text { display: inline-block; width: 64%; vertical-align: top; }
@media (max-width:767px) {
    .box-service .text { width: 100%; margin-top: 30px; }
}
.box-service .text p { font-size: 14px; line-height: 2; margin: 0; }
.box-service .list { margin-top: 60px; }
@media (max-width:767px) {
    .box-service .list { margin-top: 30px; }
}
.box-service .list .row { margin: 0 -35px; }
@media (max-width:1560px) {
    .box-service .list .row { margin: 0 -15px; }
}
@media (max-width:767px) {
    .box-service .list .row { margin: 0 -8px; }
}
.box-service .list .itembox { padding: 0 35px; }
@media (max-width:1560px) {
    .box-service .list .itembox { padding: 0 15px; }
}
@media (max-width:767px) {
    .box-service .list .itembox { padding: 0 8px; }
}
.box-service .list .item { display: block; margin-top: 16px; padding: 24px; -webkit-transition: all .2s; transition: all .2s; border-radius: 6px; background-color: #9b9b9b; }
@media (max-width:767px) {
    .box-service .list .item { padding: 20px 10px; }
}
.box-service .list .item:before { font-family: 'iconfont' !important; font-size: 60px; line-height: 60px; display: block; content: '\e61a'; text-align: center; color: #fff; }
@media (max-width:767px) {
    .box-service .list .item:before { font-size: 40px; line-height: 40px; }
}
.box-service .list .item-2:before { content: '\e657'; }
.box-service .list .item-3:before { content: '\e619'; }
.box-service .list .item-4:before { content: '\e649'; }
.box-service .list .item b { font-size: 24px; line-height: 2; display: block; margin-top: 10px; padding-bottom: 10px; text-align: center; color: #fff; border-bottom: 1px solid #fff; }
@media (max-width:767px) {
    .box-service .list .item b { font-size: 18px; }
}
.box-service .list .item p { font-size: 16px; line-height: 1.875; display: -webkit-box; overflow: hidden; height: 120px; margin: 10px 0 0 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
@media (max-width:767px) {
    .box-service .list .item p { font-size: 14px; line-height: 24px; height: 96px; }
}
.box-service .list .item span { font-family: 'ITC Avant Garde Gothic'; font-size: 40px; display: block; margin-top: 20px; text-align: center; color: #fff; }
@media (max-width:767px) {
    .box-service .list .item span { font-size: 20px; margin-top: 0; }
}
.box-service .list .item:hover { background-color: #171c61; }
.box-news { background-color: #f8f8f8; }
.box-news .title a.more { color: #333; }
.box-news .title a.more:hover { color: #a60b13; }
.box-news .news { overflow: hidden; }
.box-news .news .left { float: left; width: 45%; margin-top: 40px; }
@media (max-width:1450px) {
    .box-news .news .left { width: 53.5%; }
}
@media (max-width:1199px) {
    .box-news .news .left { width: 100%; }
}
.box-news .news .left .item { position: relative; display: block; }
.box-news .news .left .item .img-box { padding-bottom: 64.61538462%; }
.box-news .news .left .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.box-news .news .left .item .note { position: absolute; bottom: 20px; width: 100%; padding: 0 20px; }
.box-news .news .left .item .note span { font-family: 'ITC Avant Garde Gothic'; display: block; color: #fff; }
.box-news .news .left .item .note b { font-size: 20px; line-height: 30px; display: -webkit-box; display: block; overflow: hidden; max-width: 10px 0 0 0; height: 30px; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.box-news .news .left .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.box-news .news .right { float: left; width: 55%; margin-top: 20px; padding-left: 30px; }
@media (max-width:1450px) {
    .box-news .news .right { width: 46.5%; margin-top: 26px; }
}
@media (max-width:1199px) {
    .box-news .news .right { width: 100%; padding-left: 0; }
}
@media (max-width:767px) {
    .box-news .news .right { margin-top: 0; }
}
.box-news .news .right .item { position: relative; display: block; min-height: 120px; margin-top: 20px; padding-left: 210px; }
@media (max-width:1450px) {
    .box-news .news .right .item { margin-top: 14px; }
}
@media (max-width:767px) {
    .box-news .news .right .item { min-height: 100px; padding-left: 180px; }
}
.box-news .news .right .item .pic { position: absolute; left: 0; width: 196px; }
@media (max-width:767px) {
    .box-news .news .right .item .pic { width: 160px; }
}
.box-news .news .right .item .pic .img-box { padding-bottom: 64.61538462%; }
.box-news .news .right .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.box-news .news .right .item .note b { font-size: 20px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width:767px) {
    .box-news .news .right .item .note b { font-size: 16px; line-height: 24px; height: 24px; }
}
.box-news .news .right .item .note p { font-size: 16px; line-height: 1.875; display: -webkit-box; overflow: hidden; height: 60px; margin: 6px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
@media (max-width:767px) {
    .box-news .news .right .item .note p { font-size: 14px; line-height: 24px; height: 48px; }
}
.box-news .news .right .item .note span { font-family: 'ITC Avant Garde Gothic'; line-height: 1; display: block; margin-top: 10px; color: #999; }
@media (max-width:767px) {
    .box-news .news .right .item .note span { font-size: 12px; margin-top: 6px; }
}
.box-news .news .right .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.box-news .news .right .item:hover .note b { color: #171c61; }
.box-news .faq { margin-top: 70px; }
@media (max-width:991px) {
    .box-news .faq { margin-top: 40px; }
}
.box-news .faq .title-faq { border-bottom: 1px solid #171c61; }
.box-news .faq .title-faq b { font-size: 20px; font-weight: normal; line-height: 38px; display: inline-block; padding: 0 20px; color: #fff; border-right: 4px solid #878aac; background-color: #171c61; }
.box-news .faq .title-faq a.more { line-height: 38px; position: relative; z-index: 2; display: inline-block; float: right; }
.box-news .faq .title-faq a.more:hover { color: #a60b13; }
.box-news .faq .list .row { margin: 0 -40px; }
@media (max-width:1450px) {
    .box-news .faq .list .row { margin: 0 -15px; }
}
.box-news .faq .list .itembox { padding: 0 40px; }
@media (max-width:1450px) {
    .box-news .faq .list .itembox { padding: 0 15px; }
}
.box-news .faq .list .item { display: block; margin-top: 40px; }
@media (max-width:767px) {
    .box-news .faq .list .item { margin-top: 20px; }
}
.box-news .faq .list .item b { font-size: 16px; font-weight: normal; line-height: 24px; position: relative; display: block; display: -webkit-box; overflow: hidden; height: 24px; padding-left: 34px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.box-news .faq .list .item b:before { font-family: 'ITC Avant Garde Gothic'; line-height: 24px; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; content: 'Q'; text-align: center; color: #fff; border-radius: 4px; background-color: #171c61; }
.box-news .faq .list .item p { line-height: 24px; position: relative; display: -webkit-box; overflow: hidden; height: 48px; margin: 14px 0 0 0; padding-left: 34px; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.box-news .faq .list .item p:before { font-family: 'ITC Avant Garde Gothic'; line-height: 24px; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; content: 'A'; text-align: center; color: #fff; border-radius: 4px; background-color: #a60b13; }
.box-news .faq .list .item:hover b { color: #a60b13; }
.footer { position: relative; padding: 0 50px; background-color: #0b0c1f; }
.footer .link { padding-top: 40px; padding-bottom: 16px; color: #9aa2af; border-bottom: 1px solid #2c2e50; }
@media (max-width:1199px) {
    .footer .link { display: none; }
}
.footer .link span { font-size: 16px; line-height: 30px; display: inline-block; }
.footer .link span:before { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; margin-right: 10px; content: '\e625'; vertical-align: middle; }
.footer .link a { line-height: 30px; display: inline-block; padding: 0 10px; }
.footer .link a:hover { color: #fff; }
.footer .foot { padding: 60px 0; color: #9aa2af; }
@media (max-width:1199px) {
    .footer .foot { display: none; }
}
.footer .foot>ul { font-size: 0; padding: 0; text-align: justify; text-justify: distribute-all-lines; }
.footer .foot>ul:after { display: inline-block; overflow: hidden; width: 100%; height: 0; margin: 0; content: ''; }
@media (max-width:1199px) {
    .footer .foot>ul:after { display: none; }
}
@media (max-width:1199px) {
    .footer .foot>ul { display: block; overflow: hidden; margin: 0 -15px; }
}
@media (min-width:1200px) {
    .footer .foot>ul>li { position: relative; display: inline-block; vertical-align: top; word-break: break-all; }
}
@media (max-width:1199px) {
    .footer .foot>ul>li { display: inline-block; width: 33.33333333%; margin-right: -4px; padding: 0 15px; vertical-align: top; }
}
@media (max-width:991px) {
    .footer .foot>ul>li { width: 100%; }
}
.footer .foot>ul>li .item { text-align: left; }
@media (max-width:1199px) {
    .footer .foot>ul>li .item { margin-top: 30px; }
}
.footer .foot>ul>li .item-1 img { display: inline-block; max-width: 100%; vertical-align: top; width: 220px }
.footer .foot>ul>li .item-1 .text { display: inline-block; max-width: 510px; margin-left: 70px; vertical-align: top; }
@media (max-width:1560px) {
    .footer .foot>ul>li .item-1 .text { max-width: 300px; }
}
@media (max-width:1300px) {
    .footer .foot>ul>li .item-1 .text { max-width: 200px; }
}
.footer .foot>ul>li .item-1 .text p { font-size: 14px; line-height: 1.71428571; }
.footer .foot>ul>li .item-2 { max-width: 520px; }
.footer .foot>ul>li .item-2 a { font-size: 16px; line-height: 2; display: inline-block; min-width: 120px; padding: 0 14px; }
.footer .foot>ul>li .item-2 a:hover { color: #fff; }
.footer .foot>ul>li .item-3 p { font-size: 16px; line-height: 1.75; margin: 0; }
.footer .foot>ul>li .item-4 { text-align: center; }
.footer .foot>ul>li .item-4 img { max-width: 110px; }
.footer .foot>ul>li .item-4 p { font-size: 14px; line-height: 2; margin: 0; text-align: center; color: #9aa2af; }
.copyright { overflow: hidden; padding: 5px 50px; background-color: #121434; }
@media (max-width:1199px) {
    .copyright { padding: 5px 15px; }
}
@media (max-width:767px) {
    .copyright { text-align: center; }
}
.copyright p { line-height: 28px; margin: 0; color: #939ba8; }
.copyright p a#support_link { float: right; -webkit-transition: all .4s; transition: all .4s; }
@media (max-width:767px) {
    .copyright p a#support_link { display: block; float: none; }
}
.copyright p a#support_link:hover { text-decoration: underline; color: #fff; }
.inside-nav {position: relative;z-index: 8;overflow: hidden;margin-top: -40px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: #171c61;}
@media (max-width:991px) {
    .inside-nav { margin-top: 0; background-color: #171c61; }
}
.inside-nav:after { position: absolute; top: 0; left: 0; display: block; width: 250px; height: 100%; content: ''; background-color: #171c61; }
@media (max-width:991px) {
    .inside-nav:after { display: none; }
}
.inside-nav .container { position: relative; z-index: 2; }
@media (max-width:991px) {
    .inside-nav .container { padding: 0; }
}
.inside-nav .nav-wrap { position: relative; z-index: 2;padding: 0; -webkit-overflow-scrolling: touch;    /*定义滚动条轨道 内阴影+圆角*/    /*定义滑块 内阴影+圆角*/
/*滑块效果*/ }
@media (max-width: 640px) {
    .inside-nav .nav-wrap {
         overflow-x: auto; 
    }
}

.inside-nav .nav-wrap::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fefefe; }
.inside-nav .nav-wrap::-webkit-scrollbar-track { border-radius: 5px; background-color: #fefefe; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); }
.inside-nav .nav-wrap::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0, 0, 0, .1); }
.inside-nav .nav-wrap::-webkit-scrollbar-thumb:hover { border-radius: 5px; background: rgba(0, 0, 0, .3); }
.inside-nav ul {font-size: 16px;position: relative;display: inline-block;padding-right: 50px;white-space: nowrap;background-color: #171c61;display: flex;flex-wrap: wrap;padding: 10px 0;}
@media (max-width:991px) {
    .inside-nav ul { font-size: 15px; padding-right: 0;display:inline-block; }
}
.inside-nav ul li { display: inline-block; color: #fff; margin-left: 20px; }
.inside-nav ul li a {line-height: 40px;display: inline-block;height: 40px;padding: 0 10px;transition: .2s}
@media (max-width:991px) {
    .inside-nav ul li a { line-height: 50px; height: 50px; padding: 0 20px; }
}
.inside-nav ul li:first-child a { padding-left: 0; }
@media (max-width:991px) {
    .inside-nav ul li:first-child a { padding-left: 20px; }
}
.inside-nav ul li.active a, .inside-nav ul li:hover a { font-weight: bold; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05); }
.inside-nav .location { position: absolute; z-index: 4; right: 15px; bottom: 0; }
@media (max-width:991px) {
    .inside-nav .location { position: relative; right: auto; left: 0; padding: 0 15px; padding-top: 20px; background-color: #fff; }
}
.inside-nav .location {color: #999;}
.inside-nav .location span, .inside-nav .location a { font-size: 14px; line-height: 2; display: inline-block; color: #999; }
/*.inside-nav .location a:after { margin: 0 2px; content: '-'; }*/
/*.inside-nav .location a:last-child:after { display: none; }*/
.inside-nav .location a:hover { color: #171c61; }
.wrapper { position: relative; z-index: 9; overflow: hidden; }
.wrap { padding: 90px 0 90px 0; }
@media (max-width:991px) {
    .wrap { padding: 50px 0 50px 0; }
}
.title-in { text-align: center; }
.title-in:before { display: block; width: 30px; height: 65px; margin: 0 auto; content: ''; background: url(../images/title-in.png) no-repeat; }
.title-in h2 { font-size: 30px; font-weight: bold; margin: 10px 0 0 0; }
@media (max-width:991px) {
    .title-in h2 { font-size: 24px; }
}
.title-in p { font-family: 'ITC Avant Garde Gothic'; font-size: 28px; font-weight: bold; margin: 0; text-transform: uppercase; color: #dedede; }
@media (max-width:991px) {
    .title-in p { font-size: 20px; }
}
.wrap-left { float: left; width: 80%; padding-right: 90px; }
@media (max-width:1199px) {
    .wrap-left { width: 100%; padding-right: 0; }
}
.wrap-right { float: right; width: 20%; }
@media (max-width:1199px) {
    .wrap-right { width: 100%; margin-top: 50px; }
}
.wrap-right .share p { font-size: 16px; }
.wrap-right .share .bdsharebuttonbox { display: inline-block; -webkit-transition: all .2s; transition: all .2s; }
.wrap-right .share .bdsharebuttonbox a { font-size: 16px; line-height: 48px; position: relative; display: inline-block; width: 60px; height: 48px; margin: 0; -webkit-transition: all .5s; transition: all .5s; color: #fff; background: none; background-color: #171c61; }
.wrap-right .share .bdsharebuttonbox a:before { font-family: 'iconfont'; font-size: 26px; display: inline-block; float: left; margin-right: 14px; content: '\e62d'; text-align: center; }
.wrap-right .share .bdsharebuttonbox a:hover { opacity: 1; color: #fff; background-color: #22252c; }
.wrap-right .share .bdsharebuttonbox .bds_qzone:before { content: '\e6b7'; }
.wrap-right .share .bdsharebuttonbox .bds_tsina:before { content: '\e62b'; }
.wrap-right .share .bdsharebuttonbox .bds_weixin:before { content: '\e604'; }
.wrap-right .share .bdsharebuttonbox .bds_video:before { content: '\e62a'; }
.wrap-about .about { background: url(../images/about_in_bg.jpg) no-repeat center bottom; }
.wrap-about .about .left { overflow: hidden; }
@media (max-width:991px) {
    .wrap-about .about .left img { max-width: 100%; }
}
.wrap-about .about .right b { font-family: 'ITC Avant Garde Gothic'; font-size: 32px; display: block; max-width: 500px; margin-top: 22px; }
@media (max-width:1199px) {
    .wrap-about .about .right b { font-size: 24px; }
}
.wrap-about .about .right h4 { font-size: 22px; margin: 14px 0 0 0; }
@media (max-width:1199px) {
    .wrap-about .about .right h4 { font-size: 16px; }
}
.wrap-about .about .right .pic:before { display: block; width: 2px; height: 36px; margin: 20px 0; content: ''; background-color: #171c61; }
.wrap-about .about .right .pic img { max-width: 100%; }
.wrap-about .about-text { margin-top: 50px; }
.wrap-about .about-text p { font-size: 16px; line-height: 2; margin: 0; }
@media (max-width:991px) {
    .wrap-about .about-text p { font-size: 14px; }
}
.wrap-about .culture { padding-top: 50px; background: url(../images/culture_bg.jpg) no-repeat center top; }
.wrap-about .culture .title-culture { text-align: center; }
.wrap-about .culture .title-culture:before { display: block; width: 6px; height: 47px; margin: 0 auto; margin-bottom: 14px; content: ''; background: url(../images/line-3.png) no-repeat; }
.wrap-about .culture .title-culture:after { display: block; width: 6px; height: 47px; margin: 0 auto; margin-top: 14px; content: ''; background: url(../images/line-4.png) no-repeat; }
.wrap-about .culture .title-culture b { font-size: 32px; display: block; }
@media (max-width:991px) {
    .wrap-about .culture .title-culture b { font-size: 24px; }
}
.wrap-about .culture .title-culture p { font-family: 'ITC Avant Garde Gothic'; font-size: 28px; margin: 0; color: #666; }
@media (max-width:991px) {
    .wrap-about .culture .title-culture p { font-size: 18px; }
}
.wrap-about .culture .list { position: relative; margin-top: 80px; }
@media (max-width:991px) {
    .wrap-about .culture .list { margin-top: 50px; }
}
.wrap-about .culture .list:before { position: absolute; top: 20%; left: -50%; display: block; width: 100%; height: 20%; content: ''; background-color: #f8f8f8; }
@media (max-width:767px) {
    .wrap-about .culture .list:before { display: none; }
}
.wrap-about .culture .list:after { position: absolute; top: 80%; right: -50%; display: block; width: 100%; height: 20%; content: ''; background-color: #f8f8f8; }
@media (max-width:767px) {
    .wrap-about .culture .list:after { display: none; }
}
.wrap-about .culture .list ul li { position: relative; z-index: 2; overflow: hidden; }
.wrap-about .culture .list ul li .pic, .wrap-about .culture .list ul li .text { position: relative; z-index: 2; float: left; width: 50%; }
@media (max-width:767px) {
    .wrap-about .culture .list ul li .pic, .wrap-about .culture .list ul li .text { width: 100%; }
}
.wrap-about .culture .list ul li .pic .img-box { padding-bottom: 32.57142857%; }
.wrap-about .culture .list ul li .text { padding: 0 30px; padding-top: 44px; }
@media (max-width:1460px) {
    .wrap-about .culture .list ul li .text { padding-top: 30px; }
}
@media (max-width:991px) {
    .wrap-about .culture .list ul li .text { padding-top: 20px; }
}
@media (max-width:767px) {
    .wrap-about .culture .list ul li .text { padding: 24px 0; }
}
.wrap-about .culture .list ul li .text b { font-size: 26px; font-weight: normal; display: block; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #d4d4d4; }
@media (max-width:991px) {
    .wrap-about .culture .list ul li .text b { font-size: 16px; }
}
.wrap-about .culture .list ul li .text b span { font-family: 'ITC Avant Garde Gothic'; font-size: 20px; margin-left: 10px; text-transform: uppercase; color: #999; }
@media (max-width:991px) {
    .wrap-about .culture .list ul li .text b span { font-size: 14px; }
}
.wrap-about .culture .list ul li .text p { font-size: 20px; line-height: 1.6; margin: 0; }
@media (max-width:991px) {
    .wrap-about .culture .list ul li .text p { font-size: 14px; }
}
.wrap-about .culture .list ul li:nth-child(2n) { position: relative; background-color: #f8f8f8; }
@media (max-width:767px) {
    .wrap-about .culture .list ul li:nth-child(2n) { background: none; }
}
.wrap-about .culture .list ul li:nth-child(2n) .pic { float: right; }
.wrap-honor .honor { overflow: hidden; margin-top: -40px; }
@media (max-width:991px) {
    .wrap-honor .honor { margin-top: -20px; }
}
.wrap-honor .honor .item { margin-top: 40px; }
@media (max-width:991px) {
    .wrap-honor .honor .item { margin-top: 20px; }
}
.wrap-honor .honor .item .img-box { overflow: hidden; padding-bottom: 63.0952381%; border: 1px solid #c8c8c8; }
.wrap-honor .honor .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.wrap-honor .honor .item p { font-size: 18px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 10px 0 0 0; text-align: center; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width:991px) {
    .wrap-honor .honor .item p { font-size: 14px; }
}
.wrap-honor .honor .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.wrap-honor .honor .item:hover p { color: #a60b13; }
.wrap-product .product { margin-top: -50px; }
@media (max-width:991px) {
    .wrap-product .product { margin-top: -30px; }
}
.wrap-product .product .item { display: block; overflow: hidden; margin-top: 50px; padding: 18px; -webkit-transition: all .2s; transition: all .2s; background-color: #f8f8f8; }
@media (max-width:991px) {
    .wrap-product .product .item { margin-top: 30px; padding: 5px; }
}
.wrap-product .product .item .pic { float: left; width: 34%; }
@media (max-width:1199px) {
    .wrap-product .product .item .pic { width: 40%; }
}
@media (max-width:767px) {
    .wrap-product .product .item .pic { width: 100%; }
}
.wrap-product .product .item .pic .img-box { padding-bottom: 60%; }
.wrap-product .product .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.wrap-product .product .item .note { float: left; width: 66%; padding: 0 10px 0 30px; }
@media (max-width:1199px) {
    .wrap-product .product .item .note { width: 60%; }
}
@media (max-width:767px) {
    .wrap-product .product .item .note { width: 100%; padding: 30px 10px; }
}
.wrap-product .product .item .note b { font-size: 28px; line-height: 50px; position: relative; display: inline-block; border-bottom: 1px solid #a6a6a6; }
@media (max-width:991px) {
    .wrap-product .product .item .note b { font-size: 20px; line-height: 36px; }
}
.wrap-product .product .item .note b:before { position: absolute; bottom: -3px; display: block; width: 22px; height: 5px; content: ''; background-color: #171c61; }
.wrap-product .product .item .note h4 { margin: 20px 0 0 0; }
@media (max-width:991px) {
    .wrap-product .product .item .note h4 { margin-top: 16px; }
}
.wrap-product .product .item .note h4 i { font-size: 16px; font-style: normal; line-height: 30px; display: inline-block; padding: 0 16px; color: #666; border: 1px dashed #a6a6a6; border-radius: 30px; }
@media (max-width:991px) {
    .wrap-product .product .item .note h4 i { font-size: 14px; line-height: 24px; }
}
.wrap-product .product .item .note p { line-height: 1.71428571; display: -webkit-box; overflow: hidden; height: 48px; margin: 20px 0 0 0; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
@media (max-width:991px) {
    .wrap-product .product .item .note p { margin-top: 10px; }
}
.wrap-product .product .item .note span { line-height: 2; display: block; margin-top: 20px; color: #171c61; }
@media (max-width:991px) {
    .wrap-product .product .item .note span { margin-top: 10px; }
}
.wrap-product .product .item .note span:before { display: inline-block; width: 30px; height: 2px; margin-right: 10px; content: ''; vertical-align: middle; background-color: #171c61; }
.wrap-product .product .item:hover { background-color: #171c61; }
.wrap-product .product .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.wrap-product .product .item:hover .note b { color: #fff; border-bottom-color: #fff; }
.wrap-product .product .item:hover .note b:before { background-color: #fff; }
.wrap-product .product .item:hover .note h4 i { color: #fff; border-color: #fff; }
.wrap-product .product .item:hover .note p { color: #fff; }
.wrap-product .product .item:hover .note span { color: #fff; }
.wrap-product .product .item:hover .note span:before { background-color: #fff; }
.wrap-product-show .product-show { overflow: hidden; }
.wrap-product-show .product-show .text { float: left; width: 59%; padding-right: 70px; }
@media (max-width:991px) {
    .wrap-product-show .product-show .text { width: 100%; padding-right: 0; }
}
.wrap-product-show .product-show .text .title-product-show { border-bottom: 2px solid #dcdcdc; }
.wrap-product-show .product-show .text .title-product-show h1 { font-size: 32px; font-weight: bold; position: relative; display: inline-block; margin: 0; padding-bottom: 20px; }
@media (max-width:991px) {
    .wrap-product-show .product-show .text .title-product-show h1 { font-size: 22px; }
}
.wrap-product-show .product-show .text .title-product-show h1:after { position: absolute; z-index: 2; bottom: -2px; left: 0; display: block; width: 100%; height: 2px; content: ''; background-color: #171c61; }
.wrap-product-show .product-show .text h3 { font-size: 22px; line-height: 40px; display: inline-block; margin-top: 30px; padding: 0 20px; color: #171c61; border: 1px dashed #171c61; }
@media (max-width:991px) {
    .wrap-product-show .product-show .text h3 { font-size: 18px; }
}
.wrap-product-show .product-show .text .note { margin-top: 20px; }
.wrap-product-show .product-show .text .note p { font-size: 16px; line-height: 1.875; margin: 0; }
@media (max-width:991px) {
    .wrap-product-show .product-show .text .note p { font-size: 14px; }
}
.wrap-product-show .product-show .pic { float: left; width: 41%; border: 10px solid #eee; }
@media (max-width:991px) {
    .wrap-product-show .product-show .pic { width: 100%; margin-top: 30px; border-width: 4px; }
}
.wrap-product-show .product-show .pic img { width: 100%; }
.wrap-product-show .parameter { margin-top: 100px; padding: 40px; border-top: 2px solid #171c61; background-color: #f8f8f8; }
@media (max-width:991px) {
    .wrap-product-show .parameter { margin-top: 50px; padding: 30px 10px; }
}
.wrap-product-show .parameter .item .title-parameter b { font-size: 20px; line-height: 45px; display: inline-block; min-width: 150px; padding: 0 10px; text-align: center; color: #fff; background-color: #171c61; }
@media (max-width:991px) {
    .wrap-product-show .parameter .item .title-parameter b { font-size: 18px; }
}
.wrap-product-show .parameter .item .text { padding: 30px 0; }
.wrap-product-show .parameter .item .text p { font-size: 16px; line-height: 1.875; margin: 0; }
@media (max-width:991px) {
    .wrap-product-show .parameter .item .text p { font-size: 14px; }
}
.wrap-product-show .parameter .item .text h4 { font-size: 20px; }
@media (max-width:991px) {
    .wrap-product-show .parameter .item .text h4 { font-size: 16px; }
}
.wrap-product-show .parameter .item .text h4 b { color: #a60b13; }
.wrap-product-show .parameter .item-red .title-parameter b { background-color: #a60b13; }
.wrap-product-show .parameter .item img { max-width: 100%; }
.wrap-product-show .parameter .item-1 .text ul li { display: inline-block; min-width: 360px; margin: 10px 0; vertical-align: top; }
.wrap-product-show .parameter .item-1 .text b { font-size: 20px; display: block; margin: 10px 0; }
@media (max-width:991px) {
    .wrap-product-show .parameter .item-1 .text b { font-size: 16px; }
}
.wrap-product-show .parameter .item-2 .text ul li { display: inline-block; margin: 5px 0; }
.wrap-product-show .parameter .item-2 .text ul li:after { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; margin: 0 4px; content: '\e9b7'; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); vertical-align: middle; color: #a0a0a0; }
.wrap-product-show .parameter .item-2 .text ul li:last-child:after { display: none; }
.wrap-product-show .parameter .item-2 .text ul li span { font-size: 20px; line-height: 45px; display: inline-block; padding: 0 46px; vertical-align: middle; color: #fff; border-radius: 4px; background-color: #171c61; }
@media (max-width:991px) {
    .wrap-product-show .parameter .item-2 .text ul li span { font-size: 15px; padding: 0 20px; }
}
.wrap-product-show .parameter .item-6 .row { font-size: 0; }
.wrap-product-show .parameter .item-6 .col-xs-12 { display: inline-block; float: none; vertical-align: top; }
.wrap-product-show .parameter .item-6 .text p { margin: 14px 0; text-align: center; }
.wrap-product-show .product-relate { margin-top: 30px; }
.wrap-product-show .product-relate a { line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.wrap-product-show .product-relate a:hover { color: #a60b13; }
.wrap-product-show .product-relate .next { text-align: right; }
@media (max-width:991px) {
    .wrap-product-show .product-relate .next { text-align: left; }
}
.wrap-research .research-text:after { display: block; width: 60px; height: 5px; margin-top: 10px; content: ''; background-color: #a60b13; }
.wrap-research .research-text p { line-height: 2; margin: 0; }
.wrap-research .top-research { position: relative; display: table; width: 100%; margin-top: 70px; background-color: #171c61; }
@media (max-width:767px) {
    .wrap-research .top-research { display: block; margin-top: 40px; }
}
.wrap-research .top-research:before { position: absolute; z-index: 0; top: -40px; left: -250px; display: block; width: 389px; height: 260px; content: ''; background: url(../images/line_bg1.jpg) no-repeat; }
@media (max-width:767px) {
    .wrap-research .top-research:before { display: none; }
}
.wrap-research .top-research .pic { position: relative; z-index: 2; display: table-cell; overflow: hidden; width: 80%; vertical-align: middle; }
@media (max-width:767px) {
    .wrap-research .top-research .pic { display: none; }
}
.wrap-research .top-research .pic img { max-width: 100%; }
.wrap-research .top-research .note { position: relative; z-index: 2; display: table-cell; width: 20%; text-align: center; vertical-align: middle; color: #fff; }
@media (max-width:767px) {
    .wrap-research .top-research .note { display: block; width: 100%; padding: 30px; }
}
.wrap-research .top-research .note:after { display: block; width: 26px; height: 26px; margin: 0 auto; margin-top: 14px; content: ''; background: url(../images/line-5.png) no-repeat; }
.wrap-research .top-research .note b { font-size: 30px; display: block; }
@media (max-width:991px) {
    .wrap-research .top-research .note b { font-size: 24px; }
}
.wrap-research .top-research .note p { font-family: 'ITC Avant Garde Gothic'; font-size: 24px; }
@media (max-width:991px) {
    .wrap-research .top-research .note p { font-size: 20px; }
}
.wrap-research .research-list { margin-top: 30px; }
.wrap-research .research-list ul { font-size: 0; overflow: hidden; margin: 0 -30px; }
.wrap-research .research-list ul li { display: inline-block; width: 33.33333333%; margin-top: 40px; padding: 0 30px; vertical-align: top; border-right: 1px solid #dcdcdc; }
.wrap-research .research-list ul li:nth-child(3n) { border-right: none; }
@media (max-width:1199px) {
    .wrap-research .research-list ul li { width: 50%; }
    .wrap-research .research-list ul li:nth-child(3n) { border-right: 1px solid #dcdcdc; }
    .wrap-research .research-list ul li:nth-child(3n) { border-right: none; }
}
@media (max-width:767px) {
    .wrap-research .research-list ul li { width: 100%; }
}
.wrap-research .research-list .itembox b { font-size: 28px; font-weight: normal; line-height: 1.33333333; display: block; }
@media (max-width:991px) {
    .wrap-research .research-list .itembox b { font-size: 20px; }
}
.wrap-research .research-list .itembox b:after { display: block; width: 40px; height: 3px; margin-top: 10px; content: ''; background-color: #a60b13; }
.wrap-research .research-list .itembox .item { display: block; margin-top: 40px; }
@media (max-width:767px) {
    .wrap-research .research-list .itembox .item { margin-top: 30px; }
}
.wrap-research .research-list .itembox .item .img-box { padding-bottom: 63.00578035%; }
.wrap-research .research-list .itembox .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.wrap-research .research-list .itembox .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.wrap-research .research { margin-top: 70px; }
@media (max-width:991px) {
    .wrap-research .research { margin-top: 50px; }
}
.wrap-research .research .title-research { background: url(../images/research-title.jpg) no-repeat center; }
.wrap-research .research .title-research b { font-size: 30px; display: block; }
@media (max-width:991px) {
    .wrap-research .research .title-research b { font-size: 24px; }
}
.wrap-research .research .title-research p { font-family: 'ITC Avant Garde Gothic'; font-size: 24px; margin: 0; text-transform: uppercase; color: #666; }
@media (max-width:991px) {
    .wrap-research .research .title-research p { font-size: 20px; }
}
.wrap-research .research .row { font-size: 0; margin: 0 -24px; }
@media (max-width:1460px) {
    .wrap-research .research .row { margin: 0 -10px; }
}
.wrap-research .research .itembox { display: inline-block; float: none; padding: 0 24px; vertical-align: top; }
@media (max-width:1460px) {
    .wrap-research .research .itembox { padding: 0 10px; }
}
.wrap-research .research .item { display: block; margin-top: 40px; }
@media (max-width:991px) {
    .wrap-research .research .item { margin-top: 20px; }
}
.wrap-research .research .item .img-box { padding-bottom: 62.79069767%; }
.wrap-research .research .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.wrap-research .research .item b { font-size: 18px; font-weight: normal; line-height: 2; display: block; margin: 14px 0 0 0; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #666; }
.wrap-research .research .item p { font-size: 14px; line-height: 1.71428571; margin: 14px 0 0 0; color: #999; }
.wrap-research .research .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.wrap-research .research .item:hover b { color: #a60b13; }
.wrap-qualification .qualification { margin-top: -40px; }
@media (max-width:767px) {
    .wrap-qualification .qualification { margin-top: -20px; }
}
.wrap-qualification .qualification .row { margin: 0 -34px; }
@media (max-width:1460px) {
    .wrap-qualification .qualification .row { margin: 0 -14px; }
}
@media (max-width:767px) {
    .wrap-qualification .qualification .row { margin: 0 -8px; }
}
.wrap-qualification .qualification .itembox { padding: 0 34px; }
@media (max-width:1460px) {
    .wrap-qualification .qualification .itembox { padding: 0 14px; }
}
@media (max-width:767px) {
    .wrap-qualification .qualification .itembox { padding: 0 8px; }
}
.wrap-qualification .qualification .item { display: block; margin-top: 40px; }
@media (max-width:767px) {
    .wrap-qualification .qualification .item { margin-top: 20px; }
}
.wrap-qualification .qualification .item .img-box { overflow: hidden; padding-bottom: 133.33333333%; border: 1px solid #d2d2d2; }
.wrap-qualification .qualification .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.wrap-qualification .qualification .item p { font-size: 16px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 14px 0 0 0; text-align: center; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width:991px) {
    .wrap-qualification .qualification .item p { font-size: 14px; }
}
.wrap-qualification .qualification .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.wrap-qualification .qualification .item:hover p { color: #a60b13; }
.wrap-technology .top-technology { font-size: 0; }
.wrap-technology .top-technology .left { display: inline-block; width: 24%; vertical-align: top; }
@media (max-width:1199px) {
    .wrap-technology .top-technology .left { width: 30%; }
}
@media (max-width:767px) {
    .wrap-technology .top-technology .left { width: 100%; }
}
.wrap-technology .top-technology .left:after { display: block; width: 278px; height: 47px; margin-top: 40px; margin-left: -260px; content: ''; background: url(../images/technology-title.jpg) no-repeat; }
@media (max-width:767px) {
    .wrap-technology .top-technology .left:after { height: 20px; margin-top: 10px; }
}
.wrap-technology .top-technology .left b { font-family: 'ITC Avant Garde Gothic'; font-size: 30px; font-weight: normal; display: block; text-transform: uppercase; color: #666; }
@media (max-width:991px) {
    .wrap-technology .top-technology .left b { font-size: 24px; }
}
.wrap-technology .top-technology .left p { font-size: 26px; margin: 0; }
@media (max-width:991px) {
    .wrap-technology .top-technology .left p { font-size: 20px; }
}
.wrap-technology .top-technology .right { display: inline-block; width: 76%; vertical-align: top; }
@media (max-width:1199px) {
    .wrap-technology .top-technology .right { width: 70%; }
}
@media (max-width:767px) {
    .wrap-technology .top-technology .right { width: 100%; margin-top: 30px; }
    .wrap-technology .top-technology .right img { max-width: 100%; }
}
.wrap-technology .technology { margin-top: 40px; }
.wrap-technology .technology .item { display: block; margin-top: 40px; padding: 20px 15px; -webkit-transition: all .4s; transition: all .4s; border: 1px solid #eee; }
@media (max-width:767px) {
    .wrap-technology .technology .item { margin-top: 20px; }
}
.wrap-technology .technology .item b { font-size: 18px; font-weight: normal; line-height: 24px; position: relative; display: block; display: -webkit-box; overflow: hidden; height: 24px; padding-left: 34px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width:991px) {
    .wrap-technology .technology .item b { font-size: 16px; }
}
.wrap-technology .technology .item b:before { font-family: 'ITC Avant Garde Gothic'; line-height: 24px; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; content: 'Q'; text-align: center; color: #fff; border-radius: 4px; background-color: #171c61; }
.wrap-technology .technology .item p { line-height: 24px; position: relative; display: -webkit-box; overflow: hidden; height: 48px; margin: 14px 0 0 0; padding-left: 34px; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.wrap-technology .technology .item p:before { font-family: 'ITC Avant Garde Gothic'; line-height: 24px; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; content: 'A'; text-align: center; color: #fff; border-radius: 4px; background-color: #a60b13; }
.wrap-technology .technology .item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .15); }
.wrap-technology .technology .item:hover b { color: #a60b13; }
.wrap-technology-show .t-relate .title-relate b { font-size: 22px; font-weight: normal; line-height: 2; display: block; }
.wrap-technology-show .t-relate .title-relate b:after { display: block; width: 42px; height: 3px; content: ''; background-color: #171c61; }
.wrap-technology-show .t-relate .list ul li { padding: 28px 0; border-bottom: 1px dashed #e9e9e9; }
@media (max-width:991px) {
    .wrap-technology-show .t-relate .list ul li { padding: 20px 0; }
}
.wrap-technology-show .t-relate .list ul li:last-child { border-bottom: none; }
.wrap-technology-show .t-relate .list ul li .item { display: block; -webkit-transition: all .4s; transition: all .4s; }
.wrap-technology-show .t-relate .list ul li .item b { font-size: 16px; font-weight: normal; line-height: 24px; position: relative; display: block; display: -webkit-box; overflow: hidden; height: 24px; padding-left: 34px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.wrap-technology-show .t-relate .list ul li .item b:before { font-family: 'ITC Avant Garde Gothic'; line-height: 24px; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; content: 'Q'; text-align: center; color: #fff; border-radius: 4px; background-color: #707070; }
.wrap-technology-show .t-relate .list ul li .item p { line-height: 24px; position: relative; display: -webkit-box; overflow: hidden; height: 48px; margin: 14px 0 0 0; padding-left: 34px; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.wrap-technology-show .t-relate .list ul li .item p:before { font-family: 'ITC Avant Garde Gothic'; line-height: 24px; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; content: 'A'; text-align: center; color: #fff; border-radius: 4px; background-color: #707070; }
.wrap-technology-show .t-relate .list ul li .item:hover b { color: #a60b13; }
.wrap-technology-show .relate-text { padding-left: 30px; }
@media (max-width:991px) {
    .wrap-technology-show .relate-text { margin-top: 50px; padding-left: 0; }
}
.wrap-technology-show .relate-text .title-relate-text { position: relative; padding-left: 44px; }
@media (max-width:991px) {
    .wrap-technology-show .relate-text .title-relate-text { padding-left: 34px; }
}
.wrap-technology-show .relate-text .title-relate-text:before { font-family: 'ITC Avant Garde Gothic'; font-size: 20px; line-height: 34px; position: absolute; top: 0; left: 0; display: block; width: 34px; height: 34px; content: 'Q'; text-align: center; color: #fff; border-radius: 4px; background-color: #171c61; }
@media (max-width:991px) {
    .wrap-technology-show .relate-text .title-relate-text:before { font-size: 14px; line-height: 24px; width: 24px; height: 24px; }
}
.wrap-technology-show .relate-text .title-relate-text h1 { font-size: 24px; font-weight: bold; line-height: 34px; margin: 0; }
@media (max-width:991px) {
    .wrap-technology-show .relate-text .title-relate-text h1 { font-size: 16px; line-height: 24px; }
}
.wrap-technology-show .relate-text .note { position: relative; margin-top: 46px; padding-left: 44px; }
@media (max-width:991px) {
    .wrap-technology-show .relate-text .note { padding-left: 34px; }
}
.wrap-technology-show .relate-text .note:before { font-family: 'ITC Avant Garde Gothic'; font-size: 20px; line-height: 34px; position: absolute; top: 0; left: 0; display: block; width: 34px; height: 34px; content: 'A'; text-align: center; color: #fff; border-radius: 4px; background-color: #a60b13; }
@media (max-width:991px) {
    .wrap-technology-show .relate-text .note:before { font-size: 14px; line-height: 24px; width: 24px; height: 24px; }
}
.wrap-technology-show .relate-text .note p { font-size: 16px; line-height: 1.5; margin: 0; }
@media (max-width:991px) {
    .wrap-technology-show .relate-text .note p { font-size: 14px; }
}
.wrap-partner { overflow: hidden; }
.wrap-partner ul.partner { font-size: 0; margin: 0 -16px; margin-top: -44px; }
@media (max-width:991px) {
    .wrap-partner ul.partner { margin: 0 -8px; margin-top: -24px; }
}
.wrap-partner ul.partner li { display: inline-block; width: 20%; padding: 0 16px; vertical-align: top; }
@media (max-width:991px) {
    .wrap-partner ul.partner li { width: 33.33333333%; padding: 0 8px; }
}
@media (max-width:767px) {
    .wrap-partner ul.partner li { width: 50%; }
}
.wrap-partner ul.partner li .item { display: block; margin-top: 44px; }
@media (max-width:991px) {
    .wrap-partner ul.partner li .item { margin-top: 24px; }
}
.wrap-partner ul.partner li .item .pic { border: 1px dashed #b0b0b0; }
.wrap-partner ul.partner li .item .pic .img-box { padding-bottom: 48%; }
.wrap-partner ul.partner li .item p { font-size: 14px; font-size: 16px; margin: 14px 0 0 0; text-align: center; }
.wrap-partner ul.partner li .item:hover .pic { border-color: #171c61; }
.wrap-case .case { margin-top: -50px; }
@media (max-width:991px) {
    .wrap-case .case { margin-top: -30px; }
}
.wrap-case .case .row { margin: 0 -25px; }
@media (max-width:1460px) {
    .wrap-case .case .row { margin: 0 -15px; }
}
.wrap-case .case .itembox { padding: 0 25px; }
@media (max-width:1460px) {
    .wrap-case .case .itembox { padding: 0 15px; }
}
.wrap-case .case .item { position: relative; display: block; margin-top: 50px; border: 1px solid #b5b6b5; background-color: #000; }
@media (max-width:991px) {
    .wrap-case .case .item { margin-top: 30px; }
}
.wrap-case .case .item .img-box { padding-bottom: 62.79069767%; }
.wrap-case .case .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.wrap-case .case .item .masktitle { position: absolute; right: 16px; bottom: 16px; width: 100%; height: 40px; text-align: right; }
.wrap-case .case .item .masktitle p { font-size: 16px; line-height: 40px; display: inline-block; margin: 0; padding: 0 32px; color: #fff; border-radius: 4px; background-color: #a60b13; }
.wrap-case .case .item .mask { position: absolute; top: 50%; width: 100%; padding: 0 30px; -webkit-transition: all .6s; transition: all .6s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); text-align: center; color: #fff; }
.wrap-case .case .item .mask b { font-size: 20px; line-height: 40px; position: relative; display: block; display: -webkit-box; overflow: hidden; height: 40px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.wrap-case .case .item .mask b:after { position: absolute; bottom: 0; left: 50%; display: block; width: 40px; height: 2px; margin: 0 auto; margin-left: -20px; content: ''; background-color: #fff; }
.wrap-case .case .item .mask p { line-height: 1.85714286; display: -webkit-box; overflow: hidden; height: 52px; margin: 20px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.wrap-case .case .item .mask span { font-size: 16px; line-height: 2; display: block; margin-top: 20px; text-transform: uppercase; }
@media (min-width:1200px) {
    .wrap-case .case .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: .35; }
    .wrap-case .case .item:hover .masktitle { display: none; }
    .wrap-case .case .item:hover .mask { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
}
.wrap-case-show .pic { margin-bottom: 70px; }
@media (max-width:991px) {
    .wrap-case-show .pic { margin-bottom: 40px; }
}
.wrap-case-show img { max-width: 100%; margin: 10px 0; }
.wrap-case-show .title-case-show { position: relative; border-bottom: 3px solid #dcdcdc; }
.wrap-case-show .title-case-show:after { position: absolute; z-index: 2; bottom: -3px; left: 0; display: block; width: 90px; height: 3px; content: ''; background-color: #a60b13; }
.wrap-case-show .title-case-show h1 { font-size: 26px; font-weight: bold; line-height: 2; margin: 0; }
@media (max-width:991px) {
    .wrap-case-show .title-case-show h1 { font-size: 20px; }
}
.wrap-case-show .text { margin-top: 40px; }
.wrap-case-show .text p { font-size: 16px; line-height: 1.875; margin: 0; color: #666; }
@media (max-width:991px) {
    .wrap-case-show .text p { font-size: 14px; }
}
.wrap-service .service-text p { line-height: 2; margin: 0; }
.wrap-service .service-text img { max-width: 100%; }
.wrap-service .service ul li { padding: 50px 0 30px; border-bottom: 1px solid #d2d2d2; }
.wrap-service .service ul li .item .title-service { position: relative; padding-left: 70px; background: url(../images/icon1.jpg) no-repeat center right; }
@media (max-width:991px) {
    .wrap-service .service ul li .item .title-service { background: none; }
}
.wrap-service .service ul li .item .title-service:before { font-family: 'iconfont' !important; font-size: 30px; line-height: 54px; position: absolute; top: 10px; left: 0; display: block; width: 54px; height: 54px; content: '\e61a'; text-align: center; color: #fff; background-color: #171c61; }
@media (max-width:991px) {
    .wrap-service .service ul li .item .title-service:before { top: 0; }
}
.wrap-service .service ul li .item .title-service b { font-size: 26px; display: block; }
@media (max-width:991px) {
    .wrap-service .service ul li .item .title-service b { font-size: 20px; }
}
.wrap-service .service ul li .item .title-service p { font-family: 'ITC Avant Garde Gothic'; font-size: 22px; line-height: 1.45454545; margin: 0; text-transform: uppercase; color: #999; }
@media (max-width:991px) {
    .wrap-service .service ul li .item .title-service p { font-size: 18px; }
}
.wrap-service .service ul li .item .note { margin-top: 20px; }
.wrap-service .service ul li .item .note p { font-size: 16px; line-height: 1.75; margin: 0; }
.wrap-service .service ul li .item-2 .title-service:before { content: '\e657'; }
.wrap-service .service ul li .item-3 .title-service:before { content: '\e619'; }
.wrap-service .service ul li .item-4 .title-service:before { content: '\e649'; }
.wrap-service .service ul li:nth-child(2n) .item .title-service { background: url(../images/icon2.jpg) no-repeat center right; }
@media (max-width:991px) {
    .wrap-service .service ul li:nth-child(2n) .item .title-service { background: none; }
}
.wrap-service .service ul li:nth-child(2n) .item .title-service:before { background-color: #a60b13; }
.wrap-news .top-news { margin-top: -30px; }
.wrap-news .top-news .item { display: block; margin-top: 30px; }
.wrap-news .top-news .item .img-box { padding-bottom: 64.61538462%; }
.wrap-news .top-news .item .img-box img { -webkit-transition: all 1s; transition: all 1s; }
.wrap-news .top-news .item .note { padding: 20px 10px 0 10px; }
.wrap-news .top-news .item .note b { font-size: 20px; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; -webkit-transition: all .2s; transition: all .2s; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width:991px) {
    .wrap-news .top-news .item .note b { font-size: 16px; }
}
.wrap-news .top-news .item .note i { font-style: normal; line-height: 2; color: #999; }
.wrap-news .top-news .item .note p { font-size: 14px; line-height: 1.71428571; display: -webkit-box; overflow: hidden; height: 48px; margin: 10px 0 0 0; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.wrap-news .top-news .item .note span { line-height: 30px; display: inline-block; margin-top: 14px; padding: 0 10px; -webkit-transition: all .2s; transition: all .2s; color: #fff; background-color: #171c61; }
.wrap-news .top-news .item .note span:after { display: inline-block; width: 0; height: 0; margin-left: 10px; content: ''; vertical-align: middle; border-width: 4px 0 4px 4px; border-style: solid; border-color: transparent transparent transparent #fff; }
.wrap-news .top-news .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.wrap-news .top-news .item:hover .note b { color: #a60b13; }
.wrap-news .top-news .item:hover .note span { background-color: #a60b13; }
.wrap-news .news { margin-top: 60px; padding-bottom: 50px; background-color: #f8f8f8; }
@media (max-width:767px) {
    .wrap-news .news { margin-top: 50px; padding-bottom: 30px; }
}
.wrap-news .news .item { position: relative; display: block; margin-top: 50px; padding: 0 30px; padding-left: 130px; }
@media (max-width:767px) {
    .wrap-news .news .item { margin-top: 30px; padding: 0 15px; padding-left: 110px; }
}
.wrap-news .news .item .date { font-family: 'ITC Avant Garde Gothic'; position: absolute; top: 0; left: 30px; width: 80px; height: 80px; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #fff; background-color: #a0a0a0; }
@media (max-width:767px) {
    .wrap-news .news .item .date { left: 15px; }
}
.wrap-news .news .item .date b { font-size: 30px; line-height: 1; display: block; margin-top: 10px; }
.wrap-news .news .item .date p { font-size: 14px; margin: 4px 0 0 0; }
.wrap-news .news .item .note b { font-size: 20px; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; -webkit-transition: all .2s; transition: all .2s; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width:991px) {
    .wrap-news .news .item .note b { font-size: 16px; }
}
.wrap-news .news .item .note p { font-size: 14px; line-height: 1.71428571; display: -webkit-box; overflow: hidden; height: 48px; margin: 6px 0 0 0; color: #999; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.wrap-news .news .item:hover .date { background-color: #a60b13; }
.wrap-news-show .title-news-show { text-align: center; }
.wrap-news-show .title-news-show h1 { font-size: 28px; font-weight: bold; line-height: 1.42857143; position: relative; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
@media (max-width:991px) {
    .wrap-news-show .title-news-show h1 { font-size: 20px; }
}
.wrap-news-show .title-news-show h1:after { position: absolute; bottom: -1px; left: 50%; display: block; width: 90px; height: 5px; margin-left: -45px; content: ''; background-color: #171c61; }
.wrap-news-show .news-show-t { line-height: 54px; border-bottom: 1px dashed #dcdcdc; }
.wrap-news-show .news-show-t span { font-size: 14px; position: relative; display: inline-block; color: #999; }
.wrap-news-show .news-show-t span:after { position: absolute; bottom: -1px; display: block; width: 90px; height: 5px; content: ''; background-color: #a60b13; }
.wrap-news-show .news-show-t a { line-height: 54px; display: inline-block; float: right; color: #a60b13; }
.wrap-news-show .news-show-t a:before { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; margin-right: 10px; content: '\e9b7'; vertical-align: middle; }
.wrap-news-show .news-show-t a:hover { color: #171c61; }
.wrap-news-show .news-show { margin-top: 30px; margin-bottom: 30px; }
.wrap-news-show .news-show p { font-size: 16px; line-height: 2; margin: 0; }
@media (max-width:991px) {
    .wrap-news-show .news-show p { font-size: 14px; }
}
.wrap-news-show .news-show img { max-width: 100%; }
.wrap-news-show .news-relate { margin-top: 50px; border-top: 1px dashed #dcdcdc; }
.wrap-news-show .news-relate a { line-height: 42px; display: inline-block; overflow: hidden; max-width: 230px; margin-top: 20px; padding: 0 14px; -webkit-transition: all .2s; transition: all .2s; text-align: left; color: #999; border: 1px solid #d7d7d7; border-radius: 30px; }
.wrap-news-show .news-relate a:hover { color: #171c61; border-color: #171c61; }
.wrap-news-show .news-relate .next { text-align: right; }
.wrap-contact .contact { display: table; overflow: hidden; width: 100%; }
@media (max-width:991px) {
    .wrap-contact .contact { display: block; }
}
.wrap-contact .contact .message { display: table-cell; width: 55%; vertical-align: top; }
@media (max-width:991px) {
    .wrap-contact .contact .message { display: block; width: 100%; margin-top: 40px; }
}
.wrap-contact .contact .text { display: table-cell; width: 45%; padding-right: 90px; vertical-align: top; border-right: 1px solid #dcdcdc; }
@media (max-width:1460px) {
    .wrap-contact .contact .text { padding-right: 30px; }
}
@media (max-width:991px) {
    .wrap-contact .contact .text { display: block; width: 100%; padding-right: 0; border-right: none; }
}
.wrap-contact .contact .text .title-contact b { font-size: 28px; line-height: 1.42857143; display: block; color: #171c61; }
@media (max-width:991px) {
    .wrap-contact .contact .text .title-contact b { font-size: 20px; }
}
.wrap-contact .contact .text .title-contact p { font-family: 'ITC Avant Garde Gothic'; font-size: 20px; line-height: 1.6; margin: 0; text-transform: uppercase; color: #666; }
@media (max-width:991px) {
    .wrap-contact .contact .text .title-contact p { font-size: 16px; }
}
.wrap-contact .contact .text .tel { margin-top: 30px; }
.wrap-contact .contact .text .tel p { font-size: 22px; font-weight: bold; line-height: 56px; display: inline-block; margin: 0; padding: 0 24px; color: #a60b13; border: 1px dashed #a60b13; }
@media (max-width:991px) {
    .wrap-contact .contact .text .tel p { font-size: 18px; line-height: 46px; }
}
.wrap-contact .contact .text .tel p span { font-family: Impact; font-size: 32px; font-weight: normal; }
@media (max-width:991px) {
    .wrap-contact .contact .text .tel p span { font-size: 24px; }
}
.wrap-contact .contact .text .item { margin-top: 40px; }
.wrap-contact .contact .text .item p { font-size: 16px; line-height: 2.25; margin: 0; }
.wrap-contact .contact .erweima { font-size: 0; overflow: hidden; margin-top: 30px; }
.wrap-contact .contact .erweima .pic { display: inline-block; width: 22%; vertical-align: bottom; }
@media (max-width:991px) {
    .wrap-contact .contact .erweima .pic { width: 30%; }
}
.wrap-contact .contact .erweima .pic img { width: 100%; }
.wrap-contact .contact .erweima .note { display: inline-block; width: 78%; padding-left: 20px; vertical-align: bottom; }
@media (max-width:991px) {
    .wrap-contact .contact .erweima .note { width: 70%; padding-left: 20px; }
}
.wrap-contact .contact .erweima .note p { font-size: 14px; line-height: 1.85714286; margin: 0; color: #999; }
.wrap-contact .contact .message { overflow: hidden; padding-left: 90px; }
@media (max-width:1460px) {
    .wrap-contact .contact .message { padding-left: 30px; }
}
@media (max-width:991px) {
    .wrap-contact .contact .message { margin-top: 40px; padding-left: 0; }
}
.wrap-contact .contact .message .title-message b { font-size: 30px; line-height: 1.66666667; display: block; }
@media (max-width:991px) {
    .wrap-contact .contact .message .title-message b { font-size: 20px; }
}
.wrap-contact .contact .message .title-message b:after { display: block; width: 136px; height: 4px; content: ''; background: url(../images/line-6.jpg) no-repeat; }
.wrap-contact .contact .message form { overflow: hidden; margin-top: 38px; }
.wrap-contact .contact .message form ul { overflow: hidden; margin: 0 -30px; }
@media (max-width:991px) {
    .wrap-contact .contact .message form ul { margin: 0 -15px; }
}
.wrap-contact .contact .message form ul li { float: left; width: 100%; padding: 0 30px; }
@media (max-width:991px) {
    .wrap-contact .contact .message form ul li { padding: 0 15px; }
}
.wrap-contact .contact .message form .item { width: 100%; }
.wrap-contact .contact .message form input, .wrap-contact .contact .message form textarea { font-size: 16px; line-height: 30px; position: relative; width: 100%; min-height: 50px; padding: 10px 10px 10px 60px; border: 1px solid #d5d5d5; border-radius: 10px; }
@media (max-width:991px) {
    .wrap-contact .contact .message form input, .wrap-contact .contact .message form textarea { font-size: 15px; line-height: 24px; min-height: 44px; padding: 10px 10px 10px 50px; }
}
.wrap-contact .contact .message form .ipttext { position: relative; margin-top: 20px; }
@media (max-width:991px) {
    .wrap-contact .contact .message form .ipttext { margin-top: 10px; }
}
.wrap-contact .contact .message form .ipttext:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 50px; position: absolute; z-index: 4; top: 0; left: 0; display: block; width: 60px; content: '\e6ef'; text-align: center; color: #afafaf; }
@media (max-width:991px) {
    .wrap-contact .contact .message form .ipttext:before { font-size: 20px; line-height: 44px; }
}
.wrap-contact .contact .message form input::-webkit-input-placeholder, .wrap-contact .contact .message form textarea::-webkit-input-placeholder { color: #999; }
.wrap-contact .contact .message form input:-o-placeholder, .wrap-contact .contact .message form textarea:-o-placeholder { color: #999; }
.wrap-contact .contact .message form input::-moz-placeholder, .wrap-contact .contact .message form textarea::-moz-placeholder { color: #999; }
.wrap-contact .contact .message form input:-ms-input-placeholder, .wrap-contact .contact .message form textarea:-ms-input-placeholder { color: #999; }
.wrap-contact .contact .message form input:focus::-webkit-input-placeholder, .wrap-contact .contact .message form textarea:focus::-webkit-input-placeholder { color: #c5c5c5; }
.wrap-contact .contact .message form input:focus::-o-placeholder, .wrap-contact .contact .message form textarea:focus::-o-placeholder { color: #c5c5c5; }
.wrap-contact .contact .message form input:focus::-moz-placeholder, .wrap-contact .contact .message form textarea:focus::-moz-placeholder { color: #c5c5c5; }
.wrap-contact .contact .message form input:focus::-ms-input-placeholder, .wrap-contact .contact .message form textarea:focus::-ms-input-placeholder { color: #c5c5c5; }
.wrap-contact .contact .message form .tel .ipttext:before { content: '\e61c'; }
.wrap-contact .contact .message form .email .ipttext:before { content: '\e6a4'; }
.wrap-contact .contact .message form .note .ipttext:before { font-size: 24px; content: '\e626'; }
.wrap-contact .contact .message form .send { text-align: right; }
.wrap-contact .contact .message form .submit, .wrap-contact .contact .message form .reset { font-size: 18px; line-height: 48px; display: inline-block; height: 48px; margin: 0 auto; margin-top: 26px; padding: 0 40px; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #fff; border-radius: 10px; outline: none; background-color: #171c61; }
@media (max-width:1199px) {
    .wrap-contact .contact .message form .submit, .wrap-contact .contact .message form .reset { font-size: 16px; margin-top: 30px; padding: 0 50px; }
}
@media (max-width:991px) {
    .wrap-contact .contact .message form .submit, .wrap-contact .contact .message form .reset { line-height: 40px; height: 40px; padding: 0 30px; }
}
.wrap-contact .contact .message form .submit:hover, .wrap-contact .contact .message form .reset:hover { background-color: #d91e49; }
.wrap-contact .contact .message form .reset { margin-right: 6%; background-color: #999; }
#b_rMap { height: 580px; }
@media (max-width:991px) {
    #b_rMap { height: 340px; }
}

/**
 * page
 */
.page { clear: both; overflow: hidden; margin-top: 70px; text-align: center; }
@media (max-width:991px) {
    .page { margin-top: 50px; }
}
.page a { font-family: 'ITC Avant Garde Gothic'; font-size: 16px; line-height: 32px; display: inline-block; overflow: hidden; height: 32px; margin: 0 14px; -webkit-transition: all .2s linear; transition: all .2s linear; text-align: center; color: #999; }
@media (max-width:991px) {
    .page a { margin: 0 6px; }
}
.page a.omit:hover { color: #333; background-color: #eee; }
.page a.prev { font-size: 14px; }
.page a.next { font-size: 14px; }
.page a.page-num-current, .page a:hover { color: #a60b13; }
.bdshare_popup_box { right: 0 !important; left: auto !important; display: none !important; }
.sticky-wrapper { position: relative; }
.stuck { position: fixed; z-index: 10; top: 0; width: 100%; height: 70px !important; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .12); }
.stuck .logo { margin-top: 5px; }
@media (max-width:1199px) {
    .stuck .logo { margin-top: 10px; }
}
.stuck .nav .nav-list1>li>a { line-height: 70px; }
.stuck .nav .nav-list1>li.more>a:after { margin-top: 28px; }
.stuck .find { line-height: 70px; }
.stuck .cart { margin-top: 13px; }
.stuck .search-box { top: 70px; }
.table-box { overflow: auto; width: 100%; max-width: 100%; }
.bdshare_weixin_qrcode_dialog { height: 320px !important; }
.is-affixed .sidebar__inner { top: 40% !important; }
.bd_weixin_popup_main { position: relative; }
.bd_weixin_popup_main:after { display: block; width: 200px; height: 200px; margin: 0 auto; content: ''; background: url(../images/erweima.jpg) no-repeat; background-size: cover; }
.bd_weixin_popup_main table { display: none; }
.bd_weixin_popup .bd_weixin_popup_foot { font-size: 0 !important; margin-top: -10px; text-align: center !important; }
.bd_weixin_popup .bd_weixin_popup_foot:before { font-size: 13px; content: '微信扫一扫'; }
#maximg img { max-width: 100%; height: auto !important }
.maximg img { max-width: 100%; height: auto !important }