html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body {margin: 0; font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; line-height: 1.42857143; font-size: 14px; min-width: 1230px; background: #fff; color: #333;}
h1 { font-size: 2em; margin: .67em 0;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
a {-webkit-text-decoration-skip: objects; background-color: transparent;}
abbr[title] {border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted;}
b,strong { font-weight: bolder;}
dfn {font-style: italic;}
mark {background-color: #ff0; color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
audio:not([controls]) {display: none; height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {line-height: 1.42857143; margin: 0; outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga","kern";}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit] {-webkit-appearance: button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: .35em .75em .625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {display: inline-block; vertical-align: baseline;}
textarea {overflow: auto;}
[type=checkbox],[type=radio] { box-sizing: border-box; padding: 0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto;}
[type=search] {-webkit-appearance: textfield; outline-offset: -2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
summary {display: list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu {display: block;}
pre,code,kbd,samp {font-family: monospace, monospace; font-size: 1em;}
audio,video,canvas {display: inline-block;}
template,[hidden] {display: none;}
.clearfix {zoom:1;}
.clearfix:before,.clearfix:after {display: table; line-height: 0; content: "";}
.clearfix:after {clear: both;}
a {color: #333; text-decoration: none;}
a:hover {color: #1048a0;}
ul {margin: 0; list-style: none; padding: 0;}
#message {position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; transform: scale(0); transition: .3s;}
.messagebg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1001;}
#message .m-content {margin-top: 8%;}
#message .m-content .m-message {background: #fff; width: 580px; padding: 50px; margin: 0 auto; position: relative; z-index: 1002; box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message {width: 494px; margin: 48px auto 0;}
.m-message label {margin-bottom: 15px; display: block; font-size: 14px;}
.m-message label em {display: block; float: right; color: red;height: 32px; line-height: 32px;}
.m-message label span {width: 70px; height: 34px; line-height: 34px; color: #2F2F2F; float: left; font-weight: bold; text-align: right; margin-right: 30px; display: inline-block;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input { width: 73%; overflow: hidden; height: 32px; line-height: 32px; border: #cccccc 1px solid; border-radius: 3px; padding: 0 14px; box-sizing: border-box; color: #555; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea { height: 72px; line-height: 24px; padding: 10px 14px;}
.m-message label.code { line-height: 34px;}
.m-message label.code input { width: 30%; float: left; margin-right: 30px;}
.m-message label.code .pic { display: inline-block; vertical-align: top; width: 80px; height: 32px;}
.m-message label.code img { display: block; width: 100%; height: 100%;}
.btn { display: block; width: 90px; height: 32px; line-height: 32px; padding-left: 15px; background-color: #104492; color: #fff; margin-top: 10px;}
.btn:hover { background-color: #444; color: white;}
.btn span { display: block; padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url('../images/btn-r.png');}
.btn-1 input { width: 52px; height: 32px; line-height: 32px; background: #e8e8e8; border: none; color: #333; margin-right: 22px; cursor: pointer; transition: 0.3s;}
.btn-1 { padding-left: 100px;}
.btn-1 input.focus { background: #104492; color: #fff;}
.btn-1 input.focus:hover { background: #444;}
.btn-1 input:hover { background: #ccc;}
.img-center { text-align: center; font-size: 0;}
.img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; -webkit-transition: all 0.5s; transition: all 0.5s;}
.img-cover { overflow: hidden; position: relative;}
.img-cover span { display: block; width: 100%; background: no-repeat center / cover; -webkit-transition: all 0.5s; transition: all 0.5s; height: 100%; position: absolute; left: 0; top: 0;}
.container { padding: 0 0; width: auto; margin: 0 100px;}
.kf { width: 208px; position: fixed; /* right: 20px; */ right: -208px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
.kf .con { overflow: hidden; background: #fff;}
.kf .qq li { height: 36px; line-height: 36px; border-bottom: #f5f5f5 solid 1px; padding-left: 16px;}
.kf .qq li a { height: 36px!important; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: initial; display: block;}
.kf .qq li a img { padding-right: 6px;}
.kf .con h5 { height: 26px; line-height: 26px; margin-top: 12px; background: url('../images/lianxi.png') 16px center no-repeat; padding-left: 45px; color: #666; font-size: 14px; margin-bottom: 0;}
.kf .contact { margin-top: 1px; height: auto;}
.kf .contact p { height: 26px; line-height: 26px; color: #666; font-size: 14px; padding-left: 22px; margin: 0;}
.kf .con h5.qr-icon { background: url('../images/erweima.png') 16px center no-repeat;}
.kf .con .qr { margin-top: 10px; padding-left: 40px;}
.kf .con .qr img { width: 110px; height: 110px;}
.kf .backTop { width: 100%; height: 40px; margin-top: 10px; background: url('../images/huidaodingbu.png') center center no-repeat #1048a0; background-size: 18px auto; cursor: pointer;}
.kf-side { padding: 18px 10px 10px; background: #1048a0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: -34px; cursor: pointer;}
.kf-side b { display: block; color: #fff; line-height: 18px; font-size: 14px; font-weight: 400;}
.kf-side span.arrow { width: 12px; height: 12px; background: url('../images/jt-1.png') no-repeat; -ms-background-size: auto 12px; background-size: auto 12px; display: block; margin-top: 10px;}
.kf-side span.on { background: url('../images/jt-2.png') no-repeat; -ms-background-size: auto 12px; background-size: auto 12px;}
.kt-top { height: 40px; line-height: 40px; background: url('../images/kefu.png') 12px center no-repeat #1048a0; -ms-background-size: auto 20px; background-size: auto 20px; padding-left: 46px; font-size: 14px; color: #fff;}
.kt-top span:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.kt-top span { width: 18px; height: 16px; float: right; position: relative; margin: 10px 10px 0 0; cursor: pointer; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.kt-top span b { width: 100%; height: 2px; background: #fff; display: block; position: absolute; top: 50%; left: 0;}
.kt-top span b:first-child { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
.kt-top span b:last-child { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
.header { background-color: #fff;}
.header .topbar { line-height: 34px; background-color: #fbfbfb; font-size: 13px; color: #555555; border-bottom: 1px solid #f3f3f3; display: none;}
.header .topbar ul { float: right;}
.header .topbar li { float: left; color: #ddd;}
.header .topbar li a { font-size: 13px; color: #555;}
.header .topbar li.pipe { padding: 0 10px;}
.header .logo { float: left; font-size: 0; height: 85px; line-height: 85px; text-align: left; padding: 8px 0;}
.header .tel { float: right; background: url('../images/tel.png') no-repeat 0 center; padding-left: 65px; margin-top: 23px;}
.header .tel strong { display: block; font-size: 28px; font-family: Impact, sans-serif; line-height: 1; color: #0185d0;}
.header .text { float: left; font-size: 18px; margin: 20px 0 20px 30px; padding: 5px 0 5px 30px; border-left: 1px solid #ddd;}
.header .text strong { display: block; font-size: 20px;}
.header .hform { float: right; margin-left: 30px; border: 2px solid #1048a0; overflow: hidden; margin-top: 30px;}
.header .hform input { float: left; padding: 10px 15px; font-size: 14px; border: none; width: 180px;}
.header .hform button { float: right; border: none; height: 40px; width: 100px; font-size: 16px; color: #fff; background: #1048a0; cursor: pointer;}
.header .hnav { float: right; margin-top: 22px; margin-right: 0;}
.header .nav { font-size: 0;}
.header .nav li { display: inline-block; vertical-align: middle;}
.header .nav li a { display: block; font-size: 16px; line-height: 60px; padding: 0 18px; color: #4e4e4e;}
.header .nav li:last-child a { padding-right: 0;}
.header .nav li .arr { float: right; height: 40px; width: 40px; position: relative; display: none;}
.header .nav li .arr:after { content: ''; border-top: 2px solid #ccc; border-left: 2px solid #ccc; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 15px;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover { color: #1047a2;}
.header .nav li.dropdown { position: relative;}
.header .nav li.dropdown2:before { content: ""; position: absolute; border: 4px solid transparent; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 15px;}
.header .nav li.dropdown:before { content: ''; border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; box-sizing: content-box; display: block; width: 6px; height: 6px; margin: auto; position: absolute; top: 0; bottom: 4px; -webkit-transform: rotate(135deg); transform: rotate(220deg); right: 6px;}
.header .nav .dropdown-box { position: absolute; left: 0; min-width: 100%; top: 100%; display: none; z-index: 10; text-align: center; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.header .nav .dropdown-box p { margin: 0;}
.header .nav .dropdown-box a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; font-size: 14px; line-height: 40px; border-bottom: 1px solid #f3f3f3; background-color: #fff !important; color: #333 !important;}
.header .nav .dropdown-box a:hover { background-color: #0185d0 !important; color: #fff !important;}
.header .nav li.open .dropdown-box { display: block;}
.header .hnav_right { width: 441px; height: 120px; float: right; background: url('../images/hnav_right_bg.png') center left no-repeat; margin-right: 0;}
.header .hnav_right .hnav_right_body { padding: 42px 0 42px 0; font-size: 0; text-align: center;}
.header .hnav_right .hnav_right_search { width: 24px; height: 24px; display: inline-block; background: url('../images/hnav_right_search.png') center no-repeat;}
.header .hnav_right .hnav_right_line { width: 1px; height: 24px; display: inline-block; background: url('../images/hnav_right_line.png') center no-repeat; margin: 0 28px;}
.header .hnav_right .hnav_right_tel { width: 144px; height: 24px; display: inline-block; background: url('../images/hnav_right_tel.png') center no-repeat;}

.footer-fix { box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 10; display: none;}
.footer-fix li { float: left; width: 25%;}
.footer-fix li a { display: block; text-align: center; padding: 7px 0; font-size: 12px; line-height: 1;}
.footer-fix li i { display: block; height: 20px; background: no-repeat center; background-size: contain; margin-bottom: 4px;}
.footer-fix li i.i1 { background-image: url('../images/f_01.png');}
.footer-fix li i.i2 { background-image: url('../images/f_02.png');}
.footer-fix li i.i3 { background-image: url('../images/f_03.png');}
.footer-fix li i.i4 { background-image: url('../images/f_04.png');}

.menu-btn { display: none; padding: 6px 0; float: right; margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span { display: block; height: 2px; background-color: #0d5ba4; content: '';}
.menu-btn:before { width: 24px;}
.menu-btn:after { width: 18px; margin-left: 6px;}
.menu-btn span { width: 12px; margin: 6px 0 6px 12px;}

.banner .swiper-slide { background: no-repeat center / cover; height: 680px;}
.banner .swiper-slide img { display: block; width: 100%; height: auto;}
.banner .swiper-pagination { bottom: 130px; left: 100px; width: auto;}
.banner .swiper-pagination-bullet { background-color: transparent; opacity: 1; width: 12px; height: 12px; border: 2px solid #fff; text-indent: -999em; margin: 0 8px!important;}
.banner .swiper-pagination-bullet-active { background-color: transparent; width: 38px; height: 38px; text-align: center; line-height: 38px; text-indent: 0; font-size: 18px; color: #fff; vertical-align: 2px;}
.banner .swiper-button-prev { left: 50%; margin-left: -650px;}
.banner .swiper-button-next { right: 50%; margin-right: -650px;}
.banner .swiper-hhr { background: url('../images/index_banner_hhr.png') center no-repeat; display: block; width: 160px; height: 150px; position: absolute; right: 100px; top: 50%; margin-top: -165px; z-index: 99;}
/* .banner .swiper-hhr{position: fixed; z-index: 999; }*/
.swiper-hhr { background: url('../images/index_banner_hhr.png') center no-repeat; display: block; width: 160px; height: 150px; position: fixed; right: 100px; top: 50%; margin-top: -165px; z-index: 99999;}
.banner .swiper-hhr { animation: shake 3s infinite; -o-animation: shake 3s infinite; -webkit-animation: shake 3s infinite; -moz-animation: shake 3s infinite;}

@keyframes shake {
 0%, 100% { -webkit-transform: translateX(0); }
 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-5px); }
 20%, 40%, 60%, 80% { -webkit-transform: translateX(5px); }
}
@-o-keyframes shake { /* Opera */
 0%, 100% { -webkit-transform: translateX(0); }
 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-5px); }
 20%, 40%, 60%, 80% { -webkit-transform: translateX(5px); }
}
@-webkit-keyframes shake { /* Safari 和 Chrome */
 0%, 100% { -webkit-transform: translateX(0); }
 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-5px); }
 20%, 40%, 60%, 80% { -webkit-transform: translateX(5px); }
}
@-moz-keyframes shake { /* Firefox */
 0%, 100% { -moz-transform: translateX(0); }
 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-5px); }
 20%, 40%, 60%, 80% { -moz-transform: translateX(5px); }
}

.yunu-link { padding: 20px 0;}
.yunu-link h4 { border-bottom: 1px solid #ddd; margin: 0; font-size: 18px; color: #1048a0; padding-bottom: 15px;}
.yunu-link h4 small { text-transform: uppercase; font-size: 16px; font-weight: normal; color: #999;}
.yunu-link ul { margin-left: -20px;}
.yunu-link li { float: left; margin-left: 20px; margin-top: 20px;}

.section { padding: 80px 0;}
.section-title { margin-bottom: 50px; text-align: center; font-size: 0; margin-top: -28px;}
.section-title small { display: block; font-size: 58px; text-transform: uppercase; color: #e1e3fc; font-weight: bold; font-family: Arial, sans-serif; letter-spacing: -0.5px; margin-bottom: -30px;}
.section-title strong { display: inline-block; vertical-align: middle; font-size: 32px; padding: 0 40px; position: relative; color: #333333; font-weight: bold; letter-spacing: 4px;}
.section-title strong:before { content: ''; position: absolute; top: -10px; width: 230px; height: 33px; left: 50%; margin-left: -115px; background: url('../images/title_bg.png') center no-repeat;}
/*
.section-title strong:after,.section-title strong:before {position: absolute;top: 50%;margin-top: -1px;height: 2px;width: 50px;background-color: #ccc;content: '';}
.section-title strong:after {left: 100%;}
.section-title strong:before {right: 100%;}*/

.three_col_section { text-align: center; font-size: 0; background: transparent; padding: 0; margin-top: -100px; position: relative; z-index: 9999;}
.three_col_section .container { width: auto; margin: 0 100px; padding: 0;}
.three_col_body { border-radius: 8px 8px 8px 8px;}
.three_col_item { width: 33.333%; display: inline-block; height: 240px;}
.three_col_item1 { background: url('../images/index_col_bg1.png') center no-repeat; border-radius: 8px 0 0 8px;}
.three_col_item2 { background: url('../images/index_col_bg2.png') center no-repeat;}
.three_col_item3 { background: url('../images/index_col_bg3.png') center no-repeat; border-radius: 0 8px 8px 0;}
.three_col_item i { display: inline-block; width: 48px; height: 48px; background-image: url('../images/index_col_ico.png'); background-repeat: no-repeat; margin-top: 60px;}
.three_col_item i.i1 { background-position: 0 0;}
.three_col_item i.i2 { background-position: -48px 0;}
.three_col_item i.i3 { background-position: -96px 0;}
.three_col_item h3 { font-size: 24px; color: #fff; font-weight: normal; margin: 20px 0 5px;}
.three_col_item p { font-size: 12px; color: #fff; font-weight: bold; font-family: Arial, sans-serif;}

.news_col_section { margin-top: -140px; background: #e6ebef; height: 100px; padding-bottom: 100px;}
.news_col_section .container { padding: 25px 0; background: #ffffff; margin-top: 90px; border-radius: 8px;}
.news_col_section .section-content { position: relative;}
.news_col_body { padding: 0 32px; position: relative;}
.news_col_title { background: url('../images/index_news_title_bg.png') center no-repeat; height: 30px; width: 114px; line-height: 30px; color: #fff; text-indent: 15px; font-size: 14px;}
.news_col_more { width: 166px; height: 30px; border-left: 1px solid #dddddd; line-height: 30px; text-align: center;}
.news_col_more a { font-size: 14px; color: #137aba;}
.news_col_more a i { display: inline-block; width: 15px; height: 11px; background: url('../images/index_right_ico.png') center no-repeat; margin-left: 10px; vertical-align: -1px;}
.news_col_list { height: 30px; line-height: 30px; position: absolute; top: 0; left: 300px; right: 240px;}
.news_col_list ul { width: 100%; height: 30px;}
.news_col_list ul li { display: block; width: 50%; float: left; height: 30px; line-height: 30px; overflow: hidden;}
.news_col_list ul li .news_col_li span a { font-size: 14px; color: #aaaaaa;}
.news_col_list ul li .news_col_li>a { font-size: 14px; color: #333;}
.news_col_list ul li .news_col_li>em { margin-left: 5px; font-size: 14px; font-style: normal; color: #999999;}
.news_col_list .news_scroll { height: 30px; overflow: hidden;}
.news_col_list .swiper-slide { height: 30px;}

.about_section { background: #f1f1f1 url('../images/index_about_bg.jpg') center top no-repeat; height: 740px; margin-top: -140px; padding-top: 210px;}
.about_section .section-content { background: #fff;}
.about_section_left { padding: 56px 118px 20px 56px; float: left; width: 642px; background: url('../images/index_about_left_bg.jpg') right top no-repeat;}
.about_section_name { font-size: 24px; font-weight: bold; color: #333333;}
.about_section_enname { font-size: 16px; color: #999999;}
.about_section_desc { font-size: 15px; color: #666666; line-height: 28px;}
.about_section_desc a { font-size: 15px; color: #ff7700; margin-right: 6px;}
.about_section_right { width: 384px; height: 500px; float: right;}
.about_section_ul { margin: 0 -35px;}

.in-ys li { float: left; width: 20%;}
.in-ys li a { display: block; margin: 0 35px; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.in-ys li h4 { margin: 4px 0 0; font-size: 16px; font-weight: normal; color: #1048a0;}
.in-ys li p { margin: 20px 0 0; color: #666; line-height: 1.8;}
.in-ys li a:hover {}
.in-ys li a:hover h4 { font-weight: bold;}

.about_section_bottom { background: #f9f9f9; height: 140px; border-top: 1px solid #f3f3f3;}
.about_section_bottom ul li { width: 240px; float: left; height: 100px; padding: 20px 0;}
.about_section_bottom_item { border-right: 1px solid #eeeeee; height: 100px; text-align: center; overflow: hidden;}
.about_section_item { position: relative; font-size: 42px; color: #ff7700; font-weight: bold; line-height: 40px; margin-top: 15px;}
.about_section_item i { position: absolute; font-size: 20px; font-style: normal; top: -20px;}
.about_section_item em { color: #aaaaaa; font-size: 16px; font-style: normal; font-weight: normal;}
.about_section_bottom_item p { font-size: 16px; color: #999999; margin: 0; line-height: 22px;}

.area_section {}
.area_wrap { margin: 20px auto; width: 1200px; height: 578px; position: relative; overflow: hidden;}
.area_mobile { display: none;}

.pic { width: 992px; height: 578px; cursor: pointer;}
.pic1 { background: url('../images/area_01.jpg'); position: absolute; top: 0; left: 0; z-index: 1;}
.pic_num1 { width: 104px; height: 578px; position: absolute; top: 0; bottom: 0; left: 0; background: url('../images/area_b01.jpg') 0 0; display: none;}
.pic2 { background: url('../images/area_02.jpg'); position: absolute; top: 0; left: 992px; z-index: 3;}
.pic_num2 { width: 104px; height: 578px; position: absolute; top: 0; bottom: 0; left: 0; background: url('../images/area_b02.jpg') center no-repeat;}
.pic3 { background: url('../images/area_03.jpg'); position: absolute; top: 0; left: 1096px; z-index: 5;}
.pic_num3 { width: 104px; height: 578px; position: absolute; top: 0; bottom: 0; left: 0; background: url('../images/area_b03.jpg') center no-repeat;}

.honor_section { background: #fff url('../images/index_honor_bg.jpg') center top no-repeat; height: 760px;}
.honor_section .section-content { background: #fff;}
.honor_section .section-title small { opacity: 0.2;}
.honor_section .section-title strong { color: #fff;}
.honor_section .section-title strong:before { background: url('../images/title_bg_bai.png') center no-repeat;}
.honor_cer { background: url('../images/index_honor_cerbg.png') center top no-repeat; width: 1175px; height: 250px; margin: 20px auto;}
.honor_cer_body { padding-left: 290px; padding-top: 54px;}
.honor_cer_item { width: 290px;}
.honor_cer_item ul li { font-size: 15px; color: #b67325; line-height: 28px; background: url('../images/index_honor_cerico.png') left 10px no-repeat; padding-left: 20px;}
.honor_slide { width: 1188px; background: url('../images/index_honor_slidebg.png') center bottom no-repeat; height: 350px; margin: 40px auto 20px;}

.in-honor { position: relative; width: 1000px; margin: 0 auto;}
.in-honor .swiper-slide a { display: block; padding: 0; -webkit-transition: all 0.5s; transition: all 0.5s; border: 0 solid #ddd;}
.in-honor .swiper-slide .img-center { height: 260px; line-height: 260px;}
.in-honor .swiper-slide .img-center img { height: 260px;}
.in-honor .swiper-slide .img-title { font-size: 16px; color: #333; line-height: 2.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.in-honor .swiper-button-prev { left: 0; margin-left: -50px;}
.in-honor .swiper-button-next { right: 0; margin-right: -50px;}
.in-honor .swiper-pagination { position: static; margin-top: 15px; font-size: 0; display: none;}
.in-honor .swiper-pagination-bullet { margin: 0 3px;}
.honor_slide { width: auto; background: transparent; height: auto; margin-bottom: 0; margin-top: 0;}
.in-honor { width: auto; margin: 0 60px;}
.in-honor .swiper-slide .img-center { height: 380px; line-height: 380px;}
.in-honor .swiper-slide .img-center img { height: 380px;}

.quality_section { background: #f1f1f1 url('../images/index_anli_bg.jpg') center bottom no-repeat; ;}
.quality-swiper-click { height: 450px; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; margin-bottom: 30px; position: relative;}
.quality-swiper-desc { width: 319px; height: 452px; position: absolute; top: -22px; left: 40px; z-index: 5; background: url('../images/index_quality_tbg.png') center no-repeat; color: #fff;}
.quality-swiper-desc .text { padding: 30px; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.quality-swiper-desc .text h4 { font-size: 22px; font-weight: normal; text-align: center; margin: 20px 0 0;}
.quality-swiper-desc .text p { margin: 75px 0 0; line-height: 26px; font-size: 14px;}
.quality-swiper-desc .text span,.quality-swiper-desc .text a { display: block; position: absolute; z-index: 5; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #f35000; color: #fff; left: 50%; margin-left: -60px; bottom: 51px;}
.quality-swiper-desc .text a:hover { color: #fff;}

.in-case { position: relative;}
.in-case .swiper-slide a { display: block; padding: 0; -webkit-transition: all 0.5s; transition: all 0.5s; border: 0 solid #ddd;}
.in-case .swiper-slide .img-center { height: 209px; line-height: 209px;}
.in-case .swiper-slide .img-title { font-size: 16px; color: #333; line-height: 2.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.in-case .swiper-slide .img-none { display: none;}
.in-case .swiper-slide .text { margin-top: 20px; display: none;}
.in-case .swiper-slide .text h4 { margin: 0; font-size: 20px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;}
.in-case .swiper-slide .text p { margin: 15px 0 0; line-height: 1.8; text-align: justify; height: 75px; overflow: hidden;}
.in-case .swiper-slide .text span { display: block; margin-top: 15px; width: 120px; line-height: 32px; text-align: center; background-color: #1048a0; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s;}
.in-case .swiper-slide a:hover { color: #222;}
.in-case .swiper-slide a:hover .text span { color: #333;}
.in-case .swiper-button-prev { left: 0; margin-left: -50px;}
.in-case .swiper-button-next { right: 0; margin-right: -50px;}
.in-case .swiper-pagination { position: static; margin-top: 15px; font-size: 0; display: none;}
.in-case .swiper-pagination-bullet { margin: 0 3px;}

.news_section {}

.tl_news_body { width: 762px;}
.tl_news_cate { height: 60px; line-height: 60px; background: #eeeeee;}
.tl_news_cateul ul li { display: inline-block; width: 174px; height: 60px; text-align: center;}
.tl_news_cateul ul li:nth-child(even) { background: #e9e9e9;}
.tl_news_cateul ul li a { display: block; font-size: 18px; color: #666666; letter-spacing: 0.6px;}
.tl_news_cateul ul li a:hover { text-decoration: none;}
.tl_news_more { margin-right: 20px;}
.tl_news_more a { font-size: 16px; color: #275cbe;}
.tl_news_cateul ul li.on { background: #275cbe;}
.tl_news_cateul ul li.on a { color: #fff;}
.tl_news_list { padding: 40px 0 0;}
.tl_news_list_ul { display: none;}
.tl_news_main2 {}

.news_rec_top { padding-bottom: 28px; border-bottom: 1px solid #f3f3f3; margin-bottom: 20px;}
.news_rec_top .news_top_rec_item { text-align: left; margin-left: 230px; padding: 10px 0 0;}
.news_rec_top .news_top_rec_item:last-child { border-bottom: 0;}
.news_rec_top .news_top_rec_item>a { font-size: 18px; line-height: 22px; font-weight: bold; overflow: hidden; color: #333;}
.news_rec_top .news_top_rec_item>p { margin-top: 9px; line-height: 20px; color: #999;}

.tt_numlist {}
.tt_numlist ul li { padding: 5px 0 17px; margin-bottom: 0;}
.tt_numlist ul li .fl { margin-left: 0; margin-top: 2px;}
.tt_numlist ul li .fl i { display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; font-style: normal; background-color: #dcdcdc; color: #fff; font-size: 14px; font-weight: normal; border-radius: 0;}
.tt_numlist ul li .fl i.on { background-color: #1d54bc;}
.tt_numlist ul li .a { margin-left: 40px; margin-top: 0; letter-spacing: 0.5px;}
.tt_numlist ul li a { font-size: 16px; line-height: 28px; color: #444; letter-spacing: 0.6px;}
.tt_numlist ul li .a .d { margin-top: 5px; font-size: 16px; color: #999;}

.tl_news_ask { width: 380px;}
.tl_news_ask_title { height: 60px; padding: 0 20px; line-height: 60px; background: #275cbe; color: #fff;}
.tl_news_ask_title .fl { font-size: 18px; color: #fff;}
.tl_news_ask_title .fr a { color: #fff; font-size: 14px;}

.ask_list {}
.ask_list { background: #f9f9f9; padding: 0 25px;}
.ask_list li { border-bottom: 1px solid #efefef; padding: 22px 0 20px;}
.ask_list li:last-child { border-bottom: 0;}
.ask_list li .ask_list_title a { font-size: 16px; color: #333; font-weight: normal; background: url('../images/pask_q.png') left 2px no-repeat; padding-left: 26px;}
.ask_list li .ask_list_con { margin-top: 8px;}
.ask_list li .ask_list_con p { font-size: 14px; line-height: 22px; color: #999; background: url('../images/pask_a.png') left 3px no-repeat; padding-left: 26px; margin: 0;}

.mobile_news_section { display: none;}

.tab-menu { text-align: center; font-size: 0; margin: -40px 0 40px -40px;}
.tab-menu li { display: inline-block; vertical-align: middle;}
.tab-menu li a { display: block; margin: 40px 0 0 40px; font-size: 18px; padding: 8px 16px; background-color: #1048a0; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s;}
.tab-menu li a:hover { background-color: #0185d0;}

.list-1 { margin: -30px 0 0 -30px;}
.list-1 li { float: left; width: 33.333333%;}
.list-1 li a { display: block; margin: 30px 0 0 30px; padding: 30px; background-color: #f6f6f6; -webkit-transition: all 0.5s; transition: all 0.5s;}
.list-1 li .img-center { height: 240px; line-height: 240px;}
.list-1 li .text { margin-top: 20px; font-size: 20px; line-height: 1.2; background: url('../images/em.png') no-repeat right center; padding-right: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-1 li a:hover { background-color: #1048a0; color: #fff;}
.list-1 li a:hover .text { background-image: url('../images/em1.png');}

.more-big { margin-top: 40px; text-align: center; font-size: 0; position: relative;}
.more-big:before { position: absolute; content: ''; width: 100%; height: 1px; background-color: #ddd; left: 0; top: 50%;}
.more-big a { display: inline-block; vertical-align: middle; line-height: 48px; width: 198px; border: 1px solid #ddd; font-size: 16px; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #fff; position: relative;}
.more-big a:hover { background-color: #1048a0; color: #fff; border-color: #1048a0;}

.in-slip { background: url('../images/ixbannerbg1.png') no-repeat center / cover; color: #fff; padding: 50px 0;}
.in-slip .container { position: relative;}
.in-slip h4 { margin: 0 230px 0 0; color: #64c5ff; font-size: 32px;}
.in-slip h5 { margin: 10px 230px 0 0; font-size: 24px;}
.in-slip .more { position: absolute; right: 15px; top: 50%; width: 202px; line-height: 57px; color: #fff; background: url('../images/ixbanner-btn.png') no-repeat center / contain; text-align: center; font-size: 20px; font-weight: bold; margin-top: -28px;}
.in-slip .more:hover { background-image: url('../images/ixbanner-btn1.png'); color: #1048a0;}

.bg1 { position: relative;}
.bg1:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; background-color: #f6f6f6; height: 400px;}

.in-about { position: relative; z-index: 1; margin: 0;}
.in-about dt { float: left; width: 600px;}
.in-about dd { margin: 50px 0 0 600px; background-color: #fff; padding: 50px 50px 0;}
.in-about dd .section-title { text-align: left; margin-bottom: 30px;}
.in-about dd .section-title strong { padding: 0;}
.in-about dd .section-title strong:after,.in-about .section-title strong:before { display: none;}
.in-about dd p { margin: 0; text-align: justify; line-height: 2; color: #666;}
.in-about dd .more { display: block; width: 150px; line-height: 38px; background-color: #1048a0; text-align: center; color: #fff; margin-top: 20px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.in-about dd .more:hover { background-color: #0185d0;}

.in-news { position: relative;}
.in-news .swiper-slide a { display: block; -webkit-transition: all 0.5s; transition: all 0.5s; border: 1px solid #ddd; background-color: #f6f6f6; padding: 30px; overflow: hidden;}
.in-news .swiper-slide .date { float: left; font-size: 16px; color: #666; text-align: center; width: 80px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.in-news .swiper-slide .date strong { display: block; font-size: 60px; line-height: 1; color: #999; -webkit-transition: all 0.5s; transition: all 0.5s;}
.in-news .swiper-slide .text { margin-left: 100px;}
.in-news .swiper-slide .text h4 { margin: 0; font-size: 20px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.in-news .swiper-slide .text p { margin: 15px 0 0; color: #666; height: 40px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;}
.in-news .swiper-slide a:hover { background-color: #1048a0; border-color: #1048a0; color: #fff;}
.in-news .swiper-slide a:hover .date { color: #c1d4f1;}
.in-news .swiper-slide a:hover .date strong { color: #c1d4f1;}
.in-news .swiper-slide a:hover .text p { color: #c1d4f1;}
.in-news .swiper-button-prev { left: 0; margin-left: -50px;}
.in-news .swiper-button-next { right: 0; margin-right: -50px;}
.in-news .swiper-pagination { position: static; margin-top: 15px; font-size: 0; display: none;}
.in-news .swiper-pagination-bullet { margin: 0 3px;}

.footer { padding: 40px 0 0; color: #fff; background-color: #191919;}
.footer a { color: #fff;}

.footer-ewm { float: left;}
.footer-ewm .img-center { width: 100px; float: left;}
.footer-ewm .text { margin-left: 115px;}
.footer-ewm .text strong { color: #407fe1; font-size: 30px;}

.footer-nav { float: right; margin-top: 45px;}
.footer-nav dl { margin: 0; float: left; width: 105px;}
.footer-nav dt { line-height: 1; font-size: 18px; border-left: 1px solid #407fe1; padding-left: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.footer-nav dd { margin: 10px 0 0 25px; display: none;}
.footer-nav dd a { display: block; font-size: 12px; line-height: 2.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.footer-copy { margin-top: 40px; padding: 20px 0; font-size: 12px; background-color: #101010; border-top: 1px solid #434343; color: #999;}
.footer-copy a { color: #999;}
.footer-copy a:hover { color: #fff;}

.fl { float: left;}
.fr { float: right;}
.cl { clear: both;}

.tl_footer { margin-top: 0; background: url('../images/footer_bg_1.png') right 0 no-repeat; border-top: 1px solid #e0e5e9;}
.tl_footer_top { padding: 10px 0 0;}
.tl_footer_logo { text-align: center; padding: 30px 0;}
.tl_footer_contact_tips { font-size: 16px; color: #ff9130; padding: 0 0 5px; margin-top: -5px;}

.tl_footer_group { margin: 36px auto 15px; height: 66px; line-height: 66px; background: #f3bb33;}
.tl_footer_group_left { width: 175px; height: 66px; background: url('../images/footer_group.png') center no-repeat; font-size: 18px; color: #000; text-indent: 15px; margin-right: 24px;}
.tl_footer_group_right {}
.tl_footer_group_right span { font-size: 16px; color: #333333;}
.tl_footer_group_right i { display: inline-block; width: 1px; height: 14px; background: #333333; margin: 0 24px; vertical-align: -1px;}

.tl_footer_info { padding: 32px 0 2px;}

.tl_footer_cate {}
.tl_footer_cate dl { float: left; width: 110px; height: 232px; border-right: 0 solid #f7f7f7; padding-left: 0; padding-right: 85px; margin-bottom: 0;}
.tl_footer_cate dl:first-child {}
.tl_footer_cate dl:last-child { border-right: 0 solid #3a3a3a; width: 320px; padding-right: 0;}
.tl_footer_cate dl dt { font-size: 18px; color: #666666; margin-bottom: 25px; font-weight: normal; position: relative; line-height: 16px;}
.tl_footer_cate dl dt i { position: absolute; left: 0; top: 28px; font-size: 14px; font-style: normal; color: #0566af; font-weight: normal; display: none; width: 72px; height: 2px; background: #0566af;}
.tl_footer_cate dl dd { margin: 0;}
.tl_footer_cate dl dd a { font-size: 14px; color: #999999; line-height: 36px; display: block;}
.tl_footer_cate dl p { color: #999; line-height: 36px; margin: 0; font-size: 14px;}

.tl_footer_contact { margin-top: -15px; margin-right: 0; text-align: center;}
.tl_footer_contact_logo { margin-top: 16px;}
.tl_footer_contact_tel { font-size: 30px; font-weight: bold; color: #fff; line-height: 40px;}
.tl_footer_contact_teltime { font-size: 12px; color: #ccc; line-height: 24px;}
.tl_footer_contact_ewm { margin-top: 16px;}
.tl_footer_contact_ewm .fl { margin-right: 17px;}
.tl_footer_contact_ewm .fr { margin-left: 30px;}
.tl_footer_contact_ewm img { width: 110px; height: 110px;}
.tl_footer_contact_ewm span { font-size: 14px; color: #666; line-height: 26px; margin-top: 0; display: block; text-align: center;}

.tl_footer_bottom { height: 40px; line-height: 40px; color: #aaaaaa; padding: 0 0 35px; border-top: 0 solid #f7d071; font-size: 13px;}
.tl_footer_bottom a { color: #aaaaaa;}

.banner-sub { height: 480px; background: no-repeat center / cover;}
.banner-body { display: table; height: 480px;}
.banner-row { display: table-cell; height: 100%; vertical-align: middle;}
.banner-h3 { font-size: 48px; color: #fff;}
.banner-p { font-size: 16px; color: #fff; margin-top: 10px; line-height: 28px;}

.pannel-nav { border-bottom: 1px solid #e0e5e9;}
.pannel-nav-list { font-size: 0;}
.pannel-nav-list ul li { display: inline-block; height: 72px; line-height: 72px;}
.pannel-nav-list ul li a { font-size: 16px; color: #666666; margin-right: 110px;}
.pannel-nav-list ul li.active a { font-weight: bold; color: #137aba;}
.pannel-nav-list ul li a:hover { font-weight: bold; color: #137aba; text-decoration: underline;}

.ct-row { margin-right: -25px; margin-left: -25px; box-sizing: border-box;}
.ct-col-6 { width: 50%; position: relative; padding-left: 25px; padding-right: 25px; float: left; box-sizing: border-box;}
.ct-box { border: 2px solid #e0e5e9; border-radius: 10px;}
.ct2-sd { float: left; width: 25%;}
.ct2-mn { float: right; width: 70%;}

.panel-sd { margin-bottom: 20px; border-bottom: 10px solid #eaeaea;}
.panel-sd:last-child { margin-bottom: 0;}
.panel-sd .tit { text-align: center; color: #fff; font-size: 20px; background: url('../images/bg5.jpg') no-repeat center / cover; padding: 20px 0;}

.contact-sd { line-height: 1.8; font-size: 12px;}
.contact-sd h4 { margin: 10px 0; color: #1048a0; font-size: 16px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.contact-sd .tel { font-size: 18px; margin-bottom: 10px; line-height: 1.1;}
.contact-sd .tel strong { display: block; font-size: 22px; color: #1048a0;}
.contact-sd p { margin: 0 0 10px;}

.ct-job-table { width: 100%;}
.ct-job-table tr th { height: 60px; line-height: 60px; background: #137aba; font-size: 16px; color: #ffffff; font-weight: normal; text-align: left;}
.ct-job-table tr th:first-child { padding-left: 40px; border-radius: 10px 0 0 0;}
.ct-job-table tr th:last-child { padding-left: 20px; border-radius: 0 10px 0 0;}
.ct-job-table tr td { height: 73px; vertical-align: middle; border-bottom: 1px solid #e0e5e9; font-size: 14px; color: #333333;}
.ct-job-table tr td:first-child { padding-left: 40px;}
.ct-job-table tr td:last-child { padding-left: 20px;}
.ct-job-table tr td a.click_toggle { color: #333;}
.ct-job-table tr td a.click_toggle i { display: inline-block; width: 14px; height: 8px; margin-left: 5px;}
.ct-job-table tr td a.click_toggle i.down { background: url('../images/arrow_down_ico.png') center no-repeat;}
.ct-job-table tr td a.click_toggle i.up { background: url('../images/arrow_up_ico.png') center no-repeat;}

.ct-job-info { display: none; padding: 35px 40px; border-bottom: 1px solid #e0e5e9;}
.ct-job-info h3 { font-size: 16px; color: #666666; margin: 0 0 5px;}
.ct-job-info p { margin: 0; line-height: 28px; font-size: 14px; color: #666666;}

.ct-job-item.active { background: #f5f8f9;}

.lanmu { border: 1px solid #eaeaea;}
.lanmu li { border-bottom: 1px dotted #ddd;}
.lanmu li:last-child { border-bottom: 0;}
.lanmu li>a { display: block; line-height: 44px; padding: 0 0 0 25px;}
.lanmu li .arr { float: right; height: 45px; width: 40px; position: relative; cursor: pointer;}
.lanmu li .arr:after { content: ''; border-top: 2px solid #ccc; border-left: 2px solid #ccc; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 15px;}

.lanmu-box { display: none;}
.lanmu-box p { margin: 0; border-top: 1px dotted #ddd; padding-left: 15px;}
.lanmu-box p a { padding: 0 25px; display: block; line-height: 40px;}

.lanmu li>a:hover,.lanmu li.active>a { background-color: #1048a0; color: #fff;}
.lanmu li.open .lanmu-box { display: block;}
.lanmu li.open .arr:after { -webkit-transform: rotate(225deg); transform: rotate(225deg);}

.list-2 { margin-left: -10px; margin-bottom: 10px;}
.list-2 li { float: left; width: 50%;}
.list-2 li a { display: block; margin: 10px 0 0 10px;}
.list-2 li .img-cover { padding-top: 66%; border-radius: 5px;}
.list-2 li p { margin: 5px 0 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.position { padding: 0 0 15px 20px; border-bottom: #f0f0f0 solid 0; margin-bottom: 30px; background: url('../images/home.png') no-repeat 0 4px; margin-top: -50px; display: none;}

.pages { margin: 50px 0 0; text-align: center; font-size: 0;}

.list-3 { margin: -30px 0 0 -30px;}
.list-3 li { float: left; width: 25%;}
.list-3 li a { display: block; padding: 1px; background-color: #f6f6f6; -webkit-transition: all 0.5s; transition: all 0.5s; margin: 30px 0 0 30px;}
.list-3 li .img-center { position: relative; height: 215px; line-height: 215px;}
.list-3 li .img-center:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/url.png') no-repeat center rgba(0,0,0,0.4); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0); transform: scale(0); opacity: 0;}
.list-3 li .text { text-align: center; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-3 li a:hover { background-color: #1048a0; color: #fff;}
.list-3 li a:hover .img-center:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}

.ct-newlist .list-3 li a { background-color: #ecf1f4; border-radius: 10px;}
.ct-newlist .list-3 li .img-center { width: 100%; height: 260px; line-height: 260px;}
.ct-newlist .list-3 li .img-center img { width: 100%; border-radius: 10px 10px 0 0; height: 100%;}
.ct-newlist .list-3 li .img-center .img-date { position: absolute; left: 0; bottom: 0; display: block; width: 125px; height: 34px; text-indent: -20px; line-height: 34px; color: #fff; font-size: 16px; background: url('../images/news_date_ico.png') no-repeat center;}
.ct-newlist .list-3 li .text { padding: 30px 44px; line-height: 24px; text-align: left; white-space: normal;}
.ct-newlist .list-3 li .text h4 { margin: 0; font-size: 20px; color: #333333; font-weight: normal; height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ct-newlist .list-3 li .text p { margin: 10px 0 15px; color: #999; font-size: 14px;}
.ct-newlist .list-3 li .text span { font-size: 14px; color: #137aba;}
.ct-newlist .list-3 li .text span i { display: inline-block; width: 15px; height: 11px; background: url('../images/news_a_ico.png') no-repeat center; margin-left: 10px; vertical-align: -1px;}

.ct-prolist .list-3 li a { background-color: #ecf1f4; border-radius: 10px;}
.ct-prolist .list-3 li .img-center { width: 100%; height: 320px; line-height: 320px;}
.ct-prolist .list-3 li .img-center img { width: 100%; border-radius: 10px 10px 0 0; height: 100%;}
.ct-prolist .list-3 li { width: 33.333%;}
.ct-prolist .list-3 li .text { padding: 64px 64px; line-height: 24px; text-align: left; white-space: normal;}
.ct-prolist .list-3 li .text h4 { margin: 0; font-size: 20px; color: #333333; font-weight: normal; height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ct-prolist .list-3 li .text p { margin: 39px 0 23px; color: #666; font-size: 15px; line-height: 30px;}
.ct-prolist .list-3 li .text span { font-size: 14px; color: #137aba;}
.ct-prolist .list-3 li .text span i { display: inline-block; width: 15px; height: 11px; background: url('../images/news_a_ico.png') no-repeat center; margin-left: 10px; vertical-align: -1px;}
.ct-prolist .list-3 li a:hover .img-center:after { display: none;}
.ct-prolist .list-3 li a { background: #fff;}
.ct-prolist .content-h3-ch {}
.ct-prolist .content-h3-en { color: #f5f5f5;}

.ct-case {}
.ct-case .list-3 li a { position: relative; border-radius: 10px;}
.ct-case .list-3 li .img-center { height: 235px; border-radius: 10px 10px 0 0;}
.ct-case .list-3 li .img-center img { height: 100%; width: 100%; border-radius: 10px 10px 0 0;}
.ct-case .list-3 li .text { /*position: absolute; left: 0; right: 0; bottom: 0;*/ border-radius: 0 0 10px 10px; height: 48px; line-height: 48px; padding: 0 5px; overflow: hidden; text-align: center; background: #157dbc; font-size: 18px; color: #ffffff;}
.ct-case .list-3 li .img-center:after { background: transparent;}
.ct-culture .list-3 li .img-center { height: 200px;}
.ct-case-design-slide { margin: 40px auto 20px;}

.in-design { position: relative; margin: 0 100px;}
.in-design .swiper-slide a { display: block; padding: 0; -webkit-transition: all 0.5s; transition: all 0.5s; border: 0 solid #ddd;}
.in-design .swiper-slide .img-center { height: 340px; line-height: 340px;}
.in-design .swiper-slide .img-center img { height: 100%;}
.in-design .swiper-slide .img-title { font-size: 16px; color: #333; line-height: 2.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.in-design .swiper-button-prev { left: 0; margin-left: -50px;}
.in-design .swiper-button-next { right: 0; margin-right: -50px;}
.in-design .swiper-pagination { position: static; margin-top: 15px; font-size: 0; display: none;}
.in-design .swiper-pagination-bullet { margin: 0 3px;}

.tuijian { margin-top: 30px; border: 1px solid #ddd;}
.tuijian .tit { font-weight: bold; border-bottom: 1px solid #ddd; border-left: 3px solid #1048a0; color: #1048a0; padding: 10px 20px 10px 17px; font-size: 16px;}
.tuijian ul { padding: 15px 20px 15px 0;}
.tuijian li { float: left; width: 50%;}
.tuijian li a { display: block; margin-left: 20px; line-height: 50px; border-bottom: 1px dashed #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tuijian li span { float: right; color: #999;}

.list-4 li a { display: block; overflow: hidden; padding: 50px 20px; border-bottom: 1px solid #eee;}
.list-4 li .img-center { float: left; width: 180px; overflow: hidden;}
.list-4 li .img-center img { -webkit-transition: all 0.5s; transition: all 0.5s;}
.list-4 li .text { margin-left: 200px;}
.list-4 li .text h4 { margin: 0; font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-4 li .text p { color: #666; margin: 10px 0 0; line-height: 1.8; text-align: justify;}
.list-4 li .text span { display: block; margin-top: 10px; font-size: 12px; color: #999;}
.list-4 li a:hover { box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.list-4 li a:hover .img-center img { -webkit-transform: scale(1.1); transform: scale(1.1);}

.content-h3 { height: 50px; position: relative; margin-bottom: 30px;}
.content-h3-ch { font-size: 30px; color: #111111; position: absolute; z-index: 9; top: -6px; left: 0; line-height: 30px;}
.content-h3-en { position: absolute; left: 0; bottom: 0; font-size: 48px; color: #f5f5f5; font-family: Arial, sans-serif; font-weight: bold; z-index: 5; text-transform: uppercase; line-height: 48px;}

.content-title { margin-bottom: 40px;}
.content-title h1 { font-size: 36px; margin: 0; color: #111111; font-weight: normal;}
.content-title p { margin: 15px 0 0; font-size: 12px; color: #999; border-top: 1px dashed #ddd; padding-top: 15px;}
.content-title p span { padding: 0 10px; display: inline-block;}

.content-desc { border: 1px solid #137aba; border-radius: 10px; position: relative; padding: 40px 40px 58px; margin-bottom: 60px;}
.content-desc p { font-size: 16px; color: #999999; line-height: 30px; margin: 0;}
.content-desc span.img-date { position: absolute; left: 0; bottom: 0; border-radius: 0 0 0 8px; display: block; width: 125px; height: 34px; text-indent: 8px; line-height: 34px; color: #fff; font-size: 16px; background: url('../images/news_date_ico.png') no-repeat center;}

.content-body { line-height: 1.8; font-size: 16px; color: #555;}
.content-body img { max-width: 100% !important; height: auto !important; width: auto !important;}

.content-exp { padding: 10px 0; font-size: 15px; margin-top: 20px; border: 0 solid #ddd; overflow: hidden; color: #333;}
.content-exp li { line-height: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; width: 50%;}
.content-exp li:last-child { text-align: right;}
.content-exp li a:hover { color: #0566af;}

.content-article p { margin: 40px 0;}

/*
.content-body85>div{margin-right: 920px; height: 510px; overflow-y: auto;}*/
.content-body87 { border: 2px solid #e0e5e9; border-radius: 10px; padding-bottom: 60px;}
.content-body87 p img { margin-top: -32px;}

.content_about_section { background: #fff url('../images/ab_about_bg.jpg') left 0 no-repeat;}
.content_about_section .content-body { color: #333; line-height: 36px;}
.content_about_section .content-body p { margin-bottom: 30px; margin-top: 30px;}

.content_about_tips { margin-top: 40px; margin-bottom: 40px;}
.content_about_tleft { width: 43%; background: #0b70b4 url('../images/ab_about_left_bg.jpg') right bottom; height: 436px;}
.content_about_info { padding: 80px 60px 119px;}

.content_about_p { line-height: 48px; font-size: 20px; color: #fff;}
.content_about_p p { margin: 0;}

.content_about_tright { width: 57%; height: 436px;}

.content_about_zz { margin-top: 40px;}
.content_about_zzitem { float: left; width: 30%; margin-right: 5%;}
.content_about_zzitem:last-child { margin-right: 0;}
.content_about_zznum { float: left; position: relative; color: #fff;}
.content_about_zznum span { font-size: 42px;}
.content_about_zznum em { font-size: 24px; font-style: normal; vertical-align: top;}
.content_about_zztext { margin-left: 80px; font-size: 16px; color: #fff; line-height: 24px; margin-top: 5px;}

.content_about_vedio { height: 100%; width: 100%;}
.content_about_vedio vedio { outline: 0;}
.content_about_vedio img { width: 100%; height: 100%;}

.article_section { border-bottom: 1px solid #e0e5e9;}

.content-empty { background: #fff; border: 2px solid #e0e5e9; border-radius: 10px; margin-top: 50px; text-align: center; padding: 158px 0;}
.content-empty i { background: url('../images/content-empty-ico.png') no-repeat center; display: inline-block; width: 46px; height: 46px;}
.content-empty p { font-size: 20px; color: #333333; margin: 5px auto 30px;}
.content-empty div a { display: inline-block; width: 90px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; border-radius: 16px; background: #137aba;}

.yunu-showcase { margin: 0 0 40px; padding-bottom: 50px; border-bottom: 1px dashed #ddd;}
.yunu-showcase-info { /*margin-left: 430px;*/ margin-left: 40%;}
.yunu-showcase-info h1 { font-size: 20px; margin: 0; border-bottom: 1px dashed #ddd; padding-bottom: 15px;}
.yunu-showcase-info p { margin: 30px 0 0; color: #666; line-height: 1.8;}
.yunu-showcase-info .tel { border-top: 2px solid #e6e6e6; margin-top: 15px; padding-top: 15px; height: 42px; line-height: 21px; font-size: 18px;}
.yunu-showcase-info .tel a { background-color: #104492; color: #fff; display: inline-block;}

.pc-slide { float: left; /*width: 400px;*/ width: 37%;}

.view .swiper-slide .img-center { width: 100%; height: 300px; line-height: 300px;}
.view .swiper-container { width: 100%;}

.preview { width: 100%; margin-top: 10px; position: relative;}
.preview .swiper-container { margin: 0 30px;}
.preview .swiper-slide .img-center { height: 80px; border: 1px solid #ddd; cursor: pointer; position: relative; line-height: 80px;}
.preview .arrow-left { background: url('../images/feel3.png') no-repeat left top; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10;}
.preview .arrow-right { background: url('../images/feel4.png') no-repeat left bottom; position: absolute; right: 0; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10;}
.preview .active-nav .img-center { border-color: #1048a0;}

div.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0;}

div.zoomMask { position: absolute; background: url('../images/mask.png') repeat scroll 0 0 transparent; cursor: move; z-index: 1;}

.map { height: 500px;}

.ct-contact { height: 426px; padding: 35px;}
.ct-contact-name { border-bottom: 1px solid #e0e5e9; padding: 31px 16px 41px;}
.ct-contact-name h1 { font-size: 30px; color: #111111; font-weight: normal; margin: 0;}
.ct-contact-name p { color: #bbbbbb; font-size: 18px; font-family: Arial, sans-serif; margin: 0; line-height: 28px;}
.ct-contact-info { padding: 31px 18px 0;}
.ct-contact-info p { font-size: 16px; color: #666666; line-height: 48px; margin: 0;}
.ct-contact-info p i { display: inline-block; width: 20px; height: 20px; background: url('../images/contact-ico.png') no-repeat; margin-right: 24px; vertical-align: -7px;}
.ct-contact-info p i.i1 { background-position: 0 0;}
.ct-contact-info p i.i2 { background-position: 0 -47px;}
.ct-contact-info p i.i3 { background-position: 0 -94px;}
.ct-contact-info p i.i4 { background-position: 0 -143px;}
.ct-contact-info p i.i5 { background-position: 0 -193px;}

.ct-honor { background: url('../images/honor_left_bg.png') right bottom no-repeat;}
.ct-honor-item { margin: 0 36px; padding: 28px 0 29px;}
.ct-honor .ct-honor-item:first-child { border-bottom: 1px solid #e0e5e9;}
.ct-honor-item ul li { font-size: 16px; color: #666666; line-height: 36px; background: url('../images/honor_ico.png') 0 11px no-repeat; padding-left: 25px;}

.ct-eng { background: url('../images/honor_right_bg.png') right bottom no-repeat;}
.ct-eng-item { margin: 0 36px; padding: 38px 0 39px;}
.ct-eng .ct-eng-item:first-child { border-bottom: 1px solid #e0e5e9;}
.ct-eng-box { text-align: center;}
.ct-eng-box i { display: inline-block; width: 40px; height: 40px; background: url('../images/honor_right_ico.png') no-repeat;}
.ct-eng-box i.i1 { background-position: 0 0;}
.ct-eng-box i.i2 { background-position: -188px 0;}
.ct-eng-box i.i3 { background-position: -375px 0;}
.ct-eng-box i.i4 { background-position: -562px 0;}
.ct-eng-box i.i5 { background-position: 0 -195px;}
.ct-eng-box i.i6 { background-position: -188px -195px;}
.ct-eng-box i.i7 { background-position: -375px -195px;}
.ct-eng-box i.i8 { background-position: -562px -195px;}
.ct-eng-box p { margin: 4px 0 21px; font-size: 16px; color: #666666;}
.ct-eng-box a { display: inline-block; width: 88px; height: 30px; border: 1px solid #137aba; border-radius: 16px; line-height: 30px; font-size: 14px; color: #137aba;}
.ct-eng-box a:hover { color: #fff; background: #137aba;}

.hhr-section {}
.hhr-ct1 { margin-top: 22px;}
.hhr-ct2 { margin-top: 106px;}
.hhr-ct3 { margin-top: 106px;}
.hhr-ct4 { margin-top: 116px;}
.hhr-ct5 { margin-top: 85px;}

.hhr-coop { margin-top: 47px;}
.hhr-coop-ul ul { text-align: center; font-size: 0; margin-bottom: -9px;}
.hhr-coop-ul ul li { display: inline-block; width: 200px; font-size: 18px; color: #666666; cursor: pointer; height: 72px; line-height: 65px;}
.hhr-coop-ul ul li.active { background: #ecf1f4 url('../images/hhr_coop_libg.png') center no-repeat; color: #fff; font-weight: bold;}

.hhr-coop-list { border: 2px solid #b70d0d; border-radius: 10px; padding: 40px 0 21px; background: #ecf1f4 url('../images/hhr_coop_bg.png') right bottom no-repeat;}
.hhr-coop-item { padding: 0 148px; display: none;}

.hhr-coop1 { background: url('../images/hhr-coop_itembg01.png') left center no-repeat;}
.hhr-coop2 { background: url('../images/hhr-coop_itembg02.png') left center no-repeat; padding-top: 20px; padding-bottom: 30px;}
.hhr-coop3 { background: url('../images/hhr-coop_itembg03.png') left center no-repeat; padding-top: 40px; padding-bottom: 50px;}
.hhr-coop4 { background: url('../images/hhr-coop_itembg04.png') left center no-repeat; padding-top: 40px; padding-bottom: 50px;}

.hhr-coop-info { font-size: 16px; color: #666666; line-height: 28px;}
.hhr-coop-info em { color: #aaaaaa; font-style: normal;}

.hhr-coop1-list { font-size: 0; margin-right: -45px; margin-top: 37px;}
.hhr-coop1-list a { display: inline-block; width: 143px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #ffffff; background: #137aba; border-radius: 12px; margin-right: 43px; margin-bottom: 12px;}
.hhr-coop1-list a i { display: inline-block; width: 18px; height: 11px; margin-right: 0; margin-left: 3px; background: url('../images/hhr-coop-aico.png') center no-repeat;}

.hhr-mode { height: 497px; background: url('../images/hhr_b2.jpg') center no-repeat; margin-top: 42px;}
.hhr-qlfc { height: 497px; background: url('../images/hhr_b3.jpg') center no-repeat; margin-top: 42px;}

.hhr-info {}
.hhr-info-desc { height: 180px; padding: 48px 150px; font-size: 16px; line-height: 28px; color: #666666; box-sizing: border-box;}
.hhr-info-list { margin-top: 2px; height: 314px; padding: 48px 150px; box-sizing: border-box;}
.hhr-info-mode-list { font-size: 16px; line-height: 36px; color: #137aba; background: url('../images/hhr_b2_ico.png') left center no-repeat; padding-left: 34px;}
.hhr-info-mode-list p { margin: 0;}
.hhr-info-qlfc-list { font-size: 16px; line-height: 36px; color: #137aba;}
.hhr-info-qlfc-list p { margin: 0;}

.hhr-process-list { height: 99px; width: 938px; margin: 43px auto; background: url('../images/hhr-process-bg1.png') center no-repeat;}

.hhr-apply { height: 570px; background: url('../images/hhr_b4.jpg') center no-repeat; box-sizing: border-box; padding: 94px 222px 48px;}
.hhr-apply .content-h3-en { color: #ffffff;}

.hhr_opinion_rtype { margin: 35px -20px 30px auto;}
.hhr_opinion_rtype a { display: inline-block; width: 114px; height: 74px; line-height: 74px; background: #fff; font-size: 18px; text-align: center; color: #333; border: 3px solid #e6ebef; margin-right: 20px; border-radius: 5px;}
.hhr_opinion_rtype a.checked { border: 3px solid #b70d0d; color: #b70d0d; background: #fff url('../images/hhr_checked.png') right bottom no-repeat;}
.hhr_opinion_rtype a:hover { text-decoration: none;}

.hhr-online dl { height: 32px; padding: 6px 0; border: 3px solid #e6ebef; border-radius: 5px; background: #fff; margin: 30px 0;}
.hhr-online dl dt { height: 32px; line-height: 32px; font-size: 18px; color: #666; width: 134px; float: left; border-right: 1px solid #e6ebef;}
.hhr-online dl dt i { display: inline-block; width: 18px; height: 18px; margin-right: 9px; margin-left: 12px;}
.hhr-online dl dt i.i1 { background: url('../images/hhr_form_userico.png') center no-repeat; vertical-align: -2px;}
.hhr-online dl dt i.i2 { background: url('../images/hhr_form_phoneico.png') center no-repeat; vertical-align: -2px;}
.hhr-online dl dd { padding: 0 25px; margin-left: 134px;}
.hhr-online dl dd input { border: 0; width: 100%; font-size: 18px; color: #111111; height: 32px; line-height: 32px;}
.hhr-online .submit_btn { padding: 0; font-family: "微软雅黑", sans-serif, serif; font-size: 16px; color: #FFF; background-color: #f26a00; width: 100%; height: 41px; line-height: 41px; text-align: center; border: 0; border-radius: 4px; cursor: pointer;}

.hhr_opinion_btn { text-align: center; margin: 0 auto;}
.hhr_opinion_btn a { display: inline-block; width: 176px; height: 50px; text-align: center; line-height: 50px; background: #b70d0d; color: #fff; font-size: 18px; border-radius: 25px;}

.mobile_banner { display: none;}

.hhr2 .section { box-sizing: border-box; padding: 55px 0;}
.hhr2 .content-h3-ch { font-size: 36px; font-weight: bold;}
.hhr2 .content-h3-en { font-size: 40px; font-weight: bold; color: #eee; line-height: 40px;}
.hhr2 .hhr2-section .container { width: 1200px; margin: 0 auto;}
.hhr2 .hhr2-partner-section { background: url('../images/hhr_fi_coop_bg.jpg') center no-repeat; height: 537px; padding: 90px 0; margin-bottom: 6px;}
.hhr2 .hhr2-service-section { background: url('../images/hhr_fi_service_bg.jpg') center no-repeat; padding: 104px 0; height: 596px;}
.hhr2 .hhr2-apply-section { background: #f9f9f9 url('../images/hhr_fi_apply_bg.jpg') center no-repeat; height: 1008px; padding: 90px 0;}
.hhr2 .hhr2-coop-section { height: 621px;}
.hhr2 .hhr2-service-section .content-h3-ch { color: #fff;}
.hhr2 .hhr2-service-section .content-h3-en { color: #7c879a;}

.hhr2-coop { margin-top: 0;}
.hhr2-coop-ul { width: 1200px; margin: -4px -33px 0;}
.hhr2-coop-ul ul { text-align: center; font-size: 0; margin-bottom: -9px;}
.hhr2-coop-ul ul li { display: inline-block; width: 226px; font-size: 20px; color: #7a7a7a; cursor: pointer; height: 70px; line-height: 55px; position: relative; margin: 0 37px;}
.hhr2-coop-ul ul li.active { background: url('../images/hhr_hhr_coop_libg.png') center no-repeat; color: #fff; font-weight: bold;}
.hhr2-coop-ul ul li i { display: block; background: url('../images/hhr_fi_li_ico.png') center no-repeat; width: 14px; height: 14px; position: absolute; bottom: -27px; left: 50%; margin-left: -7px;}
.hhr2-coop-ul ul li.active i { background: url('../images/hhr_fi_li_ico2.png') center no-repeat;}
.hhr2-coop-line { height: 1px; width: 907px; background: #e0e0e0; margin: 29px auto 18px 110px;}
.hhr2-process { margin-top: 50px;}
.hhr2-coop-list { padding: 40px 0 21px;}
.hhr2-coop-item { padding: 0 0; display: none;}

.hhr2-fl { float: left; width: 442px; height: 226px; margin-top: 8px;}
.hhr2-body { margin-left: 480px;}

.hhr2-coop1 { background: url('../images/hhr-coop_itembg01.png') left center no-repeat;}
.hhr2-coop2 { background: url('../images/hhr-coop_itembg02.png') left center no-repeat; padding-top: 20px; padding-bottom: 30px;}
.hhr2-coop3 { background: url('../images/hhr-coop_itembg03.png') left center no-repeat; padding-top: 40px; padding-bottom: 50px;}
.hhr2-coop4 { background: url('../images/hhr-coop_itembg04.png') left center no-repeat; padding-top: 40px; padding-bottom: 50px;}

.hhr2-coop-info { font-size: 16px; color: #000; line-height: 28px;}
.hhr2-coop-info em { color: #aaaaaa; font-style: normal;}

.hhr2-coop1-list { font-size: 0; margin-right: -45px; margin-top: 30px;}
.hhr2-coop1-list a { display: inline-block; width: 168px; height: 51px; line-height: 51px; text-align: center; font-size: 16px; background: #fff; color: #074c9f; box-shadow: 0 3px 13px 0 rgba(66, 84, 97, 0.08); border-radius: 12px; margin-right: 22px; margin-bottom: 17px;}
.hhr2-coop1-list a i { display: inline-block; width: 13px; height: 11px; margin-right: 0; margin-left: 3px; background: url('../images/hhr_hhr-coop-aico.png') center no-repeat;}

.hhr2-info {}
.hhr2-info-desc { padding: 0 88px; font-size: 16px; line-height: 28px; color: #000; box-sizing: border-box; text-align: center;}
.hhr2-info-list { margin-top: 17px; padding: 0 326px; box-sizing: border-box;}
.hhr2-info-mode-list { font-size: 16px; line-height: 36px; color: #000; padding-left: 34px;}
.hhr2-info-mode-list p { margin: 0; background: url('../images/hhr_fi_li_type.png') left 11px no-repeat; padding-left: 28px;}

.hhr2-service-section .hhr2-info-desc { color: #fff; padding: 0 76px;}
.hhr2-service-section .hhr2-info-list { padding: 0 259px; margin-top: 35px;}

.hhr2-info-qlfc-list { font-size: 16px; line-height: 36px; color: #fff;}
.hhr2-info-qlfc-list p { margin: 0 0 4px;}
.hhr2-info-qlfc-list p strong { font-size: 20px;}

.hhr2-process-list { height: 112px; width: 853px; margin: 43px auto; background: url('../images/hhr_fi-process-bg1.png') center no-repeat;}

.hhr2-apply { height: 520px; background: #fff; box-sizing: border-box; padding: 74px 37px 40px; margin: 42px 80px 48px;}
.hhr2-apply .hhr_opinion_rtype a { width: 216px;}
.hhr2-apply .hhr_opinion_rtype { margin-bottom: 0;}
.hhr2-apply .hhr_opinion_rtype a { border: 3px solid #cad4dc;}
.hhr2-apply .hhr-online dl { width: 48%; float: left; padding: 16px 0; border: 3px solid #cad4dc;}
.hhr2-apply .hhr-online dl:first-child { margin-right: 24px;}
.hhr2-apply .hhr-online dl dt { border-right: 0; width: 45px;}
.hhr2-apply .hhr-online dl dd { margin-left: 20px;}
.hhr2-apply .hhr_opinion_rtype a.checked { border: 3px solid #2781c2; color: #2781c2; background: #fff url('../images/hhr_hhr_checked.png') right bottom no-repeat;}
.hhr2-apply .hhr_opinion_btn { margin-top: 20px;}
.hhr2-apply .hhr_opinion_btn a { background: #2781c2; height: 65px; width: 263px; line-height: 65px; border-radius: 5px; font-size: 20px;}

.hhr2 .hhr2-youshi-section { padding-top: 80px;}
.hhr2 .hhr2-youshi-section img { padding-left: 60px;}


/*新首页*/
.header .hnav_right .hnav_right_intel { width: 324px; height: 37px; display: inline-block; background: url('../images/intel_tit.png') center no-repeat;}

.index_zf { font-size: 16px;}

@media screen and (max-width: 1600px) { 
 .index_zf { font-size: 14px; }
}

@media screen and (max-width: 1440px) {
 .index_zf { font-size: 13px; }
}

.index_zf .section { padding: 55px 0;}
.index_zf .content-h3-ch { font-weight: normal; top: -30px;}
.index_zf .banner .swiper-pagination { left: 50%; margin-left: -61px; bottom: 80px;}

.index_new_tit { text-align: center;}
.index_new_tit .content-h3 { height: auto;}
.index_new_tit .content-h3-ch { position: relative; z-index: 5; top: 0;}
.index_new_tit .content-h3-ch a { color: #111;}
.index_new_tit .content-h3-en { position: relative; z-index: 1; top: -50px;}

.content-h3-line { margin: 0 10%; height: 2px; background: #f5f5f5; top: -33px; position: relative;}
.content-h3-line-arrow { height: 2px; width: 70px; background: #616162; margin: 0 auto;}

.index_section_quality .index_new_tit .content-h3-en { color: #efefef;}
.index_section_quality .index_new_tit .content-h3-line { background: #f1f1f1;}

.index_zf .section .index_section_about { background: #fff url('../images/index_index_about_bg.jpg') top left no-repeat; padding-top: 55px!important; padding-bottom: 0;}

.index_section_about .content-h3-ch { color: #555;}
.index_section_about .content-h3-en { color: #e9e9e9;}

.index_section_mian { margin: 0 100px;}

.index_section_tit .fl { width: 800px;}
.index_section_tit .fr { text-align: right;}
.index_section_tit .fr a {}
.index_section_tit .fr a i { display: inline-block; width: 28px; height: 27px; background: url('../images/index_index_more.png') center no-repeat;}
.index_section_tit .fr a p { font-size: 12px; color: #666666; margin: 0;}

.index_about_left { width: 50%;}
.index_about_right { width: 50%;}
.index_about_info { margin-right: 70px;}

.index_about_p {}
.index_about_p p { font-size: 1em; color: #555; line-height: 2.25em; margin: 0;}

.index_about_cou { margin-left: -8%; margin-right: -8%; margin-top: 7%;}

.index_about_item { width: 33.333%; float: left; text-align: center;}
.index_about_item i { display: inline-block; width: 125px; height: 44px; background-image: url('../images/index_about_ico.png'); background-repeat: no-repeat;}
.index_about_item i.i1 { background-position: 0 0;}
.index_about_item i.i2 { background-position: 0 -125px;}
.index_about_item i.i3 { background-position: 0 -257px;}
.index_about_item p { font-size: 1em; color: #0566af; margin: 5px 0 10px;}

.index_about_vedio { margin-left: 20px; background: url('../images/index_vedio.jpg') center no-repeat; background-size: 100% 100%; height: 385px;}

.index_eng { margin: 0 -4%;}
.index_eng_item { width: 25.333%; margin: 0 4%; float: left; background: #f3f3f3; position: relative;}

.index_eng_topbg { position: absolute; left: 0; right: 0; top: 0; height: 296px; background-size: 100% 100%!important;}
.index_eng_topbg1 { background: url('../images/index_eng1.png') left top no-repeat;}
.index_eng_topbg2 { background: url('../images/index_eng2.png') left top no-repeat;}
.index_eng_topbg3 { background: url('../images/index_eng3.png') left top no-repeat;}

.index_eng_body { padding-top: 170px; width: 80%; margin: 0 auto; position: relative; padding-bottom: 68px;}
.index_eng_info { height: 220px; background: url('../images/index_eng_infobg.png') right top no-repeat; padding-top: 70px;}

.index_eng_ico { text-align: center; width: 59px; height: 59px; margin: 0 auto; /*width: 16%;height: 16%;*/}
.index_eng_ico i { display: inline-block; width: 100%; height: 100%; background-size: 100% 100%;}
.index_eng_ico i.i1 { background: url('../images/index_eng_ico1.png') center no-repeat; background-size: 100% 100%; width: 59px; height: 49px;}
.index_eng_ico i.i2 { background: url('../images/index_eng_ico2.png') center no-repeat; background-size: 100% 100%; width: 55px; height: 59px; margin-top: -5px;}
.index_eng_ico i.i3 { background: url('../images/index_eng_ico3.png') center no-repeat; background-size: 100% 100%; width: 59px; height: 59px; margin-top: -5px;}

.index_eng_tit { font-size: 1.6em; text-align: center; color: #fff; margin-top: 16px;}
.index_eng_line { height: 3px; width: 29px; margin: 8px auto 16px; background: #fff;}
.index_eng_btn { text-align: center;}
.index_eng_btn a { display: inline-block; width: 185px; height: 43px; line-height: 43px; background: #fff; font-size: 12px; color: #0566af;}

.index_cert_left { width: 42%;}
.index_cert_right { width: 58%;}

.index_cert_list {}
.index_cert_list_t1 { padding-right: 11%;}
.index_cert_list_t2 { padding-right: 8%;}
.index_cert_list ul li { font-size: 1em; color: #555; line-height: 2.25em; background: url('../images/index_cert_ico.png') 0 8px no-repeat; padding-left: 25px;}

.index_cert_imglist { margin: 0 -1.5%;}
.index_cert_imglist ul li { display: block; float: left; width: 30.333%; margin: 0 1.5%;}

.index_cert_img { text-align: center;}
.index_cert_img img { width: 100%; box-shadow: 0 0 9px rgba(0,0,0,0.35);}
.index_cert_img p { font-size: 1.2em; color: #fff; line-height: 36px; margin: 15px 0;}

.index_section_qual { background: #0566af; top: -13em; position: relative; z-index: -1;}
.index_qual_tit { font-family: Impact, Arial, sans-serif; text-transform: uppercase; font-size: 5.6em; color: #3779b7; height: 1em; line-height: 1em;}
.index_section_quality { background: #f7f7f7;}

.index_quality {}
.index_quality_item { width: 50%; float: left;}
.index_quality_div { position: relative; line-height: 0;}
.index_quality_div img { width: 100%;}
.index_quality_text { position: absolute; top: 0; bottom: 0; width: 40%; height: 100%; left: 0; background: url('../images/index_quality_ibg.png') center no-repeat; background-size: 100% 100%; vertical-align: middle; display: table;}
.index_quality_itemr .index_quality_text { left: auto; right: 0;}
.index_quality_p { text-align: center; font-size: 1.4em; line-height: 36px; color: #fff; display: table-cell; vertical-align: middle;}

.index_section_quality { background: #f7f7f7;}

.index_case { margin: -1%;}
.index_case_item { width: 31.333%; margin: 1%; float: left;}
.index_case_div { position: relative; line-height: 0;}
.index_case_div img { width: 100%;}
.index_case_text { position: absolute; bottom: 0; width: 100%; height: 2.8em; left: 0; vertical-align: middle; display: table; background: #0566af linear-gradient(to right, #0566af, #157dbc);}
.index_case_p { text-align: center; font-size: 1.2em; line-height: 2.8em; color: #fff; display: table-cell; vertical-align: middle;}

.index_partner { margin: 0 -4%;}
.index_partner_item { width: 20%; float: left; text-align: center; margin: 1% auto;}
.index_partner_item img { width: 60%;}
.index_section_news { margin-bottom: -3.5%; margin-top: -50px;}
.index_news_top { margin-bottom: 15px;}
.index_news_top_left { width: 80%; float: left;}
.index_news_top_right { width: 20%; float: right; margin: -15px;}

.index_news_rec {}
.index_news_rec .fl { width: 40%;}
.index_news_rec .fl img { width: 100%; max-height: 20em;}
.index_news_rec .index_news_rec_info { margin-left: 43%; padding: 2% 20px 40px 0;}
.index_news_rec .index_news_rec_info a { font-size: 1.4em; color: #000; height: 1.4em; overflow: hidden; display: block; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.index_news_rec .index_news_rec_info p { font-size: 1em; line-height: 28px; color: #000; margin-top: 40px;}
.index_news_rec .index_news_rec_info .index_news_rec_time { font-size: 0.8em; color: #acacac; margin-top: 80px;}
.index_news_item { width: 20%; float: left;}
.index_news_list { margin: 0 -15px;}

.index_news_item_a { padding: 35px 15px; background: #f3f7ff; margin: 15px 15px;}
.index_news_item_a .index_news_item_title { height: 3.2em; line-height: 1.6em; font-size: 1rem; color: #000; overflow: hidden;}
.index_news_item_a .index_news_item_date { font-size: 0.8em; color: #acacac; margin-top: 15px;}

.index_news_top_right .index_news_item { width: 100%;}

.index_section_branch { margin-top: -12em;}

.index_branch { overflow: hidden;}
.index_branch_swiper { margin: 0 -10px; padding-bottom: 70px;}
.index_branch .swiper-slide { width: 33.333%;}
.index_branch .swiper-slide .index_branch_item { margin: 0 10px; line-height: 0; display: block;}
.index_branch_img { width: 60%; margin-left: 30px;}
.index_branch_img img { width: 100%;}
.index_branch_info_right { float: right; margin-top: 8%; width: 30%;}
.index_branch_info { margin-top: 50px; background: #f7f7f7; padding: 30px 0 0 30px;}
.index_branch_tit { font-size: 1.2em; line-height: 2rem; color: #555;}
.index_branch_line { width: 53px; height: 3px; background: #1279ba; margin: 24px 0 50px;}
.index_branch_card {}
.index_branch_card img { width: 70%;}
.index_branch .swiper-pagination { bottom: 0;}

@media screen and (max-width: 1800px) {
 .content_about_info { padding: 40px 40px 43px;}
 .content_about_p { line-height: 36px; font-size: 18px;}
 .content_about_zznum span { font-size: 32px; }
 .content_about_zznum em { font-size: 18px; }
 .content_about_zztext { margin-left: 60px; font-size: 15px; margin-top: 0;}
 .content_about_tleft { width: 50%; height: 310px;}
 .content_about_tright { width: 50%; height: 310px;}
 .index_about_vedio { margin-top: 3%; height: auto;}
 .index_about_p p { line-height: 2em;}
 .index_about_item i { transform: scale(0.8);}
}

/*
 * 移动端
 */
@media screen and (max-width: 767px) {
 body { min-width: 320px; padding-top: 50px; padding-bottom: 0;}
 .container { width: auto; margin: 0; padding: 0 15px;}
 .ct-col-6 { width: 100%; float: none; margin-bottom: 15px;}
 .ct-sm-col-6 { width: 50%; float: left; }
 #message .m-content .m-message { width: 90%; padding: 20px;}
 .kf { display: none; }
 .footer-fix { display: block; }
 .header { padding: 10px 0; position: fixed; z-index: 99999; width: 100%; top: 0; left: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
 .header { }
 .header .topbar,.header .text,.header .tel,.header .hform,.header .hnav_right { display: none; }
 .header .logo { height: 30px; line-height: 30px; float: none; padding: 0; }
 .header .logo img { /*max-height: 130%; margin-top: -4px;*/ }
 .header .hnav { float: none; margin-top: 0; }
 .header .nav li.dropdown:before { display: none; }
 .header .nav { text-align: left; display: none; border: 0; background: rgba(19,122,186,0.96); margin: 0; left: 0; right: 0; top: 50px; bottom: 0; position: fixed; z-index: 99999; padding: 0 15px; }
 .header .nav ul { margin: 0 0; }
 .header .nav li { display: block; margin: 0; border-top: 1px solid #498fc4; border-right: 0; }
 .header .nav li a { line-height: 60px; padding: 0 15px; color: #fff; }
 .header .nav li .arr { display: block; margin-top: 10px; }
 .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover { background-color: transparent; color: #fff; }
 .header .nav li.open .arr:after { border-color: #1048a0; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
 .header .nav .dropdown-box { position: static; background-color: #f5f5f5; min-width: auto; text-align: left; box-shadow: none; }
 .header .nav .dropdown-box a { color: #333 !important; border-top: 1px dotted #ddd; padding: 0 15px; line-height: 40px; background-color: transparent !important; border-bottom: 0; }
 .header .nav .dropdown-box a:hover { background-color: transparent !important; }
 .menu-btn { display: block; }
 .nav_close { text-align: center; position: absolute; left: 0; right: 0; bottom: 40px; height: 18px; }
 .nav_close a { display: inline-block; width: 18px; height: 18px; background: url('../images/m_close.png') center no-repeat; background-size: 100% 100%; }
 .banner .swiper-slide { height: 165px; }
 .banner .swiper-pagination { top: 240px; left: 0; right: 0; text-align: center; }
 .banner .swiper-button-prev,.banner .swiper-button-next { display: none; }
 .banner .swiper-pagination-bullet-active { width: 26px; height: 26px; line-height: 28px; font-size: 14px; }
 .banner .swiper-hhr { width: 80px; height: 70px; background-size: 100% 100%; right: 15px; margin-top: -57px; }
 .news_col_list .news_scroll { height: 30px; overflow: hidden; }
 .news_col_list .swiper-slide { height: 30px; }
 .swiper-hhr { height: 42px; width: 100%; top: auto; left: 0; right: 0; margin-top: 0; bottom: 0; background: url('../images/m_index_banner_hhr.png') center no-repeat; background-size: 100% 100%; }
 .content-h3 { text-align: center; }
 .content-h3-ch { right: 0; font-size: 22px; }
 .content-h3-en { font-size: 24px; right: 0; }
 .section { padding: 50px 0; }
 .section-title { margin-bottom: 20px; }
 .section-title small { font-size: 28px; margin-bottom: -10px; }
 .section-title strong { font-size: 20px; padding: 0 15px; }
 .section-title strong:before { top: -13px; }
 /* .section-title strong:after, .section-title strong:before {width: 30px;}*/
 /*.three_col_section { top: 400px; position: absolute; z-index: 999; padding: 0; }*/
 .three_col_section { top: -200px; z-index: 999; padding: 0; }
 .three_col_section .container { margin: 0 15px; }
 .three_col_body { border-radius: 5px; margin: 0 -0.8%; }
 .three_col_item { float: left; height: 172px; margin: 0 0.8%; width: 31.7333% ; }
 .three_col_item i { margin-top: 22px; display: none; }
 .three_col_item h3 { font-size: 14px; padding: 0 15px; margin-top: 120px; font-weight: 500; color: #111; text-align: left; line-height: 1.24; }
 .three_col_item p { margin: 0; display: none; }
 .three_col_item1 { background: #ffffff url('../images/mindex_col_bg1.png') center no-repeat; border-radius: 5px; background-size: 100% 100%; }
 .three_col_item2 { background: #ffffff url('../images/mindex_col_bg2.png') center no-repeat; border-radius: 5px; background-size: 100% 100%; }
 .three_col_item3 { background: #ffffff url('../images/mindex_col_bg3.png') center no-repeat; border-radius: 5px; background-size: 100% 100%; }
 .news_col_section { height: auto; padding-bottom: 1px; position: absolute; top: 574px; z-index: 999; background: transparent; right: 0; left: 0; }
 .news_col_section .container { margin: 0 15px 0; background: #fff; padding: 10px 0 0; }
 .news_col_body { margin: 0 15px; border-bottom: 1px solid #eee; padding: 0 0 10px; }
 .news_col_list { position: relative; left: auto; right: auto; height: auto; padding: 11px 15px; }
 .news_col_list ul li { width: 100%; overflow: hidden; }
 .news_col_list ul li .news_col_li>em { display: none; }
 .news_col_list ul li:last-child { display: none; }
 .news_col_more { width: auto; border-left: 0; }
 .area_section { }
 .area_wrap { display: none; }
 .area_mobile { display: block; }
 .area_mobile .area_mobile_pic { width: 100%; height: 205px; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; margin-bottom: 10px; }
 .area_mobile .area_mobile_pic1 { background-image: url('../images/area_01.jpg'); }
 .area_mobile .area_mobile_pic2 { background-image: url('../images/area_02.jpg'); }
 .area_mobile .area_mobile_pic3 { background-image: url('../images/area_03.jpg'); }
 .about_section { height: auto; margin-top: 0; }
 .about_section_left { width: auto; float: none; padding: 20px 15px; }
 .about_section_right { width: auto; float: none; height: 240px; overflow: hidden; }
 .about_section_right img { width: 100%; margin-top: -54px; }
 .about_section_bottom { display: none; }
 .about_section_name { font-size: 18px; }
 .about_section_enname { font-size: 14px; }
 .about_section_desc { font-size: 14px; line-height: 24px; margin: 10px 0; }
 .about_section_desc a { font-size: 14px; }
 .about_section_ul { padding-top: 20px; border-top: 1px solid #f3f3f3; margin: 20px 0 0; }
 .honor_section { height: auto; background-repeat: repeat-y; }
 .honor_cer { width: auto; height: auto; background: #fbf7f4; border: 1px solid #b57d00; margin: 15px 15px 0; }
 .honor_cer_body { border: 1px dashed #b57d00; margin: 5px; padding: 15px 20px; }
 .honor_cer_item { float: none; }
 .honor_cer_item ul li { font-size: 14px; line-height: 24px; background: url('../images/index_honor_cerico.png') left 7px no-repeat; }
 .swiper-button-next, .swiper-button-prev { height: 26px; }
 .in-honor { width: auto; margin: 0 80px; }
 .honor_slide { width: auto; background: #f9f9f9; height: auto; }
 .in-honor .swiper-slide .img-center { height: 260px; line-height: 260px; }
 .in-honor .swiper-slide .img-center img { height: 260px; }
 .in-design { margin: 0 50px; }
 .in-design .swiper-slide .img-center { height: 200px; line-height: 200px; }
 .quality-swiper-click { display: none; }
 .tl_news_body { width: 100%; float: none; }
 .tl_news_cate .fl { float: none; }
 .tl_news_cate .fr { float: none; display: none; }
 .tl_news_cate { height: 40px; line-height: 40px; }
 .tl_news_cateul ul li { width: 32.333%; height: 40px; line-height: 40px; }
 .tl_news_cateul ul li a { font-size: 14px; }
 .tl_news_list { padding-top: 20px; }
 .news_rec_top { padding-bottom: 10px; }
 .news_rec_top .fl img { width: 100px; height: 60px; }
 .news_rec_top .news_top_rec_item { margin-left: 120px; padding-top: 0; }
 .news_rec_top .news_top_rec_item>a { font-size: 14px; }
 .news_rec_top .news_top_rec_item>p { font-size: 12px; height: 40px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; margin-top: 2px; }
 .tt_numlist ul li { padding: 0 0 8px; }
 .tt_numlist ul li .fl { margin-top: 4px; }
 .tt_numlist ul li .fl i { width: 20px; height: 20px; line-height: 20px; }
 .tt_numlist ul li .a { margin-left: 30px; letter-spacing: 0; }
 .tt_numlist ul li a { font-size: 14px; }
 .tt_numlist ul li .a .d { font-size: 14px; }
 .tl_news_ask { width: 100%; float: none; margin-top: 20px; }
 .tl_news_ask_title { height: 40px; line-height: 40px; font-size: 14px; }
 .tl_news_ask_title .fl { font-size: 14px; }
 .tl_news_ask_title .fr a { font-size: 12px; }
 .ask_list { padding: 0; background: #fff; }
 .ask_list li .ask_list_title a { font-size: 14px; }
 .ask_list li .ask_list_con p { font-size: 13px; }
 .tab-menu { margin: -5px 0 15px -5px; }
 .tab-menu li a { margin: 5px 0 0 5px; font-size: 13px; padding: 6px 12px; }
 .list-1 { margin: -10px 0 0 -10px; }
 .list-1 li { width: 50%; }
 .list-1 li a { margin: 10px 0 0 10px; padding: 10px; }
 .list-1 li .img-center { height: 110px; line-height: 110px; }
 .list-1 li .text { font-size: 14px; background: none; padding: 0; margin-top: 10px; text-align: center; }
 .list-1 li a:hover .text { background-image: none; }
 .more-big { margin-top: 20px; }
 .more-big a { line-height: 34px; font-size: 14px; width: 120px; }
 .in-slip { padding: 30px 0; text-align: center; }
 .in-slip h4 { margin: 0; font-size: 18px; }
 .in-slip h5 { font-size: 14px; margin: 10px 0 0; }
 .in-slip .more { position: static; font-size: 14px; display: block; line-height: 36px; width: 128px; margin: 20px auto 0; }
 .in-ys { margin-top: -20px; }
 .in-ys li { width: 50%; }
 .in-ys li a { margin: 20px 0 0; }
 .in-ys li .img-center { height: 75px; }
 .in-ys li h4 { font-size: 15px; margin-top: 4px; }
 .in-ys li p { font-size: 12px; margin-top: 5px; }
 .in-ys li:last-child { display: none; }
 .in-case .swiper-slide a { padding: 15px; }
 .in-case .swiper-slide .img-center { height: 234px; line-height: 234px; }
 .in-case .swiper-slide .text { margin-top: 15px; }
 .in-case .swiper-slide .text h4 { font-size: 16px; }
 .in-case .swiper-slide .text p { margin-top: 10px; font-size: 12px; height: 60px; line-height: 20px; }
 .in-case .swiper-pagination { display: block; }
 .in-case .swiper-button-next,.in-case .swiper-button-prev { display: none; }
 .in-about dt { float: none; width: auto; }
 .in-about dd { margin: 0; padding: 15px 15px 0; }
 .in-about dd .section-title { margin-bottom: 15px; }
 .in-about dd .more { width: 120px; }
 .in-news .swiper-slide a { padding: 10px; }
 .in-news .swiper-slide .date { font-size: 12px; width: 55px; }
 .in-news .swiper-slide .date strong { font-size: 40px; }
 .in-news .swiper-slide .text { margin-left: 65px; }
 .in-news .swiper-slide .text h4 { font-size: 14px; }
 .in-news .swiper-slide .text p { margin-top: 5px; font-size: 12px; line-height: 20px; }
 .in-news .swiper-button-next,.in-news .swiper-button-prev { display: none; }
 .content-empty { border: 1px solid #e0e5e9; padding: 40px 0; }
 .footer { padding-top: 30px; }
 .footer-ewm { float: none; }
 .footer-ewm .img-center { width: 90px; }
 .footer-ewm .text { margin-left: 100px; }
 .footer-ewm .text strong { font-size: 22px; }
 .footer-nav { display: none; }
 .footer-copy { margin-top: 30px; padding: 10px 0; }
 .tl_footer { background: #fff url('../images/mobile_footer_bg.png') center no-repeat; background-size: 100% 100%; border-top: 0; }
 .tl_footer_contact { text-align: center; float: none; }
 .tl_footer_contact_logo { margin-top: 0; }
 .tl_footer_contact_logo img { max-width: 40%; height: 66px; }
 .tl_footer_info { padding-bottom: 15px; }
 .tl_footer_contact_ewm,.tl_footer_contact_teltime { display: none; }
 .tl_footer_cate dl { display: none; }
 .tl_footer_cate dl:last-child { display: block; width: 100%; padding-left: 10px; margin: 10px 0 0; height: auto; }
 .tl_footer_cate dl dt { display: none; }
 .tl_footer_cate { float: none; }
 .tl_footer_bottom { height: auto; line-height: 22px; text-align: center; padding: 15px 10px; border-top: 1px solid #eaeaea; font-size: 12px; }
 .tl_footer_bottom .fr { display: none; }
 .banner-sub { height: 170px; }
 .banner-body { height: 170px; width: 100%; text-align: center; }
 .banner-h3 { font-size: 24px; margin-bottom: 5px; }
 .banner-p { margin-top: 0; line-height: 22px; font-size: 14px; }
 .pannel-nav-list { overflow-x: auto; overflow-y: hidden; }
 .pannel-nav-list ul { width: 600px; }
 .pannel-nav-list ul li a { margin-right: 20px; }
 .content-body85 { }
 .content-body85>p { float: none!important; }
 .content-body85>div { margin-right: 0; height: auto; }
 .content-body87 { border: 0 solid #e0e5e9; border-radius: 0; padding-bottom: 0; }
 .content-body87 p img { margin-top: 0; }
 .ct2-sd { display: none; }
 .ct2-mn { float: none; width: auto; }
 .position { font-size: 12px; background-size: auto 12px; padding-left: 18px; padding-bottom: 10px; margin-bottom: 15px; background-position: 0 3px; margin-top: -10px; }
 .list-3 { margin: -10px 0 0 -10px; }
 .list-3 li { width: 50%; }
 .list-3 li a { margin: 10px 0 0 10px; }
 .list-3 li .text { line-height: 40px; }
 .list-3 li .img-center { height: 124px; line-height: 124px; }
 .list-3 li .img-center:after { display: none; }
 .ct-newlist .list-3 li { width: 100%; }
 .ct-newlist .list-3 li .text { padding: 20px 15px; }
 .ct-prolist .content-h3 { margin-bottom: 0; }
 .ct-prolist .list-3 li { width: 100%; }
 .ct-prolist .list-3 li .img-center { height: 180px; line-height: 180px; }
 .ct-prolist .list-3 li .text { padding: 30px 15px 20px; }
 .ct-prolist .list-3 li .text p { margin: 0; line-height: 26px; }
 .ct-case .list-3 li { width: 50%; }
 .ct-case .list-3 li .img-center { height: 95px; line-height: 95px; }
 .ct-case .list-3 li .text { font-size: 14px; height: 32px; line-height: 32px; }
 .ct-culture .list-3 li .img-center { height: 88px; }
 .tuijian { margin-top: 20px; }
 .tuijian .tit { padding-left: 12px; padding-right: 15px; }
 .tuijian ul { padding: 10px 15px 10px 0; }
 .tuijian li { width: 100%; }
 .tuijian li a { margin-left: 15px; line-height: 32px; }
 .tuijian li span { font-size: 12px; }
 .list-4 li a { padding: 0 0 15px; margin-bottom: 15px; }
 .list-4 li a:hover { box-shadow: none; }
 .list-4 li .img-center { width: 100px; }
 .list-4 li .text { margin-left: 110px; }
 .list-4 li .text h4 { font-size: 14px; }
 .list-4 li .text span { display: none; }
 .list-4 li .text p { font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
 .content-title { margin-bottom: 15px; }
 .content-title h1 { font-size: 24px; }
 .content-desc { margin-top: 40px; }
 .content-title p { margin-top: 10px; padding-top: 10px; }
 .content-title p span { padding: 0 5px; }
 .content-exp { margin-top: 15px; }
 .content-exp li { float: none; width: auto; }
 .content-exp li:last-child { text-align: left; }
 .content-article p { margin: 15px 0; }
 .pc-slide { float: none; width: auto; }
 .yunu-showcase-info { margin: 20px 0 0; }
 .yunu-showcase-info h1 { padding-bottom: 10px; }
 .yunu-showcase-info p { margin-top: 10px; }
 .ct-contact { padding: 5px; height: auto; }
 .ct-contact-name { padding: 21px 16px 21px; }
 .ct-contact-name h1 { font-size: 18px; }
 .ct-contact-name p { font-size: 14px; }
 .ct-contact-info { padding: 11px 15px 4px; overflow-x: auto; }
 .ct-contact-info p { font-size: 14px; width: 400px; }
 .ct-contact-info p i { margin-right: 10px; }
 .ct-newlist .list-3 li .img-center { height: 160px; line-height: 160px; overflow: hidden; }
 .ct-newlist .list-3 li .img-center img { height: 220px; max-height: 220px; }
 .ct-newlist .list-3 li .text h4 { font-size: 18px; }
 .map { height: 400px; }
 .ct-job { overflow-x: auto; }
 .ct-job-table tr th { font-size: 15px; height: 50px; line-height: 50px; }
 .ct-job-table tr td { height: 63px; }
 .ct-job-info { padding: 20px 15px; }
 .ct-job .ct-job-header,.ct-job .ct-job-item { width: 100%; }
 .ct-job-table tr th:first-child { padding-left: 10px; }
 .ct-job-table tr td:first-child { padding-left: 10px; }
 .ct-job-table tr th:last-child { padding-left: 0; width: 5%; }
 .ct-job-table tr td:last-child { padding-left: 0; width: 5%; }
 .ct-job-table tr th:last-child span { display: none; }
 .ct-job-table tr td a.click_toggle span { display: none; }
 .ct-job-table tr th:nth-child(2) { display: none; }
 .ct-job-table tr td:nth-child(2) { display: none; }
 .ct-job-table tr th:nth-child(4) { display: none; }
 .ct-job-table tr td:nth-child(4) { display: none; }
 .ct-job-table tr th:nth-child(1),.ct-job-table tr td:nth-child(1) { width: 40%; }
 .ct-job-table tr th:nth-child(3),.ct-job-table tr td:nth-child(3) { width: 25%; }
 .ct-job-table tr th:nth-child(5),.ct-job-table tr td:nth-child(5) { width: 25%; }
 .ct-job-table tr th:nth-child(6),.ct-job-table tr td:nth-child(6) { width: 10%; }
 .qualification_row { overflow-x: hidden; }
 .ct-honor-item { padding: 20px 0 10px; }
 .ct-eng-item { padding: 38px 0 22px; }
 .banner { display: none; }
 .mobile_banner { display: block; }
 .mobile_banner .swiper-slide { height: 600px; }
 .pagination a { }
 .pages { margin-top: 20px; }
 .pages a { font-size: 12px!important; line-height: 40px!important; padding: 0 0; width: 40px!important; height: 40px!important; margin-right: 10px!important; }
 .pagination p.page_disable { font-size: 12px!important; line-height: 40px!important; padding: 0 0; width: 40px!important; height: 40px!important; margin-right: 10px!important; }
 .content_about_section { background: #fff; }
 .content_about_section .content-body p { line-height: 30px; }
 .content_about_tleft,.content_about_tright { width: auto; float: none; height: auto;}
 .content_about_zz {margin-top: 15px;}
 .content_about_info {padding: 30px 20px 40px;}
 .content_about_p {font-size: 16px; line-height: 32px;}
 .content_about_zzitem {width: 45%; margin-right: 10%;}
 .content_about_zzitem:nth-child(2) {margin-right: 0;}
 .content_about_zzitem:last-child {display: none;}
 .content_about_zznum span {font-size: 26px;}
 .content_about_zztext {font-size: 13px; margin-left: 52px; line-height: 18px;}
}

@media screen and (min-width: 1200px) {
 .header {position: relative; z-index: 99; background: linear-gradient(#ffffff, #ffffff 50%, #ffffff); /*box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.22);*/ }
 .header .container {width: auto; margin: 0;}
 .header .logo {padding: 17px 0 17px 100px;}
 .header .hnav {margin-top: 30px; margin-right: 100px;}
 .header .nav li {position: relative;}
 .header .nav li a {color: #333;}
 .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {color: #0566af;}
 .header .nav li a {padding: 0 20px;}
 .header .nav li:nth-child(2),.header .nav li:nth-child(8) {margin-right: 10px;}
 /* .header .topbar{display: block;background: #1047a2; color:#fff; border-bottom: 0;}
 .header .topbar li a{color: #fff;}
 .header .nav li.active:after{display: none;}
 .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover{color: #1047a2;}*/
 .area_section {display: none;}
}

@media screen and (min-width: 1900px) {
 .three_col_item {width: 33.2%;}
}

@media screen and (max-width: 1750px) and (min-width: 1200px) {
 .header .hnav {width: 770px; height: 60px; overflow: hidden;}
 .header .hnav_right {width: 330px;}
 .header .logo {padding-left: 10px;}
 .tl_footer_cate dl:last-child {display: none;}
 .news_col_list {left: 200px;}
}

@media screen and (max-width: 1440px) and (min-width: 1200px) {
 .header .logo {padding-left: 30px;}
 .header .hnav {height: 60px; overflow: hidden; width: auto; margin-right: 50px;}
 .ct-honor {overflow-x: auto;}
 .ct-honor-item {width: 540px;}
 .banner .swiper-slide {height: 580px;}
 .header .hnav_right {display: none;}
}