@charset 'utf-8';
body { font-family: '微软雅黑', Arial; background: #fff }
.footer {background: #fff !important;}
.scale_img dl dt img, .scale_img li  img {
    -o-transition: all 1s linear 0s;
    transition: all 1s linear 0s
}

.scale_img dl:hover dt img, .scale_img li:hover img {
    -webkit-transform: scale(1.05) rotate(0deg) translateY(0);
    -ms-transform: scale(1.05) rotate(0deg) translateY(0);
    transform: scale(1.05) rotate(0deg) translateY(0)
}

h2.main_title { margin-bottom: 45px }
h2.main_title a { width: 1200px; margin: 0 auto; overflow: hidden; display: block; text-align: center; line-height: 0; font-size: 0 }
h2.main_title a b { display: block }
h2.main_title a strong { display: inline-block; font-size: 44px; line-height: 100%; color: #333 }
h2.main_title a strong:first-child { font-weight: 400 }
h2.main_title a i { display: inline-block; width: 6px; height: 6px; background: rgba(0, 0, 0, .24); border-radius: 50%; margin: 11px 14px }
h2.main_title a span { display: inline-block; font-size: 18px; line-height: 48px; color: #666; font-weight: 400; letter-spacing: 1px; position: relative }
h2.main_title a span:before, h2.main_title a span:after { width: 417px; height: 17px; background: url(../images/tbg1.png) no-repeat right center; position: absolute; content: ""; top: 17px }
h2.main_title a span:before { left: -444px }
h2.main_title a span:after { right: -444px; background: url(../images/tbg2.png) no-repeat left center }

.fullSlide { position: relative; z-index: 1; clear: both; width: 100% }
.fullSlide .tempWrap { margin: 0 auto }
.fullSlide .bd { position: relative; z-index: 1; overflow: hidden; margin: 0 auto }
.fullSlide .bd .li img { display: block; width: 100%; height: auto !important }
.fullSlide .hd { position: absolute; bottom: 30px; width: 100%; height: 18px; cursor: pointer; text-align: center; z-index: 9; font-size: 0 }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; margin: 0 12px; opacity: 1; border-radius: 6px; background: #fff; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { background: #fff; width: 46px }
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px; opacity: .8 }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% }

.seabox { height: 72px; background: #fff; box-shadow: 0 0 15px 4px rgba(0, 0, 0, .1) }
.seabox .k_word { font-size: 14px; line-height: 72px; padding-left: 28px; background: url(../images/hot.png) no-repeat left 20px }
.seabox .k_word strong { font-weight: 700; color: #444 }
.seabox .k_word a { color: #888; display: inline-block; margin-right: 22px; font-weight: 400; -o-transition: all .3s ease; transition: all .3s ease }
.seabox .k_word a:hover { color: #113FA7 }
.seabox .sea_inp { width: 389px; height: 38px; margin-top: 16px; border: 1px solid #D1D1D1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.seabox .sea_inp input { display: block; outline: 0; font-size: 14px }
.seabox .sea_inp .search { float: left; width: 328px; height: 36px; padding-left: 20px; color: #A0A0A0; background: 0 0; line-height: 36px; border: 0 }
.seabox .sea_inp .sub { float: right; width: 38px; height: 36px; background: #ededed url(../images/s_btn.png) no-repeat center; border: 0 }

.intro { padding-top: 60px; padding-bottom: 66px; background: url(../images/intro_bg.jpg) no-repeat center bottom }
.intro dt { width: 479px; height: 283px; float: left; overflow: hidden }
.intro dd { width: 682px; float: right }
.intro h2 { margin-left: 21px }
.intro h2 a { display: block; padding-bottom: 21px; position: relative; margin: 8px 0 11px; background: url(../images/intro_line.jpg) no-repeat -2px bottom }
.intro h2 strong { display: block; font-size: 36px; line-height: 100%; color: #333 }
.intro h2 span { display: block; font-size: 24px; line-height: 100%; color: #666; margin-top: 12px; font-weight: 400 }
.intro p { font-size: 14px; line-height: 24px; color: #666; margin-left: 23px; width: 624px }
.intro .gun { padding-top: 47px; overflow: hidden }
.intro .gun li { float: left; width: 25%; text-align: center; cursor: pointer }
.intro .gun li em { display: block; font-size: 18px; line-height: 48px; color: #333; letter-spacing: 1px; -o-transition: all .3s ease; transition: all .3s ease; height: 48px }
.intro .gun li em i { font-size: 48px; font-weight: 700; margin-right: 5px; display: inline-block; vertical-align: -3px; color: #113FA7; -o-transition: all .3s ease; transition: all .3s ease; font-family: arial }
.intro .gun li em b { display: inline-block; font-weight: 400;-o-transition: all .3s ease; transition: all .3s ease }
.intro .gun li span { display: block; font-size: 16px; line-height: 100%; color: #333; margin-top: -9px; -o-transition: all .3s ease; transition: all .3s ease; margin-top: 1px }
.intro .gun li:nth-child(2) em { font-size: 48px; font-weight: 700 }
.intro .gun li:nth-child(2) em i { margin-right: 0; vertical-align: top }
.intro .gun li:nth-child(2) em b { font-weight: 700; vertical-align: top;color: #113FA7; margin-top: -4px }
.intro .gun li:hover em, .intro .gun li:hover em i { color: #f86a2c }
.intro .gun li:nth-child(2):hover em b{color: #f86a2c}

.project { background: #f9f9f9 url(../images/product_bg.jpg) no-repeat center top; padding-top: 103px; padding-bottom: 93px }
.project_nav { margin-bottom: 46px; height: 67px; border: 1px solid #cfcfcf; position: relative }
.project_nav:before, .project_nav:after { position: absolute; content: ""; width: 1px; height: 67px; background: #cfcfcf; top: 0 }
.project_nav:before { left: 398px }
.project_nav:after { right: 398px }
.project_nav li { width: 399px; height: 67px; float: left; text-align: center; position: relative }
.project_nav li:before { position: absolute; content: ""; width: 400px; height: 69px; top: -1px; left: -1px; z-index: 2; background: #0a57a5; display: none }
.project_nav li:after { position: absolute; content: ""; border-style: solid; border-width: 6px 10px; border-color: #0a57a5 transparent transparent; bottom: -12px; left: 50%; margin-left: -10px; display: none }
.project_nav li a { display: block; width: 399px; height: 67px; position: relative; z-index: 3 }
.project_nav li i { display: inline-block; width: 32px; height: 38px; overflow: hidden; margin-top: 16px; vertical-align: top; margin-right: 20px; position: relative }
.project_nav li img { width: 32px; position: absolute; top: 0; left: 0; -o-transition: all .3s ease; transition: all .3s ease }
.project_nav li span { display: inline-block; font-size: 29px; font-weight: 400; line-height: 67px; height: 67px; color: #333; overflow: hidden }
.project_nav li:nth-child(2) { width: 400px }
.project_nav li:nth-child(2):before { left: 0 }
.project_nav li:nth-child(2) a { width: 400px }
.project_nav li.on:before, .project_nav li:hover:before, .project_nav li.on:after, .project_nav li:hover:after { display: block }
.project_nav li.on img, .project_nav li:hover img { top: -38px }
.project_nav li.on span, .project_nav li:hover span { color: #fff; font-weight: 700 }
.project_con { position: relative }
.project_con dl { height: 520px }
.project_con dt { width: 800px; height: 520px; float: left; overflow: hidden }
.project_con dt img { width: 800px }
.project_con dd { width: 400px; height: 520px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 60px 36px 34px 46px; background: #fff }
.project_con h3 a { display: block; font-size: 32px; font-weight: 400; line-height: 64px; height: 64px; color: #1b1b1b; overflow: hidden; position: relative; -o-transition: all .3s ease; transition: all .3s ease }
.project_con h3 a:after { position: absolute; content: ""; width: 23px; height: 2px; background: #025db6; left: 0; bottom: 0 }
.project_con h3 a:hover { letter-spacing: 1px }
.project_con p { font-size: 16px; line-height: 28px; color: #666; max-height: 84px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 20px 0 56px }
.project_con .subclass { overflow: hidden; margin-bottom: 76px }
.project_con .subclass a { display: block; float: left; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 12px; background: url(../images/picon.png) no-repeat left center; font-size: 15px; font-weight: 400; line-height: 28px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -o-transition: all .3s ease; transition: all .3s ease }
.project_con .subclass a:hover { color: #F86A2C }
.project_con .subclass a:nth-child(odd) { margin-right: 2% }

.info a { display: inline-block; width: 135px; background: #f86a2c; border: 1px solid #F86A2C; border-radius: 20px; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; font-size: 16px; font-weight: 400; line-height: 38px; height: 38px; color: #fff; overflow: hidden }
.info a img { display: inline-block; width: 18px; margin-right: 6px; vertical-align: sub; -o-transition: all .3s ease; transition: all .3s ease }
.info a:hover { width: 146px }
.info a:first-child { background: #fff; border-color: #0F3059; color: #333; margin-right: 14px }
.project .info a:hover {width:135px;}
.project .info a:hover img{margin-right:10px;}

.project_switch div { position: absolute; width: 60px; height: 60px; top: 220px; cursor: pointer }
.project_switch .project_prev { left: -92px }
.project_switch .project_next { right: -92px }

.industry { padding-top: 118px; padding-bottom: 109px }
.industry ul { margin: 69px auto 14px; overflow: hidden; width: 1002px }
.industry ul li { width: 201px; height: 172px; float: left; background: url(../images/ind_bg1.png) no-repeat center; text-align: center; margin-right: 66px; margin-bottom: 41px; -o-transition: all .3s ease; transition: all .3s ease }
.industry ul li a { display: block; width: 201px; height: 172px; padding-top: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.industry ul li i { display: block; width: 45px; height: 45px; overflow: hidden; position: relative; margin: 0 auto 6px }
.industry ul li img { display: block; width: 45px; position: absolute; top: 0; left: 0 }
.industry ul li h3 { font-size: 24px; line-height: 36px; color: #333; position: relative }
.industry ul li h3:after { position: absolute; content: ""; width: 77px; height: 1px; background: rgba(168, 168, 168, .35); left: 50%; margin-left: -38.5px; bottom: 0 }
.industry ul li span { display: block; font-size: 16px; line-height: 24px; color: #666 }
.industry ul li:nth-child(4n) { margin-right: 0 }
.industry ul li:hover { background-image: url(../images/ind_bg2.png) }
.industry ul li:hover img { animation: flipInY 1.5s; top: -45px }
.industry ul li:hover h3 { color: #fff }
.industry ul li:hover h3:after { background: rgba(255, 255, 255, .35) }
.industry ul li:hover span { color: #fff }
.industry .ask a { display: block; width: 280px; height: 51px; border: 1px solid #F86A2C; border-radius: 27px; -o-transition: all .3s ease; transition: all .3s ease; margin: 0 auto; position: relative; overflow: hidden; background: url(../images/ind_icon.png) no-repeat 85px 10px; text-indent: 128px; font-size: 20px; line-height: 51px; color: #f86a2c }
.industry .ask a:hover { background:#F86A2C url(../images/ind_icon1.png) no-repeat 80px 10px; text-indent: 133px; color:#fff;}

.case { background: url(../images/case_bg.jpg) no-repeat center -11px; padding-top: 80px; padding-bottom: 55px; overflow: hidden }
.case .content { height: 661px }
.case .case_con { position: relative; width: 1200px; margin-left: -6px }
.case .big { width: 782px; float: left }
.case .big dt { width: 782px; height: 440px; overflow: hidden }
.case .big dt img { width: 782px; height: 440px }
.case .big dd { box-shadow: 0 18px 10px 0 rgba(76, 79, 86, .04); background: #fff; height: 203px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 9px 28px 30px 26px }
.case .big h4 a { display: block; font-size: 22px; font-weight: 400; line-height: 64px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; -o-transition: all .3s ease; transition: all .3s ease }
.case .big h4 a:after { position: absolute; content: ""; width: 31px; height: 2px; background: #ddd; left: 0; bottom: 0; -o-transition: all .3s ease; transition: all .3s ease }
.case .big p { font-size: 14px; line-height: 24px; color: #666; margin-top: 26px }
.case .big .case_info { width: 536px; float: left }
.case .big .info { width: 148px; float: right; margin-top: 41px }
.case .big .info a { display: block; margin-bottom: 14px; width: 148px }
.case .big .info a:first-child { margin-right: 0 }
.case .big .info a:hover { width: 160px }
.case .big dl:hover h4 a { color: #f86a2c }
.case .big dl:hover h4 a:after { background: #f86a2c }
.case .smallScroll { width: 381px; float: right }
.case .smallScroll .tempWrap { padding: 0 10px; width: 401px; margin-left: -10px }
.case .smallScroll dl { margin-bottom: 18px;  }
.case .smallScroll dt { width: 381px; height: 214px; overflow: hidden }
.case .smallScroll dt img { width: 381px; height: 214px }
.case .smallScroll dd { height: 98px; width: 381px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 15px 16px; box-shadow: 0 18px 10px 0 rgba(76, 79, 86, .04) }
.case .smallScroll dd h4 { font-size: 16px; font-weight: 400; line-height: 40px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -o-transition: all .3s ease; transition: all .3s ease }
.case .smallScroll dd p { font-size: 14px; line-height: 20px; color: #999 }
/*.case .smallScroll dl:hover h4, .case .smallScroll dl.cur h4{ color: #f86a2c }*/
.case .smallScroll dl dt{position:relative;line-height: 0;}
.case .smallScroll dl dt a{display: block; width: 100%; height: 100%;}
.case .smallScroll dl dt a:after{position:absolute; content:"点击查看详情";width:100%; height:100%; background:rgba(0,0,0,.5) url(../images/case_more2.png) no-repeat center 37%;background-size: 42px auto;-webkit-background-size: 42px auto; box-sizing: border-box; padding-top: 32%; text-align: center; color:#fff; font-size: 18px; left:0; top: -100%; -o-transition: all .3s ease; transition: all .3s ease}
.case .smallScroll dl:hover dt a:after, .case .smallScroll dl.cur dt a:after {top:0; }

.case_switch { position: absolute; right: -51px; top: 0; width: 51px; z-index: 9 }
.case_switch .prevStop, .case_switch .nextStop { cursor: no-drop }
.case_switch div { width: 51px; height: 51px; background: #F86A2C; cursor: pointer; z-index: 2; -o-transition: all .3s ease; transition: all .3s ease }
.case_switch .case_next { background: #A8A8A8 }

.product { padding-top: 55px; padding-bottom: 62px }
.pro_nav { width: 280px; float: left }
.pro_nav .pro_title { width: 280px; height: 116px; background: #0a57a5 url(../images/pro_nav.png) no-repeat center -11px }
.pro_nav .pro_title a { display: block; width: 280px; height: 116px; padding-left: 71px; padding-top: 39px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.pro_nav .pro_title strong { display: block; font-size: 27px; line-height: 100%; color: #fff }
.pro_nav .pro_title span { display: block; font-size: 12px; line-height: 100%; color: rgba(255, 255, 255, .4); text-transform: uppercase; margin-top: 11px }
.pro_nav .pro_class { border: 1px solid #C7C7C7; border-top: 0; width: 280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 23px 20px 0 }
.pro_nav .pro_class h3 a { display: block; font-size: 18px; line-height: 38px; color: #333; padding-left: 50px; background: url(../images/pci1.png) no-repeat 23px center; border-bottom: 1px solid #e9e9e9; -o-transition: all .3s ease; transition: all .3s ease }
.pro_nav .pro_class h3 a:hover { color: #f86a2c }
.pro_nav .pro_class dd { margin: 14px 0 35px }
.pro_nav .pro_class h4 a { display: block; font-size: 16px; line-height: 28px; color: #666; padding-left: 44px; background: url(../images/pci2.png) no-repeat 23px center; font-weight: 400; -o-transition: all .3s ease; transition: all .3s ease }
.pro_nav .pro_class h4 a:hover { color: #f86a2c }
.pro_banner { float: right; width: 900px; height: 294px; position: relative; margin-bottom: 26px }
.pro_banner li img { width: 900px; height: 294px }
.pro_banner_switch div { width: 34px; height: 65px; position: absolute; top: 127px; z-index: 9; cursor: pointer; -o-transition: all .3s ease; transition: all .3s ease; opacity:.5; }
.pro_banner_switch div:hover {opacity:.5}
.pro_banner_switch .pro_prev { left: 31px }
.pro_banner_switch .pro_next { right: 31px }
.pro_list { width: 900px; float: right; overflow: hidden }
.pro_list li { width: 294px; height: 392px; background: #fff; border: 1px solid #dadada; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 9px; overflow: hidden }
.pro_list li a { display: block }
.pro_list li img { width: 292px }
.pro_list li h4 { position: absolute; font-size: 16px; font-weight: 400; line-height: 26px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; bottom: 42px; left: 0; z-index: 2; text-align: center; -o-transition: all .3s ease; transition: all .3s ease }
.pro_list li:last-child { margin-right: 0 }
.pro_list li:hover h4 { color: #f86a2c }

.power { background: #fafafa; padding: 108px 0 109px; clear: both }
.power_nav { overflow: hidden; margin-bottom: 37px }
.power_nav li { width: 266px; float: left; text-align: center; padding-bottom: 10px; border-bottom: 3px solid #ddd; margin-right: 45px; cursor: pointer; -o-transition: all .3s ease; transition: all .3s ease }
.power_nav li i { display: block; width: 88px; margin: 0 auto; height: 42px; position: relative; overflow: hidden }
.power_nav li i img { width: 88px; position: absolute; left: 0; top: 0; -o-transition: all .3s ease; transition: all .3s ease }
.power_nav li span { display: block; font-size: 24px; line-height: 46px; color: #000 }
.power_nav li:last-child { margin-right: 0 }
.power_nav li.on, .power_nav li:hover { border-bottom-color: #f86a2c }
.power_nav li.on i img, .power_nav li:hover i img { top: -42px }
.power_con { height: 528px; position: relative }
.power_con dl { position: relative }
.power_con dt { height: 528px; overflow: hidden }
.power_con dd { position: absolute; left: 0; bottom: 0 }
.power_con dd h3 { width: 242px; height: 98px; float: left; background: #F86A2C; text-align: center; font-size: 28px; line-height: 98px; color: #fff; position: relative }
.power_con dd h3:after { position: absolute; content: ""; border-width: 14px; border-style: solid; border-color: transparent transparent transparent #F86A2C; top: 35px; right: -28px }
.power_con dd p { width: 958px; float: left; height: 98px; background: rgba(255, 255, 255, .9); font-size: 16px; line-height: 26px; color: #666; padding-left: 35px; padding-top: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.power_switch div { width: 43px; height: 82px; position: absolute; top: 223px; cursor: pointer }
.power_switch .power_prev { left: -67px }
.power_switch .power_next { right: -67px }

.ys { background: url(../images/ys_bg.jpg) no-repeat center top; padding-top: 82px }
.ys h2 a strong { color: #fff }
.ys h2 a em { color: #f86a2c }
.ys h2 a span { color: #fff }
.ys h2 a span:before { background-image: url(../images/tbg3.png) }
.ys h2 a span:after { background-image: url(../images/tbg4.png) }
.ys dl { position: relative }
.ys dt, .ys dd { position: absolute }
.ys h3 { height: 130px; margin-bottom: 28px }
.ys h3 span { display: block; float: left; width: 76px; height: 130px; background: #064d9f url(../images/ysi.png) no-repeat center top; text-align: center; font-size: 12px; line-height: 100%; color: rgba(255, 255, 255, .45); text-transform: uppercase; font-weight: 400; margin-right: 26px }
.ys h3 span i { display: block }
.ys h3 span i:first-child { font-size: 46px; line-height: 100%; color: #fff; font-weight: 700; padding: 35px 0 5px }
.ys h3 strong { display: block; font-size: 36px; line-height: 100%; color: #fa5e13; padding-top: 29px }
.ys h3 em { display: block; font-size: 30px; line-height: 100%; color: #333; margin-top: 12px; font-weight: 400 }
.ys p { font-size: 16px; line-height: 32px; color: #4d4d4d; padding-left: 18px; background: url(../images/ysi1.png) no-repeat 4px 13px; margin-bottom: 20px }
.ys1 { margin-top: 196px; height: 408px; margin-bottom: 70px }
.ys1 dt { width: 914px; height: 408px; right: 50%; margin-right: -211px }
.ys1 dd { width: 310px; padding-right: 74px; left: 50%; margin-left: 248px; padding-top: 45px }
.ys2 { background: #F4F4F4; padding-top: 85px; padding-bottom: 70px; height: 513px }
.ys2 dt { width: 676px; height: 511px; left: 50%; margin-left: -76px }
.ys2 dd { width: 556px; right: 50%; margin-right: 76px }
.ys2 dd p { margin-bottom: 0 }
.ys2 ul { margin-top: 53px; overflow: hidden }
.ys2 ul li { width: 268px; height: 201px; float: left; margin-right: 10px }
.ys3 { height: 466px; padding-top: 86px; padding-bottom: 70px }
.ys3 dt { width: 684px; height: 456px; right: 50%; margin-left: -32px; margin-top: 14px }
.ys3 dd { width: 520px; left: 50%; margin-left: 80px }
.ys3 dd p { padding-left: 0; background: 0 0 }
.ys3 dd p strong { display: block; font-size: 40px; line-height: 100%; color: #333; font-weight: 400 }
.ys3 dd p i { font-size: 36px }
.ys4 { background: #f4f4f4; background:url(../images/ys4.jpg) no-repeat center top; padding-top: 70px; height: 392px }
.ys4 dt { width: 629px; height: 392px; left: 50%; margin-left: -29px;display:none; }
.ys4 dd { width: 500px; right: 50%; margin-right: 100px; margin-top: 58px }
.ys4 dd p { margin-bottom: 0 }

.news { padding-top: 88px }
.news h2 { margin-bottom: 13px }
.company h3 { margin-bottom: 40px }
.company h3 a { display: block; height: 25px; padding-bottom: 18px; border-bottom: 1px solid #e8e8e8 }
.company h3 span { display: inline-block; font-size: 24px; line-height: 25px; color: #313131; position: relative }
.company h3 span:after { position: absolute; content: ""; width: 100%; height: 2px; background: #0253a9; bottom: -19px; left: 0; z-index: 2 }
.company h3 img { width: 25px; float: left; margin-right: 10px }
.company h3 i { float: right; font-size: 16px; line-height: 25px; color: #333; display: block; font-weight: 400 }
.company dl { float: left; width: 560px; height: 315px; position: relative }
.company dl dt { width: 560px; height: 315px; overflow: hidden }
.company dl dt img { width: 560px; height: 315px }
.company dl dd { position: absolute; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; height: 50px; background: rgba(0, 0, 0, .43); left: 0; bottom: 0 }
.company dl dd h4 { font-size: 14px; font-weight: 400; line-height: 50px; color: #dbdada; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center }
.company ul { width: 520px; float: right; padding-right: 28px }
.company ul li { height: 97px; background: url(../images/ni3.png) no-repeat 495px bottom; -o-transition: all .3s ease; transition: all .3s ease; margin-bottom: 23px }
.company ul li span { display: block; float: left; width: 80px; height: 80px; background: #eee; font-size: 14px; line-height: 100%; color: #333; text-align: center; padding-top: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: all .3s ease; transition: all .3s ease; margin-right: 26px; font-family: arial }
.company ul li i { display: block; font-size: 36px; line-height: 100%; color: #333; padding-bottom: 4px }
.company ul li h4 { font-size: 16px; font-weight: 400; line-height: 22px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -o-transition: all .3s ease; transition: all .3s ease; margin-bottom: 15px; font-weight: 700 }
.company ul li p { font-size: 14px; line-height: 24px; color: #666 }
.company ul li:hover { background-image: url(../images/ni4.png) }
.company ul li:hover h4 { color: #f86a2c }
.faq { margin-top: 36px }
.faq .faq_nav { margin-bottom: 14px; border-bottom: 1px solid #e8e8e8; height: 26px; padding-bottom: 21px }
.faq .faq_nav h3 { float: left; margin-right: 18px }
.faq .faq_nav h3 a { display: block; height: 26px }
.faq .faq_nav h3 span { display: block; font-size: 24px; line-height: 25px; color: #313131; position: relative; padding-right: 10px }
.faq .faq_nav h3 span:after { position: absolute; content: ""; width: 100%; height: 2px; background: #0253a9; bottom: -22px; left: 0; z-index: 2 }
.faq .faq_nav h3 img { width: 26px; float: left; margin-right: 13px }
.faq .faq_nav .sub_class { float: left; height: 33px; overflow: hidden }
.faq .faq_nav .sub_class a { display: block; float: left; font-size: 15px; line-height: 26px; color: #333; margin-right: 39px; position: relative; -o-transition: all .3s ease; transition: all .3s ease }
.faq .faq_nav .sub_class a:after { position: absolute; content: ""; border-style: solid; border-width: 4.5px 5px; border-color: transparent transparent rgba(248, 106, 44, .26); left: 50%; margin-left: -4.5px; bottom: -14px; -o-transition: all .3s ease; transition: all .3s ease }
.faq .faq_nav .sub_class a:last-child { margin-right: 0 }
.faq .faq_nav .sub_class a:hover { color: #F86A2C; font-weight: 700 }
.faq .faq_nav .sub_class a:hover:after { bottom: -7px }
.faq ul li { width: 539px; float: left; border-bottom: 1px dashed #bebebe }
.faq ul li h4 { font-size: 15px; font-weight: 400; line-height: 50px; color: #595959; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 45px; position: relative; -o-transition: all .3s ease; transition: all .3s ease }
.faq ul li h4:before { position: absolute; content: ""; -o-transition: all .3s ease; transition: all .3s ease; content: "+"; width: 21px; height: 21px; border: 1px solid #8c8c8c; font-size: 14px; line-height: 21px; color: #000; text-align: center; left: 2px; top: 14px }
.faq ul li:nth-child(odd) { margin-right: 121px }
.faq ul li:nth-child(7), .faq ul li:nth-child(8) { border-bottom: 0 }
.faq ul li:hover h4 { color: #f86a2c }
.faq ul li:hover h4:before { color: #f86a2c; border-color: #f86a2c }

.about { padding-top: 109px }
.about .about_con { background: url(../images/about_bg.jpg) no-repeat center top; position: relative }
.about .pic { width: 1088px; height: 612px; margin: 0 auto }
.about .pic img { width: 1088px; height: 612px; margin-left: -1px }
.about p { font-size: 14px; line-height: 27px; color: #fff; text-align: center; width: 810px; bottom: 44px; position: absolute; left: 50%; margin-left: -405px }
.about p a { color: #FE820F; text-decoration: underline; -o-transition: all .3s ease; transition: all .3s ease; position: absolute }
.about p a:hover { letter-spacing: 1px }
.links { font-size: 14px; color: #333; line-height: 67px; background: #fff; border-top: 1px solid #e5e5e5; height: 67px; overflow: hidden }
.links em { font-style: normal; font-size: 18px; padding-left: 40px; background: url(../images/link.png) no-repeat left 20px; display: block; float: left; color: #333 }
.links a { color: gray; margin-left: 44px; transition: .3s ease; -o-transition: .3s ease }
.links a:hover { color: #333 }

@-webkit-keyframes fadeInDown1 {
  from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
  from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
  from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
  from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
  from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
  from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
  from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
  from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
  from { -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
  from { -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
  from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
  50% { opacity: 1 }
}
@keyframes zoomLeft {
  from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
  50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
  0% { top: 0; left: 0 }
  25% { top: 10px; left: 0 }
  50% { top: 0; left: 0 }
  100% { top: 0; left: 0 }
}