.pt20{ padding-top:20px;}
.w1200{ max-width:1300px; margin:0 auto;}
/*one stare*/
/*.title{ text-align:center; padding:50px 0 15px 0;}
.title h1{ font-size:40px;}
.title h1 span{ color:#1dd2af;}
.title p{ font:20px/46px "Microsoft YaHei"; color:#2c3e50;}
.title p b{color:#1dd2af;}*/
.important{ padding:20px 0 0px 0;/*border-top:1px dashed #e0e0e0; border-bottom:1px solid #dee1e1;*/}
.important li{ float:left; width:24%; padding:3% 4% 5% 4%; margin:0 2% 2% 0; transition: 588ms; }
.important li:hover{ box-shadow:0px 0px 10px #777; }
.important li:nth-child(3n){ margin:0px; }
.important li:nth-child(1){  background:url(../images/cp01.jpg) no-repeat; background-size:cover; }
.important li:nth-child(2){  background:url(../images/cp02.jpg) no-repeat; background-size:cover; }
.important li:nth-child(3){  background:url(../images/cp03.jpg) no-repeat; background-size:cover; }
.important li:nth-child(4){  background:url(../images/cp04.jpg) no-repeat; background-size:cover; }
.important li:nth-child(5){  background:url(../images/cp05.jpg) no-repeat; background-size:cover; }
.important li:nth-child(6){  background:url(../images/cp06.jpg) no-repeat; background-size:cover; }
.important li:nth-child(7){  background:url(../images/cp07.jpg) no-repeat; background-size:cover; }
.important li:nth-child(8){  background:url(../images/cp08.jpg) no-repeat; background-size:cover; }
.important li:nth-child(9){  background:url(../images/cp09.jpg) no-repeat; background-size:cover; }



.important li a{ display:block;width:90px; height:90px; margin:0 auto; display:block; padding:0px;border-radius:15px; float:right;  }
.important li:hover a{  }
.important li span{ width:90px; height:90px; display:block;}
.important .rcsp_1 span{ background:url("../images/cpanniu01.png") no-repeat bottom center;}
.important .rcsp_2 span{ background:url("../images/cpanniu02.png") no-repeat bottom center;}
.important .rcsp_3 span{ background:url("../images/cpanniu03.png") no-repeat bottom center;}
.important .rcsp_4 span{ background:url("../images/cpanniu04.png") no-repeat bottom center;}
.important .rcsp_5 span{ background:url("../images/cpanniu05.png") no-repeat bottom center;}
.important .rcsp_6 span{ background:url("../images/cpanniu06.png") no-repeat bottom center;}
.important .rcsp_7 span{ background:url("../images/cpanniu07.png") no-repeat bottom center;}
.important .rcsp_8 span{ background:url("../images/cpanniu08.png") no-repeat bottom center;}
.important .rcsp_9 span{ background:url("../images/cpanniu09.png") no-repeat bottom center;}
.bgbg { background:url("../images/bgbg.png") center bottom no-repeat; width:100%; padding-bottom: 20px;}
.w1200 .important .rcsp_1:hover span, .w1200 .important .rcsp_2:hover span,.w1200 .important .rcsp_3:hover span,.w1200 .important .rcsp_4:hover span,.w1200 .important .rcsp_5:hover span,.w1200 .important .rcsp_6:hover span, .w1200 .important .rcsp_7:hover span, .w1200 .important .rcsp_8:hover span, .w1200 .important .rcsp_9:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.w1200 .important .rcsp_1:hover span{ background:url("../images/cpanniu01.png") no-repeat top center;}
.w1200 .important .rcsp_2:hover span{ background:url("../images/cpanniu02.png") no-repeat top center;}
.w1200 .important .rcsp_3:hover span{ background:url("../images/cpanniu03.png") no-repeat top center;}
.w1200 .important .rcsp_4 span:hover{ background:url("../images/cpanniu04.png") no-repeat top center;}
.w1200 .important .rcsp_5 span:hover{ background:url("../images/cpanniu05.png") no-repeat top center;}
.w1200 .important .rcsp_6 span:hover{ background:url("../images/cpanniu06.png") no-repeat top center;}
.w1200 .important .rcsp_7 span:hover{ background:url("../images/cpanniu07.png") no-repeat top center;}
.w1200 .important .rcsp_8 span:hover{ background:url("../images/cpanniu08.png") no-repeat top center;}
.w1200 .important .rcsp_9 span:hover{ background:url("../images/cpanniu09.png") no-repeat top center;}
.important .rcsp_9{ margin-right:0px;}
.important li div{ margin-top:20px; display:block; color:#fff; font-size:24px; background:url(../images/cpanniu00.png) no-repeat bottom left; line-height:70px; margin:0 0 15px 0; clear:both; overflow:hidden; text-shadow:1px 1px 1px black;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.important li:hover div{ color:#fff;}
.important li p{ color:#fff; font-size:14px; line-height:22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  }
.important li strong{ border-bottom:1px solid #24d2b0; position:relative; display:block;margin-top:15px;z-index:4;}
.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #1dd2af;}
.important li:nth-child(10),.important li:nth-child(11),.important li:nth-child(12){ display:none; }
.important_l{ padding:30px 90px 0 20px; float:left; width:510px; overflow: hidden;}
.important_l img{width:450px;height:384px;}
.important_r{ float:right; padding:30px 90px 0px 0px;width:530px; overflow: hidden; }
.title_1{ text-align:center;}
.title_1 h3{ font:14px/16px "Arial";text-transform: uppercase; color:#535353; display: block;}
.title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.title_1 h2{ font: bold 30px/40px "Microsoft YaHei"; color:#535353;padding-bottom: 5px;}
.icon_top{ width:100%; padding-top:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.icon_top .i_left{ float:left; background:url("../images/icon_left.png") 0 center no-repeat;}
.icon_top .i_right{ float:right; background:url("../images/icon_right.png") 0 center no-repeat;}
.icon_top .i_left1{ float:left; background:url("../images/icon_left1.png") 0 center no-repeat;}
.icon_top .i_right1{ float:right; background:url("../images/icon_right1.png") 0 center no-repeat;}
.study{ padding:0px 32px;}
.study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#1dd2af; display: block; padding-bottom:15px;}
.study span{ font:14px/18px "Microsoft YaHei";color:#535353;display: block;text-indent: 2em;}
.study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.study .know{ background:#1dd2af; display:block; font: bold 16px/30px "Microsoft YaHei"; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}
/*one end*/
.public_img{ display:block; width:29px; height:29px; padding:15px 0 2px 0;}
.public_img_1{ width:59px; height:29px; display:block;}

@media screen and (max-width:1300px)
{
.w1200{ width:94%; margin:0 auto;}	
}

@media screen and (max-width:859px)
{
.important li{ float:left; width:40%; padding:3% 4% 5% 4%; margin:0 2% 2% 0; transition: 588ms; }
.important li:nth-child(3n){ margin:0 2% 2% 0; }
.important li:nth-child(2n){ margin:0 0% 2% 0; }

}

@media screen and (max-width:500px)
{
.important{ padding:0px 0 0px 0; }
.important li{ float:left; width:92%; padding:3% 4% 5% 4%; margin:0 0% 5% 0; transition: 588ms; }
.important li:nth-child(3n){ margin:0 0% 5% 0; }
.important li:nth-child(2n){ margin:0 0% 5% 0; }

}