/*当浏览器尺寸小于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:10px; 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;  margin-top:100px;}
.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);  }  /* 去掉链接触摸高亮 */

.slideBox22{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox22 .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.slideBox22 .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox22 .hd li.on{ background:#fff;  }
.slideBox22 .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox22 .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox22 .bd{ position:relative; z-index:0; }
.slideBox22.bd li{ position:relative; text-align:center;  }
.slideBox22 .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox22 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 *

/*关于我们*/
.about_bo{width:100%;overflow:hidden; background: url(../image/hzhb.jpg) no-repeat center;} 
.about_box{overflow:hidden; margin-top:40px; width:95%; height:auto; margin:0 auto;}
.about_box_left{width:100%; height:auto; text-align:center}
.about_box_left h6{ font-weight:100; font-size:40px; line-height:50px; }
.about_box_left h2{ font-weight:100; font-size:20px; line-height:30px;}
.about_box_left p{ width:90%; height:auto; margin:0 auto; margin-top:10px; color:#666; margin-bottom:15px;}
.about_box_right{width:95%; height:auto; margin:0 auto; text-align:center; margin-top:30px;}
.about_box_right img{max-width:100%;}
/*关于我们_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:#0a80c8;}
/*标题_end*/

/*图片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*/

/*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:#0a80c8; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/*首页产品块*/
.pro_index_bj{background: url(../image/hzhb.jpg) no-repeat center;padding-bottom:20px; margin-top:30px;}

/*产品tab*/
.pro_tab{ overflow:hidden; margin-top:20px; width:95%; height:auto; margin:0 auto}
.pro_tab li{ float:left; width:32%; padding:8px 0; text-align:center; font-size:0.14rem; margin-right:2%; margin-bottom:10px; background-color:#EEE}
.pro_tab li:nth-of-type(3n+0){margin-right:0px;}
.pro_tab li a{ display:block; color:#666}

.pro_tab li.on{background:#0a80c8; color:#FFFFFF}
.pro_tab li.on a{color:#FFFFFF}

.pro_box{ width:100%; height:auto; overflow:hidden}
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}

.pro_list{margin-top:5px; overflow:hidden }
.pro_list li {float:left; width:48%; height:auto; text-align: center; margin-right:2%}
.pro_list li:nth-of-type(2n+0){margin-right:0px;}
.pro_list li .img{overflow:hidden}
.pro_list li a img{display: block; width:100%; height:100%;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}
.pro_list 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); }

.pro_list li a {display:block; margin:10px; background: #fff; padding:5px; box-shadow: 0 0 15px rgba(0,0,0,0.05)}
.pro_list li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}

.pro_list li h3 {font-size:0.14rem; color: #000; font-weight: normal; line-height:0.35rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pro_list li p { height:0px;}
.pro_list li a:hover p {background: url(../image/icon2.png) no-repeat bottom center;}
/*首页产品块*/

/*小幻灯包围*/
.three_box{overflow:hidden; background-color:#4b4747}
.three_box_left{width:100%; height:auto;}
.three_box_right{width:100%; height:auto; padding-bottom:20px;}
.three_box_right .n_box{ width:100%; height:auto; margin-top:20px;}
.three_box_right .n_box h3 {font-size:0.26rem; font-family: 'Times New Roman'; font-weight: normal; color:#fff; line-height: 58px; text-indent:20px}
.three_box_right .n_box h2 {font-size:0.26rem; font-weight: normal; color:#fff; line-height:0.3rem; margin-bottom:30px; text-indent:20px}
.three_box_right .n_box p { width:90%; height:auto; margin:0 auto; color:#fff; margin-bottom: 30px;}

.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 20px; background: #db871b;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../image/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}
/*小幻灯包围_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); /* 取消链接高亮 */  }

/*技术力量*/
.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; bottom:25px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 103, 0, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background: rgba(27, 160, 94, 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_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:#0a80c8;}
/*标题_end*/

/*图片1*/
.index_pic_one{width:1270px; height:auto; margin:0 auto;background: url(../image/hzhb.jpg) no-repeat center; overflow:hidden; margin-top:10px;}
.index_pic_one dl{float:left; width:301px; height:226px; margin-right:22px; margin-bottom:20px; 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{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*/

/*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:#0a80c8; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/*首页产品块*/
.pro_index_bj{background: url(../image/hzhb.jpg) no-repeat center;padding-bottom:20px; }

/*产品tab*/
.pro_tab{ overflow:hidden; margin-top:40px; text-align:center}
.pro_tab li{ display:inline-block; padding:10px 20px; text-align:center; font-size:16px}
.pro_tab li+li{ background:url(../image/ifl.jpg) no-repeat left center}
.pro_tab li a{ display:block; color:#666}

.pro_tab li.on{background:#0a80c8; color:#FFFFFF}
.pro_tab li.on a{color:#FFFFFF}

.pro_box{ width:100%; height:auto; overflow:hidden}
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}


.pro_list{margin-top: 20px; overflow:hidden }
.pro_list li {float:left; width:33.333%; height:auto; text-align: center; }
.pro_list li .img{overflow:hidden}
.pro_list li a img{display: block; width:100%; height:100%;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}
.pro_list 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); }

.pro_list li a {display:block; margin:26px; background: #fff; padding:23px; box-shadow: 0 0 15px rgba(0,0,0,0.05)}
.pro_list li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}

.pro_list li h3 {font-size:16px; color: #000; font-weight: normal; line-height:35px}
.pro_list li p { height:8px;}
.pro_list li a:hover p {background: url(../image/icon2.png) no-repeat bottom center;}
/*首页产品块*/

/*关于我们*/
.about_bo{width:100%;overflow:hidden;height:600px; background: url(../image/hzhb.jpg) no-repeat center;} 
.about_box{overflow:hidden; margin-top:40px;}
.about_box_left{ float:left; width:50%; height:auto; text-align:center}
.about_box_left h6{ font-weight:100; font-size:50px; line-height:70px; }
.about_box_left h2{ font-weight:100; font-size:30px; line-height:50px;}
.about_box_left p{ width:70%; height:auto; margin:0 auto; margin-top:30px; color:#666}
.about_box_right{ float:right; width:45%; height:auto; }
/*关于我们_end*/

/*小幻灯包围*/
.three_box{overflow:hidden; background-color:#4b4747}
.three_box_left{ float:left; width:50%; height:auto;}
.three_box_right{ float:right; width:50%; height:auto; }
.three_box_right .n_box{ width:500px; height:auto; margin-left:80px; margin-top:150px;}
.three_box_right .n_box h3 {font-size:48px; font-family: 'Times New Roman'; font-weight: normal; color:#fff; line-height: 58px;}
.three_box_right .n_box h2 {font-size: 40px; font-weight: normal; color:#fff; line-height: 58px; margin-bottom: 30px;}
.three_box_right .n_box p {color: #fff; margin-bottom: 30px;}

.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 0; background: #db871b;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../image/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}
/*小幻灯包围_end*/

.slideBox22{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox22 .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.slideBox22 .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox22 .hd li.on{ background:#fff;  }
.slideBox22 .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox22 .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox22 .bd{ position:relative; z-index:0; }
.slideBox22.bd li{ position:relative; text-align:center;  }
.slideBox22 .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox22 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 *

/*小幻灯片*/
.index_hdp{width:100%; height:600px; 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); }

/*技术力量*/
.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*/
}