.cl{clear:both}
.top-box{width:100%;height:115px;padding-top:40px;background:url(../images/top-bg.jpg) top center;position: relative; z-index:99;  }
.top{width:1300px;margin:0 auto;overflow:hidden}
.logo{ display:block;width:600px;float:left;}
.nav{width:660px;margin:0 auto;overflow:hidden;height:80px;float:right;}
.nav > li{width:110px;float:left;}
.nav > li >a{width:110px; display:block;height:80px;line-height:80px; text-align:center;color:#1a1a1a;font-size:18px;}
.nav > img{ display:block;float:left;margin:15px 3px;}
.nav > li >a:hover{color:#3062be}
.nav > li > ul{ display:none}
.nav > li:hover > ul{ display:block;background:url(../images/sanj.png) top center no-repeat;background-position-y:10px; width:130px; margin-left:-10px;position:absolute; z-index:999;padding-top:20px;}
.nav > li:hover > ul li a{border-bottom:1px solid #678fd9;background:url(../images/1pxl.png); line-height:50px; display:block;width:130px; margin:0 auto; text-align:center;color:#fff}
.nav > li:hover > ul li a:hover{font-size:16px;}
.banner-box{width:100%;overflow:hidden;}
.focuss{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.focuspics li a img{width:100%}
.focuss .nums{overflow:hidden;height:25px;position:absolute;bottom:12px;left:48%;zoom:1;z-index:3 }
.focuss .nums li{width:18px;height:18px;line-height:18px;text-align:center;color:#FFFFFF;background:#fff;margin-right:15px;border-radius:50%;cursor:pointer;float:left;}
.focuss .nums li.on{background:#3062be;} 
.focuss .prev,
.focuss .next{display:block;width:60px;height:60px;background:url(../images/btn.png) no-repeat;position:absolute;top:300px; opacity:0.3}
.focuss .prev{left:17%;}
.focuss .next{right:17%;background-position:right;}
.con1-box{width:100%;height:650px;background:url(../images/bg1.jpg) top center no-repeat;overflow:hidden}
.con1{width:1300px;margin:0 auto}
.news{width:100%;}
.news-img{width:790px;position:relative;height:450px;float:left;}
.news-img .kuai{width:190px;height:280px;background-color:#3062be;position: absolute;z-index: 1;left:-20px;bottom:0px;}
.title1{width:100%;overflow:hidden;}
.title1 h1{line-height:130px;color:#3062be;font-size:36px;font-weight:500;width:50%;margin-left:25%;text-align: center;float:left;}
.title1 a{float:right;line-height:110px;margin-top:20px;font-size:16px;color:#808080;float:right;}
.title1 a:hover{color:#3062be}
.focus{width:790px;height:450px;position:relative;float:left;z-index: 2;}
.focus .focuspic li a{position:relative;width:790px;height:450px; display:block}
.focus .focuspic li a img{width:730px;height:420px;display: block;position: absolute;top:0;left:0; z-index: 1;}
.focus .focuspic li a div{width:410px;height:160px;position: absolute;bottom:0px;right:0px; z-index:10;overflow:hidden;color:#b6000d;background-color:#fff;padding-top:10px;}
.focus .focuspic li a div span{height:50px;line-height:50px;width:86%;padding:0 7%;color:#3062be;font-size:18px;}
.focus .focuspic li a div p{height:66px;line-height:22px;width:86%;padding:0 7%;color:#808080;font-size:16px;}
.focus .focuspic li a:hover div p{color:#3062be}
.focus .prev{display:block;width:12px;height:16px;background:url(../images/min-btu.png) left no-repeat;position:absolute;bottom:12px;z-index: 10;left: 515px;}
.focus .next{display:block;width:12px;height:16px;background:url(../images/min-btu.png) right no-repeat;position:absolute;bottom:12px;z-index: 10;left: 660px;}
.focus .num{overflow:hidden;height:20px;position:absolute;bottom:5px;right:135px;zoom:1;z-index:11 }
.focus .num li{width:10px;height:10px;line-height:10px;text-align:center;color:#dcdcdc;background:#dcdcdc;margin-right:12px;cursor:pointer;float:left;border-radius: 5px;}
.focus .num li.on{background:#f63e0d;} 
.news-list{width:470px;float:right;}
.news-list li{margin-bottom:25px;}
.news-list li a{ display: block;;display: block;overflow:hidden}
.news-list li a .date{float:left;width:80px;height:70px;background:#fff url(../images/time-bg.png) top center no-repeat;}
.date span{color:#808080;font-size:30px;font-weight:900; display: block;width:100%;text-align: center;margin-top:10px;line-height:36px;}
.date p{color:#808080;font-size:12px;display: block;width:100%;text-align: center;line-height:14px;}
.news-list-con{width:389px;float:right;background-color:#fff;height:70px;}
.news-list-con div{text-indent:20px;line-height:24px;color:#1a1a1a;font-size:16px;width:100%;height:24px;overflow:hidden;margin-top:8px;}
.news-list-con p{text-indent:20px;line-height:28px;color:#808080;font-size:16px;width:100%;height:28px;overflow:hidden;}
.news-list-con .line{width:0px;height:2px;background-color:#f63e0d;display: block;}

.news-list li a:hover .news-list-con div,.news-list li a:hover .news-list-con p,.news-list li a:hover .date span,.news-list li a:hover .date p{color:#3062be}
.news-list li a:hover .news-list-con .line{animation-duration:0.5s;animation-name: line;width:100%;}
@keyframes line{from {width:0;} to {width:100%;}}
.con2-box{width:100%;height:560px;background:url(../images/bg2.jpg) top center no-repeat;}
.con2{width:1300px;overflow:hidden;margin:0 auto}
.con2-list1{width:410px;float:left;}
.ma35{margin:0 35px;}
.con2-t1{width:100%;overflow:hidden}
.con2-t1 img{float:left;margin-bottom:15px;}
.con2-t1 a{float:right;line-height:20px;margin-top:10px;font-size:16px;color:#808080;float:right;display: block;}
.title1 a:hover{color:#3062be}
.con2-list{width:100%;}
.con2-list li{border-bottom:1px dashed #ccc;padding:15px 0;}
.con2-list li a{display: block;overflow:hidden;width:100%;}
.con2-list li a img{width:70px;height:55px;float:left;display: block;}
.con2-list li a p{float:right;width:325px;display: block;line-height:55px;height:55px;overflow:hidden;color:#333;font-size:16px;}
.con2-list li:hover{border-bottom:1px solid #3062be}
.con2-list li:hover a p,.con2-t1 a:hover,.about-title a:hover{color:#3062be}
.con3-box{width:100%;height:650px;padding-top:50px;background:url(../images/bg3.jpg) bottom center no-repeat;}
.con3{width:1300px;overflow:hidden;margin:0 auto;position: relative;height:500px;margin-top:10px;}
.about-img{position:absolute;top:0;left:0;width:700px;height:460px;z-index: 10;display: block;}
.about-con{position:absolute;right:0;top:0;width:650px;height:500px;z-index: 8;}
.about-title{width:100%;overflow:hidden;height:100px;}
.about-title h1{line-height:90px;color:#3062be;font-size:36px;font-weight:500;width:200px;margin-left:80px;float:left;}
.about-title a{float:right;line-height:80px;margin-top:10px;height:10px;font-size:16px;color:#808080;float:right;}
.about1{background-color:#e5faff;width:600px;padding-left:50px;height:390px;padding-top:10px;}
.about1 span{line-height:90px;height:90px;overflow:hidden;width:100%;text-align: center;font-size:24px;color:#3062be;display: block;}
.about1 p{line-height:30px;height:90px;overflow:hidden;width:80%;margin-left:10%;font-size:16px;color:#4c4c4c;text-indent:2em;}
.icon-box{width:600px;overflow:hidden;margin-top:35px;margin-left:40px;}
.icon-box li{float:left;margin-left:20px;}
.icon-box li a{width:80px;display: block;line-height:50px;font-size:14px;color:#333; text-align: center;}
.icon-box li a div{width:50px;height:50px;padding:15px;overflow:hidden; background-color:#fff;border-radius: 40px;}
.copy{text-align: center;width:100%;line-height:30px;color:#4c4c4c;font-size:16px;margin-top:50px;}
.icon-box li a:hover{line-height:46px;color:#3062be}
.icon-box li a:hover div{animation-duration:0.5s;animation-name: icon;border:1px dashed #3062be;}
@keyframes icon{from {border:0px dashed #3062be;transform: rotate(0deg);} to {border:1px dashed #3062be;transform: rotate(360deg);}}
/********filter: blur(5px);滤镜属性，根据项目需求添加************/
.flae{opacity: 0;transform:translateX(-100%);transition:all 1s}
.flae2{opacity: 0;transform:translateX(100%);transition:all 1s}
.flae3{opacity: 0;transform:translateY(-100%);transition:all 1s}
.flae4{opacity: 0;transform:translateY(100%);transition:all 1s}
.activess{opacity: 1;transform:translateX(0);}


/****************list********************/
.list-bj{width:100%;height:410px;overflow:hidden; margin:0 auto;}
.list-big-box{background:url(../images/list-big-bg.png) bottom center no-repeat;width:100%;padding-bottom:30px;}
.list-box{width:1200px;overflow:hidden;margin:30px auto;margin-top:30px;}
.list-nav-boxs{width:240px;float:left; background:#3062be;}
.list-nav-box{ background: #f2f2f2;width:240px;padding-top:10px;}
.list-nav-boxs h4{width:200px;height:80px;line-height:80px;color:#fff;font-size:22px;font-weight:700;background:url(../images/nav2bgs.png) top left no-repeat;margin:0 auto;background-position-y: 30px;background-position-x: 170px;}

.list-nav-box li{width:200px; border-bottom:1px solid #e5e5e5;margin-left: 20px;}
.list-nav-box li a{display:block;width:200px;line-height:30px;padding:15px 0;font-size:18px; text-align:center;color:#2a2a2a;}
.list-nav-box li a:hover{color:#3062be}
.list-right{width:960px;float:right;}
.list-title{width:100%;border-bottom:1px solid #d8d8d8;height:80px;}
.list-title p{line-height:76px;color:#3062be;border-bottom:4px solid #3062be;float:left;font-size:24px;padding:0 15px;}
.list-title ul{float:right;overflow:hidden;padding-top:15px;background:url(../images/dq-bg.png) top left no-repeat;padding-left:25px;background-position-y:37px;}
.list-title ul li,.list-title ul span{float:left}
.list-title ul li a{line-height:60px;color:#9a9a9a;}
.list-title ul span{width:30px;text-align:center;line-height:60px;color:#9a9a9a}
.list,.list-img{width:910px;margin-top:20px;margin-left:50px;}
.list li{overflow:hidden;background:url(../images/lbg.jpg) no-repeat;line-height:50px;background-position-y:22px;padding-left:15px;}
.list li a{color:#2d2d2d;width:800px;float:left;font-size:16px;line-height:50px;height:50px;overflow:hidden}
.list li a:hover{color:#3062be}
.list li .time{color:#929292;float:right;line-height:50px;height:50px;font-size:16px;}
.list .list-line{width:910px;height:1px;margin:17px 0;border-bottom:1px dashed #999}
.acontent-box h1,.content-box h1{line-height:48px;color:#2d2d2d;width:800px;margin-left:50px;font-size:28px; text-align:center;margin-bottom:20px;}
.content-box h1{width:1100px;margin-top:30px;}
.content-box{min-height:300px;width:1200px;margin:0 auto}
.acontents{width:1100px;margin:30px auto}
.acentent p,.centent p{line-height:28px;font-size:14px;text-indent:2em}

.titles{width:800px;margin:20px auto;line-height:40px;color:#333;font-size:24px; text-align:center;margin-top:30px;}
.label{width:460px;margin:0 auto;line-height:40px;font-size:14px;color:#666;text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:20px;}


.list-img li{display:inline;float:left;width:190px;height:260px;margin:0 18px;overflow:hidden;margin-top:30px;}
.list-img li a{width:190px; display: block; text-align: center;height:260px; position:relative; background: #f1f1f1;}
.list-img li a p{width:44px;height:22px; position: absolute;top:0;left:0;background: #ab5051;color:#fff; text-align:center;z-index:1;line-height:22px;}
.list-img li a .ma{width:190px;height:255px;position: absolute;left:0;background: url(../images/news-img-bg.png);color:#fff; text-align:center;z-index:2;line-height:22px;color:40px;top:260px;}
.list-img li a .ma img{margin-top:50px;margin-bottom:20px;}
.list-img li a:hover .ma{ display: none;top:0;transition:all 0.5s}
.list-img li a .img{width:190px;height:205px;}
.list-img li a span{line-height:50px;height:50px; background: #f1f1f1;font-size:16px; width:190px; display: block; text-align: center;color:#333;}