@charset "utf-8";
.index_two{margin-top:40px; padding:20px 0; background-image:url(../img/bj.jpg);background-repeat:no-repeat; background-attachment:fixed; }

/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .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_title{ width:87%; height:auto; margin:0 auto; text-align:center; margin-top:20px; text-transform:uppercase; position:relative}
.index_title h3{ color:#999999; font-size:0.14rem; font-weight:100}
.index_title h2{ color:#333333; font-size:0.20rem; height:0.3rem; line-height:0.3rem; padding-bottom:15px; }
.index_title h2 span{ color:#235cb2}
.index_title:after{content:''; position:absolute; left:0; top:52%; width:26%; height:1px; background:#f37020;}
.index_title:before{content:''; position:absolute; right:0; top:52%; width:26%; height:1px; background:#f37020;}
/*标题_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; top:45%; width:100%; height:0.3rem; line-height:0.3rem; text-align:center; 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.4rem; margin:0 auto; margin-top:0px; overflow:hidden; border:#d6d6d6 solid 1px; text-align:center; position:relative;}
.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:#005191; transition: 0.4s all ease}
.index_more:hover span{ right:0}

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

/***********新闻资讯***********/
.index_news{width:95%; height:auto; margin:0 auto; overflow:hidden; margin-top:20px;}
.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:#0256ac url(../images/pro_boxbg.jpg) right bottom no-repeat; 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***********/

/****首页关于我们****/
.i_a_box{ width:95%; height:auto; margin:0 auto; background-color:#FFF; box-shadow:0 0 10px 0 rgba(0,0,0,0.40); margin-bottom:10px; overflow:hidden; margin-top:30px;}
.i_a_1170{width:100%; height:auto; margin:0 auto; margin-top:10px; margin-bottom:10px; overflow:hidden}
.i_a_1170_left{width:100%; height:auto}
.i_a_a{width:100%; height:auto;position:relative;}
.i_a_a span{ display:none}
.i_a_a:hover span{top:0; }

.i_a_560{width:95%; height:auto; margin:0 auto; overflow:hidden; background-color:#fff; z-index:99}
.i_a_530{width:100%; height:auto; margin:0 auto; line-height:0.23rem; background-color:#FFF; color:#666}
.i_a_530 h3{ font-size:0.16rem; color:#CCC; text-align:left}
.i_a_530 h4{font-size:0.18rem; color:#666; line-height:0.3rem; text-align:left; padding-bottom:10px;}
/****首页关于我们_end****/

/*小幻灯片*/
.index_hdp{width:95%; height:auto; position:relative; overflow:hidden; margin-top:15px;}
.index_hdp .hd{ position:absolute; width:100%;  height:58px; top:43%; left:0; z-index:1; }
.index_hdp .hd img{width:58px; height:58px;}
.index_hdp .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.index_hdp .next{ position:absolute; right:18px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}

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

}

/*当浏览器尺寸大于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:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*标题*/
.index_title{ width:500px; height:auto; text-align:center; margin-top:30px; text-transform:uppercase; position:relative}
.index_title h3{ color:#999999; font-size:18px; font-weight:100}
.index_title h2{ color:#333333; font-size:24px; height:40px; line-height:40px; padding-bottom:15px; }
.index_title h2 span{ color:#235cb2}
.index_title:after{content:''; position:absolute; left:0; top:26px; width:130px; height:1px; background:#f37020;}
.index_title:before{content:''; position:absolute; right:0; top:26px; width:130px; height:1px; background:#f37020;}
/*标题_end*/

/*图片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; 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; top:45%; width:100%; height:30px; line-height:30px; text-align:center; 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(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;}
.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:#005191; transition: 0.4s all ease}
.index_more:hover span{ right:0}

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

/***********新闻资讯***********/
.index_news{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:20px;}
.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:700px; 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:#0256ac url(../images/pro_boxbg.jpg) right bottom no-repeat; 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***********/

/****首页关于我们****/
.i_a_box{ width:1270px; min-width:1270px; height:auto; margin:0 auto; background-color:#FFF; box-shadow:0 0 10px 0 rgba(0,0,0,0.40); margin-bottom:20px; overflow:hidden; margin-top:50px;}
.i_a_1170{width:1190px; min-width:1190px; height:auto; margin:0 auto; margin-top:40px; margin-bottom:40px; overflow:hidden}
.i_a_1170_left{ float:left; width:595px; height:auto}
.i_a_a{ width:585px; height:350px; background:#7fbd3e; position:relative;}
.i_a_a span{ position:absolute; left:0; top:300px; width:100%; height:100%; background-color:#ff6700; transition: 0.8s all ease}
.i_a_a:hover span{top:0; }

.i_a_560{ position:absolute; right:0; top:0; width:570px; height:350px; overflow:hidden; background-color:#fff; z-index:99}
.i_a_530{ width:520px; height:auto; margin:0 auto; line-height:27px; background-color:#FFF; color:#666}
.i_a_530 h3{ font-size:24px; color:#CCC; text-align:left}
.i_a_530 h4{font-size:30px; color:#666; line-height:50px; text-align:left; padding-bottom:15px;}
/****首页关于我们_end****/

/*小幻灯片*/
.index_hdp{width:595px; height:350px; position:relative; overflow:hidden;}
.index_hdp .hd{ position:absolute; width:100%;  height:58px; top:43%; left:0; z-index:1; }
.index_hdp .hd img{width:58px; height:58px;}
.index_hdp .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.index_hdp .next{ position:absolute; right:18px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}

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

/* 多图滚动 */
.scrollBox{ width:1245px; height:auto; margin:0 auto; text-align:center;}
.scrollBox .bd li{float:left; width:195px; height:auto; margin-right:15px;}
.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:195px; height:147px; 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: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;}
}