/* 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: #327CD3; }

a.blue{
  color: #327CD3;
  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; text-transform:uppercase;}
.lh25{ line-height:25px;}

h2{font-size: 36px;line-height: 36px; color:#3C58A5; margin-top:135px;}
h3{font-size: 20px;line-height: 50px; color:#327CD3; margin-top:15PX;}
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:30px; line-height:30px;width:100%; background:#EDEDED; float:left; font-size:14px; color:#A6A6A6; }
#top .con_l{ width:40%; float:left;}
#top .con_r{ width:50%; float:right; text-align:right}
#top a{ color:#A6A6A6;}
#top a:hover{ color:#2B4A9C;}



/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:right; width:100%; line-height:50px; background:#0173BC; }
#nav ul{ margin:0; padding:0; }
#nav ul li a{ width:119px; font-size:15px;float:left;color:#fff; }
#nav ul li a:hover{ font-size:17px; background:#2C8FD2;}
#nav ul span{ width:1px; height:13px; background:#64B1D9; margin-top:20px; float:left }

#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; }


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#list{ width:100%;float:left; margin:50px 0;}
#list .title{ width:100%;float:left; border-bottom:1px solid #CCCCCC; margin-bottom:31px;}
#list .liebiao{ width:240px;float:left; border:1px solid #D8D8D8; background:#F0F0F0;}
#list .liebiao ul{ width:214px; padding:13px; float:left}
#list .liebiao ul li{ width:100%; line-height:33px; float:left; text-indent:5px; margin-bottom:6px;}

#list .liebiao ul li a{ width:100%; float:left; background:#0173BC; color:#fff;border-radius:5px;-moz-border-radius:5px;}
#list .liebiao ul li a:hover{ background:#D4000F;}

#list .liebiao ul ul{ width:214px; margin:0; padding:0}
#list .liebiao ul ul li a{ width:100%; line-height:33px; float:left; color:#666; border-bottom:1px dashed #CCCCCC; background:none; font-size:13px;}
#list .liebiao ul ul li a:hover{ color:#fff;}

#list .liebiao ul li a.a2{ width:100%;float:left;  background:#2187E5; color:#fff;}
#list .liebiao ul li a.a2:hover{ background:#D4000F;}

#list .con{ width:936px;float:right; }
#list .con ul{ margin:0; padding:0}
#list .con ul li{ width:299px; float:left; margin-bottom:14px;}
#list .con ul li .pic{ width:297px; float:left; border:1px solid #D8D8D8;}
#list .con ul li:hover .pic{border:1px solid #0173BC;}
#list .con ul li .tex{ width:100%; line-height:45px; float:left; text-align:center; }
#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}

.m_r{ margin-right:19px;}


/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about_honor{ width:100%; float:left; background:#F0F0F0; padding:50px 0;}
#about{ width:847px; float:left; border:1px solid #D2D2D2; background:#fff;}
#about .tex{ width:477px; margin-top:30px;float:right}

#about p{ line-height:22px; text-indent:30px; width:449px;}

#about .bt_blue a{ width:130px; height:35px; line-height:35px;background:#327CD3; color:#fff; float:left; margin-top:25px; text-align:center}
#about .bt_blue a:hover{ background:#D4000F;}

#about span{ color:#C0C9CB; font-size:12px;}


/*-------------------- -------------------- -------------------- honor -------------------- -------------------- -------------------- */
#honor{ width:332px; height:376px; float:right; background:#327CD3; }
.rollBox{width:100%;float:left;overflow: hidden; }
.rollBox .LeftBotton 
{ 
height: 56px; 
width: 27px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin:97px 36px 0 14px; 
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 56px; 
width: 27px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; 
float: right; 
display: inline; 
margin: 97px 14px 0 36px; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 178px; 
overflow: hidden;
float:left; 


} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:177px; float:left;
} 
.rollBox .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:177px; 
} 
.rollBox .Cont .pic p 
{ 
line-height: 58px; text-align:center 
} 


