@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:30px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*标题专用*/
.index_title{ width:95%; height:1rem; margin:0 auto; margin-top:10px; position:relative; text-align:center;}
.index_title .xian{ position:absolute; left:0; top:0.47rem; width:100%; height:5px; border-bottom:1px dashed #CCC;}
.index_title .xian_bj{ width:65%; height:10px; margin:0 auto; background-color:#ffF}
.index_title h1{ display:inline-block; font-size:0.2rem; line-height:0.3rem; color:#333; font-weight:bold; text-align:center; padding:0 20px; margin-top:20px;}
.index_title h1 span{ color:#ff6700}
.index_title h1 em{ font-size:0.12rem; line-height:35px; color:#999; font-weight:100; display:block; }

/*方案*/
.fangan{ background-color:#324776; padding-top:5px; padding-bottom:10px; margin-top:30px;}
.fangan h1{color:#FFF}
.fangan h1 span{color:#FF0}
.fangan h1 em{ color:#fff}
.fangan .xian_bj{ width:60%; height:6px; margin:0 auto; background-color:#324776}
/*方案*/

/*linyi*/
.linyi{ width:95%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.linyi li{ float:left; width:48%; height:auto; margin-right:4%; margin-bottom:26px; }
.linyi li .img{ width:100%; height:1.5rem; border:5px solid #ffd3cd; overflow:hidden;  }
.linyi li .img img{width:100%; height:100%; max-width:100%;}
.linyi li h3{ text-align:center; line-height:0.4rem; font-size:0.18rem; color:#fff; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.linyi li h4{text-align:center; line-height:0.26rem; font-size:0.12rem; color:#fff; font-weight:100; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.linyi li:nth-of-type(2n+0){margin-right:0px;}
.linyi li a{ display:block}

/*图片1*/
.index_pic_one{width:95%; height:auto; margin:0 auto; overflow:hidden;}
.index_pic_one dl{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:0.35rem; line-height:0.35rem; text-align:center; background-color:#333; opacity: 0.7; color:#FFFFFF; text-shadow:3px 2px 2px #000; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_pic_one dl:nth-of-type(2n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*新闻*/
.index_news{width:95%; height:auto; margin:0 auto; overflow:hidden;}
.index_news li{ float:left; width:49%; height:auto; margin-right:2%; border:1px solid #dadada; margin-bottom:10px}
.index_news li .img{ width:100%; height:0.45rem; overflow:hidden}
.index_news li .img img{width:100%; height:100%;}
.index_news li h1{ padding:10px; font-size:0.16rem; font-weight:500; color:#333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news li .box{ padding:0 10px; margin-bottom:10px;}
.index_news li .box p{font-size:0.12rem; font-weight:100; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical; line-height:0.22rem; color:#666}
.index_news li:nth-of-type(2n+0){margin-right:0px;}
.index_news li a{ display:block}
.index_news li:hover p,.index_news li:hover h1{ color:#C30}

/*滚动数字*/
/*数字滚屏*/
.foot_nums {height:315px; position:relative; background-color:#ff6600; margin-top:35px}
#canvas_box,#anitOut,#anitOut canvas { width:140%; height:100%; position:absolute; left:0; top:0;}
.canvas_box {background-size:100% 100%;}

.gundong_num{width:100%; height:auto; z-index:10; position:absolute; left:0; top:10px;}

.num{ width:95%; height:auto; margin:0 auto; overflow:hidden; box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);}
.num li{ float:left; width:50%; height:auto; padding:10px 0; transition-duration:500ms; cursor:pointer; color:#FFF}
.num li .n_box{ width:100%; height:auto; margin:0 auto; overflow:hidden}
.num li .n_box .n_l{width:100%; height:auto; line-height:0.38rem; text-align:center; font-size:0.14rem;}
.num li .n_box .n_l span{ font-size:0.22rem; font-weight:bold; margin-right:8px}
.num li .n_box .n_l p{ line-height:0.2rem;}

.num li .n_box .n_r{width:100%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r2{width:100%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r3{width:100%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r4{width:100%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}

.num li:hover{background:#324776; color:#FFF}
.num li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}
.num li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}
.num li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}
.num li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}
/*滚动数字_end*/
}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; bottom:30px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 255, 255, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background: rgba(1, 21, 88, 0.6); }

.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*标题专用*/
.index_title{ width:70%; height:130px;  position:relative; text-align:center;}
.index_title .xian{ position:absolute; left:0; top:75px; width:100%; height:5px; border-bottom:1px dashed #CCC;}
.index_title .xian_bj{ width:45%; height:6px; margin:0 auto; background-color:#ffF}
.index_title h1{ display:inline-block; font-size:30px; color:#333; font-weight:bold; text-align:center; padding:20px; margin-top:10px;}
.index_title h1 span{ color:#ff6700}
.index_title h1 em{ font-size:14px; line-height:30px; color:#999; font-weight:100; display:block; padding-top:12px;}

/*方案*/
.fangan{ background:url(../images/qywh.jpg) no-repeat top center; padding:50px 0; margin-top:50px;}
.fangan h1{color:#FFF;}
.fangan h1 span{color:#FF0;}
.fangan h1 em{ color:#fff;}
.fangan .xian_bj{ width:45%; height:6px; margin:0 auto; background-color:#ab1516}
/*方案*/

/*linyi*/
.linyi{ width:95%; height:auto; margin:0 auto; overflow:hidden; margin-top:30px;}
.linyi li{ float:left; width:15%; height:auto; margin-right:2%;}
.linyi li .img{ width:100%; height:auto; border:5px solid #ffd3cd; overflow:hidden; position:relative; }
.linyi li .img p{ position:absolute; left:0; top:300px; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.linyi li:hover p{top:0; }
.linyi li .img img{width:100%; height:100%; max-width:100%;}
.linyi li h3{ text-align:center; line-height:50px; font-size:18px; color:#fff; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.linyi li h4{text-align:center; line-height:26px; font-size:16px; color:#fff; font-weight:100; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.linyi li:nth-of-type(6n+0){margin-right:0px;}
.linyi li a{ display:block}

/*图片1*/
.index_pic_one{width:95%; height:auto; margin:0 auto; overflow:hidden; margin-top:10px;}
.index_pic_one dl{float:left; width:22.75%; height:auto; margin-right:3%; margin-bottom: 35px; background-color:#fff; border:1px solid #F3F3F3}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{transform:scale(0.9,0.87); background-color:#FFF; opacity:0.9;}
.index_pic_one dt:hover p{position:absolute; left:0; top:45%; width:100%; height:35px; line-height:35px; text-align:center; color:#333; z-index:9999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:nth-of-type(4n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*新闻*/
.index_news{width:95%; height:auto; margin:0 auto; overflow:hidden;}
.index_news li{ float:left; width:22.75%; height:auto; margin-right:3%; border:1px solid #dadada}
.index_news li .img{ width:100%; height:80px; overflow:hidden}
.index_news li .img img{width:100%; height:auto;}
.index_news li h1{ padding:15px; font-size:18px; font-weight:500; color:#333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news li .box{ padding:0 15px; margin-bottom:15px;}
.index_news li .box p{font-weight:100; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical; line-height:26px; color:#999}
.index_news li:nth-of-type(4n+0){margin-right:0px;}
.index_news li a{ display:block}
.index_news li:hover p,.index_news li:hover h1{ color:#C30}

/*滚动数字*/
/*数字滚屏*/
.foot_nums {height:230px; position:relative; background-color:#ff6600; margin-top:35px}
#canvas_box,#anitOut,#anitOut canvas { width:100%; height:100%; position:absolute; left:0; top:0;}
.canvas_box { background:url(../images/canvas_ie.jpg) 50% 0 no-repeat; background-size:100% 100%;}

.gundong_num{ width:100%; height:auto; z-index:10; position:absolute; left:0; top:67px;}
.num{ width:95%; height:auto; margin:0 auto; overflow:hidden; box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);}
.num li{ float:left; width:25%; height:auto; padding:16px 0; transition-duration:500ms; cursor:pointer; color:#FFF}
.num li .n_box{ width:100%; height:auto; margin:0 auto;  overflow:hidden}
.num li .n_box .n_l{ float:left; width:60%; height:auto; line-height:38px; padding-left:25px; font-size:16px;}
.num li .n_box .n_l span{ font-size:32px; font-weight:bold; margin-right:8px}
.num li .n_box .n_l p{ line-height:20px;}

.num li .n_box .n_r{ float:right;  width:30%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r2{ float:right;  width:30%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r3{ float:right;  width:30%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r4{ float:right;  width:30%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}
.num li:nth-of-type(4n+0){border-right:none}

.num li:hover{background:#324776; color:#FFF}
.num li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}
.num li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}
.num li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}
.num li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}
/*滚动数字_end*/
}