@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);  }  /* 去掉链接触摸高亮 */

/*滚动数字*/
.i_top_bj{background:url(../images/i_top_bj.jpg) repeat-x top center; height:auto;}
.i_top_bj h1{width:95%; height:auto; margin:0 auto; color:#fff; font-size:0.18rem; font-weight:bold; text-align:center; line-height:0.43rem}
.i_top_bj h2{width:95%; height:auto; margin:0 auto; color:#fff; font-size:0.12rem; font-weight:100; text-align:center; line-height:0.2rem}

.gundong_num{width:95%; height:auto; margin:0 auto; background-color:rgba(255, 255, 255, 1); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); margin-top:20px; 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: #0088ff; 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*/

/*标题*/
.index_news02{text-align:center; line-height:0.3rem; width:320px; height:auto; margin:0 auto; font-size:0.18rem; color:#999;  padding-top:0.30rem; margin-bottom:0.26rem; text-transform:uppercase; border-bottom:1px solid #DFDFDF; position:relative}
.index_news02 span{ display:block; color:#333; font-size:0.22rem; line-height:0.35rem; font-weight:bold; letter-spacing:2px; padding-bottom:10px;}
.index_news02:after{content:""; position:absolute; left:50%; bottom:-3px; width:100px; height:6px; margin-left:-50px; background-color:#0088ff;}
/*标题_end*/

/*我们的服务*/
.index_pic_one{width:100%; height:auto; margin:0 auto;  margin-top:30px;}
.index_pic_one li{width:90%; height:293px; text-align:center; background-color:#fff; position:relative; padding-top:25px; margin:0 auto; margin-bottom:30px}
.index_pic_one li .top_title{position: absolute; width: 85%; height:35px; line-height:35px; top: -19px; left: 7.5%;  text-align: center; padding: 1px 0; color: #fff; font-size:0.16rem;}
.index_pic_one li i{font-size:0.7rem;}
.index_pic_one li .box{ margin-top:2px; text-align:center}
.index_pic_one li .box p{ line-height:25px;}

.index_pic_one li .button{width: 60%; line-height:30px; margin:12px auto; color: #fff; border-radius:5px;}
.index_pic_one li .button a{color: #fff; text-decoration:none; display:block}

.index_pic_one li.nu1{ border:2px solid #2785cd}
.index_pic_one li.nu2{ border:2px solid #eb7269;}
.index_pic_one li.nu3{ border:2px solid #7e81c4;}
.index_pic_one li.nu4{ border:2px solid #179e7d;}

.index_pic_one li.nu1 .top_title,.index_pic_one li.nu1 .button{background: #2785cd;}
.index_pic_one li.nu2 .top_title,.index_pic_one li.nu2 .button{background: #eb7269;}
.index_pic_one li.nu3 .top_title,.index_pic_one li.nu3 .button{background: #7e81c4;}
.index_pic_one li.nu4 .top_title,.index_pic_one li.nu4 .button{background: #179e7d;}

.index_pic_one li.nu1 i{color: #2785cd;}
.index_pic_one li.nu2 i{color: #eb7269;}
.index_pic_one li.nu3 i{color: #7e81c4;}
.index_pic_one li.nu4 i{color: #179e7d;}

.index_pic_one li:nth-of-type(4n+0){margin-bottom:0px}
/*我们的服务end*/

/*图片1*/
.index_photo_one{width:95%; height:auto; margin:0 auto; overflow:hidden;}
.index_photo_one dl{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.index_photo_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_photo_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_photo_one dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_photo_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_photo_one dl:hover img{ transform:scale(1.1,1.1);}
.index_photo_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_photo_one dl:nth-of-type(2n+0){margin-right:0px;}
.index_photo_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:40%; height:0.3rem; margin:0 auto; margin-top:0px; overflow:hidden; border:#d6d6d6 solid 1px; text-align:center; position:relative; border-radius: 40px;}
.index_more a{color:#737373; text-align:center; line-height:0.3rem; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more a:hover{ color:#fff;  text-decoration:none}
.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#0088ff; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/*首页产品块*/
.index_pro_tj{ width:95%; height:auto; MARGIN:0 auto; margin-top:10px; overflow:hidden;}
.index_pro_tj li{ float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; position: relative;}
.index_pro_tj li img{ display:block; width:100%; height:100%; max-width:100%;}
.index_pro_tj li span{ position: absolute; left: 0; right: 0; bottom: 0; height:0.4rem; line-height:0.4rem; padding: 0 10px; background-color:#333; opacity: 0.7; color: #fff; text-align:center; transition-duration:500ms; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pro_tj li:hover span{ background:#000; color:#FFF}
.index_pro_tj li:nth-of-type(2n+0){margin-right:0px;}
/*首页产品块*/

/***********新闻资讯***********/
.i_new{width:95%; height:auto; overflow:hidden}
.i_new li{width:100%; height:0.83rem; transition-duration:500ms; background-color:#F6F6F6}
.i_new li a{ display:block}
.i_new li .i_n_box{ padding:10px; height:0.62rem; overflow:hidden;}
.i_new li .i_n_box>.i_l{float:left; width:17%; height:auto; text-align:center; overflow:hidden; border-right:1px solid #CCC}
.i_new li .i_n_box>.i_l>.date{font-size:0.36rem; line-height: 1;}
.i_new li .i_n_box>.i_l>.year{ font-size:0.13rem; line-height:0.24rem}
.i_new li .i_n_box>.i_r{float:right; width:80%; height:0.6rem; overflow:hidden;}
.i_new li .i_n_box>.i_r h4{ font-size:0.16rem; line-height:0.20rem; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.i_new li .i_n_box>.i_r h5{ font-size:0.12rem; font-weight:100; line-height:0.2rem; margin-top:4px;}
.i_new li:hover{ background-color:#0088ff;}
.i_new li:hover a{color:#FFF}
.i_new li+li{ margin-top:10px;}
/***********新闻资讯_end***********/

/*关于我们*/
.db_title{ text-align:center; }
.db_title .title_b{ display:inline-block; padding:0 60px; height:0.28rem; font-weight:bold; margin:0.3rem auto; border:2px solid #F00; text-align:center; }
.db_title .title_b .zh{ margin-top:-10px;  text-align:center;}
.db_title .title_b .zh span{ display:inline-block; padding:0 20px; background:#fff; font-size:0.22rem;  line-height:1; color:#333; text-align:center;}
.db_title .title_b .en{ display:inline-block; text-transform:uppercase; font-size:0.16rem; line-height:0.18rem; color:#999; background:#fff; padding:0 10px;  text-align:center; margin-top:8px; font-weight:100}

.index_about{height:auto; overflow:hidden; }
.index_about_box{position:relative; height:auto; }
.index_about_box>.b{width:100%; height:auto; overflow:hidden; margin-top:10px; padding:30px 0; background:url(../images/th.jpg) no-repeat left center;}
.index_about_box>.b>.cih{width:95%; height:auto;}
.index_about_box>.b>.cih h1{font-size:20px; line-height:1; margin-bottom:10px; position:relative; padding-bottom:20px; font-weight:bold;}
.index_about_box>.b>.cih h1:after{content:''; position:absolute; left:0; bottom:0; width:100px; height:1px; background:#fff;}

.index_about_box>.b>.cih>.box{width:100%; height:153px; color:#FFF; line-height:26px; overflow:hidden}
.index_about_box>.b>.cih>.index_more{ margin-left:0; margin-top:15px;}
.index_about_box>.b>.cih>.index_more a{ color:#FFF}
.index_about_box>.b>.cih>.index_more span{ background-color:#F00!important}

.index_about_box>.pic{width:100%; height:auto; z-index:1;}
.index_about_box>.pic>.fc{ display:none}

/*小幻灯片*/
.index_hdp{width:95%; height:auto; position:relative; overflow:hidden; margin-top:5px;}
.index_hdp .hd{ width:100%; height:30px; position:absolute; line-height:30px; left:0; bottom:25px; text-align:center; z-index:999999; }
.index_hdp .hd li{ display:inline-block; width:15px; height:15px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.index_hdp .hd li.on{ background:#fff;  }

.index_hdp .bd{width:100%; height:auto; z-index:0; }
.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); /* 取消链接高亮 */  }

/*技术力量*/
.itechnology{background:#eef1f4; padding:30px 0; margin-top:30px}
.ilan_t{ font-size:0.2rem; text-align:center; color:#00146c; margin-bottom:20px;}
.ilan_t span{ color:#a7a7a7; padding-left:10px;}

.itechnology>.coco{ width:95%;}

.ywly{width:100%; height:auto; margin:0 auto; overflow:hidden}
.ywly li{width:100%; height:2rem; margin-bottom:20px; position:relative; cursor:pointer}
.ywly li img{display:block; width:100%; height:100%; max-width:100%;}
.ywly li>.t{ position:absolute; left:0.22rem; top:0.2rem; width:90%; height:auto; font-size:0.2rem; color:#FFF; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ywly li>.u{ position:absolute; left:0; top:2rem; width:100%; height:100%; z-index:1; background:rgba(255,241,0,.90); transition: 0.5s all ease}
.ywly li:hover .u{top:0; }
.ywly li:hover .t{top:-50px;}
.ywly li>.tt{position:absolute; left:0.22rem; top:2rem; width:90%; height:auto; font-size:0.2rem; color:#000; z-index:2; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ywly li:hover .tt{top:0.2rem; }
.ywly li>._text{position:absolute; left:0.22rem; top:2rem; width:90%; height:1.3rem; overflow:hidden; font-size:0.14rem; line-height:0.26rem; color:#000; z-index:2; transition: 0.5s all ease}
.ywly li:hover ._text{top:0.55rem; }
.ywly li:nth-of-type(3n+0){margin-bottom:0px;}
/*技术力量_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; top:55%; text-align:center; z-index:1; }
.slideBox .hd li{ display:none; width:20px; height:20px; 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: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);  }  /* 去掉链接触摸高亮 */

/*滚动数字*/
.i_top_bj{height:auto; background:url(../images/i_top_bj.jpg) repeat-x top center}
.i_top_bj h1{color:#fff; font-size:30px; font-weight:bold; text-align:center; line-height:80px}
.i_top_bj h2{color:#fff; font-size:16px; font-weight:100; text-align:center; line-height:23px}

.gundong_num{background-color:rgba(255, 255, 255, 1); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); 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: #0088ff; 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*/

/*标题*/
.index_news02{text-align:center; line-height:30px; width:400px; height:auto; margin:0 auto; font-size:22px; color:#999;  padding-top:35px; margin-bottom:26px; text-transform:uppercase; border-bottom:1px solid #DFDFDF; position:relative}
.index_news02 span{ display:block; color:#333; font-size:26px; line-height:40px; font-weight:bold; letter-spacing:2px; padding-bottom:10px;}
.index_news02:after{content:""; position:absolute; left:50%; bottom:-3px; width:100px; height:6px; margin-left:-50px; background-color:#0088ff;}
/*标题_end*/

/*图片1*/
.index_photo_one{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:10px;}
.index_photo_one dl{float:left; width:301px; height:226px; margin-right:22px; margin-bottom:20px; background-color:#fff}
.index_photo_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_photo_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_photo_one dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_photo_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; 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_photo_one dl:hover img{ transform:scale(1.1,1.1);}
.index_photo_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_photo_one dl:nth-of-type(4n+0){margin-right:0px;}
.index_photo_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:160px; height:35px; margin:0 auto; margin-top:20px; overflow:hidden; border:#d6d6d6 solid 1px; text-align:center; position:relative; border-radius: 40px;}
.index_more a{color:#737373; text-align:center; line-height:35px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more a:hover{ color:#fff;  text-decoration:none}
.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#0088ff; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/*首页产品块*/
.index_pro_tj{ width:100%; height:auto; MARGIN:0 auto; margin-top:15px; overflow:hidden;}
.index_pro_tj li{ float:left; width:301px; height:226px; margin-right:22px; margin-bottom:25px; position: relative;}
.index_pro_tj li img{ display:block; width:100%; height:100%;}
.index_pro_tj li span{ position: absolute; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; padding: 0 10px; background-color:#333; opacity: 0.7; color: #fff; text-align:center; transition-duration:500ms; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pro_tj li:hover span{ background:#000; color:#FFF}
.index_pro_tj li:nth-of-type(4n+0){margin-right:0px;}
/*首页产品块*/

/***********新闻资讯***********/
.i_new{ overflow:hidden}
.i_new li{float:left; width:620px; height:110px; margin-right:30px; margin-bottom:20px; transition-duration:500ms; background-color:#F6F6F6;}
.i_new li a{ display:block}
.i_new li .i_n_box{ padding:15px; height:80px; overflow:hidden}
.i_new li .i_n_box>.i_l{float:left; width:95px; height:auto; text-align:center; overflow:hidden; border-right:1px solid #CCC}
.i_new li .i_n_box>.i_l>.date{font-size:55px; line-height: 1;}
.i_new li .i_n_box>.i_l>.year{ font-size:14px; line-height:25px}
.i_new li .i_n_box>.i_r{float:right; width:480px; height:80px; overflow:hidden;}
.i_new li .i_n_box>.i_r h4{ font-size:20px; line-height:26px; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.i_new li .i_n_box>.i_r h5{ font-size:14px; font-weight:100; line-height:23px; margin-top:10px;}
.i_new li:nth-of-type(2n+0){margin-right:0px;}
.i_new li:hover{ background-color:#0088ff;}
.i_new li:hover a{color:#FFF}
/***********新闻资讯_end***********/

/*关于我们*/
.db_title{ text-align:center; }
.db_title .title_b{ display:inline-block; padding:0 60px; height:28px; font-weight:bold; margin:30px auto; border:2px solid #F00; text-align:center; }
.db_title .title_b .zh{ margin-top:-15px;  text-align:center;}
.db_title .title_b .zh span{ display:inline-block; padding:0 20px; background:#fff;font-size:26px;  line-height:1; color:#333; text-align:center;}
.db_title .title_b .en{ display:inline-block; text-transform:uppercase; font-size:18px; line-height:18px; color:#999; background:#fff; padding:0 10px;  text-align:center; margin-top:8px; font-weight:100}

.index_about_box{position:relative; height:360px;}
.index_about_box>.b{ position:absolute; top:30px; right:0; width:780px; height:300px; overflow:hidden; background-color:#F6F6F6;}
.index_about_box>.b>.cih{width:700px; height:auto;}
.index_about_box>.b>.cih h1{font-size:20px; line-height:1; margin-bottom:10px; position:relative; padding-bottom:20px; font-weight:bold; margin-top:20px; color:#666}
.index_about_box>.b>.cih h1:after{content:''; position:absolute; left:0; bottom:0; width:100px; height:1px; background:#0088ff;}
.index_about_box>.b>.cih>.box{width:100%; height:153px; margin-left:0; color:#666; line-height:26px; overflow:hidden;}
.index_about_box>.b>.cih>.index_more{ margin-left:0}

.index_about_box>.pic{position:absolute; left:0; top:0; width:1000px; height:360px;}


/*小幻灯片*/
.index_hdp{width:1000px; height:360px; position:relative; overflow:hidden;}
.index_hdp .hd{ width:100%; height:30px; position:absolute; line-height:30px; left:0; bottom:25px; text-align:left; padding-left:50px; z-index:999999; }
.index_hdp .hd li{ display:inline-block; width:15px; height:15px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.index_hdp .hd li.on{ background:#fff;  }

.index_hdp .bd{width:100%; height:auto; z-index:0; }
.index_hdp .bd li img{display:block; width:100%; height:100%;}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*技术力量*/
.itechnology{background:#eef1f4; padding:50px 0; margin-top:40px}
.ilan_t{ font-size:40px; text-align:center; color:#00146c; margin-bottom:30px;}
.ilan_t span{ color:#a7a7a7; padding-left:10px;}

.ywly{ width:100%; height:auto; overflow:hidden}
.ywly li{float:left; width:400px; height:215px; margin-right:35px; position:relative; cursor:pointer}
.ywly li img{width:400px; height:215px;}
.ywly li>.t{ position:absolute; left:50px; top:40px; width:290px; height:auto; font-size: 24px; color:#FFF; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ywly li>.u{ position:absolute; left:0; top:215px; width:100%; height:100%; z-index:1; background:rgba(255,241,0,.90); transition: 0.5s all ease}
.ywly li:hover .u{top:0; }
.ywly li:hover .t{top:-50px;}
.ywly li>.tt{position:absolute; left:50px; top:215px; width:290px; height:auto; font-size: 24px; color:#000; z-index:2; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ywly li:hover .tt{top:40px; }
.ywly li>._text{position:absolute; left:50px; top:215px; width:290px; height:115px; overflow:hidden; line-height:27px; color:#000; z-index:2; transition: 0.5s all ease}
.ywly li:hover ._text{top:80px; }
.ywly li:nth-of-type(3n+0){margin-right:0px;}
/*技术力量_end*/

/*我们的服务*/
.index_pic_one{width:100%; height:auto; margin:0 auto;  margin-top:40px;}
.index_pic_one li{float:left; width:301px; height:293px; text-align:center; margin-right:22px; background-color:#fff; position:relative; padding-top:25px;}
.index_pic_one li .top_title{position: absolute; width: 85%; height:35px; line-height:35px; top: -19px; left: 7.5%;  text-align: center; padding: 1px 0; color: #fff; font-size:16px;}
.index_pic_one li i{font-size:70px;}
.index_pic_one li .box{ margin-top:2px; text-align:center}
.index_pic_one li .box p{ line-height:25px;}

.index_pic_one li .button{width: 60%; line-height:30px; margin:12px auto; color: #fff; border-radius:5px;}
.index_pic_one li .button a{color: #fff; text-decoration:none; display:block}

.index_pic_one li.nu1{ border:2px solid #2785cd}
.index_pic_one li.nu2{ border:2px solid #eb7269;}
.index_pic_one li.nu3{ border:2px solid #7e81c4;}
.index_pic_one li.nu4{ border:2px solid #179e7d;}

.index_pic_one li.nu1 .top_title,.index_pic_one li.nu1 .button{background: #2785cd;}
.index_pic_one li.nu2 .top_title,.index_pic_one li.nu2 .button{background: #eb7269;}
.index_pic_one li.nu3 .top_title,.index_pic_one li.nu3 .button{background: #7e81c4;}
.index_pic_one li.nu4 .top_title,.index_pic_one li.nu4 .button{background: #179e7d;}

.index_pic_one li.nu1 i{color: #2785cd;}
.index_pic_one li.nu2 i{color: #eb7269;}
.index_pic_one li.nu3 i{color: #7e81c4;}
.index_pic_one li.nu4 i{color: #179e7d;}

.index_pic_one li:nth-of-type(4n+0){margin-right:0px;}
/*我们的服务end*/
}