@charset "gb2312";

.important:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{ zoom:1;display:none;}
.cl:first-child{ display:block;}
.r { float:right}
.l { float:left} 
.pt20{ padding-top:20px;}
.w1200{ width:1200px; margin:0 auto;}
/*one stare*/
.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-bottom:1px solid #dee1e1;}
.important li{ float:left; margin-right:72px; padding-bottom:80px;}
.important li:nth-child(6n+6){margin-right:0;}

.important li a{ display:block;width:140px; height:140px; display:block;border-radius:50%;border:2px dotted #eee; background:#fff;}
.important li a.hhh{ border:2px dotted #ff0000; background:#fff;}
.important li a.hhh p{ color:#ff0000; }
.important li span{ width:140px; height:140px; display:block;}
.important .rcsp_1 span{ background:url("../image/gk001.png") no-repeat; background-size:cover;}
.important .rcsp_2 span{ background:url("../image/gk002.png") no-repeat; background-size:cover;}
.important .rcsp_3 span{ background:url("../image/gk003.png") no-repeat; background-size:cover;}
.important .rcsp_4 span{ background:url("../image/gk004.png") no-repeat; background-size:cover;}
.important .rcsp_5 span{ background:url("../image/gk005.png") no-repeat; background-size:cover;}
.important .rcsp_6 span{ background:url("../image/gk006.png") no-repeat; background-size:cover;}
.important .rcsp_7 span{ background:url("../image/gk007.png") no-repeat; background-size:cover;}
.important .rcsp_8 span{ background:url("../image/gk008.png") no-repeat; background-size:cover;}
.important .rcsp_9 span{ background:url("../image/gk009.png") no-repeat; background-size:cover;}
.important .rcsp_10 span{ background:url("../image/gk010.png") no-repeat; background-size:cover;}
.important .rcsp_11 span{ background:url("../image/gk011.png") no-repeat; background-size:cover;}
.important .rcsp_12 span{ background:url("../image/gk012.png") no-repeat; background-size:cover;}
.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/icon1.png") no-repeat top center;}
.w1200 .important .rcsp_2:hover span{ background:url("../images/icon2.png") no-repeat top center;}
.w1200 .important .rcsp_3:hover span{ background:url("../images/icon3.png") no-repeat top center;}
.w1200 .important .rcsp_4 span:hover{ background:url("../images/icon4.png") no-repeat top center;}
.w1200 .important .rcsp_5 span:hover{ background:url("../images/icon5.png") no-repeat top center;}
.w1200 .important .rcsp_6 span:hover{ background:url("../images/icon6.png") no-repeat top center;}
.w1200 .important .rcsp_7 span:hover{ background:url("../images/icon7.png") no-repeat top center;}
.w1200 .important .rcsp_8 span:hover{ background:url("../images/icon8.png") no-repeat top center;}
.w1200 .important .rcsp_9 span:hover{ background:url("../images/icon9.png") no-repeat top center;}

.important .rcsp_9{ margin-right:0px;}*/
.important li p{ font-size:16px; line-height:18px; margin-top:20px; text-align:center; display:block; color:#333;}
.important li:hover p{ color:#ff0000;}
.important li strong{ border-bottom:1px solid #ff0000; position:relative; display:none;margin-top:50px;z-index:4;}
.important li strong i{display: block;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: 60px;margin-top: 45px;border-top-color: #ff0000;}
.important_l{ padding: 0 0 0 20px; float:left; width:510px; overflow: hidden;}
.important_l img{width:450px;height:384px;}
.important_r{ float:right; padding:30px 60px 0px 0px;width:660px; 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%; height: 32px; padding-bottom:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.icon_top .i_left{ float:left; background:url("../image/icon_left.png") 0 center no-repeat;}
.icon_top .i_right{ float:right; background:url("../image/icon_right.png") 0 center no-repeat;}
.icon_top .i_left1{ float:left; background:url("../image/icon_left1.png") 0 center no-repeat;}
.icon_top .i_right1{ float:right; background:url("../image/icon_right1.png") 0 center no-repeat;}
.study{ padding:0px 32px;min-height: 296px;}
.study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#333; display: block; padding-bottom:15px;}
.study p{ font: 15px/18px "Microsoft YaHei"; color:#333; display: block; padding-bottom:15px; line-height:24px;}
.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;}