@charset "utf-8";

/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 15px; font-family: "微软雅黑"; font-weight: normal; }
* { margin: 0; padding: 0; }
body { color: #333; font-size: 13px; font-family: 微软雅黑;}
li { list-style: none; float: left; }
a { text-decoration: none; color: #333 }
.f1 { width: 100%; margin: 0 auto; }
.f2 { width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
.clear { clear: both }
img { border: 0; }
.header { background: #003579; color: #fff; height: 38px; line-height: 38px; }
.header .search { float: right; width: 220px; height: 20px; margin-top: 9px; margin-right: 15px; border-radius: 10px; position: relative; }
#input { width: 200px; height: 20px; background: #fff; border: 0; border-radius: 10px; text-indent: 10px; }
#submit { width: 20px; height: 20xp; border: 0; background: none; position: absolute; top: 2px; right: 25px }
.header span { float: right; }
.header span a { color: #fff; }
.top { margin: 15px auto; overflow: hidden; }

.tod {   
    margin: 15px 0 0 44px;
    padding-left: 60px;
    background: url(../images/tod.jpg) no-repeat left center;
    font-size: 14px;
    color: #666666;
    height: 46px;
}
.tod span {
    display: block;
    font-size: 24px;
    color: #000000;
}
.art-head h1{ text-align:center; padding-bottom:15px; font-size:18px;}

.nav { height: 48px; background: #124c97; }
.nav ul li { width: 136px; height: 48px; text-align: center; line-height: 48px; }
.nav ul li a { color: #fff; display: block }
.nav ul li:hover { height: 46px; border-bottom: 2px solid #d50202; background: #fff; }
.nav ul li:hover  a { color: #2d83f2 }
.banner { height: 500px; overflow: hidden; margin: 0 auto; background: #ccc; }
#kinMaxShow { visibility: hidden; width: 100%; height: 500px; overflow: hidden; }
.about { height: 348px; margin-top: 60px; }
.about .ab_left {width: 620px;height: 100%;float: left;}
.about .ab_left .ab_title { width: 100%; height: 45px; background: url(../images/xian.jpg) no-repeat bottom; font-size: 30px; }
.about .ab_left .ab_txt { width: 100%; height: 200px; margin-top: 20px; line-height: 25px; }
.about .ab_left .ab_ck { width: 100%; height: 50px; margin-top: 30px; }
.about .ab_left .ab_ck p { width: 134px; height: 44px; display: inline-block; text-align: center; line-height: 44px }
.about .ab_left .ab_ck .p1 { background: #e60012; }
.about .ab_left .ab_ck .p2 { background: #003579; margin-left: 40px }
.about .ab_left .ab_ck p a { color: #fff; display: block }
.about .ab_left .ab_ck .p1:hover { background: #003579; }
.about .ab_left .ab_ck .p2:hover { background: #e60012; }
.about .ab_right { width: 540px; height: 100%; float: right; background: #ddd }
.clear-fix li {width: 300px;height: 210px;margin: 15px 5px;overflow: hidden;/* margin-bottom: 10px; */color: #545454;position: relative;float: left;background-color: #fff;text-align: center;}
.clear-fix li img{ max-width:100%;}
.clear-fix li p {line-height: 30px;text-align: center;overflow: hidden;position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 15px;height: 30px;background: rgba(0, 0, 0, 0.7);transition: all 0.3s ease 0.1s;}
.clear-fix li p a { color: #fff }
.clear-fix li span { width: 120px; height: 30px; margin: 10px auto; display: block; background: #e60012; border-radius: 15px; text-align: center; line-height: 30px; }
.clear-fix li:hover p { color: #F00; height: 80px; transition: all 0.1s ease; }
.clear-fix li:hover { box-shadow: 0 0 15px #ccc; transition: all 0.3s ease; }
.clear-fix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.pro { margin-top: 60px; background: url(../images/probg.jpg) center no-repeat #f4f4f4; padding: 60px 0 }
.product .pro_tit { width: 620px; height: 80px; margin: 0 auto; text-align: center }
.product .pro_tit .p1 { background: url(../images/prox.jpg) center bottom no-repeat; height: 40px; font-size: 24px }
.product .p2 { line-height: 25px }
.product  .pro_sty { width: 900px; height: 54px; margin: 1px auto 40px auto; }
.product .pro_sty ul li { padding: 20px 22px; text-align: center; margin-left: 20px; background: #003579; font-size: 15px }
.product  .pro_sty ul li a { color: #fff; }
.product  .pro_sty ul li:hover { background: #e60012 }
.car_left { height: 550px; width: 240px; float: left; overflow: hidden; }
.car_left h3 { height: 87px; line-height: 87px; text-align: center; color: #fff; font-size: 35px; background: #124c97; }
.car_left h3 img { vertical-align: middle; margin-right: 10px }
.car_left ul li { width: 238px; height: 36px; border: 1px solid #124c97; margin-top: 3px; line-height: 36px; text-align: left; text-indent: 50px; background: url(../images/jt.png) 200px 10px no-repeat #fff; font-size: 14px }
.car_left ul li a { color: #333 }
.car_left ul li:hover { background: #e60012 url(../images/jt1.png) 200px 10px no-repeat; }
.car_left ul li:hover a { color: #fff; display: block }
.car_left dl { width: 210px; height: 50px; margin-top: 5px; background: #c7251d; padding: 15px 15px; color: #fff }
.car_left dl dt { float: left; margin-right: 3px }
.car_left dl dd { float: left; width: 155px }
.car_left dl dd span { font-size: 14px }
.car_left dl dd p { font-family: impact; font-size: 20px }
#pop { background: #fff; width: 150px; height: 150px; font-size: 12px; position: fixed; right: 0; bottom: 240px; }
#popHead { line-height: 32px; background: #f6f0f3; border-bottom: 1px solid #e0e0e0; font-size: 12px; padding: 0 0 0 10px; }
#popHead h2 { font-size: 14px; color: #666; line-height: 32px; height: 32px; }
#popHead #popClose { position: absolute; right: 10px; top: 1px; }
#popHead a#popClose:hover { color: #f00; cursor: pointer; }
.news { margin-top: 60px; padding: 10px 0 }
.news .news_tit { width: 620px; height: 80px; margin: 0 auto; text-align: center }
.news .news_tit .p1 { background: url(../images/prox.jpg) center bottom no-repeat; height: 40px; font-size: 24px }
.news .p2 { line-height: 25px }
.news ul { margin-top: 15px; }
.news ul li {width: 280px;height: 248px;margin-left: 20px;overflow: hidden;}
.news ul li img { width: 100%; height: 150px; }
.news ul li h3 { line-height: 30px; border-bottom: 2px solid #666; margin-top: 10px }
.news ul li h3 span { float: right; font-weight: normal; font-size: 12px }
.news ul li p { line-height: 25px; margin-top: 5px; }
.news ul li:hover img { transform: scale(1.1); transition: all 0.3s linear; }
.news ul li h3:hover a { color: #e60012 }
.news ul li p:hover a { color: #e60012 }
.news ul li:nth-child(1) { margin-left: 0; }
.foot { background: #000; width: 100%; padding-top: 20px; padding-bottom: 20px; margin-top: 80px; }
.foot_cen { width: 1130px; margin: 0 auto; }
.foot_left { float: left; }
.foot_left h3 { color: #fff; font-size: 14px; }
.foot_left h4 { color: #fff; font-size: 14px; line-height: 26px; margin-top: 16px; }
.foot_right { float: right; }
.dn { display: none; }

/* 返回顶部 */
.go-top { position: fixed; bottom: 40px; right: 20px; width: 46px; z-index: 999; }
.go-top a { display: block; width: 46px; height: 46px; margin-bottom: 10px; background-image: url(../images/go-top.png?); }
.go-top a:last-child { margin-bottom: 0; }
.go-top .go { background-position: 0 -150px; }
.go-top .go:hover { background-position: 0 -250px; }
.go-top .feedback { background-position: 0 -100px; }
.go-top .feedback:hover { background-position: 0 -300px; }
.go-top .uc-2vm { background-position: 0 0; }
.go-top .uc-2vm:hover { background-position: 0 -350px; }
.go-top .qq { background-position: 0 -50px; }
.go-top .qq:hover { background-position: 0 -200px; }

/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop { position: absolute; right: 60px; top: -100px; width: 240px; box-shadow: 0px 1px 4px rgba(0, 0, 0, .1); background: #fff; }
.go-top .uc-2vm-pop .title-2wm { font-size: 14px; margin: 10px 20px; }
.go-top .uc-2vm-pop .logo-2wm-box { position: relative; }

/*内页*/
.conter {width: 1200px;height: auto;margin: 0 auto;padding: 50px 0;}
.conter .con_left { width: 260px; height: auto; float: left; }
.conter .con_left .con_fl { width: 100%; height: auto; padding-bottom: 10px; border: 1px solid #003579 }
.conter .con_left .con_fl h2 { width: 100%; height: 80px; line-height: 80px; text-align: center; color: #fff; background: url(../images/tit.jpg) center no-repeat #003579; }
.conter .con_left .con_fl ul { width: 260px; height: auto; }
.conter .con_left .con_fl ul li { width: 90%; height: 45px; text-align: left; line-height: 45px; background: url(../images/jt.png) 200px 20px no-repeat; text-indent: 30px; font-size: 14px; position: relative; border-bottom: 1px  dotted #ccc; margin-left: 5% }
.conter .con_left .con_fl ul li a { color: #003579 }
.conter .con_left .con_fl ul li:hover a { color: #e60012; font-weight: 800 }
.conter .con_left .con_sp { width: 100%; margin-top: 10px }
.conter .con_left .con_lx { width: 100%; margin-top: 10px; border: 1px solid #003579 }
.conter .con_left .con_lx h2 { width: 100%; height: 80px; line-height: 80px; text-align: center; color: #fff; background: url(../images/tit.jpg) center no-repeat #003579; }
.conter .con_left .con_lx .p1 { width: 240px; padding: 10px; line-height: 25px }
.conter .con_right {width: 900px;height: auto;float: right;min-height: 100px;}
.conter .con_right h3 { width: 100%; height: 80px;/* background:#063;*/ font-size: 24px; overflow: hidden; line-height: 90px; color: #e60012; text-indent: 20px; border-bottom: 1px solid #ccc }
.conter .con_right h3 span { float: right; font-size: 14px; font-weight: normal; line-height: 110px; margin-right: 20px; color: #333; }
.conter .con_right h3 span a { color: #333; }
.conter .con_right h3 span a:hover { color: #f00 }
.conter .con_right .con_tit {/* width: 760px; */height: auto;padding: 20px 0;line-height: 30px;}
.page { display: block; height: 30px; text-align: center; padding-top: 20px; padding-bottom: 20px; }
.page a, .page span { background: #e1eeff; color: #4f4e49; height: auto; line-height: 18px; margin: 0px 0px 0px 8px; padding: 3px 7px; width: auto; }
.page a:hover, .page .cur { background: #e60012; border-color: #e60012; color: #fff; text-decoration: none; }
.abc { color: #fff; line-height: 50px }
.abc:hover { color: #e60012 }
.news1 li a { color: #333 }
.news1 li { width: 100%; height: 100px; border-bottom: 1px dotted #ccc; margin-top: 5px }
.news1 li dl dt { width: 150px; height: 95px; background: #ccc; float: left; cursor: pointer; overflow: hidden }
.news1 li dl dt img { width: 150px; height: 95px; transition: all 0.3s linear; }
.news1 li:hover dl dt img { transform: scale(1.1); transition: all 0.3s linear; }
.news1 li dl dd { width: 710px; float: right; }
.news1 li dl dd h4 { line-height: 40px; text-align: left; }
.news1 li dl dd h4 span { float: right; font-weight: normal; font-size: 13px }
.news1 li dl dd p { line-height: 25px; margin-top: 5px }
.news1 li dl dd h4:hover a { color: #e60012 }
.news1 li dl dd p:hover a { color: #e60012; }
.propic li {width: 210px;height: 200px;border: 1px solid #f5f5f5;margin-left: 10px;margin-bottom: 30px;overflow: hidden;position: relative;}
.propic li:nth-child(3n+1) {/* margin-left: 0; */}
.propic li img { width: 100%; height: 100%; transition: all 0.3s linear; }
.propic li p { width: 100%; height: 30px; line-height: 30px; text-align: center); position: absolute; bottom: 0; left: 0; background: rgba(0, 53, 121, 0.5); text-align: center; color: #fff }
.propic li p a { color: #f5f5f5 }
.propic li:hover p a { color: #fff; }
.propic li:hover { box-shadow: 0 0 10px #555; background: #fff }
.propic li:hover img { transform: scale(1.05); transition: all 0.3s linear; }

/**弹出层样式***/
.mask { height: 100%; width: 100%; filter: alpha(opacity:0); opacity: 0; background: #000; position: absolute; z-index: 1; left: 0; top: 0 }
.popup { background: #fff url(../images/loading.gif) no-repeat center; border: 10px solid #fff; position: absolute; z-index: 2; overflow: hidden; width: 320px; height: 240px }
.popup img { height: auto; width: auto; }
.btn { position: absolute; right: 0; top: 0; height: 100%; width: 50%; cursor: pointer; }
.prev { left: 0; background: url(../images/lightbox-btn-prev.gif) no-repeat  0 50px; }
.next { background: url(../images/lightbox-btn-next.gif) no-repeat  right 50px; }
.popupBottom { position: relative; z-index: 3; margin-top: 8px }
.popupTitle, .popupClose { float: right; }
.popupTitle { width: 100%; line-height: 18px; color: #543424; font-family: Arial; font-size: 12px; margin-right: -81px; width: 100%; _margin: -22px 0 0 0 }
.popupTitleTxt { float: left; margin-right: 126px }
.popupClose { margin-right: 15px; height: 22px; width: 66px; background: url(../images/lightbox-btn-close.gif) no-repeat; cursor: pointer; position: relative; z-index: 4 }