/* 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:58px; height:1px; background:#3A96F7; 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: 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:29px; line-height:29px;width:100%; background:#F5F5F5; float:left; font-size:13px; color:#999999; border-bottom:1px solid #EAEAEA;}
#top .con_l{ width:40%; float:left;}
#top .con_r{ width:50%; float:right; text-align:right;}
#top .con_r img{ margin:-3px 4px 0 0;}

#top a{ font-size:13px;color:#999999;}
#top a:hover{ color:#2B4A9C;}



/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:left; width:100%; line-height:50px; background:#0a8b3f; border-bottom:2px solid #07649d;}
#nav ul{ margin:0; padding:0; }
#nav ul li{ width:130px; float:left; margin:0 1px;text-align:center;}
#nav ul li a{ width:130px; font-size:15px;float:left;color:#fff; }
#nav ul li a:hover{ font-size:17px; background:#07649d; border-top:4px solid #07649d;margin-top:-4px;}

#nav ul li a.active{ width:130px;color:#fff;float:left;  background:#07649d;font-size:15px;border-top:4px solid #07649d;margin-top:-4px;}
#nav ul li a.active:hover{ font-size:17px;}

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


.font_big{ font-size:33px; font-weight:bold; color:#222; line-height:55px;}
.font_small{ font-size:24px; color:#333; }


/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about{ width:100%; float:left;}
#about .main_zt{ width:1148px; float:left; margin:64px 26px;}

#about .tex{ width:520px; margin-top:48px;float:left}

#about p{ line-height:24px; width:100%; float:left; margin:40px 0;}

#about a{ color:#fff;}
#about a:hover{ color:#0075C5;}

#about .bt_white a{ width:106px; height:32px; line-height:32px;color:#FF0000; float:left; border:2px solid #FF0000;text-align:center}
#about .bt_white a:hover{ background:#FF0000; color:#fff; font-size:16px;}

#about span{ color:#C0C9CB; font-size:12px;}


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


#list .liebiao{ width:276px;float:right; margin-right:10px;}
#list .liebiao ul{ width:100%; float:left; background:url(../images/list_bg_shu.png) top left repeat-y; margin-top:55px;}
#list .liebiao ul li{ width:100%; line-height:50px; float:left; text-indent:23px; margin-bottom:10px;}

#list .liebiao ul li a{ width:100%; float:left;color:#fff; font-size:17px;}
#list .liebiao ul li a:hover{ background:url(../images/list_dot.png) left center no-repeat;}

#list .liebiao ul li a.a2{width:100%; float:left;color:#fff; font-size:17px;background:url(../images/list_dot.png) left center no-repeat;}

.sd01{cursor:pointer;width:100%; float:left;color:#fff; font-size:17px;background:url(../images/list_dot.png) left center no-repeat; }
.sd02{cursor:pointer;width:100%; float:left;color:#fff; font-size:17px; }
.hidden{display:none;}



#list .con{ width:876px;float:left; }
#list .con ul{ margin:0; padding:0}
#list .con ul li{ width:266px; float:left; margin:0 13px 26px 13px;}
#list .con ul li .pic{ width:258px; height:220px;float:left; border:4px solid #fff;}
#list .con ul li .pic img{ width:258px; height:220px;}
#list .con ul li .tex{ width:100%; line-height:38px; float:left; text-align:center; font-size:14px; color:#fff;}
#list .con ul li .tex .bt_kong a{ width:111px; height:29px; line-height:29px;color:#fff; float:left; margin-top:10px; font-size:14px; border:1px solid #fff;border-radius:15px;-moz-border-radius:15px; margin-left:85px;}
#list .con ul li .tex .bt_kong a:hover{ background:#ffF; color:#FFB43D}
#list .con ul li:hover .pic{ border:4px solid #07649d;}


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#list_2{ width:100%;float:left; height:597px; background:url(../images/pro_bg2.jpg) top center no-repeat;padding-top:50px;}
#list_2 .title_left{ width:334px;float:left; margin-left:26px;}
#list_2 .title_right{ width:814px;float:right; margin-right:26px;}
.bt_red a{ width:85px; height:42px; line-height:42px;color:#fff; background:#07649d; float:right; margin-top:27px; font-size:14px; text-align:center; }
.bt_red a:hover{ font-size:20px;}
#list_2 .title_right ul{ float:right; margin-top:27px;}
#list_2 .title_right ul li{ width:auto;  float:right;}
#list_2 .title_right ul li a{ width:auto; padding:0 24px; background:#fff; border-bottom:1px solid #CACACA; border-top:1px solid #CACACA; margin-right:17px; font-size:17px;float:right; line-height:40px;}
#list_2 .title_right ul li a:hover{background:#07649d; border-bottom:1px solid #07649d; border-top:1px solid #07649d; color:#fff;}


/*-------------------- -------------------- -------------------- honor -------------------- -------------------- -------------------- */
#honor{ width:100%; float:left; padding-top:603px; height:359px; background:url(../images/honor_bg.jpg) top center no-repeat;}
.rollBox{width:100%;float:left;overflow: hidden; }
.rollBox .LeftBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin:122px 27px 0 10px; 
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; 
float: right; 
display: inline; 
margin: 122px 10px 0 27px; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 1065px; 
overflow: hidden;
float:left; 


} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:187px; float:left; margin:0 13px;
} 


.rollBox .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:171px; height:241px;
border:8px solid #fff;
} 
.rollBox .Cont .pic p 
{ 
line-height: 16px; text-align:center; width:100%; background:#fff; border-bottom:10px solid #fff;
} 
.rollBox .Cont .pic .yinying 
{ 
height: 8px; width:100%; background:url(../images/ry_yinying.png) center no-repeat;
} 


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