.rollBox #List1, .rollBox #List2 
{ 
float: left; 
} 


/*-------------------- -------------------- -------------------- anli -------------------- -------------------- -------------------- */
#anli{ width:100%;float:left; margin:50px 0;}
#anli_pic{ margin-top:35px;}
#anli_pic img:hover{opacity:0.7;filter(alpha=70) }


/*-------------------- -------------------- -------------------- news_contact -------------------- -------------------- -------------------- */
#news_contact{ width:100%; float:left; background:#F0F0F0; padding:50px 0;}


/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:738px; float:left; }
#news .title{ width:738px; line-height:39px; background:url(../images/news_title.jpg); float:left; margin-bottom:20px; }
#news ul{ margin:0; padding:0}
#news ul li{ width:100%; float:left; line-height:39px;border-bottom:1px dotted #ccc; }
#news ul li span{ float:right; font-size:13px; color:#A9A9A9;}


/*-------------------- -------------------- -------------------- contact -------------------- -------------------- -------------------- */
#contact{ width:425px; float:right; }
#contact .title{ width:425px; line-height:39px; background:url(../images/contact_title.jpg); float:left; margin-bottom:20px; }
#contact ul{ margin:0; padding:0}
#contact ul li{ width:100%; float:left; line-height:30px; text-indent:15px; }
#contact ul li span{ float:right; font-size:13px; color:#A9A9A9;}


/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */

#links{ width:100%;float:left; background:#0069AB;line-height:39px; color:#fff;}
#links a{color:#fff; font-size:13px;}
#links a:hover{ text-decoration:underline;}


#footer{ width:100%; background:#0173BC;float:left; color:#fff; font-size:13px; padding:15px 0 25px 0; }

#footer .con{ width:100%;float:left; border-bottom:1px solid #4E9DD0; line-height:52px;}
#footer .con2{ width:100%;float:left;line-height:20px; margin-top:15px;}

#footer .gongshang{ width:10%;float:right; }

#footer a{ color:#fff}
#footer a:hover{ text-decoration:underline;}




/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
.container_nei{ width:100%; margin:40px auto; float:left}


.con_list{ width:240px;float:left; border:1px solid #D8D8D8; background:#F0F0F0; }

.con_list ul{  width:214px; padding:13px; float:left}
.con_list ul li{ width:100%; line-height:33px; float:left; text-indent:5px; margin-bottom:6px;}
.con_list ul li a{ width:100%; float:left; background:#0173BC; color:#fff;border-radius:5px;-moz-border-radius:5px;}
.con_list ul li a:hover{ background:#D4000F;}

.con_list ul li a.a2{ width:230px;float:left;  background:#2187E5; color:#fff;border-bottom:1px solid #52ACFF;}
.con_list ul li a.a2:hover{ background:#D4000F;}

.con_list ul ul{ width:214px; margin:0; padding:0}
.con_list ul ul li a{ width:100%; line-height:33px; float:left; color:#666; border-bottom:1px dashed #CCCCCC; background:none; font-size:13px;}
.con_list ul ul li a:hover{ 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:936px;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:#B1B1B1; font-weight:lighter; text-align:right }
.con_nei .title span a{ color:#B1B1B1; }

.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:936px; 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_anli{  width:936px; float:left; }
.con_anli ul{ margin:0; padding:0;}
.con_anli ul li{ width:21%; margin:0 2% 10px 2%; float:left; line-height:30px; border-bottom:1px dashed #D5D5D5; text-align:center;}
.con_anli ul li:hover{ border-bottom:1px dashed #0173BC;}
.con_anli ul li i{ width:5px; height:5px; background:#FF0000;border-radius: 50%;-moz-border-radius:50%; float:left; margin:20px 10px;}
.con_anli 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_contact{width:400px; float:right}
.con_contact ul{ margin:0; padding:0}
.con_contact ul li{ width:100%; float:left; line-height:50px;  }
.con_contact ul li span{ float:right; font-size:13px; color:#A9A9A9;}

/*-------------------- -------------------- -------------------- 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;}




