@charset "utf-8";
body { font-family: Arial; background: #fff }
.scale_img dl img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s }
.scale_img dl:hover 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) }
.ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
h2.main_title { text-align: center }
h2.main_title a { display: block; font-size: 42px; color: #333; line-height: 100%; font-weight: 400 }
h2.main_title a:hover { color: #333 }
h2.main_title i { font-weight: 700 }
h2.main_title span { display: block; margin-top: 6px; font-family: arial; font-size: 18px; color: #999; line-height: 100%; text-transform: uppercase; font-weight: 400; padding-bottom: 30px; background: url(../images/project_tbg.png) no-repeat center bottom }
.more div { width: 129px; height: 37px; float: left }
.more div a { display: block; font-size: 14px; color: #fff; line-height: 37px; transition: ease .3s }
.more a:hover { text-indent: 0; text-align: center; background-position: -100px center }
.ask { background: url(../images/ask_bg.png) no-repeat center top }
.ask a { background: url(../images/ask.png) no-repeat 21px center; text-indent: 51px }
.info { margin-left: -1px; background: url(../images/info_bg.png) no-repeat center top }
.info a { background: url(../images/info.png) no-repeat 22px center; text-indent: 47px }
.fullSlide { width: 100%; position: relative; z-index: 0; clear: both }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 10px; left: 0; bottom: 50px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 50px; height: 10px; background: #f5f5f5; margin: 0 5px; border-radius: 20px }
.fullSlide .hd li.on { background: #1675cb }
.intro { height: 407px; background: url(../images/intro_bg.jpg) no-repeat center bottom }
.intro .intro_con { height: 355px; background: #F7F7F7; padding-top: 58px; box-sizing: border-box }
.intro .intro_info { width: 709px; float: left; margin-top: 32px }
.intro .intro_info h2 a { display: block; font-size: 36px; color: #1675cb; line-height: 100%; font-weight: 700; position: relative; padding-bottom: 15px }
.intro .intro_info h2 a:after { position: absolute; content: ""; width: 32px; height: 2px; background: #666; left: 0; bottom: 0 }
.intro .intro_info p { font-size: 16px; color: #666; line-height: 28px; margin-top: 27px }
.intro .intro_pic { width: 397px; height: 230px; float: right; overflow: hidden }
.intro .intro_pic img { width: 397px; height: 230px; -o-transition: all 1s linear 0s; transition: all 1s linear 0s }
.intro .intro_pic: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) }
.project { padding-top: 13px; padding-bottom: 79px }
.project .content { position: relative }
.project .tempWrap { width: 1200px !important }
.project_con dl { margin-top: 28px; margin-right: 31px; width: 380px; text-align: center }
.project_con dt { width: 380px; height: 285px; overflow: hidden }
.project_con dt img { width: 380px; height: 285px }
.project_con dd { width: 380px; height: 177px; background: #F2F2F2; padding: 73px 28px 0; box-sizing: border-box; position: relative }
.project_con dd h4 { width: 106px; height: 106px; background: url(../images/pro_icon1.png) no-repeat center; box-sizing: border-box; font-size: 22px; color: #fff; line-height: 26px; padding: 30px 10px; position: absolute; top: -53px; left: 138px; transition: .4s ease }
.project_con dd p { font-size: 16px; color: #333; line-height: 24px }
.project_con dl:hover dd h4 { background-image: url(../images/pro_icon2.png) }
.project_switch div { position: absolute; top: 352px; width: 58px; height: 58px; background: #eee; border-radius: 50%; cursor: pointer; transition: all .4s ease }
.project_switch div img { transition: .4s ease }
.project_switch .prev { left: -89px }
.project_switch .next { right: -89px }
.project_switch div:hover { background: #1675cb }
.project_switch div:hover img { filter: brightness(1000%); -webkit-filter: brightness(1000%) }
.system { height: 869px; padding-top: 78px; background: url(../images/s_bg.jpg) no-repeat center top }
.system h2 span { background-image: url(../images/system_tbg.png); margin-bottom: 38px; padding-bottom: 26px }
.sys_nav li { padding-top: 53px; background: url(../images/s_nav_bg.png) no-repeat center top; width: 210px; height: 70px; float: left; margin-right: 37px }
.sys_nav li a { display: block; width: 210px; height: 70px; background: url(../images/s_nav1.png) no-repeat center top; text-align: center; font-size: 18px; color: #fff; line-height: 24px; font-weight: 700; padding: 10px 40px; box-sizing: border-box; transition: all .4s ease }
.sys_nav li:nth-child(2) a, .sys_nav li:nth-child(3) a { padding: 10px 50px }
.sys_nav li:last-child { margin-right: 0 }
.sys_nav li.on a { background-image: url(../images/s_nav2.png); color: #333 }
.sys_con { margin-top: 43px }
.sys_con dl { height: 486px }
.sys_con dd { float: left; width: 366px; height: 486px; background: url(../images/system_bg.png) no-repeat center top; margin-left: -6px; box-sizing: border-box; padding-left: 57px; padding-top: 44px; padding-right: 50px }
.sys_con dd h4 a { display: block; font-size: 24px; color: #fff; line-height: 100%; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.sys_con dd p { font-size: 16px; color: #fff; line-height: 24px; height: 144px; margin: 31px 0 54px }
.sys_con dd em { display: block; font-size: 20px; color: #fff; line-height: 100%; font-weight: 700 }
.sys_con dd ul { margin-top: 17px; margin-bottom: 18px }
.sys_con dd li { width: 77px; float: left; font-size: 15px; color: #fff; line-height: 24px; padding-left: 9px; background: url(../images/si.png) no-repeat left center }
.sys_con dt { float: right; width: 828px; height: 472px; padding: 4px 3px; background: #fff; border: 3px solid #1675cb }
.sys_con dt img { width: 828px; height: 472px }
.coreys { background: url(../images/coreys_bg.jpg) no-repeat center top; padding-top: 84px; height: 462px }
.coreys h2 a, .coreys h2 span { color: #fff }
.coreys h2 a:hover { color: #fff }
.coreys h2 span { padding-bottom: 0; background: 0 0; margin-bottom: 41px }
.coreys li { text-align: center; width: 20%; float: left; transition: all .4s ease; cursor: pointer }
.coreys li i { display: block; width: 142px; height: 142px; background: url(../images/core_icon1.png) no-repeat center top; border-radius: 50%; margin: 0 auto; transition: all .4s ease }
.coreys li em { display: block; font-size: 24px; color: #fff; line-height: 100%; font-weight: 700; margin: 23px 0 7px }
.coreys li span { display: block; font-size: 16px; color: #fff; line-height: 100% }
.coreys li:nth-child(odd) i { margin-top: 75px }
.coreys li:hover { margin-top: -10px }
.coreys li:hover i { background-image: url(../images/core_icon2.png) }
.ys { overflow: hidden; background: url(../images/intro_bg.jpg) no-repeat center top; padding-top: 78px }
.ys h2 span { padding-bottom: 42px; background-image: url(../images/ys_tbg.png) }
.ys dd { width: 475px }
.ys dd h3 { background: url(../images/yst_bg.png) no-repeat left top; height: 91px; margin-bottom: 36px }
.ys dd h3 img { display: inline-block; vertical-align: -16px; margin-right: 31px }
.ys dd h3 span { display: inline-block; vertical-align: 14px; font-size: 32px; color: #fff; line-height: 100% }
.ys dd p { font-size: 16px; color: #333; line-height: 28px; text-align: justify }
.ys dd p span { color: #F9840C; font-weight: 700 }
.ys dd p strong { font-size: 24px }
.ys .ys1 { height: 439px }
.ys .ys1 dt { float: right; width: 656px; margin-top: 58px }
.ys .ys1 dd { float: left; padding-top: 117px }
.ys .ys1 dd p { margin: 45px 0 22px 21px }
.ys .ys1 dd>img { margin-left: 27px }
.ys .ys2 { height: 500px; background: url(../images/ys2.jpg) no-repeat center top }
.ys .ys2 dd { float: right; margin-top: 136px }
.ys .ys2 dd p { width: 464px; padding-left: 8px }
.ys .ys3 { height: 500px; background: url(../images/intro_bg.jpg) no-repeat center top }
.ys .ys3 dt { float: right; width: 658px; margin-top: 91px }
.ys .ys3 dd { float: left; margin-top: 146px }
.ys .ys3 dd p em { font-size: 24px; display: block }
.ys .ys4 { height: 551px; background: url(../images/ys4_bg.jpg) no-repeat center top }
.ys .ys4 dd { float: right; margin-top: 130px }
.ys .ys4 dt { width: 672px; float: left; padding-top: 72px }
.case { padding-top: 28px; padding-bottom: 84px }
.case h2 span { background-image: url(../images/case_tbg.png) }
.cases { margin-top: 25px; height: 454px; margin-bottom: 16px }
.cases dt { float: left; width: 810px; height: 454px; overflow: hidden }
.cases dt img { width: 810px; height: 454px }
.cases dd { float: right; width: 390px; height: 454px; background: #eee; padding: 65px 46px 0 49px; box-sizing: border-box }
.cases dd h4 em { font-size: 20px; color: #333; line-height: 100%; display: block; font-weight: 400 }
.cases dd h4 span { font-size: 24px; color: #333; line-height: 100%; margin-top: 7px; display: block; font-weight: 400 }
.cases dd p { font-size: 16px; color: #333; line-height: 24px; margin: 30px 0 70px }
.case_con { position: relative }
.case_con .tempWrap { width: 1144px !important }
.case_con dl { width: 275px; height: 230px; overflow: hidden; background: #eee; margin-right: 15px; float: left }
.case_con dl dt { width: 275px; height: 154px; overflow: hidden }
.case_con dl dt img { width: 275px; height: 154px }
.case_con dl dd { padding: 14px 21px; box-sizing: border-box }
.case_con dl dd em { display: block; font-size: 18px; color: #333; line-height: 100% }
.case_con dl dd span { display: block; font-size: 22px; color: #333; line-height: 100%; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.case_switch { position: absolute; right: 0; top: 0 }
.case_switch div { width: 56px; height: 56px; cursor: pointer; transition: all .4s ease }
.case_switch .prev { background: #07C }
.case_switch .prev:hover { background: #0065ad }
.case_switch .next { background: #F9840C }
.case_switch .next:hover { background: #e17506 }
.sm_banner { height: 200px; background: url(../images/sm_banner.jpg) no-repeat center top }
.sm_banner h2 { padding-top: 63px;padding-left:133px; }
.sm_banner h2 a.proj { display: block; font-size: 36px; color: #fff; line-height: 100% }
.sm_banner h2 a.proj:hover { color: #fff }
.sm_banner h2 span { display: inline-block; font-size: 36px; color: #fff; line-height: 100%; margin-top: 15px; font-weight: 400;padding-left:216px; }
.sm_banner h2 .pro_more {width: 158px;
    height: 34px;
    background: #ff8902;
    background: linear-gradient(0deg,#ff8902,#fab30c);
    border: 1px solid #FFFF12;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;display: inline-block;
    vertical-align: super;
    margin-left: 22px;
    }
    .sm_banner h2 .pro_more a{display: block;
    font-size: 17px;
    color: #fff;
    line-height:32px;
    text-indent: 60px;font-weight: normal;
    background: url(../images/more_icon.png) no-repeat 26px center;
    }.news { padding-top: 79px; background: #F4F4F4; height: 678px }
.news h2 span { background-image: url(../images/news_tbg.png); margin-bottom: 15px }
.news h3 a { font-size: 24px; color: #333; line-height: 100%; font-weight: 400; margin-bottom: 16px; display: block; padding-left: 15px; position: relative }
.news h3 a:before { position: absolute; content: ""; width: 4px; height: 21px; background: #1675cb; left: 0; top: 1.5px }
.news dl:hover h4, .news li:hover h4 { color: #F90 }
.company { width: 741px; float: left }
.company dl { height: 191px; background: #fff; margin-bottom: 19px }
.company dl dt { width: 327px; height: 191px; float: left; overflow: hidden }
.company dl dt img { width: 327px; height: 191px }
.company dl dd { padding: 26px 36px 0 46px; width: 332px; float: right }
.company dl dd h4 { font-size: 18px; color: #333; line-height: 26px; font-weight: 400; transition: all .3s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.company dl dd h4 em { display: block }
.company dl dd p { font-size: 14px; color: #7e7e7e; line-height: 24px; margin-top: 11px }
.news_rec { width: 741px; height: 166px; background: #fff; border-bottom: 1px solid #DCDCDC }
.news_rec li { width: 50%; float: left; height: 166px; box-sizing: border-box; padding: 37px 64px 0 41px }
.news_rec li h4 { font-size: 20px; color: #333; line-height: 100%; font-weight: 400; transition: all .3s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.news_rec li p { font-size: 14px; color: #7e7e7e; line-height: 24px; margin: 15px 0 5px }
.news_rec li span { display: block; font-size: 14px; color: #999; line-height: 100% }
.news_rec li:first-child { border-right: 1px solid #DCDCDC }
.news_list { width: 741px; height: 98px; background: #fff; padding: 19px 63px 0 42px; box-sizing: border-box }
.news_list li { padding-left: 21px; position: relative; height: 30px; transition: all .3s ease }
.news_list li h4 { display: inline-block; font-weight: 400; width: 412px; font-size: 14px; color: #333; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease }
.news_list li span { float: right; font-size: 12px; color: #666; line-height: 30px }
.news_list li:before { position: absolute; left: 0; top: 12px; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #BFBFBF; transition: all .3s ease }
.news_list li:hover:before { background: #F90 }
.wiki { width: 434px; float: right }
.wiki dl { height: 376px; border-bottom: 1px dotted #999; background: #fff }
.wiki dl dt { width: 434px; height: 244px; overflow: hidden }
.wiki dl dt img { width: 434px; height: 244px }
.wiki dl dd { padding: 28px 30px 0 19px }
.wiki dl dd h4 { font-size: 20px; color: #333; line-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; transition: all .3s ease }
.wiki dl dd p { font-size: 14px; color: #7e7e7e; line-height: 24px; margin-top: 14px }
.wiki .news_list { width: 434px; padding-left: 24px }
.wiki .news_list h4 { width: 372px }
.about { background: url(../images/intro_bg.jpg) no-repeat center top; padding-top: 77px; padding-bottom: 80px }
.about h2 span { background-image: url(../images/about_tbg.png); margin-bottom: 24px }
.about .content { height: 469px; background: #F4F4F4 }
.about .content dt { width: 820px; height: 469px; overflow: hidden; float: left }
.about .content dt img { width: 820px; height: 469px; -o-transition: all 1s linear 0s; transition: all 1s linear 0s }
.about .content dt: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) }
.about .content dd { padding: 69px 43px 0 45px; float: right; width: 380px; box-sizing: border-box }
.about .content dd h3 a { display: block; font-size: 24px; color: #333; line-height: 100% }
.about .content dd p { font-size: 16px; color: #333; line-height: 28px; margin: 17px 0 51px }
.links { background: url(../images/foot_bg.jpg) no-repeat center bottom; border-top: 1px solid rgba(255, 255, 255, .1); height: 74px; overflow: hidden }
.links a { font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 74px; display: block; float: left; padding-right: 87px; transition: .3s ease }
.links a:hover { color: rgba(255, 255, 255, .8) }
@-webkit-keyframes fadeInLeft1 {
  from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInLeft1 {
  from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInRight1 {
  from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInRight1 {
  from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
  from { opacity: 0; -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3) }
  50% { opacity: 1 }
}
@keyframes zoomLeft {
  from { opacity: 0; -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3) }
  50% { opacity: 1 }
}
.zoomLeft { -webkit-animation-name: zoomLeft; animation-name: zoomLeft; transform-origin: 0 50%; -webkit-transform-origin: 0 50% }
.zoomRight { -webkit-animation-name: zoomLeft; animation-name: zoomLeft; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50% }
@-webkit-keyframes fadeInUp1 {
  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInUp1 {
  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
  from { opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInUp2 {
  from { opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}
@-moz-keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}
@-webkit-keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}
@-o-keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}