/* 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:34px; height:4px; background:#000000; margin:10px auto;}
.line2{ width:34px; height:4px; background:#fff; margin:10px 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:40px; line-height:40px;width:100%; float:left; font-size:13px; color:#6F6F6F; border-bottom:1px solid #DBDBDB;}
#top .con_l{ width:40%; float:left;}
#top .con_r{ width:50%; float:right;text-align:right; }
#top .con_r img{ margin:-3px 5px 0 0;}

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



/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:left; width:100%; line-height:49px; border-top:1px solid #D9D9D9;}
#nav ul{ margin:0; padding:0; }
#nav ul li{ width:122px; float:left; margin-right:1px;}
#nav ul li a{ width:122px; font-size:16px;float:left;text-align:center;}
#nav ul li a:hover{ font-size:17px; background:#1F62B1;font-weight:bold; color:#fff;}

#nav ul li a.active{ width:122px;color:#fff;float:left; text-align:center; background:#1F62B1;font-size:16px;}
#nav ul li a.active:hover{ font-size:17px;font-weight:bold;}

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

/*-------------------- -------------------- -------------------- xuanchuan_1 -------------------- -------------------- -------------------- */
#xuanchuan_1{ width:100%; height:274px; background:url(../images/xuanchuan_1.jpg) center no-repeat;  float:left;}

