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

*{
    padding:0;
    margin:0;
}
li {
    list-style:none;
}
a {
    TEXT-DECORATION: none;
}

img {
    border:none;
}
.clear {
    clear:both;
}
body {
    font:12px/20px "微软雅黑";
    background:#eef6ff;
}

.fl{ float:left;}
.fr{ float:right;}
.box{ width:1200px; margin:0 auto;}
.margin_top{ margin-top:40px;}
.text_align_right{ text-align:right;}
.text_align_center{ text-align:center;}

/*===头部===*/
.tlogo{height: 110px; width: 500px; background: url("../images/logo.png") no-repeat left center;}
.ind_tel{background: url("../images/ico-tel.png") no-repeat left center; line-height: 110px; padding-left: 20px; font-size: 16px;}
.ind_tel font{font-size: 24px; color: #073885;}

/*===导航===*/
#nav_box{background:#073885; z-index:10;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
    -webkit-animation:gupIn 1s 0.1s both;
    -moz-animation:gupIn 1s 0.1s both;
    animation:gupIn 1s 0.1s both;
}

#nav{line-height: 45px; text-align:center; position:relative;}
#nav a{display:inline-block; line-height: 45px; width:145px; text-align:center; font-size:16px; color: #fff; background: url("../images/ico-mlibg.gif") no-repeat left center;
    -webkit-transition:0.3s, color 0.5s; -moz-transition:0.3s, color 0.5s; transition:0.3s, color 0.5s; z-index: 99; position: relative;}
#nav a:hover{color:#fff;background:#0081d2;}
#nav span{width: 150px; height:45px; background:#0081d2; z-index: 1; position:absolute; left:0; opacity:0; filter:alpha(opacity=0);}

/*==banner 图展示==*/
.fullSlide {width:100%;position:relative;height:630px;background:#fff;overflow:hidden; z-index: 9;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {	width:100% !important;height:630px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:630px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {
    cursor:pointer; display:inline-block;*display:inline;
    zoom:1;width:12px;height:12px; margin:1px 5px;overflow:hidden;
    border:#fff 1px solid;
    filter:alpha(opacity=90);
    opacity:0.9;
    line-height:999px;    border-radius: 50px;
}
.fullSlide .hd ul .on {background:#0081d2;border:#fff 1px solid;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;
    width:40px;height:60px;background:url("../images/slider-arrow.png") -126px -137px no-repeat;cursor:pointer;
    filter:alpha(opacity=90);opacity:0.9;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;}

