/* 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: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:28px; line-height:28px;width:100%; background:url(../images/top_bg.jpg) top center no-repeat;float:left; font-size:13px; color:#fff;}
#top .con_l{ width:40%; float:left;}
#top .con_r{ width:50%; float:right; text-align:right;}
#top a{ color:#fff;}
#top a:hover{ color:#ff0000;}



/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:left; width:100%; line-height:50px; background:#333333;}
#nav ul{ margin:0; padding:0; }
#nav ul li{ width:136px; float:left;color:#fff; margin:0 2px; }
#nav ul li a{ width:136px; font-size:16px;float:left;color:#fff; text-align:center; }
#nav ul li a:hover{ font-size:17px; background:#104EAA;}

#nav ul li a.active{ width:136px;color:#fff;float:left; text-align:center; background:#104EAA;font-size:16px;}
#nav ul li a.active:hover{ font-size:17px;}

/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#banner{ width:100%;float:left; }


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#list{ width:100%;float:left;}
#list .liebiao{ width:100%;float:left; height:80px; background:#00428E; color:#fff; line-height:80px;}
#list .liebiao span{ width:auto;float:left; font-size:18px; font-weight:bold;}

#list .liebiao ul{ margin:0; padding:0}
#list .liebiao ul li{ width:auto; float:left; margin:0 16px;}

#list .liebiao ul li a{ width:auto; float:left; color:#fff; font-size:16px;}
#list .liebiao ul li a:hover{ color:#ff0000;}

#list .liebiao .bt_more a{ width:68px; height:28px; line-height:28px;color:#00428E; background:#fff; float:right; margin-top:27px; margin-right:24px; font-size:14px; text-align:center;}
#list .liebiao .bt_more a:hover{ background:#ff0000; color:#fff;}

#list .title{ width:100%;float:left; text-align:center; margin-bottom:14px;}

#list .con{ width:100%;float:left; margin:52px 0; }
#list .con ul{ margin:0; padding:0}
#list .con ul li{ width:215px; float:left; padding:7px; margin:16px 8px 0 8px; border:1px solid #DEDEDE;}
#list .con ul li .pic{ width:100%; float:left; text-align:center;}
#list .con ul li .tex{ width:100%; line-height:13px; margin:9px 0 2px 0;float:left; text-align:center; color:#000;}
#list .con ul li:hover{ border:1px solid #00428E; background:#00428E;}
#list .con ul li:hover .tex{color:#fff;}

.m_r{ margin-right:31px;}


/*-------------------- -------------------- -------------------- xuanchuan -------------------- -------------------- -------------------- */
#xuanchuan{ width:100%; height:300px; float:left; background:url(../images/xuanchuan_tiao.jpg) top center no-repeat;}


/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about{ width:100%;float:left; background:url(../images/about_bg.jpg) center no-repeat; padding:55px 0;}

#about .title{ width:100%;float:left; text-align:center; margin-bottom:25px;}

#about .tex{ width:480px; margin-top:40px;float:right}
#about .tex span{ width:100%; float:left; font-size:26px; color:#000; font-weight:bold;}

#about p{ line-height:29px; width:100%; float:left; margin:28px 0; font-size:15px;}

#about .bt_white a{ width:118px; height:38px; line-height:38px;background:#fff; color:#666666; float:left; border-radius:3px;-moz-border-radius:3px; text-align:center; border:1px solid #666666;}
#about .bt_white a:hover{ background:#ff0000; border:1px solid #ff0000; color:#fff;}


/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:100%; float:left; margin:52px 0; }

#news .title{ width:100%;float:left; margin-bottom:3px;}
#news .title a{ float:right; color:#666; }
#news .title a:hover{ color:#ff0000; }

#news ul{ margin:0; padding:0}
#news ul li{ width:462px; float:left; margin:34px 16px 0 16px;}
#news ul li .kuai{ width:60px; height:66px; padding-top:4px; background:#104EAA; float:left; color:#fff; font-size:13px;text-align:center; }
#news ul li .kuai span{ color:#fff; font-size:30px; width:100%; float:left;}

#news ul li .tex{ width:384px;float:right;}

#news ul li .tex a.title_d{ font-size:16px; color:#000; width:100%; float:left; line-height:39px;}
#news ul li .tex a.title_d:hover{ color:#ff0000;}

#news ul li .tex p{ width:100%;float:left;}


/*-------------------- -------------------- -------------------- anli -------------------- -------------------- -------------------- */
#anli_title{ width:100%; height:52px; margin:48px 0 38px 0;float:left; background:url(../images/anli_title.png) center no-repeat;}
#anli_pic{ width:100%; float:left; background:url(../images/anli_bg.jpg) repeat-x bottom;}
#anli_pic img:hover{opacity:0.7;filter(alpha=70) }


/*-------------------- -------------------- -------------------- cases -------------------- -------------------- -------------------- */
#cases{ width:100%; float:left; padding:52px 0; background:#F0F0F2;}
#cases p.p44{ width:100%; float:left; font-size:23px; color:#000; margin-bottom:33px;}

