/* CSS Document */

* { margin:0; padding:0; } 
iframe{max-width: 100%;margin: 30px 0;}

body {
  color: #333333;
  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: #333333;
  text-decoration: none;
  border: none;
  transition: 0.4s;
}
a:hover{ color: #00549D; }

a.blue{
  color: #00549D;
  text-decoration: none;
  border: none;
  transition: 0.4s;
  
}
a.blue:hover{ color: #333333; }

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:240px; height:1px; background:#BDBDBD; margin:10px auto 6px auto;}
.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:1200px; 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: 30px;color:#005BAC;font-weight:lighter;}
h3{font-size: 13px;line-height: 32px; font-weight:lighter; color:#999999; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}

h3 span{font-size: 12px;color:#BDBDBD;font-weight:lighter;}

h4{font-size: 14px; color:#BCBCBC;line-height:30px;margin-bottom: 0px;font-weight:lighter;}

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{line-height:36px;width:100%; background:#F4F4F4; float:left; font-size:13px; color:#999999; }
#top .con_l{ width:30%; float:left;}
#top .con_r{ width:70%; float:right; text-align:right;}
#top .con_r i{ float:right; margin-left:15px; margin-top:5px;}

#top .con_r i.icon1{ width:35px; height:25px; background:url(../images/top_icon1.png);}
#top .con_r i.icon1:hover{background:url(../images/top_icon1_2.png);}

#top .con_r i.icon2{ width:35px; height:25px; background:url(../images/top_icon2.png);}
#top .con_r i.icon2:hover{background:url(../images/top_icon2_2.png);}

#top .con_r i.icon3{ width:35px; height:25px; background:url(../images/top_icon3.png);}
#top .con_r i.icon3:hover{background:url(../images/top_icon3_2.png);}

#top .con_r i.icon4{ width:40px; height:25px; background:url(../images/top_icon4.png);}
#top .con_r i.icon4:hover{background:url(../images/top_icon4_2.png);}

#top .con_r i.icon5{ width:35px; height:25px; background:url(../images/top_icon5.png);}
#top .con_r i.icon5:hover{background:url(../images/top_icon5_2.png);}


/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:left; width:100%;background:#00549D;}
#nav ul{ margin:0; padding:0; }
#nav ul li{ width:170px; float:left;text-align:center; margin-right:1px; position:relative;}
#nav ul li span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#659CB5; text-transform:uppercase; font-weight:lighter; width:100%; float:left;}

#nav ul li a{ width:170px; font-size:15px;float:left; color:#fff; padding:10px 0; }
#nav ul li a:hover{ background:#004581; font-weight:bold;}

#nav ul li ul {display: none;}

#nav ul li:hover ul {
display:block;
position:absolute;
top:52px;
left:-2px;
width:100%;
padding:2px;
z-index:10000;
}
#nav ul li ul li {
margin:0px;
margin-bottom:1px;
width:170px; margin-right:4px;
}
#nav ul li:hover ul li a {
display:block;
background:#00549D;
color:#fff;
font-size:14px;
}
#nav ul li:hover ul li a:hover {
background:#0A99D9;

}


#nav ul li a.active{ width:170px;color:#fff;float:left;background:#004581;font-size:15px; font-weight:bold;}


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#banner{ width:100%;float:left; }

/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about{ width:100%; float:left; margin:64px 0;}

#about p{ line-height:30px; font-size:16px; float:left; margin-top:10px;}

#about ul{ margin:48px 0; float:left; color:#000; width:100%;}
#about ul li{ width:33%; float:left; }
#about ul li .font_40{ font-size:40px; width:100%; float:left; margin-bottom:18px; font-family:Arial, Helvetica, sans-serif;}
#about ul li .font_40 span{ font-size:24px; margin-left:10px;}
#about ul li .font_16{ font-size:16px;width:100%; float:left;}

#about .bt_blue{ width:134px; height:37px;float:left; margin-left:533px; position:relative}
#about .bt_blue a{ width:134px; height:37px; line-height:37px;background:#00549D; color:#fff; float:left; border-radius:25px;-moz-border-radius:25px;}
#about .bt_blue a i{ width:16px; height:14px; background:url(../images/more_icon.png); position:absolute;top:12px; right:90px;}

#about .bt_blue a:hover{ background:#FF6600;}


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
.title_main{ width:100%; text-align:center; float:left; margin-bottom:35px;}
.title_main .t_h1{ width:100%; float:left; font-size:30px; color:#00549D; font-weight:bold;}
.title_main .t_h1 span{ font-size:12px; color:#D9D9D9; font-weight:lighter;}
.title_main .t_h2{ width:100%; float:left; font-size:18px; line-height:52px;}
.title_main .t_h3{ width:100%; float:left; font-size:13px; color:#999999; text-transform:uppercase;}

#list{ width:100%;float:left; background:url(../images/pro_bg.jpg) center top no-repeat; padding-top:60px;}

#list ul{ margin:0; padding:0; width:100%; float:left;}
#list ul li{ width:100%; float:left; margin-bottom:60px;}
#list ul li .tex{ width:602px; height:264px; background:#FFf; float:left;}
#list ul li .tex .biaoti_1{ width:100%; float:left; position:relative; }
#list ul li .tex .biaoti_1 .con_img{ width:92px; left:0;  position:absolute; top:-5px;}
#list ul li .tex .biaoti_1 .con_wenzi{ width:489px; float:left; color:#000; font-size:24px; font-weight:bold; margin-left:113px; margin-top:10px;}
#list ul li .tex .biaoti_1 .con_wenzi .yingwen{ width:100%;color:#666666; font-size:12px;text-transform:uppercase; line-height:20px; float:left; font-weight:lighter;}
#list ul li .tex .biaoti_1 .con_wenzi .jieshao{ width:100%; float:left;font-size:18px; margin-top:2px; font-weight: lighter;}
#list ul li .tex .biaoti_1 .con_wenzi .jieshao i{ width:11px; height:11px; background:url(../images/list_arrow.jpg); float:left; margin:7px 10px 0 0;}
#list ul li .tex .pic_1{ width:100%; float:left; margin:18px 0; text-align:center; text-transform:uppercase;}
#list ul li .tex .pic_1 .pic_main{ float:left; margin-right:38px;}
#list ul li .tex .pic_1 .pic_main p{ line-height:15px;font-size:12px; color:#666666; }

#list ul li .tex .bt_orange{ width:120px; height:36px; float:left; position:relative; text-align:center;}
#list ul li .tex .bt_orange a{ width:120px; height:36px; line-height:36px; background:#FF6600;color:#fff; float:left; }
#list ul li .tex .bt_orange a i{ width:16px; height:14px; background:url(../images/more_icon.png); position:absolute;top:11px; right:83px;}
#list ul li .tex .bt_orange a:hover{ background:#00549D}

.pd_l44{padding-left:44px;}
.pd_r44{padding-right:44px;}


/*-------------------- -------------------- -------------------- anli -------------------- -------------------- -------------------- */
#anli_news{ width:100%;float:left; background:url(../images/anli_bg.png) center top no-repeat;padding-top:60px;}

.rollBox{width:100%;float:left;overflow: hidden; margin-bottom:55px; }
.rollBox .LeftBotton 
{ 
height: 38px; 
width: 38px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin:20px 0 0 561px; 
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 38px; 
width: 38px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; 
float: right; 
display: inline; 
margin: 20px 561px 0 0; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 1200px; 
overflow: hidden;
float:left; 


} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:285px; float:left; margin:0 8px 15px 7px;
} 
.rollBox .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:285px; height:180px;
} 
.rollBox .Cont .pic p 
{ 
line-height: 43px; background:#EFEFEF; text-align:center; border-bottom:3px solid #B8B8B8; font-size:16px;
} 
.rollBox .Cont .pic:hover p 
{ 
 background:#164279; border-bottom:3px solid #0A99D9; color:#fff;
} 


.rollBox #List1, .rollBox #List2 
{ 
float: left; 
} 

/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:100%; height:400px; float:left; background:url(../images/news_bg.png) center no-repeat;}
#news .right_tex{ width:635px; float:right; margin-top:70px;}

#news .right_tex .title_left{ width:50%; float:left; font-size:26px; color:#1D5295;}
#news .right_tex .title_left span{ font-size:13px; color:#999999; text-transform:uppercase;}

#news .right_tex .title_right{ width:50%;float:left; margin-top:12px; text-align:right; font-size:18px; color:#000;}

#news ul{ padding:0; float:left; margin-bottom:24px;}
#news ul li{ width:100%; line-height:30px; float:left; border-bottom:1px dotted #BCBCBC; }
#news ul li i{ width:11px; height:11px; background:url(../images/news_icon.png); float:left; margin:9px 10px 0 0;}

#news .bt_orange2{ width:120px; height:36px; float:left; position:relative; text-align:center;}
#news .bt_orange2 a{ width:120px; height:36px; line-height:36px; background:#FF6600;color:#fff; float:left; }
#news .bt_orange2 a i{ width:16px; height:14px; background:url(../images/more_icon.png); position:absolute;top:11px; right:83px;}
#news .bt_orange2 a:hover{ background:#00549D}


/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
#footer{ width:100%; background:#202020;float:left; color:#fff;  padding:40px 0; }
#footer .font_d16{ width:100%;float:left; color:#fff; font-size:16px; margin-bottom:16px; }

#footer .col_1{ width:310px;float:left; padding-right:70px; margin-right:70px; background:url(../images/footer_gray_line.jpg) center right no-repeat}
#footer .col_1 p{ width:310px;float:left; margin:20px 0; line-height:20px; font-size:13px;}
#footer .col_1 .bt_gray_more{ width:90px; height:30px; float:left;text-align:center;}
#footer .col_1 .bt_gray_more a{ width:88px; height:28px; line-height:28px; color:#797979; float:left; border:1px solid #797979;border-radius:5px;-moz-border-radius:5px; font-size:13px; text-decoration:none }
#footer .col_1 .bt_gray_more a:hover{ background:#FF6600;border:1px solid #FF6600; color:#fff;}

#footer .col_2{ width:310px;float:left; padding-right:70px; margin-right:70px; background:url(../images/footer_gray_line.jpg) center right no-repeat}

#footer .col_3{ width:290px;float:left;}
#footer .col_3 a{ width:auto;float:left; line-height:36px; margin-right:42px; font-size:13px; color:#fff;}
#footer .col_3 a:hover{ color:#FF6600}

#copy{ width:100%;float:left; background:#111111;line-height:48px; color:#888888; text-align:center; font-size:13px;}
#copy a{color:#888888; font-size:13px;}
#copy a:hover{ color:#FF6600;}


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
.container_nei{ width:100%; margin-bottom:40px; float:left; }

.con_l