@charset "utf-8";

/*css comment*/

*,
*:before,
*:after { margin: 0; padding: 0; outline: none; list-style: none; text-decoration: none;  blr:expression(this.onFocus=this.blur());
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: 'akzidenzgroteskbq'; src: url('../fonts/akzidenzgroteskbq.eot'); src: url('../fonts/akzidenzgroteskbq.eot?#iefix') format('embedded-opentype'),  url('../fonts/akzidenzgroteskbq.woff') format('woff'),  url('../fonts/akzidenzgroteskbq.ttf') format('truetype'),  url('../fonts/akzidenzgroteskbq.svg#akzidenzgroteskbq') format('svg'); font-weight: normal; font-style: normal; }

body,
html { color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: none; overflow-x: hidden; font-family: arial, "微软雅黑", Microsoft YaHei; font-size: 14px; }

img { border: none; display: inline-block; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; _width: auto; }

input,
textarea,
select { border: none; background: none; font-size: 14px; vertical-align: middle; color: #333; font-family: arial, "微软雅黑", Microsoft YaHei; }

select { border: inherit; background: inherit; }

a { text-decoration: none;  blr:expression(this.onFocus=this.blur());
outline: none; color: #333; }

a:hover,
a:active,
a:focus { text-decoration: none; }

em,
i { font-style: normal; }

a:focus,
input,
select { outline: none; }

.clearfix {  *zoom:1;
}

.clearfix:after { content: "\200B"; display: block; clear: both; height: 0; }

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select { -webkit-appearance: none; }

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover { opacity: 0.90; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
label { font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.3; font-family: arial, "微软雅黑", Microsoft YaHei; }

p,
ul,
ol { margin: 0; }

header,
main,
footer,
section { display: block; }

/*browserupgrade*/

.browserupgrade { display: block; position: fixed; top: 0; left: 0; margin: 0; width: 100%; height: 60px; font-size: 15px; line-height: 60px; z-index: 1000; background-color: #666; color: #fff; text-align: center }

.browserupgrade a { color: #eee; text-decoration: underline; font-size: 18px; }

.browserupgrade a:hover { color: #eee }

/*owl-theme*/

.owl-theme .owl-controls { margin-top: 0; }

/*===================header========================*/

header { position: fixed; top: 0; left: 0; z-index: 1004; width: 100%;/* background: rgba(0,0,0,.20);*/ }

header .inner.inner_item0 { padding-top: 55px; }

.logo { display: block; float: left; height: 55px }

.logo img { height: 100% }

.header_r { float: right; margin-top: -5px; }

.r_top { text-align: right; color: #fff; }

.major_links,
.major_links a,
.header_handle,
.header_handle li,
.gupiao { display: inline-block; vertical-align: middle; }

.header_handle { margin-right: -14px; }

.gupiao { font-size: 12px; color: #fff; padding: 0 14px; }

.major_links a { font-size: 12px; color: #fff; padding: 0 14px; }

.major_links a em { display: inline-block; position: relative; }

.major_links a em:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; opacity: 0; height: 1px; background: #fff; }

.major_links a:hover { opacity: .90; }

.major_links a:hover em:before { left: 0; width: 100%; opacity: 1; }

.header_handle li a { display: block; padding: 0 14px; }

/*sou_warp*/

.sou_warp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 4000; padding: 10% 20px; display: none; }

.sou_bg { background: rgba(0,0,0,.80); position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.sou_closed { display: block; position: absolute; top: 0; right: 8px; z-index: 10; width: 40px; line-height: 40px; text-align: center; background: #fff; font-size: 30px; font-family: arial, helvetica, sans-serif; }

.sou_closed:hover { background-color: #0098d9; color: #fff; }

.sou_warp .inner { height: 100%; }

.sou_box { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; top: 30%; }

.sou_submit,
.search_txt02 { height: 86px; }

.sou_submit { cursor: pointer; float: right; width: 156px; border: 2px solid #004898; background: #004898; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; }

.sou_submit:hover { background-color: transparent; }

.sou_write { overflow: hidden; background: #fff; padding: 0 30px 0 50px; position: relative; }

.sou_write:before { content: ""; width: 1px; height: 26px; background: #00757f; position: absolute; top: 50%; left: 30px; margin-top: -13px; }

.search_txt02 { vertical-align: top; width: 100%; color: #333; }

/*nav*/

.nav_wrap { }

.nav { margin: 16px -25px 0; }

.nav li { float: left; position: relative; }

.nav li a { display: block; color: #fff; }

.nav li a.a_item0 { padding-left: 25px; padding-right: 25px; padding-bottom: 20px; position: relative; }

.nav li a.a_item0:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; opacity: 0; height: 1px; background: rgba(255,255,255,.60); }

.nav li a.a_item0 span { display: inline-block; padding-right: 27px; background: url(../images/ico_04.png) right center no-repeat; }

.nav li:nth-child(1) a.a_item0 span{ background:none}

.subclass { position: absolute; top: 130%; left: 0; z-index: 1; width: 100%; height: 0; overflow: hidden; opacity: 0; background: rgba(0,0,0,.20); font-size: 14px; text-align: center; }

.subclass a { display: block; line-height: 2.5; }

.subclass a em { padding-bottom: 3px; position: relative; }

.subclass a em:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; opacity: 0; height: 1px; background: #fff; }

.subclass a:hover { opacity: .90; }

.subclass a:hover em:before { left: 0; width: 100%; opacity: 1; }

.nav li:hover .subclass { top: 100%; height: auto; padding: 20px 0; opacity: 1; }

.nav li:hover a.a_item0:before { left: 0; width: 100%; opacity: 1; }

.nav_down { position: absolute; top: 100%; left: 0px; width: 100%; }

.nav_down_menu { width: 100%; background: rgba(255,255,255,.92); padding: 50px 0; position: absolute; top: 0px; }

/*nav_down_menu01*/

.nav_down_menu01 { background: #f6f6f6; padding: 0; }

.menu01_left { width: 35%; max-width: 560px; padding: 50px 3.5% 0 0; float: left; position: relative; }

.menu01_left:before { content: ""; position: absolute; top: 0; right: 0; width: 200%; height: 100%; background: #fff; }

.menu01_block { margin-bottom: 8%; position: relative; z-index: 1; }

.menu01_tit { line-height: 24px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; margin-bottom: 6%; }

a.all_link { display: block; float: right; padding-right: 28px; background: url(../images/ico_21.png) right center no-repeat; color: #666; }

a.all_link:hover { color: #004898; }

a.tit_a1 { display: block; float: left; }

.menu01_subclass { }

.menu01_subclass li { float: left; width: 50%; line-height: 2.25; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.menu01_subclass li a { display: block; padding-left: 20px; background: url(../images/ico_22.png) left center no-repeat; }

.menu01_subclass li a:hover { color: #004898; background-image: url(../images/ico_22b.png); }

.menu01_right { overflow: hidden; padding: 50px 0 0 50px; }

.menu01_solution { margin: -9px; }

.menu01_solution li { width: 25%; float: left; padding: 9px; text-align: center; }

.menu01_solution li a { display: block; color: #fff; overflow: hidden; background: #000; position: relative; }

.menu01_solution li a img { display: block; opacity: .85; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.m_s_tit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; z-index: 1; }

.m_s_tit p { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 50%; }

.menu01_solution li a:hover img { opacity: 1; }

.menu01_solution li a:hover .m_s_tit { text-decoration: underline; }

/*通用*/

.menu_tit { margin-bottom: 30px; }

.menu_left { width: 550px; padding-right: 60px; float: left; }

.menu_left a img { display: block; margin-top: 5px; }

.menu_right { overflow: hidden; padding-top: 2% }

.menu_subclass { margin: 0 -15px; }

.menu_subclass li { width: 25%; float: left; padding: 0 15px; }

.menu_subclass li a { display: block; line-height: 36px; height: 36px; overflow: hidden; padding-left: 20px; background: url(../images/ico_22.png) left center no-repeat; }

.menu_subclass li a span { position: relative; overflow: hidden; }

.menu_subclass li a span:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #004898; }

.menu_subclass li a:hover { color: #004898; background-image: url(../images/ico_22b.png); }

.menu_subclass li a:hover span:before { left: 0; width: 100%; }

.menu_subclass li a.m_s_a0 { line-height: normal; padding: 0 0 20px; height: auto; margin-bottom: 20px; background: none; border-bottom: 1px solid #dcdcdc; }

/*menu_ico*/

.menu_ico { cursor: pointer; width: 28px; height: 24px; position: absolute; top: 50%; right: 20px; margin-top: -12px; display: none; }

.menu_ico i { display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; top: 0; }

.menu_ico i:nth-of-type(2) { top: 10px; }

.menu_ico i:nth-of-type(3) { top: 20px; }

.menu_active i { background-color: #fff; }

.menu_active i:nth-of-type(2) { opacity: 0; }

.menu_active i:nth-of-type(1),
.menu_active i:nth-of-type(3) { top: 10px; }

.menu_active i:nth-of-type(1) { transform: rotate(45deg); }

.menu_active i:nth-of-type(3) { transform: rotate(-45deg); }

header,
header .inner.inner_item0,
.subclass { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/*nav_phone*/

.nav_phone { display: none; }

.nav_list { font-size: 14px; text-align: right; }

.nav_list a { display: block; color: #fff; }

.nav_list a.n_p_a0 { padding: 14px 5%; font-size: 16px; }

.nav_list a.n_p_a0 span { display: inline-block; position: relative; }

.nav_list a.n_p_a0 span:before { content: ""; position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: url(../images/nav_02.png) -20px center no-repeat; }

.nav_list a.n_p_a0.on,
.nav_list a.n_p_a0.nav_cur { background-image: -webkit-linear-gradient(left, #00923f, #0254ae);}

.nav_list a.n_p_a0.on span:before,
.nav_list a.n_p_a0.n_p_cur span:before { background-position: 0 center; }

.n_p_subclass { display: none; }

.n_p_subclass a { padding: 6px 5%; }

.n_p_subclass a:hover { opacity: .90; text-decoration: underline; }

.n_p_subclass a.a0_item { padding: 10px 5%; font-weight: bold; font-size: 15px; }

.n_p_subclass a.a0_item span { position: relative; padding-right: 20px; }

.n_p_subclass a.a0_item span:before { content: ""; position: absolute; top: 50%; right: 0; width: 4px; height: 4px; margin-top: -2px; background: #fff; }

.item_sort { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.40); }

.item_sort li { width: 50%; float: left; }

.nav_list { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
@-webkit-keyframes 
returnToNormal {  from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}

to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes 
returnToNormal {  from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}

to { opacity: 1; -webkit-transform: none; transform: none; }
}

/*login_wrap*/

.login_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 4000; display: none; }

.login_bg { background: rgba(0,0,0,.70); position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

/*login*/

.login { position: fixed; top: 0; right: 0; width: 100%; max-width: 584px; height: 100%; background: url(../images/login_01.jpg) no-repeat; background-size: cover; color: #fff; padding: 55px; }

a.login_closed { cursor: pointer; font-size: 0; display: block; width: 40px; height: 40px; border-radius: 50%; background: url(../images/login_ico01.png) right center no-repeat; background-size: 40px; margin-bottom: 14%; }

a.login_closed:hover { background-position: center center; background-color: #0b3f79; background-size: 30px; }

.login_tit { text-align: center; line-height: 1; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.30); }

.login_line,
.login_txt,
.login_label01,
.login_check { height: 52px; line-height: 52px; }

.login_line { background: #fff; margin-bottom: 20px; }

.login_ico { display: block; float: right; width: 62px; height: 100%; text-align: center; padding-top: 10px; }

.login_label01 { display: block; float: left; color: #333; padding: 0 20px; }

.login_fill { overflow: hidden; }

.login_txt { display: block; width: 100%; }
input.login_txt::-webkit-input-placeholder {
color:#666;
}
input.login_txt::-moz-placeholder {
color:#666;
}
input.login_txt:-moz-placeholder {
color:#666;
}
input.login_txt:-ms-input-placeholder {
color:#666;
}

.login_check { width: 202px; float: right; border-left: 20px solid #2164aa; }

.login_ask { clear: both; color: #6296ce; line-height: 30px; }

.login_ask a { display: inline-block; position: relative; color: #fff; }

.login_ask a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; }

.login_ask a.forget_psw { float: right; }

.login_ask a:hover:before { width: 100%; }

.login_btn { display: block; width: 100%; height: 50px; background: #0b3f79; color: #fff; margin-top: 30px; }

.login_btn:hover { opacity: .80; }

.red_star { color: red; }

.zhao_txt { padding-top: 50px; text-align: center; line-height: 1.5; }

.zhao_txt img { display: block; margin: 0 auto 35px; width: 50%; max-width: 140px; }

/*login_change*/

.login_change { width: 584px; height: 630px; right: auto; top: 50%; left: 50%; margin: -315px 0 0 -292px; }

/*xiu_result*/

.xiu_result { padding-top: 30px; text-align: center; line-height: 1.5; }

.xiu_result img { display: block; margin: 0 auto 30px; width: 65px; }

/*header_scr*/

.header_scr,
.header_scr .subclass { background: rgba(0,0,0,.60); }

.header_scr .inner.inner_item0 { padding-top: 25px; }

/*===================footer========================*/

footer { position: relative; z-index: 1; border-top: 8px solid #2b71b8; background: url(../images/footer_01.jpg) center top no-repeat; background-size: cover; color: #fff; }

footer a { color: #fff; word-break: keep-all;}

.footer_top { padding: 5% 0; border-bottom: 1px solid rgba(255,255,255,.10); }

.footer_nav { width: 70%; float: left; border-right: 1px solid rgba(255,255,255,.10); }

.footer_nav li { width:16%; float: left; }

.footer_nav li a { display: block; }
 
.footer_nav li a.f_item0 { position: relative; margin-bottom: 15px; }

.footer_nav li a.f_item0:before { content: " "; position: absolute; top: 50%; right: 0; width: 4px; height: 4px; border-radius: 4px; background: #fff; margin: -2px 18% 0 0; }

.footer_nav li:last-child a.f_item0:before { display: none; }

.f_subclass { }

.f_subclass a { line-height: 1.8; opacity: .60; }

.f_subclass a em { padding-bottom: 3px; position: relative; }

.f_subclass a em:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; opacity: 0; height: 1px; background: #fff; }

.f_subclass a:hover { opacity: .90; }

.f_subclass a:hover em:before { left: 0; width: 100%; opacity: 1; }

.contact_way { overflow: hidden; text-align: right; }

.way_info { }

.way_info li {   margin-bottom: 15px; }

.way_info li span { font-family: Estrangelo Edessa; }

.way_public { padding-top: 15px; }

.way_public li { display: inline-block; width: 28%; max-width: 132px; margin-left: 8%; text-align: center; font-size: 12px; }

.way_public li:first-child { margin-left: 0; }

.way_public li img { display: block; margin: 0 auto 15px; }

.footer_bot { padding: 3.25% 0; }

.footer_logo { display: block; float: left; width: 350px; }

.copyright { font-size: 12px; float: right; margin-top: 1.5%; }

/*notice_tan*/

#notice_tan { text-align: center; }

.notice_sao { position: relative; z-index: 1; display: inline-block; color: #fff; }

.notice_sao img { display: block; margin: 0 auto 10px; }

/*===================main========================*/

main { position: relative; background: #fff; }

.inner { width: 1600px; margin: 0 auto; }

/*owl*/

.owl-dots { width: 100%; text-align: center; }

.owl-dots .owl-dot { display: inline-block; vertical-align: middle; }

.owl-dots .owl-dot span { display: block; }
 

 
/*==============
focus_swiper*/   

.focus_wrap { width: 100%; height: 100vh; overflow: hidden; }

.slide { position: relative; }

.slide,
.slide .owl-stage-outer,
.slide .owl-stage,
.slide .owl-item,
.slide li,
.slide_item img.focus_img { width: 100%; height: 100%; overflow: hidden; }

.slide_item { position: relative; }

.slide_caption { position: absolute; top: 50%; margin-top: -2.5%; left: 0; z-index: 1; width: 100%; text-align: center; }

.slide_caption_tit { margin-bottom: 25px; }

.slide .owl-dots { position: absolute; left: 0; bottom: 30px; }

.slide .owl-dots .owl-dot span { width: 35px; height: 35px; margin: 0 8px; position: relative; background: none; }

.slide .owl-dots .owl-dot span:before { content: ""; width: 100%; height: 2px; background: #fff; opacity: .60; position: absolute; top: 50%; left: 0; margin-top: -1px; }

.slide .owl-dots .owl-dot.active span:before { opacity: 1; }

/*li_slide02*/

.slide_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }

img.slide02_dec01 { display: block; position: absolute; top: 0; left: 0; width: 26.407%; max-width: 507px; }

.slide02_dec02 { position: absolute; top: 50%; left: 0; margin-top: -6.9%; width: 100%; text-align: center; }

.slide02_dec02 img { display: block; margin: 0 auto; width: 50.886%; max-width: 977px; }

.slide02_dec03 { position: absolute; top: 50%; left: 0; margin-top: 11.45%; width: 100%; text-align: center; }

.slide02_dec03 img { display: block; margin: 0 auto; width: 50.886%; max-width: 977px; }

/*.slide .owl-item.active li#slide_02 img.slide02_dec01{ animation: 2s .2s swing-3 both;}*/

.slide .owl-item.active li#slide_02 .slide02_dec02 img { animation: 2s .4s fadeIn both; }

.slide .owl-item.active li#slide_02 .slide02_dec03 img { animation: 2s .4s fadeIn both; }

/*li_slide03*/

img.slide03_dec01 { display: block; position: absolute; top: 50%; left: 50%; margin: -5% 0 0 -32%; width: 10%; max-width: 166px; }

img.slide03_dec02 { display: block; position: absolute; top: 50%; left: 50%; margin: -24.2% 0 0 -20.8%; width: 42.4%; max-width: 814px; }

.slide .owl-item.active li#slide_03 img.slide03_dec02 { /*animation: 3s .2s fadeIn both;*/ }

.slide .owl-item.active li#slide_03 img.slide03_dec01 { /*animation: 3s .6s fadeIn both;*/ }

.swing-1 { -webkit-animation: swing1 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-animation: swing1 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); animation: swing1 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }
 @-webkit-keyframes 
swing1 {  0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
}
@-moz-keyframes 
swing1 {  0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
}
 @-ms-keyframes 
swing1 {  0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
}
 @keyframes 
swing1 {  0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
}

/*swing-2*/

.swing-2 { -webkit-animation: swing2 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-animation: swing2 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); animation: swing2 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }
 @-webkit-keyframes 
swing2 {  0% {
 -webkit-transform: rotateZ(3deg);
 -moz-transform: rotateZ(3deg);
 transform: rotateZ(3deg);
}
 100% {
 -webkit-transform: rotateZ(-3deg);
 -moz-transform: rotateZ(-3deg);
 transform: rotateZ(-3deg);
}
}
 @-moz-keyframes 
swing2 {  0% {
 -webkit-transform: rotateZ(3deg);
 -moz-transform: rotateZ(3deg);
 transform: rotateZ(3deg);
}
 100% {
 -webkit-transform: rotateZ(-3deg);
 -moz-transform: rotateZ(-3deg);
 transform: rotateZ(-3deg);
}
}
 @-ms-keyframes 
swing2 {  0% {
 -webkit-transform: rotateZ(3deg);
 -moz-transform: rotateZ(3deg);
 transform: rotateZ(3deg);
}
 100% {
 -webkit-transform: rotateZ(-3deg);
 -moz-transform: rotateZ(-3deg);
 transform: rotateZ(-3deg);
}
}
 @keyframes 
swing2 {  0% {
 -webkit-transform: rotateZ(3deg);
 -moz-transform: rotateZ(3deg);
 transform: rotateZ(3deg);
}
 100% {
 -webkit-transform: rotateZ(-3deg);
 -moz-transform: rotateZ(-3deg);
 transform: rotateZ(-3deg);
}
}

/*swing-3*/

.swing-3 { -webkit-animation: swing3 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-animation: swing3 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); animation: swing3 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }
 @-webkit-keyframes 
swing3 {  0% {
 -webkit-transform: translate3d(-20px, -20px, 0);
 transform: translate3d(-20px, -20px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-moz-keyframes 
swing3 {  0% {
 -webkit-transform: translate3d(-20px, -20px, 0);
 transform: translate3d(-20px, -20px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-ms-keyframes 
swing3 {  0% {
 -webkit-transform: translate3d(-20px, -20px, 0);
 transform: translate3d(-20px, -20px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes 
swing3 {  0% {
 -webkit-transform: translate3d(-20px, -20px, 0);
 transform: translate3d(-20px, -20px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @media only screen and (max-width: 1279px) {

.focus_wrap { height: 600px; }
}
@media only screen and (max-width: 991px) {

.focus_wrap { height: 450px; }

.slide_caption_tit { margin-bottom: 5px; }

.slide .owl-dots .owl-dot span { width: 25px; }
}
@media only screen and (max-width: 767px) {

.focus_wrap { height: 300px; }

.slide .owl-dots { bottom: 10px; }
}

/*===============================
newly*/ 

.newly { position: relative; text-align: center; }

.newly_tit { position: absolute; top: 80px; left: 0; width: 100%; z-index: 3; font-weight: bold; }

.newly_tit span { color: #004898; }

.tab_box { position: absolute; top: 200px; left: 0; width: 100%; z-index: 3; }

.newly_tab { font-weight: bold; border-bottom: 1px solid #c8c9cb; }

.newly_tab li { display: inline-block; width: 24.57%; padding: 0 45px; position: relative; top: -50px; }

.newly_item { position: absolute; top: -120px; font-weight: bold; text-align: center; }

.newly_tab li:nth-of-type(1) .newly_item { right: -58%; }

.newly_tab li:nth-of-type(2) .newly_item { right: 29%; }

.newly_tab li:nth-of-type(3) .newly_item { left: -58%; }

.newly_tab li a { display: block; position: relative; padding-bottom: 25px; }

.newly_tab li a:before { content: ""; height: 2px; position: absolute; bottom: 0; left: 50%; width: 0; background: #009e42; }

.newly_tab li a:after { content: ""; width: 22px; height: 6px; background: url(../images/ico_05.png) center 6px no-repeat; position: absolute; bottom: 1px; left: 50%; margin-left: -11px; }

.newly_ico { display: block; width: 85px; margin: 0 auto 15px; position: relative; }

.newly_ico img { display: block; }

.newly_ico i { display: inline-block; position: absolute; }

.newly_tab li:nth-of-type(1) a .newly_ico i:nth-of-type(1) { width: 24%; max-width: 20px; top: 31%; right: 28%; }

.newly_tab li:nth-of-type(1):hover a .newly_ico i:nth-of-type(1) { -webkit-animation: ico_move01 1s infinite linear alternate; animation: ico_move01 1s infinite linear alternate; }
@-webkit-keyframes 
ico_move01 {  0% {
top:31%;
}
 100% {
top:26%;
}
}
@keyframes 
ico_move01 {  0% {
top:31%;
}
 100% {
top:26%;
}
}

.newly_tab li:nth-of-type(1) a .newly_ico i:nth-of-type(2) { width: 24%; max-width: 20px; bottom: 25%; left: 29%; }

.newly_tab li:nth-of-type(1):hover a .newly_ico i:nth-of-type(2) { -webkit-animation: ico_move02 1s infinite linear alternate; animation: ico_move02 1s infinite linear alternate; }
@-webkit-keyframes 
ico_move02 {  0% {
bottom: 25%;
}
 100% {
bottom: 20%;
}
}
@keyframes 
ico_move02 {  0% {
bottom: 25%;
}
 100% {
bottom: 20%;;
}
}

.newly_tab li:nth-of-type(2) a .newly_ico i:nth-of-type(1) { width: 77%; max-width: 68px; top: 12%; left: 21%; }

.newly_tab li:nth-of-type(2):hover a .newly_ico i:nth-of-type(1) { -webkit-animation: ico_move03 1s infinite linear alternate; animation: ico_move03 1s infinite linear alternate; }
@-webkit-keyframes 
ico_move03 {  0% {
left:21%;
}
 100% {
left:31%;
}
}
@keyframes 
ico_move03 {  0% {
left:21%;
}
 100% {
left:31%;
}
}

.newly_tab li:nth-of-type(3) a .newly_ico i:nth-of-type(1) { width: 17%; max-width: 14px; top: 9%; left: 18%; }

.newly_tab li:nth-of-type(3):hover a .newly_ico i:nth-of-type(1) { -webkit-animation: ico_move04 1s infinite linear alternate; animation: ico_move04 1s infinite linear alternate; }
@-webkit-keyframes 
ico_move04 {  0% {
top: 9%;
}
 100% {
top: 3%;
}
}
@keyframes 
ico_move04 {  0% {
top: 9%;
}
 100% {
top:3%;
}
}

.newly_tab li.newly_cur a { display: inline-block;
    background-image: -webkit-linear-gradient(left, #009e42, #0254ae);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; font-weight:bold }

.newly_tab li.newly_cur a:before { left: 0; width: 100%; }

.newly_tab li.newly_cur a:after { background-position: center 0; }

.newly_con { height: 670px; position: relative; }

.newly_zhan { display: block; margin: 0 auto; }

.newly_area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 420px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.newly_dis { opacity: 0; z-index: -1; }

.newly_des { color: #333; opacity: 1.0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.newly_dis .newly_des { -webkit-transition: opacity 0.60s, -webkit-transform 0.60s; transition: opacity 0.60s, transform 0.60s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
 @media only screen and (max-width: 1680px) {

.newly_tab li:nth-of-type(2) .newly_item { right: 25%; }
}
@media only screen and (max-width: 1440px) {

.newly_con { height:600px; }

.newly_tit { top: 90px; }

.newly_item { top: -90px; /*width:50%;*/ }

.newly_tab li:nth-of-type(2) .newly_item { right: 25%; }

.tab_box { top: 160px; }

.newly_area { padding-top: 370px; }
}
@media only screen and (max-width: 1279px) {

.newly_ico { width: 65px; }

.newly_con { height: 550px; }

.newly_tit { top: 60px; }

.newly_item { top: -60px; width: 70%; }

.newly_tab li:nth-of-type(2) .newly_item { right: 15%; }

.tab_box { top: 120px; }

.newly_area { padding-top: 290px; }
}
@media only screen and (max-width: 991px) {

.newly_tab li { padding: 0 15px; }
}
@media only screen and (max-width: 767px) {

.newly_con { height: 520px; }

.newly_item { width: 100%; top: -50px; }

.newly_tab li:nth-of-type(2) .newly_item { right: 0; }

.tab_box { top: 90px; }

.newly_area { padding-top: 200px; }

.newly_tab li { width: 30.33%; }

.newly_tab li a { padding-bottom: 15px; }

.newly_ico { width: 45px; margin-bottom: 5px; }
}


/*===============================
product*/ 
.category{ width:100%; text-align: center; margin-top:40px; position:relative}
.category a{ padding:0 10px; word-break: keep-all; line-height:1.8 }
.category a:hover{  background-image: -webkit-linear-gradient(left, #009e42, #0254ae); -webkit-background-clip: text; -webkit-text-fill-color: transparent}
.category:before{ content:""; position:absolute; width:70px; height:1px; background:#9f9f9f; margin-left:-35px; left:50%; top:45px;}

.indexpro{ width:100%; margin-top:70px;}
.indexpro li{ width:100%}
.indexpro li a{ display:block}
.indexpro li a .pic{ width:100%; overflow:hidden}
.indexpro li a .pic img{ width:100%; transition: all 0.3s;}
.indexpro li a .txt{ font-size:18px; text-align:center; color:#333;  -webkit-transition: 0.3s;  transition: 0.3s;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; padding:15px 0}
.indexpro li a:hover .pic img{transform: scale(1.05); }

.indexpro .swiper-container {
        width: 100%;
        height: 100%; padding-bottom:20px;
    }
.indexpro .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}

.indexpro .swiper-pagination-bullet-active{ background-image: -webkit-linear-gradient(left, #009e42, #0254ae);}
/*===============================
pro*/ 

.pro { padding: 6.5% 0; position: relative; text-align:center;/* background: url(../images/pro_01.jpg) center top no-repeat; background-size: cover;*/ }

.pro_dec01 { display: block; width: 14%; max-width: 256px; position: absolute; top: 50%; left: 2.60%; margin-top: 7.5%; display: none; }

.pro_dec02 { display: block; width: 22.2%; max-width: 425px; position: absolute; top: 15%; right: 0; z-index: 2; display: none; }

.pro_swiper { position: relative; }

.title01 { font-weight: bold; }

.title01 a { display: inline-block;
    background-image: -webkit-linear-gradient(left, #009e42, #0254ae);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     }

.title01 span { display: block; margin-top: 10px; font-weight: normal;     line-height: 1.8;}

.pro_tit { position: absolute; top: 40px; right: 0; z-index: 4; padding-bottom: 108px; }

.pro_tit:before { content: ""; position: absolute; bottom: 0; left: 0; width: 1px; height: 78px; background: #9f9f9f; }

.pro_img { }

.img_show { width: 55.9375%; float: left; position: relative; }

.img_show a { display: block; position: relative; padding-bottom: 12%; }

.img_item0 { width: 81.788%; height: 654px; overflow: hidden; max-width: none; }

.img_item0 img { width: 100%; height: 100%; }

.img_show a img { display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

.img_show:hover a img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.pro_ico { display: inline-block; border-left: 15px solid #fff; border-top: 15px solid #fff; width: 31.5%; max-width: 445px; overflow: hidden; position: absolute; bottom: 0; right: 0; left: 75% }

.pro_ico i { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pro_ico01 i { background: rgba(0,72,152,.80); }

.pro_ico02 i { background: rgba(43,113,184,.80); }

.pro_ico03 i { background: rgba(143,184,61,.80); }

.pro_ico i img { position: absolute; top: 50%; left: 50%; width: 47.62%; height: 46.3%; margin-left: -23.81%; margin-top: -23.15%; }

.pro_info { float: right; margin-top: 260px; }

.pro_thumbs,
.pro_tit,
.pro_info { width: 38.75%; max-width: 572px; }

.pro_info h4 { margin-bottom: 10px; }

.pro_info h4 b { display: block; margin-top: 3.5%; }

.pro_des { color: #666; line-height: 2; margin-bottom: 3.5%; position: relative; z-index: 3; }

/*more01*/

a.more01 { display: block; width: 150px; line-height: 48px;    text-align: center; color: #fff; background:#004898; }

a.more01 em { display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; width: 13px; height: 13px; }

a.more01 em i { position: absolute; display: block; height: 2px; background: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

a.more01 em i:nth-child(1) { top: 0; width: 10px; }

a.more01 em i:nth-child(2) { top: 5px; width: 7px; }

a.more01 em i:nth-child(3) { top: 10px; width: 13px; }

a.more01:hover { color:#0254ae; border:2px solid #0254ae}

a.more01:hover em i:nth-child(n) { width: 13px; background: #004898; }

.pro_info01 a.more01 { background: #004898; border-color: #004898; }

.pro_info02 a.more01 { background: #2b71b8; border-color: #2b71b8; }

.pro_info03 a.more01 { background: #8fb83d; border-color: #8fb83d; }

.pro_info01 h4 b,
.pro_info01 a.more01:hover { color: #004898; }

.pro_info02 h4 b,
.pro_info02 a.more01:hover { color: #2b71b8; }

.pro_info03 h4 b,
.pro_info03 a.more01:hover { color: #8fb83d; }

.pro_info01 a.more01:hover em i:nth-child(n) { background: #004898; }

.pro_info02 a.more01:hover em i:nth-child(n) { background: #2b71b8; }

.pro_info03 a.more01:hover em i:nth-child(n) { background: #8fb83d; }

a.more01:hover { background: rgba(255,255,255,.80); }

#sync1 .owl-item.active .pro_ico img { animation: 1s .3s pulse both; }

#sync1 .owl-item.active .pro_info h4 { animation: 1s .2s fadeInUp both; }

#sync1 .owl-item.active .pro_des { animation: 1s .4s fadeInUp both; }

#sync1 .owl-item.active a.more01 { animation: 1s .6s fadeInUp both; }

/*pro_thumbs*/

.pro_thumbs { background: #fff; position: absolute; bottom: 0; opacity: 0; right: 50px; z-index: 2; }

.my_move01 { animation: move01 1s forwards alternate; -moz-animation: move01 1s forwards alternate; -webkit-animation: move01 1s forwards alternate; -o-animation: move01 1s forwards alternate; }
@keyframes 
move01 {  0% {
 right:50px;
opacity: 0;
}
 100% {
 right:0;
opacity: 1;
}
}
@-webkit-keyframes 
move01 {  0% {
 right:50px;
opacity: 0;
}
 100% {
 right:0;
opacity: 1;
}
}

.pro_thumbs .owl-stage-outer { overflow: visible; }

.pro_thumbs a { display: block; cursor: pointer; position: relative; text-align: center; }

.pro_num { display: block; position: absolute; /*top:0; */ left: 0; width: 100%; font-weight: bold; line-height: 1; -webkit-transition: opacity 0.60s, -webkit-transform 0.60s; transition: opacity 0.60s, transform 0.60s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.num01 { color: #004898; }

.num02 { color: #1864b1; }

.num03 { color: #2a7dd1; }

.num04 { color: #8fb83d; }

.thumbs_block { height: 165px; padding-top: 35px; color: #fff; position: relative; margin-top: -17%; }

.thumbs_01 { background: #004898; }

.thumbs_02 { background: #1864b1; }

.thumbs_03 { background: #2a7dd1; }

.thumbs_04 { background: #8fb83d; }

.pro_thumbs .owl-item:hover a .pro_num,
.pro_thumbs .owl-item.current a .pro_num { -webkit-transform: translate3d(0, -80%, 0); transform: translate3d(0, -80%, 0); }

.thumbs_block img { display: block; width: 45%; max-width: 68px; margin: 0 auto 10px; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

.pro_thumbs .owl-item:hover a .thumbs_block img,
.pro_thumbs .owl-item.current a .thumbs_block img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }
 @media only screen and (max-width: 1440px) {
	 
.category{ margin-top: 50px;}	 

.img_item0 { height: 554px; }

.pro_tit { top: 30px; padding-bottom: 78px; }

.pro_tit:before { height: 48px; }

.pro_info { margin-top: 210px; }

.pro_des { line-height: 1.8; }

.thumbs_block { height: 132px; padding-top: 22px; }

.pro_ico { border-width: 20px; }
}
@media only screen and (max-width: 1279px) {

.img_item0 { height: 514px; }

.pro_tit { top: 0; padding-bottom: 38px; }

.pro_tit:before { height: 18px; }

.pro_info { margin-top: 160px; }

.thumbs_block { height: 117px; padding-top: 22px; }

.pro_ico { border-width: 15px; }
}
@media only screen and (max-width: 991px) {

/*.img_show{ width:100%; float: none; max-width: 895px; margin: 0 auto; }	*/

.img_item0 { height: auto; }

.pro_thumbs,
.pro_tit,
.pro_info { width: 100%; max-width: none; float: none; margin: 0; }

.pro_tit { position: relative; top: auto; margin-bottom: 35px; }

.img_show { margin-right: 4%; }

.pro_info { overflow: hidden; width: auto; }

.pro_thumbs { position: relative; right: auto; margin-top: 90px; }

.thumbs_block { height: auto; padding: 20px 0; }

.pro_ico { border-width: 10px; display: none }

a.more01 { width: 120px; line-height: 40px; margin-top: 30px }

.category{ margin-top:70px;}

.category:before{ top:65px; width:40px; margin-left:-20px;}

.indexpro{ margin-top:50px;}
}
@media only screen and (max-width: 767px) {

.pro_thumbs { margin-top: 60px; }
}

/*===============================
solution*/ 

.solution { color: #fff; position: relative; }

.solution .title01 a{color: #fff !important; -webkit-text-fill-color: aliceblue}

.solution a.more01{ }

.solution_inner01 { position: relative; }

.solution_tit { position: absolute; top: 110px; left: 0; z-index: 4; }

.solution_tit a { color: #fff; }

.solution_swiper { position: relative; }

/*solution_top*/

.solution_top { position: relative; }

.solution_top .item { position: relative; z-index: 1; padding: 250px 0 100px 0; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.solution_item { margin-bottom: 25px; }

.solution_item a { color: #fff; }

.solution_des { line-height: 26px; height: 104px; letter-spacing: 0.01em; text-align: justify; max-width: 660px; overflow: hidden; margin-bottom: 45px; }

.solution_top .item_show { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.solution_dis { opacity: 0; z-index: -1; display: none }

.solution_top .item_show.active .solution_item { animation: 1s .2s fadeInUp both; }

.solution_top .item_show.active .solution_des { animation: 1s .4s fadeInUp both; }

.solution_top .item_show.active .more01 { animation: 1s .5s fadeInUp both; }

/*solution_thumbs*/

.solution_thumbs { position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; background: rgba(143,184,61,.60); }

.solution_thumbs .item { width: 33.33%; float: left; }

.solution_thumbs a { display: block; cursor: pointer; text-align: center; color: #fff; line-height: 175px; }

.solution_thumbs a img { display: inline-block; vertical-align: middle; width: 20%; max-width: 87px; margin-right: 15px; }

.solution_thumbs a span { display: inline-block; vertical-align: middle; padding-right: 10%; background: url(../images/ico_07.png) right center no-repeat; background-size: 15.5%; }

.solution_thumbs .item:nth-child(1) a { background: rgba(143,184,61,.30); }

.solution_thumbs .item:nth-child(2) a { background: rgba(143,184,61,.50); }

.solution_thumbs .item:nth-child(3) a { background: rgba(143,184,61,.70); }

.solution_thumbs .item:hover a,
.solution_thumbs .item.current a { background: rgba(143,184,61,1); }

/*industry*/

.industry { background-image:-webkit-linear-gradient(left, #00923f, #0254ae) }


.industry .title{ color:#fff;  padding-top:30px;}

#industry_swiper { text-align: center; }

#industry_swiper .owl-item { padding: 1% 0; }

#industry_swiper .owl-item .item a { display: block; color: #fff; border-right: 1px dashed #fff; }

#industry_swiper .owl-item:first-child .item a { border-left: 1px dashed #fff; }

#industry_swiper .owl-item .item a span { display: inline-block; position: relative; padding-bottom: 2px; }

#industry_swiper .owl-item .item a span:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #fff; opacity: 0; }

#industry_swiper .owl-item .item:hover a span:before { left: 0; width: 100%; opacity: 1; }

#industry_swiper .owl-item .item a img { display: block; width: 30%; max-width: 65px; margin: 0 auto 10px; -webkit-transition: opacity 0.60s, -webkit-transform 0.60s; transition: opacity 0.60s, transform 0.60s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

#industry_swiper .owl-item .item:hover a img { -webkit-animation: img_move01 1s infinite linear alternate; animation: img_move01 1s infinite linear alternate; }
@-webkit-keyframes 
img_move01 {  0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
}
@keyframes 
img_move01 {  0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 100% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
}

#industry_swiper .owl-dots { position: absolute; bottom: 10px; left: 0; width: 100%; }

#industry_swiper .owl-dots .owl-dot { margin: 0 5px; }

#industry_swiper .owl-dots .owl-dot span { border-radius: 50%; width: 10px; height: 10px; background: #fff; opacity: .50; }

#industry_swiper .owl-dots .owl-dot.active span { opacity: 1; }
 @media only screen and (max-width: 1440px) {

.solution_tit { top: 80px; }

.solution_top .item { padding: 250px 0 226px; }

.solution_thumbs a { line-height: 125px; }
}
@media only screen and (max-width: 1279px) {

.solution_tit { top: 50px; left: 20px; }

.solution_top .item { padding: 200px 0 176px; }

.solution_thumbs a { line-height: 75px; }
}
@media only screen and (max-width: 991px) {

.solution_top .item { padding: 150px 0 106px; }

.solution_thumbs a { line-height: 30px; padding-top: 5px; }

.solution_thumbs a img { display: block; margin: 0 auto; }

.solution_thumbs a span { background: none; padding-right: 0; }

.solution_item { margin-bottom: 15px; }

.solution_des { margin-bottom: 25px; }
}

/*===============================
news*/ 

.news { padding: 6.5% 0; }

/*news_swiper*/

#news_swiper { width: 28.125%; float: left; margin-right: 4.5%; }

#news_swiper .item a { display: block; height: 515px; overflow: hidden; position: relative; }

#news_swiper .item a img { display: block; max-width: none; width: 450px; height:515px; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

#news_swiper .item:hover a img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.news_info { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; background: rgba(0,0,0,.65); color: #fff; padding: 6% 10%; }

.news_item { line-height: 1.7; margin-bottom: 10px; }

#news_swiper .owl-dots { width: auto; position: absolute; bottom: 6%; right: 10%; }

#news_swiper .owl-dots .owl-dot { margin: 0 5px; }

#news_swiper .owl-dots .owl-dot span { border-radius: 50%; width: 10px; height: 10px; background: #fff; opacity: .50; }

#news_swiper .owl-dots .owl-dot.active span { opacity: 1; }

/*news_middle*/

.news_middle { width: 31.25%; float: left; }

.news_tit { margin-bottom: 75px; }

.news_block { padding: 26px 0; border-top: 1px dashed #999999; }

.news_rec { margin-bottom: -26px; }

.news_caption { line-height: 1.7; background: url(../images/ico_08a.png) left center no-repeat; padding-left: 30px; margin-left: -30px; }

.news_caption a { display: block; color: #333; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.news_block:hover .news_caption { background-image: url(../images/ico_08b.gif); }

.news_date { color: #bbb; }

.news_des { overflow: hidden; line-height: 32px; max-height: 64px; }

.news_caption,
.news_date { margin-bottom: 10px; }

.news_rec .news_caption,
.news_rec .news_date { margin-bottom: 20px; }

.news_rec .news_caption { background-position: left 7px; }

.news_rec .news_caption a { white-space: normal; max-height: 68px; }

.news_rec .news_des { max-height: 96px; margin-bottom: 45px; }

/*rec_list*/

.rec_list { width: 31.25%; float: right; }

.rec_list li.news_block:first-child { padding-top: 0; border: none; }

.rec_list li.news_block:last-child { padding-bottom: 0; }

.news_des { line-height: 26px; max-height: 52px; }

.news_rec .news_des { max-height: 78px; }
 @media only screen and (max-width: 1440px) {

#news_swiper .item a { height: 470px; }

.news_caption a { line-height: 30px; }

.news_rec .news_caption a { max-height: 60px; }
}
@media only screen and (max-width: 1279px) {

#news_swiper .item a { height: 420px; }

.news_tit { margin-bottom: 55px; }

.news_rec { margin-bottom: -16px; }

.news_block { padding: 16px 0; }

.news_rec .news_des { margin-bottom: 35px; }

.news_caption { background-size: 18px; background-position: left center; }
}
@media only screen and (max-width: 991px) {

.news_tit { margin-bottom: 35px; }

#news_swiper { width: 48.125%; }

.news_middle { width: auto; float: none; overflow: hidden; }

.rec_list { width: 100%; clear: both; margin-top: 30px; }

.news_caption { margin-left: 0; }

.news_rec .news_des { margin-bottom: 25px; }
}
@media only screen and (max-width: 639px) {

#news_swiper { width: 100%; float: none; max-width: 450px; margin: 0 auto 30px; }

#news_swiper .item a { height: auto; }

.news_rec .news_caption { background-position: left 4px; }

.news_rec .news_caption,
.news_rec .news_date { margin-bottom: 10px; }

.news_rec .news_des { margin-bottom: 15px; }
}

/*===============================
banner_wrap*/ 

.banner_wrap { overflow: hidden; position: relative; }

.banner_img { position: absolute; top: 0; left: 0; width: 100%; background-position: center top; background-size: cover; }

.banner_wrap,
.banner_img { height: 600px; }

.banner_wrap .inner { height: 100%; position: relative; }

.banner_txt { position: absolute; top: 50%; left: 0; width: 100%; color: #fff; line-height: 1; }

.banner_txt p { margin-top: 10px; }

/*===============================
sub_wrap*/

.sub_wrap { min-height: 500px; }

.sub_top { padding: 40px 0; }

.sub_top_style02 { border-bottom: 1px solid #e4e4e4; margin-bottom: 4%; }

.shared { float: right; }

.location { float: left; line-height: 24px; background: url(../images/ico_09.png) left top no-repeat; background-size: 23px; padding-left: 43px; }

.location a { display: inline-block; vertical-align: middle; }

.location img { display: none; }

.location a:hover,
.location a.location_cur { color: #004898; }

/*===============================产品============================*/ 
/*===========
pro_classify*/

.pro_classify { overflow: hidden; margin: 0 -25px 7%; }

.pro_classify li { width: 33.33%; float: left; padding: 0 25px; }

.pro_classify li img { display: block; }

.p_c_block { position: relative; height: 485px; overflow: hidden; }

.p_c_img01 { width: 100%; height: 100%; }

.p_c_info { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/pro_04.png) center bottom no-repeat; background-size: contain; color: #fff; line-height: 1; }

.p_c_txt { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 12% 12%; }

.p_c_ico { display: block; margin-bottom: 30px; }

.p_c_ico img { width: 30%; max-width: 68px; margin-bottom: 20px; }

.p_c_des { line-height: 30px; height: 60px; overflow: hidden; }

.pro_classify li img.p_c_img01 { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; width: 100%; position: relative; }

.pro_classify li:hover img.p_c_img01 { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.pro_classify li:hover .p_c_ico { animation: 1s .3s pulse both; }

.pro_classify li:hover .p_c_des { animation: 1s .5s pulse both; }

/*===========
sec_storage*/ 

.sec_storage { }

.title02 { line-height: 1; text-align: center; margin-bottom: 4%; }

.storage_box { }

/*storage_tab*/

.common_tab { border-bottom: 1px solid #d7d7d7; }

.common_tab li { float: left; }

.common_tab li a { display: block; cursor: pointer; text-align: center; opacity: .60; padding-bottom: 35px; position: relative; }

.common_tab li a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; opacity: 0; height: 4px; background: #2b71b8; }

.common_tab li.common_cur a { opacity: 1; }

.common_tab li.common_cur a:before { width: 100%; opacity: 1; }

.storage_tab { margin-bottom: 4%; }

.storage_tab li { width: 14.285%; }

/*storage_area*/ 

.storage_area { }

.storage_item { display: none; }

.storage_rec { margin-bottom: 3%; }

.storage_rec .inner { padding: 20px; background: #efefef; }

.s_r_img { display: block; float: left; overflow: hidden; width: 38.125%; }

.s_r_img img { display: block; }

.s_r_info { overflow: hidden; padding: 3.5% 5% 0 1.25%; }

.s_r_tit { letter-spacing: 0.02em; margin-bottom: 3%; }

.s_r_tit a { line-height: 36px; max-height: 72px; overflow: hidden; text-overflow: ellipsis; display: block; }

.storage_rec .s_r_tit a { line-height: 40px; max-height: 80px; }

.s_r_des { line-height: 2; max-height: 64px; overflow: hidden; margin-bottom: 6%; }

.storage_rec:hover .s_r_tit a { color: #004898; }

/*storage_list*/ 

.common_show { }

.storage_list { }

.theme_common .item { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.storage_list .item { background: #efefef; padding: 10%; }

.storage_list .item img { width: 100%; padding-bottom: 5% }

.s_r_des02 { line-height: 26px; height: 78px; overflow: hidden; }

.storage_list .item:hover { background: #fff; box-shadow: inset 0 0 20px -3px rgba(0,0,0,.20); }

.theme_common .item:hover .s_r_tit a { color: #004898; }

/*theme_common*/

.theme_common .owl-nav .owl-prev,
.theme_common .owl-nav .owl-next { font-size: 0; position: absolute; top: 50%; margin-top: -5%; left: -74px; width: 44px; height: 44px; background: url(../images/arrow01_left.png) center center no-repeat; background-size: 25px; }

.theme_common .owl-nav .owl-next { left: auto; right: -74px; background-image: url(../images/arrow01_right.png); }

.theme_common .owl-nav .owl-prev.disabled,
.theme_common .owl-nav .owl-next.disabled { opacity: .50; }

.theme_common .owl-dots { margin-top: 4%; }

.theme_common .owl-dots .owl-dot span { width: 26px; height: 36px; position: relative; }

.theme_common .owl-dots .owl-dot span:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -1px; width: 2px; height: 10px; background: #2b71b8; }

.theme_common .owl-dots .owl-dot.active span:before { height: 100%; }

/*more02*/

a.more02 { /*width:130px; line-height: 58px;*/ background: none; border: 1px solid #333333; color: #333; font-size: 14px; }

a.more02 em i { background: #333; }

a.more02:hover { background: #333; color: #fff; }

a.more02:hover em i:nth-child(n) { background: #fff; }

.intro_dl dd a.more02 { width: 100px; line-height: 40px; }

/*===========
sec_why*/

.sec_why { color: #fff; text-align: center; }

.why_area { position: relative; padding-top: 5.5%; padding-bottom: 5%; }

.why_img { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #2b71b8; }

.why_img img { display: block; width: 100%; height: 100%; opacity: .20; }

.sec_why .title02,
.why_data { position: relative; z-index: 1; }

.sec_why .title02 a { color: #fff; }

.sec_why .title02 a span { display: block; margin-top: 2%; }

.why_data { }

.why_data li { display: inline-block; vertical-align: middle; border-left: 1px solid #fff; }

.why_data li:nth-child(1) { width: 16.25%; border: none; }

.why_data li:nth-child(2) { width: 25.3125%; }

.why_data li:nth-child(3) { width: 21.875%; }

.why_data li:nth-child(4) { width: 18.7%; }

.why_data li span { margin-right: 10px; }

.counter { font-family: 'akzidenzgroteskbq'; }

.why_data li span,
.counter,
.why_data li span b { line-height: 0.75; }

.why_data li span b { line-height: 0.6; display: inline-block; vertical-align: bottom; }

/*===========
sec_typical*/

.sec_typical { padding: 5% 0; background: #efefef; }

.typical_list { }

.typical_list .item:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; opacity: 0; height: 1px; background: #2b71b8; }

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

.typical_img img { display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; width: 100%; position: relative; }

.theme_common .item:hover .typical_img img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.typical_info { padding-top: 8%; }

.typical_list .item:hover:before { left: 0; width: 100%; opacity: 1; }

.typical_list .owl-nav .owl-prev,
.typical_list .owl-nav .owl-next { margin-top: -12.5%; }

/*===========
sec_solution*/

.sec_solution { }

.solution_list { }

.solution_list .item { background: #efefef; }

.solution_list .item .typical_info .s_r_tit a { max-height: none; height: 36px; }

.solution_list .item .typical_info { height: 216px; padding: 40px 40px 0; }

.solution_list .item .typical_info .s_r_des02 { height: 52px; }

.solution_list .item:hover { background: #fff; box-shadow: inset 0 0 20px -3px rgba(0,0,0,.20); }

/*===========
sec_load*/

.sec_load { padding: 5% 0; background: #efefef; margin-bottom: 0; }

.load_list { padding-top: 20px; background: #fff; }

.load_list li { width: 50%; float: left; padding: 0 3%; }

.li_block { border-bottom: 1px solid #c2c2c2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.load_list li a { display: block; height: 100px; line-height: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.load_list li a.load_link { display: block; float: right; background: url(../images/ico_10a.png) right center no-repeat; padding-right: 30px; background-size: 22px; margin-left: 3%; }

.load_list li:nth-child(5) .li_block,
.load_list li:nth-child(6) .li_block { border: none; }

.load_list li a.load_link:hover { color: #2b71b8; background-image: url(../images/ico_10b.gif); }

.load_list li:hover .li_block { border-color: #2b71b8; }

/*===========
pro_overview*/

.m_b_5 { margin-bottom: 5%; }

.pro_overview { background: #f4f4f4; }

.p_o_info { width: 60%; float: left; text-align: justify; padding: 3% 5%; }

.p_o_tit { color: #333; margin-bottom: 4%; }

.p_o_item { color: #333; margin-bottom: 2%; }

.p_o_txt { line-height: 24px; max-height: 168px; overflow: hidden; }

.p_o_show { width: 40%;/* height: 404px;*/ float: right; }

.p_o_show img { display: block; width: 100%; height: 100%; }

.p_o_scr { }

.p_o_scr .owl-dots { position: absolute; bottom: 10px; left: 0; z-index: 1; }

.p_o_scr .owl-dots .owl-dot { margin: 0; }

.p_o_scr .owl-dots .owl-dot span { margin: 10px 5px; border-radius: 50%; width: 10px; height: 10px; background: #fff; opacity: .50; }

.p_o_scr .owl-dots .owl-dot.active span { opacity: 1; }

/*===========
pro_features*/

.pro_features { }

.p_f_tit { text-align: center; position: relative; color: #555; margin-bottom: 3.5%; }

.p_f_tit:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e5e5e5; }

.p_f_tit span { display: inline-block; background: #fff; padding: 0 25px; position: relative; }

.p_f_list { margin: -20px; }

.p_f_list li { width: 33.33%; float: left; padding: 20px; }

.p_f_list li h6 { padding-bottom: 3%; padding-top: 3% }

.p_f_block { background: #ddeeff; height: 330px; padding: 5%; }

.p_f_item { color: #333; line-height: 1; margin-bottom: 20px; }

.p_f_item img { display: block; width: 100%; margin-bottom: 15px; }

.p_f_des { line-height: 30px;/* max-height: 90px;*/ overflow: hidden; text-align: justify }

/*===========
pro_typical*/

.pro_typical { }

.p_t_des { line-height: 1.75; width: 100%; max-width: 1460px; margin: 0 auto; text-align: justify; }

/*===========
pro_norms*/

.pro_norms { text-align: center }

table.table_norms { border-right: 1px solid #2b71b8; border-bottom: 1px solid #2b71b8; text-align: center; }

table.table_norms thead tr th { background: #2b71b8; color: #fff; font-weight: normal; padding: 2.2%; }

table.table_norms tr td { background: #ddeeff; border-left: 1px solid #2b71b8; border-top: 1px solid #2b71b8; line-height: 2; color: #333; padding: 0.88%; }

table.table_norms tr td.align_l { text-align: left; padding-left: 8%; }

table.table_norms tr.bg_light td { background: #eaf4ff; }
 @media only screen and (max-width: 1440px) {

.banner_wrap,
.banner_img { height: 460px; }

.theme_common .owl-nav .owl-prev { left: -44px; }

.theme_common .owl-nav .owl-next { right: -44px; }

.pro_classify { margin-left: -15px; margin-right: -15px; }

.pro_classify li { padding: 0 15px; }

.p_c_block { height: 370px; }

.p_c_txt { padding: 0 8% 8%; }

.load_list li a { height: 80px; line-height: 80px; }

.p_f_block { height: 346px; }

.p_f_des { max-height: 180px; }
}
 @media only screen and (max-width: 1279px) {

.banner_wrap,
.banner_img { height: 360px; }

.banner_txt { padding-left: 20px; }

.theme_common .owl-nav { display: none; }

.s_r_tit a,
 .storage_rec .s_r_tit a { line-height: 30px; max-height: 60px; }

.s_r_des { line-height: 26px; max-height: 52px; }

.p_c_block { height: 290px; }

.solution_list .item .typical_info { height: 176px; padding: 20px 20px 0; }

.load_list li a { height: 60px; line-height: 60px; }

.p_f_list { margin: -10px; }

.p_f_list li { padding: 10px; }
}
 @media only screen and (max-width: 991px) {

.pro_classify { margin-left: -5px; margin-right: -5px; }

.pro_classify li { padding: 0 5px; }

.s_r_info { padding: 0 0 0 4%; }

.p_f_block { height: 306px; padding: 20px; }

.p_f_des { line-height: 26px; max-height: 156px; }

.p_o_info { width: 100%; float: none; padding: 20px; }

.p_o_show { width: 100%; float: none; height: auto; }
}
 @media only screen and (max-width: 767px) {

.banner_wrap,
.banner_img { height: 260px; }

.pro_classify li { width: 100%; float: none; max-width: 500px; margin: 0 auto; }

.p_c_block { height: auto; }

.s_r_img { width: 100%; float: none; max-width: 610px; margin: 0 auto 3%; }

.why_data li:nth-child(n) { width: 50%; float: left; border: none; margin-top: 10px; }

.load_list li { width: 100%; float: none; }

.load_list li:nth-child(n) .li_block { border-bottom: 1px solid #c2c2c2; }

.load_list li:last-child .li_block { border: none; }

.p_f_list li { width: 100%; }

.p_f_block { height: auto; padding: 20px; }

.p_f_des { line-height: 26px; max-height: none; }
}

/*storage_more*/

a.storage_more { display: inline-block; width: auto; line-height: 48px; background: none; border: none; }

a.storage_more em i { background: #333; }

a.storage_more:hover { background: none; color: #2b71b8; border:none }

a.storage_more:hover em i:nth-child(n) { background: #2b71b8; }

/*==================================典型案例======================================*/ 

.sec_cases { margin-bottom: 0; }

.cases_tab li { width: 12.5%; }

.cases_area { background: #efefef; padding: 4% 0; }

.cases_item { display: none; }

.cases_list { }

.cases_list li { background: #fff; overflow: hidden; margin-bottom: 4%; }

.cases_img { display: block; overflow: hidden; float: left;/* width:27.7%; max-*/ width: 443px; height: 302px; }

.cases_img img { display: block; width: 100%; height: 100%; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

.cases_info { overflow: hidden; padding: 3% 4% 0 4%; color: #333; }

.cases_info .s_r_tit { margin-bottom: 1.8%; }

.cases_info .s_r_tit a { max-height: none; }

.s_r_des03 { line-height: 30px; max-height: 90px; overflow: hidden; }

.cases_list li:hover .cases_info .s_r_tit a { color: #2b71b8; }

.cases_list li:hover .cases_img img { color: #2b71b8; -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

/*page*/

.fanye{ width:100%; font-size:0; margin-top:10px}

.fanye li{ width:50%; display:inline-block; font-size:14px; line-height:26px; height:26px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.fanye li:nth-child(2){ text-align:right}

.page { text-align: center; background: #fff; padding: 3.5% 0; }

.page a { display: inline-block; vertical-align: middle; text-transform: uppercase; width: auto; line-height: 35px; }

.page a.page_cur { color: #2b71b8; }

.page a.page_prev,
.page a.page_next { font-size: 0; width: 43px; margin: 0 10px; position: relative; background: #eeeeee; }

.page a.page_prev:before,
.page a.page_next:before { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; background: url(../images/page_01.png) no-repeat; }

.page a.page_prev:hover,
.page a.page_next:hover { background: #2b71b8; }

.page a.page_prev:hover:before { background-position: right 0; }

.page a.page_next:before { background-image: url(../images/page_02.png); background-position: right 0; }

.page a.page_next:hover:before { background-position: left 0; }

.page a.page_go { width: 43px; background: #2b71b8; color: #fff; margin: 0 10px 0 20px; }

.page a.page_go:hover { background: #00356f; }

.page a.page_total { width: auto; }

.page_txt { width: 60px; height: 35px; padding: 0 10px; vertical-align: middle; border: 1px solid #d5d5d5; margin-right: 10px; }

/*business_list*/

.business_list { margin: -25px; }

.business_list li { width: 33.33%; float: left; padding: 25px; }

.business_list li a { display: block; overflow: hidden; height: 100%; position: relative; color: #fff; }

.business_list li a img { display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

/*.business_des{ position:absolute; bottom: 10%; left:0; z-index: 1; width:100%; padding:0 10%; line-height: 30px; height: 90px; overflow: hidden; text-transform: uppercase;}*/

.business_des { bottom: 5%; color: #000; width: 100%; padding-top: 5%; line-height: 30px; text-transform: uppercase; }

.business_list li:hover img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

/*case_solution*/

.case_solution { color: #333; }

.cases_solution .item { height: 180px; border: 1px solid #dcdcdc; padding: 0 6%; }

.cases_solution .item img { display: inline-block; vertical-align: middle; width: 100%; margin-left: 5%; width: 90%; padding: 0 5%; }

.c_s_des { line-height: 24px; min-height: 48px; display: inline-block; vertical-align: middle; width: 100%; text-align: center }

.table { display: table; width: 100%; height: 100%; }

.cell { display: table-cell; vertical-align: middle; }

.cases_solution .item:hover { border-color: #2b71b8; color: #2b71b8; }

.cases_solution .item:hover img { animation: 1s .2s rotateIn both; }

.cases_solution .owl-dots { display: none; }

.cases_solution .owl-nav .owl-prev,
.cases_solution .owl-nav .owl-next { margin-top: -22px; }

/*sec_income*/

.sec_income { padding: 3.5% 0; background: #f4f4f4; color: #333; }

.income_tit { text-align: center; margin-bottom: 3.5%; color: #555; }

.income_list { margin: -20px 0; }

.income_list li { width: 33.33%; float: left; text-align: center; }

.income_list li a { display: block; padding: 20px; }

.income_list li img { display: block; margin: 0 auto 5.5%; width: 20%; max-width: 95px; }

.income_des { display: inline-block; text-align: left; max-width: 340px; line-height: 2; }

.income_list li:hover a { background: #fff; box-shadow: 0 0 20px -4px rgba(0,0,0,.20); }

.income_list li:hover a img { animation: 1s .2s tada both; }
 @media only screen and (max-width: 1440px) {

.cases_img { width: 323px; height: 220px; }

.cases_info { padding: 2% 3% 0 3%; }

.business_list { margin: -15px; }

.business_list li { padding: 15px; }
}
@media only screen and (max-width: 1279px) {

.cases_img { width: 265px; height: 180px; }

.s_r_des03 { line-height: 26px; max-height: 52px; }

.cases_solution .owl-dots { display: block; }

.business_des { line-height: 26px; height: 78px; padding: 0 5%; }

.income_des { line-height: 26px; }

.c_s_des { width: 71%; }
}
@media only screen and (max-width: 991px) {

.business_list { margin: -5px; }

.business_list li { padding: 5px; }
}
@media only screen and (max-width: 767px) {

.cases_list { margin: -5; }

.cases_list li { width: 50%; float: left; padding: 5px; }

.cases_img { width: 100%; height: auto; }

.business_list li { width: 50%; }

.income_list { margin: -10px; }

.income_list li { width: 100%; }

.income_list li a { padding: 10px; }
}

/*====================================解决方案============================*/

.solution_classify .p_c_ico { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.solution_classify .p_c_des { line-height: 26px; height: 78px; }

.solution_tab { margin-bottom: 0; border: none; }

.solution_tab li { width: 12.5%; }

.solution_tab li a { opacity: 1; }

.solution_tab li a:before { height: 15px; background: url(../images/ico_12.png) center 15px no-repeat; }

.s_ico { display: block; overflow: hidden; margin: 0 auto 15px; width: 65px; height: 65px; position: relative; }

.s_ico img { width: 130px; height: 100%; max-width: none; position: absolute; top: 0; left: 0; -webkit-transition: opacity 0.60s, -webkit-transform 0.60s; transition: opacity 0.60s, transform 0.60s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.solution_tab li.common_cur a { color: #2b71b8; }

.solution_tab li.common_cur a:before { background-position: center bottom; }

.solution_tab li.common_cur .s_ico img { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

/*banner_wrap_style02*/

.banner_wrap_style02 .banner_txt p { margin-top: 0; margin-bottom: 10px; }

.i_o_tit { color: #333; margin-bottom: 25px; }

.shared02 { border-top: 1px solid #dcdcdc; padding-top: 20px; }

.graphic { text-align: center; }

/*==============
point&cases_value&relevant_list*/

.point { padding: 4% 0; background: #f4f4f4; }

.cases_value .c_s_des { line-height: 2; min-height: auto; }

.relevant_list .item { padding: 8%; }

.relevant_list .s_r_tit { margin-bottom: 5%; }

.relevant_list .s_r_des02 { margin-bottom: 8%; }

/*classic_list*/

.classic_list { }

.classic_list .item { height: 485px; overflow: hidden; }

.classic_img { display: block; height: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; }

.classic_list .item:hover .classic_img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.classic_img:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/classic_01.png) no-repeat; background-size: cover; }

.classic_info { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 0 8% 5%; color: #fff; }

.classic_info .s_r_des02 { height: 52px; max-width: 602px; }

.classic_info .s_r_tit a { max-height: 36px; color: #fff; }

.classic_list .item:hover .s_r_tit a { color: #fff; }

/*classic_more*/

a.classic_more { display: inline-block; width: auto; line-height: 48px; background: none; border: none; color: #fff; }

a.classic_more em i { background: #fff; }

a.classic_more:hover { background: none; }

a.classic_more:hover em i:nth-child(n) { background: #fff; }

/*search*/

.search { width: 50%; float: right; max-width: 344px; border: 1px solid #d2d2d2; border-radius: 2px; }

.search_btn { cursor: pointer; width: 45px; height: 45px; float: right; background: url(../images/ico_13.png) left bottom no-repeat; font-size: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.search_btn:hover { background-color: #2b71b8; background-position: right top; }

.search_txt { overflow: hidden; }

.search_txt input { width: 100%; height: 45px; padding-left: 26px; }
.search_txt input::-webkit-input-placeholder {
color:#333;
}
.search_txt input::-moz-placeholder {
color:#333;
}
.search_txt input:-moz-placeholder {
color:#333;
}
.search_txt input:-ms-input-placeholder {
color:#333;
}

@media only screen and (max-width: 1680px) {
	#news_swiper .item a img{ width:383px; height:439px}
}

 @media only screen and (max-width: 1440px) {

.classic_list .item { height: 385px }

#news_swiper .item a img{ width:365px; height:418px}

}
 @media only screen and (max-width: 1280px) {

.s_ico { width: 45px; height: 45px; margin-bottom: 10px; }

.s_ico img { width: 90px; }

#news_swiper .item a img{ width:324px; height:371px} 
}
 @media only screen and (max-width: 768px) {

.s_ico { width: 35px; height: 35px; margin-bottom: 5px; }

.s_ico img { width: 70px; }

.search { width: 100%; float: none; margin-bottom: 3%; }

#news_swiper .item a img{ width:450px; height:515px}  
}

/*==================investor===================*/
/*==================
notice*/

.notice { margin-bottom: 5%; }

.title03 { overflow: hidden; position: relative; margin-bottom: 40px; }

.title03:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #dcdcdc; }

.title03 a { background: #fff; display: block; line-height: 40px; position: relative; z-index: 1; }

.title03 a.more03 { float: right; color: #666; padding-left: 30px; }

.title03 a.tit_a0 { float: left; padding-right: 30px; }

.title03 a:hover,
.title03 a.more03:hover { color: #2b71b8; }

.title03 a.storage_more { float: right; }

/*notice_rec*/

.notice_rec { width: 41.0625%; max-width: 657px; height: 500px; float: left; margin-right: 2.5%; }

.notice_rec a { display: block; height: 100%; overflow: hidden; position: relative; color: #fff; }

.notice_rec img { display: block; width: 100%; height: 100%; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

.notice_rec:hover img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.t_r_info { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; background: rgba(0,0,0,.70); padding: 3% 6%; }

.t_r_tit { line-height: 30px; margin-bottom: 15px; }

.t_r_tit a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.t_r_des { line-height: 24px; max-height: 48px; overflow: hidden; }

/*notice_load*/

.notice_load { overflow: hidden; margin-bottom: -20px; }

.notice_load li { overflow: hidden; height: 110px; padding: 25px 5.55% 0; background: #f3f3f3; margin-bottom: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.t_l_link { display: block; float: right; width: 38px; height: 38px; overflow: hidden; margin-left: 6.66%; margin-top: 10px; text-align: center; background: url(../images/ico_17a.png) center top no-repeat; padding-top: 48px; background-size: 38px; position: relative; z-index: 1; }

.t_l_info { overflow: hidden; position: relative; z-index: 1; }

.t_l_tit { line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; }

.t_l_tit a { display: block; }

.t_l_des { line-height: 24px; max-height: 48px; overflow: hidden; }

.notice_load li:hover { background: #2b71b8; color: #fff; }

.notice_load li:hover .t_l_tit a,
.notice_load li:hover .t_r_tit a { color: #fff; }

.notice_load li:hover .t_l_link { background-image: url(../images/ico_17b.png); color: #fff; }

/*notice_regular*/

.notice_regular { margin-bottom: 0; }

.notice_regular .notice_rec { float: right; margin-right: 0; margin-left: 2.5%; }

/*invest_link*/

.invest_link { padding: 5% 0; text-align: center; }

.invest_link a,
.invest_link a img { display: inline-block; vertical-align: middle; }

.invest_link a { color: #666; margin-left: 3%; }

.invest_link a img { margin-right: 25px; width: 65px; }

/*notice_all*/

.notice_all { }

.notice_cur { display: inline-block; background: #2b71b8; color: #fff; padding: 1% 2%; max-height: 62px; }

.notice_cur img { display: inline-block; vertical-align: middle; margin-right: 16px; }

.notice_list { margin-top: 50px; border-top: 1px solid #dcdcdc; }

.notice_list li { position: relative; padding: 4% 15px 4% 0; border-bottom: 1px solid #dcdcdc; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.notice_list li:before { content: ""; position: absolute; top: 0; left: -50%; width: 200%; height: 100%; }

.notice_list li .t_r_des { line-height: 26px; max-height: 52px; }

.notice_list li:hover,
.notice_list li:hover .t_r_tit a { color: #fff; }

.notice_list li:hover { border-color: #2b71b8; }

.notice_list li:hover:before { background: #2b71b8; }

.notice_list li:hover .t_l_link { background-image: url(../images/ico_17b.png); color: #fff; }

.notice_all .page { padding-bottom: 0; }
 @media only screen and (max-width: 1440px) {

.notice_rec { height: 488px; }

.notice_load { margin-bottom: -15px; }

.notice_load li { padding-top: 15px; margin-bottom: 15px; height: 111px; }

.invest_link a img { margin-right: 20px; width: 55px; }
}
@media only screen and (max-width: 991px) {

.notice_rec,
 .notice_regular .notice_rec { width: 100%; max-width: 657px; margin: 0 auto 5%; float: none; height: auto; }

.invest_link a img { margin-right: 15px; width: 35px; }
　
}
@media only screen and (max-width: 767px) {

.invest_link a img { margin-right: 5px; width: 25px; }
　
}

/*=====================================服务支持=====================================*/
/*==================
service_intro*/

.service_intro { }

.intro_dl { background: #efefef; }

.intro_dl dt { width: 50%; height: 370px; overflow: hidden; float: left; }

.intro_dl dt a { display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

.intro_dl:hover dt a { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.intro_dl dd { overflow: hidden; padding: 3.5% 5%; }

.intro_tit { margin-bottom: 15px; }

.intro_tit a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.intro_tit a span { display: inline-block; position: relative; }

.intro_tit a span:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; opacity: 0; height: 1px; background: #2b71b8; }

.intro_des { line-height: 32px; max-height: 128px; overflow: hidden; margin-bottom: 25px; }

.intro_dl_dif dt { float: right; }

.intro_dl:hover .intro_tit a { color: #2b71b8; }

.intro_dl:hover .intro_tit a span:before { width: 100%; opacity: 1; }

/*==================
service_pro*/

.service_pro { }

.pro_list { }

.pro_list li { width: 24%; height: 320px; float: left; text-align: center; color: #333; }

.pro_list li a { background: #efefef; }

.pro_list li img { display: block; margin: 0 auto 15px; width: 30%; max-width: 100px; }

.pro_list li p { display: inline-block; padding-bottom: 3px; position: relative; font-size: 14px; line-height: 24px; height: 130px; width: 80%; text-align: justify }

.pro_list li p:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; opacity: 0; height: 1px; background: #2b71b8; }

.pro_list li:nth-child(2) a,
.pro_list li:nth-child(4) a,
.pro_list li:nth-child(5) a,
.pro_list li:nth-child(7) a { background: #f9f9f9; }

.pro_list li:hover a { color: #2b71b8; box-shadow: inset 0 0 30px -5px rgba(0,0,0,.20); }

.pro_list li:hover img { animation: 1.5s .2s pulse both; }

.pro_list li:hover span:before { width: 100%; opacity: 1; }

.cases_forwords { max-width: 1050px; margin: 0 auto 3%; text-align: center; line-height: 1.77; }

/*service_tech*/

.service_tech { background: #efefef; padding: 5% 0; color: #333; }

.tech_box { padding: 0 5%; background: #fff; }

.tech_self { padding: 3.5% 0; border-bottom: 1px solid #dcdcdc; }

.tech_tit { margin-bottom: 2.5%; text-align: left; }

.self_list { }

.self_list li { width: 20.6%; float: left; text-align: center; border-left: 1px solid #dcdcdc; }

.self_list li:nth-child(1) { border-left: none; width: 16%; text-align: left; }

.self_list li a.s_a0 { display: block; }

.self_list li img { display: inline-block; vertical-align: middle; width: 45px; }

.self_list li span { display: inline-block; vertical-align: middle; margin-left: 15px; }

.self_list li:hover a.s_a0 { color: #2b71b8; }

.self_list li:hover img { animation: 1s .2s flipInY both; }

.tech_more { padding: 3.5% 0; }

.more_list { }

.more_list li:nth-child(n) { width: auto; padding: 0 2%; height: 80px; line-height: 80px; }

.more_list li.more_tel { padding-left: 0; }

.more_list li.more_tel span { vertical-align: middle; font-family: 'akzidenzgroteskbq'; font-weight: bold; line-height: 1; }

.more_list li.more_tel span a { color: #2b71b8; }

.more_list li.more_wei img { width: 80px; height: 80px; }

/*service_resources*/

.service_resources { padding: 5% 0; }

.resources_list { margin: -16px -16px 3.5%; }

.resources_list li { width: 25%; float: left; padding: 16px 16px 0; }

.resources_list li a { height: 128px; background: #efefef; border: 1px solid #efefef; padding: 0 10%; }

.resources_list li a img { vertical-align: middle; margin-right: 10px; }

.more_ico { display: block; float: right; font-size: 0; margin-top: 8px; width: 26px; height: 26px; border-radius: 50%; border: 2px solid #2b71b8; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.more_ico:before { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; background: url(../images/ico_18a.png) right center no-repeat; }

.resources_list li a:hover { background: #fff; box-shadow: 0 0 20px -3px rgba(0,0,0,.20); }

.resources_list li a:hover .more_ico { background: #2b71b8; }

.resources_list li a:hover .more_ico:before { background-position: left center; }

.service_resources a.more02 { margin: 0 auto; }

/*service_view*/

.service_view { height: 486px; background-position: center top; background-size: cover; color: #fff; text-align: center; }

.service_view a { color: #fff; }

.service_view .inner { height: 100%; }

.service_view .title02 { margin-bottom: 30px; }

.view_forwords { margin-bottom: 30px; }

.view_link { display: block; margin: 0 auto; background: #2b71b8; border: 2px solid #2b71b8; width: 254px; line-height: 64px; border-radius: 34px; }

.view_link:hover { background: rgba(255,255,255,.80); color: #2b71b8; }

/*view_warp*/

.view_warp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 4000; display: none; }

.view_warp .table { position: absolute; top: 0; left: 0; padding: 60px 20px; }

.view_bg { background: rgba(0,0,0,.80); position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }

.view_closed { display: block; position: fixed; top: 0; right: 0; z-index: 10; width: 40px; line-height: 40px; text-align: center; background: #fff; font-size: 30px; font-family: arial, helvetica, sans-serif; }

.view_closed:hover { background-color: #0098d9; color: #fff; }

.view_box { max-width: 1000px; max-height: 700px; /*height: -webkit-calc(100% - 120px); height: calc(100% - 120px);*/ overflow-y: auto; margin: 0 auto; padding: 4% 3%; background: #fff; position: relative; z-index: 2; }

.form_tit { text-align: center; color: #2b71b8; margin-bottom: 40px; }

.form_view { overflow: hidden; }

.form_line { clear: both; padding: 30px 0 20px; border-bottom: 1px solid #dcdcdc; color: #333; }

.form_line,
.form_line label { line-height: 40px; }

.form_line label.label_item0 { display: block; float: left; position: relative; width: 100px; color: #333; }

.form_line label.label_item0:before { content: ""; position: absolute; top: 50%; right: 0; width: 2px; height: 18px; margin-top: -9px; background: #efefef; }

.bitian { float: right; color: #2b71b8; }

.form_fill {/* overflow:hidden;*/ float: left; width: 80%; padding: 0 0 0 3%; }

.form_txt { display: block; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid transparent; color: #999; }

.form_txt:focus { color: #333; }

.form_yu { resize: none; height: 82px; padding-top: 6px; line-height: 1.7; }

.form_submit { display: block; cursor: pointer; width: 420px; height: 82px; border-radius: 41px; background: #2b71b8; color: #fff; margin: 5% auto 0; }

/*==================
form_service*/

.service_tit { margin-bottom: 20px; }

.form_service { padding: 4% 0; background: #efefef; }

.form_box { background: #fff; padding: 5%; }

.form_box .form_line label.label_item0 { width: 130px; }

/*part*/

.part { display: inline-block; vertical-align: middle; margin-right: 40px; }

.part .form_txt,
.dec_line { display: inline-block; vertical-align: middle; }

.part .form_txt { padding: 0; }

.dec_line { color: #aac96b; padding: 0 15px; }

/*label.radio_label*/

label.radio_label { cursor: pointer; display: inline-block; vertical-align: middle; margin-right: 15px; }

input.radio01[type="radio"] { display: none; }

input.radio01[type="radio"] + i { display: inline-block; vertical-align: middle; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #999999; border-radius: 50%; font-size: 0; position: relative; margin-right: 10px; }

input.radio01[type="radio"] + i:before { content: ""; position: absolute; top: 3px; left: 6px; width: 6px; height: 10px; transform: rotate(45deg); border-width: 2px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0; }

input.radio01[type="radio"]:checked + i { background: #2b71b8; }

input.radio01[type="radio"]:disabled + i { background: #eee; }

input.radio01[type="radio"]:checked:disabled + i { background: #ccc; }

/*part_sel*/

.part_sel { display: inline-block; vertical-align: middle; width: 110px; }

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

.dropdown .selected::after,
.dropdown.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; }

.dropdown { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.dropdown.open { z-index: 2; }

.dropdown .carat { position: absolute; right: 0; top: 0; width: 32px; height: 100%; background: url(../images/ico_23.png) center center no-repeat; }

.dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }

.dropdown select { position: absolute; left: 0px; top: 0px; }

.dropdown.touch .old { width: 100%; height: 100%; }

.dropdown.touch select { width: 100%; height: 100%; opacity: 0; }

/* SELECTED FEEDBACK ITEM */  

.dropdown .selected { display: block; line-height: 42px; }

.dropdown li { display: block; font-size: 14px; padding: 0 12px; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; }

.dropdown.disabled .selected { color: #999; }

.dropdown .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; }

.dropdown div { position: absolute; height: 0; left: 0; right: 0; top: 100%; margin-top: -1px; background: #fff; border: 1px solid #eee; border-radius: 0 0 3px 3px; overflow: hidden; opacity: 0; }

.dropdown.open div { opacity: 1; z-index: 2; }

.dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; }

.dropdown.scrollable.bottom div::after { opacity: 0; }

/* DROP DOWN LIST */


.dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; }

.dropdown.scrollable.open ul { overflow-y: auto; }

.dropdown li.focus { background: #2b71b8; color: #fff; position: relative; z-index: 3; }

.dropdown li.active { font-weight: 700; }

/*img_upload*/

.img_upload { margin-right: -10px; }

.img_upload li { cursor: pointer; float: left; background: #f8f8f8; text-align: center; /*width:15.1%; max-*/ width: 160px; height: 180px; margin: 10px 10px 0 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.img_upload li a { color: #2b71b8; text-decoration: underline; }

.img_upload li:hover { background: #f4f4f4; }

/*log_upload*/

.log_upload { margin-right: -10px; }

.log_upload li { float: left; margin-right: 10px; }

.log_upload li a { color: #2b71b8; text-decoration: underline; }

/*fill_contact*/

.fill_contact { margin-right: -20px; }

.fill_contact li { float: left; margin-right: 20px; }

.fill_contact li .form_txt { display: inline-block; vertical-align: middle; margin-left: 10px; }

.fill_contact li:hover .form_txt,
.fill_contact li .form_txt:focus { border-bottom-color: #ddd; }

.w260 { width: 260px; }

.w240 { width: 240px; }

.w140 { width: 140px; }

.w100 { width: 100px; }

/*fill_shou*/

.fill_shou,
.fill_address { position: relative; }

.fill_shou:before,
.fill_address:before { content: ""; position: absolute; bottom: 0; left: 0; width: 200%; height: 1px; background: #dcdcdc; }

.fill_shou { padding-bottom: 20px; margin-bottom: 30px; }

.fill_address { padding: 0 0 20px; }

/*address_list*/

.address_list { display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: -40px; }

.address_list li { float: left; margin-right: 40px; }

select.sel_address { display: inline-block; vertical-align: baseline; height: 40px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/ico_23.png) right center no-repeat; border-bottom: 1px solid #fff; }
select.sel_address::-ms-expand {
display: none;
}

.address_list li:hover select.sel_address,
.address_list li select.sel_address:focus { border-bottom-color: #ddd; }

.address_all { padding-top: 30px; }

.form_tip { text-align: center; color: #2b71b8; text-decoration: underline; margin-top: 5%; }

/*============
form_license*/

.form_license .form_line label.label_item0 { width: 170px; }

.apply_line { clear: none; width: 33.33%; float: left; }

.apply_line .form_fill { float: none; width: auto; overflow: hidden; }

/*apply_nav*/

.apply_nav { margin-bottom: -10px; }

.apply_nav li { width: 14.285%; float: left; position: relative; padding-bottom: 10px; }

.apply_nav li:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(../images/ico_24.png) center 10px no-repeat; }

.apply_nav li a { display: table; width: 100%; height: 125px; background: #bcd48b; border-left: 1px solid #fff; text-align: center; color: #fff; line-height: 2; }

.apply_nav li:first-child a { border-left: none; }

.apply_nav li a em { display: block; }

.apply_nav li.apply_cur:before { background-position: center 0; }

.apply_nav li:hover a,
.apply_nav li.apply_cur a { background: #2b71b8; }

/*==================
system*/

.system { }

.system_tit { line-height: 1; text-align: center; color: #333; margin-bottom: 30px; }

.system_forewords { text-align: center; line-height: 2; max-width: 1180px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

.forewords_parts { max-width: 950px; margin-bottom: 5%; }

/*system_nav_box*/

.system_nav_box { position: relative; background: #fff; }

.system_nav { text-align: center; }

.system_nav:before { content: ""; position: absolute; bottom: 0; left: -50%; width: 200%; height: 1px; background: #dcdcdc; }

.system_nav li { width: 12.5%; float: left; }

.system_nav li a { display: block; padding-top: 35px; }

.system_nav li a img { display: block; margin: 0 auto 15px; width: 45px; }

.system_nav li a span { display: inline-block; position: relative; padding-bottom: 35px; }

.system_nav li a span:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #3477bb; }

.system_nav li:hover a span:before,
.system_nav li.system_cur a span:before { left: 0; width: 100%; }

.system_nav_box.fixed { position: fixed; z-index: 1003; }

.system_nav_box.fixed li a { padding-top: 10px; }

.system_nav_box.fixed li a img { margin-bottom: 5px; }

.system_nav_box.fixed li a span { padding-bottom: 10px; }

/*system_box*/

.system_box { }

.system_con { padding: 5% 0; display: none; }

.system_block { position: relative; margin-bottom: 5%; }

.system_block:last-child { margin-bottom: 0; }

.system_block:before { content: ""; position: absolute; left: 0; bottom: 0; width: 58.125%; height: 1px; background: #dcdcdc; }

.system_img { display: block; float: right; width: 36.875%; max-width: 590px; margin-left: 5%; }

.system_info { padding-bottom: 3%; text-align: justify; overflow: hidden; }

.s_i_item { line-height: 1; font-weight: bold; text-transform: uppercase; color: #2b71b8; margin-bottom: 0; }

.s_i_item img { display: inline-block; vertical-align: text-bottom; margin-left: 20px; }

.s_i_txt { line-height: 2; }

.system_block_dif { }

.system_block_dif .system_img { float: left; margin-left: 0; margin-right: 5%; }

.system_block_dif:before { left: auto; right: 0; }

.s_i_caption { line-height: 1; color: #333; margin-bottom: 20px; }

/*system_framework*/

.system_framework { margin-top: 5%; }

.system_framework .s_i_item { text-align: center; }

/*system_ensure*/

.system_ensure { }

.s_f_tit { color: #2b71b8; text-align: center; line-height: 2; }

.s_f_list { margin: 30px -1.41% 0; }

.s_f_list li { width: 33.33%; padding: 0 1.41%; float: left; text-align: center; line-height: 2; }

.s_f_area { background: #efefef; height: 212px; padding: 30px; }

.s_f_caption { color: #2b71b8; }

/*system_sites*/

.system_sites { }

.system_sites .s_i_item { text-align: center; }

table.table_sites { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

table.table_sites tr th,
table.table_sites tr td { text-align: left; border-left: 2px solid #e6e6e6; border-top: 2px solid #e6e6e6; padding: 1.6% 1.6% 1.6% 5%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

table.table_sites tr th { font-weight: normal; background: #2b71b8; color: #fff; padding: 2.5% 1.6% 2.5% 5%; }

table.table_sites tr:nth-of-type(even) td { background: #efefef; }

table.table_sites tr:hover td { background: #00356f; color: #fff; }

/*==================
products*/

.products { }

.pro_nav li { margin: 0 3%; }

.products_box { padding: 5% 0; }

.products_block { padding: 5%; background: #ebf4ff; margin-bottom: 3%; }

.products_block:last-child { margin-bottom: 0; }

.products_overview { line-height: 2; }

.blank01 { padding: 2% 0; position: relative; }

.blank01:before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #dcdcdc; }

/*==================
cases_end*/

.cases_end { }

/*c_end_overview*/

.c_end_overview { padding-bottom: 4%; border-bottom: 1px solid #dcdcdc; line-height: 2; }

.c_end_overview dt { width: 43.125%; max-width: 690px; float: right; margin-left: 5%; }

.c_end_overview dd { overflow: hidden; }

.c_end_overview dd .system_tit { text-align: left; }

/*yunwei_con*/

.yunwei_con { padding-bottom: 5%; line-height: 2; }

.yunwei_con .s_i_item { text-align: center; margin-bottom: 40px; }

.serviceBg1 { background: url(../images/service01.png) no-repeat left; background-size: 30px; line-height: 50px; }

.serviceBg2 { background: url(../images/service02.png) no-repeat left; background-size: 32px; line-height: 50px; }

.serviceBg3 { background: url(../images/service03.png) no-repeat left; background-size: 32px; line-height: 50px; }

.serviceBg4 { background: url(../images/service04.png) no-repeat left; background-size: 32px; line-height: 50px; }

.yw_list { margin: -10px -25px; }

.yw_list li { width: 50%; float: left; padding: 10px 25px; text-align: center; }

.yw_block { height: 240px; padding: 3.2% 8%; background: #ebf4ff; }

.yw_block h6 { line-height: 1; color: #333; margin-bottom: 10px; }

.yw_des { }

.yw_list02 { }

.yw_list02 li { width: 100%; }

.yw_list02 li .yw_block { height: auto; }

.yw_manage { margin: 0; }

.yw_manage li { padding: 0; text-align: left; }

.yw_manage li .yw_block_dif { background: #f9fcff; }

/*==================
tech*/

.tech { }

.tech .system_tit { text-align: left; }

.tech_nav { margin-bottom: 5%; }

.t_n_dl { padding: 2% 0; border-bottom: 1px solid #c0c0c0; text-transform: uppercase; line-height: 45px; }

.t_n_dl dt { float: left; width: 20%; min-width: 180px; max-width: 280px; font-weight: bold; }

.t_n_dl dt img { width: 45px; vertical-align: middle; margin-right: 16px; }

.t_n_dl dt a { display: inline-block; }

.t_n_dl dd { overflow: hidden; font-size: 14px; }

.t_n_dl dd .dd_area { display: inline-block; vertical-align: middle; margin-right: 5%; }

.t_n_dl dd a { display: inline-block; vertical-align: middle; margin-left: 30px; }

.t_n_dl dd a:hover,
.t_n_dl dd a.t_n_cur { color: #2b71b8; }

.t_n_dl dd a.a_readonly:hover { color: #333; }

.tech_list { margin-top: 0; }

.tech_list li .t_r_des { line-height: 24px; max-height: 48px; }

.t_n_dl a:hover { text-decoration: underline; }


 @media only screen and (max-width: 1440px) {

.form_submit { width: 318px; height: 62px; border-radius: 31px; }

.view_box { max-height: 600px; }
}
 @media only screen and (max-width: 1279px) {

.intro_dl dt { height: 300px; }

.intro_des { line-height: 26px; max-height: 104px; }

.pro_list li { height: 250px; }

.classic_list .item { height: 386px; }

.classic_list .owl-nav { display: block; text-align: center; }

.classic_list .owl-nav .owl-prev,
 .classic_list .owl-nav .owl-next { position: relative; top: auto; left: auto; right: auto; display: inline-block; width: 34px; height: 34px; background-size: 15px; margin: 0 5px; }

.self_list li:nth-child(n) { text-align: center; }

.self_list li a img { display: block; margin: 0 auto 10px; }

.resources_list { margin-top: -10px; margin-left: -10px; margin-right: -10px; }

.resources_list li { width: 50%; float: left; padding: 10px 10px 0; }

.resources_list li a { height: 88px; }

.service_view { height: 386px; }

.tech_more { text-align: center; }

.more_list { display: inline-block; }

.more_list li:nth-child(n) { width: auto; float: none; border: none; text-align: left; padding: 0; }

.more_list li a img { display: inline-block; margin: 0; }

.system_nav li a { padding-top: 10px; }

.system_nav li a img { margin-bottom: 5px; }

.system_nav li a span { padding-bottom: 10px; }

.system_nav li a span:before { height: 2px; }

.s_f_area { padding: 20px; }

.pro_nav li { margin: 0 2%; }

.yw_list { margin: -10px; }

.yw_list li { padding: 10px; }

.yw_manage li { padding: 0; }

.self_list li a img,
 .resources_list li a img,
 .system_nav li a img,
 .s_i_item img,
 .t_n_dl dt img { width: 35px; }

.form_submit { width: 246px; height: 48px; border-radius: 24px; }
}
 @media only screen and (max-width: 991px) {

.pro_list li p { height: 130px; font-size: 12px; line-height: 20px; }

.view_link { width: 190px; line-height: 48px; border-radius: 24px; }

.system_nav li { width: 25%; }

.system_img,
 .system_block_dif .system_img { width: 100%; float: none; margin: 0 auto 4%; }

.c_end_overview dt { width: 100%; float: none; margin: 0 auto 3%; }

.form_submit { width: 140px; }

.form_fill { width: 70%; }

.form_line { padding: 20px 0 10px; }

.fill_shou { padding-bottom: 10px; margin-bottom: 20px; }

.address_all { padding-top: 10px; }

.apply_nav li a { line-height: 22px; height: 85px; }

.apply_line { width: 100%; }

.t_r_tit { margin-bottom: 5px; }

.view_box { max-height: 500px; }
}
 @media only screen and (max-width: 767px) {

.intro_dl dt { width: 100%; float: none; height: 230px; }

.pro_list li { width: 50%; height: 280px; }

.pro_list li img { margin-top: 10px; }

.pro_list li:nth-child(n) a { background: #efefef; }

.pro_list li:nth-child(2) a,
.pro_list li:nth-child(3) a,
.pro_list li:nth-child(6) a,
.pro_list li:nth-child(7) a { background: #f9f9f9; }

.classic_list .item { height: 286px; }

.self_list li:nth-child(n) { width: 50%; margin-bottom: 20px; }

.self_list li:nth-child(3),
.self_list li:nth-child(5) { border-left: none; }

.self_list li img { width: 25px; }

.resources_list li { width: 100%; }

.service_view { height: 286px; }

.tech_more { text-align: center; }

.more_list { display: inline-block; }

.more_list li:nth-child(n) { width: auto; float: none; border: none; text-align: left; padding: 0; margin: 0; }

.more_list li a img { display: inline-block; margin: 0; }

.pro_nav li { margin: 0 2px; font-size: 12px; }

.s_f_list li { width: 100%; float: none; margin-bottom: 20px; }

.s_f_area { height: auto; }

.yw_list li { width: 100%; float: none; }

.yw_block { height: auto; }

.yw_manage li:nth-child(3) .yw_block { background: #ebf4ff; }

.yw_manage li:nth-child(4) .yw_block { background: #f9fcff; }

.self_list li a img,
 .resources_list li a img,
 .system_nav li a img,
 .s_i_item img,
 .t_n_dl dt img { width: 25px; }

.form_fill { width: 100%; }

.part { display: block; margin: 0; }

.apply_nav { margin-bottom: 0; }

.apply_nav li { width: 33.33%; padding-bottom: 0; }

.apply_nav li a { border-bottom: 1px solid #fff; }

.t_n_dl dt { width: 100%; float: none; }

.t_n_dl dd a { margin-left: 10px; }
}

.pro_nav li { display: inline-block; vertical-align: baseline; width: auto; float: none; }

.t_n_dl dd a.t_n_level2 { margin-left: 0; }

/*=====================================合作伙伴=====================================*/
/*==================
banner_cooper*/

.banner_cooper .banner_txt { bottom: auto; top: 45%; text-align: center; padding-left: 0; }

.banner_cooper .banner_txt p { margin-top: 5%; }

.cooper_apply { display: block; margin: 0 auto; background: url(../images/ico_20.png) no-repeat; background-size: cover; width: 196px; line-height: 56px; color: #fff; }

.cooper_apply:hover { opacity: .90; }

/*cooper_what*/

.cooper_what { }

.what_block { }

.what_tit { font-weight: bold; text-align: center; color: #2e6daf; margin-bottom: 30px; }

.what_tit span { display: block; font-weight: normal; color: #666; margin-top: 20px; }

.what_forewords { max-width: 1350px; margin: 0 auto; text-align: center; color: #333; margin-bottom: 40px; }

.what_img01 { overflow: hidden; }

.what_img01 img { display: block; }

.what_support { padding: 5% 0 3%; border-bottom: 1px solid #dcdcdc; }

.support_list { }

.support_list .item { text-align: center; }

.support_list .item a { display: block; border: 1px solid #fff; padding: 10px 6.5%; }

.support_list .item img { display: block; margin: 0 auto 15px; width: 55px; height: 55px; }

.support_des { color: #666; line-height: 26px; min-height: 78px; margin-top: 15px; }

.support_list .item:hover a { color: #8fb83d; border-color: #f4f4f4; box-shadow: inset 0 0 20px -3px rgba(0,0,0,.20); }

/*===========
advance*/

.advance { padding: 104px 0; position: relative; }

.advance_center { width: 408px; height: 408px; margin: 0 auto; border: 2px solid #dddddd; border-radius: 50%; position: relative; }

.square { display: block; position: absolute; width: 100%; height: 100%; top: -2px; left: -2px; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.square01 { background-image: url(../images/square_01.png); }

.square02 { background-image: url(../images/square_02.png); background-size: 368px; }

.square03 { background-image: url(../images/square_03.png); background-size: 316px; }

.square04 { background-image: url(../images/square_04.png); background-size: 282px; }

.advance_list { color: #333; }

.advance_list li { text-align: center; line-height: 24px; position: absolute; }

.advance_list li a.advance_a0 { cursor: pointer; display: block; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.li_subclass { position: absolute; top: 100%; left: 50%; margin-left: -350px; width: 700px; font-size: 14px; line-height: 2; overflow: hidden; height: 0; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.advance_list li:hover a.advance_a0 { color: #74ba37; }

.advance_list li:hover .li_subclass { padding: 30px 0; height: auto; opacity: 1; }

.li_subclass a { display: inline-block; padding: 0 14px; }

li.advance_li01 { top: 0; left: 50%; margin-left: -105px; }

li.advance_li01 a.advance_a0,
li.advance_li04 a.advance_a0 { width: 210px; height: 83px; }

li.advance_li01 a.advance_a0 { padding: 10px 30px 0; background-image: url(../images/advance_li01_bg.png); }

li.advance_li02 { top: 50%; left: 50%; margin: -134px 0 0 225px; }

li.advance_li02 a.advance_a0,
li.advance_li03 a.advance_a0 { width: 220px; height: 70px; padding: 10px 30px 0 45px; background-image: url(../images/advance_li02_bg.png); }

li.advance_li03 { top: 50%; left: 50%; margin: 65px 0 0 225px; }

li.advance_li04 { top: 50%; left: 50%; margin: 230px 0 0 -105px; }

li.advance_li04 a.advance_a0 { padding: 25px 30px 0; background-image: url(../images/advance_li04_bg.png); }

li.advance_li05 { top: 50%; left: 50%; margin: 65px 0 0 -425px; }

li.advance_li05 a.advance_a0 { width: 206px; height: 70px; padding: 10px 45px 0 30px; background-image: url(../images/advance_li05_bg.png); }

li.advance_li06 { top: 50%; left: 50%; margin: -134px 0 0 -425px; line-height: 70px; }

li.advance_li06 a.advance_a0 { width: 150px; height: 70px; padding: 0 45px 0 30px; background-image: url(../images/advance_li06_bg.png); }

/*===========
cooper_framework*/

.cooper_framework { padding: 5% 0; }

.framework_list { margin: -20px; }

.framework_list li { width: 33.33%; float: left; text-align: center; padding: 20px; }

.framework_tit { height: 295px; background: #2e6daf; color: #fff; }

.framework_tit img { display: block; margin: 0 auto 20px; width: 95px; }

.framework_tit b { display: block; }

.framework_line { display: block; width: 55%; max-width: 278px; margin: 0 auto; }

.grade { height: 205px; border: 1px solid #2e6daf; margin-bottom: 50px; }

.grade a { display: inline-block; width: 36%; }

.grade_dif a { width: 26%; }

.grade a img { display: block; margin: 0 auto 5px; width: 45px; }

.framework_item { padding-top: 50px; background: url(../images/framework_03.png) center top no-repeat; background-size: 41px; }

.framework_item a { display: inline-block; padding: 0 20px; }

/*=========
cooper_handle*/

.cooper_handle { padding: 5% 0; background: url(../images/cooper_02.jpg) center top no-repeat; background-size: cover; color: #333; }

.handle_contact { width: 33.75%; float: left; padding-right: 3%; border-right: 1px solid #d0d0d0; }

.handle_tit { margin-bottom: 20px; }

.department_tit { color: #2e6daf; margin-bottom: 30px; }

.handle_contact p { margin-bottom: 15px; }

.handle_apply { overflow: hidden; text-align: center; }

.apply_link { display: inline-block; width: 150px; line-height: 58px; border-radius: 15px; border: 2px solid #2e6daf; background: #2e6daf; text-align: center; color: #fff; margin-top: 30px; }

.apply_link:hover { background: #fff; color: #2e6daf; }
 @media only screen and (max-width: 991px) {

.advance_center { width: 208px; height: 208px; margin-bottom: 3%; }

.square02 { background-size: 187px; }

.square03 { background-size: 161px; }

.square04 { background-size: 143px; }

.advance { padding: 0; }

.advance_list li:nth-child(n) { position: relative; top: auto; left: auto; bottom: 0; right: auto; line-height: 1.8; margin: 0 0 10px; }

.advance_list li:nth-child(n) a.advance_a0 { width: 100%; height: auto; background: none; padding: 10px; border: 1px solid #dcdcdc; }

.li_subclass,
 .advance_list li:hover .li_subclass { position: relative; top: auto; left: auto; width: 100%; margin: 0; height: auto; opacity: 1; padding: 10px 0; font-size: 12px; }

.framework_list { margin: -10px; }

.framework_list li { padding: 10px; }

.framework_tit { height: 225px; }

.framework_tit img { width: 65px; }

.grade { height: 135px; margin-bottom: 30px; }

.framework_item { padding-top: 30px; background-size: 20px; }

.handle_contact p { margin-bottom: 5px; }

.handle_tit { margin-bottom: 10px; }

.department_tit { margin-bottom: 20px; }

.apply_link { width: 130px; line-height: 48px; margin-top: 10px; }
}
 @media only screen and (max-width: 767px) {

.cooper_apply { width: 168px; line-height: 48px; }

.framework_list { margin: -5px; }

.framework_list li { padding: 5px; }

.framework_tit { height: 155px; }

.framework_tit img { width: 45px; }

.grade { height: 105px; }

.grade a { display: block; width: 100%; padding: 5px 0; }

.grade a img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; width: 25px; }

.handle_contact { width: 100%; float: none; padding: 0; border: none; border-bottom: 1px solid #d0d0d0; text-align: center; padding-bottom: 5%; margin-bottom: 5%; }
}

/*==============================关于同有============================*/

.about_nav { position: absolute; bottom: 12%; right: 0; width:100%; }

.about_nav li { float: left; width:12.5%; position: relative;  }

.about_nav li:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 14px; /*background: url(../images/about_01.png) center 14px no-repeat; background-size: contain;*/ }

.about_nav li .cur{ background:rgba(0,75,152,.6)}

.about_nav li a { display: block; color: #fff; text-align: center; font-size: 20px; padding: 7px 0; }

.about_nav li.about_cur:before { background-position: center bottom; }

.about_nav li.about_cur a { background: rgba(255,255,255,.18); }

/*============about_links*/

.about_links { position: relative; left: 0; z-index: 500; width: 100%; background: #efefef; }

.links_ul { }

.links_ul li { float: left; text-align: center; width: 16.66%; }

.links_ul li a { display: block; }

.links_ul li a span { display: inline-block; padding: 45px 0; position: relative; }

.links_ul li a span:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; opacity: 0; height: 2px; background: #2b71b8; }

.links_ul li a span img { vertical-align: middle; width: 55px; margin-right: 15px; }

.links_ul li:hover a { color: #2b71b8; }

.links_ul li.anchor_cur a { color: #2b71b8; }

.links_ul li.anchor_cur a span:before { width: 100%; opacity: 1; }

.about_links,
.links_ul li a span { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/*sec_who*/

.about_sec { padding: 4% 0; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.sec_who { }

.who_img { width: 40%; max-width: 638px; float: left; margin-right: 3.5%; }

.who_info { overflow: hidden; }

.who_info .title02 { text-align: left; }

.who_item { color: #8fb83d; font-weight: bold; margin-bottom: 20px; }

.who_des { line-height: 1.8;     }

.who_des p{ margin-top:10px;}

/*sec_deve*/

.sec_deve { background: #014898; color: #fff; }

.sec_deve a { color: #fff; }

.deve_info { }

.deve_info .item { overflow: hidden; background: #014898; }

.year_list { }

.year_list .owl-nav .owl-prev { margin-top: -32px; left: 0; background-image: url(../images/arrow02_left.png); }

.year_list .owl-nav .owl-next { margin-top: -32px; left: auto; right: 0; background-image: url(../images/arrow02_right.png); }

.deve_overview { width: 53%; float: left; padding: 0 0 0 6%; }

.deve_year { width: 47%; float: left; padding: 0 8% 0 5%; text-align: justify; }

.d_o_img { display: block; float: right; width: 62px; margin-left: 8%; }

.d_o_info { overflow: hidden; }

.d_o_tit { margin-bottom: 10px; }

.d_o_txt { line-height: 1.875; position: relative; padding-bottom: 30px; }

.d_o_txt:before { content: ""; position: absolute; bottom: 0; left: 0; width: 35px; height: 1px; background: #fff; }

/*deve_thumbs*/

.deve_thumbs { text-align: center; text-transform: uppercase; position: relative; margin: 50px 0; }

.deve_thumbs:before { content: ""; position: absolute; top: 21px; left: -50%; z-index: 0; width: 200%; height: 1px; background: #fff; }

.deve_thumbs li { display: inline-block; width: 19%; }

.deve_thumbs li a { cursor: pointer; display: block; position: relative; z-index: 1; padding-top: 50px; background: url(../images/deve_ico01.png) center top no-repeat; background-size: 42px; }

.deve_thumbs li a span { display: inline-block; position: relative; padding: 0 10px; }

.deve_thumbs li a span:before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 1px; background: #014898; }

.deve_thumbs li a span em { display: block; position: relative; padding: 0 14px; background: #014898; }

.deve_thumbs li.current a { color: #8fb73d; background-image: url(../images/deve_ico01b.png); }

.deve_thumbs li.current a span:before { left: 0; width: 100%; background-color: #8fb73d; }

.deve_item { display: none; }

/*deve_more*/

a.deve_more { margin: 0 auto; border-color: #fff; }

a.deve_more em i { background-color: #fff; }

a.deve_more:hover { background: #8fb73d; border-color: #8fb73d; }

/*sec_honor*/

.sec_honor { }

.honor_tab { text-align: center; margin-bottom: 2.5%; }

.honor_tab li { cursor: pointer; display: inline-block; vertical-align: middle; }

.honor_tab li a { display: inline-block; padding: 0 50px; color: #666; }

.honor_tab li:first-child a { border-right: 1px solid #ccc; }

.honor_tab li.honor_cur a { color: #8fb83d; }

.honor_area { display: none; }

.honor_list { padding: 0 60px; }

.honor_list .item { padding-bottom: 44px; position: relative; color: #000; }

.honor_img { width: 92%; max-width: 255px; height: 332px; background: #efefef; margin: 0 auto; }

.honor_img img { display: block; margin: 0 auto; }

.honor_item { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 0 9%; background: rgba(0,71,152,0); line-height: 34px; height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.honor_list .item:hover .honor_item { white-space: normal; height: auto; background: rgba(0,71,152,.90); color: #fff; padding-top: 9%; padding-bottom: 9%; }

.honor_area { display: none; }

.honor_list .owl-nav .owl-prev,
.honor_list .owl-nav .owl-next { margin-top: -22px; }

.honor_list .owl-nav .owl-prev { left: 0; }

.honor_list .owl-nav .owl-next { left: auto; right: 0; }

/*sec_culture*/

.sec_culture { background-color: #efefef; }

.culture { height: 455px; background: #fff; }

.culture_img { width: 42.5%; height: 100%; float: right; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.culture_list { overflow: hidden; }

.culture_list li { line-height: 113px; height: 114px; overflow: hidden; color: #333; }

.culture_ico { float: left; text-align: center; width: 180px; height: 100%; position: relative; }


.culture_ico:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 1px; background: rgba(0,71,152,.30); }

.culture_ico img { vertical-align: middle; }

.culture_txt { height: 100%; overflow: hidden; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; position: relative; padding-left: 6%; padding-right: 3%; }

.culture_txt:before { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background: #014898; }

.culture_item { color: #014898; position: relative; padding-right: 65px; margin-right: 20px; }

.culture_item:before { content: ""; position: absolute; top: 50%; right: 0; width: 50px; height: 1px; background: #b1b1b1; }

a.txt_dec { display: inline-block; vertical-align: middle; border: none; background: none; width: auto; line-height: normal; opacity: 0; }

a.txt_dec em i { background: #014898; }

.culture_list li:last-child .culture_txt { border-bottom: none; }

.culture_list li:last-child .culture_ico:before { display: none; }

.culture_list li:hover .culture_txt:before { height: 100%; }

.culture_list li:hover a.txt_dec { opacity: 1; }

/*sec_duty*/

.sec_duty { }

.duty_list { }

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

.duty_img img { display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

.duty_list .item:hover .duty_img img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.duty_info { height: 218px; padding: 40px 40px 0; background: #efefef; }

.duty_tit { margin-bottom: 10px; }

.duty_tit a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.duty_des { padding-bottom: 20px; position: relative; }

.duty_des:before { content: ""; position: absolute; bottom: 0; left: 0; width: 38px; height: 1px; background: #8f8f8f; }

.des_txt { line-height: 30px; height: 90px; overflow: hidden; }

.duty_list .item:hover .duty_tit a { color: #2b71b8; }

.duty_list .item:hover .duty_des:before { width: 100%; background-color: #2b71b8; }

/*sec_idea*/

.sec_idea { position: relative; padding: 8% 0; color: #fff; }

.idea_bg_pc,
.idea_bg_phone { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.idea_bg_phone { display: none; }

.sec_idea .inner { position: relative; }

.sec_idea .title02 { margin-bottom: 2.5%; text-align: left; }

.sec_idea .title02 a { color: #fff; }

.idea_txt { line-height: 2; max-width: 730px; padding-bottom: 3%; border-bottom: 1px solid #fff; }

/*================
deve_all*/

.deve_all { padding: 5% 0; }

.deve_tree { position: relative; padding: 40px 0 80px; }

.deve_tree:before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -4px; width: 8px; height: 100%; background: #e5e5e5; }

.deve_dec { position: relative; z-index: 1; }

.deve_dec img { display: block; margin: 0 auto; }

.deve_all .deve_dec02 { position: relative; z-index: 1; clear: both; width: 100%; text-align: center; font-weight: bold; color: #2b71b8; }

.deve_all .deve_dec02 em { display: block; }

.deve_block { width: 50%; float: left; text-align: right; line-height: 1.875; color: #333; padding-right: 80px; margin-top: 80px; position: relative; }

.deve_block:nth-of-type(1) { margin-top: 0; }

.deve_block:before { content: ""; width: 64px; height: 64px; position: absolute; top: 0; right: -32px; background: url(../images/ico_26a.png) center center no-repeat; background-size: contain; }

.deve_block .deve_tit { color: #2b71b8; line-height: 1; margin-bottom: 10px; margin-right: -30px; padding-right: 30px; background: url(../images/ico_25.png) right center no-repeat; text-align: right; margin-top: 25px; }

.deve_block.deve_block_dif .deve_tit { text-align: left }

.deve_show { padding-bottom: 30px; border-bottom: 1px dashed #2b71b8; }

.deve_show li { margin-top: 30px; }

.deve_block .deve_show li span { display: block; color: #2b71b8; line-height: 1; margin-bottom: 10px; text-align: right }

.deve_block_dif { text-align: left; padding-right: 0; padding-left: 80px; margin-top: 180px; }

.deve_block.deve_block_dif .deve_show li span { text-align: left }

.deve_block_dif:before { right: auto; left: -32px; background-image: url(../images/ico_26b.png); }

.deve_block_dif .deve_tit { margin-right: 0; padding-right: 0; margin-left: -30px; padding-left: 30px; background-position: left center; background-image: url(../images/ico_25b.png); }

/*==========
dynamic*/

.dynamic { margin-bottom: 5%; }

.dynamic .title03:before { display: none; }

/*dynamic_rec*/

.dynamic_rec { width: 46.375%; max-width: 742px; height: 556px; float: left; margin-right: 2.5%; overflow: hidden; position: relative; color: #fff; }

.dynamic_rec a { color: #fff; }

.dynamic_rec img { display: block; width: 100%; height: 100%; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

.dynamic_rec:hover img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.d_r_info { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; background: rgba(0,0,0,.70); height: 172px; padding: 30px 40px 0; }

.d_r_tit { line-height: 30px; margin-bottom: 15px; }

.d_r_tit a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.d_r_des { line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.d_r_handle { overflow: hidden; }

.d_r_handle a.storage_more { float: right; }

.dynamic_rec .d_r_handle a.storage_more em i { background: #fff; }

.dynamic_date { display: block; line-height: 48px; }

/*dynamic_list*/

.dynamic_list { overflow: hidden; margin-bottom: -20px; }

.dynamic_list li { overflow: hidden; position: relative; background: #f4f4f4; margin-bottom: 20px; padding-right: 85px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

a.dynamic_more { display: block; width: 45px; height: 100%; background: #d4d4d4; font-size: 0; position: absolute; top: 0; right: 0; }

a.dynamic_more:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; background: url(../images/ico_27.png) right center no-repeat; }

.dynamic_list li .d_r_info { position: relative; overflow: hidden; background: none; }

.dynamic_list li:hover { background: #2b71b8; color: #fff; }

.dynamic_list li:hover .d_r_tit a,
.dynamic_list li:hover .d_r_handle a.storage_more { color: #fff; }

.dynamic_list li:hover .d_r_handle a.storage_more em i { width: 13px; background: #fff; }

.dynamic_list li:hover a.dynamic_more { background: #014898; }

.dynamic_list li:hover a.dynamic_more:before { background-position: left center; }

.dynamic_dif { margin-bottom: 0; }

.dynamic_dif .dynamic_rec { float: right; margin-right: 0; margin-left: 40px; }

.media_link a { margin-left: 10px; }

.media_link a img { width: 15%; max-width: 32px; margin-right: 10px; }

/*news_list*/

.news_list { overflow: hidden; margin: -20px -35px; }

.news_list li { width: 33.33%; float: left; padding: 20px 35px; }

.news_img { display: block; overflow: hidden; }
.h22{height:220px;}
.news_img img { display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

.news_list li:hover .news_img img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.news_overview { position: relative; padding: 25px 0 0; }

.news_overview:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; }

.n_o_tit { margin-bottom: 10px; }

.n_o_tit a { display: block; line-height: 32px;  overflow: hidden; }

.n_o_txt { line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 10px; }

.news_list li:hover .news_overview:before { width: 100%; background: #2b71b8; }

.news_list li:hover .n_o_tit a { color: #2b71b8; }

/*=============


/*news2_list*/
.news2_list{ overflow: hidden; margin: -20px -35px;}
.news2_list li{ width:25%; float: left; padding: 20px 35px;}
.news2_list li .news_img{ background:#eee}
.new2s_img{ display:block; overflow: hidden;}
.news2_img img{ display:block;
	-webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:600ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:600ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:600ms;
    position: relative;
}
.news2_list li:hover .news2_img img{
	-webkit-transform: scale(1.10, 1.10);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:600ms;
    -moz-transform: scale(1.10, 1.10);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:600ms;
    transform: scale(1.10, 1.10);
    transition-timing-function: ease-out;
    transition-duration:600ms;
}
.news2_overview{ position: relative; padding: 25px 0 0; }
.news2_overview:before{ content:""; position: absolute; bottom: 0; left:0; width:0; height: 1px; background: #fff;}
.n_o_tit{ margin-bottom: 10px;}
.n_o_tit a{ display:block; line-height: 32px;  height:64px;}
.n_o_txt{ line-height:26px; height: 52px; overflow: hidden; margin-bottom: 10px;} 
.news2_list li:hover .news_overview:before{ width:100%; background: #2b71b8;}
.news2_list li:hover .n_o_tit a{ color: #2b71b8;}
/*=============

article*/

.article { padding-bottom: 5%; text-align: justify; }

.article i img{ margin:0 auto; display:block}

.back_list { display: block; float: right; line-height: 26px; padding-right: 45px; background: url(../images/ico_28.png) right center no-repeat; background-size: 30px; margin-bottom: 20px; }

.back_list:hover { color: #2b71b8; }

.article_inner { width: 100%; max-width: 1200px; margin: 0 auto; clear: both; line-height: 2; }

.article_top { text-align: center; border-bottom: 1px solid #dcdcdc; padding-bottom: 2.5%; margin-bottom: 2.5%; }

.article_tit { color: #333; margin-bottom: 2.5%; }

.article_date,
.article_shared { display: inline-block; vertical-align: middle; margin: 0 20px; }

.article_shared { font-size: 14px; }

.article table{ border:1px solid #c6c4cf; border-bottom:none; width:100%; text-align:center}
.article table .firstRow td{ background:#0354af; color:#fff; border-color:1px solid #c6c4cf}
.article table tr td{ padding:10px; border-right:1px solid #c6c4cf; border-bottom:1px solid #c6c4cf}
.article table tr td:last-child { border-right:none}

.cpdetail{}

.cpdetail p{ max-width:790px; font-size:20px; color:#111; margin:0 auto; line-height:1.8}

.cpdetail p img{ display:block}

/*==========================================加入我们*/
/*========
sec_join01*/

.sec_join01 { padding-top: 5%; }

/*know*/

.know { width: 47.5%; float: left; }

.title04 { margin-bottom: 30px; }

.know_box { border-top: 1px solid #dcdcdc; padding-top: 60px; }

.know_txt { line-height: 28px; height: 303px; overflow: hidden; padding: 0 5% 0 26px; color: #333; }

.know_item { margin-left: -26px; }

.know_caption { color: #2a6fb5; position: relative; margin-left: -26px; padding-left: 26px; }

.know_caption:before { content: ""; width: 6px; height: 6px; background: #2a6fb5; position: absolute; top: 50%; left: 4px; margin-top: -3px; }

.nicescroll-rails { background: #fff; z-index: 1005; }

#ascrail2000 { background: #e8e9eb; z-index: 1; }

/*wenhua*/

.wenhua { width: 47.5%; float: right; }

.wh_box { height: 363px; overflow: hidden; position: relative; }

.wh_box img.wh_img01 { display: block; width: 100%; height: 100%; }

.wh_list { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; background: rgba(1,72,152,.95); color: #fff; padding: 24px 0; }

.wh_list:before { content: ""; width: 1px; height: 70px; background: rgba(255,255,255,.20); position: absolute; top: 50%; left: 50%; margin-top: -35px; }

.wh_list li { width: 50%; line-height: 30px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 5px 30px; }

.wh_ico { display: inline-block; vertical-align: middle; width: 30px; height: 30px; }

.wh_item { display: inline-block; vertical-align: middle; margin-right: 5px; }

/*========
sec_join02*/

.sec_join02 { }

.in_tit { text-align: center; position: relative; }

.in_tit:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #dcdcdc; }

.in_tit a { display: inline-block; background: #fff; position: relative; z-index: 1; padding: 0 3%; }

/*in_box*/

.in_box { margin-top: 4%; color: #333; position: relative; width: 47.5%; float: left; }

.in_box_dif { float: right; }

.in_scr { }

.in_show { margin: -5px; }

.in_show li { width: 50%; float: left; padding: 5px; }

.in_show li a { display: block; overflow: hidden; }

.in_show li a img { display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; position: relative; }

.in_show li a:hover img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

.in_con { line-height: 2; margin-bottom: 10px; }

.in_item { position: relative; z-index: 1; height: 50px; line-height: 1; border-bottom: 1px dashed #cccccc; margin-bottom: 20px; }

.in_scr .owl-nav { position: absolute; top: -75px; right: 0; z-index: 3; }

.in_scr .owl-nav .owl-next,
.in_scr .owl-nav .owl-prev { font-size: 0; display: inline-block; vertical-align: middle; width: 30px; height: 30px; border: 1px solid #fff; background: #fff url(../images/arrow03_left.png) center center no-repeat; }

.in_scr .owl-nav .owl-next { background-image: url(../images/arrow03_right02.png); }

.in_scr .owl-nav .owl-prev.disabled { background-image: url(../images/arrow03_left02.png); }

.in_scr .owl-nav .owl-next.disabled { background-image: url(../images/arrow03_right.png); }

/*.in_scr .owl-nav .owl-prev:hover{ border-color:#cccccc;}
.in_scr .owl-nav .owl-next:hover{ border-color:#014897;}*/
/*annual_box*/

.annual_box { width: 100%; float: none; }

.annual_box .in_item { width: 47.5%; position: absolute; top: 25px; right: 0; }

#in_annual { }

#in_annual .in_show,
#in_annual .in_con { background: #fff; width: 47.5%; float: left; }

#in_annual .in_con { float: right; margin-top: 100px; }

#in_annual .owl-nav { top: 20px; }

/*========
sec_join03*/

.sec_join03 { position: relative; background: #000; text-align: center; color: #fff; height: 538px; }

.s_j_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.s_j03_bg { }

.sec_join03 .inner { position: relative; z-index: 1; height: 100%; }

.sec_join03 .staff_tit { color: #fff; }

.staff_tit { text-align: center; color: #333; margin-bottom: 3%; }

.staff_des { max-width: 900px; margin: 0 auto; line-height: 1.5; }

/*========
sec_join04*/

.sec_join04 { position: relative; text-align: center; color: #fff; padding: 5% 0; }

.s_j04_bg { background-attachment: fixed; }

.sec_join04 .inner { position: relative; z-index: 1; }

.sec_join04 .staff_tit { color: #fff; }

.reward_list { margin: -10px -20px; }

.reward_list li { width: 33.33%; float: left; line-height: 1.875; padding: 10px 20px; }

.reward_list li img { display: block; margin: 0 auto; width: 90px; }

.reward_list li span { display: inline-block; line-height: 1; padding-bottom: 20px; position: relative; margin: 11% 0 8%; }

.reward_list li span:before { content: ""; position: absolute; bottom: 0; left: 25%; width: 50%; height: 3px; background: #fff; }

.reward_des { }

.reward_list li:hover span:before { left: 0; width: 100%; }

/*========
sec_join05*/

.sec_join05 { overflow: hidden; padding: 5% 0; color: #333; }

.career_list { margin: -10px; }

.career_list li { width: 33.33%; float: left; padding: 10px; }

.career_list li img { display: block; margin: 0 auto 6%; border-radius: 50%; width: 180px; }

.career_des { max-width: 420px; margin: 0 auto; line-height: 26px; }

/*========
sec_join06*/

.sec_join06 { height: 444px; color: #333; }

.sec_join06 .inner { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.recruit_list { padding-right: 9%; margin: -16px 0; }

.recruit_list li { text-align: right; padding: 16px 0; }

a.recruit_link { display: inline-block; text-align: center; color: #fff; border-radius: 8px; padding: 0 30px 0 45px; line-height: 82px; background: #286eb8; border: 2px solid #286eb8; }

a.recruit_link img { vertical-align: middle; margin-right: 12px; }

a.recruit_link span { display: block; min-width: 260px; padding-right: 32px; background: url(../images/arrow04.png) right center no-repeat; background-size: 22px; }

a.recruit_link02 { background-color: #8cb54c; border-color: #8cb54c; }

a.recruit_link:hover { opacity: .90; }

/*========
recruit_box*/

.recruit_box { padding-top: 5%; }

.recruit_forewords { height:500px; padding: 4%; background: url(../images/recruit_02.jpg) center center no-repeat; background-size: cover; color: #333; }

.r_f_des { line-height: 2.3; max-width: 810px; float: right; margin-bottom: 5%; }

.r_f_end { clear: both; width: 100%; text-align: right; }

.r_f_end span { display: inline-block; position: relative; padding-left: 160px; }

.r_f_end span:before { content: ""; position: absolute; left: 0; top: 50%; width: 130px; height: 1px; background: #989c9e; }

/*recruitment_post*/

.recruitment_post { background: #f3f3f3; }

/*post_form*/

.post_form { padding: 40px 2%; background: #2a6fb5; }

.p_f_ul { margin-left: -17px; margin-top: -10px; /*overflow: hidden;*/ }

.p_f_ul li.li01 { float: left; width: 18%; padding-left: 17px; color: #333; margin-top: 10px; }

.p_f_ul li.li01 .li_area { padding-left: 5%; background: #fff; }

.p_f_ul li.li01 .part_sel { width: 64%; }

.p_f_ul li.li01 label { display: block; float: left; line-height: 50px; width: 36%; }

.p_f_ul li.li01 .part_sel .dropdown { width: 100%; text-align: center; height: 50px; line-height: 50px; }

.p_f_ul li.li01 .part_sel .dropdown .carat { background-image: url(../images/ico_29.png); }

.p_f_ul li.post_search { width: 28%; overflow: hidden; float: right; }

.p_f_ul li.post_search .li_area { padding-left: 0; }

.p_f_ul li.post_search .search { width: 100%; padding-left: 0; margin-bottom: 0; max-width: none; float: none; border: none; }

.p_f_ul li.post_search .search .search_txt input { height: 50px; padding-left: 5%; }

.p_f_ul li.post_search .search .search_btn { width: 50px; height: 50px; background: url(../images/ico_30.png) center center no-repeat; }

/*.p_f_ul li.post_search .search .search_btn:hover{ background-color: #cccccc; background-image: url(../images/ico_30b.png);}*/
/*post_item&post_info*/

.post_sort { padding: 2.5% 0; font-weight: bold; color: #000; }

.post_sort span,
.post_item span { display: block; float: left; width: 21%; text-align: center; }

.post_sort span:nth-of-type(5),
.post_item span:nth-of-type(5) { width: 16%; }

span.post_handle {/* width:22%; min-width:160px;*/ float: right; }

.post_item { background: #fff; color: #333; line-height: 33px; padding: 25px 0; }

.post_item:nth-of-type(even) { background: #f3f3f3; }

a.post_more { display: block; max-width: 140px; margin: 0 auto; line-height: 31px; height: 33px; text-align: center; border: 1px solid #b2b2b2; border-radius: 3px; font-size: 14px; }

a.post_more:hover,
.post_cur a.post_more { background: #2a6fb5; border-color: #2a6fb5; color: #fff; }

.post_info { background: #f9f9f9; padding: 2.5% 4%; line-height: 2; display: none; }

.post_des { padding: 0 2% 3.5%; max-width: 600px; }

.post_des li { float: left; width: 33.33%; padding: 0 10px; }

.post_text { margin: 0 -6% 5%; position: relative; }

.post_text:before { content: ""; position: absolute; top: 10%; left: 50%; width: 1px; height: 80%; background: #e5e5e5; }

.post_block { width: 50%; float: left; padding: 0 8%; letter-spacing: -0.02em; }

.post_caption { color: #333; margin-bottom: 15px; }

.post_bot { padding: 20px 3% 0; line-height: 50px; border-top: 1px solid #e5e5e5; }

a.post_hide { display: block; float: right; color: #9f9f9f; position: relative; padding-right: 30px; }

a.post_hide:before { content: ""; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; margin: -7px 0 0 -7px; background: url(../images/ico_15.png) center top no-repeat; }

a.post_hide:hover { color: #2a6fb5; }

a.post_hide:hover:before { background-position: center bottom; }

a.post_apply { display: block; float: left; text-align: center; width: 40%; max-width: 180px; background: #2a6fb5; border: 1px solid #2a6fb5; color: #fff; }

a.post_apply em { display: inline-block; padding-left: 35px; position: relative; }

a.post_apply em:before { content: ""; width: 23px; height: 23px; background: url(../images/ico_16.png) right center no-repeat; position: absolute; top: 50%; left: 0; margin-top: -12px; }

a.post_apply:hover { background-color: #fff; color: #2a6fb5; }

a.post_apply:hover em:before { background-position: left center; }

/*page02*/

.page02 { text-align: center; background: #f3f3f3; border-bottom: 1px solid #dbdbdb; padding: 3.5% 0; }

.page02 a { display: inline-block; vertical-align: middle; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #666666; }

.page02 a.page_cur { background: #0078c0; color: #fff; }

.page02 a.page_btn { font-size: 12px; margin: 0 30px; width: 70px; border: 1px solid #ababab; }

.page02 a.page_btn:hover { border-color: #0078c0; color: #0078c0; }

/*==============banner_school*/

.banner_school { text-align: center; }

.banner_school .banner_txt { top: 45%; }

.banner_school .banner_txt p { padding-bottom: 50px; background: url(../images/school_01.png) center bottom no-repeat; }

.sec_school { color: #333; padding: 5% 0; background-position: center top; background-repeat: no-repeat; background-size: cover; }

/*===school_video*/

.school_video { padding-bottom: 0; color: #fff; }

.school_video_show { position: relative; height: 580px; }

.school_video_tit { position: absolute; top: 50%; margin-top: 65px; z-index: 2; left: 0; width: 100%; text-align: center; }

/*====school_trip*/

.school_trip { }

.school_tit { text-align: center; line-height: 1; margin-bottom: 40px; }


.school_tit p { margin-top: 15px; }

.trip_month { display: block; margin-top: 15px; color: #0078c0; }

.trip_tab { text-align: center; margin-bottom: 30px; }

.trip_tab li { display: inline-block; width: 25%; line-height: 35px; max-width: 130px; text-align: center; }

.trip_tab li a { display: block; }

.trip_tab li a:hover { color: #2e6daf; }

.trip_tab li a span { display: inline-block; padding-left: 30px; background: url(../images/school_04.png) left -100px no-repeat; }

.trip_tab li.trip_cur a { color: #2e6daf; font-weight: bold; }

.trip_tab li.trip_cur a span { background-position: left center; }

.trip_block { display: none; }

table.table_trip { border: 1px solid #bfbfbf; line-height: 1.6; }

table.table_trip thead tr th,
table.table_trip tbody tr td { padding: 30px 10px; }

table.table_trip thead tr th { font-weight: normal; text-align: left; color: #fff; background: #2e6daf; }

table.table_trip tbody tr td { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

table.table_trip tbody tr:nth-of-type(even) td { background: #e9e9e9; }

table.table_trip thead tr th.pad_l,
table.table_trip tbody tr td.pad_l { padding-left: 5%; }

table.table_trip tbody tr:hover td { background: #bbb; color: #fff; }

/*=============school_post*/

.school_post {/* background-attachment: fixed;*/ background-image: url(../images/school_05.jpg); color: #fff; }

#post_scr { }

#post_scr .item { height: 398px; padding: 40px 20px; background: #fff; text-align: center; }

.post_sort { display: block; font-weight: normal; margin-bottom: 10px; }

.post_sort img { display: block; margin: 0 auto 15px; width: 30%; max-width: 70px; }

.post_list { display: inline-block; text-align: left; }

.post_list li a { display: block; padding: 10px 0; line-height: 24px; padding-left: 18px; position: relative; }

.post_list li a:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -3px; width: 6px; height: 6px; background: #2e6daf; }

.post_list li a:hover { color: #2e6daf; text-decoration: underline; }

#post_scr .owl-dots .owl-dot span:before { background-color: #fff; }

/*==========school_flow*/

.school_flow { }

#flow_scr { width: 89%; margin: 0 auto; }

#flow_scr .owl-item { display: inline-block; vertical-align: top; position: relative; }

#flow_scr .item { text-align: center; padding-bottom: 43%; }

#flow_scr .owl-item:nth-child(1) .item,
#flow_scr .owl-item:nth-child(3) .item,
#flow_scr .owl-item:nth-child(5) .item { padding-bottom: 0; padding-top: 43%; }

#flow_scr .owl-item:nth-child(2):before,
#flow_scr .owl-item:nth-child(4):before,
#flow_scr .owl-item:nth-child(2):after,
#flow_scr .owl-item:nth-child(4):after { content: ""; position: absolute; top: 50%; margin-top: -14%; left: 50%; margin-left: -70%; width: 40%; height: 35%; background: url(../images/school_06a.png) right top no-repeat; }

#flow_scr .owl-item:nth-child(2):after,
#flow_scr .owl-item:nth-child(4):after { margin-left: 30%; background-image: url(../images/school_06b.png); background-position: right bottom; }

.flow_num { display: inline-block; position: relative; color: #fff; width: 61%; max-width: 172px; }

.flow_num img { display: block; }

.flow_num i { display: block; position: absolute; top: 6%; left: 0; z-index: 1; width: 100%; font-family: Impact; }

.flow_notice { text-align: center; margin-top: 50px; }

.flow_notice img { display: block; margin: 0 auto 20px; }

/*====school_advance*/

.school_advance { background: #f8f8f8; }

#advance_scr { }

.advance_tit { text-align: center; margin-bottom: 20px; }

.advance_tit img { display: block; margin: 0 auto 20px; width: 35%; max-width: 100px; }

.advance_txt { color: #666; max-width: 260px; }

.advance_txt li { line-height: 26px; position: relative; padding-left: 15px; margin-bottom: 25px; }

.advance_txt li:before { content: ""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; background: #009f96; }

.item01 .advance_txt li:before { background: #009f96; }

.item02 .advance_txt li:before { background: #00b6f1; }

.item03 .advance_txt li:before { background: #f59900; }

.item04 .advance_txt li:before { background: #d0ab6f; }

.item05 .advance_txt li:before { background: #b2d55e; }

/*=====school_self*/

.school_self { }

.self_swiper { }

.self_swiper img { display: block; border-radius: 50%; }

.self_info { margin-bottom: 30px; }

.self_info .item { overflow: hidden; background: #f8f8f8; padding: 5%; text-align: justify; }

.self_info .item dt { width: 276px; float: left; margin-right: 3%; }

.self_info .item dd { overflow: hidden; line-height: 1.5; }

.self_caption { margin-top: 30px; margin-bottom: 6px; }

.self_thumbs { }

.self_thumbs .item a { display: inline-block; position: relative; }

.self_thumbs .item a:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 50%; border: 0px solid #2e6daf; }

.self_thumbs .current .item a:before { border-width: 8px; }

/*====school_contact*/

.school_contact { background-image: url(../images/school_07.jpg); }

.contact_txt { text-align: center; line-height: 1.8; }

.contact_txt li { margin-bottom: 10px; }

/*post_detail*/

.post_detail { padding: 5%; line-height: 2; }

.post_tit { color: #333; margin-bottom: 30px; }

.post_detail .post_text { margin-left: -9%; margin-right: -9%; }

.post_detail .post_bot { padding: 30px 0 0; }

.post_detail .post_bot a.post_apply { float: right; margin-left: 4%; }

.growth_road { overflow: hidden; }

.growth_road h6 { color: #333; }

/*=================================================联系我们*/ 
/*HQ*/

.HQ { }

.HQ_area { padding: 4.5% 4%; background: url(../images/contact_01.jpg) center top no-repeat; background-size: cover; color: #fff; }

.HQ_img { float: left; width: 29%; max-width: 420px; overflow: hidden; }

.HQ_img img { display: block; }

.HQ_info { float: left; width: 35%; margin: 0 3%; padding: 15px 3% 0; border-left: 1px solid rgba(255,255,255,.20); border-right: 1px solid rgba(255,255,255,.20); }

.HQ_info h6,
.HQ_list { padding-left: 20px; }

.HQ_info h6 { margin-bottom: 30px; }

.HQ_list { }

.HQ_list li { line-height: 1.8; margin-bottom: 30px; }

.HQ_list li em { display: block; float: left; margin-left: -20px; padding-left: 20px; background: url(../images/ico_31.png) left center no-repeat; }

.HQ_list li span { display: block; overflow: hidden; }

.HQ_part { overflow: hidden; }

.HQ_part li { line-height: 1.8; margin-bottom: 20px; }

.HQ_part li em { display: block; float: left; }

.HQ_part li span { display: block; overflow: hidden; }

.HQ_part li span i { display: block; }

/*spread_map*/

.spread_map { padding: 5% 0; }

.spread_map .title02 { margin-bottom: -2%; }

.map_box { text-align: center; }

/*spread_city*/

.spread_city { padding: 5% 0; background:#eee;    margin-top: 3% !important }

.spread_city { overflow: hidden; margin: 0 -25px; }

.spread_city li.li_item0 { width: 33.33%; float: left; padding: 25px; }

.spread_city li.li_item0 a { display: block; background: #fff; border: 1px solid #d4d5d5; height: 240px; padding: 0 8%; color: #666; }

.spread_city li.li_item0 a h6 { padding: 20px 0; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; color: #333; }

.spread_city li.li_item0 a h6 em { color: #c2c2c2; }

.city_info { }

.city_info li { overflow: hidden; line-height: 25px; margin-bottom: 10px; padding-left: 35px; background-position: left top; background-repeat: no-repeat; background-size: 25px; }

.city_info li.li_di { min-height: 50px; background-image: url(../images/contact_ico01.png); }

.city_info li.li_tel { background-image: url(../images/contact_ico02.png); }

.spread_city li.li_item0 a:hover { background: #195aa2; color: #fff; box-shadow: 0 0 20px -2px rgba(0,0,0,.30); }

.spread_city li.li_item0 a:hover h6,
.spread_city li.li_item0 a:hover h6 em { color: #fff; }

.spread_city li.li_item0 a:hover .city_info li.li_di { background-image: url(../images/contact_ico01b.png); }

.spread_city li.li_item0 a:hover .city_info li.li_tel { background-image: url(../images/contact_ico02b.png); }

.spread_city li.kehu{ width:20%; float:left; padding: 15px;}
.spread_city li.kehu img{ width:100%;}
.kehuTitle{ width:100%; text-align:center; font-size:24px; color:#333; padding-bottom:2%;}

/*load_more*/

.load_more { text-align: center; }

.load_more a { display: inline-block; background: url(../images/ico_32.png) left center no-repeat; padding-left: 40px; background-size: 27px; line-height: 50px; color: #666; }

.load_more a:hover { color: #195aa2; background-image: url(../images/ico_32b.png); }

.about_links.links_scr { position: fixed; }

.about_links.links_scr .links_ul li a span { padding: 20px 0; }

/*who_detail====同有是谁*/

.who_detail { padding: 5% 0; line-height: 1.9; text-align: justify; }

.who_head dt { width: 48.7%; max-width: 778px; float: left; margin-right: 6%; }

.who_head dt img { display: block; }

.who_head dd { overflow: hidden; }

.who_head dd .title02 { text-align: left; }

/*apply_form====申请成为合作伙伴*/

.apply_form { padding: 4%; }

.apply_tit { text-align: center; color: #2b71b8; }

.apply_fill { padding: 20px 0 10px; border-bottom: 1px solid #dcdcdc; color: #333; }

.apply_fill label,
.apply_txt { height: 60px; line-height: 60px; }

.apply_fill label { display: block; float: left; width: 136px; position: relative; }

.apply_fill label:before { content: ""; position: absolute; top: 50%; right: 0; margin-top: -9px; width: 2px; height: 18px; background: #ececec; }

.apply_write { overflow: hidden; padding-left: 30px; }

.apply_txt { width: 100%; }

.check_code { float: right; cursor: pointer; }

.check_code img { display: block; }

.apply_handle { text-align: center; margin-top: 4%; }

.apply_btn { display: inline-block; cursor: pointer; width: 422px; height: 82px; border-radius: 41px; color: #fff; background: #2b71b8; }

/*float===公共右边栏*/

.float { position: fixed; top: 50%; right: 0; margin-top: -210px; z-index: 1003; width: 55px; background: #fff; border: 1px solid #d9d9d9; text-align: center; }

.float li a { display: block; color: #666666; line-height: 20px; padding: 17px 0; position: relative; }

.float li a:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 1px; background: #959595; }

.float li:last-child a:before { display: none; }

.float li a img { display: block; margin: 0 auto 3px; }

.float li a em { display: inline-block; width: 28px; }

.float li:hover a { color: #195aa2; }

label.label_sel { margin-right: 25px; }

label.label_sel input { display: none; }

label.label_sel input + i { display: inline-block; vertical-align: middle; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 50%; background: #999999; color: #fff; font-weight: bold; position: relative; }

label.label_sel input + i:before { content: ""; position: absolute; top: 3px; left: 6px; width: 6px; height: 10px; transform: rotate(45deg); border-width: 2px; border-style: solid; border-color: #fff; border-top: 0; border-left: 0; }

label.label_sel input:checked + i { background-color: #2b71b8; }

label.label_sel input:disabled + i { border-color: #999999; }

label.label_sel input:checked:disabled + i { background: #999999; }

.apply_tip { text-align: center; color: #2b71b8; text-decoration: underline; margin-top: 4%; }

.tip_sel { margin-bottom: 10px; }

/*strategy================================================三大战略*/

.sec_strategy { color: #333; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.title05 { text-align: center; position: relative; margin-bottom: 30px; }

.title05:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 26px; background: url(../images/strategy_02.png) center bottom no-repeat; display: none; }

.title05 b { color: #2b71b8; }

.title05 p { color: #666; margin-top: 15px; }

.title05_dif:before { background-image: url(../images/strategy_02b.png); }

/*=============strategy_all*/

.strategy_all { padding-top: 4%; }

.strategy_all .title05:before { display: none; }

/*introduction*/

.introduction { margin-top: 100px; }

.introduction .inner { position: relative; }

.introduction .content { position: absolute; top: 0; right: 710px; }

.introduction .content:first-child { opacity: 1; filter: alpha(opacity=100) }

.introduction .content-item { width: 710px; position: absolute; top: 20px; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.29, 0.98) 0.7s; -moz-transition: all 0.5s cubic-bezier(0, 0, 0.29, 0.98) 0.7s; -ms-transition: all 0.5s cubic-bezier(0, 0, 0.29, 0.98) 0.7s; -o-transition: all 0.5s cubic-bezier(0, 0, 0.29, 0.98) 0.7s; transition: all 0.5s cubic-bezier(0, 0, 0.29, 0.98) 0.7s }

.content-item h6 { color: #2c72b8; padding-left: 30px; background: url(../images/intro_02.png) left center no-repeat; background-size: 15px; margin-bottom: 20px; }

.introduction_des { color: #666; line-height: 2; padding-bottom: 40px; border-bottom: 1px solid #d5d5d5; }

.introduction_show { margin: 0 -20px; }

.introduction_show li { width: 33.33%; float: left; padding: 0 20px; margin-top: 20px; }

.introduction_show li a { display: block; padding: 30px 0; border-bottom: 1px solid #d5d5d5; position: relative; }

.introduction_show li a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #2c72b8; }

.introduction_show li a span { display: block; background: url(../images/intro_01.png) right center no-repeat; }

.introduction_show li a span img { display: inline-block; vertical-align: middle; margin-right: 10px; }

.introduction_show li a:hover:before { width: 100%; }

.introduction .content-item.active { opacity: 1; filter: alpha(opacity=100); z-index: 5; -webkit-transition: all 1s cubic-bezier(0.26, 0.01, 0.35, 1.01) 1.25s; -moz-transition: all 1s cubic-bezier(0.26, 0.01, 0.35, 1.01) 1.25s; -ms-transition: all 1s cubic-bezier(0.26, 0.01, 0.35, 1.01) 1.25s; -o-transition: all 1s cubic-bezier(0.26, 0.01, 0.35, 1.01) 1.25s; transition: all 1s cubic-bezier(0.26, 0.01, 0.35, 1.01) 1.25s; top: 0 }

.introduction .content-item .desc { padding-bottom: 30px }

.introduction .content-item .desc h3 { font-size: 24px; line-height: 40px; color: #333; margin-bottom: 20px; font-weight: normal }

.introduction .content-item .desc p { font-size: 14px; line-height: 26px; color: #666 }

.introduction .content-item .desc a { color: #666; font-size: 14px; display: block; width: 157px; height: 36px; border: 1px solid #7D7D7D; text-decoration: none; text-align: center; line-height: 34px; margin-top: 20px }

.introduction .content-item .desc a:hover { background-color: #108CEE; border-color: #108CEE; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #fff }

.introduction .aniwrp { width: 52%; position: relative; right: 160px; bottom: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none }

.introduction #wrp { width: 100%; height: 620px; position: relative }

.introduction .center { width: 362px; height: 362px; border-radius: 50%; position: absolute; /*left:50%; top:50%; margin:-16% 0 0 -15%;*/ left: 290px; top: 180px; z-index: 10 }

.introduction #center { z-index: 9 }

.introduction .center:before { content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; box-shadow: 0 0 60px 20px rgba(0,0,0,0.10) }

.introduction .center-move:before { animation: disappear 1s forwards linear }

.introduction .incenter { width: 266px; height: 266px; border-radius: 50%; margin: 48px; background: #fff; position: absolute }

.introduction .incenter:before { content: ""; width: 100%; height: 100%; position: absolute; border-radius: 50%; top: 0; left: 0; box-shadow: 0 0 40px 10px rgba(0,0,0,0.10); }

.introduction .center2 { opacity: 0 }

.introduction .center2-move { animation: center2show 2s forwards linear }

.introduction .center2:before { opacity: 0; filter: alpha(opacity=0); }

.introduction #incenter2:before { opacity: 0; filter: alpha(opacity=0); }

.introduction .center-move #incenter:before { animation: disappear .7s forwards linear }

.introduction .sun { width: 110px; height: 110px; border-radius: 50%; margin: 78px; float: left; position: relative; }

.introduction img { max-width: none; }

.introduction #sun2 { opacity: 0 }

.introduction .center2-move #sun2 { animation: sunrise .7s forwards linear; -webkit-animation-delay: .4s }

.introduction .center2-move:before { animation: antidisappear 1s forwards linear !important; -webkit-animation-delay: .5s !important }

.introduction .center2-move #incenter2:before { animation: antidisappear .7s forwards linear; -webkit-animation-delay: .5s }

.introduction .sun img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.introduction .sun img.center-icon { opacity: 1; }

.introduction .texttitle { width: 222px; position: absolute; /*top:50%; left:50%; margin:0px 0 0 13.1%;*/ top: 310px; left: 525px; z-index: 20; }

.introduction .texttitle h2 { padding-left: 30px; }

.introduction .texttitle .line { height: 18px }

.introduction .texttitle .line .line1 { display: block; width: 205px; height: 2px; margin-top: 8px; float: left; background-color: #969696; }

.introduction .texttitle .circle { width: 18px; height: 18px; border: 1px solid #969696; float: left; border-radius: 50%; margin-top: 0; margin-left: -1px }

.introduction .texttitle p { font-size: 16px; line-height: 26px; color: #333333; margin-left: 12px }

.introduction .disappear-texttitle h2 { height: 40px; line-height: 40px; transform: translateX(-10px); opacity: 0; filter: alpha(opacity=0) }

.introduction .disappear-texttitle .line1 { transform: translateX(-50%) scaleX(0); opacity: .5; filter: alpha(opacity=50) }

.introduction .disappear-texttitle .circle { transform: translateX(-155px); opacity: 0; filter: alpha(opacity=0) }

.introduction .disappear-texttitle p { transform: translateX(-10px); opacity: 0; filter: alpha(opacity=0) }

.introduction .appear h2 { animation: antidisappear3 .2s forwards linear; -webkit-animation-delay: 1.5s }

.introduction .appear p { animation: antidisappear3 .2s forwards linear; -webkit-animation-delay: 1.5s }

.introduction .appear .line1 { animation: antidisappear1 .3s forwards linear; -webkit-animation-delay: 1.2s }

.introduction .appear .circle { animation: antidisappear2 .3s forwards linear; -webkit-animation-delay: 1.2s }

.introduction .disappear h2 { animation: disappear3 .2s forwards linear }

.introduction .disappear p { animation: disappear3 .2s forwards linear }

.introduction .disappear .line1 { animation: disappear1 .3s forwards linear; -webkit-animation-delay: .2s }

.introduction .disappear .circle { animation: disappear2 .3s forwards linear; -webkit-animation-delay: .2s }

.introduction .center-move #sun { animation: disappear4 .2s forwards linear; -webkit-animation-delay: .5s }

.introduction #bgline { z-index: 5; position: absolute; bottom: 0; left: 0; width: 100%; }

.introduction #bgline img { width: 990px; height: 618px; }

.introduction .cells { z-index: 30; border-radius: 50%; position: absolute; padding: 2px }

.introduction .cells:before { width: 100%; height: 100%; border-radius: 50%; content: ""; display: block; border: 3px solid #A0A0A0; position: absolute; top: -3px; left: -3px; opacity: 0; filter: alpha(opacity=0); transform: scale(.8) }

.introduction .cells:after { width: 100%; height: 100%; border-radius: 50%; content: ""; display: block; border: 3px solid #A0A0A0; position: absolute; top: -3px; left: -3px; opacity: 0; filter: alpha(opacity=0); transform: scale(.8) }

.introduction .wave .cells:before { animation: lianyi 4s linear;/*infinite*/ }

.introduction .wave .cells:after { animation: lianyi2 4s linear; }

.introduction .wave #cell-1:before,
.introduction #cell-1:after { animation-delay: 0s; -webkit-animation-delay: 0s }

.introduction .wave #cell-2:before,
.introduction #cell-2:after { animation-delay: .5s; -webkit-animation-delay: .5s }

.introduction .wave #cell-3:before,
.introduction #cell-3:after { animation-delay: 1s; -webkit-animation-delay: 1s }

.introduction .wave #cell-4:before,
.introduction #cell-4:after { animation-delay: 1.5s; -webkit-animation-delay: 1.5s }

.introduction .cells h3 { display: block; background-color: #fff; border-radius: 50%; border: 2px solid #CCCCCC; text-align: center; color: #333333; margin: 4px; font-weight: normal; float: left; z-index: 20; width: 115px; height: 115px; line-height: 115px }

.introduction .cells .bg { z-index: 40; border-radius: 50%; position: absolute; top: 22px; left: 22px; opacity: 0; filter: alpha(opacity=0) }

.introduction .cells img { width: 82px; height: 82px }

.introduction .cells h3 span { display: block; margin-top: -2px }

.introduction .cells h3::after { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: -1px; left: -1px; border: 1px dashed #fff; opacity: 0; transition: all .2s ease-in }

.introduction .cells:hover .bg,
.introduction .cells-hover .bg { cursor: pointer; opacity: 1; filter: alpha(opacity=100); transition: all .1s ease-in }

.introduction .cells:hover h3 span,
.introduction .cells-hover h3 span { animation: goout .1s forwards linear; text-align: left }

.introduction .cells:hover h3:after,
.introduction .cells-hover h3:after { opacity: 1; animation: rotate 4s infinite linear; border: 1px dashed #5E5CEA; background: #fff }

.introduction .appear-cell:hover span { animation: nonedis .1s forwards linear }

.introduction .appear-cell:hover h3::after { animation: rotate1 4s forwards linear }

.introduction .appear-cell1 .bg { animation: moveto .5s forwards linear; -webkit-animation-delay: .5s; opacity: 1; filter: alpha(opacity=100) }

.introduction .appear-cell2 .bg { opacity: 1; filter: alpha(opacity=100); animation: moveto2 .5s forwards linear; -webkit-animation-delay: .5s }

.introduction .appear-cell3 .bg { opacity: 1; filter: alpha(opacity=100); animation: moveto3 .5s forwards linear; -webkit-animation-delay: .5s }

.introduction #cell .appear-cell1 img,
.introduction #cell .appear-cell2 img,
.introduction #cell .appear-cell3 img,
.introduction #cell .appear-cell4 img { width: 82px; height: 82px; }

.introduction #cell-1 { /*left: 50%; top: 0; margin:-8% 0 0 12%;*/ left: 490px; top: -80px; }

.introduction #cell-2 { /*left: 50%; top: 50%; margin:-24% 0 0 30%;*/ left: 660px; top: 100px; }

.introduction #cell-3 { /*left: 50%; top: 0; margin:4% 0 0 -17%;*/ left: 270px; top: 40px; }

.introduction .sphere1,
.introduction .sphere2 { background: url(https://cdn.bdstatic.com/portal/img/index/Oval.2x_fae6f285.png) no-repeat; background-size: 14px 14px; position: absolute; width: 14px; height: 14px; z-index: 21 }

.introduction .sphere1 { top: 87px; right: -83px; -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); transform: rotate(7deg) }

.introduction .sphere2 { top: 114px; right: 184px; -webkit-transform: rotate(-53deg); -moz-transform: rotate(-53deg); -ms-transform: rotate(-53deg); -o-transform: rotate(-53deg); transform: rotate(-53deg) }
@keyframes 
showop { 0% {
opacity:0
}
50% {
opacity:0
}
70% {
opacity:.5
}
100% {
opacity:1
}
}
@keyframes 
rotate { 0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@keyframes 
goout { 0% {
transform:translateX(0)
}
50% {
transform:translateX(90%)
}
100% {
transform:translateX(130%)
}
}
@keyframes 
lianyi {  0% {
 transform:scale(.8);
 opacity:0
}
 10% {
 transform:scale(1);
 opacity:.25
}
 20% {
 transform:scale(1.3);
 opacity:0
}
 100% {
 transform:scale(.8);
 opacity:0
}
}
@keyframes 
lianyi2 { 0% {
transform:scale(.8);
opacity:0
}
7% {
transform:scale(.8);
opacity:0
}
17% {
transform:scale(1);
opacity:.2
}
27% {
transform:scale(1.3);
opacity:0
}
100% {
transform:scale(.8);
opacity:0
}
}
@keyframes 
disappear { 0% {
transform:scale(1);
opacity:1
}
100% {
transform:scale(0);
opacity:.5
}
}
@keyframes 
antidisappear { 0% {
transform:scale(0);
opacity:.5
}
100% {
transform:scale(1);
opacity:1
}
}
@keyframes 
disappear1 { 0% {
transform:translateX(0) scaleX(1);
opacity:1
}
100% {
transform:translateX(-50%) scaleX(0);
opacity:.5
}
}
@keyframes 
antidisappear1 { 0% {
transform:translateX(-50%) scaleX(0);
opacity:.5
}
100% {
transform:translateX(0) scaleX(1);
opacity:1
}
}
@keyframes 
disappear2 { 0% {
transform:translateX(0) scaleX(1);
opacity:1
}
70% {
opacity:1
}
100% {
transform:translateX(-175px);
opacity:0
}
}
@keyframes 
antidisappear2 { 0% {
transform:translateX(-175px);
opacity:0
}
70% {
opacity:1
}
100% {
transform:translateX(0) scaleX(1);
opacity:1
}
}
@keyframes 
disappear3 { 0% {
transform:translateX(0);
opacity:1;
filter:alpha(opacity=100)
}
100% {
transform:translateX(-10px);
opacity:0;
filter:alpha(opacity=0)
}
}
@keyframes 
antidisappear3 { 0% {
transform:translateX(-10px);
opacity:0;
filter:alpha(opacity=0)
}
100% {
transform:translateX(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes 
disappear4 { 0% {
transform:scale(1);
opacity:1
}
100% {
transform:scale(1.1);
opacity:0
}
}
@keyframes 
moveto { 0% {
transform:translate(0, 0)
}
100% {
transform:translate(100px, 100px)
}
}
@keyframes 
moveto2 { 0% {
transform:translate(0, 0)
}
100% {
transform:translate(74px, 241px)
}
}
@keyframes 
moveto3 { 0% {
transform:translate(0, 0)
}
100% {
transform:translate(-187px, 157px)
}
}
@keyframes 
moveto4 { 0% {
transform:translate(0, 0)
}
100% {
transform:translate(-272px, -110px)
}
}
@keyframes 
sunrise { 0% {
transform:scale(0);
opacity:0
}
70% {
opacity:0
}
100% {
transform:scale(1);
opacity:1
}
}
@keyframes 
nonedis { 0% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes 
center2show { 0% {
opacity:0
}
50% {
opacity:1
}
100% {
opacity:1
}
}

@media only screen and (max-width: 1680px) {
     
.logo{ height:45px; margin-top: 15px;}

.nav li a.a_item0{padding-left: 15px;    padding-right: 15px;}

.inner { width: 1360px; }

.culture_ico{width: 100px}

.culture_txt{padding-left: 3%;}
    
.culture_item:before{ width:30px}	 

.culture_item{ padding-right:50px;}
	 
 }

 @media only screen and (max-width: 1440px) {

.logo{ height:50px}     

.inner { }

/*header*/

.sou_submit,
.search_txt02 { height: 66px; }



.inner{ width: 90%;}

.who_img{margin-top: 5.5%;}


}
 @media only screen and (max-width: 1279px) {

.inner { width: 100%; max-width: 1000px; padding-left: 20px; padding-right: 20px; }

/*header*/

.sou_submit,
.search_txt02 { height: 56px; }

/*header*/

.logo img { height: 32px; width: auto; margin-top:0; }

.sou_submit,
.search_txt02 { height: 46px; }

/*header,.header_scr{ background:rgba(0,0,0,70);}*/

header .inner.inner_item0,
.header_scr .inner.inner_item0 { height: 55px; padding-top: 10px; }

.header_handle li a { padding: 0 7px; }

.header_handle { margin-right: -7px; }

.nav li { float: none; text-align: right; margin-top: 10px; }

.nav li a.a_item0,
.header_scr .nav li a.a_item0 { padding: 0 0 8px; }

.header_r { position: fixed; top: 55px; right: 0; z-index: 1004; width: 100%; height: -webkit-calc(100% - 55px); height: calc(100% - 55px); max-width: 540px; padding: 40px 20px; background: rgba(0,0,0,.90); overflow-y: auto; display: none; }

.menu_ico { display: block; }

.nav_wrap { display: none; }

.nav_phone { display: block; padding: 30px 0; }

/*footer*/  

.way_public li { margin-left: 4%; }
}
@media only screen and (max-width: 991px) {

.sou_submit { width: 86px; }

.sou_write { padding: 0 20px 0 30px; }

.sou_write:before { left: 20px; }

/*main*/
	/*main{ padding-top:50px;}*/
	/*footer*/

.footer_nav { width: 100%; float: none; margin-bottom: 20px; }

.footer_nav li { width: 14.285%; }

.contact_way { text-align: center; }

.footer_bot { text-align: center; }

.footer_logo { float: none; width: 80%; max-width: 291px; margin: 0 auto; }

.copyright { float: none; }

.way_public li { width: 20%; }

.way_info li { margin-bottom: 10px; }
}
 @media only screen and (max-width: 767px) {

.header_handle { display: block; margin: 10px 0 0; }

.footer_nav li { width: 25%; }

.f_subclass { display: none; }

.footer_nav li a.f_item0 { margin-bottom: 10px; }
}


/*=============status*/

.status { padding-top: 7%; color: #fff; }

.status_detail { max-width: 1110px; margin: 20px auto; text-align: justify; line-height: 1.6; }

.status_dec01 { display: block; margin: 0 auto; width: 30%; max-width: 188px; }

/*==========challenge*/

.challenge { padding: 5% 0; }

.challenge_show { margin-top: 30px; }

.challenge_show li { /*width:33.33%; float: left; */ border-left: 1px solid #d2d2d2; min-height: 195px; padding: 0 3%; text-align: center; }

.challenge_show .owl-item:first-child li { border-left: none; }

.challenge_show li a { display: block; }

.challenge_show li img { display: block; width: 30%; max-width: 90px; margin: 0 auto 15px; }

.challenge_des { line-height: 1.77; max-width: 385px; margin: 0 auto; }

/*============growth*/

.growth { padding: 5% 0; height: 780px; color: #fff; }

#growth_scr { width: 98%; margin-top: -20px; }

#growth_scr .owl-dots { margin-top: 30px; }

#growth_scr .owl-dots .owl-dot { margin: 0 5px; }

#growth_scr .owl-dots .owl-dot span { border-radius: 50%; width: 10px; height: 10px; background: #fff; opacity: .50; }

#growth_scr .owl-dots .owl-dot.active span { opacity: 1; }

#growth_scr .owl-item { float: none; display: inline-block; vertical-align: top; }

#growth_scr .item { overflow: hidden; }

.growth_line { display: block; float: left; width: 18px; height: 18px; position: relative; margin-right: 10px; }

.growth_line em { display: block; width: 100%; height: 0; position: absolute; top: 0; left: 0; background: url(../images/growth_02.png) center top no-repeat; }

.growth_line em:before { content: ""; position: absolute; top: 9px; left: 50%; width: 2px; margin-left: -1px; height: 100%; background: #fff; }

.growth_line01 { height: 130px; }

.growth_line02 { height: 150px; }

.growth_line03 { height: 160px; }

.growth_line04 { height: 220px; }

.growth_line05 { height: 130px; }

.growth_line06 { height: 200px; }

.growth_line07 { height: 190px; }

.growth_line08 { height: 117px; }

#growth_scr .owl-item:nth-child(1) .item { padding-top: 335px; }

#growth_scr .owl-item:nth-child(2) .item { padding-top: 260px; }

#growth_scr .owl-item:nth-child(3) .item { padding-top: 325px; }

#growth_scr .owl-item:nth-child(4) .item { padding-top: 185px; }

#growth_scr .owl-item:nth-child(5) .item { padding-top: 212px; }

#growth_scr .owl-item:nth-child(6) .item { padding-top: 128px; }

#growth_scr .owl-item:nth-child(7) .item { padding-top: 45px; }

#growth_scr .owl-item:nth-child(8) .item { }

.growth_info { overflow: hidden; max-width: 136px; }

.growth_year { display: block; line-height: 1; margin-bottom: 10px; font-family: Impact; }

.growth_text { font-size: 12px; line-height: 20px; }

/*================goodness*/

.goodness { padding: 5% 0; }

.goodness_sort { margin-top: 30px; margin-bottom: 5%; }

.goodness_sort li { text-align: center; line-height: 1.5; padding: 0 3%; border-left: 1px solid #d2d2d2; }

.goodness_sort .owl-item:first-child li { border: none; }

.goodness_sort li img { display: block; margin: 0 auto 20px; width: 30%; max-width: 110px; }

.goodness_des { max-width: 385px; margin: 0 auto; }

.goodness_detail { }

.goodness_detail dt { width: 48%; margin-right: 4%; max-width: 760px; float: left; }

.goodness_detail dd { overflow: hidden; line-height: 2; color: #666; }

/*===============fruit*/

.fruit { padding: 5% 0; background-color: #efefef; }

.fruit_detail { line-height: 1.8; color: #666; }

/*================================================新同有 新存储 新价值*/

.banner_txt p.ico_video { margin-top: 20px; }

p.ico_video a:hover { opacity: .80; }

.sec_newly { color: #333; }

/*============newly_toyou*/

.newly_toyou { padding: 4% 0; }

.title06 { text-align: center; margin-bottom: 40px; }

.title06 span { display: block; position: relative; padding-bottom: 25px; margin-bottom: 15px; }

.title06 span:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 11px; background: url(../images/strategy_06_a.png) center top no-repeat; }

.title06_dif span:before { background-image: url(../images/strategy_06_b.png); }

.title06 p { letter-spacing: 0.4em; }

/*toyou_show*/

.toyou_show { margin: 0 -3.65%; }

.toyou_show li { width: 33.33%; padding: 0 3.65%; float: left; text-align: center; }

.toyou_ico { display: inline-block; position: relative; width: 50%; max-width: 137px; margin-bottom: 10px; }

.toyou_ico img { display: block; }

img.toyou_ico_item { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; }

.toyou_caption { margin-bottom: 10px; font-weight: bold; }

.toyou_des { line-height: 2; text-align: justify; }

/*===========newly_storage*/

.newly_storage { color: #fff;/* background-attachment: fixed;*/ }

.storage_detail { padding: 4% 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.storage_text { max-width: 982px; margin: 0 auto; line-height: 2; text-align: justify; }

.storage_tushi { padding: 4% 0; position: relative; background: #f0f1f2 /*url(../images/storage_02.png) center bottom no-repeat*/;/* background-size: contain;*/ }

.storage_tushi img { position: relative; z-index: 1; }

/*===========newly_value*/

.newly_value { }

.value_detail { padding: 4% 0 0; }

/*value_data*/

#value_data { text-align: center; }

#value_data .owl-item { float: none; display: inline-block; vertical-align: bottom; }

#value_data .owl-dots { margin-top: 20px; }

#value_data .owl-dots .owl-dot span { width: 26px; height: 36px; position: relative; }

#value_data .owl-dots .owl-dot span:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -1px; width: 2px; height: 10px; background: #2b71b8; }

#value_data .owl-dots .owl-dot.active span:before { height: 100%; }

.data_tit { }

.data_num { display: block; color: #2e6daf; font-family: Impact; }

.data_line { display: block; width: 24px; height: 24px; position: relative; margin: 10px auto 0; }

.data_line em { display: block; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; background: url(../images/value_04.png) center top no-repeat; }

.data_line em:before { content: ""; position: absolute; top: 12px; left: 50%; width: 1px; height: 100%; background: #2e6daf; }

.data_line01 { height: 230px; }

.data_line02 { height: 90px; }

.data_line03 { height: 190px; }

.data_line04 { height: 100px; }

.data_line05 { height: 150px; }

.data_line06 { height: 90px; }

.data_line07 { height: 150px; }

.data_line08 { height: 170px; }

.data_line09 { height: 80px; }

.value_show { }

.value_show li { width: 50%; padding: 3%; color: #fff; text-align: justify; float: left; height: 400px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.value_show li img { display: block; margin: 0 auto 15px; }

.value_capton { margin-bottom: 15px; text-align: center; font-weight: bold; }

.value_des { line-height: 2; max-width: 500px; margin: 0 auto; }

.value_show li.show_dif { width: 100%; float: none; }

.value_show li.show_dif .value_des { max-width: 1000px; }

/*================================================资料中心*/

.sec_data { padding: 4% 0; color: #333; }

/*====data_files*/

.data_files { padding-top: 2%; }

.data_item { text-align: center; margin-bottom: 40px; }

.data_scr { }

#data_scr_files .owl-stage-outer { padding-top: 1px; }

.files_list { margin: 0 -45px; }

.files_list li { width: 33.33%; float: left; padding: 0 45px; margin-top: -1px; }

.files_list li a { display: block; overflow: hidden; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; line-height: 40px; padding: 30px 60px 30px 0; position: relative; }

.files_list li a:before { content: ""; position: absolute; top: 50%; right: 0; margin-top: -20px; width: 26px; height: 40px; background: url(../images/data_01b.png) center bottom no-repeat; background-size: cover; }

.files_list li a span { display: block; white-space: nowrap; text-overflow: ellipsis; }

.files_list li a:hover { color: #2b71b8; }

.files_list li a:hover:before { background-position: center top; }

/*=====data_gallery*/

.data_gallery { background-color: #efefef; }

.gallery_list { margin: -20px; }

.gallery_list li { width: 25%; float: left; text-align: center; padding: 20px; }

.gallery_list li a { display: block; }

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

.gallery_img img { display: block; }

.gallery_caption { line-height: 60px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.gallery_list li a:hover { background: #fff; color: #2b71b8; box-shadow: 0 0 10px -2px rgba(0,0,0,.30); }

.gallery_list li a .gallery_img img { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; width: 100%; position: relative; }

.gallery_list li a:hover .gallery_img img { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

/*=====data_video*/

.data_video { }

.video_list { margin: -15px -28px; }

.video_list li { width: 33.33%; float: left; padding: 15px 28px; text-align: center; }

.video_list li a { display: block; position: relative; }

.video_list li a:before { content: ""; position: absolute; bottom: 0; left: 50%; opacity: 0; width: 0; height: 1px; background: #2b71b8; }

.video_img { overflow: hidden; position: relative; background: #000; }

.video_img:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/data_02.png) center center no-repeat; background-size: 90px; }

.video_img img { display: block; opacity: .80; }

.video_caption { line-height: 60px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.video_list li a:hover { color: #2b71b8; }

.video_list li a:hover:before { left: 0; width: 100%; opacity: 1; }

.video_list li a .video_img img { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 600ms; width: 100%; position: relative; }

.video_list li a:hover .video_img img { opacity: 1; -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 600ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 600ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 600ms; }

/*video_end*/

.video_end { color: #333; padding-bottom: 5%; }

.video_end_tit { text-align: center; margin-bottom: 40px; }

.video_end_show { height: 715px; }

 @media only screen and (max-width: 1280px) {
     
.logo{ height: 40px;}

 }
 
 @media only screen and (max-width: 1440px) {
     
.about_nav li a , .cpdetail p{font-size: 16px;}	 
.spread_city{ margin: 0 -15px;}
.spread_city li.li_item0{ padding: 15px;}
.links_ul li a span { padding: 35px 0; }

.honor_tab li a { padding: 0 40px; }

.dynamic_rec { height: 456px; }

.dynamic_list { margin-bottom: -15px; }

.dynamic_list li { margin-bottom: 15px; }

.d_r_info { height: 142px; padding: 20px 30px 0; }

.d_r_tit { margin-bottom: 10px; }

.news_list { margin: -10px -25px; }

.news_list li { padding: 10px 25px; }

.news_overview { padding-top: 15px; }

.n_o_tit a { line-height: 30px;  }

.sec_join03 { height: 438px; }

.career_list li img { width: 150px; }

.p_f_ul { margin-left: -5px; }

.p_f_ul li.li01 { padding-left: 5px; }

.HQ_part,
 .HQ_info { padding-top: 0; }

.HQ_list li { margin-bottom: 20px; }

.HQ_part li { margin-bottom: 10px; }

.spread_city { margin: 0 -15px; }

.spread_city li.li_item0 { padding: 15px; }

/*apply_form*/

.apply_fill { padding: 10px 0; }

.apply_fill label,
.apply_txt { height: 50px; line-height: 50px; }

.apply_btn { width: 320px; height: 62px; border-radius: 31px; }

.introduction_show li a span img { width: 40px; height: 40px; }

.introduction .aniwrp { right: 260px; }

.introduction .content { right: 510px; }

.introduction .content-item { width: 510px; }

.files_list { margin: 0 -25px; }

.files_list li { padding: 0 25px; }

.gallery_list { margin: -15px; }

.gallery_list li { padding: 15px; }

.video_list { margin: -15px; }

.video_list li { padding: 15px; }
}
 @media only screen and (max-width: 1279px) {
	 
.news2_list{ margin: -10px;}

.news2_list li{ padding:10px;}

.about_links.links_scr { position: initial; position: inherit; z-index: 1; }

.about_nav { right: 20px; }

.about_nav li a { line-height: 52px; }

.about_nav li { padding-bottom: 8px; }

.about_nav li:before { height: 8px; }

.links_ul li a span { padding: 20px 0; }

.links_ul li a span img { width: 35px; margin-right: 10px; }

.honor_tab li a { padding: 0 20px; }

.honor_list { padding: 0; }

.honor_list .owl-nav { display: block; text-align: center; }

.honor_list .owl-nav .owl-prev,
 .honor_list .owl-nav .owl-next { position: relative; top: auto; left: auto; right: auto; display: inline-block; width: 34px; height: 34px; background-size: 15px; margin: 0 5px; }

.culture { height: 336px; }

.culture_list li { height: 84px; line-height: 83px; }

.culture_ico { width: 120px; }

.culture_ico img { width: 45px; }

.culture_item { padding-right: 45px; }

.culture_item:before { width: 30px; }

.duty_info { height: 186px; padding: 30px 30px 0; }

.des_txt { line-height: 26px; max-height: 78px; }

.deve_block:before { width: 44px; height: 44px; right: -22px; }

.deve_block_dif:before { right: auto; left: -22px; }

.news_list { margin: -10px; }

.news_list li { padding: 10px; }

.n_o_tit a { line-height: 26px;   }

.n_o_txt { margin-bottom: 0; }

.wh_list { padding: 14px 0; }

.wh_list:before { left: 0; }

.wh_list li { width: 100%; float: none; padding: 0 20px; }

.sec_join03 { height: 338px; }

.reward_list li img { width: 70px; }

.career_list li img { width: 120px; }

.sec_join06 { height: 344px; }

a.recruit_link { line-height: 62px; }

a.recruit_link span { min-width: auto; }

.recruit_forewords { height: auto; }

.post_form { padding-top: 20px; padding-bottom: 20px; }

.p_f_ul li.li01 { width: 25%; }

.p_f_ul li.post_search { width: 50%; float: left; }

.post_item { padding: 15px 0; }

.introduction { margin-top: 0; }

/*.introduction #wrp{ height: 524px;}*/

.introduction #bgline img { width: 840px; height: 524px; }

.introduction .center { width: 262px; height: 262px; left: 290px; top: 220px; }

.introduction .incenter { width: 166px; height: 166px; margin: 48px; }

.introduction .sun { width: 90px; height: 90px; margin: 38px; }

.introduction .cells h3 { width: 75px; height: 75px; line-height: 75px; }

.introduction .cells .bg { top: 17px; left: 17px; }

.introduction .cells img { width: 52px; height: 52px; }

.introduction .texttitle { width: 167px; top: 300px; left: 465px; }

.introduction .texttitle .line .line1 { width: 145px; height: 1px; margin-top: 5px; }

.introduction .texttitle .circle { width: 12px; height: 12px; }

.introduction #cell-1 { left: 440px; top: 40px; }

.introduction #cell-2 { left: 560px; top: 170px; }

.introduction #cell-3 { left: 260px; top: 130px; }

.introduction .content { top: 40px; right: 440px; }

.introduction .content-item { width: 410px; }

.introduction_show { margin: 0 -10px; }

.introduction_show li { width: 50%; margin-top: 0; padding: 0 10px; }

.introduction_show li a { padding: 10px 0; }

.introduction_show li a span img { width: 30px; height: 30px; }

.growth { height: auto; }

#growth_scr { margin-top: 50px; }

#growth_scr .owl-item { vertical-align: bottom; }

#growth_scr .owl-item:nth-child(n) .item { padding-top: 0; }

.toyou_show { margin: 0 -20px; }

.toyou_show li { padding: 0 20px; }

.video_img:before { background-size: 60px; }

.video_end_show { height: 515px; }

.school_video_show { height: 480px; }
}
 @media only screen and (max-width: 991px) {
.spread_city li.kehu{ width:33.33%}

.spread_city{ margin:-10px;}

.spread_city li.li_item0{ padding:10px; width:50%;}

.culture { position: relative; height: 242px; }

.culture_img { width: 100%; float: none; }

.culture_list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.90); }

.culture_list li { height: 64px; line-height: 63px; }

.culture_ico { width: 45px; }

.culture_ico img { width: 25px; }

.culture_item { padding-right: 15px; margin-right: 10px; }

.culture_item:before { width: 10px; }

.culture_txt { padding-left: 3%; }

.dynamic_rec,
 .dynamic_dif .dynamic_rec { width: 100%; height: auto; float: none; margin: 0 auto 4%; }

.d_r_tit { margin-bottom: 0; }

.d_r_info { height: 112px; padding: 10px 20px; }

a.dynamic_more { width: 35px; }

.dynamic_list li { padding-right: 35px; }

.back_list { padding-right: 35px; background-size: 25px; }

.reward_list li img { width: 50px; }

.career_list li img { width: 90px; }

.spread_city { margin: -10px; }

.spread_city li.li_item0 { padding: 10px; width: 50%; }

.r_f_end span { padding-left: 50px; }

.r_f_end span:before { width: 30px; }

.page02 a { width: 30px; height: 30px; line-height: 30px; }

.page02 a.page_btn { width: 60px; margin: 0 10px; }

/*apply_form*/

.apply_fill { padding: 0; }

.apply_fill label { width: 106px; }

.apply_btn { width: 168px; height: 48px; border-radius: 24px; }

.apply_fill label,
.apply_txt { height: 40px; line-height: 40px; }

.introduction { margin-top: 50px; }

.introduction .aniwrp { right: auto; position: absolute; top: 0; left: -220px; }

.introduction #wrp { height: 430px; }

.introduction #bgline img { width: 690px; height: 430px; }

.introduction #cell-1 { left: 360px; top: -50px; }

.introduction #cell-2 { left: 450px; top: 60px; }

.introduction #cell-3 { left: 250px; top: 10px; }

.introduction .center,
 .introduction .texttitle { display: none; }

.introduction .content { right: auto; top: auto; width: 100%; position: relative; padding: 140px 0 30px; }

.introduction .content-item { width: 100%; position: relative; top: auto; opacity: 1; filter: alpha(opacity=100); display: none; }

.introduction .content-item.active { display: block; }

.files_list { margin: 0 -15px; }

.files_list li { padding: 0 15px; }

.video_end_show { height: auto; }

.school_video_show { height: 380px; }

.banner_school .banner_txt p { padding-bottom: 0; background: none; }

table.table_trip thead tr th,
table.table_trip tbody tr td { padding-top: 15px; padding-bottom: 15px; white-space: nowrap; }

.table-responsive { width: 100%; overflow-y: hidden; overflow-x: auto; }
}
 @media only screen and (max-width: 767px) {
	 
.news2_list{ margin:-10px -5px;}

.news2_list li{ width:50%; padding: 10px 5px;}
	 
.spread_city li.li_item0{ width:100%;}

.cpdetail p{ font-size:14px;}

.spread_city li.li_item0 a{ height:auto; padding-bottom: 10px;}

.serviceBg1 { background: url(../images/service01.png) no-repeat left; background-size: 22px; line-height: 35px; }

.serviceBg2 { background: url(../images/service02.png) no-repeat left; background-size: 24px; line-height: 35px; }

.serviceBg3 { background: url(../images/service03.png) no-repeat left; background-size: 24px; line-height: 35px; }

.serviceBg4 { background: url(../images/service04.png) no-repeat left; background-size: 24px; line-height: 35px; }

.common_tab li { width: 25%; margin-top: 10px; }

.common_tab li a { padding-bottom: 10px; }

.common_tab li a:before { height: 2px; }

.about_nav { width: 100%; right: 0; bottom:10px; padding: 0 20px; }

.about_nav li a { line-height: 1.8; font-size:14px; }

.about_nav li { padding-bottom: 5px;      width: 25%}

.about_nav li:before { height: 5px; }

.links_ul li { width: 25%; }

.links_ul li a span img { display: block; width: 25px; margin: 0 auto 5px; }

.who_img { width: 100%; float: none; margin: 0 auto 5%; }

.deve_overview,
.deve_year { width: 100%; float: none; padding: 0; }

.deve_overview { margin-bottom: 5%; }

.deve_thumbs:before { top: 11px; }

.deve_thumbs li { width: 30%; }

.deve_thumbs li a { padding-top: 30px; background-size: 22px; }

.deve_thumbs li a span { padding: 0; }

.deve_thumbs li a span:before { display: none; }

.deve_tree { padding: 40px 0 40px 60px; }

.deve_tree:before { left: 0; margin: 0; }

.deve_dec img { margin: 0; margin-left: -8px; }

.deve_block,
 .deve_block_dif { width: 100%; padding: 0; text-align: left; margin: 0 0 40px; }

.deve_block:last-child { margin-bottom: 0; }

.deve_block:before { width: 24px; height: 24px; left: -68px; }

.deve_block .deve_tit,
 .deve_block_dif .deve_tit { padding-right: 0; margin-right: 0; background-position: left center; background-image: url(../images/ico_25.png); padding-left: 30px; margin-left: -30px; text-align: left; margin-top: 5px; }

.deve_dec02 { text-align: left; }

.deve_block .deve_show li span { display: block; color: #2b71b8; line-height: 1; margin-bottom: 10px; text-align: left }

.deve_block_dif { text-align: left; padding-right: 0; /*padding-left: 80px; margin-top: 180px;*/ }

.deve_block.deve_block_dif .deve_show li span { text-align: left }

.news_list { margin: -10px -5px; }

.news_list li { width: 50%; padding: 10px 5px; }

.n_o_tit a { line-height: 24px;   }

.n_o_txt { line-height: 20px; height: 40px; }

.news_overview { padding-top: 10px; padding-bottom: 10px; }

.news_list li a.storage_more { display: none; }

.know,
 .wenhua,
 .in_box,
 #in_annual .in_show,
#in_annual .in_con { width: 100%; float: none; }

.know { margin-bottom: 50px; }

.know_box { padding-top: 30px; }

.annual_box .in_item { position: inherit; position: initial; width: 100%; }

#in_annual .in_con { margin-top: 10px; }

#in_annual .owl-nav { top: -75px; }

.sec_join04 { text-align: left; }

.reward_list li { width: 100%; float: none; }

.reward_list li img { float: left; margin-right: 20px; }

.reward_list li span { overflow: hidden; padding-bottom: 10px; margin: 0 0 10px; }

.reward_list li span:before { left: 0; height: 1px; }

.reward_des { overflow: hidden; }

.career_list li { width: 100%; float: none; overflow: hidden; }

.career_list li img { float: left; margin: 0 20px 0 0; }

.career_des { max-width: none; overflow: hidden; line-height: 24px; }

.p_f_ul li.li01,
 .p_f_ul li.post_search { width: 100%; }

.p_f_ul li.li01 label { line-height: 42px; width: 22%; }

.p_f_ul li.li01 .part_sel { width: 78%; }

.p_f_ul li.li01 .part_sel .dropdown,
 .p_f_ul li.post_search .search .search_txt input { height: 42px; line-height: 42px; text-align: left; }

.dropdown .selected { font-size: 14px; line-height: 42px; }

.p_f_ul li.post_search .search .search_btn { width: 42px; height: 42px; }

.post_des li { width: 100%; float: none; padding: 0; }

.post_detail .post_text { margin-left: 0; margin-right: 0; }

.post_block { width: 100%; float: none; padding: 0; margin-bottom: 4%; }

.post_text { margin: 0; }

.post_text:before { display: none; }

.post_bot { line-height: 40px; }

.post_detail .post_bot a.post_apply { float: none; margin: 0; }

.growth_road { line-height: 1.7; margin-top: 20px; }

.growth_road h6 { line-height: 1.7; }

.city_info li.li_di { min-height: auto; }

.HQ_img { width: 100%; float: none; margin: 0 auto; }

.HQ_info,
 .HQ_part { width: 100%; float: none; padding: 10px 0; margin: 0; border: none; border-bottom: 1px solid rgba(255,255,255,.20); }

.HQ_part { padding-left: 20px; }

.HQ_part li { line-height: 1.5; }

.HQ_list li { margin-top: 20px; }

.spread_city li.li_item0 { width: 100%; }

.spread_city li.li_item0 a { height: auto; padding-bottom: 10px; }

.who_head dt { width: 100%; float: none; margin: 0 auto 5%; }

.challenge_des { max-width: none; }

.goodness_des { max-width: none; }

.goodness_detail dt { width: 100%; float: none; margin: 0 0 20px; }

.toyou_show { margin: -10px 0; }

.toyou_show li { width: 100%; float: none; overflow: hidden; text-align: left; padding: 10px 0; }

.toyou_ico { width: 80px; float: left; margin-right: 15px; }

.toyou_caption,
.toyou_des { overflow: hidden; }

.files_list { margin: 0 -5px; }

.files_list li { padding: 0 5px; width: 100%; }

.files_list li a { padding-top: 10px; padding-bottom: 10px; }

.gallery_list { margin: -5px; }

.gallery_list li { padding: 5px; width: 50%; }

.video_list { margin: -5px; }

.video_list li { padding: 5px; width: 100%; }

.video_list li a { max-width: 496px; margin: 0 auto; }

.content-item h6 { background-size: 10px; padding-left: 20px; }

.school_video_show { height: 280px; }

#post_scr .item { height: 298px; padding: 20px 10px; }

.post_list li a { padding: 5px 0 5px 10px; }

.post_list li a:before { width: 3px; height: 3px; top: 18px; }

.advance_txt li { line-height: 1.8; margin-bottom: 10px; }

.self_info .item dt { width: 136px; float: none; margin: 0 auto 20px; }

.self_thumbs .current .item a:before { border-width: 3px; }

#flow_scr { width: 100%; }

#flow_scr .owl-item:nth-child(n):before,
 #flow_scr .owl-item:nth-child(n):after { display: none; }

#flow_scr .owl-item:nth-child(n) .item { padding-top: 0; padding-bottom: 0; }

.idea_bg_pc { display: none; }

.idea_bg_phone { display: block; }

.post_item span,
 a.post_more { font-size: 12px; }

/*float*/

footer { padding-bottom: 65px; }

.float { width: 100%; top: auto; bottom: 0; margin: 0; }

.float li { width: 25%; float: left; }

.float li a { padding: 6px 0; }

.float li a:before { width: 1px; height: 30px; left: auto; right: 0; bottom: auto; top: 50%; margin: -15px 0 0 0; }

.float li a em { width: 100%; }

/*line-height*/

.solution_des { line-height: 22px; height: 88px; }

.news_des { line-height: 22px; max-height: 44px; }

.news_rec .news_des { max-height: 66px; }

.news_caption a,
 .pro_des,
 .post_info { line-height: 22px; }

.news_rec .news_caption a { max-height: 44px; }
}

label.label_sel { display: inline-block; float: none; width: auto; }

label.label_sel:before { display: none; }

/*css控制单行显示*/

.p_f_item,
.cases_info .s_r_tit a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*font*/ 

.f160 { font-size: 160px; }

.f100 { font-size: 100px; }

.f74 { font-size: 74px; }

.f72 { font-size: 72px; }

.f68 { font-size: 68px; }

.f64 { font-size: 64px; }

.f52 { font-size: 52px; }

.f48 { font-size: 48px; }

.f46 { font-size: 46px; }

.f42 { font-size: 42px; }

.f36 { font-size: 36px; }

.f34 { font-size: 34px; }

.f32 { font-size: 32px; }

.f30 { font-size: 30px; }

.f28 { font-size: 28px; }

.f26 { font-size: 26px; }

.f24 { font-size: 24px;/* width:1000px;*/ margin: 0 auto; text-align: center; }
.ff24 { font-size: 13px;/* width:1000px;*/ margin: 0 auto;  }

.f22 { font-size: 22px; }

.f20 { font-size: 20px; }

.f18 { font-size: 18px; }

.f18s { font-size: 18px; line-height: 34px; width: 65%; margin: auto; text-align: justify; }

.f16 { font-size: 16px; }
 @media only screen and (max-width: 1680px) {

.f160 { font-size: 130px; }

.f100 { font-size: 80px; }

.f74 { font-size: 64px; }

.f72 { font-size: 62px; }

.f68 { font-size: 58px; }

.f64 { font-size: 54px; }

.f52 { font-size: 48px; }

.f48 { font-size: 44px; }

.f46 { font-size: 42px; }

.f42 { font-size: 38px; }

.f36 { font-size: 32px; }

.f34 { font-size: 30px; }

.f32 { font-size: 28px; }

.f30 { font-size: 26px; }

.f28 { font-size: 24px; }

.f26 { font-size: 22px; }

.f24 { font-size: 20px; }

.f22 { font-size: 18px; }

.f20 { font-size: 18px; }

.f18 { font-size: 17px; }

.f18s { font-size: 17px; }

.f16 { font-size: 15px; }
}
 @media only screen and (max-width: 1440px) {

.f160 { font-size: 100px; }

.f100 { font-size: 70px; }

.f74 { font-size: 60px; }

.f72 { font-size: 58px; }

.f68 { font-size: 54px; }

.f64 { font-size: 50px; }

.f52 { font-size: 44px; }

.f48 { font-size: 40px; }

.f46 { font-size: 38px; }

.f42 { font-size: 34px; }

.f36 { font-size: 28px; }

.f34 { font-size: 26px; }

.f32 { font-size: 24px; }

.f30 { font-size: 22px; }

.f28 { font-size: 22px; }

.f26 { font-size: 20px; }

.f24 { font-size: 18px; }

.f22 { font-size: 16px; }

.f20 { font-size: 16px; }

.f18 { font-size: 16px; }

.f18s { font-size: 16px; line-height: 28px; }

.f16 { font-size: 14px; }
}
 @media only screen and (max-width: 1279px) {

.f160 { font-size: 80px; }

.f100 { font-size: 60px; }

.f74 { font-size: 56px; }

.f72 { font-size: 54px; }

.f68 { font-size: 50px; }

.f64 { font-size: 46px; }

.f52 { font-size: 40px; }

.f48 { font-size: 36px; }

.f46 { font-size: 34px; }

.f42 { font-size: 30px; }

.f36 { font-size: 24px; }

.f34 { font-size: 22px; }

.f32 { font-size: 20px; }

.f30 { font-size: 20px; }

.f28 { font-size: 20px; }

.f26 { font-size: 18px; }

.f24 { font-size: 16px; }

.f22 { font-size: 16px; }

.f20 { font-size: 16px; }

.f18 { font-size: 16px; }

.f18s { font-size: 16px; line-height: 28px; }

.f16 { font-size: 14px; }
}
@media only screen and (max-width: 991px) {

.f160 { font-size: 70px; }

.f100 { font-size: 50px; }

.f74 { font-size: 48px; }

.f72 { font-size: 48px; }

.f68 { font-size: 46px; }

.f64 { font-size: 42px; }

.f52 { font-size: 32px; }

.f48 { font-size: 28px; }

.f46 { font-size: 26px; }

.f42 { font-size: 24px; }

.f36 { font-size: 22px; }

.f34 { font-size: 20px; }

.f32 { font-size: 18px; }

.f30 { font-size: 18px; }

.f28 { font-size: 18px; }

.f26 { font-size: 16px; }

.f24 { font-size: 16px; }

.f22 { font-size: 16px; }

.f20 { font-size: 14px; }

.f18 { font-size: 14px; }

.f18s { font-size: 14px; line-height: 24px; }

.f16 { font-size: 14px; }
}
 @media only screen and (max-width: 767px) {
	
.article table{ font-size:12px;}

.article table tr td{ padding:1px;}
 

.f160 { font-size: 60px; }

.f100 { font-size: 40px; }

.f74 { font-size: 38px; }

.f72 { font-size: 38px; }

.f68 { font-size: 36px; }

.f64 { font-size: 32px; }

.f52 { font-size: 28px; }

.f48 { font-size: 24px; }

.f46 { font-size: 22px; }

.f42 { font-size: 20px; }

.f36 { font-size: 18px; }

.f34 { font-size: 18px; }

.f32 { font-size: 16px; }

.f30 { font-size: 16px; }

.f28 { font-size: 16px; }

.f26 { font-size: 16px; }

.f24 { font-size: 14px; }

.f22 { font-size: 14px; }

.f20 { font-size: 14px; }

.f18 { font-size: 14px; }

.f18s { font-size: 14px; line-height: 22px; width: 90% }

.f16 { font-size: 14px; }
}

 @media only screen and (max-width: 440px) {
	 #news_swiper .item a img{ width:100%; height:auto}
 }
 @media only screen and (max-width: 375px) {

.f160 { font-size: 50px; }

.f100 { font-size: 36px; }

.f68 { font-size: 28px; }

.f64 { font-size: 24px; }

.f52 { font-size: 24px; }

.f48 { font-size: 22px; }

.f46 { font-size: 20px; }

.f42 { font-size: 18px; }

.f36 { font-size: 16px; }

.f34 { font-size: 16px; }

.f32 { font-size: 16px; }

.f30 { font-size: 16px; }

.f28 { font-size: 14px; }

.f26 { font-size: 14px; }

.f24 { font-size: 14px; }

.f22 { font-size: 14px; }

.f20 { font-size: 14px; }

.f18 { font-size: 14px; }

.f18s { font-size: 13px; line-height: 22px; }

.f16 { font-size: 12px; }

body,
html { font-size: 12px; }

a.more02 { font-size: 12px; }
}

a,
*:before,
*:after,
.owl-carousel .owl-dots .owl-dot span,
.owl-nav div,
input[type="submit"],
input[type="reset"],
input[type="button"],
sup,
.menu_ico i,
.logo img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/*图片由小变大*/

aa { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 400ms; width: 100%; position: relative; }

aa { -webkit-transform: scale(1.10, 1.10); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1.10, 1.10); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1.10, 1.10); transition-timing-function: ease-out; transition-duration: 400ms; }

/*图片横向*/

.aa { display: block; max-width: none; width: -webkit-calc(100% + 10px); width: calc(100% + 10px); -webkit-transition: opacity 0.60s, -webkit-transform 0.60s; transition: opacity 0.60s, transform 0.60s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }

.aa { opacity: 1.0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/*图片纵向*/

aa { display: block; max-width: none; height: -webkit-calc(100% + 10px); height: calc(100% + 10px); -webkit-transition: opacity 0.60s, -webkit-transform 0.60s; transition: opacity 0.60s, transform 0.60s; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

aa { opacity: 1.0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }