body{background: url(../images/panelbg.jpg) #DFF5FF no-repeat;}



.conbox{width: 960px;margin: 0 auto;clear: both;position: relative;}



.tit{width: 100%;position: relative;color: #1977C5;font-size: 14px;margin: 15px auto}

.tit a{float: right;font-size: 12px;color: #666}



.all_left{width: 180px;position: relative;float: left;border: 1px solid #84D9FF;background: #fff;padding: 10px;margin-top: 10px;}

.all_left h1{color:#1065A4;font-size: 14px;font-weight: 300 }

.all_left ul{width: 100%;}

.all_left ul a li{color:#666;float: 14px;}

.all_left ul li span{margin-right: 10px;display:none;}

.all_left ul li {margin: 10px auto;}

.all_left ul a li:hover{color: #84d9ff}

.all_left ul li:hover span{display:inline-block;}



.all_right{width: 720px;padding: 10px;border: 1px solid #84d9ff;background: #fff;float: left;margin-left: 16px;margin-top: 10px;min-height: 420px}

.adr{width: 100%;position: relative;color:#1065A4;font-size: 14px;margin: auto;border-bottom: 1px solid #cccccc;padding-bottom: 5px;margin-bottom: 10px;clear: both;}

.adr span{float: right;color: #333;font-size: 12px;}

.adr span a{color: #333;margin: 0 5px;}





/*头部*/

.topbox{position: relative;}

.topbox .logo{position: relative;float: left;}

.topbox .gz{float: right;margin-left: 20px;}

.topbox .lg{width: 100%;margin: 20px auto;clear: both;}

.topbox ul{width: 100%;height: 45px;background: url(../images/menuBg.gif) repeat-x;}

.topbox ul a{color: #fff;}

.topbox ul li{float:left;margin: 0 39px;text-align: center;font-size: 14px;}

.topbox ul li span{display: block;font-size: 10px;margin-top: -5px;}





/*banner*/

#banner-num-scroll{position: relative;width: 100%;height:350px;overflow: hidden;margin: 10px auto}

.picList li a img{width:100%;height: 350px;}

#banner-num-scroll .picList li{width:100%;}

#banner-num-scroll .dotList{position: absolute;bottom:5%;z-index:1;height: 10px;text-align: center;cursor:pointer;width: 100%}

#banner-num-scroll .dotList li{width:42px;height:7px;line-height: 999px;background: #b5b2af;opacity: 0.6;text-align: center;display: inline-block;	*zoom:1;*display: inline;margin:0 5px;color:#fff;font-size:12px;}

#banner-num-scroll .dotList .active{background: #ff9000;opacity: 1;}

#banner-num-scroll .prev, #banner-num-scroll .next {background: #000 url("../images/banner-btn.png") no-repeat scroll -126px -137px;cursor: pointer;display: block;height: 60px;left:5%;margin-top: -30px;opacity: 0.5; position: absolute; top: 50%;width: 40px;z-index: 1;}

#banner-num-scroll .next {background-position: -6px -137px;left: auto;right: 5%;}





/*案例分类*/

.alfl_p{background: #569DC4;color: #fff;padding-left: 10px;}



.alfl{width: 300px;height: 183px;float: left;}

.alfl ul{width: 100%;height: 183px;overflow: hidden;clear: both;margin-top: 13px;list-style: dotted;}

.alfl ul li{height: 20px;width: 100%;}

.alfl ul li a{color: #666;font-size: 12px;}

.alfl ul li a span{margin: 0 10px;}

.alfl .xiangshang{width: 380px;height: 183px;}





/*新闻中心*/

.news{width: 330px;position: relative;float: left;margin: 0 42px;}

.news .toutiao{border-bottom: 1px dotted #cccccc;padding-bottom: 10px;}

.news .toutiao a h1{color: #1977c5;}

.news .toutiao p{color: #333;}

.news .toutiao p a{display: inline-block;float: right;color: #1977c5}

.news ul{width: 100%;position: relative;margin-top: 10px;}

.news ul li{width: 100%;}

.news ul a{color: #666}

.news ul li span{float: right;}





/*联系我们*/

.lxwm{width: 245px;position: relative;float: left;}

.lxwm img{width: 100%;}

.lxwm p{color: #666;font-size: 12px;padding-left: 40px;position: relative;}

.lxwm p span{display:inline-block;position: absolute;left: 0}





/*脚步*/

.footbox{background: #1977C5;padding-top: 10px;padding-bottom: 10px;margin-top: 20px;}

.footbox p{color: #fff}

.footbox ul{position: absolute;right: 0;top: 0px;}

.footbox ul a{color: #fff}

.footbox ul li{float: left;}

.footbox ul li span{margin: 0 5px}





/*资质认证*/

.gallery {width:100%;}

.gallery a{display: block;width: 224px;float: left;position: relative;margin: 20px 8px;text-align: center;color: #1977C5}

.gallery a p{color: #666;font-size: 12px;}

.gallery a p span{margin: 0 10px;}

.gallery a img{width:204px; padding: 10px;border:1px solid #cccccc;}

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; -webkit-filter: none !important;    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);

    background: rgba(0, 0, 0, 0.7); }

.rebox *{padding: 0; margin: 0; }

.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }

.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }

.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }

.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }

.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 

    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;

    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;

    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

.rebox-button:hover,

.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }

.rebox-close { right: 10px; top: 10px; }

.rebox-next { right: 10px; top: 48%; }

.rebox-prev { left: 10px; top: 48%; }

.rebox-loading { left: 50%; top: 48%;

    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;

    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;

    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    

    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;

}





/*分页*/

#page{width: 100%;clear: both;margin: 40px auto;text-align: right;}

#page span{color: #333;margin: 0 5px}

#page a{padding: 5px 10px 5px 10px;border: 1px solid #cccccc;margin: 0 5px;color: #333}

#page a:hover{background-color: #368dc3;color: #fff}





/*新闻列表*/

.newslist{width: 100%;}

.newslist a{color: #666;}

.newslist li{margin: 5px auto;font-size: 12px;}

.newslist li span{float: right;color: #666;}





/*新闻详情*/

.newsview_h1{font-size: 16px;color: #333;text-align: center;margin-top: 20px;}

.newsview_p{color: #666;font-size: 12px;border-bottom: 1px solid #cccccc;text-align: center;padding-bottom: 5px;margin-bottom: 10px;}

.newsview_p span{margin: 0 5px;}





/*招聘列表*/

.zplist{width: 100%;}

.zplist a{color: #666;}

.zplist li{margin: 5px auto;font-size: 12px;}

.zplist li span{float: right;color: #666;}