.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;
display: inline; top:51px; left:0;
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; position:absolute;
display: inline; top:51px; right:0;
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 990px; 
overflow: hidden;
float:left; 


} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:223px; float:left; margin:0 4px; background:#fff; border:1px solid #E0E0E0; padding:6px;
} 
.rollBox .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:223px; height:139px;
} 
.rollBox .Cont .pic p 
{ 
line-height: 44px; text-align:center; font-size:14px;
} 


.rollBox #List1, .rollBox #List2 
{ 
float: left; 
} 


/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
#footer{ width:100%; background:#202020;float:left; color:#fff; font-size:13px; padding:40px 0 35px 0;; }

#footer .menu{ width:100%;float:left; margin-bottom:40px; text-align:center;}
#footer .menu a{ font-size:15px; margin:0 35px; display:inline-block;}

#footer .con{ width:512px;float:left; color:#999999; margin-left:52px; margin-top:9px;}
#footer .con span{ width:100%;float:left; font-size:18px; font-weight:bold; margin-bottom:10px;}
#footer .con p{ width:512px;float:left; line-height:21px; font-size:13px;}

#footer a{ color:#fff}
#footer a:hover{ text-decoration:underline;}


#copy{ width:100%;float:left; background:#000000;line-height:50px; color:#CCCCCC; text-align:center; font-size:13px;}
#copy a{color:#CCCCCC; font-size:13px;}
#copy a:hover{ color:#fff;}


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
.container_nei{ width:100%; margin:40px auto; float:left}


.liebiao_nei{ width:100%;float:left; height:80px; background:#00428E; color:#fff; line-height:80px;}
.liebiao_nei span{ width:auto;float:left; font-size:18px; font-weight:bold;}

.liebiao_nei ul{ margin:0; padding:0}
.liebiao_nei ul li{ width:auto; float:left; margin:0 16px;}

.liebiao_nei ul li a{ width:auto; float:left; color:#fff; font-size:16px;}
.liebiao_nei ul li a:hover{ color:#ff0000;}

.liebiao_nei .bt_more a{ width:68px; height:28px; line-height:28px;color:#00428E; background:#fff; float:right; margin-top:27px; margin-right:24px; font-size:14px; text-align:center;}
.liebiao_nei .bt_more a:hover{ background:#ff0000; color:#fff;}

.title_nei{ width:100%;float:left; text-align:center; margin-bottom:22px;}




.con_list{ width:240px; margin-right:30px; float:left;  }
.con_list .title{ width:100%; height:74px; line-height:74px; background:#00428E;float:left; color:#fff; font-size:14px; text-align:center;}
.con_list .title span{ font-size:24px;font-weight:bold; }


.con_list ul{ margin:0; padding:0}
.con_list ul li a{ width:210px; line-height:24px; padding:11px 15px; border-bottom:1px solid #52ACFF;float:left;background:#1077D6; font-size:17px;color:#fff;}
.con_list ul li a:hover{ background:#D4000F;}

.con_list ul li a.a2{ width:210px;float:left;  background:#EFEFEF; line-height:16px; padding:7px 15px; font-size:13px;border-bottom:1px solid #D9D9D9; color:#666;}
.con_list ul li a.a2:hover{ background:#D4000F; color:#fff;}
		
.con_list .tel_bg{ width:100%;float:left; height:278px; line-height:58px; background:url(../images/nei_telbg.jpg); color:#fff; text-indent:15px;}

.con_list ul.plist li a{ width:100%; line-height:30px; border-bottom:1px solid #D0D0D0;float:left;text-indent:28px; font-size:13px;}
.con_list ul.plist li a:hover{ background:#0049A5; color:#fff;}


.con_nei{ width:720px;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:70%; float:right; font-size:14px; color:#565656; font-weight:lighter ; text-align:right;}

.con_pro{  width:100%; float:left; }
.con_pro ul{ margin:0; padding:0;}
.con_pro ul li{ width:212px; margin:0 8px 16px 8px; padding:5px; float:left; border:1px solid #D5D5D5;}
.con_pro ul li img{ width:212px; height:212px;}
.con_pro ul li p{ width:212px; float:left; line-height:45px; text-align:center;}
.con_pro ul li:hover{ border:1px solid #00428E; background:#00428E;}
.con_pro ul li:hover p{ color:#fff; }


.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:100%; 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_cases{ width:100%; float:left; }
.con_cases ul{ margin:0; padding:0;}
.con_cases ul li{ width:219px; margin:0 8px 16px 8px; padding:5px; float:left; border:1px solid #D5D5D5;}
.con_cases ul li img{ width:219px; height:219px;}
.con_cases ul li p{ width:212px; float:left; line-height:45px; text-align:center;}
.con_cases ul li:hover{ border:1px solid #00428E; background:#00428E;}
.con_cases ul li:hover p{ color:#fff; }


.con_ry{  width:100%; float:left; }
.con_ry ul{ margin:0; padding:0;}
.con_ry ul li{ width:212px; margin:0 8px 16px 8px; padding:5px; float:left; border:1px solid #D5D5D5;}
.con_ry ul li img{ width:212px; height:294px;}
.con_ry ul li p{ width:212px; float:left; line-height:15px; padding:10px 0; text-align:center;}
.con_ry ul li:hover{ border:1px solid #00428E; background:#00428E;}
.con_ry ul li:hover p{ color:#fff; }




/*-------------------- -------------------- -------------------- 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;}




