@charset "utf-8";
/* CSS Document */

body { padding: 0; margin: 0; font-family: "微软雅黑"; font-size: 12px; background-attachment: fixed; background-color: #f1f1f3; color: #000000; }
body, html { -webkit-text-size-adjust: none; }
.clear { clear: both; }
a { color: #333333; text-decoration: none; }
a:hover { color: #0b409c; }
a.imagehover:hover img { opacity: 0.65; }
li, ul, dl { list-style: none; margin: 0; padding: 0; }
img { border: none; vertical-align: middle; }
span { margin: 0px; padding: 0px; }
p { margin: 0; padding: 0; }
#wrap { width: 1100px; margin: 0 auto; }
.ahover a { color: #ffffff; }
.ahover a:hover { color: #356dc5; }

#top { height: 80px; background-color: #ffffff; }

.top_right { float: right; padding: 30px 0 0 0; }
.banner { z-index: 0; }
.lan { float: left; color: #777777; padding: 5px 20px; }
.lan a { color: #777777; }
.lan a:hover { color: #0b409c; }
.lan span { padding: 0 10px; }
.search { float: left; height: 36px; width: 177px; margin: -4px 0 0 0; background: url(../images/search.jpg); }
.ibanner { height: 470; }
.icon1 { width: 25px; height: 37px; border: none; background: none; cursor: pointer; }
.txt { height: 25px; background: #fff; border: none; padding: 0 0 0 10px; width: 120px; margin: 5px 0 0 10px; }

/*首页公司简介*/
#imain { margin: -65px 0 0; position: relative; }
.imain_01 { background-color: #ffffff; padding: 30px 40px 10px; border: 1px solid #e5e4e6; }
.iabout { float: left; width: 398px; }
.iabout_tit { background: url(../images/iabout_tit_bg.jpg) no-repeat left bottom; color: #0b409c; font-size: 16px; height: 35px; }
.imore { float: right; font-size: 12px; }
.imore a { color: #999999; }
.imore a:hover { color: #0b409c; }


/*首页新闻*/
.inews { float: right; width: 566px; }
.inews_tit { background: url(../images/inews_tit_bg.jpg) no-repeat left bottom; color: #0b409c; font-size: 16px; height: 35px; }
.xw-lb { margin: 23px 0; border-top: 1px dashed #b2b2b2; padding: 15px 0 0; }
.xw-lb ul li { background: url(../images/inews_ico.jpg) no-repeat left center; line-height: 30px; }
.xw-lb ul li a { color: #666666; padding: 0 15px 0; }
.xw-lb ul li a:hover { color: #0b409c; }
.xw-lb ul li span { float: right; color: #999999; }

/*首页产品*/
.ipro_tit { color: #0b409c; font-size: 16px; font-weight: bold; padding: 15px 5px; }

/*首页合作伙伴*/
.ilink { background-color: #ffffff; margin: 35px 0 0; padding: 0 0 25px; }
.ilink span { color: #0b409c; font-size: 16px; float: left; font-weight: bold; }

/*底部*/
#foot { background-color: #535353; color: #f3f3f3; }
.foot_01 { float: left; padding: 53px 0 0; }
.foot_02 { float: left; padding: 48px 40px 0; line-height: 24px; }
.foot_03 { float: left; padding: 30px 0 0; }
.foot_04 { margin: 25px 0 0; border-top: 1px solid #656565; line-height: 40px; }
.foot_04 a { color: #f3f3f3; }
.foot_04 a:hover { color: #366ece; }
.foot_04 span { float: right; }
.foot_04 span.gsjg { padding: 5px; }
.foot_04 span.gsjg img { width: 20px !important; height: 30px !important; }

/*内页*/
.title { height: 70px; background-color: #ffffff; border-bottom: 1px solid #e2e2e2; line-height: 70px; }
.tit { float: left; color: #0b409c; font-weight: bold; font-size: 24px; }
.tit_span { color: #999999; padding: 0 10px; }
.path { float: right; color: #999999; }
.path a { color: #999999; font-size: 12px; padding: 0 10px; }
.path a:hover { color: #0b419d; }
.content1 { background: #f4f4f4 url(../images/main_bg.jpg) no-repeat center top; }
.nnav { height: 35px; padding: 40px 0 20px; }
.nnav ul li { float: left; height: 50px; line-height: 50px; background-color: #ffffff; border: 1px solid #d6d6d6; margin-right: 10px; text-align: center; }
.nnav ul li a { height: 50px; line-height: 50px; color: #000000; display: block; padding: 0 40px; }
.nnav ul li a:hover { height: 50px; line-height: 50px; color: #fff; background-color: #0b409c; padding: 0 40px; display: block; }
.nnav ul li .sel { height: 50px; line-height: 50px; color: #fff; background-color: #0b409c; padding: 0 40px; display: block; }
.neirong { margin: 37px 0 60px; font-size: 14px; background-color: #ffffff; padding: 65px 50px; color: #000000; line-height: 24px; }


/*新闻*/
.news_tit { float: left; }
.news_time { float: right; }
.news_more { height: 30px; line-height: 30px; width: 85px; text-align: center; border: 1px solid #d2d2d2; }
.news_more a { color: #6a6a6a; }
.news_more a:hover { color: #0b409c; }
.news_firstinfo { margin-bottom: 20px; }
.news_first { height: 147px; margin-bottom: 22px; border-bottom: 1px dashed #cdcdcd; padding: 10px 0 30px; }
.news_first img { float: left; }
.news_first .news_first_content { float: left; padding-left: 30px; width: 755px; padding-top: 10px; }
.news_first .news_first_content a { color: #333333; font-size: 14px; }
.news_first .news_first_content a:hover { color: #232c97; }
.news { padding: 30px 40px 30px 30px; font-size: 12px; border-bottom: 1px solid #CCCCCC; margin: 37px 0 60px; font-size: 12px; background-color: #ffffff; }
.news_detail { padding: 5px; }
.news_detail h1 { font-size: 15px; color: #232c97; text-align: center; line-height: 33px; padding-bottom: 10px; }
.news_detail .time { text-align: center; color: #999; border-bottom: 1px dashed #c1c1c1; margin: 0 0 10px; padding-bottom: 5px; font-size: 12px; }
.Ncontent { padding-top: 10px; padding-left: 10px; color: #595959; font-size: 12px; line-height: 24px; }
.prev1 { margin-top: 30px; padding-bottom: 50px; border-top: 1px solid #e9e9e9; padding-top: 20px; }
.prev1 .list { float: left; color: #002dba; font-size: 14px; }
.prev2 { padding: 0 0 20px 0; }
.prev a { background: url(../images/prev_ico.jpg) no-repeat left center; padding-left: 30px; color: #333333; font-weight: normal; font-size: 12px; }
.prev a:hover { background: url(../images/prev_hover.jpg) no-repeat left center; padding-left: 30px; color: #002dba; font-weight: normal; font-size: 12px; }
.next a { background: url(../images/next_ico.jpg) no-repeat left center; padding-left: 30px; color: #333333; font-weight: normal; font-size: 12px; }
.next a:hover { background: url(../images/next_hover.jpg) no-repeat left center; padding-left: 30px; color: #002dba; font-weight: normal; font-size: 12px; }
.prev1 .list img { background:; }
.prev1 .prev_fh { float: right; }
.prev1 .prev_fh img { }


/*products*/

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes fadeInLeft {
    0% { opacity: 0; -moz-transform: translateX(-20px); }
    100% { opacity: 1; -moz-transform: translateX(0); }
}

@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-20px); }
    100% { opacity: 1; transform: translateX(0); }
}

.y_fd { -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both; animation: fadeInDown 1s .2s ease both; }

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInDown {
    0% { opacity: 0; -moz-transform: translateY(-20px); }
    100% { opacity: 1; -moz-transform: translateY(0); }
}

@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}

.y_fu { -webkit-animation: fadeInUp 1s .2s ease both; -moz-animation: fadeInUp 1s .2s ease both; animation: fadeInUp 1s .2s ease both; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInUp {
    0% { opacity: 0; -moz-transform: translateY(20px); }
    100% { opacity: 1; -moz-transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

.webkit_fu { -webkit-animation: fadeInUp 1s .2s ease both; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}


.caseList { padding-top: 5px; min-height: 200px; *padding-bottom: 25px; }
.caseList li { float: left; margin: 0 15px 25px; width: 310px; -webkit-opacity: 0; border: 1px solid #e0e0e0; }
.caseList li a { display: block; width: 310px; }
.caseList li a:hover p { color: #fff; font-size: 14px; }
.caseList li a:hover img { opacity: 0.65; }
.caseList li a:hover .pro_title { background: #0b409c; }


.caseList li:hover { border: 1px solid #0b409b; }
.caseList li .img { position: relative; width: 261px; height: 140px; overflow: hidden; padding: 20px; }
.caseList li .img img { width: 261px; height: 140px; }
.caseList li .img i { position: absolute; display: block; top: -60px; left: 50%; margin-left: -23px; width: 56px; height: 56px; background: url(../images/tit3.png) no-repeat; z-index: 50; }
.caseList li .img b { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/bgs/nblue30.png); -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); }
.pro_title { height: 40px; text-align: center; border-top: 1px solid #e0e0e0; padding: 10px 0 0; background: #f7f7f7; }
.pro_title p { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #666; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; font-size: 14px; }
.pro_title .pro_line { height: 2px; width: 26px; background-color: #e9e9e9; margin-left: 142px; }

.caseSlide { margin: 25px auto 5px; width: 670px; height: 393px; background: #e1eefe; }
.caseSlide .bd { float: left; width: 436px; height: 393px; overflow: hidden; }
.caseSlide .sImg { float: right; margin-right: 50px; width: 130px; }
.caseSlide .sImg a { display: block; margin: 5px 0; width: 130px; height: 10px; background-repeat: no-repeat; background-position: center; }
.caseSlide .sImg a.sPrev { background-image: url(../images/arrow2.png); }
.caseSlide .sImg a.sNext { background-image: url(../images/arrow3.png); }
.caseSlide .shd { height: 354px; }
.caseSlide .shd li { width: 122px; height: 110px; border: 4px solid #e1eefe; cursor: pointer; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseSlide .shd li img { width: 122px; height: 110px; }
.caseSlide .shd li.on { border-color: #74a1df; }

.caseInfo { margin: 0 auto 25px; padding: 13px 20px; width: 630px; background: #8eacd5; color: #fff; line-height: 26px; font-size: 14px; }
.caseInfo h5 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }