@charset "utf-8";
/**/
ul{ list-style:none;}
@media(min-width:1000px){
#index1{ width:1200px; margin:80px auto; overflow:hidden;}
#index1 .l{ float:left; width:470px;}
#index1 .l p.a1{ font-size:30px; font-weight:900; line-height:60px; color:#000;}
#index1 .l p.a2{ padding-top:10px; padding-bottom:25px;}
#index1 .l p.a3{ color:#000;}
#index1 .l div.a4{ overflow:hidden; margin-top:25px;}
#index1 .l div.a4 ul li{ float:left; margin-right:80px;}
#index1 .l div.a4 ul li p.b1{ font-size:30px; color:#c10009; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; line-height:40px;}
#index1 .l p.a5{ margin-top:50px;}
#index1 .l p.a5 a{ display:block; width:53px; height:34px; background:url(image/bc1.png) center no-repeat; border:solid 2px #005ba8;}
#index1 .l p.a5 a:hover{ width:80px;}
#index1 .r{ float:right;}

#index2{ width:100%; background:url(image/di3.png) center top no-repeat; height:680px; overflow:hidden;}
#index2 .index_tt{ text-align:center; width:1200px; margin:60px auto 0 auto; overflow:hidden; color:#fff;}
#index2 .index_tt p.a1{ font-size:30px; line-height:60px; font-weight:900;}
#index2 .index_tt p.a2{ background:url(image/line3.png) center no-repeat; text-transform:uppercase;}

#index2 .index_pro{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
#index2 .index_pro ul{transition:margin 0.5s;}
#index2 .index_pro ul li{ width:276px; margin-right:32px; float:left;}
#index2 .index_pro ul li a{ display:block; background:#005ba8; text-align:center; line-height:50px; color:#fff;}
#index2 .index_pro ul li a img{ width:100%;}
#index2 .index_pro ul li a:hover{ background:#e70000;}

#index2 .index_change{ width:100%; text-align:center; padding-top:50px; overflow:hidden;}
#index2 .index_change p{ display:inline-block;}
#index2 .index_change p a.l{ display:block; margin:0 5px; float:left; width:48px; height:35px; border:solid 2px #005ba8; background:url(image/bc2.png) center no-repeat;}
#index2 .index_change p a.l:hover{ border:solid 2px #e70000;}
#index2 .index_change p a.r{ display:block; margin:0 5px; float:left; width:48px; height:35px; border:solid 2px #005ba8; background:url(image/bc3.png) center no-repeat #005ba8;}
#index2 .index_change p a.r:hover{ background:url(image/bc3.png) center no-repeat #e70000; border:solid 2px #e70000;}

#index3{ width:100%; background:#edf0f2; overflow:hidden;}
#index3 .index_tt{ text-align:center; width:1200px; margin:60px auto 0 auto; overflow:hidden; color:#000;}
#index3 .index_tt p.a1{ font-size:30px; line-height:60px; font-weight:900;}
#index3 .index_tt p.a2{ background:url(image/line4.png) center repeat-x; text-transform:uppercase;}
#index3 .index_tt p.a2 span{ background:#edf0f2; color:#005ba8; padding:0 20px;}
#index3 .index_news{ width:1200px; margin:50px auto 70px auto; overflow:hidden;}
#index3 .index_news .l{ float:left; width:380px; overflow:hidden;}
#index3 .index_news .l a{ display:block; background:#005ba8; color:#fff;}
#index3 .index_news .l a:hover{ background:#e70000;}
#index3 .index_news .l a div{ height:60px; padding:20px;}
#index3 .index_news .l a div .a1{ font-size:18px; font-weight:900; line-height:40px; white-space:nowrap; overflow:hidden;}
#index3 .index_news .l a div .a2{ font-size:12px; line-height:20px;}
#index3 .index_news .r{ float:right; width:820px;}
#index3 .index_news .r ul li{ width:380px; height:180px;background:#fff; transition:background 0.5s; float:left; margin-left:30px; margin-bottom:30px;}
#index3 .index_news .r ul li a{  display:block; padding:20px;}
#index3 .index_news .r ul li a p.a1{ font-size:16px; color:#005ba8;  white-space:nowrap; overflow:hidden; line-height:35px;}
#index3 .index_news .r ul li a p.a2{ font-size:12px; line-height:18px; color:#666;}
#index3 .index_news .r ul li a p.a3{ font-size:12px; color:#000; margin-top:25px;}
#index3 .index_news .r ul li:hover{ background:#e70000;}
#index3 .index_news .r ul li a:hover p.a1{ color:#fff;}
#index3 .index_news .r ul li a:hover p.a2{ color:#fff;}
#index3 .index_news .r ul li a:hover p.a3{ color:#fff;}

#index4{ width:1200px; margin:0 auto; overflow:hidden;}
#index4 .index_tt{ text-align:center; width:1200px; margin:60px auto 0 auto; overflow:hidden; color:#000;}
#index4 .index_tt p.a1{ font-size:30px; line-height:60px; font-weight:900;}
#index4 .index_tt p.a2{ background:url(image/line4.png) center repeat-x; text-transform:uppercase;}
#index4 .index_tt p.a2 span{ background:#fff; color:#005ba8; padding:0 20px;}
#index4 .index_service{ width:100%; overflow:hidden; margin:30px auto 70px auto;}
#index4 .index_service ul{ float:left; width:600px;}
#index4 .index_service ul li{ float:left; width:290px; height:160px; margin:0 10px 10px 0;}
#index4 .index_service ul li.a2{background:#ddedfa;}
#index4 .index_service ul li.a2 a{ display:block; text-align:center; color:#005ba8; font-size:18px; line-height:40px;}
#index4 .index_service ul li.a3{background:#f7e1e1;}
#index4 .index_service ul li.a3 a{ display:block; text-align:center; color:#c10009; font-size:18px; line-height:40px;}
#index4 .index_service ul li a img{ margin-top:30px;}
}
@media(max-width:800px){
#index1{ width:90%; margin:40px auto; overflow:hidden;}
#index1 .l{ width:90%;}
#index1 .l p.a1{ font-size:20px; font-weight:900; line-height:30px; color:#000;}
#index1 .l p.a2{ padding-top:10px; padding-bottom:25px;}
#index1 .l p.a3{ color:#000; font-size:.9rem;}
#index1 .l div.a4{ overflow:hidden; margin-top:20px;}
#index1 .l div.a4 ul li{ float:left; margin-right:5%; width:45%; line-height:1rem;}
#index1 .l div.a4 ul li p.b1{ font-size:24px; color:#c10009; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; line-height:30px;}

#index1 .l p.a5{ margin-top:30px; margin-bottom:30px;}
#index1 .l p.a5 a{ display:block; width:53px; height:34px; background:url(image/bc1.png) center no-repeat; border:solid 2px #005ba8;}
#index1 .l p.a5 a:hover{ width:80px;}
#index1 .r{ width:100%;}
#index1 .r img{ width:100%;}

#index2{ width:100%; background:url(image/di3.png) center top no-repeat; padding-bottom:40px; overflow:hidden;}
#index2 .index_tt{ text-align:center; width:90%; margin:40px auto 0 auto; overflow:hidden; color:#fff;}
#index2 .index_tt p.a1{ font-size:24px; line-height:40px; font-weight:900;}
#index2 .index_tt p.a2{ background:url(image/line3.png) center no-repeat; text-transform:uppercase;}

#index2 .index_pro{ width:100%; margin:40px auto 0 auto; overflow:hidden;}
#index2 .index_pro ul{transition:margin 0.5s;}
#index2 .index_pro ul li{float:left;}
#index2 .index_pro ul li a{ display:block; background:#005ba8; text-align:center; width:95%; margin:0 auto; line-height:50px; color:#fff;}
#index2 .index_pro ul li a img{ width:100%;}

#index2 .index_change{ width:100%; text-align:center; padding-top:50px; overflow:hidden;}
#index2 .index_change p{ display:inline-block;}
#index2 .index_change p a.l{ display:block; margin:0 5px; float:left; width:48px; height:35px; border:solid 2px #005ba8; background:url(image/bc2.png) center no-repeat;}
#index2 .index_change p a.l:hover{ border:solid 2px #e70000;}
#index2 .index_change p a.r{ display:block; margin:0 5px; float:left; width:48px; height:35px; border:solid 2px #005ba8; background:url(image/bc3.png) center no-repeat #005ba8;}

#index3{ width:100%; background:#edf0f2; overflow:hidden;}
#index3 .index_tt{ text-align:center; width:90%; margin:40px auto 0 auto; overflow:hidden; color:#000;}
#index3 .index_tt p.a1{ font-size:24px; line-height:40px; font-weight:900;}
#index3 .index_tt p.a2{ background:url(image/line4.png) center repeat-x; text-transform:uppercase;}
#index3 .index_tt p.a2 span{ background:#edf0f2; color:#005ba8; padding:0 20px;}
#index3 .index_news{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#index3 .index_news .l{ float:left; width:100%; overflow:hidden;}
#index3 .index_news .l img{ width:100%;}
#index3 .index_news .l a{ display:block; background:#005ba8; color:#fff;}
#index3 .index_news .l a:hover{ background:#e70000;}
#index3 .index_news .l a div{ height:60px; padding:20px;}
#index3 .index_news .l a div .a1{ font-size:18px; font-weight:900; line-height:40px; white-space:nowrap; overflow:hidden;}
#index3 .index_news .l a div .a2{ font-size:12px; line-height:20px;}
#index3 .index_news .r{ float:right; width:100%;}
#index3 .index_news .r ul li{ width:100%;background:#fff; transition:background 0.5s; float:left; margin-top:30px;}
#index3 .index_news .r ul li a{  display:block; padding:20px;}
#index3 .index_news .r ul li a p.a1{ font-size:16px; color:#005ba8;  white-space:nowrap; overflow:hidden; line-height:35px;}
#index3 .index_news .r ul li a p.a2{ font-size:12px; line-height:18px; color:#666;}
#index3 .index_news .r ul li a p.a3{ font-size:12px; color:#000; margin-top:25px;}


#index4{ width:90%; margin:0 auto; overflow:hidden;}
#index4 .index_tt{ text-align:center; width:100%; margin:40px auto 0 auto; overflow:hidden; color:#000;}
#index4 .index_tt p.a1{ font-size:24px; line-height:40px; font-weight:900;}
#index4 .index_tt p.a2{ background:url(image/line4.png) center repeat-x; text-transform:uppercase;}
#index4 .index_tt p.a2 span{ background:#fff; color:#005ba8; padding:0 20px;}
#index4 .index_service{ width:100%; overflow:hidden; margin:30px auto 20px auto;}
#index4 .index_service ul{ float:left; width:100%;}
#index4 .index_service ul li{ float:left; margin-bottom:10px; padding-bottom:1rem;}
#index4 .index_service ul li.a1{ display:none;}
#index4 .index_service ul li.a2{background:#ddedfa; width:48%; margin-right:2%;}
#index4 .index_service ul li.a2 a{ display:block; text-align:center; color:#005ba8; font-size:18px; line-height:40px;}
#index4 .index_service ul li.a3{background:#f7e1e1; width:48%; margin-left:2%;}
#index4 .index_service ul li.a3 a{ display:block; text-align:center; color:#c10009; font-size:18px; line-height:40px;}
#index4 .index_service ul li a img{ margin-top:30px; height:3rem;}
#index4 .index_service dd{ width:100%;}
#index4 .index_service dd img{ width:100%;}
}