/* CSS Document */

* { margin:0; padding:0; } 
iframe{max-width: 100%;margin: 30px 0;}

body {
  color: #565656;
  font-family: "Î¢ÈíÑÅºÚ",Arial ;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

img{border: none;vertical-align:middle;max-width: 100%;}

ul{
	list-style-type: none;
}

a{
  color: #565656;
  text-decoration: none;
  border: none;
  transition: 0.4s;
}
a:hover{ color: #2B4A9C; }

a.blue{
  color: #2B4A9C;
  text-decoration: none;
  border: none;
  transition: 0.4s;
  
}
a.blue:hover{ color: #565656; }

a.more{
  color: #fff;
  text-decoration: none;
  border: none;
  font-size:13px;
  transition: 0.4s;
  background:#83C428;
  padding:10px 35px;
}
a.more:hover{ background:#BD172E; }

a.more2{
  color: #fff;
  text-decoration: none;
  border: none;
  font-size:13px;
  transition: 0.4s;
  background:#83C428;
  padding:6px 35px;
}
a.more2:hover{ background:#2C5D00; }


p{font-size: 14px;line-height: 22px; font-weight: 100;font-family: "Î¢ÈíÑÅºÚ",Arial;}

.left{float: left;}
.right{float: right;}
.c { text-align:center}
.r { text-align:right}
.t_l { text-align:left}
.bg_bai{background:#fff;}

.bold{font-weight:bold;}
.blue{ color:#3652A0;}
.white{color:#fff;}
.line{ width:196px; height:3px; background:#ff0000; margin:18px 0 60px 0; float:left;}
.button1 a{ width:134px; height:32px; line-height:32px; background:#BF9F62; position:relative; float:left; margin-top:20px; color:#fff; font-size:14px; text-align:center;border-radius:7px;-moz-border-radius:7px;}
.button1 a:hover{ background:#283340;font-size:16px;}
.more a{ float:right; margin-right:5px; font-size:12px;}
.mt{ margin-top:60px;}
.mt2{ margin-top:140px;}
.pd52{padding:52px 0;}
.pd39{padding:39px 0;}
.container{ width:990px; margin:0 auto;}

a.button{ padding:3px 20px; background:#D4262F;color:#fff; font-size:12px;border-radius: 25px;-moz-border-radius:25px;}
a.button:hover{ background:#005591; color:#fff; }
.lh28{ line-height:28px;}
.ft15{ font-size:15px;}
.lh25{ line-height:25px;}

h2{font-size: 36px;line-height: 36px; color:#3C58A5; margin-top:135px;}
h3{font-size: 20px;line-height: 20px; font-weight:lighter; color:#3A96F7;}
h4{font-size: 16px;line-height: 30px;margin-bottom: 0px;}
h5{font-size: 18px;line-height: 24px;margin-bottom: 10px;}

a.button1{ height:42px; width:180px; background:#D40F0F; text-align:center; font-size:14px; line-height:42px; color:#fff;  display:inline-block; cursor:pointer; }
a:hover.button1{ background:#00428E; font-size:17px;}




/*-------------------- -------------------- -------------------- header -------------------- -------------------- -------------------- */
#top{ height:31px; line-height:31px;width:100%; background:#EEF1F6; float:left; font-size:13px; color:#878787; }
#top .con_l{ width:40%; float:left;}
#top .con_r{ width:50%; float:right; text-align:right;}
#top .con_r img{ margin:-3px 5px 0 0;}

#top a{ color:#878787;}
#top a:hover{ color:#2B4A9C;}

/*-------------------- -------------------- -------------------- header -------------------- -------------------- -------------------- */
#header{ float:left; width:100%; line-height:115px; background:url(../images/nav_bg.jpg) center no-repeat;}


/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:right; width:600px; line-height:115px; }
#nav ul{ margin:0; padding:0; }
#nav ul li{ width:auto; font-size:16px;float:right;color:#fff; margin:0 3px; }
#nav ul li a{ width:auto; padding:0 16px; font-size:16px;float:right;color:#fff; }
#nav ul li a:hover{ background:#00549B;}

#nav ul li a.active{ width:150px;color:#fff;float:left; text-align:center; background:#0C386B;font-size:16px;}
#nav ul li a.active:hover{ font-size:17px;}

/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#banner{ width:100%;float:left; } 

/*-------------------- -------------------- -------------------- about_list -------------------- -------------------- -------------------- */
#about_list{ width:100%;float:left; background:url(../images/list_bg.jpg) center bottom no-repeat;}
.title_zid{ font-size:40px; font-weight:bold; color:#CCCCCC; width:100%; text-align:center; line-height:42px; text-transform:uppercase;}
.title_zix{ font-size:26px; color:#000000; width:100%; text-align:center;}


/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about{ width:100%; float:left; background:#fff; padding:61px 0;}

#about p{ margin:29px 0 37px 0;}

#about .bt_white a{ width:172px; height:46px; line-height:46px;background:#ff0000; color:#fff; border-radius:3px;-moz-border-radius:3px; text-align:center; display:inline-block;}
#about .bt_white a:hover{ font-size:20px;}


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#list{ width:100%;float:left; margin:61px 0;}

#list .liebiao{ width:249px;float:left; margin-top:41px;}
#list .liebiao .title_top{ width:100%;  background:#FF0031; color:#fff; float:left; font-size:26px; font-weight:bold; text-align:center; padding-top:30px; padding-bottom:30px; line-height:24px; letter-spacing:1px;}
#list .liebiao .title_top span{ width:100%;font-size:16px; font-weight: lighter; text-transform:uppercase; letter-spacing:3px;}

#list .liebiao ul{ width:213px; padding:18px; float:left; background:#fff;}
#list .liebiao ul li{ width:100%; line-height:50px; float:left;}

#list .liebiao ul li a{ width:100%; float:left; color:#444444; font-size:15px;}
#list .liebiao ul li a i{ width:8px; height:11px; background:url(../images/list_arrow.png); float:left; margin:19px 14px 0 0;}

#list .liebiao ul li a:hover{ background:#ff0000; color:#fff;}

#list .liebiao .title_bottom{ width:100%;  background:#666; color:#fff; float:left; font-size:19px; text-align:center; padding-top:23px; padding-bottom:22px; line-height:24px; letter-spacing:1px;}
#list .liebiao .title_bottom span{ font-size:24px; }


#list .con{ width:714px;float:right; margin-top:41px;}
#list .con ul{ margin:0; padding:0}
#list .con ul li{ width:229px; float:left; margin-left:9px; margin-bottom:9px;background:#fff;}
#list .con ul li .pic{ width:100%; height:184px;  float:left; text-align:center;}
#list .con ul li .pic img{ width:229px; height:184px;}
#list .con ul li .tex{ width:100%; height:40px; line-height:40px; border-top:1px dashed #C4C4C4; float:left; text-align:center; font-size:15px; color:#444;}
#list .con ul li:hover .tex{ border-top:1px dashed #ff0000; color:#ff0000;}


/*-------------------- -------------------- -------------------- anli -------------------- -------------------- -------------------- */
#anli{ width:100%; margin:65px 0;float:left;}
#anli .pic_l{ width:720px; float:left;}

#anli .pic_r{ width:196px; height:188px; padding:56px 33px; float:right; background:#EEEEEE;}
#anli .pic_r .title_r{ width:100;float:left; color:#000; font-size:28px; line-height:25px;}
#anli .pic_r .title_r span{ color:#AFB3AD; font-size:18px; text-transform:uppercase;}

#anli .pic_r .bt_more a{ width:192px; height:54px; line-height:54px;background:#207FDD; color:#fff; border-radius:2px;-moz-border-radius:2px; text-align:center; float:left;}
#anli .pic_r .bt_more a:hover{ font-size:20px;}

.rollBox{width:100%;float:left;overflow: hidden; position:relative;}
.rollBox .LeftBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; position:absolute; top:124px; left:9px; 
display: inline; 
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; position:absolute; top:124px; right:9px; 
display: inline; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 720px; 
overflow: hidden;
float:left; 

} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:240px; float:left;
} 
.rollBox .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:240px; height:300px;
} 

.rollBox .Cont .pic p 
{ 
line-height: 58px; text-align:center 
} 


.rollBox #List1, .rollBox #List2 
{ 
float: left; 
} 


/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:100%; float:left; background:#EEEEEE; padding:60px 0 54px 0;}
#news ul{ width:100%; float:left; margin-top:33px;}
#news ul li{ width:427px; float:left; border:1px solid #E3E3E3; background:#fff; padding:20px 26px; margin:7px; }
#news ul li .kuai{ width:71px; height:71px; line-height:71px; font-family:Arial, Helvetica, sans-serif; background:#005CAF;border-radius:50%;-moz-border-radius:50%; float:left;color:#FFFFFF; font-size:37px; font-weight:bold; text-align:center; }
#news ul li .tex{ width:335px; line-height:24px; float:right;}
#news ul li .tex p{ width:100%; line-height:18px; font-size:13px; float:left; color:#666666;}

#news ul li a.title{ font-size:16px; color:#000; width:100%; float:left;}


/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
#footer{ width:100%; background:#1D334A;float:left; color:#fff; font-size:13px; }

#footer .lx{ width:268px; height:182px; padding:30px 35px 45px 35px; background:#207FDD; position:absolute; top:0; left:0;}
#footer .lx span{ font-size:18px; color:#fff; line-height:50px;}
#footer .lx .tel{ width:100%; float:left;  border-bottom:1px solid #fff;border-top:1px solid #fff;}
#footer .lx .tel span{ font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#footer .lx p{ width:100%; float:left; line-height:25px;}


#footer .con{ width:387px;float:right; padding:30px 0 20px 0;}
#footer .con span{ font-size:18px; color:#fff; line-height:50px;}
#footer .con ul{ width:100%; float:left;}
#footer .con ul li{ width:auto; margin-right:50px; margin-bottom:20px; float:left;}
#footer .con ul li a{ width:auto; font-size:13px; color:#7F97AD; float:left;}
#footer .con ul li a:hover{ color:#fff;}

#footer .logo{ width:70px; height:131px; background:url(../images/footer_logo.png); margin:40px 0 40px 58px; float:right;}

#footer a{ color:#fff}
#footer a:hover{ text-decoration:underline;}


#copy{ width:100%;float:left; background:#132333;line-height:46px; color:#8CA5BB; text-align:right;}
#copy a{color:#8CA5BB; font-size:13px;}
#copy a:hover{ color:#fff;}


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
.container_nei{ width:100%; margin:40px auto; float:left}

.con_list{ width:246px;float:left;}
.con_list .title_top{ width:100%;  background:#FF0031; color:#fff; float:left; font-size:26px; font-weight:bold; text-align:center; padding-top:30px; padding-bottom:30px; line-height:24px; letter-spacing:1px;}
.con_list .title_top span{ width:100%;font-size:16px; font-weight: lighter; text-transform:uppercase; letter-spacing:3px;}

.con_list ul{ width:210px; padding:18px; float:left; background:#F0F0F0;}
.con_list ul li{ width:100%; line-height:50px; float:left; border-bottom:1px dashed #ccc;}

.con_list ul li a{ width:100%; float:left; color:#444444; font-size:15px;}
.con_list ul li a.a_on{ width:100%; float:left; color:#fff; background:#207FDB; font-size:15px;}

.con_list ul li a i{ width:8px; height:11px; background:url(../images/list_arrow.png); float:left; margin:19px 14px 0 0;}
.con_list ul li a i.i_bai{ width:8px; height:11px; background:url(../images/list_arrow_2.png); float:left; margin:19px 14px 0 0;}

.con_list ul li a:hover{ background:#ff0000; color:#fff;}

.con_list ul li ul{ width:100%;float:left; padding:0;}
.con_list ul li ul li{ width:100%; line-height:30px; float:left; border-bottom:1px dashed #E0E0E0;}
.con_list ul li ul li a{width:100%; float:left; color:#444444; font-size:12px;}


.con_list .title_bottom{ width:100%;  background:#666; color:#fff; float:left; font-size:19px; text-align:center; padding-top:23px; padding-bottom:22px; line-height:24px; letter-spacing:1px;}
.con_list .title_bottom span{ font-size:24px; }


.con_nei{ width:700px;float:right;}
.con_nei .title{ width:100%; float:left; line-height:73px; border-bottom:1px solid #CCCCCC; margin-bottom:25px; font-size:22px; font-weight:bold; color:#D4000F;}
.con_nei .title span{ width:50%; float:right; font-size:14px; color:#888; font-weight:lighter; text-align:right; }
.con_nei .title span a{font-size:14px; color:#888; font-weight:lighter;}
.con_nei .title span a:hover{color:#ff0000;}
.con_nei .title span img{ margin:-3px 6px 0 0;}

.con_tex{ margin-top:20px; width:100%; float:left; }

.con_nei p{ line-height:28px; }

.con_weizi{color:#fff; float:right; margin-top:260px;}
.con_weizi a{color:#fff;}
.con_weizi a:hover{color:#00AFDF;}

.con_weizi2{color:#444; float:right; margin-top:260px;}
.con_weizi2 a{color:#444;}
.con_weizi2 a:hover{color:#00AFDF;}

.con_news{  width:700px; float:left; }
.con_news ul{ margin:0; padding:0;}
.con_news ul li{ width:100%; float:left; line-height:45px; border-bottom:1px dashed #D5D5D5;}
.con_news ul li i{ width:5px; height:5px; background:#FF0000;border-radius: 50%;-moz-border-radius:50%; float:left; margin:20px 10px;}
.con_news ul li span{ float:right; color:#989898; font-size:12px;}

.con_lx{width:33%; float:left; text-align:center; line-height:25px; margin-bottom:50px; margin-top:60px;}
.con_lx span{ font-size:18px;}

.con_pro{  width:700px; float:left; }
.con_pro ul{ margin:0; padding:0;}
.con_pro ul li{ width:221px; margin:0 5px 10px 5px; float:left; line-height:45px; border:1px dashed #ccc;}
.con_pro ul li p{ width:100%; float:left; line-height:45px; text-align:center; border-top:1px dashed #ccc;}
.con_pro ul li img{ width:221px; height:178px;}
.con_pro ul li:hover{ border:1px dashed #ff0000;}
.con_pro ul li:hover p{ border-top:1px dashed #ff0000;}

.con_ry{  width:700px; float:left; }
.con_ry ul{ margin:0; padding:0;}
.con_ry ul li{ width:221px; margin:0 5px 10px 5px; float:left; line-height:45px; border:1px dashed #ccc;}
.con_ry ul li p{ width:100%; float:left; line-height:45px; text-align:center; border-top:1px dashed #ccc;}
.con_ry ul li img{ width:221px;}
.con_ry ul li:hover{ border:1px dashed #ff0000;}
.con_ry ul li:hover p{ border-top:1px dashed #ff0000;}

.con_al{  width:700px; float:left; }
.con_al ul{ margin:0; padding:0;}
.con_al ul li{ width:314px; margin:0 8px 16px 8px; padding:8px; float:left; line-height:45px; border:1px dashed #ccc;}
.con_al ul li p{ width:100%; float:left; line-height:45px; text-align:center; border-top:1px dashed #ccc;}
.con_al ul li img{ width:314px; height:210px;}
.con_al ul li:hover{ border:1px dashed #ff0000;}
.con_al ul li:hover p{ border-top:1px dashed #ff0000;}

/*-------------------- -------------------- -------------------- page -------------------- -------------------- -------------------- */
.pages{ width:100%; float:left; line-height:40px; text-align:center; margin-top:15px;}

p.zhengwen{ line-height:33px; text-indent:30px; font-size:15px;}




