@charset "utf-8";
/* CSS Document */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
ol, ul ,li{list-style: none;}
img {border: 0; margin:0; padding:0;}
body {color:#4a4a4a; text-align:left; font-size:14px;cursor:default; background:#fff;}
a,em{ text-decoration:none; font-style:normal;}
a{color:#282828;}
a:hover{ }
input, button{border:0 none; background: none transparent; margin:0; padding:0;}
.clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}
.cl{clear:both; height:0px; width:100%; line-height:0px; font-size:0;} 
.dis{display:block;}
.undis{display:none;}
.fr{float:right;}
.fl{float:left;}
.prel{position:relative;}
.pabs{position:absolute;}
.heng80{font-size:0px; line-height:0px;}
.heng80{ height:80px;}
.autoCenter{ margin-left:auto; margin-right:auto;}

.wp{ width:1200px; margin:0px auto;}
.headerCo{ height: 236px; background: url(../images/headerCoBg.jpg) repeat-x; }
.headt{ height: 42px; line-height: 42px; font-size: 12px;color: #646464;}
.headtl{   }
.headtr{}
.headtr li{ display: inline-block; background: url(../images/headtrBg.jpg) no-repeat left center; width: 68px; text-align: center;}
.headtr li:nth-child(1){ background: none; }
.headtr li a{ color: #646464; }
.headc{ height: 74px; padding-top:50px; }
.logo{}
.headcr{ background: url(../images/headcrBg.png) no-repeat left top; height:39px; padding-left: 45px; font-size: 12px; color: #646464;}
.headcr span{ color: #c8263b; font-size: 18px; display: block;}
.nav{  margin-top: 15px; }
.nav li{height: 55px; line-height: 42px; background:url(../images/navliBg.jpg) no-repeat left 17px; float: left; width: 150px;}
.nav li:nth-child(1){ background: none; }
.nav li a{ display: block; width: 130px; height: 55px; margin:0 auto; text-align: center;}
.nav li a:hover,.nav li a.hover{ background: url(../images/navhvBg.png) no-repeat left top; color: #fff; }
.nav li .sam{display: none;  background: rgba(6,72,165,0.7); position: relative;z-index:99; padding: 8px 0 10px;}
.nav li .sam a{display:block;color:#fff; height:42px;line-height:42px; font-weight:normal;}
.nav li .sam a:hover{color: #282828; background: url(../images/nav_samh.png) no-repeat center center; }
/*头部 结束*/
.bannerCo{ width:100%; margin:0 auto; text-align:center; position:relative; z-index:1; overflow:hidden;height:683px;}
.banner_slideBox{ position:relative; width:100%;} 
.banner_slideBox .hd{ height:12px; overflow:hidden; position:absolute; right:38%; bottom:38px; z-index:11; } 
.banner_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  } 
.banner_slideBox .hd ul li{ list-style: none; float:left; margin:0px 13px; width:60px; height:6px; line-height:12px; text-align:center; background:#fff; cursor:pointer;} 
.banner_slideBox .hd ul li.on{ background:#125dc6; color:#125dc6; } 
.banner_slideBox .bd{ position:relative; height:100%; z-index:1; } 
.banner_slideBox .bd ul{ width:100%; height:683px}
.banner_slideBox .bd ul a{ width:100%; height:683px; display:block;}
.banner_slideBox .bd ul li{ width:100%;; height:683px; }
/*banner 结束*/
.to0p12Co{ background: url(../images/to0p12CoBg.jpg) no-repeat center top; padding-top: 56px; padding-bottom: 20px;}
.to0p1_tit{ background: url(../images/to0p1_titBg.png) no-repeat center bottom; text-align: center;line-height: 50px; font-size: 20px;}
.to0p1_tit a{ color: #4a4a4a; }
.to0p1_tit span{ display: block; line-height: 1; font-size: 34px; font-family: Microsoft Yi Baiti; text-transform: uppercase;}
.to0p1l{ width: 750px; margin-top: 82px;}
.to0p1l_tit{ font-size: 24px; color: #cc0d0d; }
.to0p1l_tit span{ font-size: 18px; color: #0648a5; display: block; text-transform: uppercase; line-height: 1.5;}
.to0p1lb{ margin-top: 20px;}
.to0p1lbl{ padding-top: 24px; line-height: 28px; width: 630px; padding-right: 35px;}
.to0p1lbr{ height: 131px; border-left: 1px solid #878686; text-align: right; width: 80px; line-height: 131px;}
.to0p1lbr a{ color: #0648a5; }
.to0p1r{ width: 390px; margin-top: 82px; }
.to0p1rl{ ;}

.slide_x{position:relative;margin-top: 82px;width: 390px; height: 231px; background:url(../images/to0p1rlBg.png) no-repeat left top; padding-left: 8px; padding-top: 8px;}
.slide_x a{color:#eee;text-decoration:none;}
.slide_x .box{overflow:hidden;position:relative;width:320px; height: 223px;}
.slide_x .list{width:9999px;}
.slide_x .list li{ overflow: hidden; float:left;position:relative;width:320px;height:223px;}
.slide_x .list img{vertical-align:middle; margin:0px auto; display:block;width:320px;height:223px;}

.slide_x .minus{position:absolute;top:8px; right:0;width:32px;height:32px;background:#323232 url(../images/plus.png) no-repeat center center;cursor:pointer;}
.slide_x .plus{position:absolute;top:45px; right:0;width:32px;height:32px;background:#323232 url(../images/minus.png) no-repeat center center;cursor:pointer;}
.slide_x .minus:hover,.slide_x .plus:hover{ background-color: #004696; }










.top2{ margin-top: 100px; }
.top2l{ width: 680px; margin-top: 82px;}
.top2l li{ position: relative; margin-bottom: 30px;}
.top2l li img{ display: block; float: left; width:217px; height: 97px; }
.top2l li .top2lr{ width: 440px; float: right; }
.top2l li .top2lr a.top2lr_tit{ font-size: 16px; color: #000;line-height: 40px;}
.top2l li .top2lr .top2lr_des{ font-size: 12px; color: #797979; line-height: 23px; }
.top2l li .top2lr_dt{font-size: 16px; color: #000; line-height: 40px; position: absolute; right: 0; top: 0;}
.top2l li a.more{ position: absolute;right:3px; top: 80px; line-height: 1; color: #0648a5; }
.top2r{ width: 434px; margin-top: 82px;}
/*关于我们+新闻中心 结束*/
.top3Co{ background: url(../images/top3CoBg.jpg) repeat; padding-top: 46px; padding-bottom: 50px;}
.top3_tit{ background: url(../images/top3_titBg.png) no-repeat center bottom; text-align: center;line-height: 50px; font-size: 20px;color: #fff;}
.top3_tit a{ color: #fff; }
.top3_tit span{ display: block; line-height: 1; font-size: 34px; font-family: Microsoft Yi Baiti; text-transform: uppercase; color: #fff;}
.top3tl{ height: 46px; margin-top: 26px; line-height: 46px; text-align: center; border-bottom: 3px solid #272a2f;}
.top3tl li{ display: inline-block; margin:0 16px;}
.top3tl li a{ color: #fff; }
.top3tl li.hover,.top3tl li:hover{ border-bottom: 3px solid #3b65aa; }
.top3tl li.hover a,.top3tl li:hover a{color:#3b65aa; }
.top3bl{ margin-top: 35px; }
.top3bl li{ float: left; position: relative;}
.top3bl li img{ width: 475px; height: 308px; }
.top3bl li .top3bl_txt{ opacity: 0;position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7); text-align: center;}
.top3bl li .top3bl_txt a{ display: block;  margin-top: 120px; color: #fff; font-size: 16px; line-height: 2.5}
.top3bl li .top3bl_txt span{  color: #7f7f7f; }
.top3bl li:hover .top3bl_txt{opacity: 1;animation:0.8s ease 0s normal forwards 1 running yinying;  }
@keyframes yinying {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.top3Co a.more{ display: block;margin:32px auto 0; width: 190px; height: 42px; line-height: 42px; text-align: center; color: #878889; border:1px solid #878889; border-radius: 4px; }
.top3Co a.more:hover{color: #3b65aa;}
/*设计展示  结束*/
.top4Co{ height: 542px; padding-top: 84px; background: url(../images/top4CoBg.jpg) no-repeat center top; }
.top4{}
.top4l{text-align: center; margin-top: 42px;}
.top4l li{ width: 216px; height: 300px; text-align: center; padding-top: 34px; border:1px solid #282828; display: block; float: left; margin:0 9px;}
.top4l li .top4l_pic{ width: 100px; height: 100px; border-radius: 50%; border:1px solid #2c2c2c; margin:0 auto;}
.top4l li .top4l_txt{ margin-top: 12px; line-height: 44px; font-size: 16px;}
.top4l li .top4l_txt span{ line-height: 22px; font-size: 12px; color: #8c8b8b; display: block;}
.top4l li a.top4l_mr{display: block; width: 104px; height: 32px; margin:22px auto 0; border-radius: 16px; text-align: center; line-height: 32px; border:1px solid #2c2c2c; color: #2c2c2c;}
.top4l li:nth-child(1) .top4l_pic{ background: url(../images/top4l1.png) no-repeat center center;}
.top4l li:nth-child(2) .top4l_pic{ background: url(../images/top4l2.png) no-repeat center center;}
.top4l li:nth-child(3) .top4l_pic{ background: url(../images/top4l3.png) no-repeat center center;}
.top4l li:nth-child(4) .top4l_pic{ background: url(../images/top4l4.png) no-repeat center center;}
.top4l li:nth-child(5) .top4l_pic{ background: url(../images/top4l5.png) no-repeat center center;}
.top4l li:hover{ border:1px solid #0648a5; }
.top4l li:hover .top4l_txt,.top4l li:hover .top4l_txt span{ color: #0648a5; }
.top4l li:hover a.top4l_mr{ background-color: #0648a5; border:1px solid #0648a5; color: #fff; }
.top4l li:hover .top4l_pic{border:1px solid #0648a5;}
.top4l li:nth-child(1):hover .top4l_pic{ background:#0648a5 url(../images/top4l1h.png) no-repeat center center;}
.top4l li:nth-child(2):hover .top4l_pic{ background:#0648a5 url(../images/top4l2h.png) no-repeat center center;}
.top4l li:nth-child(3):hover .top4l_pic{ background:#0648a5 url(../images/top4l3h.png) no-repeat center center;}
.top4l li:nth-child(4):hover .top4l_pic{ background:#0648a5 url(../images/top4l4h.png) no-repeat center center;}
.top4l li:nth-child(5):hover .top4l_pic{ background:#0648a5 url(../images/top4l5h.png) no-repeat center center;}
/*业务范围 结束*/
.botCo{ background: url(../images/botCoBg.jpg) repeat; padding-top: 16px;}
.bot{}
.bot_logo{ height:57px;background: url(../images/bot_logo.png) no-repeat center top;}
.bot_nav{ padding-bottom: 22px; border-bottom: 1px solid #787878;}
.bot_nav li{ float: left; margin-left: 81px;}
.bot_nav li:nth-child(1){ margin-left:0px; }
.bot_nav li .bot_nav_tit{ height: 54px; line-height: 54px; width: 102px; text-align: center; border-bottom: 1px solid #787878; color: #fff; }
.bot_nav li .bot_nav_sub{ margin-top: 18px; }
.bot_nav li .bot_nav_sub a{ color: #fff; line-height: 22px; font-size: 12px; text-align: center; display: block;}
.bot_cont{ }
.bot_contl,.bot_contr{ width: 576px; text-align: center;color: #fff; line-height: 80px;}
.bot_contl{}
.bot_contr{}
.bot_contc{ width: 48px; background: url(../images/bot_contc.png) no-repeat center top; padding-top: 44px; line-height: 28px; font-size: 10px; color: #fff; margin-top: 10px; text-align: center;}
.bot_copy{ color: #fff; line-height:2; text-align: center; background:rgba(0,0,0,0.25); padding: 15px 0 10px; }
.bot_copy a{ color: #fff; }
/*底部信息 结束*/
.nybanner{ height: 293px; background: url(../images/nybanner.jpg) no-repeat center top; }
.nybdCo{ background: url(../images/nybdCoBg.jpg) repeat-y center top; }
.nybd{ padding-top: 28px; padding-bottom: 120px;}
.nybdl{ width: 138px; border-right:1px solid #969696; padding-bottom: 145px ;}
.nybdl li{ height: 53px; padding-right: 28px;width: 110px; }
.nybdl li a{ display: block; height: 52px; line-height: 52px; border-bottom:1px solid #969696; font-size: 18px; background: url(../images/nybdla.png) no-repeat right center;}
.nybdl li:hover a,.nybdl li.hover a{ background: url(../images/nybdlah.png) no-repeat right center;}
.nybdl li:hover,.nybdl li.hover{ border-right: 1px solid #0648a5; }
.nybdr{ width: 1020px; }
.nybdr_tit{ height: 33px; border-bottom: 1px solid #c8c8c8;position: relative;}
.nybdr_tit span{ line-height: 1; font-size: 24px; color: #0648a5; }
.nybdr_tit .nybdr_pos{ position: absolute; right: 0; top: 5px; color: #515050; }
.nybdr_tit .nybdr_pos a{color: #515050;}
.nydyCo{ padding-top: 32px; line-height: 2; }
/*单页部分 结束*/
.nynewl{ padding-top: 32px; }
.nynewl li{ position: relative; margin-bottom: 25px;}
.nynewl li img{ display: block; float: left; width:264px; height: 118px; }
.nynewl li .nynewlr{ width: 740px; height: 117px; float: right; border-bottom: 1px solid #dcdadb;}
.nynewl li .nynewlr a.nynewlr_tit{ font-size: 16px; color: #000;line-height: 48px;}
.nynewl li .nynewlr .nynewlr_des{ font-size: 13px; color: #797979; line-height: 24px; }
.nynewl li .nynewlr_dt{font-size: 16px; color: #000; line-height: 48px; position: absolute; right: 0; top: 0;}
.nynews{ padding-top: 32px; }
.nynews_tit{ text-align: center; font-size: 24px; color: #3a3a3a; font-weight: bold; line-height: 1;}
.nynews_qt{ color: #3a3a3a; text-align: center; line-height: 70px; }
.nynews_con{ line-height: 2; margin-top: 10px; font-size: 16px;}
.sxtishi{ text-align: center; line-height: 32px; font-size: 16px; line-height: 34px; margin-top: 50px;}
.sxtishi a{ color: #3a3a3a; }
/*新闻中心 结束*/
.nyprol{ padding-top: 32px; }
.nyprol li{ float: left;width: 326px; height:217px; position: relative; margin:0 7px 16px; overflow: hidden;}
.nyprol li img{ width: 326px; height:217px; }
.nyprol li .nyprol_txt{ opacity: 0;position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7); text-align: center;}
.nyprol li .nyprol_txt a{ display: block;  margin-top: 70px; color: #fff; font-size: 16px; line-height: 2.5}
.nyprol li .nyprol_txt span{  color: #7f7f7f; }
.nyprol li:hover .nyprol_txt{opacity: 1;animation:0.8s ease 0s normal forwards 1 running yinying;  }
@keyframes yinying {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.nypros{ padding-top: 32px; }
.nypro_pic{position: relative; min-height: 400px;}
.nypro_pic img{ max-width: 600px; display: block; margin: 0 auto; }
.nypro_pic a.prev,.nypro_pic a.next{ display: block; width: 38px; height: 38px; position: absolute;top: 190px; border-radius: 5px;}
.nypro_pic a.prev{ background:#d4d3d2 url(../images/prev.png) no-repeat center center; left: 6%; }
.nypro_pic a.next{background:#d4d3d2 url(../images/next.png) no-repeat center center; right: 6%; }
.nypro_pic a.prev:hover,.nypro_pic a.next:hover{ background-color: #0648a5; }
.nypros_tit{ text-align: center; line-height: 60px; color: #000; font-size: 18px; }
.nypros_xx{ font-size: 16px; color: #0648a5; text-align: center; background: url(../images/nypros_xxBg.png) no-repeat center center; margin-top: 30px;}
.nypros_con{ margin-top: 20px; line-height: 2; }
/*产品 结束*/
.main_page{clear:both; margin-top:60px;position:relative;width:100%;text-align:center;overflow:hidden;}
.main_page ul{float:left;position:relative;left:50%;}
.main_page ul li{float:left;margin:0 3px;font-size:14px;text-align:center;position:relative;right:50%; margin-left:10px; }
.main_page ul li:nth-child(4){ margin-left: 0px; }
.main_page li a{width:100%;height:23px;display:block;line-height:21px; padding-left:3px; padding-right:3px; }
.main_page li.page_num a:hover{color:#fff;background:#0b46a2;}
.main_page li.page_num a.select{ background:#0b46a2; color:#fff;}
.main_page li.page_num a{ display:block; float:left; width:23px; margin:0px 3px; background-color: #e9e9e9; border-radius: 3px;}


.main_ly{ padding-left: 50px;}
.main_ly li{clear:both;padding:0px; margin-bottom: 20px;line-height: 40px; height: 40px;  }
.main_ly_t1{width:62px;float:left;margin-left: 10px;color: #000; font-size: 14px; }
.main_ly_t2{float:left;color:#ff0000;padding:0px;font-size:14px;}
.main_ly_t3{ float: left; color: #000;padding:0px;font-size:14px; padding-left: 20px;}
.main_bd{width:270px;height:40px;border:solid 1px #d2d2d2;line-height:40px;padding:0 0 0 5px;float:left;  }
.main_bd1{width:380px;height:40px;border:solid 1px #d2d2d2;line-height:40px;padding:0 0 0 5px;float:left;}
.main_bd2{width:480px;height:200px;border:solid 1px #d2d2d2;float:left;font-size:14px;line-height:32px;padding:5px; background: none;}
.main_bd3{ width: 190px; height: 30px; border:1px solid #dddddd; }
.main_bd4{ width: 780px; height: 110px; background: none; border:1px solid #dddddd;}
.main_but_t{ margin: 0 auto; }

.main_but{width:270px;padding:20px 0 0 78px;clear:both;}
.gbook_tj,.gbook_cz{ width:130px; height:42px;display:block; background:#afadad; text-align:center;font:normal 16px/40px "微软雅黑"; color:#FFF;}
.gbook_tj{ background: #0648a5; }
.gbook_tj:hover,.gbook_cz:hover{ background:#0648a5;}
.gbook_tj{float:left;}
.gbook_cz{float:right;}

.jlshow_con{ display: none;}
.jlshow_con td{ padding: 12px; color: #575555; line-height: 22px;}