@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{width:100%; margin:0 auto; position:relative; height:527px;}
.fullSlide{width:100%;position:relative;height:100%;background:transparent}
.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{height:100%;}
.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat}
.fullSlide .bd li a{display:block;height:100%}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}
.fullSlide .hd ul{text-align:center;margin-bottom:30px}
.fullSlide .hd ul li{background:#0048a0;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}
.fullSlide .hd ul .on{background:#fff}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}

/*案例展示*/
.alzs{ width:1180px; height:204px; margin:36px auto;}
.alzs span{ height:26px; width:1180px; display:block; line-height:26px;}
.alzs span h3{ font-size:16px; border-left:2px solid #0048a0; padding-left:10px; float:left;}
.alzs h3 a{ color:#0048a0;}
.alzs span i{ display:block; float:right; font-style:normal;}
.alzs em{ font-style:normal; color:#666; font-size:12px; padding-left:16px; font-weight:normal;}
.alzs ul{ margin-top:8px;}
.alzs ul li{ float:left; margin-right:12px;}
.alzs ul li img{ width:223px; height:144px; border:1px solid #ccc; padding:2px;}
.alzs ul li p{ width:223px; line-height:24px; height:24px; text-align:center; }

/*中心*/
.dbox{ width:100%; height:488px; background:#f2f2f2;}
.zjbox{ width:1180px; height:390px; margin:0 auto; padding:50px 0;}
.xw_01{ width:340px; height:380px; background:#0048a0; float:left;}
.xw_02{ width:508px; height:380px; float:left;margin-left: 18px;}
.xw_03{ width:296px; height:380px; float:right;}

.xw_01 h3{ height:54px;  width:340px; background:#FFF; font-size:12px; color:#ccc; line-height:54px;float:left; font-weight:normal;}
.xw_01 h3 a{ font-size:16px;  color:#333; padding:0 16px 0 14px;}
.xw_01 i{ float:right;}
.xw_01 i img{ width:26px; height:26px; padding:16px 14px 0 0;}
.xw_01 h2 img{ width:340px; height:162px;}
.xw_01 p{ color:#fff; line-height:24px; text-indent:2em; padding:0 12px; margin-top:10px; height:144px; overflow:hidden;}

.xw_02 h3{ height:54px;  width:508px; font-size:12px; color:#ccc; line-height:54px;float:left; font-weight:normal;}
.xw_02 h3 a{ font-size:16px;  color:#333; padding:0 16px 0 0;}
.xw_02 i{ float:right;}
.xw_02 i img{ width:26px; height:26px; padding:16px 14px 0 0;}


.box{ height:328px; width:508px; }
.box .hd .iek li{ font-size:14px; width:130px; height:32px; line-height:32px; text-align:center;float:left; margin-right:4px; background:#0048a0;}
.box .hd .iek li a{ color:#fff;}
.box .hd .iek .on, .box .hd .iek li:hover{ width:130px; height:32px; background:#3a3a3a;}
.bd_130{ height:130px; width:508px;  margin:14px auto;}
.bd_130 img{ width:180px; height:130px; float:left;}
.bd_130 span{ display:block; float:right; width:310px; height:130px;}
.bd_130 span h4{ font-size:14px; margin: 10px 0 6px 0;}

.bd_130 span p{ line-height:24px; height:96px; overflow:hidden;}
.xinwen{ height:140px; widows:508px;}
.box .bd .xinwen li span{ display:inline-block; float:right; color:#666;}
.box .bd .xinwen li img{ width:8px; height:7px; vertical-align: middle; padding-right:10px;}
.box .bd .xinwen p{ display:inline-block;vertical-align: middle;}
.box .bd .xinwen li p a{ color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:348px;}
.box .bd .xinwen li{ line-height:27px; width:508px;} 


.xw_03 h3{ height:54px;  width:296px;font-size:12px;  color:#ccc; line-height:54px;float:left; font-weight:normal;}
.xw_03 h3 a{ font-size:16px;  color:#333; padding:0 16px 0 0;}
.xw_03 i{ float:right;}
.xw_03 i img{ width:26px; height:26px; padding:16px 14px 0 0;}
.xw_03 h2 img{ }
.xw_03 p{ color:#fff; line-height:24px; text-indent:2em; padding:0 12px; margin-top:10px; height:144px; overflow:hidden;}
.cp_ie{ width:268px; height:60px;  margin:0 auto; margin-top:14px;}
.cp_ie h4{ font-size:14px; padding-bottom:3px;}
.cp_ie h5{ line-height:20px;}

.elso{float:left; margin-left:18px; height:320px;}
.elso li{ float:left;}
.elso li img{width:230px; height:144px;}
.elso li em{ display:block; font-style:normal; width:230px; height:30px; line-height:30px;  text-align:center; color:#333;}

/*链接*/
.lj{ width:1180px; height:24px; line-height:24px; margin:20px auto;}
.lj h3{ font-size:16px; float:left;}
.lj ul{ float:right; width:1026px;}
.lj ul li{ float:left; margin-right:48px; font-size:14px;}




/*回到顶部*/
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.clearfix .clear{_height:0px;}
/*gotop*/
.cbbfixed {position: fixed;right: 242px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #333;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#0048a0;}
.cbbfixed .weixin div {background: url(../images/weixin.jpg);width: 210px;height: 210px;position: absolute;left: -212px;top: -130px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .weixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .weixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}









