/* 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: #003C7E; }

a.blue{
  color: #003C7E;
  text-decoration: none;
  border: none;
  transition: 0.4s;
  
}
a.blue:hover{ color: #565656; }

a.red{
  color: #D10B18;
  text-decoration: none;
  border: none;
  transition: 0.4s;
  
}
a.red:hover{ color: #003C7E; }


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;}
.container2{ width:1168px; 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: 18px;line-height: 38px; color:#185DCF; margin-top:8px;}
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:41px; line-height:41px;width:100%; background:url(../images/top_bg.jpg);float:left; font-size:14px; color:#666666; border-bottom:1px solid #E4E4E4;}
#top .con_l{ width:40%; float:left;}
#top .con_r{ width:30%; float:right; text-align:right}
#top a{ color:#666666;}
#top a:hover{ color:#003C7E;}
#top a.lx{ width:125px; line-height:40px;  background:#C00725; text-align:center; color:#fff; float:right; margin-left:28px;}
#top a.lx:hover{ background:#003C7E; font-size:16px;}



/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:right; width:100%; line-height:52px; background:#0758B3; }
#nav ul{ margin:0; padding:0; }
#nav ul li a{ width:170px; font-size:16px;float:left;color:#fff; }
#nav ul li a:hover{ font-size:17px; background:#024085;}

#nav ul li a.active{ width:170px;color:#fff;float:left; text-align:center; background:#024085;font-size:16px;}
#nav ul li a.active:hover{ font-size:17px;}

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

/*-------------------- -------------------- -------------------- list&about -------------------- -------------------- -------------------- */
#list_about{ width:100%;float:left; background:url(../images/gray_bg.jpg); }


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#list{ width:100%; height:359px; background:url(../images/list_bg.jpg); border-bottom:1px solid #A7A6A6;float:left; padding:33px 0; margin-top:-25px;position:relative;}

.rollBox{width:100%;float:left;overflow: hidden;  margin-top:32px;}
.rollBox .LeftBotton 
{ 
height: 30px; 
width: 30px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin:22px 8px 0 570px; 
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 30px; 
width: 30px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin: 22px 0 0 8px; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 1170px; 
overflow: hidden;
margin:0 auto;

} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:212px; float:left; margin:0 11px;
} 
.rollBox .Cont .pic img 
{ 
border: 1px solid #DEDEDE; 
display: block; 
margin: 0 auto; 
width:210px; height:203px;
}
.rollBox .Cont .pic:hover img 
{ 
border: 1px solid #003C7E; 
} 
 
.rollBox .Cont .pic p 
{ 
line-height: 39px; text-align:center 
} 


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


