@charset "utf-8";
/**/
@media(min-width:1200px){
#index_k1 .k1_con dl dd .kcon{margin:-502px 0 0 790px!important;padding:0 40px!important;}
}
@media(min-width:1000px){

#index_k1{ background:url(img/back1.jpg) center top no-repeat; width:100%; overflow:hidden;}
#index_k1 .title{ font-size:36px; font-weight:bold; line-height:50px; text-align:center; padding-top:70px; color:#fff;}
#index_k1 .title p{ background:none; font-size:14px;}
#index_k1 .k1_con{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
#index_k1 .k1_con dl{ overflow:hidden;}
#index_k1 .k1_con dl dd{ width:100%;max-width:1200px;}
#index_k1 .k1_con dl dd img{max-width:850px; width:70%}
#index_k1 .k1_con dl dd .kcon{ max-width:330px; width:27.5%; color:#fff; margin:-502px 0 0 65.8%; height:434px; padding:0 3.3%; position:absolute; z-index:10; background:rgba(162,210,243,0.9);}
#index_k1 .k1_con dl dd .kcon p.a1{ font-size:24px; font-weight:900; line-height:80px; padding-top:20px;}
#index_k1 .k1_con dl dd .kcon p.a3{ margin-top:60px;}
#index_k1 .k1_con dl dd .kcon p.a3 a{ display:block; width:54px; height:32px; background:url(img/a1.png) center no-repeat; border:solid 2px #fff; transition:width 0.5s;}
#index_k1 .k1_con dl dd .kcon p.a3 a:hover{ width:80px;}

#index_k1 .change{ max-width:600px; width:50%; margin:0 auto; overflow:hidden;}
#index_k1 .change div.bl{ max-width:596px; width:49%; position:absolute; margin-top:-66px;}
#index_k1 .change p{ margin-left:2px;}
#index_k1 .change p a{ transition:background 0.5s;}
#index_k1 .change p.k1_left a{ display:block; background:url(img/jian1.png) center no-repeat #c4dff2; width:52px; height:40px;}
#index_k1 .change p.k1_right a{ display:block; background:url(img/jian2a.png) center no-repeat #006dc6; width:52px; height:40px;}
#index_k1 .change p.k1_left a:hover{ background:url(img/jian1.png) center no-repeat #0051a3;}
#index_k1 .change p.k1_right a:hover{ background:url(img/jian2a.png) center no-repeat #0051a3;}
#index_k1 .change p.k1_left{ float:right;}
#index_k1 .change p.k1_right{ float:right;}




#index_abouta{ max-width:1200px; width:100%; margin:60px auto 110px auto; overflow:hidden;}
#index_abouta .ind_a_l{width:100%; text-align:center;}
#index_abouta .ind_a_l p.a1{ font-size:36px; font-weight:bold; color:#006dc6; line-height:60px;}
#index_abouta .ind_a_l p.a0{ background:url(img/line2.png) center repeat-x; width:610px; margin:0 auto; overflow:hidden;}
#index_abouta .ind_a_l p.a0 span{ color:#006dc6; background:#fff; padding:0 20px;}
#index_abouta .ind_a_l p.a2{ color:#666; line-height:30px; font-size:14px; margin-top:30px;}
#index_abouta .ind_a_l p.a3{ margin-top:50px;}
#index_abouta .ind_a_l p.a3 a{ display:block; border:solid 2px #cdf0ff; width:54px; height:32px; text-align:center; margin:0 auto; transition:width 0.5s;}
#index_abouta .ind_a_l p.a3 a:hover{ width:80px;}
#index_abouta .ind_a_l p.a3 a img{ margin-top:10px;}
#index_abouta .ind_a_r{ width:100%; margin-top:80px; overflow:hidden}
#index_abouta .ind_a_r p.a1{ float:left; width:25%;}
#index_abouta .ind_a_r p.a2{ float:left; width:25%;}
#index_abouta .ind_a_r p.a3{ float:left; width:50%;}
#index_abouta .ind_a_r p img{ width:100%;}

#indexnews{ width:100%; margin:110px auto 60px auto; overflow:hidden; height:557px; background:url(img/di1.jpg) center top no-repeat #e4f4fb/100% 557px;}
#indexnews .tit{ font-size:36px; color:#006dc6; font-weight:bold; line-height:100px; padding-top:40px; width:1200px; margin:0 auto; overflow:hidden;}
#indexnews .news_l{ max-width:1200px; width:100%; margin:20px auto 0 auto; overflow:hidden;}
#indexnews .news_l ul{ max-width:550px; width:45.8%;}
#indexnews .news_l ul li{ overflow:hidden; margin-bottom:30px;}
#indexnews .news_l ul li a{ display:block;}
#indexnews .news_l ul li a div.time{ background:#fff; color:#0093dd; font-family:Arial; float:left; width:81px; height:81px; text-align:center; font-size:14px;}
#indexnews .news_l ul li a div.time p{ font-size:36px; font-weight:bold; line-height:36px; padding-top:15px;}
#indexnews .news_l ul li a div.con{ overflow:hidden; padding-left:30px;}
#indexnews .news_l ul li a div.con p.tt{ font-size:14px; line-height:24px; border:none; color:#0093dd;}
#indexnews .news_l ul li a div.con p.tt1{ font-size:12px; line-height:14px;color:#666; padding-top:10px;}
#indexnews .news_l ul li a div.con p.tt2{ font-size:14px; line-height:24px; color:#0093dd;}
#indexnews .news_l ul li a:hover div.time{ background:#0093dd; color:#fff;}

#index_k2{ max-width:1200px; width:100%; overflow:hidden; margin:0 auto;}
#index_k2 .ta{ width:100%; text-align:right; font-size:36px; color:#0093dd; line-height:90px; font-weight:900;}

#index_k2 .pic{ width:100%; overflow:hidden;}
#index_k2 .pic .bp{ position:absolute; max-width:600px; width:50%; margin-top:-90px;}
#index_k2 .pic .bp img{ width:100%;}
#index_k2 .pic .sp{ float:right; max-width:600px; width:50%;}

#index_k2 .pic .sp ul li{ max-width:180px; width:30%; float:right; margin-left:1.6%;}
#index_k2 .pic .sp ul li img{ width:100%;}
#index_k2 .pic .sp ul li a{ display:block;}
#index_k2 .pic .sp ul li a p{ background:rgba(0,109,198,0.9); max-width:180px; width:15%; height:129px; position: absolute; margin-top:-129px; text-align:center; line-height:120px; color:#fff;}


#index_k2 .con{ text-align:right; overflow:hidden; padding:20px 0;}

#index_k2 .ma{ overflow:hidden; margin-bottom:140px;}
#index_k2 .ma a{ display:block; width:68px; line-height:26px; text-align:center; border:solid 2px #006dc6; color:#006dc6; font-size:12px; float:right; text-transform:uppercase;transition:background 0.5s,color 0.5s;}
#index_k2 .ma a:hover{ background:#006dc6; color:#fff;}


}









