@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-size:12px; font-family:"Microsoft Yahei";}
li{ list-style:none;}
a{ text-decoration:none;}
img{ border:none;}

body{ width:100%; height:auto; min-width:1200px;}
/*------------------------------head------------start-------------*/
.header{ width:100%; height:80px; margin:0 auto; background:url(../images/header_bg.jpg) repeat-x;}
.head{width:1000px; height:80px; margin:0 auto;}
.head .h_left{ width:141px; height:60px; float:left; margin-top:15px;}
.head .h_right{ width:845px; height:31px; float:right; margin-top:31px; position:relative;}
.nav_n{width:695px; height:31px; float:left;}
.nav_n ul li{float:left;}
.nav_n ul li a{display:block; width:90px; height:31px; line-height:31px; color:#333333; font-weight:bold; margin:0 3px; background:url(../images/nav_bg.png) no-repeat left; text-align:center;}
.nav_n ul li a:hover{background:url(../images/nav_bg2.png) no-repeat left; color:#ffffff;}
.h_right .con{position:absolute; width:98px; top:8px; left:700px; border:0px; outline:none;}
.h_right .sub{position:absolute; width:40px; height:31px; left:800px; background:none; border:0px; outline:none;}
.h_right .sub:hover{cursor:pointer;}

/*--------------------------------head------------end-------------*/

/*--------------------------------banner------------start-------------*/
.banner{ width:100%; height:350px; margin:0 auto; padding-top:20px; background:url(../images/banner_bg.jpg) repeat-x;}
.banner .banner_n{width:970px; height:310px; margin:0 auto; position:relative; overflow:hidden;}
.banner .banner_n .LeftBotton{width:43px; height:46px; position:absolute; top:133px; left:0px;}
.banner .banner_n .RightBotton{width:43px; height:46px; position:absolute; top:133px; left:927px;}
.banner .banner_n li{float:left;}
.banner .banner_n .Cont{width:850px; margin:0 auto;}

.banner_t{ width:100%; height:350px; margin:0 auto; padding-top:20px; background:url(../images/banner_bg.jpg) repeat-x;}
.banner_t .banner_n{width:850px; height:310px; margin:0 auto; animation: myfirst 15s; -moz-animation: myfirst 15s; -webkit-animation: myfirst 15s;     -o-animation: myfirst 15s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}

@keyframes myfirst
{
0%   {background:url(../images/banner1.jpg);}
13%  {background:url(../images/banner2.jpg);}
33%  {background:url(../images/banner2.jpg);}
46%  {background:url(../images/banner3.jpg);}
66%  {background:url(../images/banner3.jpg);}
79%  {background:url(../images/banner1.jpg);}
100% {background:url(../images/banner1.jpg);}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {background:url(../images/banner1.jpg);}
13%  {background:url(../images/banner2.jpg);}
33%  {background:url(../images/banner2.jpg);}
46%  {background:url(../images/banner3.jpg);}
66%  {background:url(../images/banner3.jpg);}
79%  {background:url(../images/banner1.jpg);}
100% {background:url(../images/banner1.jpg);}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   {background:url(../images/banner1.jpg);}
13%  {background:url(../images/banner2.jpg);}
33%  {background:url(../images/banner2.jpg);}
46%  {background:url(../images/banner3.jpg);}
66%  {background:url(../images/banner3.jpg);}
79%  {background:url(../images/banner1.jpg);}
100% {background:url(../images/banner1.jpg);}
}

@-o-keyframes myfirst /* Opera */
{
0%   {background:url(../images/banner1.jpg);}
13%  {background:url(../images/banner2.jpg);}
33%  {background:url(../images/banner2.jpg);}
46%  {background:url(../images/banner3.jpg);}
66%  {background:url(../images/banner3.jpg);}
79%  {background:url(../images/banner1.jpg);}
100% {background:url(../images/banner1.jpg);}
}
/*--------------------------------banner------------end-------------*/

/*--------------------------------main------------start-------------*/
.main{ width:970px; margin:0px auto; margin-top:30px; overflow:hidden;}
.s1{font-size:16px; color:#0179B5;}
.s2{font-size:16px; color:#B7B7B7;}
.jjfa{width:970px; height:220px;}
.jjfa .top{width:970px; height:29px; border-bottom:1px solid #ADD6ED;}
.jjfa .bottom{width:970px; height:175px; margin-top:13px;}
.jjfa .bottom .ima{margin-left:10px;}
.att{width:970px; height:220px; margin-top:30px;}
.att .about{width:310px; height:220px; float:left;}
.att .about .top{width:310px; height:29px; border-bottom:1px solid #ADD6ED;}
.att .about .bottom{width:310px; height:170px; margin-top:20px;}
.att .about .bottom .p1{color:#0179B5; font-weight:bold; margin-bottom:10px;}
.att .about .bottom .nr{width:310px; height:115px;}
.att .about .bottom .nr p{color:#333333;}
.att .about .bottom .nr img{float:left; margin-right:5px;}
.att .about .bottom .p2{font-weight:bold; width:66px; margin-left:244px;}
.att .about .bottom .p2 a{color:#0179B5;}
.att .news{width:310px; height:220px; float:left; margin-left:20px;}
.att .news .top{width:310px; height:29px; border-bottom:1px solid #ADD6ED;}
.att .news .bottom{width:310px; height:170px; margin-top:20px;}
.att .news .bottom ul{height:120px;}
.att .news .bottom li{width:296px; height:24px; line-height:24px; background:url(../images/list_jt.png) no-repeat left center; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.att .news .bottom li a{color:#333333;}
.att .news .bottom li a:hover{text-decoration:underline;}
.att .news .bottom .p2{font-weight:bold; width:66px; margin-left:244px; margin-top:20px;}
.att .news .bottom .p2 a{color:#0179B5;}
.att .video{width:310px; height:220px; float:left; margin-left:20px;}
.att .video .top{width:310px; height:29px; border-bottom:1px solid #ADD6ED;}
.att .video .bottom{width:310px; height:190px;}


/*--------------------------------main------------end-------------*/


/*------------------------------------foot--------start-------------*/
.footer{ width:100%; height:57px; margin-top:30px; background:url(../images/foot_bg.jpg);}
.foot {width:970px; margin:0 auto; text-align:center;}
.foot .p1{color:#333333; line-height:57px; float:left;}
.foot .p2{color:#333333; line-height:57px; float:right;}
.foot .p2 a{color:#333333; font-weight:bold;}

/*--------------------------------foot------------end-------------*/

/*---------------QQ客服------------*/
#onlineService {
 position: fixed;
 _position: absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
 top: 208px;
 right: 0;
 z-index: 999999;
 display: block;
}
#onlineService .onlineIcon {
 position: relative;
 cursor: pointer;
 background: url(../images/online_service.png) no-repeat;
 width: 34px;
 height: 110px;
 text-indent: -9999px;
 overflow:hidden;
}
#onlineService #pop {
 border: 3px solid #19B4EA;
 background-color: #F2F2F2;
 padding: 8px;
 width: 95px;
 min-height: 84px;
 position: absolute;
 right: 34px;
 top: 0;
 display: none;
 z-index: 999999;
}
#onlineService .onlineQQ a {
 display: block;
 background: url(../images/online_service.png) no-repeat left -160px;
 color: #19B4EA;
 width: 82px;
 height: 24px;
 line-height: 23px;
 padding-left: 27px;
 margin-bottom: 8px;
}
#onlineService .onlineQQ a:hover {
 text-decoration: none;
 color: #19B4EA;
}
#onlineService .goTop {
 display: none;
}
#onlineService .goTop .goBtn {
 background: #F2F2F2 url(../images/online_service.png) no-repeat left -120px;
 width: 34px;
 height: 34px;
 display: block;
}