﻿@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; top:150px; 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);  }  /* 去掉链接触摸高亮 */
.slideBox .shuzi{ width:100%; height:auto; background-color:#227638;}


/*滚动数字*/
/*滚动数字*/
.sz_top_bj{  height:300px;margin-bottom:30px;}
.sz_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}
.sz_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}


.i_top_bj{background:url(../images/i_top_bj2.jpg) repeat-x top center;width:100%; height:550px;margin-top:10px;}
.i_top_bj h1{width:95%; height:auto; margin:0 auto; color:#fff; font-size:0.2rem; font-weight:bold; text-align:center; line-height:0.43rem; padding-top:8px;}
.i_top_bj h2{width:95%; height:auto; margin:0 auto; color:#fff; font-size:0.14rem; font-weight:100; text-align:center; line-height:0.24rem}

.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: #517ba8; 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;}


.gundong_num22{width:100%; height:auto; margin:0 auto; z-index:10}
.num2{ width:100%; height:auto; overflow:hidden; color:#575757}
.num2 li{ float:left; width:50%; height:auto; transition-duration:500ms; cursor:pointer}
.num2 li .n_box{ width:100%; height:auto; margin:0 auto; border-right:1px solid #E7E7E7; overflow:hidden}
.num2 li .n_box .n_l{width:100%; height:auto; line-height:0.38rem; text-align:center; font-size:0.14rem;color:#575757}
.num2 li .n_box .n_l span{ font-size:0.22rem; font-weight:bold; margin-right:8px;color:#575757}
.num2 li .n_box .n_l p{ line-height:0.2rem;}
.num2 li .n_box .n_r{width:100%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}
.num2 li .n_box .n_r2{width:100%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}
.num2 li .n_box .n_r3{width:100%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}
.num2 li .n_box .n_r4{width:100%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}

.num2 li:hover{background:#d13845; color:#FFF}
.num2 li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}
/*滚动数字_end*/

.cpfl{overflow:hidden; background-color:#eee;height:700px;}

/*标题*/
.index_title{ width:1.4rem; height:auto; padding:20px 0; text-align:center; font-size:0.16rem; color:#999; position:relative; text-transform:Uppercase}
.index_title span{display:block; color:#333; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}
.index_title:after{content:""; position:absolute; left:-100px; top:70px; width:70px; height:1px; background-color:#999;}
.index_title:before{content:""; position:absolute; right:-100px; top:70px; width:70px; height:1px; background-color:#999;}

.index_t{ width:1.4rem; height:auto; padding:50px 0; text-align:center; font-size:0.16rem; color:#fff; position:relative; text-transform:Uppercase}
.index_t span{display:block; color:#fff; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}
.index_t:after{content:""; position:absolute; left:-100px; top:95px; width:70px; height:1px; background-color:#999;}
.index_t:before{content:""; position:absolute; right:-100px; top:95px; width:70px; height:1px; background-color:#999;}
/*标题_end*/

/*标题*/
.index_title2{ width:87%; height:auto; margin:0 auto; text-align:center; margin-top:60px;  margin-bottom:50px; text-transform:uppercase; position:relative}
.index_title2 h22{ color:#333333; font-size:0.20rem; height:0.3rem; line-height:0.3rem; font-weight:bold; }
.index_title2 h22 span{display:block; color:#999; font-size:0.17rem; line-height:0.5rem;font-weight: lighter; letter-spacing:1px;margin-top:-80px;}
.index_title2:after{content:''; position:absolute; left:0; top:92%; width:26%; height:1px; background:#999;}
.index_title2:before{content:''; position:absolute; right:0; top:92%; width:26%; height:1px; background:#999;}
/*标题_end*/

/*产品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:#333; 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}

/*业务*/
.ul_youshi{ overflow:hidden;}
.ul_youshi li{ width:100%; height:3.1rem; background-color:#FFFFFF; position:relative; overflow:hidden;}
.ul_youshi li a{ display:block; color:#FFFFFF}
.ul_youshi li .img{ position:absolute; left:0; top:0; width:100%; height:100%}
.ul_youshi li .img img{display: block; width:100%; height:auto;}

.ul_youshi li .box{position:absolute; left:0; top:1.45rem; width:100%; height:auto; padding:0 20px; z-index:9}
.ul_youshi li .box h5{ font-size:19px; height:30px;text-align:center; }
.ul_youshi li .box .text{ width:91%; height:auto; margin-left:0; padding-top:5px; line-height:26px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.ul_youshi li .wps{position:absolute; left:0; top:2.2rem; width:100%; height:auto; text-align:center; color:#FFFFFF;  z-index:9}

.ul_youshi li .more{width:100px; height:30px; margin-left:120px; overflow:hidden; border:#fff solid 1px; text-align:center; position:relative; font-size:12px }
.ul_youshi li .more i{color:#fff; text-align:center; line-height:30px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.ul_youshi li .more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#227638; transition: 0.4s all ease}
.ul_youshi li .more:hover span{ right:0}

/*图片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*/

/*小幻灯包围*/
.three_box{overflow:hidden; }
.three_box_left{width:100%; height:auto;}
.three_box_right{width:100%; height:auto; padding-bottom:10px;}
.three_box_right .n_box{ width:95%; height:auto; margin-top:20px;color:#fff;}
.three_box_right .n_box h3 {font-size:0.16rem; font-weight: normal; color:#999; line-height: 40px; margin-top:-10px;text-indent:20px}
.three_box_right .n_box h2 {font-size:0.26rem; font-weight: normal; color:#333; line-height:0.3rem;  margin-top:10px;text-indent:20px}
.three_box_right .n_box p { width:90%; height:auto; margin:0 auto; color:#333; margin-bottom: 30px;margin-top:5px;}

.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 20px; background: #0b0b0b;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}
/*小幻灯包围_end*/

/* 多图滚动 */
.scrollBox{ width:95%; height:auto; margin:auto; text-align:center;}
.scrollBox .bd li{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li p{font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox .bd li img{display: block; width:100%; height:100%;   }
.scrollBox .bd li:nth-of-type(2n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:15px;}
.scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox .hd .on{ background:#BA2636;  }
.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox .next{ background-position:-105px 0;}

/*kkkkkkkk*/
.about_index{ margin-top:10px}
.about_box{ overflow:hidden}
.about_box>.left{width:100%; height:250px; overflow:hidden; position:relative;}
.about_box>.left img{max-width:100%;}
.about_box>.left>.inside_box{ position:absolute; left:12px; top:15px; width:95%; height:220px; overflow:hidden;}
.about_box>.left>.inside_box>h5{ font-size:0.2rem; font-weight:500; border-left:5px solid #EA5421; height:0.3rem; line-height:0.3rem; padding-left:15px; color:#1479d7}
.about_box>.left>.inside_box>.box{ line-height:0.26rem; margin-top:15px; color:#999}

.about_box>.right{width:95%; height:auto; margin:0 auto}
.about_box>.right>.pic{ width:100%; height:345px; overflow:hidden; margin-top:10px;}
.about_box>.right>.pic img{max-width:100%;width:100%;height:100%;}
.about_box>.right>.text{ width:100%; background:url(../images/about_text.jpg); overflow:hidden}
.about_box>.right>.text>h5{ width:100%; height:auto; font-size:0.22rem; font-weight:500; border-left:5px solid #EA5421; height:0.35rem; line-height:0.35rem; padding-left:15px; margin:0 auto; margin-top:20px;}
.about_box>.right>.text>.box{ width:100%; height:160px; line-height:27px; margin:0 auto; margin-top:15px; overflow:hidden}

/*小幻灯片*/
.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); /* 取消链接高亮 */  }

/***********新闻资讯***********/
.ii_news{ width:95%; height:auto; margin:0 auto; margin-top:0px;}
.ii_news li{overflow:hidden; padding-top:20px; height:auto;}

.ii_news li .r{width:100%; height:auto;}
.ii_news li .r img{ width:100%; height:100%; }

.ii_news li .l{ display:none}

.ii_news li .c{width:100%; height:auto; margin-top:10px;}
.ii_news li .c .box{ width:100%; height:auto;}
.ii_news li .c .box h2{ font-size:0.16rem; font-weight:100; color:#333333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ii_news li .c .box h3{ font-size:0.12rem; line-height:0.22rem; color:#999999; font-weight:100; margin-top:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

.ii_news li+li{ margin-top:20px; border-top:1px solid #CCCCCC;}
.ii_news li a{ display:block}
/***********新闻资讯_end***********/
/*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:2px solid #666; text-align:center; position:relative; }
.index_more a{color:#575757; 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:#333;color:#fff; transition: 0.4s all ease}
.index_more:hover span{ right:0;color:#fff;}

}

/*当浏览器尺寸大于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:40%; 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);  }  /* 去掉链接触摸高亮 */
.slideBox .shuzi{ position:absolute; left:0; bottom:0; width:100%; height:200px; background-color: #33333375;}

/*滚动数字*/
.sz_top_bj{height:170px; background-color: #fff;margin-bottom:100px;}
.sz_top_bj h1{color:#fff; font-size:30px; font-weight:bold; text-align:center; line-height:80px}
.sz_top_bj h2{color:#fff; font-size:16px; font-weight:100; text-align:center; line-height:23px}

.i_top_bj{height:auto;background:url(../images/i_top_bj.jpg) repeat-x top center;height:650px;margin-top:60px; margin-bottom:30px; }
.i_top_bj h1{color:#fff; font-size:32px; font-weight:bold; text-align:center; line-height:80px;padding-top:50px; }
.i_top_bj h2{color:#fff; font-size:16px;font-weight:100; text-align:center; line-height:35px;}

.gundong_num{ 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; overflow:hidden}
.num li .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:24px;text-align:center; }
.num li .n_box .n_l span{ font-size:24px; font-weight:bold; text-align:center; margin-right:8px}
.num li .n_box .n_l p{ line-height:50px;text-align:center;color:#595757 }
.num li .n_box .n_r{  width:30%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num li .n_box .n_r2{ width:30%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num li .n_box .n_r3{width:30%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num li .n_box .n_r4{  width:30%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num li:nth-of-type(4n+0){border-right:none}
.num li:hover{background: #fafafa; color:#222;height:220px;}

.gundong_num22{ z-index:10}
.num2{ width:100%; height:auto; overflow:hidden;}
.num2 li{ float:left; width:25%; height:auto; padding:16px 0; transition-duration:500ms; cursor:pointer}
.num2 li .n_box{ width:100%; height:auto; margin:0 auto;  overflow:hidden}
.num2 li .n_box .n_l{ float:left; width:55%; height:auto; line-height:38px; padding-left:25px; font-size:18px; color:#575757}
.num2 li .n_box .n_l span{ font-size:40px;  margin-right:8px}
.num2 li .n_box .n_l p{ line-height:20px; margin-top:5px }
.num2 li .n_box .n_r{ float:right;  width:30%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}
.num2 li .n_box .n_r2{ float:right;  width:30%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}
.num2 li .n_box .n_r3{ float:right;  width:30%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}
.num2 li .n_box .n_r4{ float:right;  width:30%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}
.num2 li:nth-of-type(4n+0){border-right:none}
.num2 li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}
/*滚动数字_end*//

/*标题背景*/
.titbg{background: #dddddd;}

/*标题*/
.index_title{ width:200px; height:auto; padding:30px 0; text-align:center; font-size:16px; color:#999; position:relative; text-transform:Uppercase}
.index_title span{display:block; color:#333; font-size:26px; line-height:50px; font-weight:bold; letter-spacing:2px;}
.index_title:after{content:""; position:absolute; left:-100px; top:75px; width:100px; height:1px; background-color:#999;}
.index_title:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#999;}

.index_t{ width:200px; height:auto; padding:150px 0; text-align:center; font-size:16px; color:#fff; position:relative; text-transform:Uppercase}
.index_t span{display:block; color:#fff; font-size:26px; line-height:50px; font-weight:bold; letter-spacing:2px;}
.index_t:after{content:""; position:absolute; left:-100px; top:195px; width:100px; height:1px; background-color:#999;}
.index_t:before{content:""; position:absolute; right:-100px; top:195px; width:100px; height:1px; background-color:#999;}
/*标题_end*/

/*标题*/
.index_title2{ width:300px; height:auto; float:left; margin-top:30px;  margin-bottom:50px; text-transform:uppercase; position:relative}
.index_title2 h3{ color:#999999; font-size:18px; font-weight:100}
.index_title2 h22{ color:#333333; font-size:24px; height:40px; font-weight:bold; line-height:40px; padding-bottom:15px; }
.index_title2 h22 span{ color:#999;font-size:16px; font-weight:100;margin-left:10px;}
.index_title2:after{content:''; position:absolute; left:0; top:50px; width:110px; height:1px; background:#999;}

/*标题_end*/

.cpfl{overflow:hidden; background-color:#f7f7f7;height:530px;}

/*产品tab*/
.pro_index_bj{ margin-bottom:50px; margin-top:30px;}
.pro_tab{width:950px; overflow:hidden; float:right;margin-top:30px; }
.pro_tab li{ display:inline-block; padding:10px 10px; text-align:center; font-size:16px}
.pro_tab li+li{ background:url(../images/ifl.jpg) no-repeat left center}
.pro_tab li a{ display:block; color:#666}
.pro_tab li a:hover{text-decoration:none;}
.pro_tab li.on{background:#333; color:#FFFFFF;}
.pro_tab li.on a{color:#FFFFFF;}
.pro_tab li.on a:hover{color:#FFFFFF;text-decoration:none;}

.pro_box{ width:100%; height:auto; overflow:hidden}
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}

/*业务*/
.ul_youshi{ overflow:hidden;}
.ul_youshi li{ float:left; width:33.333333333333333%; height:580px; background-color:#FFFFFF; position:relative; overflow:hidden;}
.ul_youshi li a{ display:block; color:#FFFFFF}
.ul_youshi li .img{ position:absolute; left:0; top:0; width:100%; height:100%}
.ul_youshi li .img img{display: block; width:100%; height:100%;}

.ul_youshi li .box{position:absolute; left:0; top:470px; width:100%; height:auto;text-align:center;   transition: 0.5s all ease; z-index:9}
.ul_youshi li .box h5{ font-size:22px; height:30px;font-weigh:normal;}
.ul_youshi li .box .text{ width:92%; height:auto; margin-left:0; padding-top:10px; line-height:26px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ul_youshi li:hover .box{top:170px; }

.ul_youshi li .wps{position:absolute; left:200px; top:781px; width:100%; height:auto; text-align:center; color:#FFFFFF;  transition: 0.5s all ease; z-index:9}
.ul_youshi li:hover .wps{top:250px;text-align:center; }

.ul_youshi li .more{width:150px; height:40px; margin-top:20px; margin-left:30px; overflow:hidden; border:#fff solid 1px; text-align:center; position:relative; font-size:16px }
.ul_youshi li .more i{color:#fff; text-align:center; line-height:40px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.ul_youshi li .more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#e60020; transition: 0.4s all ease}
.ul_youshi li .more:hover span{ right:0}


.ul_youshi li p{ position:absolute; left:0; top:580px; width:100%; height:100%; background: rgba(68, 68, 68, 0.82); transition: 0.5s all ease}
.ul_youshi li:hover p{top:0; }

/*kkkkkkk*/
.about_index{ background:url(../images/pic_15.jpg) center center;height:350px;margin-bottom:180px; }
.about_box{ overflow:hidden;ckground-color:#fff; }
.about_box>.left{ float:left; width:950px; height:345px; overflow:hidden;margin-top:150px;border-left:1px solid #e6e1e1;box-shadow:0px 0px 5px black; position:relative}
.about_box>.left img{max-width:100%;}
.about_box>.left>.inside_box{ position:absolute; left:80px; top:80px; width:740px; height:340px; overflow:hidden;}
.about_box>.left>.inside_box>h5{ font-size:28px; font-weight:500; border-left:5px solid #EA5421; height:35px; line-height:35px; padding-left:15px; color:#666}
.about_box>.left>.inside_box>.box{ line-height:29px; margin-top:15px; color:#666}

.about_box>.right{ float:right; width:345px; height:auto;}
.about_box>.right>.pic{ width:345px; height:345px; overflow:hidden;margin-top:150px;}
.about_box>.right>.pic img{max-width:100%;}
.about_box>.right>.text{ width:345px; height:245px; background:url(../images/about_text.jpg); overflow:hidden}
.about_box>.right>.text>h5{ width:270px; height:auto; font-size:28px; font-weight:500; border-left:5px solid #EA5421; height:35px; line-height:35px; padding-left:15px; margin:0 auto; margin-top:20px;}
.about_box>.right>.text>.box{ width:290px; height:160px; line-height:27px; margin:0 auto; margin-top:15px; overflow:hidden}

/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; 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*/

/*小幻灯包围*/
.three_box{overflow:hidden;margin-bottom: 60px;}
.three_box_left{ float:left; width:1200px; height:auto;}
.three_box_right{  width:1200px; height:auto; }
.three_box_right .n_box{ width:1200px; height:auto; margin-top:25px;color:#333; line-height:30px;}
.three_box_right .n_box h3 {font-size:20px; font-weight: normal; color:#999; line-height: 30px;margin-top:-40px;}
.three_box_right .n_box h2 {font-size: 30px; font-weight: normal; color:#333; line-height: 58px; margin-bottom: 25px;}
.three_box_right .n_box p {color: #333; margin-bottom: 20px;margin-top:20px;}

.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 0; background: #0b0b0b;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}
/*小幻灯包围_end*/
/* 多图滚动 */
.scrollBox{ width:1200px; height:auto; margin:-70px auto; text-align:center;}
.scrollBox .bd li{float:left; width:275px; height:auto; margin-right:30px;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li p{font-size:14px; text-align:center;color:#fff; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox .bd li img{width:275px; height:203px; background:url(../images/loading.gif) #fff center center no-repeat;  }
.scrollBox .bd li:nth-of-type(4n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:15px;}
.scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox .hd .on{ background:#BA2636;  }
.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox .next{ background-position:-105px 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); }


/***********新闻资讯***********/
/*新闻开始*/
.ii_news{ width:100%; height:auto; margin-top:20px;}
.ii_news li{overflow:hidden; padding-top:10px; height:auto;}
.ii_news li .l{ float:left; width:80px; height:auto; }
.ii_news li .l h4{ color:#999999; font-weight:100; font-size:22px}
.ii_news li .l .jt{ width:40px; height:30px; margin-left:0; margin-top:20px; background:url(../images/ii_news_jt.jpg); transition: 0.5s all ease;}
.ii_news li:hover .l .jt{ background:url(../images/ii_news_jt2.jpg)}

.ii_news li .c{ float:left; width:940px; height:auto; margin-left:40px; background:url(../images/ii_news.jpg) no-repeat top left}
.ii_news li .c .box{ width:850px; height:auto; margin-left:60px; transition: 0.5s all ease; background-color:#fff; padding-left:20px;}
.ii_news li .c .box h2{ font-size:16px; font-weight:100; color:#333333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ii_news li .c .box h3{ font-size:12px; line-height:22px; color:#999999; font-weight:100; margin-top:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}
.ii_news li:hover .c .box{margin-left:86px;}

.ii_news li .r{ float:right; width:150px; height:113px; overflow:hidden}
.ii_news li .r img{ width:100%; height: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;}
.ii_news li:hover .r 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);}

.ii_news li+li{ margin-top:20px; border-top:1px solid #CCCCCC;}
.ii_news li a{ display:block}
/***********新闻资讯_end***********/
/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:160px; height:40px; margin:0 auto;  overflow:hidden;  border:2px solid #666; float:left; position:relative; }
.index_more a{color:#575757;font-size: 16px; 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:#333; transition: 0.4s all ease}
.index_more:hover span{ right:0}




}
