﻿@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*滚动数字*/
.i_top_bj{background:url(../images/i_top_bj.jpg) repeat-x top center; height:auto;}
.i_top_bj h1{width:95%; height:auto; margin:0 auto; color:#fff; font-size:0.18rem; font-weight:bold; text-align:center; line-height:0.43rem}
.i_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}

.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: #ab0918; color:#FFF}
.num li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}
.num li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}
.num li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}
.num li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}
/*滚动数字_end*/

/*关于我们*/
.about_box{overflow:hidden; margin-top:40px; width:95%; height:auto; margin:0 auto;}
.about_box_left{width:100%; height:auto; text-align:center}
.about_box_left h6{ font-weight:100; font-size:40px; line-height:50px; }
.about_box_left h2{ font-weight:100; font-size:20px; line-height:30px;}
.about_box_left p{ width:90%; height:auto; margin:0 auto; margin-top:10px; color:#666; margin-bottom:15px;}
.about_box_right{width:95%; height:auto; margin:0 auto; text-align:center; margin-top:30px;}
.about_box_right img{max-width:100%;}
/*关于我们_end*/

/*标题*/
.index_title{ width:1.4rem; height:auto; padding:30px 0; text-align:center; font-size:0.16rem; color:#999; position:relative}
.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:75px; width:100px; height:1px; background-color:#999999;}
.index_title:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#999999;}
/*标题_end*/

/*图片1*/
.index_pic_one{width:95%; height:auto; margin:0 auto; overflow:hidden;}
.index_pic_one dl{float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:0.35rem; line-height:0.35rem; text-align:center; background-color:#333; opacity: 0.7; color:#FFFFFF; text-shadow:3px 2px 2px #000; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_pic_one dl:nth-of-type(2n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:40%; height:0.3rem; margin:0 auto; margin-top:0px; overflow:hidden; border:#d6d6d6 solid 1px; text-align:center; position:relative; border-radius: 40px;}
.index_more a{color:#737373; text-align:center; line-height:0.3rem; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more a:hover{ color:#fff;  text-decoration:none}
.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#246532; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/*首页产品块*/
.pro_index_bj{background-color:#f9f9f9; padding-bottom:20px; margin-top:30px;}

/*产品tab*/
.pro_tab{ overflow:hidden; margin-top:20px; width:95%; height:auto; margin:0 auto}
.pro_tab li{ float:left; width:32%; padding:8px 0; text-align:center; font-size:0.14rem; margin-right:2%; margin-bottom:10px; background-color:#EEE}
.pro_tab li:nth-of-type(3n+0){margin-right:0px;}
.pro_tab li a{ display:block; color:#666}

.pro_tab li.on{background:#246532; color:#FFFFFF}
.pro_tab li.on a{color:#FFFFFF}

.pro_box{ width:100%; height:auto; overflow:hidden}
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}

.pro_list{margin-top:5px; overflow:hidden }
.pro_list li {float:left; width:48%; height:auto; text-align: center; margin-right:2%}
.pro_list li:nth-of-type(2n+0){margin-right:0px;}
.pro_list li .img{overflow:hidden}
.pro_list li a img{display: block; width:100%; height:100%;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}
.pro_list li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

.pro_list li a {display:block; margin:10px; background: #fff; padding:5px; box-shadow: 0 0 15px rgba(0,0,0,0.05)}
.pro_list li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}

.pro_list li h3 {font-size:0.14rem; color: #000; font-weight: normal; line-height:0.35rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pro_list li p { height:0px;}
.pro_list li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}
/*首页产品块*/

/*小幻灯包围*/
.three_box{overflow:hidden; background-color:#f3f3f3; margin-top:30px;}
.three_box_left{width:100%; height:auto;}
.three_box_right{width:100%; height:auto; padding-bottom:20px;}

.three_box_right .n_box{ width:95%; height:auto; margin:0 auto; margin-top:10px; line-height:0.26rem}
.three_box_right .n_box h3 {font-size:0.5rem; font-weight:bold; color:#666666; line-height: 0.58rem; text-align:center}
.three_box_right .n_box h2 {font-size: 0.2rem; font-weight: normal; color:#333333; line-height: 0.38rem; margin-bottom: 10px; text-align:center}

.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*/

/*单页*/
.dy{ width:95%; height:auto; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:30px;}
.dy li{ float:left; width:48%; height:1.35rem; margin-right:4%; margin-bottom:20px; position:relative; overflow:hidden}
.dy li .img img{display: block; width:100%; height:100%; }
.dy li a{ display:block}
.dy li .box{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:11; text-align:center; padding-top:40px; transition: 0.5s all ease}
.dy li .box img {width: 40px; max-width: 50%; vertical-align: bottom; display:inline}
.dy li .box h3{ color:#FFFFFF; font-size:0.18rem; font-weight:100; line-height:0.4rem;}
.dy li i{ display:none}
.dy li:nth-of-type(2n+0){margin-right:0px;}

/*小幻灯片*/
.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); /* 取消链接高亮 */  }

/*支持政策*/
.hzbz{ background-color:#f1f1f1; padding-top:30px; padding-bottom:40px}
.box_three{margin-top:40px; overflow:hidden}
.box_three dl{width:288px; height:150px; padding:69px 0; text-align: center; background:#fff; border-radius:50%; overflow:hidden; cursor:pointer; margin:0 auto}
.box_three dl+dl{ margin-top:15px;}
.box_three dl i{display:block; width:120px; height:120px; margin:auto; background:url(../images/ico_02.png) no-repeat; transition: all 1.2s}
.box_three dl .ico_01{background-position:0 0}
.box_three dl .ico_02{background-position:-120px 0}
.box_three dl .ico_03{background-position:-240px 0}
.box_three dl .ico_04{background-position:-360px 0}
.box_three dl p{font-size:16px;margin-top:20px}
.box_three dl:hover i{
transform: rotate(360deg);
ms-transform: rotate(360deg); /* IE 9 */
moz-transform: rotate(360deg); /* Firefox */
webkit-transform: rotate(360deg); /* Safari and Chrome */
o-transform: rotate(360deg); /* Opera */
}
/***********新闻资讯***********/
.ii_nn{ overflow:hidden; margin-top:20px;}
.ii_nn_left{width:95%; height:auto}
.ii_nn_right{width:95%; height:auto}
.ii_nn_right h3{line-height:0.43rem; color:#246532; font-size:0.18rem; font-weight:bold; border-bottom:1px solid #CCCCCC}
.ii_nn_right h3 span{ font-weight:100; font-size:0.14rem}
.ii_nn_right .fl_list{margin-top:0.08rem; padding-top:0; background:none;}
.ii_nn_right .fl_list li{ height:0.35rem; line-height:0.35rem;}

.i_n_box{ width:100%; height:auto}

/*首页新闻tab*/
.tocnc_tab_ul{overflow:hidden; height:auto; border-bottom:1px solid #CCCCCC}
.tocnc_tab_ul li{ float:left; line-height:0.40rem; text-align:center; color:#666666; font-size:0.18rem; font-weight:bold; margin-right:0.20rem}
.tocnc_tab_ul li.on{color:#246532; border-bottom:3px solid #246532}
.tocnc_tab_ul li:nth-of-type(4n+0){margin-right:0}

.tocnc_tab_box{ width:100%; height:auto; overflow:hidden; margin-top:5px}
.tocnc_tab_box>div{ display:none}
.tocnc_tab_box>div.on{ display:block}
.tocnc_tab_box .fl_list{margin-top:10px; padding-top:0; background:none;}
.tocnc_tab_box .fl_list li{ height:0.32rem; line-height:0.32rem; }
/***********新闻资讯_end***********/

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; bottom:25px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 103, 0, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background: rgba(27, 160, 94, 0.6); }

.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*滚动数字*/
.i_top_bj{height:auto; background:url(../images/i_top_bj.jpg) repeat-x top center}
.i_top_bj h1{color:#fff; font-size:30px; font-weight:bold; text-align:center; line-height:80px}
.i_top_bj h2{color:#fff; font-size:16px; font-weight:100; text-align:center; line-height:23px}

.gundong_num{background-color:rgba(255, 255, 255, 1); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); margin-top:30px; z-index:10}
.num{ width:100%; height:auto; overflow:hidden;}
.num li{ float:left; width:25%; height:auto; padding:16px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto; border-right:1px solid #E7E7E7; overflow:hidden}
.num li .n_box .n_l{ float:left; width:55%; height:auto; line-height:38px; padding-left:25px; font-size:16px;}
.num li .n_box .n_l span{ font-size:32px; font-weight:bold; margin-right:8px}
.num li .n_box .n_l p{ line-height:20px;}
.num li .n_box .n_r{ float:right;  width:30%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r2{ float:right;  width:30%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r3{ float:right;  width:30%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r4{ float:right;  width:30%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}
.num li:nth-of-type(4n+0){border-right:none}
.num li:hover{background:#ab0918; color:#FFF}
.num li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}
.num li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}
.num li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}
.num li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}
/*滚动数字_end*/

/*优势*/
.index_youshi{ background:url(../images/youshi.jpg)}
.index_youshi h1{ font-size:24px; color:#FFFFFF; text-align:center; padding-top:50px;}
.index_youshi h3{ font-size:16px; color:#FFFFFF; text-align:center; font-weight:100; padding-top:10px}

.ul_youshi{ overflow:hidden; padding:40px 0}
.ul_youshi li{ float:left; width:302px; height:459px; background-color:#FFFFFF; margin-right:20px; position:relative; overflow:hidden; cursor:pointer}
.ul_youshi li img{display: block; width:100%; height:227px;}
.ul_youshi li .box{height:auto; padding:50px 20px; text-align:center; }
.ul_youshi li .box h5{ font-size:19px; height:35px; position:relative}
.ul_youshi li .box h5:after{content:""; position:absolute; left:50%; bottom:-3px; width:100px; height:1px; margin-left:-50px; background-color:#246532;}
.ul_youshi li .box div{ padding-top:20px; text-align:center; line-height:26px}

.ul_youshi li .yuan{ position:absolute; width:60px; height:60px; background-color:#ea5514; left:121px; top:196px; border-radius:50%; color:#FFFFFF; text-align:center; line-height:53px; font-size:45px; font-weight:bold}

.ul_youshi li p{ position:absolute; left:0; top:459px; width:100%; height:100%; background-color:#ea5514; transition: 0.5s all ease}
.ul_youshi li:hover p{top:0; }

.ul_youshi 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_youshi li:hover .yuan2{top:120px; }

.ul_youshi 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_youshi li:hover .text{top:220px; }

.ul_youshi li:nth-of-type(4n+0){margin-right:0px;}

/*标题*/
.index_title{ width:200px; height:auto; padding:30px 0; text-align:center; font-size:16px; color:#999; position:relative}
.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:#999999;}
.index_title:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#999999;}
/*标题_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; margin-bottom:20px; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{transform:scale(0.9,0.87); background-color:#FFF; opacity:0.9;}
.index_pic_one dt:hover p{position:absolute; left:0; top:45%; width:100%; height:35px; line-height:35px; text-align:center; color:#333; z-index:9999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:nth-of-type(4n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:160px; height:40px; margin:0 auto; margin-top:20px; overflow:hidden; border:#d6d6d6 solid 1px; text-align:center; position:relative; border-radius: 40px;}
.index_more a{color:#737373; text-align:center; line-height:40px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more a:hover{ color:#fff;  text-decoration:none}
.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#246532; transition: 0.4s all ease}
.index_more:hover span{ right:0}

/*首页产品块*/
.pro_index_bj{background-color:#f9f9f9; padding-bottom:20px; margin-top:30px;}

/*产品tab*/
.pro_tab{ overflow:hidden; margin-top:40px; text-align:center}
.pro_tab li{ display:inline-block; padding:10px 20px; text-align:center; font-size:16px}
.pro_tab li+li{ background:url(../images/ifl.jpg) no-repeat left center}
.pro_tab li a{ display:block; color:#666}

.pro_tab li.on{background:#246532; color:#FFFFFF}
.pro_tab li.on a{color:#FFFFFF}

.pro_box{ width:100%; height:auto; overflow:hidden}
.pro_box>div{ display:none}
.pro_box>div.on{ display:block}


.pro_list{margin-top: 20px; overflow:hidden }
.pro_list li {float:left; width:33.333%; height:auto; text-align: center; }
.pro_list li .img{overflow:hidden}
.pro_list li a img{display: block; width:100%; height:100%;  -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s}
.pro_list li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

.pro_list li a {display:block; margin:26px; background: #fff; padding:23px; box-shadow: 0 0 15px rgba(0,0,0,0.05)}
.pro_list li a:hover {box-shadow: 0 1px 26px rgba(0,0,0,0.1)}

.pro_list li h3 {font-size:16px; color: #000; font-weight: normal; line-height:35px}
.pro_list li p { height:8px;}
.pro_list li a:hover p {background: url(../images/icon2.png) no-repeat bottom center;}
/*首页产品块*/

/*关于我们*/
.about_box{overflow:hidden; margin-top:40px;}
.about_box_left{ float:left; width:50%; height:auto; text-align:center}
.about_box_left h6{ font-weight:100; font-size:50px; line-height:70px; }
.about_box_left h2{ font-weight:100; font-size:30px; line-height:50px;}
.about_box_left p{ width:70%; height:auto; margin:0 auto; margin-top:30px; color:#666}
.about_box_right{ float:right; width:50%; height:auto; }
/*关于我们_end*/

/*单页*/
.dy{ overflow:hidden; margin-top:30px; margin-bottom:30px;}
.dy li{ float:left; width:302px; height:227px; position:relative; margin-right:20px;}
.dy li .img img{display: block; width:100%; height:100%; }
.dy li a{ display:block}
.dy li .box{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:11; text-align:center; padding-top:70px; transition: 0.5s all ease}
.dy li .box img {width: 48px; max-width: 50%; vertical-align: bottom; display:inline}
.dy li .box h3{ color:#FFFFFF; font-size:20px; font-weight:100; line-height:40px;}
.dy li:hover .box{padding-top:40px}
.dy li p{ position:absolute; left:0; top:227px; width:100%; height:100%; background:rgba(1,71,157,0.4); transition: 0.5s all ease}
.dy li:hover p{top:0; }
.dy li i{position:absolute; left:0; top:227px; display:block; width:100%; height:auto; text-align:center; transition: 0.5s all ease; z-index:16}
.dy li:hover i{top:150px; }
.dy li:nth-of-type(4n+0){margin-right:0px;}

/*小幻灯包围*/
.three_box{overflow:hidden; background-color:#f3f3f3; margin-top:30px;}
.three_box_left{ float:left; width:575px; height:auto; padding:30px;}
.three_box_right{ float:right; width:50%; height:auto; }
.three_box_right .n_box{ width:500px; height:auto; margin-left:80px; margin-top:10px; color:#666666; line-height:30px;}
.three_box_right .n_box h3 {font-size:60px; font-weight:bold; color:#666666; line-height: 58px; text-align:center}
.three_box_right .n_box h2 {font-size: 30px; font-weight: normal; color:#333333; line-height: 30px; margin-bottom: 30px; text-align:center}

.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*/

/*小幻灯片*/
.index_hdp{width:100%; height:495px; 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); }


.hzbz{ background-color:#f1f1f1; padding-top:30px; padding-bottom:40px}
.box_three{margin-top:40px; overflow:hidden}
.box_three dl{float:left; width:288px; height:150px; padding:69px 0; text-align: center; background:#fff; border-radius:50%; overflow:hidden; margin-right:39px; cursor:pointer}
.box_three dl i{display:block; width:120px; height:120px; margin:auto; background:url(../images/ico_02.png) no-repeat; transition: all 1.2s}
.box_three dl .ico_01{background-position:0 0}
.box_three dl .ico_02{background-position:-120px 0}
.box_three dl .ico_03{background-position:-240px 0}
.box_three dl .ico_04{background-position:-360px 0}
.box_three dl p{font-size:16px;margin-top:20px}
.box_three dl:nth-of-type(4n+0){margin-right:0px;}
.box_three dl:hover i{
transform: rotate(360deg);
ms-transform: rotate(360deg); /* IE 9 */
moz-transform: rotate(360deg); /* Firefox */
webkit-transform: rotate(360deg); /* Safari and Chrome */
o-transform: rotate(360deg); /* Opera */
}

/*新闻*/
.ii_nn{ overflow:hidden; margin-top:20px;}
.ii_nn_left{ float:left; width:700px; height:auto}
.ii_nn_right{ float:right; width:530px; height:auto}
.ii_nn_right h3{line-height:43px; color:#246532; font-size:18px; font-weight:bold; border-bottom:1px solid #CCCCCC}
.ii_nn_right h3 span{ font-weight:100; font-size:14px}

.i_n_box{ width:100%; height:auto}

/*首页新闻tab*/
.tocnc_tab_ul{overflow:hidden; height:auto; border-bottom:1px solid #CCCCCC}
.tocnc_tab_ul li{ float:left; line-height:40px; text-align:center; color:#666666; font-size:18px; font-weight:bold; margin-right:20px}
.tocnc_tab_ul li.on{color:#246532; border-bottom:3px solid #246532}
.tocnc_tab_ul li:nth-of-type(4n+0){margin-right:0}

/*box*/
.tocnc_tab_box{ width:100%; height:auto; overflow:hidden;}
.tocnc_tab_box>div{ display:none}
.tocnc_tab_box>div.on{ display:block}
.tocnc_tab_box .fl_list{margin-top:8px; padding-top:0; background:none;}
.tocnc_tab_box .fl_list li{ height:41px; line-height:41px;}
}