/*-------------------- -------------------- -------------------- col3 -------------------- -------------------- -------------------- */
#col3{ width:100%; float:left; margin:60px 0;}
#col3 .fl_nei{ width:368px; float:left; margin:0 16px;}
#col3 .fl_nei .title_d{ width:100%; float:left; font-size:26px; font-weight:bold; color:#222222; margin-bottom:30px;}
#col3 .fl_nei .title_d a{ width:73px; line-height:30px; float:right; font-size:14px; font-weight:lighter; border:1px solid #CCCCCC;border-radius:25px;-moz-border-radius:25px; color:#888888; text-align:center; margin-top:2px;}
#col3 .fl_nei .title_d a:hover{ background:#ff0000; color:#fff; border:1px solid #ff0000;}
#col3 .fl_nei .tex_down{ width:100%; float:left; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #DDDDDD }
#col3 .fl_nei .tex_down .title_1{ width:100%; float:left; line-height:40px; color:#5A5A5A; font-size:17px; font-weight:bold;}
#col3 .fl_nei .tex_down p{ width:100%; float:left; line-height:18px; color:#999999;}

/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:314px; float:left; padding:24px 26px 25px 26px; border:1px solid #DDDDDD;}
#news ul{ margin:0; padding:0}
#news ul li{ width:100%; float:left; border-bottom:1px dashed #C4C4C4; line-height:20px; padding:11px 0; }
#news ul li .kuai{ width:20px; height:20px; line-height:20px; background:#000000; float:left; color:#fff; font-size:16px; text-align:center; }
#news ul li .tex{ width:280px; float:right;}
#news ul li .kuai2{ width:20px; height:20px; line-height:20px; background:#FF0000; float:left; color:#fff; font-size:16px; text-align:center; }

#news ul li a.title{ font-size:16px;font-weight:bold;}


/*-------------------- -------------------- -------------------- contacts -------------------- -------------------- -------------------- */
#contacts{ width:100%; float:left; padding:50px 0 60px 0; background:url(../images/contact_bg.jpg) top center no-repeat;}
#contacts .lx_nei{ width:auto; display:inline-block; font-size:17px; margin:37px;}
#contacts .lx_nei img{ margin:-3px 10px 0 0;}


/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
#footer{ width:100%; background:#0a8b3f;float:left; color:#fff; font-size:13px; padding:44px 0; }

#footer .con{ width:auto; float:left; line-height:18px;}
.b_50{ margin-right:50px; padding-right:50px; border-right:1px solid #6E6E6E; height:100px;}


#footer a{ color:#fff}
#footer a:hover{ text-decoration:underline;}


#copy{ width:100%;float:left; background:#000000;line-height:50px; color:#9A9A9A; text-align:center; font-size:13px;}
#copy a{color:#9A9A9A; font-size:13px;}
#copy a:hover{ color:#fff;}


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
.container_nei{ width:100%; margin:0 auto 40px; float:left}
.con_list{ width:260px; float:left; margin-top:-30px; position:relative;  }
.con_list .title{ width:100%; height:80px; padding-top:30px;background:#0a8b3f;float:left; color:#fff; font-size:14px; text-align:center; text-transform:uppercase;}
.con_list .title span{ font-size:24px; }

.con_list .left_bg{ width:240px; background:#F4F4F4; padding:10px; float:left;}
.con_list .left_bg ul{ margin:0; padding:0}
.con_list .left_bg ul li a{ width:210px; line-height:20px; padding:4px 15px; border-bottom:1px solid #CCCCCC;float:left;background:#E1E1E1; font-size:13px;}
.con_list .left_bg ul li a:hover{ background:#07649d; color:#fff;}
.con_list .left_bg ul li img{ width:27px; height:27px; margin-right:10px;}

.con_list .left_bg .title2{ width:100%; height:44px; background:#07649d;  line-height:44px; float:left; font-size:16px; color:#fff; font-weight:bold; }
.con_list .left_bg .title2 img{ margin:-3px 8px 0 15px; }
.con_list .left_bg .title2 a{ font-size:15px; color:#fff; font-weight:bold}
.con_list .left_bg .title2 a:hover{ color:#D4262F; font-weight:bold}
			

.con_nei{ width:904px;float:right;}
.con_nei .title{ width:100%; float:left; line-height:73px;margin-bottom:25px; font-size:22px; font-weight:bold; color:#000; background:url(../images/nei_top_linebg.jpg) bottom repeat-x;}
.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:910px; 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;}



/*-------------------- -------------------- -------------------- 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;}


/*-------------------- -------------------- -------------------- neiye_banner -------------------- -------------------- -------------------- */
#banner_about{ width:100%; height:350px; float:left; background:url(../images/banner_about.jpg) center no-repeat;}
#banner_pro{ width:100%; height:350px; float:left; background:url(../images/banner_pro.jpg) center no-repeat;}
#banner_penlinta{ width:100%; height:350px; float:left; background:url(../images/banner_penlinta.jpg) center no-repeat;}
#banner_honor{ width:100%; height:350px; float:left; background:url(../images/banner_honor.jpg) center no-repeat;}
#banner_news{ width:100%; height:350px; float:left; background:url(../images/banner_news.jpg) center no-repeat;}
#banner_scgy{ width:100%; height:350px; float:left; background:url(../images/banner_scgy.jpg) center no-repeat;}
#banner_ybxz{ width:100%; height:350px; float:left; background:url(../images/banner_ybxz.jpg) center no-repeat;}
#banner_service{ width:100%; height:350px; float:left; background:url(../images/banner_service.jpg) center no-repeat;}
#banner_contact{ width:100%; height:350px; float:left; background:url(../images/banner_contact.jpg) center no-repeat;}