/*==内容==*/
.mbox_bt{ text-align: center; font-size: 18px; line-height: 40px;}
.mbox_bt h4{font-size: 36px;}
.bm_by{text-align: center; font-size: 16px; color: #7b8081;padding-bottom: 20px;}
.bm_by span{display: inline-block; margin: 0 20px; padding-left: 24px;}
.bm_by_bg01{background: url("../images/ico-tb01.png") no-repeat left center;}
.bm_by_bg02{background: url("../images/ico-tb02.png") no-repeat left center;}
.bm_by_bg03{background: url("../images/ico-tb03.png") no-repeat left center;}

.bm_list li{width: 230px; padding-top: 150px; height: 155px; line-height: 50px; text-align: center; float: left; transition:0.5s all ease; box-shadow: 0px 0px 30px #ccc;
    margin-left: 12px; font-size: 14px; color: #999; cursor: pointer;}
.bm_list li h4{color: #303741; font-size: 21px;}
.bm_list li hr{width: 50px; margin: 0 auto;}
.bm_list li:hover{margin-top:-10px;box-shadow: 0px 0px 30px #999;}

.bm_list_bg01{background: url("../images/ico-tb04.png") no-repeat center 50px #fff;}
.bm_list_bg02{background: url("../images/ico-tb05.png") no-repeat center 50px #fff;}
.bm_list_bg03{background: url("../images/ico-tb06.png") no-repeat center 50px #fff;}
.bm_list_bg04{background: url("../images/ico-tb07.png") no-repeat center 50px #fff;}
.bm_list_bg05{background: url("../images/ico-tb08.png") no-repeat center 50px #fff;}

/*==产品==*/
.full_pro{background: #d6eafa; padding:50px 0;}
.pro_list{text-align: center; margin: 10px auto;}
.pro_list li{display: inline-block;}
.pro_list li a{color: #073885; padding: 2px 10px; border: #073885 1px solid; margin: 0 3px;}
.pro_list li a:hover{color: #fff; background: #073885; }
.pro_active{color: #fff !important; background: #073885;}

.pro_nav{width: 245px;}
.pro_show{width: 920px;}

.mright_bot .pl { width:380px;height:240px; position:relative;float:left; margin-left:20px;margin-top: 15px;}
.mright_bot img{
    height:100%;width:100%;
    transition:0.5s all ease;
    -o-transition:0.5s all ease;
    -moz-transition:0.5s all ease;
    -ms-transition:0.5s all ease;
    -webkit-transition:0.5s all ease;
}
.mright_bot li span{position:absolute;height:0;overflow:hidden;bottom:0;left:0; width: 380px;
    line-height: 40px;text-align: center;
    background:rgba(0,0,0,.8);
    transition:0.5s height ease;
    -o-transition:0.5s height ease;
    -moz-transition:0.5s height ease;
    -ms-transition:0.5s height ease;
    -webkit-transition:0.5s height ease;
}
.mright_bot .pl:hover span{height:40px;background: rgba(0,0,0,.8);color: #fff;}

/*==案例==*/
.show_case_bt{width: 290px; height: 360px; padding-top: 50px; padding-bottom: 10px; background: #073885; color: #fff !important;;}
.show_case_bt ul{width: 100px; margin: 15px auto;}
.show_case_bt li{font-size: 12px; line-height: 28px; background: url("../images/ico-tb-case-bg01.png") no-repeat left center;}
.show_case_tel span{border: #0081d2 1px solid; font-size: 12px; padding: 2px 10px;}
.show_case_tel h5{font-size:24px; color: #0081d2 !important; line-height: 24px;}

.show_case li{background: #222325; width: 300px; margin-left: 2px; height: 420px; text-align: center; float:left;}
.show_case li img{width:270px; height: 170px; margin: 50px 0;}
.show_case li h4{width:240px; margin: 0 auto; color: #fff;font-size: 16px;}
.show_case li p{font-size: 12px; font-weight: normal;}
.show_case li:hover{background: #0081d2;}
/*无缝滚动样式*/
.img-box {
    width: 910px;
    height: 420px;
    overflow: hidden;
    position: relative;
}
.img-box ul {
    position: absolute;
    top: 0;
    left: 0;
}

/*==简介==*/
.full_about{position: relative; height:260px;z-index: 1;}
.about{position: absolute;z-index: 99;background: url("../images/ico-about-bg.gif") no-repeat left center #0081d2; width:675px;padding-left: 525px; height: 260px; color: #fff;}
.about_bt{font-size: 20px; padding-top: 36px;}
.about_bt font{font-size: 30px;}
.about_con{margin-top: 20px; line-height: 24px;}
.about_con p{margin-top: 10px;}
.about_con a{color: #fff;}
#wrapper{ height:260px; width:50%; position:relative; z-index: 1;background:#0081d2; float:right;display:inline;}

.news_box{width: 380px;}
.news_box ul{margin-top: 10px;}
.news_box li{background: url("../images/ico-news-list-bg.png") no-repeat left center; padding-left: 15px;}
.news_bt{background: #073885; padding-left: 20px; line-height: 40px; color: #fff; font-size: 14px; margin-top: -6px;}
.news_bt a{background: #0081d2; color: #fff; display: inline-block; width:70px; text-align: center; font-size:12px; text-align: center;}
.news_box li{border-bottom: #ccc 1px dotted; line-height: 40px;}
.news_box li a{color: #333; font-size: 14px;}
.news_box li a:hover{color: #0081d2;}

/*==脚本==*/
.full_footer{background: #222325; padding: 30px 0; color: #999;}
.full_footer ul{ margin-left: 60px;}
.full_footer a{color: #999;}
.full_footer h4{color: #fff; font-size: 16px; line-height: 40px;}
.full_footer_tel{ background: url("../images/ico-tb-ftel.png") no-repeat left center; font-size: 24px; padding: 15px 0; padding-left: 54px;}
.full_footer_week{font-size: 16px; line-height: 30px; color: #fff; padding-left:56px;}
.full_footer_abut{margin-top:20px; margin-left:50px;}
.full_footer_abut a{border-radius: 50px; padding: 8px 30px; color: #fff; }
.full_footer a:hover{color: #fff;}
.full_footer_links a{margin: 0 5px;}

.full_foo{ text-align: center; color: #fff; line-height: 50px;background: #073885;}
.full_foo a{color: #fff;}

/*=============================【内页】=========================*/
.sec_ban{background: url("../images/sec_ban.jpg") no-repeat center #0c1015; height: 230px; color: #fff;}
.sec_ban ul{width: 520px; height: 100px; margin-top: 60px; text-align: center; background: url("../images/ico-sec-ban-bt.png") no-repeat center 10px;}
.sec_ban ul h4{ font-size: 40px; padding-left: 80px;}
.sec_ban ul p{margin-top: 25px; font-size: 16px;}
.sec_ban ul img{margin-left: 30px;}

.sec_mbt{color: #999; border-bottom: #ccc 1px solid; padding-bottom: 10px;}
.sec_mbt font{font-size:20px; color: #073885;  margin-right: 15px;}
.sec_mbt span{font-family: "宋体";}
.sec_mbt span a{color: #999; margin: 0 5px;}
.sec_mbt a:hover{color: #073885;}

.sec_mbox{margin-top: 20px;}
.sleft{width: 210px; padding-right: 20px; background: url("../images/ico-sec-mlr-bg.gif") no-repeat right top;}
.sright{width: 970px; background: url("../images/ico-sec-mlr-bg.gif") no-repeat left top;}

.sleft_nav li{border-bottom: #ccc 1px dotted;}
.sleft_nav li a{display: block; width: auto;  padding-left: 20px; line-height: 40px; font-size: 14px; color: #333;}
.sleft_nav li a:hover{background:#0081d2;color: #fff;}
.sleft_nav font{margin-right: 10px;}
.sleft_news_bt{text-align: center; line-height: 30px; background: #073885; color: #fff; margin-top: 20px;}
.sleft_news_list li{border-bottom: #ccc 1px dotted; padding: 10px 0;}
.sleft_news_list li a{color:#666;}
.sleft_news_list a:hover{color: #073885;}

.sleft_tel{margin-top: 20px; text-align: center; font-size: 26px;}
.sleft_tel p{font-size: 14px; color: #999; background: url("../images/ico-tb-sec-tel.gif") no-repeat 14px center; line-height: 40px;}

.srigh_news{margin-left: 20px;}
.srigh_news_bt{border-bottom: #ccc 1px solid;font-size: 30px; margin-top: 20px;}
.srigh_news_bt p{color: #999; font-size: 12px; line-height: 40px;}
.srigh_news_con{line-height: 30px; font-size: 14px; color: #333; padding: 20px 0;}
.srigh_news_con img{display: inline-block; max-width: 940px;}

.srigh_next{color: #666;border-top: #ccc 1px solid; margin-top: 10px; padding: 10px 0;}
.srigh_next a{color: #666;}
.srigh_next a:hover{color: #073885;}
.srigh_news li{border-bottom: #ccc 1px dotted; padding: 10px 0; color: #999;}
.srigh_news li a{color: #333; font-size: 14px;}
.srigh_news li a span{color: #999; font-weight: normal; font-size: 12px;}
.srigh_news li a:hover{color: #073885;}

.sec-page{ text-align: center; line-height: 60px;}
.sec-page a{ margin: 0 10px;color: #666;}
.sec-page a:hover{color: #073885;}


.mright_case .pl { width:280px;height:210px; position:relative;float:left; margin-left:43px;margin-top: 15px;}
.mright_case img{
    height:100%;width:100%;
    transition:0.5s all ease;
    -o-transition:0.5s all ease;
    -moz-transition:0.5s all ease;
    -ms-transition:0.5s all ease;
    -webkit-transition:0.5s all ease;
}
.mright_case li span{position:absolute;height:0;overflow:hidden;bottom:0;left:0; width: 280px;
    line-height: 30px;text-align: center;
    background:rgba(0,0,0,.8);
    transition:0.5s height ease;
    -o-transition:0.5s height ease;
    -moz-transition:0.5s height ease;
    -ms-transition:0.5s height ease;
    -webkit-transition:0.5s height ease;
}
.mright_case .pl:hover span{height:30px;background: rgba(0,0,0,.8);color: #fff;}

.srigh_pro_about{margin-left: 20px; background: #fff; padding: 20px; color: #666;}
.srigh_pro_about h4{font-size: 20px;color: #333; line-height: 40px}
.srigh_pro_about p{margin-top: 10px;}
.srigh_pro_about p a {background:#0081d2;color: #fff; padding: 5px 20px;}


/*==【相关案例】==*/
.service_hm .service_hm_zs{height:300px;}
.service_hm .service_hm_zs li{margin-right:30px;width:380px;}
.service_hm .service_hm_zs .service_hm_zs_dv{width:380px;height:240px;position: relative;overflow: hidden;}
.service_hm .service_hm_zs_dv img{height:100%;width:100%;transition:0.5s all ease;-o-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-webkit-transition:0.5s all ease;}
.service_hm .service_hm_zs li span{position:absolute;height:0;overflow:hidden;bottom:0;left:0;width:380px;line-height: 40px;text-align: center; background:rgba(255,255,255,.9);transition:0.5s height ease;
    -o-transition:0.5s height ease;-moz-transition:0.5s height ease;-ms-transition:0.5s height ease;-webkit-transition:0.5s height ease;}
.service_hm .service_hm_zs li:hover span{height:40px;background: rgba(255,255,255,.9);color: #000;}
.service_hm .service_hm_zs p{height:40px;width:380px;text-align: center;font-size: 20px;line-height: 40px;
    transition:1s all ease;-o-transition:1s all ease;-ms-transition:1s all ease;-moz-transition:1s all ease;-webkit-transition:1s all ease;}
.service_hm .service_hm_zs p a{display: block;height:40px;width:380px; color: #333;}
.service_hm .service_hm_zs li:hover p{background: #0081d2;}
.service_hm .service_hm_zs li:hover p a{color: #fff}

.blk_18 { overflow:hidden; zoom:1;}
.blk_18 .pcont {width: 970px; float:left; overflow:hidden;}
.blk_18 .ScrCont { width:32766px; zoom:1; overflow: hidden;}
.blk_18 #List1_1, .blk_18 #List2_1 { float:left;}
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:20px; height:16px; margin:7px 0; float:right;
    background-image:url('../images/arrows.png'); background-position:0 0;
}


.show-case-xgzs-con.service_hm_zs_dv li, .show-case-xgzs-con p, .show-case-xgzs-con p a{width:283px !important;}
.show-case-xgzs-con li span{width:283px !important;}
.show-case-xgzs-con .service_hm_zs_dv{width:283px !important;height:177px !important;}
.show-case-xgzs-con .service_hm_zs li{width:283px !important; margin-top: 20px; display: inline-block;}
.show-case-xgzs-con .service_hm_zs { height:auto;}

.show-case-con{padding: 20px; border: #ccc 1px solid;}
.show-case-con h4{ color: #000; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.show-case-con span{color: #0081d2; margin-right: 10px;}

.show-case-xgzs-bt{ border-bottom: #ccc 1px solid; line-height: 40px; font-size: 20px; color: #000;}

.show-case-xgzs-button { margin-top: 15px;}
.show-case-xgzs-button #List1_1, .show-case-xgzs-button #List2_1 { float:left;}
.show-case-xgzs-button .LeftBotton, .show-case-xgzs-button .RightBotton { width:20px; height:16px; float:right;
    background-image:url('../images/arrows.png'); background-position:0 0;
}
.show-case-xgzs-button .LeftBotton { background-position: 0 0;}
.show-case-xgzs-button .RightBotton { background-position: -24px 0px; }
.show-case-xgzs-button .LeftBotton:hover { background-position:0 -26px; }
.show-case-xgzs-button .RightBotton:hover { background-position:-24px -26px; }
.show-case-xgzs-button .pl { width:300px; height:300px; float:left;}