@charset "utf-8";
/*首页*/
#banner{ background:#333;}
#index_banner{width:100%;height:650px;overflow:hidden;position:relative; margin-top:0px;}
#index_banner_list{width:100%;height:100%;}
#index_banner_list li{width:100%;height:100%;display:none;}
#index_banner_list li a{display:block;width:100%;height:100%;padding:0;text-indent:-9999px;background:url() no-repeat top center;}
#prev_btn, #next_btn{width:170px;height:80px; display:block; }
#prev_btn{float:left;}
#next_btn{float:left; margin-left:1px;}
#index_banner_nav{width:100%;position:absolute;top:730px;left:0;text-align:center;}
#index_banner_nav a{display:inline-block;width:28px;height:9px;margin-right:8px;background:#fff;font-size:0; color:#333;}
#index_banner_nav a.this{background:#000; color:#000;}
/*-----------------------------------------------------------------*/
body {margin: 0px; font-size:12px; color:#999; line-height:24px; font-family:"微软雅黑"; background:#fff;}
td{font-size:12px; color:#999; line-height:24px; font-family:Arial, Helvetica, sans-serif;}

*{ padding:0; margin:0}

#index1{ width:1200px; margin:0 auto; overflow:hidden;}
#index1 .a1{ float:left;}
#index1 .a2{ float:right;}
#index1 .a2 .b1{ text-align:right; line-height:42px;}
#index1 .a2 .b1 a{ color:#999; text-decoration:none;}
#index1 .a2 .b1 a:hover{ color:#000;}
#index1 .a2 .b2{ border:solid 1px #eee; overflow:hidden;}
#index1 .a2 .b2 input{ width:188px; height:30px; border:none; line-height:30px; float:left;}
#index1 .a2 .b2 a{ display:block; float: left;}

#index2{ width:100%; overflow:hidden; background:#014493; height:40px;}
.log{ width:1200px; margin:0 auto; overflow:hidden;}
.log ul{ list-style:none; border-right:solid 1px #4E7CB4; overflow:hidden;}
.log ul li{ float:left; width:14.28%;}
.log ul li a{ display:block; line-height:40px; color:#fff; transition:background 0.5s,color 0.5s; font-size:14px; text-align:center; text-decoration:none; border-left:solid 1px #4E7CB4;}
.log ul li a:hover{ background:#fff; color:#014493;}

.alog{ position:absolute; width:172px; background:#014493; z-index:20; display:none;}

#index3{ width:1200px; margin:0 auto; overflow:hidden;}
#index3 .a0{ width:1300px;}
#index3 .a1{ width:282px; float:left; margin-right:24px; margin-top:34px;}
#index3 .a1 .b1{ line-height:60px; font-size:18px; color:#000;}
#index3 .a1 .b1 span{ color:#ccc; font-family:Arial, Helvetica, sans-serif; margin-left:5px;}
#index3 .a1 .b2{}
#index3 .a1 .b3{ color:#999; padding:20px 0; border-bottom:solid 1px #eee; transition:border 0.5s;}
#index3 .a1 .b3 a{ display:block; text-decoration:none; color:#999; display:block; transition:color 0.5s,text-decoration 0.5s;}
#index3 .a1 .b3 a span{ float:right;}
#index3 .a1 .b3 a:hover{ color:#000; text-decoration:underline;}
#index3 .a1 .b4{ line-height:70px;}
#index3 .a1 .b4 a{ color:#999; text-decoration:none; transition:color 0.5s;}
#index3 .a1 .b4 a:hover{ color:#000;}

#index3 .a1:hover .b3{ border-bottom:solid 1px #000;}

#index4{ width:1200px; margin:0 auto; overflow:hidden; border-top:solid 1px #eee; margin-top:px; padding-bottom:60px;}
#index4 .a1{ width:1200px; overflow:hidden;}
#index4 .a1 ul{ list-style:none; width:1300px;}
#index4 .a1 ul li{ float:left; width:282px; margin-right:24px; padding-top:50px;}
#index4 .a1 ul li a{ display:block; border:solid 1px #eee; text-align:left; padding:15px 22px; text-decoration:none; transition:border 0.5s;}
#index4 .a1 ul li a p span{ display:block; transition:border 0.5s; position:absolute; font-size:18px; color:#000; line-height:18px; width:134px; background:#fff; border-left:solid 1px #eee; border-right:solid 1px #eee; text-align:center; margin:154px 0 0 51px;}
#index4 .a1 ul li a:hover{ border:solid 1px #000;}
#index4 .a1 ul li a:hover p span{ border-left:solid 1px #000; border-right:solid 1px #000;}
#bottom{ width:100%; overflow:hidden; background:#014493; margin-top:75px;}
.bottom1{ width:1200px; margin:0 auto; text-align:left; color:#fff; padding-top:10px;}
.bottom1 a{ color:#fff; text-decoration:none; font-size:14px; line-height:60px;}
.bottom1 a:hover{ text-decoration:underline;}
.bottom1 .a1{ font-size:12px; line-height:14px;}
.bottom1 .a2{ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; line-height:32px;}
.bottom1 .a3{ line-height:18px; padding-top:15px; padding-bottom:40px;}

#bottom2{ width:1200px; margin:0 auto; color:#666; overflow:hidden; line-height:56px;}
#bottom2 span{ float:left;}

#about{ width:1200px; margin:0 auto; padding-top:40px; padding-bottom:60px; overflow:hidden;}
.left{ float:left; width:220px; overflow:hidden;}
.left .a1{ background:url(image/about_12.jpg) right no-repeat #014493; overflow:hidden; height:60px; font-size:18px; color:#fff; line-height:60px; padding-left:40px;}
.left .a2{ background:#eee; line-height:49px; border-bottom:solid 1px #ddd; border-top:solid 1px #fff;}
.left .a2 a{ display:block; font-size:14px; color:#000; text-decoration:none; padding-left:40px; transition:background 0.5s,color 0.5s;}
.left .a2 a p{ width:9px; height:3px; background:#D6D6D6; float:right; margin:25px 23px 0 0; transition:background 0.5s,width 0.5s;}
.left .a2 a:hover{ background:#014493; color:#fff;}
.left .a2 a:hover p{ width:20px; background:#fff;}
.left .a3{ padding-top:10px;}
.left .a3 a{ display:block; border:solid 1px #eee; transition:border 0.5s;}
.left .a3 a:hover{ border:solid 1px #000}

#content{ width:940px; float:right; overflow:hidden;}
.title{ border-bottom:solid 1px #eee; line-height:59px; font-size:24px; color:#000;}
.title p{ float:right; font-size:12px; color:#999;}
.title p a{text-decoration: none; color:#999;}
.cont{ padding-top:30px; font-size:14px;}

.pic{ width:940px; overflow:hidden; padding-top:40px;}
.pic ul{ list-style:none; width:1000px;}
.pic ul li{ float:left; margin-right:20px}
.pic ul li a{ display:block; text-align:center; color:#000; font-size:14px; line-height:40px; margin-bottom:20px; text-decoration:none; transition:background 0.5s,color 0.5s,margin 0.5s;}
.pic ul li a:hover{ background:#014493; color:#fff;}

#page{ padding-top:20px; overflow:hidden;}
#page ul{ list-style:none;}
#page ul li{ float:left; margin-right:10px}
#page ul li a{ display:block; border:solid 1px #eee; color:#000; text-decoration:none; line-height:40px; padding:0 20px; transition:border 0.5s;}
#page ul li a:hover{ border:solid 1px #014493;}
#page ul li a.it{ border:solid 1px #014493; color:#fff; background:#014493;}

.pro{ width:940px; overflow:hidden; padding-top:40px;}
.pro ul{ list-style:none; width:1000px;}
.pro ul li{ float:left; margin-right:20px;}
.pro ul li a{ display:block; text-align:center; font-size:14px; line-height:40px; margin-bottom:20px; text-decoration:none; transition:background 0.5s,color 0.5s,margin 0.5s; border:solid 1px #eee;}
.pro ul li a .a1{ width:298px; height:298px; overflow:hidden;}
.pro ul li a p{ color:#000; transition:color 0.5s;}
.pro ul li a .a1 img{ width:298px; height:298px; transition:width 0.5s,height 0.5s,margin 0.5s;}
.pro ul li a .a0{ position:absolute; width:298px; height:178px; padding-top:120px; background:rgba(0,0,0,0.6); display:none; line-height:30px; color:#fff; font-size:24px;}
.pro ul li a .a0 p{ font-size:12px;}
.pro ul li a:hover{ background:#000; color:#fff;}
.pro ul li a:hover p{ color:#fff;}
.pro ul li a:hover .a1 img{ width:400px; height:400px; margin:-51px 0 0 -51px;}

.news{ padding-top:30px; padding-bottom:20px; overflow:hidden;}
.news ul{ list-style:none;}
.news ul li{ border-bottom:solid 1px #eee; padding-bottom:20px; padding-top:20px;}
.news ul li .a1{ float:right; width:600px;}
.news ul li .a1 .b1{ line-height:50px;}
.news ul li .a1 .b1 a{ font-size:18px; color:#000; text-decoration:none;}
.news ul li .a1 .b1 span{ float:right;}
.news ul li .a1 .b2{ font-size:14px;}
.news ul li .a1 .b3{ padding-top:20px;}
.news ul li .a1 .b3 a{ display:block; border:solid 1px #eee; width:80px; line-height:30px; text-align:center; color:#999; text-decoration:none; transition:background 0.5s,color 0.5s,border 0.5s;}
.news ul li .a1 .b3 a:hover{ background:#014493; border:solid 1px #014493; color:#fff;}


.news1{ padding-top:30px; padding-bottom:20px; overflow:hidden;}
.news1 ul{ list-style:none;}
.news1 ul li{ border-bottom:solid 1px #eee; padding-bottom:20px; padding-top:20px;}
.news1 ul li .a1{width:940px; overflow:hidden;}
.news1 ul li .a1 .b1{ line-height:50px;}
.news1 ul li .a1 .b1 a{ font-size:18px; color:#000; text-decoration:none;}
.news1 ul li .a1 .b1 span{ float:right;}
.news1 ul li .a1 .b2{ font-size:14px;}
.news1 ul li .a1 .b3{ padding-top:20px;}
.news1 ul li .a1 .b3 a{ display:block; border:solid 1px #eee; width:80px; line-height:30px; text-align:center; color:#999; text-decoration:none; transition:background 0.5s,color 0.5s,border 0.5s;}
.news1 ul li .a1 .b3 a:hover{ background:#014493; border:solid 1px #014493; color:#fff;}


#probig{ text-align:center; overflow:hidden; margin-top:40px;}
#probig img{ border:solid 1px #eee;}

.pro_btn{ margin-top:20px; overflow:hidden;}
.pro_btn ul{ list-style:none; margin:0 auto;}
.pro_btn ul li{ float:left; margin:5px;}
.pro_btn ul li a{ display:block; border:solid 1px #eee; transition:border 0.5s;}
.pro_btn ul li a:hover{ border:solid 1px #000;}
.pro_btn ul li a img{ width:80px;}

.probig1{ width:100%; background:#000; color:#fff; overflow:hidden; margin-top:40px; font-size:18px; text-align:center; margin-bottom:10px; line-height:40px;}
.probig2{ padding:20px; font-size:14px;}

#probig3{ width:100%; margin-top:20px;}
#probig3 .a1{ line-height:40px; color:#d00; border-bottom:solid 1px #eee; text-indent:20px; margin-bottom:20px;}
#probig3 .a2{ padding-top:20px; overflow:hidden;}
#probig3 .a2 span{ display:block; float:left; line-height:40px; color:#000; font-size:14px; text-indent:20px; width:150px;}
#probig3 .a2 input{ width:700px; border:solid 1px #eee; height:40px; float:left;}
#probig3 .a2 textarea{ width:700px; border:solid 1px #eee; height:200px; float:left;}
#probig3 .a3{ padding:20px 20px 20px 150px;}
#probig3 .a3 input{ background:#eee; width:120px; height:40px; border:solid 1px #ddd; margin-right:10px;}


#index_a{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px;}
#index_a ul{ list-style:none; width:1300px;}
#index_a ul li{ float:left; width:276px; margin-right:32px;}
#index_a ul li p.a1{ font-size:18px; line-height:60px; color:#000;}
#index_a ul li p.a1 span{ color:#ccc; font-family:Arial, Helvetica, sans-serif; padding-left:10px;}
#index_a ul li p.a2{ line-height:24px; color:#999; font-size:12px; padding-top:20px;}
#index_a ul li p.a2 a{ display:block; width:100%; color:#999; text-decoration:none; line-height:24px; transition:color 0.5s;}
#index_a ul li p.a2 a span{ float:right; color:#999; font-size:12px; font-weight:normal;}
#index_a ul li p.a2 span{ font-size:18px; color:#014493; font-weight:bold; }
#index_a ul li p.a2 a:hover{ color:#014493}
#index_a ul li p.a3{ border-top:solid 1px #eee; padding:20px 0; margin-top:20px;}
#index_a ul li p.a3 a{ text-decoration:none; color:#999; transition:color 0.5s;}
#index_a ul li p.a3 a:hover{ color:#014493;}

#index_b{ width:1200px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:30px;}
#index_b ul{ list-style:none; width:1300px;}
#index_b ul li{ float:left; width:190px; margin-right:12px;}
#index_b ul li a{ display:block; text-decoration:none; color:rgba(255,255,255,0); font-size:14px; transition:color 0.5s;}
#index_b ul li a:hover{color:rgba(255,255,255,1);}
#index_b ul li a .over{ position:absolute; width:190px; height:332px; background:rgba(0,0,0,0); transition:background 0.5s;}
#index_b ul li a .over .kuang{ border:solid 1px rgba(255,225,255,0); transition:border 0.5s; width:150px; margin:0 auto; text-align:center; height:190px; padding-top:100px; margin-top:20px;}
#index_b ul li a .over .kuang img{opacity:0; transition:opacity 0.5s;}
#index_b ul li a:hover .over .kuang img{opacity:1;}
#index_b ul li a:hover .over{ background:rgba(0,0,0,0.8);}
#index_b ul li a:hover .over .kuang{ border:solid 1px rgba(255,255,255,1);}

.index_title{ padding-top:60px; text-align:center; overflow:hidden; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; line-height:36px; color:#000;}
.index_title p{ font-size:18px; line-height:20px; font-family:"微软雅黑"; font-weight:normal;}


#proli{ width:1200px; overflow:hidden; margin:30px auto 0 auto;}
#proli ul{ list-style:none; transition:margin 0.5s;}
#proli ul li{ float:left; margin-right:32px; width:276px;}
#proli ul li a{ display:block; border:solid 1px #eee; font-size:14px; background:#333; text-align:center; color:#fff; text-decoration:none; line-height:40px; transition:border 0.5s,background 0.5s,color 0.5s;}
#proli ul li a img{ width:100%;}
#proli ul li a:hover{ border:solid 1px #014493; background:#014493; color:#fff;}

#left{ width:56px; float:left; height:39px; text-align:center;}
#right{ width:56px; float:right; height:39px; text-align:center;}
#left a{ display:block; background:#333; line-height:39px; height:39px; transition:background 0.5s;}
#right a{ display:block; background:#333; line-height:39px; height:39px; transition:background 0.5s;}
#left a:hover{background:#014493;}
#right a:hover{background:#014493;}
#left a img{ margin-top:11px;}
#right a img{ margin-top:11px;}

.menu{ width:100%; overflow:hidden;}
.menu ul{ list-style:none;}
.menu ul li{ border-bottom:solid 1px #eee;}
.menu ul li a{ display:block; line-height:30px; color:#666; padding-left:40px; text-decoration:none; transition:background 0.5s,color 0.5s,padding 0.5s;}
.menu ul li a:hover{ background:#014493; color:#fff; padding-left:60px;}

#reason{ width:1200px; margin:0 auto; overflow:hidden; padding-top:40px;}
#reason ul{ list-style:none; width:1300px;}
#reason ul li{ float:left; width:276px; margin-right:32px;}
#reason ul li p.a1{ color:#999; line-height:16px; padding-top:10px;}
#reason ul li p.a2{ font-size:18px; line-height:20px; color:#014493;}
#reason ul li p.a3{ font-size:14px; color:#333; line-height:18px; padding-top:20px;}

#index_about{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px; font-size:14px; color:#666;}
#index_about p{ width:100%; overflow:hidden; padding:30px 0 50px 0;}
#index_about p a{ display:block; line-height:40px; width:150px; margin:0 auto;transition:background 0.5s; background:#014493; text-decoration:none; color:#fff; text-align:center; border-radius:50px; overflow:hidden;}
#index_about p a:hover{ background:#d00;}

#index_partner{ width:1200px; overflow:hidden; margin:30px auto 0 auto;}
#index_partner ul{ list-style:none; transition:margin 0.5s;}
#index_partner ul li{ float:left; margin-right:20px;}
#index_partner ul li a{ display:block; border:solid 1px #eee; font-size:14px; background:#333; text-align:center; color:#fff; text-decoration:none; line-height:40px; transition:border 0.5s,background 0.5s,color 0.5s;}
#index_partner ul li a:hover{ border:solid 1px #014493; background:#014493; color:#fff;}

#cleft{ width:56px; float:left; height:39px; text-align:center;}
#cright{ width:56px; float:right; height:39px; text-align:center;}
#cleft a{ display:block; background:#333; line-height:39px; height:39px; transition:background 0.5s;}
#cright a{ display:block; background:#333; line-height:39px; height:39px; transition:background 0.5s;}
#cleft a:hover{background:#014493;}
#cright a:hover{background:#014493;}
#cleft a img{ margin-top:11px;}
#cright a img{ margin-top:11px;}

#probig_content{ width:100%; padding-top:20px; font-size:14px;}
#probig_content p{ font-size:16px; color:#000; background:#eee; border-left:solid 10px #014493; margin-top:20px; line-height:40px; margin-bottom:20px; overflow:hidden; padding-left:20px;}
table{border-collapse:collapse;border-spacing:0; border-color:#ddd; width:100%; border:solid 1px #eee;}
table td{ padding:0 10px; color:#666; font-size:14px; line-height:40px;}

#partner{ width:940px; overflow:hidden; margin:30px auto 0 auto;}
#partner ul{ list-style:none; width:1000px;}
#partner ul li{ float:left; margin-right:13px; margin-bottom:30px;}
#partner ul li a{ display:block; border:solid 1px #eee; font-size:14px; background:#333; text-align:center; color:#fff; text-decoration:none; line-height:40px; transition:border 0.5s,background 0.5s,color 0.5s;}
#partner ul li a:hover{ border:solid 1px #014493; background:#014493; color:#fff;}

.sx1 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

#floata{position:fixed; z-index:50; right:0px; top:150px;}
#floata .closea{ cursor:pointer;}
#showa{position:fixed; z-index:50; right:0px; top:150px; display:none;cursor:pointer;}