/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about{ width:100%; float:left; background:#fff; margin:39px 0;}
#about .liebiao{ width:290px; float:left}
#about .liebiao ul{ margin:0; padding:0}
#about .liebiao ul li{ width:100%; text-indent:30px; line-height:45px; float:left; text-align:left}
#about .liebiao ul li a{ width:100%;  background:url(../images/fenlei_bg.jpg); float:left;}
#about .liebiao ul li a:hover{ background:url(../images/fenlei_bg2.jpg); color:#fff;}

#about .con{ width:867px; margin-top:10px; margin-right:10px; float:right; text-align:left;}
#about .tex{ width:672px; margin-top:48px;float:left}

#about p{ line-height:24px;}

#about .bt_white a{ width:111px; height:29px; line-height:29px;background:#fff; color:#1285F2; float:right; margin-top:20px;border-radius:15px;-moz-border-radius:15px; text-align:center}
#about .bt_white a:hover{ background:#D4000F; color:#fff;}

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


/*-------------------- -------------------- -------------------- anli -------------------- -------------------- -------------------- */
#anli_pic{ width:100%; margin-top:29px; margin-bottom:39px;}
#anli_pic img{ margin-right:1px;}
#anli_pic img:hover{opacity:0.7;filter(alpha=70) }


/*-------------------- -------------------- -------------------- news&contact -------------------- -------------------- -------------------- */
#news_contact{ width:100%;float:left; background:url(../images/gray_bg.jpg); padding:39px 0;}



/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:810px; height:418px; background:#fff; float:left; margin-left:16px;}
#news .title{ width:100%; height:203px;float:left; background:url(../images/news_pic.jpg)}
#news .title a{ width:89px; line-height:37px;float:left; background:#0758B3; text-align:center; color:#fff;border-radius:5px;-moz-border-radius:5px; margin:132px 0 0 28px; font-size:13px;}
#news .title a:hover{ background:#D10B18; font-size:16px;}

#news ul{ width:772px; margin:4px 19px 0 19px; float:left}
#news ul li{ width:100%; line-height:45px;float:left; border-bottom:1px dotted #D9D9D9; text-indent:11px; }
#news ul li span{ float:right; color:#929292; margin-right:15px; }

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



/*-------------------- -------------------- -------------------- contact -------------------- -------------------- -------------------- */
#contact{ width:328px; float:right; height:418px; background:#fff; margin-right:16px;}
#contact .title{ width:100%; height:203px;float:left; background:url(../images/contact_pic.jpg)}
#contact .title a{ width:89px; line-height:37px;float:right; background:#0758B3; text-align:center; color:#fff;border-radius:5px;-moz-border-radius:5px; margin:132px 28px 0 0; font-size:13px;}
#contact .title a:hover{ background:#D10B18; font-size:16px;}
#contact .tex{ padding:17px; float:left; width:298px;}
#contact .tex p{ float:left;line-height:30px; font-size:14px;margin-left:8px; margin-top:-5px;}



/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
#links{ width:1179px;float:left;line-height:33px; color:#6F7474; margin:12px 0; border-left:5px solid #01527B; margin-left:16px;}
#links .tex{ width:1174px;float:left;border-left:5px solid #028BCF;}
#links a{color:#6F7474; font-size:13px;}
#links a:hover{ color:#003C7E;}


#footer{ width:100%; background:#003C7E;float:left; color:#fff; font-size:13px;}

#footer .logo{ width:150px; height:155px; background:url(../images/footer_logo.jpg);float:left; margin-left:16px;}

#footer .con{ width:80%;float:right; text-align:right; padding-right:16px; line-height:22px; margin-top:53px; }

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


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
.neiye{ width:100%; background: url(../images/gray_bg.jpg); float:left; }
.container_nei{ width:100%; margin-top:-54px; float:left; background:#fff; margin-bottom:39px;border-radius:7px 0 0 0;-moz-border-radius:7px 0 0 0; position:relative;}
.con_list{ width:290px; float:left;  }
.con_list .title{ width:100%; height:74px; line-height:74px; background:#04366C;float:left; color:#fff; font-size:14px; text-align:center;}
.con_list .title span{ font-size:24px;font-weight:bold; }


		
.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_list ul{ margin:0; padding:0}
.con_list ul li{ width:100%; text-indent:30px; line-height:45px; float:left; text-align:left}
.con_list ul li a{ width:100%;  background:url(../images/fenlei_bg.jpg); float:left;}
.con_list ul li a:hover{ background:url(../images/fenlei_bg2.jpg); color:#fff;}

.con_nei{ width:835px; margin-top:10px; margin-right:10px; float:right; text-align:left;}
.con_nei .title{ width:100%; float:left; line-height:42px; 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_tex{ margin-top:20px; width:100%; float:left; }

.con_nei p{ line-height:22px; }

.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 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;}



.caseslist {
		WIDTH: 100%;
}
.caseslist LI {
	BORDER-BOTTOM: #e1e1e1 1px solid; BORDER-LEFT: #e1e1e1 1px solid; PADDING-BOTTOM: 5px; MARGIN: 0px 7px 30px; PADDING-LEFT: 5px; WIDTH: 244px; PADDING-RIGHT: 5px; BACKGROUND: #f3f3f3; FLOAT: left;  BORDER-TOP: #e1e1e1 1px solid; BORDER-RIGHT: #e1e1e1 1px solid; PADDING-TOP: 5px;  margin-left:10px;margin-right:10px;margin-bottom:20px;
}
.cp{
	width:100%; background:#fff; text-align:center
}
.caseslist LI P {
	LINE-HEIGHT: 35px;
	TEXT-INDENT: 5px;
	WIDTH: 100%;
	BACKGROUND: url(../images/icon1.jpg) no-repeat left center;
	HEIGHT: 35px;
		text-align: center;
}

.about_right_con_ul{ clear:both; overflow:hidden;}
.about_right_con_ul li{ clear:both; margin:5px; 0px; padding:5px 0px; overflow:hidden; text-align:center; overflow:hidden; border-bottom:1px solid #eeeeee; margin-bottom:40px; }
.pro_left img{ width:194px; height:150px; padding:2px; border:1px solid #CCCCCC;}
.pro_left{ width:200px;}
.pro_right{
	width:580px;
	margin-right: 20px;
}
.pro_right_tb td{ text-align:left; vertical-align:top;}
.pro_right_tb td p{ background:url(../images/dian11.png) no-repeat no-repeat 0px 8px; padding-left:13px;}
.pro_right_tb_p{ background:none!important; padding-left:0px!important;}
.fl{float:left;}
.fr{float:right;}