@media(max-width:999px){
#index_k1{ background:url(img/back1.jpg) center top no-repeat; width:100%; overflow:hidden;}
#index_k1 .title{ font-size:2rem; font-weight:bold; line-height:3rem; text-align:center; padding-top:2rem; color:#fff;}
#index_k1 .title p{ background:none; font-size:14px;}
#index_k1 .k1_con{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#index_k1 .k1_con dl{ overflow:hidden;}
#index_k1 .k1_con dl dd{width:100%;}
#index_k1 .k1_con dl dd img{ width:100%;}
#index_k1 .k1_con dl dd .kcon{ width:90%; color:#fff;  padding:0 5%; background:rgba(162,210,243,0.9);}
#index_k1 .k1_con dl dd .kcon p.a1{ font-size:1.2rem; font-weight:900; line-height:3rem; padding-top:1rem;}
#index_k1 .k1_con dl dd .kcon p.a2{ font-size:.7rem; line-height:1rem;}
#index_k1 .k1_con dl dd .kcon p.a3{ margin-top:2rem; overflow:hidden; padding-bottom:2rem;}
#index_k1 .k1_con dl dd .kcon p.a3 a{ display:block; width:54px; height:32px; background:url(img/a1.png) center no-repeat; border:solid 2px #fff; transition:width 0.5s;}
#index_k1 .k1_con dl dd .kcon p.a3 a:hover{ width:80px;}

#index_k1 .change{ width:90%; margin:2px auto; overflow:hidden;}
#index_k1 .change div.bl{}
#index_k1 .change p{ margin-left:2px;}
#index_k1 .change p a{ transition:background 0.5s;}
#index_k1 .change p.k1_left a{ display:block; background:url(img/jian1.png) center no-repeat #c4dff2; width:52px; height:40px;}
#index_k1 .change p.k1_right a{ display:block; background:url(img/jian2a.png) center no-repeat #006dc6; width:52px; height:40px;}
#index_k1 .change p.k1_left a:hover{ background:url(img/jian1.png) center no-repeat #0051a3;}
#index_k1 .change p.k1_right a:hover{ background:url(img/jian2a.png) center no-repeat #0051a3;}
#index_k1 .change p.k1_left{ float:right;}
#index_k1 .change p.k1_right{ float:right;}


#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_abouta{ width:90%; margin:2rem auto 0px auto; overflow:hidden; padding-bottom:2rem;}
#index_abouta .ind_a_l{ width:100%; overflow:hidden; text-align:center;}
#index_abouta .ind_a_l p.a1{ font-size:2rem; font-weight:bold; color:#006dc6; line-height:3rem;}
#index_abouta .ind_a_l p.a0{ background:url(img/line2.png) center repeat-x; width:100%; margin:0 auto ; overflow:hidden;}
#index_abouta .ind_a_l p.a0 span{ color:#006dc6; background:#fff; padding:0 20px;}
#index_abouta .ind_a_l p.a2{ color:#666; font-size:.8rem; margin-top:1rem;}
#index_abouta .ind_a_l p.a3{ margin-top:2rem;}
#index_abouta .ind_a_l p.a3 a{ display:block; border:solid 2px #0093dd; margin:0 auto; width:54px; height:32px; text-align:center; transition:width 0.5s;}
#index_abouta .ind_a_l p.a3 a img{ margin-top:10px;}
#index_abouta .ind_a_r{ width:100%; margin-top:2rem; overflow:hidden}
#index_abouta .ind_a_r p.a1{ float:left; width:50%;}
#index_abouta .ind_a_r p.a2{ float:left; width:50%;}
#index_abouta .ind_a_r p.a3{ float:left; width:100%;}
#index_abouta .ind_a_r p img{ width:100%;}

#indexnews{ width:100%; margin:2rem auto 0px auto; overflow:hidden; background:#e4f4fb;}
#indexnews .tit{ font-size:2rem; color:#006dc6; font-weight:bold; line-height:3rem; padding-top:2rem; width:90%; margin:0 auto; overflow:hidden;}
#indexnews .news_l{ width:90%; margin:20px auto 0 auto; overflow:hidden;}
#indexnews .news_l ul{ width:100%;}
#indexnews .news_l ul li{ overflow:hidden; margin-bottom:30px;}
#indexnews .news_l ul li a{ display:block;}
#indexnews .news_l ul li a div.time{ background:#fff; color:#0093dd; font-family:Arial; float:left; width:81px; height:81px; text-align:center; font-size:14px;}
#indexnews .news_l ul li a div.time p{ font-size:36px; font-weight:bold; line-height:36px; padding-top:15px;}
#indexnews .news_l ul li a div.con{ overflow:hidden; padding-left:30px;}
#indexnews .news_l ul li a div.con p.tt{ font-size:14px; line-height:24px; border:none; color:#0093dd;}
#indexnews .news_l ul li a div.con p.tt1{ font-size:12px; line-height:14px;color:#666; padding-top:10px;}
#indexnews .news_l ul li a div.con p.tt2{ font-size:14px; line-height:24px; color:#0093dd;}
#indexnews .news_l ul li a:hover div.time{ background:#0093dd; color:#fff;}


#index_k2{ width:90%; overflow:hidden; margin:0 auto;}
#index_k2 .ta{ width:100%; text-align:right; font-size:2rem; color:#0093dd; line-height:4rem; padding-top:1rem; font-weight:900;}

#index_k2 .pic{ width:100%; overflow:hidden;}
#index_k2 .pic .bp{ width:100%;}
#index_k2 .pic .bp img{ width:100%;}
#index_k2 .pic .sp{ float:right;}
#index_k2 .pic .sp ul li{ width:80px; float:left; margin-left:5px;}
#index_k2 .pic .sp ul li img{ width:100%;}
#index_k2 .pic .sp ul li a{ display:block;}
#index_k2 .pic .sp ul li a p{ background:rgba(0,109,198,0.9); width:80px; height:53px; font-size:.6rem; position: absolute; margin-top:-53px; text-align:center; line-height:53px; color:#fff;}


#index_k2 .con{ text-align:right; overflow:hidden; padding:20px 0; font-size:.7rem;}

#index_k2 .ma{ overflow:hidden; margin-bottom:2rem;}
#index_k2 .ma a{ display:block; width:68px; line-height:26px; text-align:center; border:solid 2px #006dc6; color:#006dc6; font-size:.7rem; float:right; text-transform:uppercase;transition:background 0.5s,color 0.5s;}
#index_k2 .ma a:hover{ background:#006dc6; color:#fff;}


}