@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:#333; font-size:0.2rem; font-weight:bold; text-align:center; line-height:0.5rem}
.i_top_bj h2{width:95%; height:auto; margin:0 auto; color:#333; 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: #009944; 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{ background:url(../images/titbg.jpg) center 47px no-repeat; text-align:center; line-height:0.3rem; width:100%; height:auto; font-size:0.24rem; color:#000; font-weight:bold; padding-top:0.35rem; margin-bottom:0.2rem;}
.index_news02 span{ display:block; color:#acacac; font-size:0.16rem; text-transform:uppercase;}
/*标题_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:40px; 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:15px; 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*/

/*方案报价*/
.package{ width:100%; height:auto; margin-top:20px;}
.package li{width:100%; height:auto; margin:0 auto; position:relative;}

.package .packtb{width:158px; height:158px; text-align:center; position:absolute; top:-50px; left:50%; margin-left:-79px;z-index:10;}
.package .packtb img{width:84px;height:84px;margin-top:40px;}

.package .packcon{width:90%; height:auto; border:1px solid; text-align:center; margin-top:74px; position:relative; padding-top:120px; padding-bottom:60px}
.package .packcon h1{font-size:0.24rem; color:#333;}
.package .packcon h2{color:#333;}
.package .packp{padding-top:20px; line-height:0.28rem; color:#888; height:1.4rem; overflow:hidden;}

.package .price{margin-top:20px;}
.package .price span{font-size:0.36rem; color:#F00; font-weight:bold}
.package .price em{ padding-left:5px}

.package .packbtn{position:absolute; bottom:0; left:0px; width:100%; font-size:0.18rem;}
.package .packbtn a{width:100%; height:0.48rem; line-height:0.48rem;color:#fff;display:block;}
.package .packbtn a:hover{ text-decoration:none}

.jichu .packtb{background:url(../images/ptb01.png) no-repeat;}
.jichu .packcon{border-color:#fd5f46;}
.jichu .packbtn a{background:#f05e38;}
.jichu .packbtn a:hover{background:#e84930;}

.biaozhun .packtb{background:url(../images/ptb02.png) no-repeat;}
.biaozhun .packcon{border-color:#fcac11;}
.biaozhun .packbtn a{background:#fcac11;}
.biaozhun .packbtn a:hover{background:#de9303;}

.qijian .packtb{background:url(../images/ptb03.png) no-repeat;}
.qijian .packcon{border-color:#1fd984;}
.qijian .packbtn a{background:#1fd984;}
.qijian .packbtn a:hover{background:#10c06f;}

.dingzhi .packtb{background:url(../images/ptb04.png) no-repeat;}
.dingzhi .packcon{border-color:#00b1ff;}
.dingzhi .packbtn a{background:#00b1ff;}
.dingzhi .packbtn a:hover{background:#17a5e3;}
.package li:hover{}
/*方案报价*/

/*图片1*/
.index_pic_photo{width:95%; height:auto; margin:0 auto; overflow:hidden;}
.index_pic_photo dl{float:left; width:48%; height:1.97rem; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.index_pic_photo dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_photo 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_photo dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_photo dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:0.3rem; line-height:0.3rem; 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_photo dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_photo dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_pic_photo dl:nth-of-type(2n+0){margin-right:0px;}
.index_pic_photo 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:#009944; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/*首页产品块*/
.index_pro_tj{ width:95%; height:auto; MARGIN:0 auto; margin-top:20px; 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:#21b384;}
.i_new li:hover a{color:#FFF}
.i_new li+li{ margin-top:10px;}
/***********新闻资讯_end***********/

/*业务领域*/
.i_foot_bj{ background:url(../images/i_f.jpg); margin-top:30px}
.i_foot_bj>h4{ color:#FFF; font-size:0.18rem; font-weight:bold; padding-top:0.3rem; text-align:center}
.i_foot_bj>h5{ width:95%; height:auto; margin:0 auto; color:#FFF; font-size:0.14rem; font-weight:100; margin-top:0.1rem; text-align:center}
.i_foot_box{ overflow:hidden; margin-top:0.2rem; padding-bottom:0.1rem}
.i_foot_box>.l{width:95%; height:auto; background:url(../images/ifoot.jpg)}
.i_foot_box>.l>.box{ padding:20px}
.i_foot_box>.l>.box>h1{ font-size:0.2rem; line-height:0.4rem; color:#FFF; font-weight:bold; letter-spacing:2px; position:relative}
.i_foot_box>.l>.box>h1:after{content:''; position:absolute; left:0; bottom:0; width:100px; height:2px; background:#fff;}
.i_foot_box>.l>.box>.hz{ line-height:0.26rem; color:#FFF; margin-top:0.2rem; max-height:2rem; overflow:hidden}

.btn_wd_white {background-color:transparent; border:#ffffff 1px solid; display:inline-block; *display:inline; *zoom:1; width:200px; text-align:left; margin-top:30px; color:#FFF!important}
.btn_wd_white ._btn_con { display:inline-block; *display:inline; *zoom:1; position:relative; padding-left:75px; height:44px; line-height:44px; }
.btn_wd_white ._btn_con:after { content:''; display:block; position:absolute; top:50%; right:0; margin-right:-35px; margin-top:-6px; width:20px; height:12px; background-repeat:no-repeat; background-image:url(../images/widgets_business_WIN8_4_03.png); }
.btn_wd_white:hover {background-color:#fdf002; border:#fdf002 1px solid; color:#000!important}
.btn_wd_white:hover ._btn_con:after {background-image:url(../images/widgets_business_WIN8_4_02.png);}
.btn_wd_white ._btn_con:hover{ color:#000!important}


.i_foot_box>.r{width:95%; height:auto; margin:0 auto; margin-top:0.2rem}
.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; }
/*业务领域_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>.b{width:95%; height:auto; overflow:hidden; background:url(../images/th.jpg) no-repeat right center; margin-top:10px; padding:15px 0}
.index_about>.b>.cih{width:95%; height:auto;}
.index_about>.b>.cih h1{font-size:20px; line-height:1; margin-bottom:10px; position:relative; padding-bottom:20px; font-weight:bold;}
.index_about>.b>.cih h1:after{content:''; position:absolute; left:0; bottom:0; width:100px; height:1px; background:#fff;}

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

.index_about>.pic{width:100%; height:auto; z-index:1;}

/*小幻灯片*/
.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:1270px; min-width:1270px; height:430px; position:relative; overflow:hidden; background:#fff; }
.slideBox .hd{ width:100%; height:30px; position:absolute; line-height:30px; left:0; bottom:25px; text-align:center; z-index:999999; }
.slideBox .hd li{ display:inline-block; 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 .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; display:block; width:100%; height:430px; max-width: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:#333; font-size:30px; font-weight:bold; text-align:center; line-height:80px}
.i_top_bj h2{color:#333; 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: #009944; 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{ background:url(../images/titbg.jpg) center 47px no-repeat; text-align:center; line-height:30px; width:630px; margin:0 auto 0; font-size:24px; color:#000; font-weight:bold; padding-top:35px; margin-bottom:20px;}
.index_news02 span{ display:block; color:#acacac; font-size:16px; text-transform:uppercase;}
/*标题_end*/

/*我们的服务*/
.index_pic_one{width:100%; height:auto; margin:0 auto; margin-top:40px;}
.index_pic_one li{float:left; width:295px; height:293px; text-align:center; margin-right:17px; background-color:#fff; position:relative; padding-top:40px;}
.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:15px; 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*/

/*方案报价*/
.package{ width:100%; height:auto; margin-top:20px;}
.package li{float:left; width:292px; height:auto; margin-right:21px; position:relative;}
.package li:nth-of-type(4n+0){margin-right:0px;}

.package .packtb{width:158px;height:158px;text-align:center;position:absolute;top:0;left:50%; margin-left:-79px;z-index:10;}
.package .packtb img{width:84px;height:84px;margin-top:40px;}

.package .packcon{width:290px; height:auto; border:1px solid; text-align:center;margin-top:74px;position:relative; padding-top:108px; padding-bottom:60px}
.package .packcon h1{font-size:24px; color:#333;}
.package .packcon h2{color:#333;}
.package .packp{padding-top:20px;font-size:14px;line-height:28px;color:#888;height:140px;overflow:hidden;}

.package .price{margin-top:20px;font-size:14px;}
.package .price span{font-size:36px; color:#F00; font-weight:bold}
.package .price em{ padding-left:5px}

.package .packbtn{position:absolute; bottom:0; left:0px; width:290px; font-size:18px;}
.package .packbtn a{width:286px;height:48px;line-height:48px;color:#fff;display:block;}
.package .packbtn a:hover{ text-decoration:none}

.jichu .packtb{background:url(../images/ptb01.png) no-repeat;}
.jichu .packcon{border-color:#fd5f46;}
.jichu .packbtn a{background:#f05e38;}
.jichu .packbtn a:hover{background:#e84930;}

.biaozhun .packtb{background:url(../images/ptb02.png) no-repeat;}
.biaozhun .packcon{border-color:#fcac11;}
.biaozhun .packbtn a{background:#fcac11;}
.biaozhun .packbtn a:hover{background:#de9303;}

.qijian .packtb{background:url(../images/ptb03.png) no-repeat;}
.qijian .packcon{border-color:#1fd984;}
.qijian .packbtn a{background:#1fd984;}
.qijian .packbtn a:hover{background:#10c06f;}

.dingzhi .packtb{background:url(../images/ptb04.png) no-repeat;}
.dingzhi .packcon{border-color:#00b1ff;}
.dingzhi .packbtn a{background:#00b1ff;}
.dingzhi .packbtn a:hover{background:#17a5e3;}
.package li:hover{}
/*方案报价*/

/*图片1*/
.index_pic_photo{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:10px;}
.index_pic_photo dl{float:left; width:295px; height:350px; margin-right:17px; margin-bottom:20px; background-color:#fff}
.index_pic_photo dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_photo 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_photo dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_photo 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_pic_photo dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_photo dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_pic_photo dl:nth-of-type(4n+0){margin-right:0px;}
.index_pic_photo 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:40px; 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:40px; 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:#009944; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/*首页产品块*/
.index_pro_tj{ width:100%; height:auto; MARGIN:0 auto; margin-top:20px; overflow:hidden;}
.index_pro_tj li{ float:left; width:295px; height:221px; margin-right:17px; 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:605px; height:110px; margin-right:21px; 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:465px; 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:#21b384;}
.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{position:relative; height:360px; margin-top:15px; }
.index_about>.b{ position:absolute; left:0; top:30px; right:0; width:100%; height:300px; overflow:hidden; background:url(../images/th.jpg)}
.index_about>.b>.cih{ float:right; width:630px; height:auto;}
.index_about>.b>.cih h1{font-size:20px; line-height:1; margin-bottom:10px; position:relative; padding-bottom:20px; font-weight:bold; margin-top:20px}
.index_about>.b>.cih h1:after{content:''; position:absolute; left:0; bottom:0; width:100px; height:1px; background:#fff;}
.index_about>.b>.cih>.box{width:95%; height:153px; margin-left:0; color:#FFF; line-height:26px; overflow:hidden}
.index_about>.b>.cih>.index_more{ margin-left:0}
.index_about>.b>.cih>.index_more a{ color:#FFF}

.index_about>.pic{ position:absolute; left:30px; top:0; width:520px; height:360px; z-index:1;}

/*小幻灯片*/
.index_hdp{width:520px; height:360px; position:relative; overflow:hidden;}
.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:100%;}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*技术力量*/
.itechnology{background:#eef1f4; padding:30px 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:15px; 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*/
}