@charset "utf-8";
/*banner*/
#banner{ background:#fff;}
#index_banner{width:100%;height:550px;overflow:hidden;position:relative; margin-top:0px;}
#index_banner_list{width:100%;height:550px;}
#index_banner_list li{width:100%;height:550px;display:none;}
#index_banner_list li a{display:block;width:100%;height:550px;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:520px;left:0;text-align:center;}
#index_banner_nav a{display:inline-block;width:12px;height:12px;margin-right:8px; border-radius:6px;background:#fff;font-size:0; color:#fff;}
#index_banner_nav a.this{background:#D8190F; color:#D8190F;}
/*-----------------------------------------------------------------*/
img{ border:none; vertical-align:middle;}
body {margin: 0px; font-size:14px; color:#666; line-height:24px; background:#fff;font-family:Arial, Helvetica, sans-serif;}
td{font-size:14px; color:#666; line-height:24px;font-family:Arial, Helvetica, sans-serif; }
*{ padding:0; margin:0}
.none{ display:none;}
/*-----------------------------------------------------------------*/

a{color:#444444; text-decoration:none;}
a:hover{ color:#68041C;}

#top1{ background:#68041C; overflow:hidden;}
#top1 .a1{ width:1200px; margin:0 auto; height:40px; line-height:40px; color:#FFFFFF;}
.clear{ width:100%; height:30px; clear:both; margin:0 auto;}


#top2 .a2 ul li .z_log{ position:absolute; background:#fff; z-index:50; display:none;}
#top2 .a2 ul li .z_log dl{ list-style:none;}
#top2 .a2 ul li .z_log dl dd a{ line-height:50px;}


#top2{ width:1200px; margin:0 auto; overflow:hidden;}
#top2 .a1{ float:left;}
#top2 .a2{ float:right;}
#top2 .a2 ul{ list-style:none; border-left:solid 1px #eee; overflow:hidden;}
#top2 .a2 ul li{ float:left; border-right:solid 1px #eee;}
#top2 .a2 ul li a{ display:block; line-height:101px; padding:0 48px; font-size:14px; color:#000; transition:background 0.5s,color 0.5s;}
#top2 .a2 ul li a:hover{ background:#68041C; color:#fff;}

#top3{ width:1200px; margin:50px auto; overflow:hidden;}
#top3 .a1{ float:left; overflow:hidden;}
#top3 .a2 .ss{ font-size:24px; padding-bottom:20px;}
#top3 .a2{ float:right; width:686px; line-height:30px; color:#333333;}
#top3 .a2 .b3{ padding-top:18px;}
#top3 .a2 .b3 a{ display:block; border:solid 1px #BC0000; transition:background 0.5s,color 0.5s; text-align:center; width:90px;line-height:34px; color:#BC0000; border-radius:2px;}
#top3 .a2 .b3 a:hover{ background:#BC0000; color:#fff;}

#top4{ width:100%; background:url(../images/index_id.jpg) center top; overflow:hidden; height:730px;}
#top4 .a2{ width:1208px; margin:0 auto; padding-top:50px; overflow:hidden;}
#top4 .a2 ul{ list-style:none;}
#top4 .a2 ul li{ float:left; padding:0 11px;}
#top4 .a2 ul li a{ display:block; width:280px;}

#top4 .a2 ul li a p{ font-size:14px; color:#fff; line-height:30px;}
#top4 .a2 ul li a p strong{ font-size:18px; color:#fff; line-height:50px;}

.more{ margin:0 auto; margin-top:20px; background:#FFFFFF; height:35px; line-height:35px; text-align:center; color:#333333; width:100px; border-radius:10px;}

#top5{ width:1200px; margin:50px auto; overflow:hidden;}
#top5 .a1{ float:left; width:550px; font-size:18px;}
#top5 .a1 .b1{ font-size:30px; color:#000; font-weight:bold; line-height:60px;}
#top5 .a1 .b1 span{ color:#ccc; font-weight:normal; font-size:24px;}
#top5 .a1 .b2{ width:550px; overflow:hidden; padding:18px 0;}
#top5 .a1 .b2 .c1{ float:left; background:#eee; width:84px; text-align:center; font-size:48px; font-weight:bold; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:71px;}
#top5 .a1 .b2 .c1 p{ background:#BC0000; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:23px;}
#top5 .a1 .b2 .c2{ width:440px; float:right; border-bottom:solid 1px #eee; padding-bottom:20px;}
#top5 .a1 .b2 .c2 .d1{ font-size:18px; color:#000;}
#top5 .a1 .b2 .c2 .d2 a{ display:block; color:#666; font-size:14px; line-height:18px; padding-top:8px; transition:color 0.5s;}
#top5 .a1 .b2 .c2 .d2 a:hover{ color:#BC0000;}
#top5 .a2{ float:right; width:600px; overflow:hidden;}
#top5 .a2 .b2 a{ display:block; float:left; width:50%; text-align:center; font-size:18px; color:#fff; line-height:62px; background:#08090A; transition:background 0.5s,color 0.5s;}
#top5 .a2 .b2 a:hover{ background:#eee; color:#000;}
#top5 .a2 .b2 a.it{background:#BC0000; transition:background 0.5s,color 0.5s;}
#top5 .a2 .b2 a.it:hover{ background:#eee; color:#000;}



#bottom{ background:#68041C; width:100%; padding-top:10px; padding-bottom:40px; overflow:hidden;}
#bottom .a1{ width:1200px; margin:0 auto;}
#bottom .a1 .b1{ float:left; color:#fff;font-size:14px; overflow:hidden;}
#bottom .a1 .b1 a{ color:#fff; font-size:14px; padding:0 20px; line-height:60px;}
#bottom .a1 .b1 a:hover{ text-decoration:underline;}
#bottom .a1 .b1 p{ font-size:12px; line-height:18px;}
#bottom .a1 .b2 a{ padding:0px; font-size:12px;}

#zlog{ width:100%; border-bottom:solid 1px #eee; overflow:hidden;}
#zlog ul{ width:1200px; margin:20px auto; overflow:hidden; list-style:none;}
#zlog ul li{ float:left; padding:0 20px; width:140px;}
#zlog ul li a{ display:block; border:solid 1px #eee; line-height:40px; text-align:center; color:#000; transition:background 0.5s,color 0.5s,border 0.5s;}
#zlog ul li a:hover{ background:#D8190F; color:#fff; border:solid 1px #D8190F;}
#zlog ul li a.it{ background:#D8190F; color:#fff; border:solid 1px #D8190F;}
.chat-tips {
	padding: 20px;
	border: 1px solid #d1d2d6;
	position: absolute;
	right: 78px;
	top: -55px;
	background-color: #ffffff;
	display: none;
}
.chat-tips i {
	width: 9px;
	height: 16px;
	display: inline-block;
	position: absolute;
	right: -9px;
	top: 80px;
	background-position:-88px -350px;
}
.chat-tips img {
	width: 138px;
	height: 138px;
}


#content{ width:1200px; margin:20px auto 50px auto; overflow:hidden; color:#333333; line-height:32px; font-size:16px;}
#content img{ margin-top:30px;}
#content .tt{ font-size:30px; color:#000; line-height:40px; padding-bottom:40px;}

#content1{ width:1200px; margin:50px auto 50px auto; overflow:hidden; background-color:#e6e3db}
#content1 img{ margin-top:30px;}
#content1 .tt{ font-size:30px; color:#000; line-height:40px; padding-bottom:40px;}
#content1 .d{ width:880px;margin:auto; font-size:18px;}

#picli{ width:1200px; margin:50px auto; overflow:hidden;}
#picli ul{ list-style:none; width:1300px;}
#picli ul li{ float:left; margin-right:30px;}
#picli ul li a{ display:block; text-align:center; font-size:14px; line-height:50px; transition:background 0.5s,color 0.5s;}
#picli ul li a:hover{ background:#D8190F; color:#fff;}


.news{ width:1200px; margin:0 auto; overflow:hidden;}
.news ul{ list-style:none;}
.news ul li{ padding:30px; border-bottom:solid 1px #eee; transition:background 0.5s;-webkit-transition:background 0.5s;}
.news ul li:hover{ background:#eee;}

.news ul li .a1 .b1{ overflow:hidden;}
.news ul li .c1{ font-size:18px; color:#333; line-height:50px;}
.news ul li.c3{ padding-top:20px;}
.news ul li .c4{ padding-top:20px;}
.news ul li .c4 a{ display:block; background:#D8190F; color:#fff; width:100px; height:40px; border-radius:5px; text-align:center; line-height:40px; font-size:14px; transition:background 0.5s;-webkit-transition:background 0.5s;}
.news ul li .c4 a:hover{ background:#fff; color:#D8190F;}
.titlenn{ font-size:18px; text-align:center; font-weight:bold;}

#page{ width:1200px; margin:0 auto; overflow:hidden; padding-top:10px; padding-bottom:20px;}
/*#page ul{ list-style:none; margin:0 auto;overflow:hidden;}
#page ul li{ float:left; margin:0 10px;}
#page ul li a{ display:block; border:solid 1px #eee; line-height:40px; font-size:14px; width:50px; text-align:center;}
#page ul li a.wd{ width:80px; text-align:center;}
#page ul li a:hover{ color:#D8190F; border:solid 1px #D8190F;}
#page ul li a.it{ color:#fff; border:solid 1px #D8190F; background:#D8190F;}*/
/*-----------------------------------------------------------------------*/

#proli{ width:1370px; margin:0 auto; padding-top:30px; overflow:hidden;}
#proli ul{ list-style:none;}
#proli ul li{ float:left; padding:10px;}
#proli ul li a{ display:block; width:280px; border:solid 1px #eee; padding:20px;transition:background 0.5s,color 0.5s;}

#proli ul li a .b1{ font-size:18px; color:#000; line-height:50px;transition:background 0.5s,color 0.5s;}
#proli ul li a .b2{ color:#666; line-height:18px;transition:background 0.5s,color 0.5s;}
#proli ul li a .b2 span{ width:50%; float:right;}
#proli ul li a:hover{ background:#D8190F; color:#fff;}
#proli ul li a img{ background:#fff;}
#proli ul li a:hover .b1{ color:#fff;}
#proli ul li a:hover .b2{ color:#fff;}

#probig{ width:1200px; margin:0 auto; overflow:hidden; margin-top:10px; background:#fff; border:solid 1px #eee;}
#probig .a1{ float:left;}
#probig .a1 img{ border-right:solid 1px #eee; width:550px;}
#probig .a2{ float:right; text-align:left; width:600px; font-size:16px; line-height:40px; padding-top:10px;}

#content .contact1{ float:left;}
#content .contact2{ float:right; font-size:16px; line-height:50px; width:570px; text-align:left;}

.pro_de_li{ width:100%; border-bottom:solid 1px #eee; overflow:hidden; margin-bottom:30px;}
.pro_de_li ul{ list-style:none;}
.pro_de_li ul li{ float:left;}
.pro_de_li ul li{ line-height:40px; font-size:16px; display:block; border:solid 1px #eee; padding:0 20px; color:#d00; cursor:pointer;}
.pro_de_li ul li.active{ background:#d00; color:#fff;}

.page_up_dw{ width:1200px; margin:0 auto; overflow:hidden; border-top: solid 1px #eee; margin-bottom:50px; padding-top:20px; font-size:14px; line-height:30px;}