@charset "utf-8";
/**/
#index_k1{ background:url(img/di1.jpg) center top; height:651px; width:100%; overflow:hidden;}
#index_k1 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#fff;}
#index_k1 .title p{ background:url(img/line.png) center no-repeat;}
#index_k1 .k1_con{ width:1200px; margin:0 auto; overflow:hidden;}
#index_k1 .k1_con dl{ overflow:hidden; width:1300px;transition:margin 0.5s;}
#index_k1 .k1_con dl dd{ float:left; margin-right:30px; }
#index_k1 .k1_con dl dd a{ display:block; color:#fff; background:#0056b5; line-height:60px; text-align:center; font-size:14px; transition:background 0.5s,font-size 0.5s;}
#index_k1 .k1_con dl dd a:hover{ background:#111; font-size:18px;}
#index_k1 .change{ width:102px; margin:38px auto 0 auto; overflow:hidden;}
#index_k1 .change p a{ transition:background 0.5s;}
#index_k1 .change p.k1_left a{ display:block; background:#687987;}
#index_k1 .change p.k1_right a{ display:block; background:#005bac;}
#index_k1 .change p a:hover{ background:#d00;}
#index_k1 .change p.k1_left{ float:left;}
#index_k1 .change p.k1_right{ float:right;}

#index_k2{ background:#fff; padding-bottom:80px;}
#index_k2 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#000;}
#index_k2 .title p{ background:url(imgs/line1.jpg) center no-repeat; color:#666;}
#index_k2 .k2_con{ width:1200px; margin:0 auto; overflow:hidden;}
#index_k2 .k2_con ul{ list-style:none; width:1300px;}
#index_k2 .k2_con ul li{ width:276px; margin-right:32px; float:left;}
#index_k2 .k2_con ul li a{ display:block; text-align:center; line-height:50px; font-size:14px; color:#000; transition:background 0.5s,color 0.5s;}
#index_k2 .k2_con ul li a:hover{ background:#005bac; color:#fff;}

#index_k3{width:100%; overflow:hidden;}
#index_k3 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#000;}
#index_k3 .title p{ background:url(imgs/line1.jpg) center no-repeat; color:#666}
#index_k3 .k3_con{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:80px;}
#index_k3 .k3_con ul{ list-style:none; width:800px; margin:0 auto;}
#index_k3 .k3_con ul li{ float:left; border-right:solid 1px rgba(255,255,255,0.1); width:199px;}
#index_k3 .k3_con ul li a{ display:block; color:#000; line-height:42px; text-align:center; font-size:14px;}
#index_k3 .k3_con ul li a p.img{ width:110px; height:110px; border-radius:100px; background:#ecf2f4;transition:background 0.5s; overflow:hidden; margin:0 auto;}
#index_k3 .k3_con ul li a img{ margin-top:0; transition:margin 0.5s;}
#index_k3 .k3_con ul li a:hover p.img{ background:#005bac; border-radius:100px;}
#index_k3 .k3_con ul li a:hover img{ margin-top:-110px;}

#index_k3 .k3_con .text{ overflow:hidden; color:#666; text-align:center; width:100%; padding-top:30px;}
#index_k3 .k3_con .text p a{ display:block; width:107px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:50px; background:#005bac; margin:40px auto 0 auto; transition:width 0.5s;}
#index_k3 .k3_con .text p a:hover{ width:150px;}

#index_k4{width:100%; overflow:hidden; background:#eee; padding-bottom:80px;}
#index_k4 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#000;}
#index_k4 .title p{ background:url(img/line1.png) center no-repeat; color:#666}
#index_k4 .index_news{ width:1200px; margin:0 auto; overflow:hidden;}
#index_k4 .index_news ul{ list-style:none; width:1300px;}
#index_k4 .index_news ul li{ float:left; width:380px; background:#fff; margin-right:30px; transition:background 0.5s;}
#index_k4 .index_news ul li a{ display:block; padding:20px;}
#index_k4 .index_news ul li a p.a1{ color:#333; line-height:46px; font-size:16px;}
#index_k4 .index_news ul li a p.a2{ color:#666; line-height:18px; font-size:12px;}
#index_k4 .index_news ul li a p.a3{ color:#666; line-height:46px; font-size:12px;}

#index_k4 .index_news ul li:hover{background:#005bac; }
#index_k4 .index_news ul li a:hover{ display:block; padding:20px;}
#index_k4 .index_news ul li a:hover p.a1{ color:#fff;}
#index_k4 .index_news ul li a:hover p.a2{ color:#fff;}
#index_k4 .index_news ul li a:hover p.a3{ color:#fff;}

