@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:20px; 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_pro_3{ width:95%; height:auto; margin:0 auto; overflow:hidden}
.index_pro_3 li{ float:left; width:49%; height:auto; border:1px solid #F5F5F5; margin-right:2%; margin-bottom:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.index_pro_3 li:nth-of-type(2n+0){ margin-right:0}

.pro3{ width:100%; height:auto; overflow:hidden}
.pro3 a{ display:block}
.pro3 .l{width:100%; height:auto; overflow:hidden}
.pro3 .l img{width:100%; height:100%; max-width:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.pro3 .r{width:92%; height:auto; margin:0 auto}
.pro3 .r h4{ line-height:0.38rem; color:#666; font-weight:bold; font-size:0.16rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pro3 .r h5{ line-height:0.23rem; color:#999; font-weight:400; font-size:0.12rem; padding-bottom:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.pro3:hover .l img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.pro3:hover h5,.pro3:hover h4{ color:#06C}
/*产品_end*/

/*滚动数字*/
.gundong_box{ padding:30px 0}
.gundong_box h5{font-size:0.22rem; font-weight:bold; line-height:0.23rem; color:#333333; text-align:center}
.gundong_box h6{ width:90%; height:auto; margin:0 auto; font-size:0.16rem; line-height:0.3rem; font-weight:400; color:#666666; text-align:center; margin-top:15px;}

.gundong_num{width:95%; height:auto; margin:0 auto; margin-top:15px; z-index:10}
.num{ width:100%; height:auto; overflow:hidden;}
.num li{ float:left; width:50%; height:auto; padding:10px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto; border-right:1px solid #E7E7E7; 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: #172e7a; 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*/

/*新闻视频*/
.news_avi{ width:95%; height:auto; margin:0 auto; margin-top:10px}
.news_avi .l{width:100%; height:auto; overflow:hidden}
.news_avi .r{width:100%; height:auto; margin-top:15px;}

.news_avi_pic{ width:100%; height:auto;}
.news_avi_pic img{width:100%; height:100%;}

.news_avi_ul{ width:100%; height:auto; margin-top:13px; overflow:hidden}
.news_avi_ul li{float:left; width:49%; height:1.5rem; overflow:hidden; margin-right:2%; background-color:#064187; position:relative; transition: 0.5s all ease;}
.news_avi_ul li:nth-of-type(2n+0){ margin-right:0}
.news_avi_ul li a{ display:block; color:#FFFFFF}
.news_avi_ul li:hover{background-color:#062d68}

.news_full{ position:absolute; left:18px; top:20px; width:82%; height:auto;}
.news_full h6{ color:#FFFFFF; line-height:0.24rem; font-size:0.12rem; font-weight:400}
.news_full h5{color:#FFFFFF; font-size:0.15rem; line-height:0.26rem; font-weight: bold;}
/*新闻_end*/

/*小幻灯片*/
.index_hdp{width:100%; height:auto; position:relative; overflow:hidden;}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:60px; height:60px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:auto;}
.index_hdp .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:#1479d7}
.index_title h1 em{ font-size:0.12rem; line-height:35px; color:#999; font-weight:100; display:block}

/*4条底部新闻*/
.news_foot{width:95%; height:auto; margin:0 auto; margin-top:20px; overflow:hidden}
.news_foot li{width:100%; height:auto; margin-bottom:15px; background-color:#f6f6f6; padding:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: 0.5s all ease;}
.news_foot li a{display:block;}
.news_foot li:hover{ background:url(../images/news_foot.jpg)}
.ww_box{width:100%; height:auto; overflow:hidden}
.ww_box .l{ float:left; width:18%; height:auto; border-right:1px solid #CCC}
.ww_box .l b{ display:block; font-size:0.2rem; line-height:0.37rem; text-align:left; font-weight:400}
.ww_box .l em{ display:block; font-size:0.22rem; line-height:0.4rem;}
.ww_box .r{ float:right; width:80%; height:auto;}
.ww_box .r h3{ font-size:0.16rem; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ww_box .r h4{ margin-top:10px; font-size:0.14rem; color:#666; font-weight:400; line-height:0.23rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

/*首页底部*/
.index_db{background: url(../UploadFile/ddd.jpg) no-repeat center;background-attachment: fixed; height:auto; padding:40px 0}
.index_db h5{font-size:0.2rem; font-weight: bold; line-height:0.3rem; color:#666666; text-align:right}
.index_db h6{font-size:0.16rem; line-height:0.26rem; color:#666666; font-weight:400; margin-top:15px; text-align:right}

.db_box{ width:100%; height:auto; overflow:hidden; margin-top:30px; margin-right:0}
.db_box .l{width:100%; height:300px; background-color:#f1ca2f; position:relative}

.db_box_l{ position:absolute; left:30px; top:30px; width:85%; height:auto; z-index:2; text-align:left;}
.db_box_l h3{font-size:0.23rem; line-height:0.26rem; color: #4f4f4f; font-weight: bold; }
.db_box_l h4{font-size:0.14rem; line-height:0.26rem; font-weight:400; color: #4f4f4f; margin-top:20px}

.db_box .l .ip5_icon{width:70px; height:12px; background:url(../images/ipart05_4.png) no-repeat center; position:absolute; right:30px; bottom:40px; transition:all 0.5s ease;}
.db_box .l:hover .ip5_icon{right:50px;}

.db_box .r{ width:100%; height:auto; margin-top:20px;}
.db_box_r{ width:100%; height:auto}
.db_box_r li{ float:left; width:49%; height:1.45rem; margin-right:2%; background-color:#064187; position:relative}
.db_box_r li:nth-of-type(2n+0){ margin-right:0}
.db_box_r li a{ display:block; color:#FFFFFF}
.db_box_r li .text{ position:absolute; left:0; top:40px; width:100%; height:auto; z-index:2}
.db_box_r li .text h5{font-size: 0.16rem; line-height:0.26rem; color: #fff; font-weight:400; text-align:center}
.db_box_r li .text h6{font-size: 0.2rem; line-height:0.26rem; color: #fff; font-weight:bold; text-align:center; margin-top:12px;}
.db_box_r li:nth-of-type(2n+0){ margin-bottom:0}
}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; overflow:hidden; max-width:100%; background:#fff; position:relative}
.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_1{height:427px; background:url(../images/index_1.jpg) no-repeat left top; overflow:hidden}
.index_1 h5{font-size:36px; font-weight: bold; line-height: 36px; padding-top:50px; color:#FFFFFF; text-align:center}
.index_1 h6{font-size: 16px; color: rgba(255,255,255,.6); line-height:26px; text-align:center; font-weight:100; padding-top:20px}

.sfq{width:100%; height:auto; margin-top:45px; overflow:hidden; cursor:pointer }
.sfq li{ float:left; width:260px; height:250px; overflow:hidden; position:relative}
.sfq li.current{ width:490px;}

._img {
    position: absolute;
    left: 50%;
    margin-left: -245px;
    bottom: 0;
    width: 490px;
    height: 100%;
    max-width: none;
}

.sfq li .box_father{ position:absolute; width:100%; height:100%}
.sfq li .box{padding:47px 32px;color:#666;}
.sfq li .box .t{font-size:24px; font-weight:bold; line-height:26px; margin-bottom:17px;}
.sfq li .box .c{font-size:14px; color:#666; line-height:22px}
/*口号*/

/*标题专用*/
.index_title{ width:70%; height:130px;  position:relative; text-align:center;}
.index_title .xian{ position:absolute; left:0; top:68px; 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:#1479d7}
.index_title h1 em{ font-size:14px; line-height:30px; color:#999; font-weight:100; display:block; padding-top:10px}

/*产品*/
.index_pro_3{ width:100%; height:auto; overflow:hidden}
.index_pro_3 li{ float:left; width:410px; height:auto; border:1px solid #F5F5F5; margin-right:20px; margin-bottom:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.index_pro_3 li:nth-of-type(3n+0){ margin-right:0}

.pro3{ width:100%; height:auto; overflow:hidden}
.pro3 a{ display:block}
.pro3 .l{ float:left; width:200px; height:150px; overflow:hidden}
.pro3 .l img{width:100%; height:100%; max-width:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.pro3 .r{ float:left; width:190px; height:auto; margin-left:10px}
.pro3 .r h4{ line-height:38px; color:#666; font-weight:bold; font-size:16px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pro3 .r h5{ line-height:23px; color:#999; font-weight:400; font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4;/*显示几行*/-webkit-box-orient: vertical;}
.pro3:hover .l img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.pro3:hover h5,.pro3:hover h4{ color:#06C}
/*产品_end*/

/*滚动数字*/
.gundong_box{ padding:70px 0}
.gundong_box h5{font-size:36px; font-weight:bold; line-height:36px; color:#333333; text-align:center}
.gundong_box h6{ width:800px; height:auto; margin:0 auto; font-size:18px; line-height: 30px; font-weight:400; color:#666666; text-align:center; margin-top:20px;}

.gundong_num{ width:100%; height:auto; margin-top:30px; z-index:10}
.num{ width:100%; height:auto; overflow:hidden;}
.num li{ float:left; width:25%; height:auto; padding:16px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto; border-right:1px solid #E7E7E7; overflow:hidden}
.num li .n_box .n_l{ float:left; width:55%; 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:#172e7a; 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*/

/*新闻*/
.news_avi{ margin-top:10px;}
.news_avi .l{ float:left; width:760px; height:384px; overflow:hidden}
.news_avi .r{ float:right; width:497px; height:384px;}

.news_avi_pic{ width:100%; height:189px;}

.news_avi_ul{ width:100%; height:auto; margin-top:13px; overflow:hidden}
.news_avi_ul li{float:left; width:242px; height:182px; overflow:hidden; margin-right:13px; background-color:#064187; position:relative; transition: 0.5s all ease;}
.news_avi_ul li:nth-of-type(2n+0){ margin-right:0}
.news_avi_ul li a{ display:block; color:#FFFFFF}
.news_avi_ul li:hover{background-color:#062d68}

.news_full{ position:absolute; left:30px; top:35px; width:182px; height:auto; }
.news_full h6{ color:#FFFFFF; line-height:24px; font-size:14px; font-weight:400}
.news_full h5{color:#FFFFFF; font-size: 20px; line-height: 28px; font-weight: bold;}
/*新闻_end*/

/*小幻灯片*/
.index_hdp{width:100%; height:384px; position:relative; overflow:hidden;}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:60px; height:60px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:100%; -webkit-transition: all 1.8s; -o-transition: all 1.8s; -moz-transition: all 1.8s; transition: all 1.8s}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.index_hdp .bd li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

/*4条底部新闻*/
.news_foot{width:100%; height:auto; margin-top:30px; overflow:hidden}
.news_foot li{ float:left; width:49%; height:auto; margin-right:2%; margin-bottom:15px; background-color:#f6f6f6; padding:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: 0.5s all ease;}
.news_foot li:nth-of-type(2n+0){margin-right:0px;}
.news_foot li a{display:block;}
.news_foot li:hover{ background:url(../images/news_foot.jpg)}
.ww_box{width:100%; height:auto; overflow:hidden}
.ww_box .l{ float:left; width:15%; height:auto; border-right:1px solid #CCC}
.ww_box .l b{ display:block; font-size:22px; line-height:37px; text-align:left; font-weight:400}
.ww_box .l em{ display:block; font-size:28px; line-height:40px;}
.ww_box .r{ float:right; width:80%; height:auto;}
.ww_box .r h3{ font-size:16px; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ww_box .r h4{ margin-top:10px; font-size:14px; color:#666; font-weight:400; line-height:23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

/*首页底部*/
.index_db{background: url(../UploadFile/ddd.jpg) no-repeat center;background-attachment: fixed; height:auto; padding:80px 0; margin-top:20px;}
.index_db h5{font-size:36px; font-weight: bold; line-height:36px; color:#666666; text-align:right}
.index_db h6{font-size:16px; line-height:26px; color:#666666; font-weight:400; margin-top:15px; text-align:right}

.db_box{ width:799px; height:auto; overflow:hidden; margin-top:40px; margin-right:0}
.db_box .l{ float:left; width:529px; height:397px; background-color:#f1ca2f; position:relative}

.db_box_l{ position:absolute; left:30px; top:60px; width:469px; height:auto; z-index:2; text-align:left;}
.db_box_l h3{font-size:26px; line-height: 26px; color: #4f4f4f; font-weight: bold; }
.db_box_l h4{font-size:14px; line-height:26px; font-weight:400; color: #4f4f4f; margin-top:20px}

.db_box .l .ip5_icon{width:70px; height:12px; background:url(../images/ipart05_4.png) no-repeat center; position:absolute; right:30px; bottom:40px; transition:all 0.5s ease;}
.db_box .l:hover .ip5_icon{right:50px;}

.db_box .r{ float:right; width:253px; height:auto}
.db_box_r{ width:253px; height:auto}
.db_box_r li{ width:253px; height:190px; margin-bottom:17px; background-color:#064187; position:relative}
.db_box_r li a{ display:block; color:#FFFFFF}
.db_box_r li .text{ position:absolute; left:0; top:60px; width:100%; height:auto; z-index:2}
.db_box_r li .text h5{font-size: 16px; line-height: 26px; color: #fff; font-weight:400; text-align:center}
.db_box_r li .text h6{font-size: 24px; line-height: 26px; color: #fff; font-weight:bold; text-align:center; margin-top:12px;}
.db_box_r li:nth-of-type(2n+0){ margin-bottom:0}


}