@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:165px; 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{ background:#fff;height:250px; }
.sz_top_bj h1{width:95%; height:auto; margin:0 auto; color:#333; 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:#333; font-size:0.12rem; font-weight:100; text-align:center; line-height:0.2rem}

.sz_top_bj2{width:98%;height:240px;margin-bottom:10px;margin-top:5px;box-shadow: 0px 0px 20px #ccc;}
.sz_top_bj2 h1{color:#333;font-size:0.18rem;  font-weight:bold; text-align:center; line-height:50px}
.sz_top_bj2 h2{color:#333;font-size:0.14rem;font-weight:100; text-align:center; line-height:23px}

.i_top_bj{background:url(../images/pic_15.jpg) repeat-x top center; height:auto;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-top:-30px; z-index:10}
.num{ width:100%; height:auto; overflow:hidden;}
.num li{ float:left; width:50%; height:auto; padding:20px 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;color:#333; text-align:center; font-size:0.14rem;}
.num li .n_box .n_l span{ font-size:0.22rem;color:#0953c0; font-weight:bold; margin-right:8px}
.num li .n_box .n_l p{ line-height:0.2rem;color:#333}
.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{ 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;}

.jmys{width:100%; height:800px;background: url(../images/ysbj.jpg) no-repeat top center;margin-top:10px;}
.gundong_num22{ z-index:10}
.num2{ width:95%;height:auto; overflow:hidden;margin-top:50px; }
.num2 li{ float:left; width:46%; height:auto; margin-left:4%;margin-bottom:4%; transition-duration:500ms; cursor:pointer;background:#0953c0;border-radius: 10px; }
.num2 h2{ font-size:0.32rem;font-weight:normal;text-align:center;color:#fff; margin-top:30px;  }
.num2 li .n_box{ width:90%; height:auto; margin:0 auto; overflow:hidden;}
.num2 li .n_box .n_l{  width:100%; height:auto; line-height:50px;  font-size:24px;text-align:center;  }
.num2 li .n_box .n_l span{ font-size:0.22rem;  text-align:center;color:#fff;}
.num2 li .n_box .n_l p{line-height:0.2rem; font-size:0.14rem; text-align:center;color:#999}
.num2 li .n_box .n_r{  width:100%; height:128px; background: url(../images/1.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li .n_box .n_r2{ width:100%; height:128px; background: url(../images/2.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li .n_box .n_r3{width:100%; height:128px; background: url(../images/3.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li .n_box .n_r4{  width:100%; height:128px; background: url(../images/4.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li .n_box .n_r6{  width:100%; height:128px; background: url(../images/5.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li .n_box .n_r5{  width:100%; height:128px; background: url(../images/6.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num2 li:nth-of-type(2n+0){border-right:none}


.gundong_num33{width:95%; height:auto; margin-top:90px; z-index:10}
.num3{ width:100%; height:auto; overflow:hidden;}
.num3 li{ float:left; width:50%; height:auto;  transition-duration:500ms; cursor:pointer}
.num3 li .n_box{ width:100%; height:auto; margin:0 auto; overflow:hidden}
.num3 li .n_box .n_l{  width:95%; height:auto; line-height:30px;color:#fff;  font-size:0.14rem;text-align:center; }
.num3 li .n_box .n_l span{ font-size:0.2rem; font-weight:bold;color:#fff;text-align:center; margin-right:8px; }
.num3 li .n_box .n_l p{line-height:0.2rem;color:#fff;text-align:center; }
.num3 li .n_box .n_r{  text-align:center;width:100%; height:64px; background: url(../images/1.png) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num3 li .n_box .n_r2{text-align:center; width:100%; height:64px; background: url(../images/22.png) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num3 li .n_box .n_r3{text-align:center;width:100%; height:64px; background: url(../images/3.png) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num3 li .n_box .n_r4{ text-align:center; width:100%; height:64px; background: url(../images/4.png) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num3 li:nth-of-type(4n+0){border-right:none}

/*滚动数字_end*/

/*标题*/

.index_title{ width:95%; height:auto; padding-top:30px;  text-align:center; font-size:16px; color:676767;font-weight:normal;  position:relative; text-transform:Uppercase}
.index_title span{display:block; color:#0953c0; font-size:24px; line-height:40px; font-weight:bold;letter-spacing:2px;}
.index_title line{position:relative;text-align:center;margin:10px auto 0;width:60px;height:4px; background-color: #0953c0;}
.index_title:after{content:""; right:150px;position:absolute;text-align:center; top:100px; width:60px; height:4px; background-color:#0953c0;}
/*标题*/
.index_title2{ width:98%; height:auto; padding-top:40px;  text-align:center; font-size:14px; color:#fff;  position:relative; text-transform:Uppercase}
.index_title2 span{display:block; color:#fff; font-size:18px; line-height:40px; font-weight:bold;letter-spacing:2px;}
.index_title2 line{position:relative;text-align:center;margin:10px auto 0;width:60px;height:4px; background-color: #fff;}
.index_title2:after{content:""; right:160px;position:absolute;text-align:center; top:110px; width:60px; height:4px; background-color:#fff;}

.index_title3{ width:95%; height:auto; padding-top:40px;  text-align:center; font-size:24px; color:#333;font-weight:bold;  position:relative; text-transform:Uppercase}
.index_title3 span{display:block; color:#000; font-size:28px; line-height:40px; font-weight:normal;letter-spacing:2px;}
.index_title3 line{position:relative;text-align:center;margin:10px auto 0;width:60px;height:4px; background-color: #0953c0;}
.index_title3:after{content:""; right:140px;position:absolute;text-align:center; top:120px; width:60px; height:4px; background-color:#0953c0;}
/*标题_end*/

/*产品tab*/
.pro_tab{ overflow:hidden; width:95%; height:auto; margin:3px 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:#e1dddd}
.pro_tab li:nth-of-type(3n+0){margin-right:0px;}
.pro_tab li a{ display:block; color:#666}

.pro_tab li.on{background:#0953c0; 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{ overflow:hidden ;margin-top:20px;}
.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.2)}
.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(../images/icon2.png) no-repeat bottom center;}

/*业务*/
.index_youshi{  width:95%; height:1200px; background-color:#FFFFFF; position:relative; overflow:hidden;}
.ul_youshi{ overflow:hidden;}
.ul_youshi li{ float:left; width:420px; height:380px; background-color:#FFFFFF; position:relative; overflow:hidden;margin-bottom:20px; }
.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; width:58%; height:193px;margin-left:20px; text-align:center; top:185px; color:#333; padding:0 30px; transition: 0.5s all ease;  background-color:rgba(255, 255, 255, 1); box-shadow:0 0 8px #ccc;  z-index:10}
.ul_youshi li .box h5{ font-size:19px; height:30px;margin-top:20px;margin-bottom:5px;font-weight:normal}
.ul_youshi li .box .text{  height:auto;color:#666; margin-left:-12px;line-height:25px;  white-space:nowrap; text-overflow:ellipsis;}
.ul_youshi li:hover .box{top:180px; }
.ul_youshi li .box more{width:100px; height:30px; margin-top:-100px; margin-left:30px; overflow:hidden; border:#0953c0 solid 1px; text-align:center; position:relative; font-size:12px;color:#0953c0; }
.ul_youshi li .box a {width:100px; height:30px;line-height:30px; margin-top:10px;color:#0953c0; border:#0953c0 solid 1px; }
.ul_youshi li .box a:hover {color:#f20a0a;  border:#f20a0a solid 1px;}
.ul_youshi li .wps{position:absolute; left:0; top:101px; width:100%; height:auto; text-align:center; color:#333;  transition: 0.5s all ease; z-index:9}
.ul_youshi li:hover .wps{top:140px; }
.ul_youshi li .more{width:100px; height:30px; margin-top:50px; margin-left:30px; overflow:hidden; border:#0953c0 solid 1px; text-align:center; position:relative; font-size:12px;color:#0953c0; }
.ul_youshi li .more i{color:#0953c0; 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;color:#0953c0;  position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#730000; transition: 0.4s all ease}
.ul_youshi li .more:hover span{ right:0;color:#0953c0; }
.ul_youshi li p{ position:absolute; left:0; top:380px; width:100%; height:100%; background: rgba(27, 129, 49, 0.82); transition: 0.5s all ease}
.ul_youshi li:hover p{top:0; }

.index_youshi22{ background:url(../images/youshi.jpg)}
.index_youshi22 h1{ font-size:24px; color:#FFFFFF; text-align:center; padding-top:40px;}
.index_youshi22 h3{ font-size:16px; color:#FFFFFF; text-align:center; font-weight:100; padding-top:10px}
.ul_youshi22{ overflow:hidden; margin-left:2.5%;padding:40px 0}
.ul_youshi22 li{ float:left; width:95%; height:459px; background-color:#FFFFFF;  margin-bottom:5%; position:relative; overflow:hidden; cursor:pointer}
.ul_youshi22 li img{display: block; width:100%; height:227px;}
.ul_youshi22 li .box{height:auto; padding:50px 20px; text-align:center; }
.ul_youshi22 li .box h5{ font-size:19px; height:35px; position:relative}
.ul_youshi22 li .box h5:after{content:""; position:absolute; left:50%; bottom:-3px; width:100px; height:1px; margin-left:-50px; background-color:#1479d7;}
.ul_youshi22 li .box div{ padding-top:20px; text-align:center; line-height:26px}
.ul_youshi22 li .yuan{ position:absolute; width:60px; height:60px; background-color:#0953c0; left:141px; top:196px; border-radius:50%; color:#FFFFFF; text-align:center; line-height:53px; font-size:45px; font-weight:bold}
.ul_youshi22 li p{ position:absolute; left:0; top:459px; width:100%; height:100%; background-color:#0953c0; transition: 0.5s all ease}
.ul_youshi22 li:hover p{top:0; }
.ul_youshi22 li .yuan2{position:absolute; left:141px; top:459px; border-radius:50%; background-color:#FFFFFF; color:#ea5514; width:60px; height:60px; z-index:1; text-align:center; transition: 0.5s all ease; line-height:53px; font-size:45px; font-weight:bold}
.ul_youshi22 li:hover .yuan2{top:120px; }
.ul_youshi22 li .text{position:absolute; left:0; top:459px; width:100%; height:auto; text-align:center; color:#FFFFFF;  transition: 0.5s all ease; line-height:27px;}
.ul_youshi22 li:hover .text{top:220px; }
.ul_youshi22 li:nth-of-type(4n+0){margin-right:0px;}

/*产品框*/
.ul_product{ width:95%; height:auto; margin:0 auto; margin-top:50px; overflow:hidden}
.ul_product li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:10px; }
.ul_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.ul_product li span img{width:100%; height:auto;}
.ul_product li:nth-child(2n){margin-right:0;}
.ul_product li p{text-align: center; color: #282828; height:0.4rem; line-height:0.4rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
/*产品框_end*/

/*图片1*/
.index_pic_one{width:95%; height:auto; margin:0 auto; overflow:hidden;margin-bottom:10px;margin-top:40px;}
.index_pic_one dl{float:left; width:48%; height:auto; 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 */
.ladyScroll2{width:100%; min-width:100%;height:410px; margin:0 auto;position:relative;}
.ladyScroll2 .prev,.ladyScroll2 .next{width:51px;height:45px;position:absolute;top:260px;left:0;z-index:100; cursor:pointer; background:url(../images/btns.png) no-repeat;}
.ladyScroll2 .next{ left:auto; right:0; background-position:0 -90px;}
.ladyScroll2 .prev:hover{ background-position:0 -45px; }
.ladyScroll2 .next:hover{ background-position:0 -135px; }

.ladyScroll2 .scrollWrap2{width:100%; min-width:100%; margin-left:22px;margin-top:50px;overflow:hidden;position:absolute; }
.ladyScroll2 dl{float:left;width:88%;text-align:center;position:relative; margin-right:35px; background:#fff;  }
.ladyScroll2  span{display:block;width:100%;height:35px;position:absolute;left:0px;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80;}
.ladyScroll2  dt{margin:0 auto;width:100%; overflow:hidden;}
.ladyScroll2  img{display:block; width:100%; height:auto;}
.ladyScroll2 dd{width:100%;height:30px;line-height:28px;font-size:16px;color:#fff;text-align:center;overflow:hidden;position:absolute;left:0px;bottom:0; }
.ladyScroll2  dl a{ color:#fff;}
.ladyScroll2  dl a:hover{ text-decoration:none;}
.ladyScroll2 dl:hover{ box-shadow:5px 5px 5px #999; }

/*小幻灯包围*/
.albj{   background:url(../images/al_bg.png) no-repeat left center;height:550px;margin-top:30px;} 
.pro_index_bj{    background-color:#f7f7f7;padding:10px 0;}
.pro_index_bj2{ margin-bottom:50px; background:url(../images/ys2.jpg) no-repeat left center;height:735px;}
.about_bj{background:url(../images/bg1.png); height:860px; margin-bottom:10px;}
.three_box{width:95%;overflow:hidden; background-color:#fff;padding-bottom:20px; }
.three_box_left{width:95%; height:auto;background-color:#fff;}
.three_box_right{width:95%; height:auto; padding-bottom:20px;}

.three_box_right .n_box{ width:95%; height:auto; margin:0 auto; margin-top:20px; line-height:0.26rem}
.three_box_right .n_box h3 {font-size:0.33rem; font-weight:bold; color:#0953c0; line-height: 0.48rem; text-align:center}
.three_box_right .n_box h2 {font-size: 0.2rem; font-weight:bold; color:#0953c0; line-height: 0.38rem; margin-bottom: 10px; border-bottom:1px solid #ddd;text-align:center}
.three_box_right .n_box h2 em{font-size: 0.16rem; font-weight: normal; color:#676767; line-height: 0.38rem; margin-left: 10px;}


.three_box22{width:95%;overflow:hidden;  margin-top:20px; }
.three_box22_left{width:95%; height:auto;background-color:#fff;}
.three_box22_right{width:95%; height:auto; padding-bottom:20px;margin-top:20px;}
.three_box22_right .n_box{ width:90%; height:auto;  margin-top:10px; color:#666666; line-height:30px;}
.three_box22_right .n_box h3 {font-size:0.2rem;font-weight: normal;color:#000; line-height: 30px}
.three_box22_right .n_box h2 {font-size: 0.14rem; font-weight: normal; color:#cfcdcd; line-height: 30px;}
.three_box22_right .n_box p {font-size: 0.14rem; font-weight: normal; color:#666; line-height: 20px; margin-top: 20px;}
.three_box22_right .n_box line{position:relative;float:left;margin:10px auto 0;width:60px;height:4px; background-color: #005a37;}
.three_box22_right .n_box:after{content:"";  float:left;position:absolute;text-align:center; top:70px; width:60px; height:4px; background-color:#005a37;}

.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*/

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:40%; height:0.3rem; margin:0 auto; margin-top:-35px; overflow:hidden; background-color:#0953c0; text-align:center; position:relative;}
.index_more a{color:#fff; 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; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/* 多图滚动 */
.scrollBox{ width:95%; height:auto; margin-top:50px; 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); /* 取消链接高亮 */  }


/*友情链接*/
.yqlj{background: url(../images/yqlj.png) no-repeat center 35px;font-size:0.18rem; text-align: center; margin-bottom: 20px; margin-top:20px}
.yqlj a{color: #333;}
.yqlj em{display:block; margin:0 auto; font-size:0.22rem; color:#ccc; height:0.3rem; line-height:0.3rem; font-weight: bold;}

.citylist{width:95%; height:auto; overflow:hidden; margin-top:15px;}
.citylist a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:5px;}
.citylist a:hover{ background-color:#324776; color:#FFF}

/***********新闻资讯***********/
.new_bj{height:auto; background:url(../images/xw.png) repeat-x top center;height:920px;margin-top:10px; margin-bottom:-100px; }
.index_news{width:95%; height:auto; overflow:hidden;margin-top:30px; }
.index_news .in_left{width:100%; height:auto; position:relative}
.index_news .in_left img{display:block; width:100%; height:100%; max-width:100%;}
.index_news .in_left .itext_box {position: absolute; left:0; bottom:0; width: 100%; background-color:#000000; opacity: 0.5;}
.index_news .in_left .itext_box .pdpd{ padding:25px}
.index_news .in_left .itext_box .pdpd .time {font-size:0.14rem; color: #fff; opacity: 0.8; line-height: 1; margin-bottom: 10px;}
.index_news .in_left .itext_box .pdpd .t {font-size:0.2rem; color: #fff;margin-bottom: 15px;line-height:1; opacity: 1;}
.index_news .in_left .itext_box .pdpd .info {font-size:0.12rem; color: #fff; line-height:21px;}

.index_news .in_right{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.index_news .rightNews{ height:auto}
.index_news .rightNews li{ width:100%; height:auto; background:#ededed; margin-bottom:12px; cursor:pointer;}
.index_news .rightNews li:hover{background:#0953c0; color:#FFF}
.index_news .rightNews li a { display:block }

.index_news .rightNews li .pd{padding:10px}
.index_news .rightNews li .pd .time_box{ display:none}

.index_news .rightNews li .pd .news_box{width:100%; height:auto}
.index_news .rightNews li .pd .news_box .t{font-size:0.16rem; line-height:1; margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news .rightNews li .pd .news_box .d{font-size:0.12rem; line-height:0.2rem; height:auto; overflow:hidden;}
.index_news .rightNews li:hover a{ text-decoration:none; color:#FFF!important}
/***********新闻资讯_end***********/
.coco_mobile { width: 95%; height: auto; margin: 0 auto;}
.index_db{background-attachment: fixed; height:auto; margin-top:-25px;}
.index_db h5{font-size:0.24rem; font-weight: normal; line-height:0.3rem; color:#016d2d; text-align:center}
.index_db h6{font-size:0.14rem; line-height:0.26rem; color:#333; font-weight:400; margin-top:5px; text-align:center}

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

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

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

.db_box .r{ width:97%; height:auto; margin-top:10px;}
.db_box_r{ width:100%; height:auto}
.db_box_r li{  width:100%; height:2.3rem; margin-top:10px; background: #fff; position: relative;box-shadow: 0px 0px 6px #999;}
.db_box_r li img{ width:100%; height:2.3rem; }
.db_box_r li:nth-of-type(1n+0){ margin-right:0}
.db_box_r li a{ display:block; color:#FFFFFF}
.db_box_r li .text{width:95%; position:absolute; left:10px; top:20px;  height:auto; z-index:2}
.db_box_r li .text h5{float:left;font-size: 0.2rem; line-height:0.26rem; color: #444; font-weight:400; text-align:center}
.db_box_r li .text h6{float:left;font-size: 0.2rem; line-height:0.26rem; color: #016d2d; font-weight:normal;  margin-top:12px;}
.db_box_r li .text p{float:left;width:100%;font-size:14px; line-height:26px; font-weight:400; color: #666; margin-top:15px}
.db_box_r li:nth-of-type(1n+0){ margin-bottom:0}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%;  }
.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:125px; background-color: #fff;}

/*滚动数字*/
.albj{   background:url(../images/al_bg.png) no-repeat left center;height:600px;} 
.sz_top_bj{background:#fff;height:150px;margin-top:20px;}
.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}

.sz_top_bj2{width: 1200px;height:125px;z-index: 10;margin-top: -46px;background: #fff; position: relative;box-shadow: 0px 0px 20px #ccc;}
.sz_top_bj2 h1{color:#333; font-size:30px; font-weight:bold; text-align:center; line-height:80px}
.sz_top_bj2 h2{color:#333; font-size:14px; font-weight:100; text-align:center; line-height:23px}

.i_top_bj{height:auto; background:url(../images/pic_15.jpg) repeat-x top center;height:350px;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{width:660px;margin-top:10px; z-index:10}
.num{ width:100%; height:auto; overflow:hidden;}
.num li{ float:left; width:25%; height:auto;  transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto; text-align:center; overflow:hidden}
.num li .n_box .n_l{ float:left; width:100%; height:auto; line-height:38px;  font-size:16px;}
.num li .n_box .n_l span{ font-size:35px; font-weight:bold; color:#0953c0}
.num li .n_box .n_l p{ line-height:20px;}
.num li:nth-of-type(3n+0){border-right:none}
.num li:hover{background:#fff; color:#8dc21f}

.jmys{width:100%; height:800px;background: url(../images/ysbj.jpg) no-repeat top center;margin-top:20px;margin-bottom:50px;}
.gundong_num22{  z-index:10;margin-top:100px;}
.num2{ width:1000px;height:auto; margin-left:11%;overflow:hidden; }
.num2 h2{ font-size:48px;font-weight:normal;text-align:center;color:#fff; margin-top:30px }
.num2 h3{ font-size:48px;font-weight:normal;text-align:center;color:#b1b1b1; margin-top:30px }
.num2 li{ float:left; width:22%; height:200px; margin-left:10%;margin-bottom:65px; transition-duration:500ms; cursor:pointer;background:#0953c0;border-radius: 10px;}
.num2 li .n_box{ width:100%; height:200px; margin:0 auto; overflow:hidden; }
.num2 li .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:14px;text-align:center; margin-top:15px}
.num2 li .n_box .n_l span{ font-size:18px;  text-align:center;color:#fff;  font-weight:normal;}
.num2 li .n_box .n_l p{ line-height:30px;text-align:center;color:#999}
.num2 li .n_box .n_r{  width:100%; height:128px; background: url(../images/1.png) no-repeat top center;  transition-duration:600ms;margin-top:25px;margin-bottom:-20px;}
.num2 li .n_box .n_r2{ width:100%; height:128px; background: url(../images/2.png) no-repeat top center;  transition-duration:600ms;margin-top:25px;margin-bottom:-20px;}
.num2 li .n_box .n_r3{width:100%; height:128px; background: url(../images/3.png) no-repeat top center;  transition-duration:600ms;margin-top:25px;margin-bottom:-20px;}
.num2 li .n_box .n_r4{  width:100%; height:128px; background: url(../images/4.png) no-repeat top center;  transition-duration:600ms;margin-top:25px;margin-bottom:-20px;}
.num2 li .n_box .n_r5{  width:100%; height:128px; background: url(../images/5.png) no-repeat top center;  transition-duration:600ms;margin-top:25px;margin-bottom:-20px;}
.num2 li .n_box .n_r6{  width:100%; height:128px; background: url(../images/6.png) no-repeat top center;  transition-duration:600ms;margin-top:25px;margin-bottom:-20px;}
.num2 li:nth-of-type(3n+0){border-right:none}

.gundong_num33{ line-height:105px;z-index:10; margin-top:180px;}
.num3{ width:100%; height:auto; overflow:hidden;}
.num3 li{ float:left; width:25%; height:auto; padding:20px 0; transition-duration:500ms; cursor:pointer}
.num3 li .n_box{ width:100%; height:auto; margin:0 auto;  overflow:hidden; }
.num3 li .n_box .n_l{ float:left; width:55%; height:auto; line-height:40px; color:#fff; margin-left:-15px;font-size:15px;margin-top:10px; }
.num3 li .n_box .n_l span{ font-size:30px;font-weight:bold; color:#fff;margin-right:20px; }
.num3 li .n_box .n_l p{ line-height:25px;width:270px; color:#fff; font-size:14px;}
.num3 li .n_box .n_r{ float:left;  margin-left:25px;width:35%; height:64px; background: url(../images/1.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num3 li .n_box .n_r2{ float:left; margin-left:25px; width:35%; height:80px; background: url(../images/22.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num3 li .n_box .n_r3{ float:left; margin-left:25px; width:35%; height:64px; background: url(../images/3.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num3 li .n_box .n_r4{ float:left; margin-left:25px; width:35%; height:64px; background: url(../images/4.png) no-repeat top center;  transition-duration:600ms;margin-top:20px;}
.num3 li:nth-of-type(4n+0){border-right:none}
.num3 li:hover{ color:#FFF}

.index_news04{ margin-top:20px; width:300px; height:50px; border-radius:25px; color:#fff; text-align:center; font-size:24px;  line-height:50px; display:block;  border:#ab7033 solid 1px; background-color:#ab7033; transition-duration:500ms;}
.index_news04 a{ color:#fff;}
.index_news04 a:hover{  color:#fff;}
/*滚动数字_end*//

/*标题背景*/
.titbg{background: #dddddd;}

/*标题*/
.index_title{ width:500px; height:auto; padding-top:10px; text-align:center; font-size:18px; color:#676767;font-weight:normal;  position:relative; text-transform:Uppercase}
.index_title span{display:block; color:#0953c0; font-size:34px; margin-bottom:5px;line-height:50px; font-weight:bold;letter-spacing:2px;}
.index_title line{position:relative;text-align:center;margin:10px auto 0;width:60px;height:4px; background-color: #006d2c;}
.index_title:after{content:""; right:220px;position:absolute;text-align:center; top:100px; width:60px; height:4px; background-color:#0953c0;}
/*标题_end*/

/*标题*/
.index_title2{ width:1000px; height:auto; padding-top:60px;  text-align:center; font-size:16px; color:#fff;font-weight:normal;  position:relative; text-transform:Uppercase}
.index_title2 span{display:block; color:#fff; font-size:34px; line-height:50px; margin-bottom:15px;font-weight:bold;letter-spacing:2px;}
.index_title2 line{position:relative;text-align:center;margin:10px auto 0;width:60px;height:4px; background-color: #fff;}
.index_title2:after{content:""; right:470px;position:absolute;text-align:center; top:170px; width:60px; height:4px; background-color:#fff;}

.index_title3{ width:500px; height:auto; padding:60px 0; text-align:center; font-size:24px; color:#333;font-weight:bold;  position:relative; text-transform:Uppercase}
.index_title3 span{display:block; color:#000; font-size:30px; line-height:50px;font-weight:normal;letter-spacing:2px;}
.index_title3 line{position:relative;text-align:center;margin:10px auto 0;width:60px;height:4px; background-color: #006d2c;}
.index_title3:after{content:""; right:220px;position:absolute;text-align:center; top:150px; width:60px; height:4px; background-color:#0953c0;}

/*标题_end*/

/*产品tab*/
.pro_index_bj{   background-color:#f7f7f7;padding:60px 0;}
.pro_index_bj2{ margin-bottom:50px; background:url(../images/ys.jpg) no-repeat left center;height:936px;}
.pro_tab{ overflow:hidden;  text-align:center;margin-bottom: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:#0953c0; 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; margin-top:80px;overflow:hidden}
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}

.pro_list{margin-top: -20px; overflow:hidden;margin-bottom:30px;  }
.pro_list li {float:left; width:25%; 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:10px; box-shadow: 0 0 15px rgba(0,0,0,0.2)}
.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(../images/icon2.png) no-repeat bottom center;}

/*产品框*/
.ul_product{ width:100%; height:auto; margin:0 auto; margin-top:80px; overflow:hidden}
.ul_product li{float:left; width:32%; height:auto; margin-right:2%; margin-bottom:20px; position:relative;}
.ul_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.ul_product li span img{width:100%; height:auto;}
.ul_product li .mask{
	position:absolute; 
	top:0; 
	left:-250px;
	width:200px;
	height:100%;
	background:-webkit-linear-gradient(0deg,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0)); 
	-webkit-transform:skewx(-25deg); 
	-webkit-transition:all .9s; 
}
.ul_product li:hover .mask{left:400px;}
.ul_product li:nth-child(3n){margin-right:0;}
.ul_product li p{text-align: center; font-size:16px; color: #282828; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
/*产品框_end*/


/*业务*/
.index_youshi{  width:1200px; height:400px; background-color:#FFFFFF; position:relative; overflow:hidden;}
.ul_youshi{ overflow:hidden;}
.ul_youshi li{ float:left; width:420px; height:380px; 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; width:270px; height:193px;margin-left:20px; text-align:center;left:0; top:185px; color:#333; padding:0 30px; transition: 0.5s all ease;  background-color:rgba(255, 255, 255, 1); box-shadow:0 0 8px #ccc;  z-index:10}
.ul_youshi li .box h5{ font-size:19px; height:30px;margin-top:20px;margin-bottom:5px;font-weight:normal}
.ul_youshi li .box .text{  height:auto;color:#666; margin-left:0;line-height:25px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ul_youshi li:hover .box{top:180px; }
.ul_youshi li .box more{width:100px; height:30px; margin-top:-100px; margin-left:30px; overflow:hidden; border:#0953c0 solid 1px; text-align:center; position:relative; font-size:12px;color:#0953c0; }
.ul_youshi li .box a {width:100px; height:30px;line-height:30px; margin-top:10px;color:#0953c0; border:#0953c0 solid 1px; }
.ul_youshi li .box a:hover {color:#f20a0a;  border:#f20a0a solid 1px;}
.ul_youshi li .wps{position:absolute; left:0; top:101px; width:100%; height:auto; text-align:center; color:#333;  transition: 0.5s all ease; z-index:9}
.ul_youshi li:hover .wps{top:140px; }
.ul_youshi li .more{width:100px; height:30px; margin-top:50px; margin-left:30px; overflow:hidden; border:#0953c0 solid 1px; text-align:center; position:relative; font-size:12px;color:#0953c0; }
.ul_youshi li .more i{color:#0953c0; 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;color:#0953c0;  position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#730000; transition: 0.4s all ease}
.ul_youshi li .more:hover span{ right:0;color:#0953c0; }
.ul_youshi li p{ position:absolute; left:0; top:380px; width:100%; height:100%; background: rgba(27, 129, 49, 0.82); transition: 0.5s all ease}
.ul_youshi li:hover p{top:0; }

.index_youshi22{ background:url(../images/youshi.jpg)}
.index_youshi22 h1{ font-size:24px; color:#FFFFFF; text-align:center; padding-top:50px;}
.index_youshi22 h3{ font-size:16px; color:#FFFFFF; text-align:center; font-weight:100; padding-top:10px}

.ul_youshi22{ overflow:hidden; margin-left:280px;padding:40px 0}
.ul_youshi22 li{ float:left; width:302px; height:459px; background-color:#FFFFFF;  margin-right:30px; position:relative; overflow:hidden; cursor:pointer}
.ul_youshi22 li img{display: block; width:100%; height:227px;}
.ul_youshi22 li .box{height:auto; padding:50px 20px; text-align:center; }
.ul_youshi22 li .box h5{ font-size:19px; height:35px; position:relative}
.ul_youshi22 li .box h5:after{content:""; position:absolute; left:50%; bottom:-3px; width:100px; height:1px; margin-left:-50px; background-color:#1479d7;}
.ul_youshi22 li .box div{ padding-top:20px; text-align:center; line-height:26px}
.ul_youshi22 li .yuan{ position:absolute; width:60px; height:60px; background-color:#0953c0; left:121px; top:196px; border-radius:50%; color:#FFFFFF; text-align:center; line-height:53px; font-size:45px; font-weight:bold}
.ul_youshi22 li p{ position:absolute; left:0; top:459px; width:100%; height:100%; background-color:#0953c0; transition: 0.5s all ease}
.ul_youshi22 li:hover p{top:0; }
.ul_youshi22 li .yuan2{position:absolute; left:121px; top:459px; border-radius:50%; background-color:#FFFFFF; color:#ea5514; width:60px; height:60px; z-index:1; text-align:center; transition: 0.5s all ease; line-height:53px; font-size:45px; font-weight:bold}
.ul_youshi22 li:hover .yuan2{top:120px; }
.ul_youshi22 li .text{position:absolute; left:0; top:459px; width:100%; height:auto; text-align:center; color:#FFFFFF;  transition: 0.5s all ease; line-height:27px;}
.ul_youshi22 li:hover .text{top:220px; }
.ul_youshi22 li:nth-of-type(4n+0){margin-right:0px;}

/*kkkkkkk*/
.about_index{padding-bottom:20px; margin-top:100px; }
.about_box{ overflow:hidden;background-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:620px; margin-right:22px;  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*/

/*小幻灯包围*/
.about_bj{background:url(../images/bg1.png); height:680px; }
.three_box{overflow:hidden; background-color:#fff; margin-top: 60px; margin-bottom: 60px;  }
.three_box_left{float:left; width:565px; height:auto;}
.three_box_right{ float:right; width:650px; height:auto; }
.three_box_right .n_box{ width:650px; height:auto;   text-align:center;  color:#666666; line-height:35px;}
.three_box_right .n_box h3 {font-size:40px; font-weight:bold; color:#0953c0; line-height: 58px; text-align:left}
.three_box_right .n_box h2 {font-size: 35px; font-weight:bold; color:#0953c0; line-height: 50px;  text-align:left}
.three_box_right .n_box h2 em{font-size: 20px; color:#676767; line-height: 30px;   font-weight:normal;margin-left:30px;text-align:left}


.three_box22{float:left;width:1270px;overflow:hidden;  margin-top:60px; margin-bottom: 60px;}
.three_box22_left{ float:left; width:600px; height:auto; position:relative}
.three_box22_left img{display:block; width:100%; height:100%; max-width:100%;}
.three_box22_right{ float:right; width:600px; height:auto; position:relative}
.three_box22_right img{display:block; width:100%; height:100%; max-width:100%;}

.three_box22_right .n_box{ width:300px; height:auto;  margin-top:10px; color:#666666; line-height:30px;}
.three_box22_right .n_box h3 {font-size:22px;font-weight: normal;color:#000; line-height: 30px;margin-top: 30px;}
.three_box22_right .n_box h2 {font-size: 18px; font-weight: normal; color:#cfcdcd; line-height: 40px;}
.three_box22_right .n_box p {font-size: 16px; font-weight: normal; color:#666; line-height: 30px; margin-top: 20px;}
.three_box22_right .n_box line{position:relative;float:left;margin:10px auto 0;width:60px;height:4px; background-color: #005a37;}
.three_box22_right .n_box:after{content:"";  float:left;position:absolute;text-align:center; top:100px; width:60px; height:4px; background-color:#005a37;}


.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*/

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{float:left;width:160px; height:50px; margin:0 auto;  margin-top:-50px;overflow:hidden; background-color:#0953c0; text-align:center; position:relative; }
.index_more a{color:#fff; text-align:center; line-height:50px; 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}

.index_more2{float:right;width:160px; height:50px; margin:0 auto; overflow:hidden; background-color:#fff; border-radius: 25px;text-align:center; position:relative; }
.index_more2 a{color:#0953c0; font-size:22px;text-align:center; line-height:50px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more2 a:hover{ color:#fff;  text-decoration:none}
.index_more2 span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#333; transition: 0.4s all ease}
.index_more2:hover span{ right:0}
/* 多图滚动 */
.scrollBox{ width:1245px; height:auto; margin-top:80px; margin-bottom:50px; text-align:center;}
.scrollBox .bd li{float:left; width:295px; height:auto;margin-left:6px; margin-right:10px;}
.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{width:295px; height:220px; background:url(../images/loading.gif) #fff center center no-repeat;  }
.scrollBox .bd li:nth-of-type(6n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:25px;}
.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;}

/* 本例子css */
.ladyScroll2{width:1350px; min-width:1350px;height:410px; margin:0 auto;position:relative;top:10px;}
.ladyScroll2 .prev,.ladyScroll2 .next{width:51px;height:45px;position:absolute;top:260px;left:0;z-index:100; cursor:pointer; background:url(../images/btns.png) no-repeat;}
.ladyScroll2 .next{ left:auto; right:0; background-position:0 -90px;}
.ladyScroll2 .prev:hover{ background-position:0 -45px; }
.ladyScroll2 .next:hover{ background-position:0 -135px; }

.ladyScroll2 .scrollWrap2{width:1320px; min-width:1320px; margin-left:22px;margin-top:80px;overflow:hidden;position:absolute; }
.ladyScroll2 dl{float:left;width:300px;text-align:center;position:relative; margin-right:32px; background:#fff;  }
.ladyScroll2  span{display:block;width:100%;height:35px;position:absolute;left:0px;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80;}
.ladyScroll2  dt{margin:0 auto;width:100%; overflow:hidden;}
.ladyScroll2  img{display:block; width:100%; height:auto;}
.ladyScroll2 dd{width:100%;height:30px;line-height:28px;font-size:16px;color:#fff;text-align:center;overflow:hidden;position:absolute;left:0px;bottom:0; }
.ladyScroll2  dl a{ color:#fff;}
.ladyScroll2  dl a:hover{ text-decoration:none;}
.ladyScroll2 dl:hover{ box-shadow:5px 5px 5px #999; }


/*小幻灯片*/
.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); }


/*友情链接*/
.yqlj{width:100%;background: url(../images/yqlj.png) no-repeat center 35px;font-size:26px;text-align: center; margin-bottom: 20px; margin-top:80px}
.yqlj a{color: #333;}
.yqlj em{display: block;margin: 0 auto;font-size: 32px;color: #ccc;height: 30px;line-height: 30px;font-weight: bold;}

.citylist{width:92%; height:auto; overflow:hidden; margin-top:15px;}
.citylist a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:5px;}
.citylist a:hover{ background-color:#324776; color:#FFF}


/***********新闻资讯***********/
.new_bj{height:auto; background:url(../images/xw.png) repeat-x top center;height:700px;margin-top:10px; margin-bottom:-30px; }
.index_news{width:1200px; height:auto; margin:0 auto; overflow:hidden;  margin-bottom:50px;margin-top:80px; }
.index_news .in_left{ float:left; width:540px; height:403px; position:relative}
.index_news .in_left img{display:block; width:100%; height:100%; max-width:100%;}
.index_news .in_left .itext_box {position: absolute; left:0; bottom:0; width: 100%; background-color:#000000; opacity: 0.5;}
.index_news .in_left .itext_box .pdpd{ padding:25px}
.index_news .in_left .itext_box .pdpd .time {font-size: 14px; color: #fff; opacity: 0.8; line-height: 1; margin-bottom: 10px;}
.index_news .in_left .itext_box .pdpd .t {font-size: 20px;color: #fff;margin-bottom: 15px;line-height:1; opacity: 1;}
.index_news .in_left .itext_box .pdpd .info {font-size: 15px;color: #fff;line-height: 21px;}

.index_news .in_right{ float:right; width:600px; height:auto; overflow:hidden;}
.index_news .rightNews{ height:auto}
.index_news .rightNews li{ width:100%; height:92px; background:#ededed; margin-bottom:12px; cursor:pointer;}
.index_news .rightNews li:hover{background:#0953c0; color:#FFF}
.index_news .rightNews li a { display:block }

.index_news .rightNews li .pd{padding:15px}
.index_news .rightNews li .pd .time_box{float:left; width:12%; height:auto; margin-right:3%; position:relative; padding-right:3%; text-align:right;}
.index_news .rightNews li .pd .time_box:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#c5c5c5;}
.index_news .rightNews li .pd .time_box .y{font-size:17px; line-height:1;margin-bottom:12px;}
.index_news .rightNews li .pd .time_box .date{font-size:26px; line-height:1;}

.index_news .rightNews li .pd .news_box{float:right; width:80%; height:auto}
.index_news .rightNews li .pd .news_box .t{font-size:17px; line-height:1; margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news .rightNews li .pd .news_box .d{font-size:12px; line-height:20px; height:40px; overflow:hidden;}
.index_news .rightNews li:hover a{ color:#FFF!important}
/***********新闻资讯_end***********/
.coco_mobile { width:1220px; height: auto; margin: 0 auto;}
.index_db{ height:auto;  }
.index_db h5{font-size:36px; font-weight: normal; line-height:36px; color:#016d2d; text-align:center}
.index_db h6{font-size:16px; line-height:26px; color:#666; font-weight:400; margin-top:15px; text-align:center}

.db_box{ width:1220px; height:auto; overflow:hidden; margin-top:30px;text-align:center;margin-bottom:70px; }
.db_box .l{ float:right; width:680px; height:620px; background-color:#fff; position:relative;margin-top:20px; }

.db_box_l{ position:absolute; left:40px; top:60px; width:600px; height:auto; z-index:2; text-align:left;}
.db_box_l h3{font-size:26px; line-height: 26px; color: #000;font-weight:normal;  }
.db_box_l h4{font-size:14px; line-height:26px; font-weight:400; color: #000; margin-top:20px}

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

.db_box .r{ float:left; width:505px; height:auto}
.db_box_r{ width:505px; height:auto;position:absolute; z-index:2; text-align:left;}
.db_box_r li{ width:505px; height:300px; margin-bottom:15px;margin:20px; background: #fff; position: relative;box-shadow: 0px 0px 10px #999;}
.db_box_r li a{ display:block; color:#FFFFFF}
.db_box_r li .text{ position:absolute; float:left;margin-right:25px;margin-left:25px; top:30px; width:100%; height:auto; z-index:2}
.db_box_r li .text h5{float:left;font-size: 30px; line-height: 26px; color: #444; font-weight:400; }
.db_box_r li .text h6{float:left;font-size: 24px; line-height: 26px; color: #016d2d; font-weight:normal;  margin-top:40px;}
.db_box_r li .text p{float:left;width:450px;font-size:14px; line-height:26px; font-weight:400; color: #666; margin-top:20px}
.db_box_r li:nth-of-type(2n+0){ margin-bottom:0}

}