@media(max-width:800px){
#index_k1{ background:url(img/di1.jpg) center top; width:100%; height:400px; overflow:hidden;}
#index_k1 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#fff;}
#index_k1 .title p{ background:url(img/line.png) center no-repeat;}
#index_k1 .k1_con{ width:100%; margin:1rem auto 0 auto; overflow:hidden; }
#index_k1 .k1_con dl{ overflow:hidden; transition:margin 0.5s;}
#index_k1 .k1_con dl dd{ float:left; margin:0;}
#index_k1 .k1_con dl dd a{ display:block; color:#fff; background:#0056b5; margin:0 .5rem; line-height:40px; text-align:center; font-size:12px; transition:background 0.5s,font-size 0.5s;}
#index_k1 .k1_con dl dd a img{ width:100%;}

#index_k1 .change{ width:102px; margin:38px auto 0 auto; overflow:hidden;}
#index_k1 .change p a{ transition:background 0.5s;}
#index_k1 .change p.k1_left a{ display:block; background:#687987;}
#index_k1 .change p.k1_right a{ display:block; background:#005bac;}
#index_k1 .change p a:hover{ background:#d00;}
#index_k1 .change p.k1_left{ float:left;}
#index_k1 .change p.k1_right{ float:right;}

#index_k2{ background:#fff; padding-bottom:.4rem;}
#index_k2 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#000;}
#index_k2 .title p{ background:url(imgs/line1.jpg) center no-repeat; color:#666;}
#index_k2 .k2_con{ width:100%; margin:0 auto; overflow:hidden;}
#index_k2 .k2_con img{ width:100%;}
#index_k2 .k2_con ul{ list-style:none; width:100%;}
#index_k2 .k2_con ul li{ width:50%;float:left; margin:0;}
#index_k2 .k2_con ul li a{ display:block; text-align:center; line-height:50px; font-size:14px; color:#000; transition:background 0.5s,color 0.5s;}
#index_k2 .k2_con ul li a:hover{ background:#005bac; color:#fff;}

#index_k3{width:100%; overflow:hidden;}
#index_k3 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#000;}
#index_k3 .title p{ background:url(imgs/line1.jpg) center no-repeat; color:#666}
#index_k3 .k3_con{ width:96%; margin:1rem auto 0 auto; overflow:hidden; padding-bottom:40px;}
#index_k3 .k3_con ul{ list-style:none; width:100%; margin:0 auto;}
#index_k3 .k3_con ul li{ float:left; border-right:solid 0px rgba(255,255,255,0.1); width:25%;}
#index_k3 .k3_con ul li a{ display:block; color:#000; line-height:30px; text-align:center; font-size:12px;}
#index_k3 .k3_con ul li a p.img{ width:4rem; height:4rem; border-radius:100px; background:#ecf2f4;transition:background 0.5s; overflow:hidden; margin:0 auto;}
#index_k3 .k3_con ul li a img{ margin-top:0; width:100%; transition:margin 0.5s;}
#index_k3 .k3_con ul li a:hover p.img{ background:#005bac; border-radius:100px;}
#index_k3 .k3_con ul li a:hover img{ margin-top:-110px;}

#index_k3 .k3_con .text{ overflow:hidden; color:#666; text-align:center; width:100%; padding-top:30px;}
#index_k3 .k3_con .text p a{ display:block; width:107px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:50px; background:#005bac; margin:40px auto 0 auto; transition:width 0.5s;}
#index_k3 .k3_con .text p a:hover{ width:150px;}

#index_k4{width:100%; overflow:hidden; background:#eee; padding-bottom:40px;}
#index_k4 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#000;}
#index_k4 .title p{ background:url(img/line1.png) center no-repeat; color:#666}
#index_k4 .index_news{ width:90%; margin:0 auto; overflow:hidden;}
#index_k4 .index_news ul{ list-style:none; width:auto;}
#index_k4 .index_news ul li{ float:left; width:100%; background:#fff; margin-right:0; margin-top:1rem; transition:background 0.5s;}
#index_k4 .index_news ul li a{ display:block; padding:20px;}
#index_k4 .index_news ul li img{ width:100%;}
#index_k4 .index_news ul li a p.a1{ color:#333; line-height:40px; font-size:14px;}
#index_k4 .index_news ul li a p.a2{ color:#666; line-height:16px; font-size:10px;}
#index_k4 .index_news ul li a p.a3{ color:#666; line-height:40px; font-size:10px;}


}