@charset "utf-8";
/*首页*/
#banner{ background:#333; overflow:hidden; width:100%; height:500px;}
#index_banner{width:100%;height:500px;overflow:hidden;position:relative; margin-top:0px;}
#index_banner_list{width:100%;height:500px;}
#index_banner_list li{width:100%;height:500px;display:none;}
#index_banner_list li a{display:block;width:100%; height:500px; padding:0;text-indent:-9999px;background:url() no-repeat top center;}
#prev_btn, #next_btn {	width: 40px;	height: 61px;	display: block;	position: absolute;	top:210px; display:none;}
#prev_btn {	left: 0px;}
#next_btn {	right: 0px;}
#index_banner_nav{width:100%;position:absolute;top:470px;left:0;text-align:center;}
#index_banner_nav a{display:inline-block;width:33px;height:11px;margin-right:8px;background:#fff;font-size:0; color:#333;}
#index_banner_nav a.this{background:#E41E1D; color:#E41E1D;}
/*-----------------------------------------------------------------*/
body {margin: 0px; font-size:14px; color:#999; line-height:24px; font-family:"微软雅黑"; background:#fff; overflow-x:hidden;}
td{font-size:14px; color:#999; line-height:24px; font-family:Arial, Helvetica, sans-serif;}

*{ padding:0; margin:0}

#language{ width:100%; background:#666666;}

#language .langue{ width:1200px; margin:0 auto; overflow:hidden;}
#language .langue a{display:block; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-decoration:none; line-height:18px;}
#language .langue a img{ vertical-align:middle;}
#language .langue a:hover{ color:#ED1A24;}



#index1{ width:1200px; margin:0 auto; overflow:hidden;}
#index1 .logo{ float:left;}
#index1 .len{ float:right; text-align:right; overflow:hidden;}
#index1 .len .log{ overflow:hidden;}
#index1 .len .log ul{ list-style:none;}
#index1 .len .log ul li{ float:left;}
#index1 .len .log ul li a{ display:block;  padding:0 30px; line-height:85px; color:#333; background:#fff; text-decoration:none; transition:background 0.5s,color 0.5s;}
#index1 .len .log ul li a:hover{color:#fff; background:#B77400;}
#index1 .len .log ul li a.b1:hover{color:#fff; background:#BA534F;}
#index1 .len .log ul li a.b2:hover{color:#fff; background:#006FB7;}
#index1 .len .log ul li a.b3:hover{color:#fff; background:#27AE61;}
#index1 .len .log ul li a.b4:hover{color:#fff; background:#9B58B5;}
#index1 .len .log ul li a.b5:hover{color:#fff; background:#9C6830;}
#index1 .len .log ul li a.b6:hover{color:#fff; background:#E76653;}
#index1 .len .log ul li a.b7:hover{color:#fff; background:#E67C00;}

#index1 .len .log ul li .a_log{ position:absolute; overflow:hidden; width:200px; z-index:50; display:none;}
#index1 .len .log ul li .a_log dl dd a{ display:block; padding:0; line-height:50px; width:200px; border-bottom:solid 1px #eee; text-align:left; text-indent:30px;}

#index2{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
#index2 .a1{ width:500px; margin:0 auto; float:left;}
#index2 .a1 .b1{}
#index2 .a1 .b1 p{ float:left; width:300px; text-align:center;}
#index2 .a1 .b1 p a{ display:block; background:#333; line-height:50px; text-align:center; color:#fff; text-decoration:none;}
#index2 .a1 .b1 p a.it{ background:#FFC20C;}
#index2 .a2{ width:660px; float:right; overflow:hidden;}
#index2 .a2 .b1{ font-size:30px; color:#000; line-height:70px; font-weight:bold;}
#index2 .a2 .b2{ color:#666;}
#index2 .a2 .b3{ padding-top:40px;}
#index2 .a2 .b3 a{ display:block; color:#666; font-size:12px; width:110px; border-radius:5px; text-decoration:none; background:#eee; line-height:40px; text-align:center; transition:background 0.5s,color 0.5s,border 0.5s;}
#index2 .a2 .b3 a:hover{ background:#006FB7; color:#fff;}

#index3{ width:100%; overflow:hidden; margin-top:40px;}

#index3 .a{ width:1200px; margin:0 auto; overflow:hidden; padding-top:10px; padding-bottom:30px;}
#index3 .a .b1{ float:left; text-align:left;}
#index3 .a .b1 .tt{ color:#333; font-size:24px; line-height:70px; text-align:left;}
#index3 .a .b1{ width:750px; overflow:hidden;}
#index3 .a .b1 .c p{ float:left; text-align:center; margin:0 10px 10px 0;}
#index3 .a .b1 .c p a{ display:block; line-height:160px; text-decoration:none; color:#fff; font-size:18px; transition:background 0.5s;}
#index3 .a .b1 .c p a.d1{ width:160px; background:#BA534F;}
#index3 .a .b1 .c p a.d2{ width:160px; background:#006FB7;}
#index3 .a .b1 .c p a.d3{ width:160px; background:#27AE61;}
#index3 .a .b1 .c p a.d4{ width:200px; background:#9B58B5;}
#index3 .a .b1 .c p a.d5{ width:330px; background:#9C6830;}
#index3 .a .b1 .c p a.d6{ width:200px; background:#E76653;}
#index3 .a .b1 .c p a.d7{ width:160px; background:#E67C00;}

#index3 .a .b1 .c p a.d1:hover{background:#DC7E7B;}
#index3 .a .b1 .c p a.d2:hover{background:#1388D4;}
#index3 .a .b1 .c p a.d3:hover{background:#49C47E;}
#index3 .a .b1 .c p a.d4:hover{background:#BB7ED2;}
#index3 .a .b1 .c p a.d5:hover{background:#C1905B;}
#index3 .a .b1 .c p a.d6:hover{background:#F19284;}
#index3 .a .b1 .c p a.d7:hover{background:#F29B36;}

#index_a .a .b2{ float:right; text-align:left; width:450px;}
#index_a .a .b2 .tt{ color:#333; font-size:24px; line-height:70px; text-align:left;}

#index_a .a .b1{ width:750px; overflow:hidden;}
#index_a .a .b1{ float:left; text-align:left; height: 318px;}

#index_a{ width:100%; margin-top:40px; overflow:hidden; padding-left:18%; background: #E9F0F2;}
#index_a .tt{ font-size:24px; line-height:78px; color:#333; text-align:left; width:100%;}
#index_a .tt p{ float:right; font-size:12px; color:#999;}
#index_a .tt p a{ color:#999; text-decoration:none;}
#index_a .tt p a:hover{ color:#000;}

#index_a .a{ width:1200px; overflow:hidden; padding:10px 0 30px 0;}
#index_a .a ul{ list-style:none; width:750px;}
#index_a .a ul li{float:left; margin-right:24px;}
#index_a .a ul li a{ display:block; text-align:center; color:#666; line-height:40px; text-decoration:none; transition:background 0.5s,color 0.5s;} 
#index_a .a ul li a:hover{ background:#006FB7; color:#fff;}


.tt{ width:852px; margin:0 auto; overflow:hidden; text-align:center;}
.tt .a1{ font-size:30px; color:#000; font-weight:bold; list-style:40px; padding-top:45px;}
.tt .a2{ background:url(image/line.png) center no-repeat; line-height:36px;}

#proli{ width:1200px; margin:0 auto; overflow:hidden;}
#proli ul{ list-style:none; }
#proli ul li{ float:left; margin-right:30px;}
#proli ul li a{ display:block; text-align:center; line-height:50px; font-size:18px; color:#000; text-decoration:none; padding-top:35px; transition:padding 0.5s;}
#proli ul li a p{background:#fff; transition:margin 0.5s,width 0.5s;}
#proli ul li a p img{ transition:margin 0.5s,width 0.5s; width:380px; border:0;}
#proli ul li a .yinying{ background:none;}
#proli ul li a:hover{ padding-top:15px;}
#proli ul li a:hover .yinying{ margin-top:20px;}
#proli ul li a:hover .yinying img{ width:300px;}


#dproli{ width:1200px; margin:0 auto; overflow:hidden;}
#dproli ul{ list-style:none; width:1300px;}
#dproli ul li{ float:left; margin-right:24px; height:300px;}
#dproli ul li a{ display:block; text-align:center; line-height:50px; font-size:18px; color:#000; text-decoration:none; padding-top:35px; transition:padding 0.5s;}
#dproli ul li a p{background:#fff; transition:margin 0.5s,width 0.5s;}
#dproli ul li a p img{ transition:margin 0.5s,width 0.5s; width:180px; border:0;}
#dproli ul li a .yinying{ background:none;}
#dproli ul li a:hover{ padding-top:15px;}
#dproli ul li a:hover .yinying{ margin-top:20px;}
#dproli ul li a:hover .yinying img{ width:180px;}


#lr{ overflow:hidden; text-align:center; width:1200px; margin:20px auto 40px auto;}
#lr  a.left img{ background:#333; margin-right:1px;}
#lr  a.right img{ background:#FFC20C; margin-left:1px;}

#index4{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:40px; background:#E9F0F2;}
#index4 .a{ width:1200px; margin:0 auto; overflow:hidden;}

#newsli{ width:600px; float:left; overflow:hidden;}
#newsli .tt{ color:#333; font-size:24px; line-height:80px; text-align:left;}
#newsli ul{ list-style:none;}
#newsli ul li{ float:left; width:510px; overflow:hidden; padding-bottom:10px;}
#newsli ul li a{ display:block; overflow:hidden;}
#newsli ul li a .dd{ float:left; width:66px; height:69px; background:#fff; text-align:center; overflow:hidden; transition:background 0.5s,color 0.5s;}
#newsli ul li a .dd p{ font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:38px; color:#E40000; padding-top:7px; transition:color 0.5s;}
#newsli ul li a .dd{ color:#999; line-height:14px; font-size:12px;}
#newsli ul li a .con{ float:right; width:430px; overflow:hidden;}
#newsli ul li a .con .a1{ font-size:14px; color:#333; line-height:36px;}
#newsli ul li a .con .a2{ font-size:12px; line-height:18px; color:#999; padding-right:30px;}
#newsli ul li a .con .a3{ font-size:12px; color:#999;line-height:18px;}
#newsli ul li a:hover .con .a3{ color:#006FB7; transition:color 0.5s;}
#newsli ul li a:hover .dd{ background:#006FB7; color:#fff;}
#newsli ul li a:hover .dd p{ color:#fff;}

#btn_list{ float:right; overflow:hidden; width:600px; padding-top:40px;}
#btn_list ul{ list-style:none; width:700px;}
#btn_list ul li{ float:left; margin:0 15px 15px 0;}
#btn_list ul li a{ display:block; width:190px; height:74px; line-height:74px; padding-top:81px; background:#fff; font-size:18px; text-align:center; color:#666; text-decoration:none; transition:background 0.5s,color 0.5s;}

#btn_list ul li a.a1{ background:url(images/1.png) #fff;}
#btn_list ul li a.a2{ background:url(images/2.png) #fff;}
#btn_list ul li a.a3{ background:url(images/3.png) #fff;}
#btn_list ul li a.a4{ background:url(images/4.png) #fff;}
#btn_list ul li a.a5{ background:url(images/5.png) #fff;}
#btn_list ul li a.a6{ background:url(images/6.png) #fff;}

#btn_list ul li a.a1:hover{ background:url(images/1.png) #006FB7; color:#fff;}
#btn_list ul li a.a2:hover{ background:url(images/2.png) #006FB7; color:#fff;}
#btn_list ul li a.a3:hover{ background:url(images/3.png) #006FB7; color:#fff;}
#btn_list ul li a.a4:hover{ background:url(images/4.png) #006FB7; color:#fff;}
#btn_list ul li a.a5:hover{ background:url(images/5.png) #006FB7; color:#fff;}
#btn_list ul li a.a6:hover{ background:url(images/6.png) #006FB7; color:#fff;}




#index5{ background:#eee; width:100%; overflow:hidden;}
#index5 .a{ width:1200px; margin:0 auto; overflow:hidden}
#index5 .a .b1{ float:left; width:560px; color:#000; line-height:30px; margin-top:62px;}
#index5 .a .b1 img{ float:left; margin-right:24px;}
#index5 .a .b1 .c1{ float:right; width:380px; overflow:hidden;}
#index5 .a .b1 .c1 .d{ font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:40px; padding-bottom:15px;}
#index5 .a .b2{ float:right;}

#bottom{ background:#006FB7; width:100%; overflow:hidden;}
#bottom1{ width:1200px; margin:0 auto; overflow:hidden; padding-top:24px; padding-bottom:30px;}
#bottom1 .bl{ float:left; color:#fff;}
#bottom1 .bl .a1 a{ color:#fff; text-decoration:none; line-height:40px;}
#bottom1 .bl .a1 a:hover{ text-decoration:underline;}
#bottom1 .bl .a2{ padding-top:15px; line-height:18px; color:#fff; font-size:12px;}
#bottom1 .br{ float:right;}

#bottom2{ width:1200px; margin:0 auto; text-align:left; line-height:54px; font-size:12px; color:#666;}



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


#page1{ width:92%; overflow:hidden; padding:40px 0 40px 0;}
#page1 ul{ list-style:none; margin:0 auto; width:650px; }
#page1 ul li{ float:left; margin-right:10px;}
#page1 ul li a{ display:block; border:solid 1px #ddd; line-height:40px;text-align:center; padding:0 20px; color:#666; font-size:14px; text-decoration:none; transition:border 0.5s,color 0.5s;}
#page1 ul li a:hover{ border:solid 1px #000; color:#000;}
#page1 ul li a.it{ border:solid 1px #000; background:#000; color:#fff;}


#z_log{ width:100%; border-bottom:solid 1px #eee; overflow:hidden;}
#z_log ul{ list-style:none; margin:0 auto; width:1200px; padding:20px 0; overflow:hidden;}
#z_log ul li{ float:left; margin:0 5px; text-align:center; background:url(image/bit1.jpg) bottom center no-repeat; padding-bottom:5px;}
#z_log ul li:hover{ background:url(image/bit2.jpg) bottom center no-repeat;}
#z_log ul .ait{ background:url(image/bit3.jpg) bottom center no-repeat;}
#z_log ul li a{ display:block; color:#000; font-size:14px; line-height:40px; border:solid 1px #eee; width:100px; text-align:center; text-decoration:none; transition:background 0.5s,color 0.5s;}
#z_log ul li a:hover{ background:#333; color:#fff; border:solid 1px #333;}
#z_log ul li a.it{ background:#006FB7; color:#fff; border:solid 1px #006FB7;}

#c_log{ width:100%; border-bottom:solid 1px #eee; overflow:hidden;}
#c_log ul{ list-style:none; margin:0 auto; width:1200px; padding:20px 0; overflow:hidden;}
#c_log ul li{ float:left; margin:0 5px; text-align:center; background:url(image/bit1.jpg) bottom center no-repeat; padding-bottom:5px;}
#c_log ul li:hover{ background:url(image/bit2.jpg) bottom center no-repeat;}
#c_log ul .ait{ background:url(image/bit3.jpg) bottom center no-repeat;}
#c_log ul li a{ display:block; color:#000; font-size:14px; line-height:40px; border:solid 1px #eee; width:120px; text-align:center; text-decoration:none; transition:background 0.5s,color 0.5s;}
#c_log ul li a:hover{ background:#333; color:#fff; border:solid 1px #333;}
#c_log ul li a.it{ background:#006FB7; color:#fff; border:solid 1px #006FB7;}

.top_menu a{display:block; font-size: 18px; font-weight: bold; color: black; line-height:40px; border:solid 1px #eee; padding:0 20px;text-align:center; text-decoration:none; transition:background 0.5s,color 0.5s;}
.two_menu a{display:none; font-size: 14px; color: #807777; line-height:40px; border:solid 1px #eee; padding:0 20px;text-align:center; text-decoration:none; transition:background 0.5s,color 0.5s;}


#p_log{ width:40%; border-bottom:solid 1px #eee; overflow:hidden; float: left;}
#p_log ul{ list-style:none; margin:0 370px; width:1300px; padding:66px 0; overflow:hidden;}
#p_log ul li{ float:left; margin:0 5px; text-align:center; background:url(image/bit1.jpg) bottom center no-repeat; padding-bottom:5px; width: 206px;}
#p_log ul li:hover{ background:url(image/bit2.jpg) bottom center no-repeat;}
#p_log ul .ait{ background:url(image/bit3.jpg) bottom center no-repeat;}
#p_log ul li a{ }
#p_log ul li a:hover{ background:#333; color:#fff; border:solid 1px #333;}
#p_log ul li a.it{ background:#006FB7; color:#fff; border:solid 1px #006FB7;}

#content{ width:1200px; margin:0 auto; padding-top:30px; padding-bottom:40px;}

#workpic{ overflow:hidden;}
#workpic ul{ list-style:none; width:1300px;}
#workpic ul li{ float:left; margin-right:30px; padding-bottom:10px;}
#workpic ul li a{ display:block; text-align:center; text-decoration:none; line-height:40px; color:#666; transition:background 0.5s,color 0.5s;}
#workpic ul li a:hover{ background:#006FB7; color:#fff;}


#download{ width:1200px; margin:0 auto; overflow:hidden;}
#download ul{ list-style:none;}
#download ul li{ float:left; width:400px; overflow:hidden;}
#download ul li a{ display:block; overflow:hidden; border:solid 1px #eee; padding:20px; margin:10px; text-decoration:none; transition:border 0.5s;}
#download ul li a .dd{ float:left; width:70px; height:70px; background:#eee; text-align:center; overflow:hidden; transition:background 0.5s,color 0.5s; border-radius:5px;}
#download ul li a .dd img{ width:70px; height:70px;}
#download ul li a .dd{ color:#999; line-height:14px; font-size:12px;}
#download ul li a .con{ float:right; width:260px; overflow:hidden;}
#download ul li a .con .a1{ font-size:14px; color:#000; line-height:24px; padding-top:10px;}
#download ul li a .con .a3{ font-size:12px; color:#666; padding-top:5px;}
#download ul li a:hover{ border:solid 1px #000;}
#download ul li a:hover .con .a3{ color:#FFC20C; transition:color 0.5s;}
#download ul li a:hover .dd{ background:#FFC20C; color:#fff;}

#feedback{ width:1000px; margin:0 auto; overflow:hidden;}
#feedback p{ border:solid 1px #ddd; margin-bottom:30px; overflow:hidden;}
#feedback p span{ font-size:14px; color:#000; line-height:40px; width:100px; display:block; float:left; text-align:center; border-right:solid 1px #ddd; overflow:hidden;}
#feedback p input{ width:880px; border:0; height:40px; line-height:40px; padding-left:10px;}
#feedback p textarea{ line-height:40px; width:880px; height:200px; border:0; padding-left:10px;}
#feedback .a{ border:0; text-align:center;}
#feedback .a .a1{ width:150px; background:#FFC20C; color:#fff; font-family:"微软雅黑"; font-size:16px; border-radius:5px;}
#feedback .a .a2{ width:150px; background:#333; color:#fff; font-family:"微软雅黑"; font-size:16px; border-radius:5px;}


#bprobtn{ width:1000px; margin:0 auto; overflow:hidden; padding:20px 0; border-bottom:solid 1px #eee;}
#bprobtn ul{ list-style:none; width:500px; margin:0 auto;}
#bprobtn ul li{ float:left; width:100px; margin:10px;}
#bprobtn ul li a{ display:block; border:solid 1px #eee; line-height:40px; text-decoration:none; color:#000; text-align:center;}
#bprobtn ul li a:hover{ border:solid 1px #000;}
#bprobtn ul li a.it{ background:#FFC20C; color:#fff; border:solid 1px #FFC20C;}


#proup{ width:1000px; margin:0 auto; overflow:hidden;}
#proup p{ border:solid 1px #ddd; margin-bottom:10px; overflow:hidden;}
#proup p span{ font-size:14px; color:#000; line-height:40px; width:100px; display:block; float:left; text-align:center; border-right:solid 1px #ddd; overflow:hidden;}
#proup p input{ width:880px; border:0; height:40px; line-height:40px; padding-left:10px;}
#proup p textarea{ line-height:40px; width:880px; height:200px; border:0; padding-left:10px;}
#proup .a{ border:0; text-align:center;}
#proup .a .a1{ width:150px; background:#FFC20C; color:#fff; font-family:"微软雅黑"; font-size:16px; border-radius:5px;}
#proup .a .a2{ width:150px; background:#333; color:#fff; font-family:"微软雅黑"; font-size:16px; border-radius:5px;}


#newsbb{ width:1200px; margin:0 auto; overflow:hidden;}
#newsbb ul{ list-style:none;}
#newsbb ul li{ float:left; width:100%; overflow:hidden; padding-top:30px; border-bottom:solid 1px #eee; padding-bottom:30px;}
#newsbb ul li a{ display:block; overflow:hidden;}
#newsbb ul li a .dd{ float:left;background:#eee;overflow:hidden;}
#newsbb ul li a .con{ float:right; width:860px; overflow:hidden;}
#newsbb ul li a .con .a0{ font-size:12px; color:#999;}
#newsbb ul li a .con .a1{ font-size:18px; color:#000; line-height:40px;}
#newsbb ul li a .con .a2{ font-size:14px; line-height:24px; color:#666; padding-right:30px;}
#newsbb ul li a .con .a3{ font-size:14px; color:#000; margin-top:20px; width:100px; height:36px; line-height:36px; border:solid 2px #eee; text-align:center;transition:background 0.5s,color 0.5s;}
#newsbb ul li a:hover .con .a3{ color:#fff; background:#006FB7; }
#newsbb ul li a:hover .dd{ background:#006FB7; color:#fff;}
#newsbb ul li a:hover .dd p{ color:#fff;}

#about1{ width:100%; background:#eee; overflow:hidden;}
#about1 .text{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:40px; padding-top:20px;}


#about2{ width:100%; background:#fff; overflow:hidden;}
#about2 .text{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:40px; padding-top:20px;}

#more{ margin-top:40px; margin-left:45%;}
#more a{ background:#eee; display:block; text-decoration:none; color:#006FB7; line-height:40px; text-align:center; width:120px; border-radius:5px; transition:background 0.5s,color 0.5s;}
#more a:hover{ background:#006FB7; color:#fff;}

#logo_li{ width:1200px; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:20px; margin-bottom:30px;}
#logo_li ul{ list-style:none;}
#logo_li ul li{ width:200px; float:left; text-align:center; line-height:40px;}
#logo_li ul li img{ width:100px; border-radius:200px;}