@charset "utf-8";
/* CSS Document */
/*切图：yqg*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;margin-bottom:0;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial;font-size:12px;color:#000000;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:inherit;
    color:#333;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;text-decoration: inherit;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal;  font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;/*-webkit-appearance:none;*/appearance:none;}
textarea{ resize:none;-webkit-appearance:none;appearance:none;}
input{ outline:0;-webkit-appearance:none;appearance:none;}
::-webkit-input-placeholder { color:#999 !important;}
:-moz-placeholder {  color:#999 !important;}
::-moz-placeholder {  color:#999 !important;}
:-ms-input-placeholder { color:#999 !important; }
@media  screen and (max-width:767px){
    h1{font-size:24px;}
    h2{font-size:18px;}
    h3{font-size:16px;}
    h4{font-size:14px;}
    h5{font-size:12px;}
    h6{font-size:12px;}
}
img{border:none;}
a:focus{ text-decoration: none; color:inherit;}
.pz_top{float: left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;}
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%; background-size:cover;}
.container.padd{ padding: 0;}
/*top*/
.right_contact{ float: right; }
.right_contact .search{ float: left; position: relative; padding: 38px 0 30px 0;}
.right_contact .search em{ position: absolute; left: 14px; top:50px;}
.right_contact .search input{ float: left;width: 320px; height: 38px; border:1px solid #dbdbdb; border-right: 0; font-size:14px; text-indent: 40px;}
.right_contact .search button{ float: left; width: 84px; height: 38px; border:0; color:#fff; background-color: #009840; font-size:14px; cursor: pointer;}
.right_contact .search button:hover{ background-color: #c6160f;}

.right_contact .search2{ float: left;  color: #d86f08; font-size:16px; padding: 50px 0 0 30px;}
.right_contact .search2 a{ float: left;  color: #d86f08; font-size:16px; }
.right_contact .search2.hover a,
.right_contact .search2 a:hover{ color:#eea729; background: none; }

.right_contact .con_tel{ float: right; margin: 30px 0 0 40px;}
.right_contact .con_tel .telNum{ float: left; color:#666666; font-size:14px; text-align: center; letter-spacing: 1.5px; line-height:20px; margin:5px 0 0 10px;}
.right_contact .con_tel img{ float: left;}
.right_contact .con_tel .telNum  strong{ font-size:32px; color:#009840;letter-spacing: 0;}

/*pc导航*/
.nav_back{ background-color: #009840}
#header{ float:left; position: relative; padding-left: 218px; width: 100%;}
.logo{ position: absolute; left: 0; bottom: 0;}
ul.nav li{ float:left; padding: 0 13px; position:relative;z-index:2;}
ul.nav li a{ float:left; height:50px; line-height:50px; color:#ffffff; font-size:15px; text-align:center;padding: 0; }
ul.nav li.hover a,
ul.nav li a:hover{ color:#eea729; background: none; }

.nav li .nav-w { z-index:21;  position:absolute; display: none; float:left;  clear:both; width:168px;  overflow:hidden;  top:50px;  left:0px; border-top:2px solid #009840;background-color:#fff;padding: 10px 15px 25px 15px;}
.nav li .section-nav1{ height:auto; overflow: hidden;background: none;}
.nav li .section-nav1 ul {  position:static;  margin:0px;  width:100%;  overflow:hidden;  background: none;  padding: 0; }

.nav li .section-nav1 ul li {  position:static; width:100%;  height: 49px; line-height:49px; float:left; border-bottom: 1px solid #ececec; padding:0 0 0 9px;}

.nav li .section-nav1 ul li a { padding:0px; text-align: left;  line-height: 49px;  width:auto;  display:block;  background:none;  float:none;  height:auto;  color:#333333;  font-size:13px;  overflow:hidden;  cursor:pointer; position: relative}
.nav li .section-nav1 ul li a:hover {color:#009840; padding-left: 20px;}
.nav li .section-nav1 ul li a:hover:after{ position: absolute; color:#009840; left: 0; top:0; line-height: 49px;}

/*phone*/
.header2{  display: none; top: 0;  left: 0;  width: 100%;  height: 80px;  z-index: 1050;  background-color: #fff; border-bottom: 1px solid #eee;}
.header2::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0px;  background-color: #fff;  opacity: .3;  }
.header2 .container{  position: relative;  height: 100%;  }
.header2 .logo {float: left; width: 80px; position: static; margin-top: 9px;}
.header2 .menuph{  position: absolute;  top: 15px;  right: 15px;  cursor: pointer;  width: 50px;  height: 50px;  background-color: #009840;  text-align: center;  }
/*pc跟随*/
.header1.active{background-color:#fff;background-color:rgba(255,255,255,.92);box-shadow: 0 0px 3px 4px rgba(0,0,0,.04)}
.header1.active .pcheadert{
    display: none;
}

@media screen and (min-width: 1360px) {
    .header1.active .pcheader{
        width: 1390px;
    }
}
.header1.active .pc_float{margin-top:0;padding-bottom: 0;}
.header1.active .search_pc{top:7px;}
.header1.active .search_pc img{width: 36px;}
.header1.active .logo {float:left;padding:8px 0;}
.header1.active .logo img{width:99px;}
.header1.active .pc_nav {margin-top:10px;}

/*手机按钮*/
.header2 .menuph .point {  display: inline-block;  width: 28px;  height: 22px;  margin-top: 14px;  position: relative;  }
.header2 .menuph .point:hover .navbtn,
.header2 .menuph .point:hover .navbtn::after,
.header2 .menuph .point:hover .navbtn::before {  width: 28px;  }
.header2 .menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 1px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 1px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.header2 .menuph .navbtn::after {  top: -11px;  }
.header2 .menuph .navbtn::before {  top: 10px;  }
.header2 .menuph .point.active .navbtn{  background: transparent;  }
.header2 .menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.header2 .menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机下拉*/
.xialaph{  position: absolute;  top: 80px;  left: 0;  width: 100%;  background-color: #fff;  padding-bottom: 122px;  display: none;  z-index: 1049; }
.xialaph .ul2,
.xialaph .ul3{  display: none;  }
.xialaph h4 a{  color: #333;  font-size: 16px;  font-weight: bold;  line-height: 62px;  }
.xialaph h4{  position: relative;  }
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h5 a{  color: #333;  font-size: 16px;  font-family: "微软雅黑";  line-height: 57px;  }
.xialaph h5{  position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 29px;  cursor: pointer;  }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{

}
.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #666;  font-size: 14px;  line-height: 35px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }


.phonemeng{  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: #000;  opacity: .6;  z-index: 196;  display: none;  }
.phonemeng.active{  display: block;  }
.img_d, .disno{  display: none;  }
.con_ph_box{ float:left; width: 100%; text-align: center; font-size:14px; line-height: 30px; margin-top: 20px;}
.con_ph_box .con_qq{ float: left; width: 100%; line-height: 30px;}
.con_ph_box .con_qq a{ display: inline-block; line-height: 30px; color:#666666;}
.con_ph_box .con_qq img{ vertical-align: middle; margin-top: -5px;}
.con_ph_box .con_qq a strong{color:#009840;}
.con_ph_box .con_tel{ float: left; width: 100%; text-align: center; margin-top: 15px;}
.con_ph_box .con_tel a{ display: inline-block; padding: 0 15px; height: 30px; line-height: 30px; background-color:#009840;color:#fff; border-radius:20px; -webkit-border-radius:20px;-moz-border-radius:20px;}



/*媒体查询*/
@media screen and (max-width: 1500px) {
    .slick_jia .slick-prev{  left: -62px;  }
    .slick_jia .slick-next{  right: -62px;  }
    .main0162 .main16sk .spannext,
    .slick_honor .slick-next{  right: -60px;  }
    .main0162 .main16sk .spanprev,
    .slick_honor .slick-prev{  left: -60px;  }
    .main0161 .hai {  width: 500px;  }
}
@media screen and (max-width: 1229px) {
    .header1 {  display: none;  }
    .header2{  display: block ;}
    .container.padd{ padding: 0 15px;}
}

@media (min-width: 1230px) {
    .container { width: 1200px;  }
}
@media (max-width: 767px) {
    .header2,.pz_top{ position:static;}
    .pz_banner{ margin-top:0px;}
	.pz_down{ display:none;}
}

/*banner*/
.slickcen{ }
.slickcen .slick-slide{ height:410px; background-color: #fff;outline:0; position:relative;}
.slickcen .slick-slide .img { height:410px; filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3; background-size:cover; background-position: center center;}
.slickcen .slick-center .img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.slickcen .slick-slide .img1{ position:absolute; right:5.5%; top:118px; width:34%;}

.slickcen  .slick-prev{ width:27px; height:42px;
    background: url(images/playl.png) no-repeat center; background-size: 27px 42px;
    left: 10.8%;
    top:50%;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.slickcen  .slick-prev:hover{ background: url(images/playl_1.png) no-repeat center; background-size: 27px 42px; }
.slickcen  .slick-next{ width:27px; height:42px;
    background: url(images/playr.png) no-repeat center; background-size: 27px 42px;
    right:10.8%;
    top:50%;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.slickcen  .slick-next:hover{background: url(images/playr_1.png) no-repeat center; background-size: 27px 42px;}
@media  screen and (max-width:1299px){
    .slickcen  .slick-prev{  left:7%;  }
    .slickcen  .slick-next{right:7%;  }
}

@media  screen and (max-width:1200px){
    .slickcen  .slick-prev{  left: 5%;  }
    .slickcen  .slick-next{right:5%;  }
	
}
@media  screen and (max-width:997px){
	    .slickcen  .slick-prev{  left: 3%;  }
    .slickcen  .slick-next{right:3%;  }
	
	
	
}
@media  screen and (max-width:767px){
    .slickcen  .slick-prev{  left: 5px;  }
    .slickcen  .slick-next{right:5px;  }
    .slickcen  .slick-prev{ width:17px; height:26px;
        background: url(images/playl.png) no-repeat center; background-size: 17px 26px;  }
    .slickcen  .slick-prev:hover{ background: url(images/playl_1.png) no-repeat center; background-size: 17px 26px; }
    .slickcen  .slick-next{ width:17px; height:26px;
        background: url(images/playr.png) no-repeat center; background-size: 17px 26px;  }
    .slickcen  .slick-next:hover{background: url(images/playr_1.png) no-repeat center; background-size: 17px 26px;}
		
	/*20170923修改开始*/
	.slickcen .slick-slide .img1{ display:none;}
	.slickcen .slick-slide .img{ display:none;}
	.slickcen .slick-slide{ height:auto;}
	/*20170923修改结束*/

	
}

/*20170824修改开始*/

/*banner*/
.icon-arrow-a-left, .icon-arrow-a-right { background: url(icon-sd26986d847.png) no-repeat; }
.icon-arrow-a-left { background-position: 0 0; height: 42px; width: 27px; }
    .icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 42px; width: 27px; }
    .icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }


    #index_b_hero { width: 1170px; height:410px; margin: auto; position: relative; }
    #index_b_hero img { width: 1170px; height: 410px; }
    #index_b_hero .index_b_hero { width: 1170px; height: 410px; }
    #index_b_hero .hero-wrap { overflow: visible; position: absolute; }
    #index_b_hero .next{ position: absolute; top: 50%; margin-top: -31px; margin-left: -67px; background:url(images/playr.png) right top no-repeat; background-size:100% 100%; z-index: 3; }
	#index_b_hero .prev { position: absolute; top: 50%; margin-top: -31px; margin-left: -67px; background:url(images/playl.png) left top no-repeat;background-size:100% 100%; z-index: 3; }
	#index_b_hero .next:hover{ background:url(images/playr_1.png) right top no-repeat;background-size:100% 100%;}
	#index_b_hero .prev:hover{ background:url(images/playl_1.png) right top no-repeat;background-size:100% 100%;}
	#index_b_hero .next { margin: -25px -82px 0 0; right: 0; }
    #index_b_hero .disabled { background-color: #eee; }
    #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {z-index:1; position: absolute; top: 0; left: 0; width: 1170px; height: 410px; overflow: hidden; left: 2340px; }
    #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 1; left: -1170px; filter: alpha(Opacity=70); opacity: .7; background: #fff; overflow: hidden; }
    #index_b_hero .mask-right { left: 1170px; }
    #index_b_hero .active { z-index: 2; left: 0; }

/*20170824修改结束*/


/*main*/
.center_back{float: left; width: 100%;}
/*标题*/
h1.title_main{ float: left; width: 100%; border-bottom: 2px solid #ebebeb; color:#333333; font-size:24px; line-height: 44px; margin-top: 30px;}
h1.title_main span{ position: relative}
h1.title_main span:after{ position: absolute; content: ' '; left: 0; bottom: -12px; width: 100%; height: 2px; background-color: #dc2a23}
h1.title_main em{ font-style: normal; color:#888; font-size:14px;}
.title_main a{ float: right; color:#888888; font-size:14px; line-height: 33px; margin-top: 13px;}
.title_main a:hover{ color:#009840;}
.slide_field{ padding:20px 0 5px 0; margin:0; }
.slide_field .slick-slide{ padding:0;  outline:0;text-align: center;}
.slide_field li{padding: 0 15px; float: none; display: inline-block; zoom: 1;}
.slide_field li a{ float: left; width: 100%;outline:0;}
.slide_field li .field_list_box{ float: left; border:1px solid #e1e1e1;width:100%;padding-bottom: 15px;transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -webkit-transition: all 0.2s linear;  -o-transition: all 0.2s linear;}
.slide_field li.li_hp:hover .field_list_box{border:1px solid #009840; }
.field_text{float:left; width: 100%; margin-top: 15px; padding: 0 20px; text-align: left;}
.field_text a{color:#333333;font-size:16px;line-height: 24px; float: left; width: 100%; height: 200px;overflow: hidden;}
.slide_field li.li_hp:hover .field_text a{color:#333333;}
.field_more{float: left; width: 100%;margin-top: 13px; padding: 0 20px; text-align: right;}
.field_more a{float: left; color:#F00; }
.slide_field li .box_hp{float:left; width:99.95%;padding: 0; overflow:hidden; background-color:#fff; position:relative;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.slide_field li.li_hp:hover .box_hp{ background-color:#123e97; width:"278"; height:"300";}
.slide_field li .box_hp img{ width:100%; outline:0;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.slide_field li.li_hp:hover .box_hp img{
    -webkit-transform:scale(1.01,1.01);
    -moz-transform:scale(1.01,1.01);
    transform:scale(1.01,1.01);
}
.slide_field li .box_hp .down_hp{ position:absolute; height:158px; padding:0 20px 0 30px; left:0; bottom:-158px;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.slide_field .slick-prev,
.slide_field .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    left:-50px;
    top: 50%;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background:url(images/ban2.png) no-repeat;
    z-index:100;
}
.slide_field .slick-next{
    left:auto;
    right:-50px;
    background:url(images/ban3.png) no-repeat;
}

.slide_field .slick-dots{ top:-30px; height:8px; right: 0; z-index: 999; width: auto; padding-right: 15px;}
.slide_field .slick-dots li{float: left; width:8px; height:8px; background-color:#bbbbbb; padding: 0; margin:0 5px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.slide_field .slick-dots li.slick-active{
    width: 23px;
    background-color:#009840;
}
@media  screen and (max-width:991px){
    .slide_field .slick-prev,
    .slide_field .slick-next
    {
        left:0;
        width: 0;
        height: 0;

    }
    .slide_field .slick-next{
        left:auto;
        right:0;
    }
}
@media  screen and (max-width:767px){
    h1.title_main{ font-size:16px; line-height: 44px; margin-top: 15px;}
    h1.title_main em{ font-size:12px;}
    h1.title_main span:after{ bottom: -14px;}
    .slide_field{ padding:20px 0 30px 0; margin:0; }
    .slide_field .slick-dots{ bottom:10px; top:auto; height:8px; right: 0; z-index: 999; width: 100%; padding-right:0;}
    .slide_field .slick-dots li{float:none;}
.slide_field li{padding: 0 8px; }	
}

/*公益项目*/
.charList{ float: left; width: 100%;}
.charList ul{ float: left; width: 100%;}
.charList ul li{ float: left; margin-top: 20px; text-align: center;}
.charList ul li a{ width: 100%;display: inline-block; background-color: #f6f6f6; position: relative; padding-bottom: 14px;}
.charList ul li a:hover{ background: none;}
.charList ul li a:after{position: absolute; content: ' '; left: 0; bottom: 0; width: 100%; height: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.charList ul li a:hover:after{ height: 100%; background-color: #123e97; z-index: -1;}
.charList ul li a .charImg{ float: left; width: 100%; text-align: center; overflow: hidden;}
.charList ul li a .charImg img{ width:100%;}


.charList ul li a .charText{ float: left; width: 100%; text-align: left; padding: 14px 20px 0 20px; color:#555555; font-size:14px; line-height: 24px; height: 190px; overflow: hidden;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.charList ul li a:hover .charText{ color:#ffffff;}

.family{ float: left; width: 100%; padding-right: 10px;}
.tit_top{ float: left; width: 100%; color:#ffffff; font-size:30px; height: 140px; padding-left: 93px; position: relative; margin-top: 40px; padding-top: 25px;}
.tit_top.backTit{ background: url("images/mian8.jpg") no-repeat; background-size: cover;}
.tit_top.backTit2{ background: url("images/main23.jpg") no-repeat; background-size: cover;}
.tit_top.backTit3{ background: url("images/main24.jpg") no-repeat; background-size: cover;}
.tit_top em{ position: absolute; font-style: normal;color:#fff; left: 0; top:17px; color:rgba(255,255,255,0.3); font-size:48px; padding-left: 25px; height: 56px; line-height: 56px; border-left: 1px solid #fff; border-left: 5px solid rgba(255,255,255,0.4); font-family: Arial;}
.tit_top h1{ font-size:30px; color:#fff; letter-spacing:4px;}
.tit_top h1 span{ font-size:36px; font-family: "Helvetica CE 35 Thin";line-height:60px;color:#fff; color:rgba(255,255,255,0.4);}
@media  screen and (max-width:767px){
    .tit_top{ ffont-size:24px; height: 140px; padding-left: 73px;padding-top: 25px;}
    .tit_top em{ font-size:38px; padding-left: 10px;}
    .tit_top h1{ font-size:30px; color:#fff; letter-spacing:4px;}
    .tit_top h1 span{ font-size:30px;}
}
.listImg{ float: left; width: 100%;}
.listImg ul{ float: left; width: 100%;}
.listImg ul li{ float:left; text-align: center; margin-top: 20px;}
.listImg ul li a{ float:left; width: 100%; position: relative}
.listImg ul li a .textFlo{ position: absolute; left: 0; bottom:-1px; float:left; width: 100%; padding: 0 10px; height: 35px; text-align: left; color:#333; font-size:14px; line-height: 35px; background-color: #fff; background-color: rgba(255,255,255,0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listImg ul li a:hover .textFlo{ color:#ffffff; background-color: #009840; background-color: rgba(219,36,29,0.3)}

/*201700907修改开始*/

.listNew{ float: left; width: 100%; margin-top: 40px; padding-left: 5px;}
.listNew .bd{ float:left; width:100%;overflow:hidden; margin-top:2px; border-top: 1px solid #e1e1e1;}
.listNew ul{ float: left; width: 100%;}
.listNew ul li{ float: left; width: 100%; height:85px !important; padding: 2px 0; border:1px solid #e1e1e1; margin-top:-1px;}
.listNew ul li a{ width: 100%; height: 82px; color:#333333; line-height: 70px; position: relative}
.listNew ul li a:after{position: absolute; content: ' '; left: -1px; top:0; width: 0px; height: 100%; background-color: #009840;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listNew ul li a:before{
    position: absolute; content: ' '; left: 0px; top:0; width: 0px; height: 100%; z-index: -1; background-color: #f1f1f1;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listNew ul li a:hover{color:#009840;}
.listNew ul li a:hover:after{ width: 3px;}
.listNew ul li a:hover:before{ width: 100%;}
.listNew ul li a .newText{ float: left; width: 100%; font-size:14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.listNew ul li a span{ position: absolute; right: 22px; top:0; height: 68px; line-height: 68px; color:#888888; font-size:14px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listNew ul li a:hover span{color:#009840}
/*.listNew{ float: left; width: 100%; margin-top: 40px; padding-left: 10px;}
.listNew ul{ float: left; width: 100%; border-bottom: 1px solid #e1e1e1;}
.listNew ul li{ float: left; width: 100%; height:85px; padding: 2px 0; border:1px solid #e1e1e1; border-bottom: 0;}
.listNew ul li a{ width: 100%; height: 82px; color:#333333; line-height: 70px; position: relative}
.listNew ul li a:after{position: absolute; content: ' '; left: -1px; top:0; width: 0px; height: 100%; background-color: #db241d;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listNew ul li a:before{
    position: absolute; content: ' '; left: 0px; top:0; width: 0px; height: 100%; z-index: -1; background-color: #f1f1f1;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listNew ul li a:hover{color:#db241d;}
.listNew ul li a:hover:after{ width: 3px;}
.listNew ul li a:hover:before{ width: 100%;}
.listNew ul li a .newText{ float: left; width: 100%; font-size:14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.listNew ul li a span{ position: absolute; right: 22px; top:0; height: 68px; line-height: 68px; color:#888888; font-size:14px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listNew ul li a:hover span{color:#db241d}
/*201700907修改结束*/
/*右侧*/
.boxRight{ float: left; width: 100%; padding: 40px 0 0 30px;}
.tabBox{ float: left; width: 100%; }
.tabBox .hd{ float: left; width: 100%;}
.tabBox .hd ul{ float: left; width: 100%;border:1px solid #009840; border-radius:5px 5px 0 0; -moz-border-radsius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; overflow: hidden;}
.tabBox .hd ul li{ float:left; width: 50%; height: 44px; text-align: center; line-height: 44px; color:#009840; font-size:16px;}
.tabBox .hd ul .on{ background-color: #009840; color:#fff;}
.tabBox .hd ul .on a{ display:block;color:#fff;}
.tabBox .bd{ float: left; width: 100%;border-bottom: 1px solid #e3e3e3;}
.tabBox .bd.bd-img{width:510px; height:300px;} 
.tabBox .bd .con{ float: left; width: 100%}
.tabBox .bd ul{ float: left; width: 100%; }
/*.tabBox .bd li{ float: left; width: 100%;}
.tabBox .bd li a{ float: left;width: 100%; color:#333333; font-size:14px; line-height: 20px; padding: 21px 20px 20px 140px; position: relative;}
.tabBox .bd li a:after{ position: absolute; content: ' '; width: 99.95%; height: 100%; border:1px solid #e3e3e3; border-bottom: 0; left: 0px; top:0px; z-index: 1;}
.tabBox .bd li a:hover:after{ border:1px solid #db241d; z-index:15;}
.tabBox .bd li a .imgFlo{ position: absolute; width: 110px; left: 20px; top:20px;}
.tabBox .bd li a .titBox{ float: left; width: 100%; color:#333333; font-size:14px; height: 40px; overflow: hidden; margin-top: 6px;}
.timeGr{ float: left; width: 100%; color:#888; line-height: 20px; padding: 10px 0 7px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.tabBox .bd .more{ float: left; width: 99.95%; height: 54px; line-height:54px; border:1px solid #e3e3e3; border-bottom: 0;}
.tabBox .bd .more a{ float: left; width: 100%; text-align: center; color:#888888; font-size:14px;}
.tabBox .bd .more a:hover{ color:#db241d}
*/
/*20170823修改开始*/
.tabBox .bd li{ float: left; width: 100%; padding:20px; position:relative; border:1px solid #e3e3e3; border-bottom: 0;}
.tabBox .bd li a{ float: left;width: 100%; color:#333333; font-size:14px; line-height: 20px;/*padding: 21px 20px 20px 140px;*/ position: relative;}
.tabBox .bd li a .imgFlo{ float:left; width:100%; line-height:0; /*position: absolute; width: 110px; left: 20px; top:20px;*/}
.tabBox .bd li a .imgFlo_img{ height:160px; /*position: absolute; width: 110px; left: 20px; top:20px;*/}
.tabBox .bd li a .imgFlo img{ width:100%; float:left;}
.tabBox .bd li a .titBox{ position:absolute; left:0; bottom:0; float: left; width: 100%; color:#333333; font-size:14px; height:35px; line-height:35px; overflow: hidden;/* margin-top: 6px;*/ background:#fff;background-color:rgba(255,255,255,0.4); padding:0 10px;white-space: nowrap; text-overflow:ellipsis;}
.timeGr{ display:none; float: left; width: 100%; color:#888; line-height: 20px; padding: 10px 0 7px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.tabBox .bd .more{ float: left; width: 99.95%; height: 54px; line-height:54px; border:1px solid #e3e3e3; border-bottom: 0;}
.tabBox .bd .more a{ float: left; width: 100%; text-align: center; color:#888888; font-size:14px;}
.tabBox .bd .more a:hover{ color:#009840}
.tabBox .bd li a:hover .titBox{color:#ffffff; background-color: #009840; background-color: rgba(219,36,29,0.4)}
/*20170823修改开始*/
.advert{ margin-top: 40px;}
.advert a{ float: left; width: 100%;}

@media  screen and (max-width:1199px){
    .tit_top{ margin-top: 25px;}
    .listNew{ margin-top: 25px;}
    .advert{ margin-top: 25px;}
    .boxRight{ padding: 25px 0 0 0px;}
}

@media  screen and (max-width:991px){
    .charList ul li a{padding:0 0 14px 0;}
    .family{ padding-right:0px;}
    .listNew{ padding-left:0px;}
}

.familyBox{ float:left; width: 37.5%;}
.familyImgOne{ float: left; width: 46%; padding: 0 20px 0 10px; margin-top: 40px;}
.familyImgOne ul{ float: left; width: 100%;}
.familyImgOne ul li{ float:left; text-align: center; width: 100%;}
.familyImgOne ul li a{ display: inline-block; width: 100%; position: relative}
.familyImgOne ul li a .textFlo{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; height: 35px; text-align: right; color:#333; font-size:14px; line-height: 35px; background-color: #fff; background-color: rgba(255,255,255,0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.familyImgOne ul li a:hover .textFlo{ color:#ffffff; background-color: #009840; background-color: rgba(219,36,29,0.4)}
.twoImgRight{ float: left; width: 16.5%; margin-top: 20px;}
.twoImgRight ul{ float: left; width: 100%;}
.twoImgRight ul li{ float:left; text-align: center; margin-top: 20px;}
.twoImgRight ul li a{ display: inline-block; max-width: 200px; width: 100%; position: relative}
.twoImgRight ul li a .textFlo{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; height: 35px; text-align: left; color:#333; font-size:14px; line-height: 35px; background-color: #fff; background-color: rgba(255,255,255,0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.twoImgRight ul li a:hover .textFlo{ color:#ffffff; background-color: #009840; background-color: rgba(219,36,29,0.4)}
.ph_block{ display: none;}
@media  screen and (max-width:991px){
    .ph_block{ display: block;}
    .pc_block{ display: none;}
    .familyBox{ width: 100%;}
    .familyImgOne{ width: 100%; padding: 0 0px 0 0px; margin-top: 20px;}
}
@media  screen and (max-width:767px){
.tabBox .bd.bd-img{width:100%; height:100%}
.tabBox .bd li a .imgFlo_img{ height:170px; /*position: absolute; width: 110px; left: 20px; top:20px;*/}
}
/*.advert{ margin-top: 40px;}
.advert a{ float: left; width: 100%;}

@media  screen and (max-width:1199px){
    .tit_top{ margin-top: 25px;}
    .listNew{ margin-top: 25px;}
    .advert{ margin-top: 25px;}
    .boxRight{ padding: 25px 0 0 0px;}
}

@media  screen and (max-width:991px){
    .charList ul li a{padding:0 0 14px 0;}
    .family{ padding-right:0px;}
    .listNew{ padding-left:0px;}
}

.familyBox{ float:left; width: 37.5%;}
.familyImgOne{ float: left; width: 46%; padding: 0 20px 0 10px; margin-top: 40px;}
.familyImgOne ul{ float: left; width: 100%;}
.familyImgOne ul li{ float:left; text-align: center; width: 100%;}
.familyImgOne ul li a{ display: inline-block; width: 100%; position: relative}
.familyImgOne ul li a .textFlo{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; height: 35px; text-align: center; color:#333; font-size:14px; line-height: 35px; background-color: #fff; background-color: rgba(255,255,255,0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.familyImgOne ul li a:hover .textFlo{ color:#ffffff; background-color: #db241d; background-color: rgba(219,36,29,0.4)}
.twoImgRight{ float: left; width: 16.5%; margin-top: 20px;}
.twoImgRight ul{ float: left; width: 100%;}
.twoImgRight ul li{ float:left; text-align: center; margin-top: 20px;}
.twoImgRight ul li a{ display: inline-block; max-width: 200px; width: 100%; position: relative}
.twoImgRight ul li a .textFlo{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; height: 35px; text-align: left; color:#333; font-size:14px; line-height: 35px; background-color: #fff; background-color: rgba(255,255,255,0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.twoImgRight ul li a:hover .textFlo{ color:#ffffff; background-color: #db241d; background-color: rgba(219,36,29,0.4)}
.ph_block{ display: none;}
@media  screen and (max-width:991px){
    .ph_block{ display: block;}
    .pc_block{ display: none;}
    .familyBox{ width: 100%;}
    .familyImgOne{ width: 100%; padding: 0 0px 0 0px; margin-top: 20px;}
}
*/


/*培训实践基地*/
.listIcon{ float: left;}
.listIcon ul{ margin-top: -10px;}
.listIcon ul li{ margin-top: 30px;}
.listIcon ul li a{ float: left; width: 100%; height: 170px; padding-top: 18px; text-align: center; background: url("images/main25.jpg") no-repeat; background-size:cover; color:#333333; font-size:18px; line-height: 22px;}
.listIcon ul li a img{ margin-bottom: 8px;}
.listIcon ul li a span{ font-size:12px; color:#888888; font-family: Arial; }
.listIcon ul li a:hover{ color:#009840}

/*20170804修改开始*/
.changeDown{ float:left;margin-top: 20px;}
.listBase{ float: left; width: 100%; height:0; overflow:hidden;}
.listBase.active{ height:auto;}
/*20170804修改结束*/
.listBase ul{ float: left; width: 100%; border: 1px solid #e1e1e1; padding-bottom: 27px;}
.listBase ul li{ float: left; width: 100%; height:85px; padding: 0 20px; position: relative}
.listBase ul li a{ float: left; width: 100%; height: 85px;  color:#333333; border-bottom:1px solid #e1e1e1; }
.listBase ul li a .boxText{float: left; width: 100%; padding: 10px 0; }
.listBase ul li a .boxText:after{position: absolute; content: ' '; left:0px; top:-1px; height: 100.99%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listBase ul li a .boxText:before{
    position: absolute; content: ' '; left: -1px; top:2px; width: 0px; height:80px; border-left:0px;z-index: -1; background-color: #f1f1f1;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.listBase ul li a:hover .boxText:after{width: 100%;}
.listBase ul li a:hover .boxText:before{ width: 100%; border-left: 3px solid #009840;}
.listBase ul li a h3{ float: left; width: 100%; font-size:16px; color:#333333; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listBase ul li a .baseText{ float: left; width: 100%; color:#666666; line-height: 30px; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.listBase ul li a:hover h3{color:#009840;}

.tabBoxTa{ float: left; width: 100%; margin-top: 25px;}
.tabBoxTa .hd{ float: left; width: 100%; border-bottom: 2px solid #ebebeb; position: relative;}
.moreTa{ position: absolute; right: 0; bottom: 15px;}
.moreTa a{color:#888888; font-size:14px;}
.moreTa a:hover{ color:#009840}
.tabBoxTa .hd ul{ float:left; width: 100%;}
.tabBoxTa .hd ul li{float: left; color:#333333; font-size:24px; margin-right: 30px; line-height: 46px; position: relative;}
.tabBoxTa .hd ul li:after{ position: absolute; content: ' '; width: 100%; left: 0; bottom: -2px;}
.tabBoxTa .hd ul li.on:after{ border-bottom:2px solid #dc2a23;}
.tabBoxTa .hd ul li.on a{ display:block;  }
.tabBoxTa .tempWrap{ float: left; width: 100%;}
.tabBoxTa .bd ul{ float: left; width: 100%; padding: 20px 0 40px 0;}
.firstList{ float: left}
.firstList a{ float: left; width: 100%; padding: 6px; background-color: #f6f6f6; position: relative}
.firstList a .parImg{ position: absolute; left: 6px; top:6px; width: 173px;}
.firstList a .parText{ float: left; width: 100%; padding-left: 185px; height: 173px;}
.firstList a .parText h4{ float:left; width: 100%; margin-top: 10px;padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.firstList a .parText .textBox{ float: left; width: 100%; padding-left: 10px; color:#666666; font-size:14px; line-height: 24px; height: 120px; overflow: hidden; margin-top: 10px;}
.firstList a:hover .parText h4{ color:#dc2a23}

.listC{ float: left;}

.listC dl{ float: left; width: 100%; margin: 0;}
.listC dd{ float: left; width: 100%; margin-top: 15px;}
.listC dd.first{ margin-top: 0;}
.listC dd  a{ float: left; width: 100%; padding-left: 95px; position: relative}
.listC dd  a .dlImg{ position: absolute; left: 0; top:0; width: 85px; height: 85px; border:1px solid #ececec;}
.listC dd  a .dlText{ float: left; width: 100%; background-color: #f6f6f6; height: 85px; padding: 0 20px;}
.listC dd  a .dlText h4{ float: left; width: 100%; font-size:16px; color:#333333; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.listC dd  a .dlText span{float: left; width: 100%; font-size:14px; color:#666666; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.listC dd  a:hover .dlText h4{ color:#dc2a23}
@media  screen and (max-width:1199px){
    .firstList a .parText{ float: left; width: 100%; padding-left: 185px; height: 173px;}
    .firstList a .parText h4{ padding-left:0px;  }
    .firstList a .parText .textBox{ padding-left: 0px;}
}
@media  screen and (max-width:996px){
.tabBoxTa{  margin-top: 10px;}
.firstList a .parText h4{ padding-left:10px;  }
.firstList a .parText .textBox{ padding-left: 10px;}
.listC dd.first{ margin-top:15px;}
.tabBoxTa .hd ul li{font-size:18px; margin-right: 20px;}
.listIcon ul{ margin-top:0;}
.listIcon ul li{ margin-top:16px;}
}



/*分页*/
.waik_1{ padding:3.5% 0 4% 0;}
.pz_fy{width:100%; float:left; text-align:center; font-family:'Arial';}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { padding:4px 8px;border:1px solid #bdbbbb;border-radius:3px;-webkit-border-radius:3px; COLOR: #999999; font-size:14px; text-decoration:none; margin:0 4px; }
.pz_fy a:hover,.pz_fy a.on{ color: #fff; border:1px solid #7ab926; background-color:#7ab926; text-decoration:none;}/*鼠标经过和默认当前页样式*/
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .fy_phone{ display:block; font-family:'Arial';}
    .fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #7ab926; color:#333;text-decoration:inherit;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px; }
    .fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}
@media  screen and (max-width:767px){
    .fy_phone{ display:block; font-family:'Arial';}
    .fy_phone{ width:100%; float:left; text-align:center; font-size:12px; color:#333;}
    .fy_phone a{ display:inline-block; width:70px; height:25px; line-height:29px; border:solid 1px #7ab926; color:#333;text-decoration:inherit;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px; }
    .fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}

    .waik_1{ padding:6% 0 6% 0;}
}




/* 分页 */
.wack1{ float:left; width:100%; padding:40px 0;}
.pz_fy{width:100%; float:left; padding:5px 0; text-align:center;display:inline}
.pz_fy a { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border: #bdbbbb 1px solid; PADDING:4px 8px; color:#323232; font-family:Arial;text-decoration:none; margin:0 2px;}
.pz_fy a:hover,.pz_fy a.on{color:#fff; border:#009840 1px solid; background-color:#009840; text-decoration:none;}

@media  screen and (max-width:992px){
.wack1{padding:30px 0;}	
.fy_pc{ text-align:center; font-size:14px; color:#333; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#323232; border:solid 1px #bdbbbb; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#333;}
.fy_pc a:hover{ border:#009840 1px solid; background-color:#009840; color:#fff;}


}

@media  screen and (max-width:767px){
.fy_pc{ text-align:center; font-size:12px; color:#333; padding:5px 0;}
.fy_pc a{ padding:5px 10px; color:#323232; border:solid 1px #bdbbbb; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 10px; color:#333;}
.fy_pc a:hover{ border:#009840 1px solid; background-color:#009840; color:#fff;}
	
.wack1{padding:20px 0;}	

}

/*左边*/
.pz_SideLayer{ float:left; width:100%;}
.pz_SideLayer .l1{ float:left; width:100%; background:#f4f4f4;margin-top:1px; padding:0 20px;}
.pz_SideLayer .l1 a{ float:left; width:100%; height:46px; line-height:46px; color:#595959; font-size:14px; background:url(images/h_img6.png) right center no-repeat}
.pz_SideLayer .l1.on,
.pz_SideLayer .l1:hover{ background:#fff url(images/h_img8.png) left top repeat-y;}
.pz_SideLayer .l1.on a,
.pz_SideLayer .l1:hover a{ background:url(images/h_img7.png) right center no-repeat; color:#009840;}


/*1活动公告*/
.zy_banner{ float:left; width:100%; background:#f3f2f2;}
.l_sid{ float:left; width:250px;  margin-top:20px;}
.sid_news{ float:left; width:100%; margin-top:20px;}
.sid_news h4{ float:left; width:100%; color:#fff; font-size:18px; background:#009840; padding:0 20px; height:54px; line-height:54px;}
.sid_news h4 span{ color:#fff; font-family:"Arial"; font-size:12px;}
.sid_news ul{ float:left; width:100%; border:1px solid #e7e7e7; padding:0 20px;}
.sid_news ul li{ float:left; width:100%; border-bottom:1px solid #e7e7e7; }
.sid_news ul li a{ float:left; width:100%; color:#555555; font-size:14px; line-height:52px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.sid_news ul li a:hover{ color:#009840;}
.sid_tit{ float:left; width:100%; background:url(images/h_img5.png) center no-repeat; padding:20px;}
.sid_tit h2{ float:left; width:100%; color:#fff; font-size:20px; line-height:34px;}
.sid_tit h5{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; font-family:"Arial";}

.r_content{ float:right; width:920px; }
.zy_tit{ float:left; width:100%; margin-top:20px; line-height:16px; background:url(images/h_img3.png) left center no-repeat; padding-left:22px;}
.zy_tit a{ color:#7a7a7a;}
.zy_tit a.on,
.zy_tit a:hover{ color:#009840;}

.r_content1{ float:right; width:93%;}
.zy_tit1{ float:left; width:100%; margin-top:20px; line-height:16px; background:url(images/h_img3.png) left center no-repeat; padding-left:32px;}
.zy_tit1 a{ color:#7a7a7a;}
.zy_tit1 a.on,
.zy_tit1 a:hover{ color:#009840;}

.news_list{ float:left; width:100%;}
.news_list ul{ float:left; width:100%;}
.news_list ul li{ float:left; width:100%; border-bottom:1px dotted #b2b2b2; padding:20px 0;}
.news_list ul li a{ float:left; width:100%; position:relative;}
.h_pic1{ float:left; width:170px; height:128px; overflow:hidden; position:absolute; left:0; top:50%; margin-top:-64px;}
.h_pic1 img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.news_list ul li a:hover .h_pic1{ border:1px solid #009840;}
.news_list ul li a:hover .h_pic1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.h_tx1{ float:left; width:100%; height:128px; padding-left:190px;}
.h_tx1 h4{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:0px;  margin-bottom:5px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.pi{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; height:65px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.h_tx1 time{ float:right; padding-left:22px; background:url(images/h_img4.png) left center no-repeat; height:18px; line-height:18px; color:#888888; font-size:12px;}
.news_list ul li a:hover .h_tx1 h4{ color:#009840;}
.l_sid1{ float:left; width:30%;padding-left:22px; text-align:center; }

@media  screen and (max-width:1229px){

.l_sid{ width:220px;}
.r_content{ width:700px;}

}



@media  screen and (max-width:992px){

.sid_tit{ display:none;}
.zy_tit{ display:none;}
.l_sid{ width:100%; padding:0 15px;} 
.r_content{ width:100%; padding:0 15px;}
.sid_news{ display:none;}

}



@media  screen and (max-width:767px){

.h_pic1{ width:125px; height:94px; margin-top:-47px;}
.h_tx1{ height:94px; padding-left:135px;}
.h_tx1 h4{ margin-top:0; font-size:16px; line-height:26px;}
.h_tx1 p{ line-height:20px; height:40px; margin:4px 0;}


}


/*1活动公告-详情*/
.news_cont{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; margin:30px 0;}
.news_cont2{ float:left; width:100%; color:#666666; font-size:14px; line-height:30px; margin:0px 0;}

.news_cont .h_tx2{ color:#333333; font-size:24px;}
.news_cont .h_tx3{ color:#888888; font-size:14px; line-height:24px; padding:15px 0; border-bottom:1px dotted #cccccc; border-top:1px dotted #cccccc;
 margin:28px 0 20px 0;}
.news_cont .h_tx4{ background:#e9eaeb; line-height:26px; padding:12px 20px;}

.news_cont1{ float:left; width:93%; color:#666666; font-size:14px; line-height:30px; margin:30px 0;}
.news_cont1 .h_tx2{margin:auto; color:#333333; font-size:24px; text-align:center; margin-bottom:20px;  padding-bottom:10px;border-bottom:1px dotted #cccccc;}
.news_cont1 .h_tx3{ color:#888888; font-size:14px; line-height:24px; padding:15px 0; border-bottom:1px dotted #cccccc; border-top:1px dotted #cccccc;
 margin:28px 0 20px 0;}
.news_cont1 .h_tx4{ background:#e9eaeb; line-height:26px; padding:12px 20px;}
/*@media  screen and (max-width:1920px){
.news_cont1{ float:left; width:1200px; color:#666666; font-size:14px; line-height:30px; margin:30px 0;}
.zy_tit1{ float:left; width:1200px; margin-top:20px; line-height:16px; background:url(images/h_img3.png) left center no-repeat; padding-left:32px;}
.news_cont1{ float:left; width:1200px; color:#666666; font-size:14px; line-height:30px; margin:30px 0;}
}*/
/*上下分页*/
.sx_fy{ float:left; width:100%; padding:25px 0 35px 0; border-top:1px dotted #cccccc;}
.sx_fy a{ color:#666666; font-size:14px; line-height:24px;}
.sx_fy a:hover{ color:#009840;}
.sx_fy a:hover span{ text-decoration:underline;}
.l_fy{ float:left;}
.r_fy{ float:right;}

@media  screen and (max-width:992px){

.sx_fy a{ width:100%;}


}
/*2家故事*/
.Home_story{ float:left; width:100%; margin-top:-10px; overflow:hidden;}
.Home_story ul{ margin:0 -15px;}
.Home_story li{ float:left; width:25%; padding:30px 15px; border-bottom:1px dotted #b2b2b2;}
.Home_story li a{ float:left; width:100%;}
.h_pic2{ float:left; width:100%; overflow:hidden;}
.h_pic3{width:284px;  height:198px;}
.h_pic2 img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Home_story li a:hover .h_pic2 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.h_tx5{ float:left; width:100%; text-align:center; height:35px; line-height:35px; font-size:14px; color:#333333; padding:0 10px; background:#f4f3f3;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.Home_story li a:hover .h_tx5{ background:#df3933; color:#fff;}

@media  screen and (max-width:992px){

.Home_story{ float:left; width:100%; margin-top:4px; padding:0 15px;}
.Home_story ul{ margin:0 -8px;}
.Home_story li{ padding:16px 8px; }
.h_pic3{width:100%; }
}

@media  screen and (max-width:767px){

.Home_story li{ width:50%;}
.h_pic3{width:100%; height:110px; }

}

/*2家故事*/
/*.Home_story{ float:left; width:100%; margin-top:-10px; overflow:hidden;}
.Home_story ul{ margin:0 -15px;}
.Home_story li{ float:left; width:25%; padding:30px 15px; border-bottom:1px dotted #b2b2b2;}
.Home_story li a{ float:left; width:100%;}
.h_pic2{ float:left; width:100%; overflow:hidden;}
.h_pic2 img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Home_story li a:hover .h_pic2 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.h_tx5{ float:left; width:100%; text-align:center; height:35px; line-height:35px; font-size:14px; color:#333333; padding:0 10px; background:#f4f3f3;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.Home_story li a:hover .h_tx5{ background:#df3933; color:#fff;}

@media  screen and (max-width:992px){

.Home_story{ float:left; width:100%; margin-top:4px; padding:0 15px;}
.Home_story ul{ margin:0 -8px;}
.Home_story li{ padding:16px 8px; }

}

@media  screen and (max-width:767px){

.Home_story li{ width:50%;}

}
*/

/*5家课堂*/
.Home_classroom2{ float:left; width:100%; margin-top:30px;}
.Home_classroom2 h3{ float:left; width:100%; height:50px; line-height:50px; background:url(images/h_img13.png) left center no-repeat #eef1f0; color:#fff; font-size:20px; padding:0 38px;}
.Home_classroom2 ul{ float:left; width:100%; }
.Home_classroom2 ul li{ float:left; width:100%; background:#f4f4f4; margin-top:20px; }
.Home_classroom2 ul li a{ float:left; width:100%; position:relative; padding:0 20px; }
.Home_classroom2 ul li h3{ float:left; width:100%; line-height:54px; background:url(images/h_img14.png) left center no-repeat; color:#444444; font-size:16px; padding:0 70px 0 27px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.Home_classroom2 ul li em{ float:right; width:54px; height:54px; background:url(images/h_img15.png) center no-repeat; position:absolute; right:0; top:0;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.Home_classroom2 ul li a:hover h3{ color:#009840;}
.Home_classroom2 ul li.on a em{ background:url(images/h_img16.png) center no-repeat;}
.Home_classroom1{ float:left; width:100%; margin-top:17px; border-top:1px solid #d9dbdb; padding-top:20px;}
.Home_classroom1 .l_270{ float:left; width:27%; line-height:0;}
.Home_classroom1 .l_650{ float:right; width:70.65%;}
.Home_classroom1 .l_650 h2{ float:right; width:100%; color:#009840; font-size:24px; line-height:34px; margin:5px 0 20px 0;}
.Home_classroom1 .l_650 p{ float:right; width:100%; color:#666666; font-size:12px; line-height:24px;}



@media  screen and (max-width:992px){

.Home_classroom2 h3{ font-size:18px; padding:0 20px;}
.Home_classroom2 ul li a{ padding:0 10px; }


}


@media  screen and (max-width:767px){

.Home_classroom1 .l_270{ width:100%;}
.Home_classroom1 .l_650{ width:100%;}
.Home_classroom1 .l_650 h2{ margin:15px 0 10px 0;}


}

/*3志愿之家1*/
.Volunteer_home{ float:left; width:100%; margin:20px 0 40px 0; border:1px solid #e7e7e7; padding:40px 45px;}
.Volunteer_tit{ float:left; width:100%; padding:0 15px; text-align:center;}
.Volunteer_tit .l1{ float:left; width:100%;}
.Volunteer_tit h3{ display:inline-block; *display:inline; *zoom:1; color:#444444; font-size:24px; line-height:24px; padding-left:45px; background:url(images/h_img18.jpg) left center no-repeat;}
.Volunteer_tit h3 span{ padding-right:45px; background:url(images/h_img18.jpg) right center no-repeat;}

.Volunteer_cont{ float:left; width:100%; padding:30px 15px 10px 15px; }
.Volunteer_cont h3{ float:left; width:100%; color:#555555; font-size:16px; line-height:24px; padding:19px 30px; background:#f5f5f5; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}


.Volunteer_fm{ float:left; width:100%;}
.Volunteer_fm label{ float:left; width:100%; margin-bottom:0;}
.fm_bx1{ float:left; width:33.33333%; padding:10px 15px;}
.fm_bx2{ width:66.66666%;}
.fm_bx3{ width:100%;}
.fm1{ float:left; width:100%; color:#888888; font-size:14px; height:46px; line-height:46px; border:1px solid #cbcbcb; padding:0 20px; font-weight:normal;}
.Volunteer_fm input[placeholder], [placeholder], *[placeholder] {color:#888888 !important;} 
.Volunteer_fm ::-webkit-input-placeholder{color:#888888}
.Volunteer_fm :-moz-placeholder{color:#888888}
.Volunteer_fm ::-moz-placeholder{color:#888888}
.Volunteer_fm :-ms-input-placeholder{color:#888888}
.fm2{ display:block; margin:0 auto; width:125px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:18px; background:#009840; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-weight:normal;}


.l_114{ display:block; float:left; width:100%; margin-bottom:20px; border:1px solid #cbcbcb;}	
.top_sosuo_1{width:100%; float:left;z-index:9999999;}
.top_sosuo_1 .sosuo_ul{z-index:999;width:100%; left:0px; display:none;z-index:999999; background:rgba(240,240,240,0.9); border:1px solid #e2e1e1; padding:12px 20px;} 
.top_sosuo_1 .sosuo_ul li{ float:left; width:100%; line-height:32px; height:32px; color:#444444; font-size:14px; cursor:pointer;}
.top_sosuo_1 .sosuo_ul li:hover{ color:#009840;}
.top_sosuo_1 .li_div{ float:left; width:100%; color:#888888; font-size:14px; height:46px; line-height:46px; font-weight:normal; text-indent:20px;}
.top_sosuo_1 .l_12{position:absolute; right:10px; top:50%; margin-top:-9px; background:url(images/h_img19.jpg) center no-repeat; width:17px; height:18px; z-index:99999999;}



@media  screen and (max-width:1229px){

.Volunteer_home{ padding:40px 20px;}
.Volunteer_tit{ padding:0 10px;}
.Volunteer_cont{ padding:20px 10px 10px 10px; }
.fm_bx1{ padding:10px;}

}


@media  screen and (max-width:992px){

.Volunteer_home{ padding:30px 10px;}
.fm_bx1{ width:100%;}
.fm_bx2{ width:100%;}

}



/*3志愿之家1*/
/*.Volunteer_home{ float:left; width:100%; margin:20px 0 40px 0; border:1px solid #e7e7e7; padding:40px 45px;}
.Volunteer_tit{ float:left; width:100%; padding:0 15px; text-align:center;}
.Volunteer_tit .l1{ float:left; width:100%;}
.Volunteer_tit h3{ display:inline-block; *display:inline; *zoom:1; color:#444444; font-size:24px; line-height:24px; padding-left:45px; background:url(images/h_img18.jpg) left center no-repeat;}
.Volunteer_tit h3 span{ padding-right:45px; background:url(images/h_img18.jpg) right center no-repeat;}

.Volunteer_cont{ float:left; width:100%; padding:30px 15px 10px 15px; }
.Volunteer_cont h3{ float:left; width:100%; color:#555555; font-size:16px; line-height:24px; padding:19px 30px; background:#f5f5f5; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}


.Volunteer_fm{ float:left; width:100%;}
.Volunteer_fm label{ float:left; width:100%; margin-bottom:0;}
.fm_bx1{ float:left; width:33.33333%; padding:10px 15px;}
.fm_bx2{ width:66.66666%;}
.fm_bx3{ width:100%;}
.fm1{ float:left; width:100%; color:#888888; font-size:14px; height:46px; line-height:46px; border:1px solid #cbcbcb; padding:0 20px; font-weight:normal;}
.Volunteer_fm input[placeholder], [placeholder], *[placeholder] {color:#888888 !important;} 
.Volunteer_fm ::-webkit-input-placeholder{color:#888888}
.Volunteer_fm :-moz-placeholder{color:#888888}
.Volunteer_fm ::-moz-placeholder{color:#888888}
.Volunteer_fm :-ms-input-placeholder{color:#888888}
.fm2{ display:block; margin:0 auto; width:125px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:18px; background:#db241d; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-weight:normal;}


.l_114{ display:block; float:left; width:100%; margin-bottom:20px; border:1px solid #cbcbcb;}	
.top_sosuo_1{width:100%; float:left;z-index:9999999;}
.top_sosuo_1 .sosuo_ul{z-index:999;width:100%; left:0px; display:none;z-index:999999; background:rgba(240,240,240,0.9); border:1px solid #e2e1e1; padding:12px 20px;} 
.top_sosuo_1 .sosuo_ul li{ float:left; width:100%; line-height:32px; height:32px; color:#444444; font-size:14px; cursor:pointer;}
.top_sosuo_1 .sosuo_ul li:hover{ color:#db241d;}
.top_sosuo_1 .li_div{ float:left; width:100%; color:#888888; font-size:14px; height:46px; line-height:46px; font-weight:normal; text-indent:20px;}
.top_sosuo_1 .l_12{position:absolute; right:10px; top:50%; margin-top:-9px; background:url(images/h_img19.jpg) center no-repeat; width:17px; height:18px; z-index:99999999;}



@media  screen and (max-width:1229px){

.Volunteer_home{ padding:40px 20px;}
.Volunteer_tit{ padding:0 10px;}
.Volunteer_cont{ padding:20px 10px 10px 10px; }
.fm_bx1{ padding:10px;}

}


@media  screen and (max-width:992px){

.Volunteer_home{ padding:30px 10px;}
.fm_bx1{ width:100%;}
.fm_bx2{ width:100%;}

}
*/




/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#009840; z-index:999; border-top:1px solid #fff;}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.pf_down li.l1 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn17.png) no-repeat center; background-size:20px 20px;}
.pf_down li:nth-child(3n){ border:none;}



/*down*/
.foot_cont1{ float:left; width:100%; background:#3e3e3e;}
.foot_cont2{ float:left; width:100%; padding:14px 0;}
.bq{ float:left; color:#888787; font-size:12px; line-height:22px;}
.bq a{ color:#888787;}
.bq a:hover{ color:#009840}
.foot_mpa{ float:right; color:#888787; font-size:12px; line-height:22px;}
.foot_mpa a{ color:#888787;}
.foot_mpa a:hover{ color:#009840;}

.foot_nav{ float:left; width:100%; padding:35px 0 35px 0;}
.l_nav{ float:left; width:16.66666%; padding:0 15px;}
.l_nav .l1{ float:left; width:100%; background:url(images/foot1.png) left bottom repeat-x;}
.l_nav .l1 a{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; padding-bottom:16px; background:url(images/foot2.png) left bottom no-repeat;}
.l_nav .l2{ float:left; width:100%; margin-top:12px;}
.l_nav .l2 li{ display:block;}
.l_nav .l2 li a{ float:left; width:100%; color:#a5a5a5; font-size:14px; line-height:32px;}
.l_nav .l2 li a:hover{ color:#fff;}
.l_nav .l3{ float:left; width:100%; margin-top:21px;}
.l_nav .l3 li{ float:left; width:80px; text-align:center; margin-right:9px;}
.l_nav .l3 li span{  float:left; width:100%;color:#a5a5a5; font-size:12px; line-height:18px; margin-top:8px;}
.bq1{ display:none;float:left; color:#888787; font-size:12px; line-height:22px;}

@media screen and (max-width:1229px) {

.l_nav .l3 li{ width:78px;}
.l_nav .l3 li span{ font-size:12px;}
.bq1{ display:none;}

}

@media screen and (max-width:992px) {

.foot_nav{ padding:30px 0;}
.l_nav{ width:100%; margin-right:0;}
.l_nav .l1{ margin:8px 0;}
.l_nav .l1{ border-left:2px solid #009840; background:#6b6b6b; padding:6px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.l_nav .l1 a{background:url(images/xiap12.png) right center no-repeat; padding:0; font-size:16px;}
.l_nav .l2{ display:none;}
.l_nav .l2{ padding:5px 12px; margin-top:0;}
.l_nav .l3{ display:none;}
.bq1{ display:none;}

	
}


@media screen and (max-width:767px) {

.foot_share{ display:none;}
.bq{ width:100%; text-align:center;}
.bq1{ display:block; width:100%; text-align:center; color:#888787; font-size:12px; line-height:20px;}
}