@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}

*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a{font-size:14px; color:#000; text-decoration:none; transition:background 0.5s,color 0.5s,border 0.5s,width 0.5s,padding 0.5s,margin 0.5s;}
ul{ list-style:none;}
img{ padding:0; margin:0;}

@media(min-width:900px){
/*banner*/
.swiper-container1 {width:100%; margin-left:auto; margin-right:auto; }
.swiper-container2 {width:100%; margin-left:auto; margin-right:auto; }
.swiper-container3 {width:100%; margin-left:auto; margin-right:auto; }
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.swiper-slide{ overflow:hidden;}
.swiper-slide img{ width:100%;}

.kuang{ width:1320px; margin:0 auto;}

/*ind_pic*/
.ind_app {width:100%; margin-left:auto; margin-right:auto; }
.ind_app .swiper-slide {text-align: center;font-size: 18px;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.ind_app .swiper-slide{ overflow:hidden; text-align:center; background:none; padding-top:20px;}
.ind_app .swiper-slide a{ padding:10px; display:block; font-size:14px; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px; color:#004590;}
.ind_app .swiper-slide a div{ overflow:hidden;}
.ind_app .swiper-slide a img{width:100%;transition:All 2s ease-in-out;  -webkit-transition:All 2s ease-in-out;  -moz-transition:All 2s ease-in-out;  -o-transition:All 2s ease-in-out;}
.ind_app .swiper-slide a:hover img{transform:scale(1.15);}
.ind_app .swiper-slide a p{line-height:60px;}
.ind_app .swiper-slide a:hover{ background:#fff; box-shadow:0px 5px 10px rgba(0,0,0,0.1); margin-top:0px; color:#1e2188;}
.ind_app .swiper-button-next{ display:inherit;}
.ind_app .swiper-button-prev{ display:inherit;}


#top{ width:100%;  background:#ccdef2;}
#top1{ width:100%; overflow:hidden;}

#top_wechat{ position:absolute; z-index:500; margin:40px 0 0 900px; display:none;}
#top_wechat img{ width:100px;}

#top0{ width:100%; overflow:hidden; background:#004590;}
#top0 .top0{ width:1200px; margin:0 auto; overflow:hidden; text-align:right;}
#top0 .top0 p{ float:right;}
#top0 .top0 p.k1 a{ line-height:40px; color:#fff; margin-right:20px;}
#top0 .top0 p.k1 a img{ margin-right:5px;}
#top0 .top0 p.k2{ border:solid 1px #336aa6; overflow:hidden; margin-top:5px; transition:border 0.5s;}
#top0 .top0 p.k2:hover{border:solid 1px #fff;}
#top0 .top0 p.k2 input{ background:none; width:150px; text-indent:10px; height:28px; color:#fff;}
#top0 .top0 p.k2 input::placeholder{ color:#6eaef3;}
#top0 .top0 p.k2 a{ display:block; float:right;}

#top_k{ width:1200px; margin:0 auto; overflow:hidden;}
#logo{ float:left;}
#menu{ float:right; }
#menu ul li{float:left;}
#menu ul li a{ display:block; line-height:90px; font-size:16px; padding:0 20px;}
#menu ul li a:hover{ background:#004590; color:#fff;}

#menu ul li .zmenu{ min-width:150px;position:absolute; z-index:500; background:#ccdef2; display:none;}
#menu ul li .zmenu div.p a{ font-size:14px; line-height:40px; color:#000;}
#menu ul li .zmenu div.p a:hover{color:#fff; padding-left:30px;}

#close{ display:none;}
#mbtn{ display:none;}

#lan{ float:right;}
#lan a{ display:block; background:#f7f7f7; line-height:30px; border-radius:5px; width:102px; text-align:center; margin-top:25px; color:#666; font-family:Arial, sans-serif;}
#lan a img{ vertical-align:middle; margin-right:2px; margin-bottom:3px;}
#lan a:hover{ color:#fff; background:#1b1e87;}

#index1{ background:url(image/back1.png) no-repeat center top;}

#company{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
#company ul{ width:100000px;transition:margin 0.5s;}
#company ul li{ width:380px; float:left; margin-right:30px;}
#company ul li a{ display:block; background:#fff;}
#company ul li a p.tt{ font-size:24px; padding-top:10px; line-height:80px; color:#004590; text-align:center; font-weight:900;}
#company ul li a p.con{ padding:0 30px 30px 30px; color:#666;}
#company ul li a:hover{ background:#004590; color:#fff;}
#company ul li a:hover p.tt{ color:#fff;}
#company ul li a:hover p.con{ color:#fff;}

/*ind_pic*/
#company_kuang{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
.ind_company {width:100%; margin-left:auto; margin-right:auto; }
.ind_company .swiper-slide {text-align: center;font-size: 18px;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.ind_company .swiper-slide{ overflow:hidden; text-align:center; background:none;}
.ind_company .swiper-slide a{ background:#fff; display:block; font-size:14px; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s;}
.ind_company .swiper-slide a p.tt{ font-size:24px; padding-top:10px; line-height:80px; color:#004590; text-align:center; font-weight:900;}
.ind_company .swiper-slide a p.con{ padding:0 30px 30px 30px; color:#666; text-align:left;}
.ind_company .swiper-slide a img{width:100%;}
.ind_company .swiper-slide a:hover{ background:#004590; color:#fff;}
.ind_company .swiper-slide a:hover p.tt{ color:#fff;}
.ind_company .swiper-slide a:hover p.con{ color:#fff;}
.ind_company .swiper-button-next{ display:inherit;}
.ind_company .swiper-button-prev{ display:inherit;}


#index_page1{ padding:50px 0 70px 0;}


.index_title{ overflow:hidden; text-align:center; font-size:36px; font-weight:900; line-height:50px; color:#001434; padding-top:60px;}
.index_title p{ font-size:12px; color:#666; font-weight:100; line-height:24px;}

#index2{ width:100%; background:url(image/back2.png) no-repeat top center; overflow:hidden;}
#index2 .tt{ overflow:hidden; text-align:center; font-size:36px; font-weight:900; line-height:50px; color:#fff; padding-top:60px; width:1200px; margin:0 auto;}
#index2 .tt p{ font-size:12px; color:#fff; font-weight:100; line-height:24px; background:url(image/line.png) repeat-x center;}
#index2 .tt p span{ background:#17264b; padding:0 15px;}

#index_news{ width:1200px; margin:0 auto; overflow:hidden; padding:30px 0 0px 0;}
#index_news .a1{ float:left;}
#index_news .a1 p{ display:none;}
#index_news .a2{ float:right; width:610px; overflow:hidden; background:url(image/k3.png) repeat-y 8px top;}
#index_news .a2 ul li{ padding:15px 0 10px 0;}
#index_news .a2 ul li a{ display:block; background:url(image/k2.png) no-repeat left top; padding-left:38px; color:#fff;}
#index_news .a2 ul li a p.b1{ color:#fff; font-size:14px; line-height:18px;}
#index_news .a2 ul li a p.b2{ font-size:16px; line-height:30px;}
#index_news .a2 ul li a p.b3{ font-size:12px; color:rgba(255,255,255,0.3); border-bottom:solid 1px rgba(255,255,255,0.1); padding-bottom:16px; transition:border 0.5s;}
#index_news .a2 ul li a:hover p.b3{ border-bottom:solid 1px rgba(255,255,255,1);}

#more{ overflow:hidden; padding:30px 0 40px 0;}
#more a{ display:block; width:76px; line-height:28px; color:#fff; border:solid 2px #fff; margin:0 auto; overflow:hidden; text-align:center; font-size:12px;}
#more a:hover{ width:90px; color:#c00; border:solid 2px #c00;}

#index3{ width:100%; background:#f5fafe; overflow:hidden; padding-bottom:70px;}

.index_pic{ width:1230px; margin:20px auto 0 auto; overflow:hidden; padding-bottom:20px; display:none;}
.index_pic ul{ width:10000px; transition:margin 0.5s;}
.index_pic ul li{ float:left; margin:0 7.5px;}
.index_pic ul li a{ padding:10px; display:block; font-size:18px; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px;}
.index_pic ul li a div{ overflow:hidden;}
.index_pic ul li a img{ width:100%;transition:All 2s ease-in-out;  -webkit-transition:All 2s ease-in-out;  -moz-transition:All 2s ease-in-out;  -o-transition:All 2s ease-in-out;}
.index_pic ul li a:hover img{transform:scale(1.15);}
.index_pic ul li a p{line-height:60px;}
.index_pic ul li a:hover{ background:#fff; box-shadow:0px 5px 10px rgba(0,0,0,0.1); margin-top:0px; color:#1e2188;}

.index_page{ text-align:center; overflow:hidden; width:100%;}
.index_page ul{ display:inline-block;}
.index_page ul li{ float:left; margin:0 5px; padding:5px 0;}
.index_page ul li a{ display:block; background:#fff; border-radius:3px; box-shadow:2px 0px 3px rgba(0,0,0,0.1);}
.index_page ul li.a1 a{ width:68px; height:40px; background:url(image/bit1.png) no-repeat 0 center #fff;}
.index_page ul li.a1 a:hover{ background:url(image/bit1.png) no-repeat -68px center #004590;}

.index_page ul li.a2 a{ width:88px; height:40px; background:url(image/bit3.png) no-repeat 0 -40px #fff;}
.index_page ul li.a2 a:hover{ background:url(image/bit3.png) no-repeat 0 0 #004590;}

.index_page ul li.a3 a{ width:68px; height:40px; background:url(image/bit2.png) no-repeat -68px center #fff;}
.index_page ul li.a3 a:hover{ background:url(image/bit2.png) no-repeat 0 center #004590;}

#index4{ background:url(image/back3.png) no-repeat center top; overflow:hidden;}

#index_about{ width:1200px; margin:80px auto 84px auto; overflow:hidden;}
#index_about .a1{ float:left; width:540px; overflow:hidden;}
#index_about .a1 p.b1{ font-size:30px; color:#004590; line-height:80px; font-weight:900;}
#index_about .a1 p.b2{ font-size:14px; color:#666; line-height:24px;}
#index_about .a1 p.b3{ margin-top:50px; overflow:hidden;}
#index_about .a1 p.b3 span{ display:block; float:left; margin-right:60px;}
#index_about .a1 p.b3 span font{ font-family:myfont; color:#c00; font-size:48px; line-height:60px;}

#index_about .a2{ float:right; overflow:hidden;}


#bottom{ width:100%; background:url(image/back4.png) no-repeat center top; overflow:hidden; padding-top:40px; }
#bottom .bottom{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
#bottom .bottom .a1{ float:left; width:180px; overflow:hidden;}
#bottom .bottom .a2{ float:left; width:300px; overflow:hidden;}
#bottom .bottom .a3{ float:left; width:180px; overflow:hidden;}
#bottom .bottom .a5{ float:left; width:100px; overflow:hidden;}
#bottom .bottom .a5 img{ width:100%;}

#bottom .bottom .kk p.tt{ font-size:18px; color:#fff; line-height:60px;}
#bottom .bottom .kk p.btn a{ color:rgba(255,255,255,0.6);}
#bottom .bottom .kk p.btn a:hover{ color:#fff; padding-left:10px;}

#bottom .bottom .a4{ float:right; width:300px; overflow:hidden;}
#bottom .bottom .a4 p.tt{ font-size:18px; color:#fff; line-height:60px;}
#bottom .bottom .a4 p.con{ color:rgba(255,255,255,0.6);}
#bottom .bottom .a4 p.btn{ overflow:hidden; margin:16px 0 0 0;}
#bottom .bottom .a4 p.btn a{ margin-right:4px;}
#bottom .bottom .a4 p.link{ margin-top:20px;}
#bottom .bottom .a4 p.link select{ border:solid 1px rgba(255,255,255,0.5); width:258px; line-height:36px; background:none; color:rgba(255,255,255,0.3); line-height:34px; height:36px; text-indent:10px; appearance:none;-webkit-appearance:none;-moz-appearance:none; background:url(image/k4.png) no-repeat 94% center;}
#bottom .bottom .a4 p.link select option{ background:#000; color:#fff; height:40px;cursor: pointer;}

#bottom1{ width:1200px; margin:0 auto; overflow:hidden; font-size:12px; color:#fff; line-height:70px; border-top:solid 1px rgba(255,255,255,0.2); text-transform:uppercase; padding-bottom:20px;}
#mbottom{ display:none;}
#mbottom1{ display:none;}

#zbanner{ width:100%; overflow:hidden;}
#zbanner img{ width:100%;}

#zhi_menu{ width:100%; overflow:hidden; background:#dfebf8;}
#zhi_menu ul{ width:1200px; margin:0 auto; border-left:solid 1px #fff; overflow:hidden;}
#zhi_menu ul li{ float:left; width:12.5%;}
#zhi_menu ul li a{ display:block; line-height:60px; border-right:solid 1px #fff; text-align:center; color:#004590; font-size:16px;}
#zhi_menu ul li a:hover{ background:#004590; color:#fff;}
#zhi_menu ul li a.it{ background:#004590; color:#fff;}

#zhi_menu ul li .k_menu{ float:left; margin:0 auto; overflow:hidden; background:#f7f7f7; position:absolute; display:none;}
#zhi_menu ul li .k_menu dl{ margin:30px auto; overflow:hidden;}
#zhi_menu ul li .k_menu dl dd{ float:left; width:150px;  height:150px;}
#zhi_menu ul li .k_menu dl dd a{ display:block;  line-height:40px; text-align:left; border:0; text-indent:20px; line-height:30px;}
#zhi_menu ul li .k_menu dl dd p.tt{ margin-bottom:1px;}
#zhi_menu ul li .k_menu dl dd p.tt a{ font-size:16px; line-height:40px; font-weight:900; color:#000;}
#zhi_menu ul li .k_menu dl dd p.tt a:hover{ background:#c00; color:#fff;}
#zhi_menu ul li .k_menu dl dd div p{ margin-bottom:1px;}


#title{ width:1200px; margin:0 auto; overflow:hidden; text-align:center; padding-top:50px;}
#title p.a1{ font-size:36px; font-weight:900; line-height:50px; color:#000;}
#title p.a2{ font-size:14px; color:#999; background:url(image/line1.png) repeat-x center;}
#title p.a2 span{ background:#fff; padding:0 20px;}

#content{ width:1200px; margin:30px auto 60px auto; overflow:hidden; font-size:16px; line-height:2;} 
#content p.org{ text-align:center}

#history_con{ width:1200px; margin:60px auto; overflow:hidden; background:url(image/line2.jpg) center repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) center 30px no-repeat; overflow:hidden; padding-top:30px; margin-bottom:0px; }
#history_con dl dd span{ width:45%; float:left; text-align:right; font-size:18px; color:#000; font-weight:900; line-height:20px;}
#history_con dl dd p{ float:right; width:45%; text-align:left; border-bottom:solid 1px #ddd; line-height:20px; font-size:16px; padding-bottom:20px;}

#history_con dl dd.myit span{ width:45%; float:right; text-align:left;}
#history_con dl dd.myit p{ float:left; width:45%; text-align:right; border-bottom:solid 1px #ddd;}

#history_more{ width:100%; overflow:hidden; margin:0 auto 80px auto;}
#history_more a{ display:block; margin:0 auto; width:120px; margin:0 auto; background:#eee; text-align:center; border-radius:50px; line-height:40px;}
#history_more a:hover{ width:150px; background:#004590; color:#fff;}

#honor{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#honor ul{ width:1300px;}
#honor ul li{ width:285px; margin-right:20px; float:left; margin-bottom:20px;}
#honor ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#honor ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#honor ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#honor ul li a img:hover{transform:scale(1.15);}
#honor ul li a:hover{ background:#004590; color:#fff;}

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 80px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; border:solid 1px #eee;}
#page ul li a:hover{ background:#004590; color:#fff;}
#page ul li a.it{ background:#004590; color:#fff;}

#workshop{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#workshop ul{ width:1300px;}
#workshop ul li{ width:380px; margin-right:30px; float:left; margin-bottom:20px;}
#workshop ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#workshop ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#workshop ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#workshop ul li a img:hover{transform:scale(1.15);}
#workshop ul li a:hover{ background:#004590; color:#fff;}

#news_menu{ width:100%; overflow:hidden; background:#dfebf8; text-align:center;}
#news_menu ul{ margin:0 auto; border-left:solid 1px #fff; overflow:hidden; display:inline-block;}
#news_menu ul li{ float:left; width:200px;}
#news_menu ul li a{ display:block; line-height:60px; border-right:solid 1px #fff; text-align:center; color:#004590; font-size:16px;}
#news_menu ul li a:hover{ background:#004590; color:#fff;}
#news_menu ul li a.it{ background:#004590; color:#fff;}

#news{ width:1200px; margin:0 auto 40px auto; overflow:hidden;}
#news ul li{ border-bottom:solid 1px #eee;}
#news ul li a{ display:block; overflow:hidden; padding-bottom:10px;}
#news ul li a div{ overflow:hidden;}
#news ul li a img{ float:left; margin-right:40px; width:380px;}
#news ul li a p.tt{ font-size:18px; color:#000; line-height:60px; font-weight:900;}
#news ul li a p.con{ color:#666;}
#news ul li a p.more{ width:120px; background:#eee; border-radius:5px; margin-top:40px; text-align:center; color:#18258b; line-height:40px; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:14px; color:#999; line-height:40px;}
#news ul li a:hover p.more{background:#004590; color:#fff; width:150px;}

.news_title{font-size:30px; font-weight:bold; color:#000;}

#pro_menu{ width:100%; overflow:hidden; background:#dfebf8; text-align:center;}
#pro_menu ul{ margin:0 auto; border-left:solid 1px #fff; overflow:hidden; display:inline-block;}
#pro_menu ul li{ float:left; width:200px;}
#pro_menu ul li a{ display:block; line-height:60px; border-right:solid 1px #fff; text-align:center; color:#004590; font-size:16px;}
#pro_menu ul li a:hover{ background:#004590; color:#fff;}
#pro_menu ul li a.it{ background:#004590; color:#fff;}

#pro_menu ul li .pro_zbtn{ width:100%; float:left; margin:0 auto; overflow:hidden; background:#f7f7f7; position:absolute; left:0; display:none;}
#pro_menu ul li .pro_zbtn dl{ width:1200px; margin:30px auto; overflow:hidden;}
#pro_menu ul li .pro_zbtn dl dd{ float:left; width:220px; margin-right:18px; border-left:solid 1px #ddd; height:250px;}
#pro_menu ul li .pro_zbtn dl dd a{ display:block;  line-height:40px; text-align:left; border:0; text-indent:20px; line-height:30px; font-size:14px;}
#pro_menu ul li .pro_zbtn dl dd p.tt{ margin-bottom:1px;}
#pro_menu ul li .pro_zbtn dl dd p.tt a{ font-size:16px; line-height:40px; font-weight:900; color:#000;}
#pro_menu ul li .pro_zbtn dl dd p.tt a:hover{ background:#c00; color:#fff;}
#pro_menu ul li .pro_zbtn dl dd div p{ margin-bottom:1px;}

#p_close{ display:none;}

#pro{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#pro ul{ width:1300px;}
#pro ul li{ width:285px; margin-right:20px; float:left; margin-bottom:20px;}
#pro ul li a{ display:block; line-height:20px; text-align:left;  background:#f7f7f7; overflow:hidden;}
#pro ul li a p{padding:10px;}
#pro ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#pro ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#pro ul li a img:hover{transform:scale(1.15);}
#pro ul li a:hover{ background:#004590; color:#fff;}

#bigpro{ width:1200px; margin:30px auto 60px auto; overflow:hidden;}
#bigpro .a1{ float:left}
#bigpro .a2{ width:560px; float:right; font-size:16px;}
#bigpro .a2 p{ border-bottom:solid 1px #eee; line-height:60px;}
#bigpro .a2 p span{ font-weight:900; color:#000; padding-right:20px;}
#bigpro .a2 p a{ color:#004590;}
#bigpro .a2 p a span{ font-weight:900; padding-right:20px;}
#bigpro .a2 p a:hover{ color:#c00; text-decoration:underline;}

#job_menu{ width:100%; overflow:hidden; background:#dfebf8; text-align:center;}
#job_menu ul{ margin:0 auto; border-left:solid 1px #fff; overflow:hidden; display:inline-block;}
#job_menu ul li{ float:left; width:200px;}
#job_menu ul li a{ display:block; line-height:60px; border-right:solid 1px #fff; text-align:center; color:#004590; font-size:16px;}
#job_menu ul li a:hover{ background:#004590; color:#fff;}
#job_menu ul li a.it{ background:#004590; color:#fff;}

#job_menu ul li .dang{ position:absolute; background:#eee; display:none;}
#job_menu ul li .dang p{ width:200px; border-top:solid 1px #fff;}
#job_menu ul li .dang p a{ display:block; line-height:50px; background:#eee; color:#666;}
#job_menu ul li .dang p a:hover{ background:#004590; color:#fff;}

#job{ width:1200px; margin:0 auto 40px auto; overflow:hidden; padding-top:10px;}
#job ul{ list-style:none; width:auto;}
#job ul li{ overflow:hidden; border-bottom:solid 1px #eee; padding:20px 0;}
#job ul li p{ float:left; width:20%;}
#job ul li p.yp{ float:left; width:100%;}
#job ul li p span{ color:#000; font-weight:bold;}
#job ul li p.beiz{ width:100%; padding-top:10px;}
#job ul li p a{ float:right; display:block; background:#e4f0f4; width:100px; color:#0051a3; transition:width 0.5s,color 0.5s,background 0.5s; text-align:center; line-height:36px; border-radius:5px; margin-top:30px;}
#job ul li p a:hover{ width:120px; color:#fff; background:#0051a3}


#wyjob{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#wyjob p{ padding-top:20px; float:left; width:25%;}
#wyjob p.content{ width:98.2%;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#wyjob p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#wyjob p a{ display:block; background:#0f3d80; color:#fff; transition:background 0.5s; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ background:#d40012;}

#feedback{ width:1200px; margin:0 auto 60px auto; overflow:hidden;}
#feedback p{ padding-top:20px; float:left; width:25%;}
#feedback p.content{ width:98.2%;}
#feedback p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#feedback p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#feedback p a{ display:block; background:#0f3d80; color:#fff; transition:background 0.5s; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px;}
#feedback p a:hover{ background:#d40012;}

#contact{ width:1200px; margin:30px auto 50px auto; overflow:hidden;}
#contact .a1{width:560px; float:left;}
#contact .a2{width:600px; float:right;}
#contact p{ border-bottom:solid 1px #eee; line-height:60px;}
#contact p.tt{ font-size:24px; font-weight:900; color:#000; line-height:70px;}

#contact1{ width:1200px; margin:0 auto 60px auto; overflow:hidden;}
#contact1 .tt{ text-align:center; font-size:24px; color:#000; line-height:60px;}

.company_list{ width:1200px; margin-top:20px; overflow:hidden;}
.company_list ul{ width:1300px;}
.company_list ul li{ width:263px; float:left; margin-right:20px; margin-bottom:30px; border:solid 1px #eee; padding:10px; height:160px;}
.company_list ul li p.tc{ font-size:16px; color:#000; font-weight:bold;}

.botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;}
.botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;}
.botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;}
.botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right}
.botbox .newpage span a{color: #404040;}













}