.title_zzz{ width:100%; float:left; text-align:center; margin-bottom:32px;}
.title_zzz .font_d{width:100%; font-size:32px; color:#000000; display:inline-block; line-height:22px;}
.title_zzz .font_d span{ width:100%;font-size:16px; color:#000000; display:inline-block;}
.title_zzz .font_x{width:100%; font-size:15px; color:#757575; display:inline-block;}


/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about{ width:100%;  float:left; margin:40px 0;}
#about .bg{ width:100%; float:left; background:url(../images/about_pic.jpg) center top no-repeat; padding-top:233px;}

#about p{ line-height:28px; width:100%; float:left; margin:30px 0; text-align:center;}

#about .bt_red a{ width:200px; height:43px; line-height:43px;background:#ED2F23; color:#fff; border-radius:25px;-moz-border-radius:25px; text-align:center; display:inline-block;}
#about .bt_red a:hover{ font-size:18px;}


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

#list .liebiao{ width:230px;float:left;}
#list .liebiao ul{ margin:0; padding:0;}
#list .liebiao ul li{ width:100%; float:left; line-height:42px;}
#list .liebiao ul li a{ width:98%; padding-left:2%; float:left;  font-size:17px;}
#list .liebiao ul li a:hover{ background:#2163B1; color:#fff;}

#list .liebiao .btn_more{cursor:pointer;width:auto;margin:0 17px;display:inline-block; }

#list .liebiao .btn_more a{width:auto;line-height:40px; padding:0 20px; display:inline-block; background-color:#fff; border:1px solid #BCBCBC; border-radius:4px;-moz-border-radius:4px;font-size:17px; color:#000000; }
#list .liebiao .btn_more a:hover{background-color:#ff0000; border:1px solid #ff0000; color:#fff; }



.sd01{cursor:pointer;width:auto;display:inline-block; margin:0 17px;  }
.sd01 .kuang{cursor:pointer;width:auto; line-height:40px; padding:0 20px; display:inline-block; background-color:#005AB3; border:1px solid #005AB3; border-radius:4px;-moz-border-radius:4px;font-size:17px; color:white; }
.sd01 .arrow_down{width:16px; height:8px; background:url(../images/arrow_down.png); display:inline-block;}
.sd01 a{ color:#fff;}

.sd02{cursor:pointer;width:auto;display:inline-block; margin:0 17px; }
.sd02 .kuang{cursor:pointer;width:auto; line-height:40px; padding:0 20px; display:inline-block; background-color:#fff; border:1px solid #BCBCBC; border-radius:4px;-moz-border-radius:4px;font-size:17px; color:#000000; }
.sd02 .arrow_down{width:16px; height:8px; background:url(../images/arrow_down2.png); display:inline-block;}

.hidden{display:none;}




#list .con{ width:760px;float:right; }
#list .con ul{ margin:0; padding:0}
#list .con ul li{ width:237px; float:right; margin:0 0 7px 7px; border-top:3px solid #DDDDDD;}
#list .con ul li .pic{ width:100%; height:237px; background:#fff; float:left; text-align:center;}
#list .con ul li .pic img{ height:237px;}
#list .con ul li .tex{ width:100%; line-height:35px; background:#2163B1; float:left; text-align:center; font-size:15px; color:#fff;}

#list .con ul li:hover{ border-top:3px solid #2163B1;}


.m_r{ margin-right:31px;}




/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:100%; float:left; padding:55px 0 33px 0; }

#news .top1{ width:485px; float:left;}
a.title_top1{ width:100%; line-height:38px; font-size:15px; color:#000; float:left;}
a.title_top1:hover{color:#00AFF0;}

.date{ width:100%; font-size:13px; color:#999999; float:left; margin-bottom:10px;}
p.zw{ width:100%; line-height:18px; font-size:14px; color:#999999; float:left;}


#news ul{ width:473px; float:right;}
#news ul li{ width:100%; padding:0 0 24px 0 ; float:left; border-bottom:1px dashed #DBD4CD; margin-bottom:22px; }
#news ul li .kuai{ width:80px;  padding:10px 0; line-height:18px; background:#00AFF0; float:left; color:#fff; font-size:25px; font-family:Arial, Helvetica, sans-serif;text-align:center; }
#news ul li .kuai span{ font-size:14px;}

#news ul li .tex{ width:360px; line-height:24px; float:right; font-size:13px;}

#news ul li a.title{ font-size:15px; color:#000; float:left; line-height:20px; width:100%; margin-bottom:5px;}
#news ul li a.title:hover{ color:#0B74E0;}


/*-------------------- -------------------- -------------------- anli -------------------- -------------------- -------------------- */
#anli{ width:100%;float:left; background:url(../images/anli_bg.jpg) top center no-repeat; padding:48px 0 30px 0;}

.rollBox{width:100%;float:left;overflow: hidden; position:relative; margin-top:-3px;}
.rollBox .LeftBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; 
display: inline; position:absolute; 
top:94px; left:6px; 
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden;  
display: inline; position:absolute; 
top:94px; right:6px; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 990px; 
overflow: hidden;
float:left; 


} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:238px; float:left; margin:0 4px 0 5px;
} 
.rollBox .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:238px; height:166px;
} 

.rollBox .Cont .pic p 
{ 
line-height: 50px; color:#666666; font-size:15px;text-align:center 
} 


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


/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
#footer{ width:100%; border-top:7px solid #E2E2E2; background:#EAEAEA;float:left; color:#888888; font-size:13px; padding:38px 0; }

#footer .logo{ width:260px; height:79px; background:url(../images/footer_logo.png);float:right;margin-top:10px; }

#footer .con{ width:auto;float:left; margin-right:30px; }
#footer .con span{ font-size:18px; color:#333;}
#footer .con img{ margin-top:-5px; margin-right:4px;}
#footer .con .tex_h{ width:auto;float:left; margin-left:26px; line-height:25px; margin-top:5px; }

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


#copy{ width:100%;float:left; background:#E2E2E2;line-height:38px; color:#828282; font-size:13px; text-align:center}
#copy a{color:#828282; font-size:13px;}
#copy a:hover{ color:#000;}


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

.title_nei{ width:100%; float:left; font-size:35px; font-weight:bold; color:#009FE8; text-align:center; margin-bottom:30px;}

.location{ width:100%; float:left; line-height:45px; border-bottom:1px solid #dedede; color:#999;}
.location img{ margin:-3px 5px 0 0;}
.location a{ color:#999;}
.location a:hover{ color:#ff0000;}


.con_list{ width:260px; float:left;  }
.con_list .title{ width:100%; line-height:65px;float:left; color:#3399FF; font-size:33px;}

.con_list ul{ margin:0; padding:0}
.con_list ul li a{ width:230px; line-height:24px; padding:15px; margin-bottom:3px;float:left;background:#DCDCDC; font-size:16px;}
.con_list ul li a:hover{ background:#3399FF; color:#fff;}

.con_list ul li a.a2{ width:230px; line-height:24px; padding:15px; margin-bottom:3px;float:left;background:#3399FF; color:#fff;font-size:16px;}
		
.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_nei{ width:700px;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:30%; float:right; font-size:14px; color:#565656; font-weight:lighter }

.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; margin-top:40px; }
.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_pro{  width:100%; float:left; }
.con_pro ul{ margin:0; padding:0;}
.con_pro ul li{ width:218px; float:left; line-height:45px; border:1px solid #BBBBBB; margin:0 6px 10px 6px;}
.con_pro ul li img{ width:218px; height:210px;}
.con_pro ul li p{ width:100%; float:left; line-height:45px; text-align:center; background:#BBBBBB; color:#fff;}
.con_pro ul li:hover{ border:1px solid #009FE8;}
.con_pro ul li:hover p{ background:#009FE8; color:#fff;}


.con_ry{  width:100%; float:left; }
.con_ry ul{ margin:0; padding:0;}
.con_ry ul li{ width:188px; padding:15px; float:left; line-height:45px; border:1px solid #BBBBBB; margin:0 13px 26px 13px;}
.con_ry ul li img{ width:188px; height:264px;}
.con_ry ul li p{ width:100%; float:left; line-height:45px; text-align:center; background:#BBBBBB; color:#fff;}
.con_ry ul li:hover{ border:1px solid #009FE8;}
.con_ry ul li:hover p{ background:#009FE8; color:#fff;}

.con_sb{  width:100%; float:left; margin-top:25px; }
.con_sb ul{ margin:0; padding:0;}
.con_sb ul li{ width:292px; padding:5px; float:left; background:#F0F0F0; line-height:45px; border:1px solid #D7D7D7; margin:0 13px 26px 13px;}
.con_sb ul li img{ width:292px; height:195px;}
.con_sb ul li p{ width:100%; float:left; line-height:45px; text-align:center; background:#BBBBBB; color:#fff;}
.con_sb ul li:hover{ border:1px solid #009FE8;}
.con_sb ul li:hover p{ background:#009FE8; color:#fff;}

.con_al{  width:100%; float:left; margin-top:25px; }
.con_al ul{ margin:0; padding:0;}
.con_al ul li{ width:280px; padding:5px; display:inline-block; background:#F0F0F0; line-height:45px; border:1px solid #D7D7D7; margin:0 13px 26px 13px;}
.con_al ul li img{ width:280px; display:inline-block;}
.con_al ul li p{ width:100%;  display:inline-block; line-height:45px; text-align:center; background:#BBBBBB; color:#fff;}
.con_al ul li:hover{ border:1px solid #009FE8;}
.con_al ul li:hover p{ background:#009FE8; color:#fff;}

#root{
    display: flex;
    flex-direction: row;
    margin: 38px auto 0 auto;
    width: 100%;
}
.itemContainer{
    margin-right: 10px;
    flex-direction: column;
    width: 280px;
}
.item{
   margin-bottom: 10px;
   background: #fff;
}
.itemImg{
   width: 100%;
}
.item .userInfo {
   width: 100%; display:inline-block;
}

.item .username {
   width: 100%; display:inline-block;  text-align:center;line-height:45px; background:#BBBBBB; color:#fff;
   text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}

.item:hover .username {
   background:#009FE8;
}  


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


.news_nei{ width:100%; float:left;}
.news_nei .top_p{ width:100%; line-height:50px; font-size:21px; color:#2195E8; border-bottom:1px solid #ccc; border-top:1px solid #ccc; float:left; margin-bottom:15px; text-align:center; }
.news_nei .con_xq{  width:100%; line-height:28px; float:left; font-size:15px;}


.big_pic{  width:100%; float:left; text-align:center; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px; }
.big_pic img{  width:511px; height:511px; border:12px solid #EAEAEA}
.big_pic p{  width:100%; line-height:50px; font-size:21px; color:#2195E8;}