@charset "utf-8";
.banner { position:relative; left:50%; width:1920px; height: 600px;margin-left:-960px; background:#fff; text-align:center; z-index:3;overflow: hidden; }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:45px; left: 0; height:30px; line-height:30px; text-align:center;}
.banner .hd li,.case .content .hd li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:4px; background:#fff; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.8;border-radius: 50%;transition: all 0.3s ease 0s}
.banner .hd li.on,.case .content .hd li.on{background: #1c96d5}
.banner .hd li.on{border-radius: 5px}

.container { position:relative;z-index:4;}
.wrap{margin-top: 40px}

.switch{width: 496px;height: 122px;position: absolute;background: url(switch.png);left: 50%;margin-left: -248px;top: -96px;z-index: 99}
.switch a{display: block;font-size: 17px;color: #fff;position: absolute;top: 36px;letter-spacing: 2px}
.switch a:first-child{left: 90px}
.switch a:last-child{right: 90px}

.wrap .title h2{font-weight: normal;font-size: 18px;color: #4f4f4f;margin-top: -5px}
.wrap .title{text-align: center;}
.pro{width: 1200px;margin: 0 auto;padding-top: 40px}
.pro-box{text-align:center;}
.pro-box .hd{margin-top: 20px}
.pro-box .hd li,.pro-box .hd a{display: inline-block;border: 1px solid #dadada;font-size: 14px;width: 110px;height: 25px;text-align: center;line-height: 25px;cursor: pointer;}
.pro-box .hd li.on,.pro-box .hd li:hover,.pro-box .hd a.on,.pro-box .hd a:hover{background: #1c96d5;color: #fff;}
.pro-box .bd{margin-top: 35px}
.pro-box .bd ul{width: 1216.25px;}
.pro-box .bd li{width: 225px;height: 255px;border: 1px solid #dadada;position: relative;overflow: hidden;float: left;margin-right: 16.25px}
.pro-box .bd li img{padding-top: 25px}
.pro-box .bd li span{display: block;margin-top: 5px}
.pro-box .bd li p{position: absolute;top: 255px;width: 225px;height: 94px;background: url(pro-hover.png) no-repeat;line-height: 94px;color: #fff}

.rec{margin-top: 40px}
.rec-box{position: relative;width: 1920px;left: 50%;margin-left: -960px;margin-top: 20px}
.rec-box .bd{height: 400px;overflow: hidden;}
.rec-box .hd a{display: block;width: 40px;height: 54px;position: absolute;top: 50%;margin-top: -27px;z-index: 99}
.rec-box .hd a.prev{background: url(rec-prev.png);left:320px }
.rec-box .hd a.next{background: url(rec-next.png);right:320px }

.why{width: 1200px;margin: 0 auto}

.news{margin-top: 40px}
.news-box{position: relative;width: 1920px;height: 472px;left: 50%;margin-left: -960px;margin-top: 20px}
.news-box .news-bg{position: absolute;left: 0;top: 0}
.news-cnt{width: 1200px;margin: 0 auto;position: relative;z-index: 99}
.news-cnt .news-list{width: 1215px}
.news-item{float: left;background: #fff;width: 390px;height: 456px;border-top: 8px solid #0d4d94;border-bottom: 8px solid #0d4d94;margin-right: 15px}
.news-item h3{margin: 10px 20px 10px 20px;font-size: 16px;color: #08509b;font-weight: normal;line-height: 17px}
.news-item h3 span{display: block;font-size: 12px}
.news-item .hotnew{margin: 0 20px;height: 75px;overflow: hidden;}
.news-item .hotnew .date{float: left;width: 73px;height: 75px;background: #696969;color: #fff;text-align: center;}
.news-item .hotnew .date i{display: block;font-size: 27px;padding-top: 5px}
.news-item .hotnew .date s{display: block;font-size: 14px;text-decoration: none}
.news-item .hotnew .text{width: 250px;height: 75px;overflow: hidden;float: right;}
.news-item .hotnew .text a{color:#505050;font-size: 14px}
.news-item .hotnew .text a:hover{color: #0d4d94}
.news-item .hotnew .text p{color:#949494}
.news-item .hotimg{margin: 10px 20px}
.news-item ul{margin: 0 20px}
.news-item li a{display: block;border-bottom: 1px dashed #dadada;padding-bottom: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-item li span{display: block;text-align: right;}
.news-item.video-item{background: #fff url(v-c.png) no-repeat center bottom;}
.news-item .video{margin: 0 20px}

.hmenu{width: 1200px;margin: 50px auto}
.hmenu li{float: left;text-align: center;width: 400px}
.hmenu li p{color: #090909;font-size: 18px;margin: 5px 0}
.hmenu li span{display: block; color: #000}
.hmenu li img{width: 128px;height: 128px;border-radius: 50%;transition: all 0.3s ease 0s}
.hmenu li:hover img{transform: scale(1.1);}

/*悬浮*/
.xf-shadow{width: 100%;height: 100%;background: #000;position: fixed;top: 0;left: 0;z-index: 999;opacity: 0.3}
.xunafu{width: 1311px;height: 543px;position: fixed;left: 50%;margin-left: -655.5px;top: 50%;margin-top: -271.5px;background: url(xuanfu.png);z-index: 1000}
.xunafu .close{display: block;width: 20px;height: 20px;position: absolute;right: 6px;top: 121px;z-index: 10001}
.wel{width: 1250px;height: 120px;position: absolute;top: 122px;left:29px }
.wel-item{position: absolute;width: 335px;}
.wel-item.Marine{right: 0;top: 0}
.wel p{color: #fff;font-size: 14px;margin-top: 20px;line-height: 27px;padding: 0 15px;height: 162px}
.wel a{display: block;font-size: 36px;color: #fff;line-height: 35px;margin-top: 20px;margin-left: 20px;width: 144px}
.wel a span{display: block;font-size: 24px;}
.wel-item.Marine a{margin-left: 150px}
.wel-item.Marine a span{text-align: right;}