@charset "UTF-8";
/* 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: #F39800; }

a.orange{
  color: #F39800;
  text-decoration: none;
  border: none;
  transition: 0.4s;
  
}
a.orange: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; color:#999; font-weight:lighter; text-transform:uppercase}
.lh25{ line-height:25px;}

h2{font-size: 36px;line-height: 36px; color:#3C58A5; margin-top:135px;}
h3{font-size: 19px; }
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:120px; width:100%; background:url(../images/header_bg.jpg) center no-repeat;float:left;}


/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:right; width:100%; line-height:43px; background:#E1911C}
#nav ul{ margin:0; padding:0; }
#nav ul li a{ width:168px; font-size:15px;float:left;color:#fff;}
#nav ul li a:hover{ font-size:17px; background:#7B7B7B;}
#nav ul li { float:left; position:relative}
#nav ul li span{ float:left; color:#fff;}
#nav ul li ul{ display:none;position:absolute;top:43px; left:0; z-index:88888888;}
#nav ul li:hover ul{ display:block; cursor: hand;}
#nav ul li ul li a{ width:168px; line-height:35px; background:#E1911C; font-size:13px; margin-bottom:1px;}
#nav ul li ul li a:hover{ background:#7B7B7B;}

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


/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about{ width:100%; float:left; margin:60px 0; }
#about .tex{ width:380px;float:left}
#about .tex .con{ width:100%;float:left; margin:32px 0;}

#about .tex_2{ width:325px; float:left; margin-left:58px;}
#about .tex_2 li{ width:307px; padding:20px 9px; float:left; border-bottom:1px dotted #A1A1A1}
#about .tex_2 li .tex_pic{ float:left; margin-right:29px;}
#about .tex_2 li .tex_con{ float:left; width:235px;}
#about .tex_2 li .tex_con .title1{ font-size:16px; color:#F39800; line-height:30px; float:left; width:100%; font-weight:bold;}

#about .pic{ width:380px; height:358px; float:right;position:relative}
.rollBox{width:100%;float:left;overflow: hidden; }
.rollBox .LeftBotton 
{ 
height: 42px; 
width: 42px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; 
display: inline; 
left:10px;
top:160px;
cursor: pointer;
position:absolute;
z-index:88;  
} 
.rollBox .RightBotton 
{ 
height: 42px; 
width: 42px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; 
right:10px;
top:160px;
display: inline; 
cursor: pointer; 
position:absolute;
z-index:88;   
} 
.rollBox .Cont 
{ 
width:380px; 
overflow: hidden;
float:left; 


} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:380px; float:left;
} 
.rollBox .Cont .pic img 
{ 
border: 0px solid #D8D8D8; 
display: block; 
margin: 0 auto; 
width:380px; height:358px;
} 
.rollBox .Cont .pic p 
{ 
line-height: 58px; text-align:center 
} 


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



#about p{ line-height:22px; text-indent:30px; }


#about .bt_orange a{ width:128px; height:36px; line-height:36px;background:#F39800; color:#fff; float:left; margin-top:0px;text-align:center}
#about .bt_orange a:hover{ background:#828282; font-size:16px;}

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


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#list{ width:100%;float:left; background:url(../images/pro_bg.jpg) center; background-size:cover; padding:53px 0;}

#list .liebiao{ width:100%; height:45px;  float:left}
#list .liebiao ul{ padding:0; margin-left:118px;}
#list .liebiao ul li a{ width:160px; line-height:45px; display:inline-block; float:left; margin-right:1px; color:#fff; background:url(../images/list_bg.png) center no-repeat;text-align:center}
#list .liebiao ul li a:hover{ background:url(../images/list_bg_2.png); font-size:16px;}
#list .liebiao ul li a.more_cp{ width:160px; line-height:45px; display:inline-block; float:left; margin-right:1px; color:#fff; background:#F39800;text-align:center}
#list .liebiao ul li a.more_cp:hover{ font-size:17px;}

#list .con{ width:100%;float:left;}
#list .con ul{ margin:0; padding:0}
#list .con ul li{  margin:36px 14px 0 14px; float:left}
#list .con ul li .pic{ width:272px;  background:#ECECEC; text-align:center; float:left}
#list .con ul li:hover .pic{  background:#F39800; }
#list .con ul li .pic img{ margin:16px auto 0 auto; width:240px;}
#list .con ul li .di{ width:100%; height:10px; background:url(../images/pro_di_bg.png); float:left}
#list .con ul li p{ width:100%; line-height:40px;float:left}
#list .con ul li:hover p{ color:#fff;}


.m_r{ margin-right:31px;}


/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:100%; float:left;margin:60px 0;  }
#news .pic{ width:362px; height:377px; float:right; background:url(../images/news_pic.jpg);  }
#news .pic .bt_kong a{ width:120px; height:50px; line-height:50px;color:#fff; background:#F39800; float:right; margin-top:308px;  margin-right:17px; text-align:center}
#news .pic .bt_kong a:hover{ background:#828282; font-size:16px;}

#news .con{ width:777px; float:left;  }
#news .con ul{ margin:0; padding:0;}
#news .con ul li{ width:751px; padding:14px 0 ; float:left; border-bottom:1px dotted #BCBCBC; }
#news .con ul li .kuai{ width:66px; height:57px; line-height:57px; background:#6B6B6B; float:left; margin-right:10px; color:#fff; font-size:37px; font-weight:bold; font-style:italic; text-align:center; }
#news .con ul li .kuai2{ width:66px; height:57px; line-height:57px; background:#F39800; float:left; margin-right:10px; color:#fff; font-size:37px; font-weight:bold; font-style:italic; text-align:center; }
#news .con ul li .tex{ width:675px; float:left; line-height:19px;}

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



/*-------------------- -------------------- -------------------- anli -------------------- -------------------- -------------------- */
#anli{ width:100%;padding:54px 0;float:left; background:url(../images/anli_bg.jpg) center no-repeat; }
#anli .con_pic img:hover{opacity:0.7;filter:Alpha(opacity=70);}
#anli .bt_orange2{ width:100%; position:relative; float:left}
#anli .bt_orange2 a{ width:155px; height:42px; line-height:42px;color:#fff; background:#F39800; margin-top:40px; text-align:center; display:inline-block;}
#anli .bt_orange2 a:hover{ background:#828282; font-size:16px;}

/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */

#footer{ width:100%; background:#383838;float:left; color:#fff; font-size:13px; padding:30px 0; }

#footer .logo{ width:150px; height:103px; background:url(../images/footer_logo.png);float:left; margin:10px 27px;}

#footer .con{ width:50%;float:left; line-height:24px; border-left:1px solid #7B7B7B; padding-left:27px; margin-top:12px; }
#footer .con .title_da{ font-size:18px; font-weight:bold; line-height:35px;}

#footer .erweima{ width:121px; height:131px; background:url(../images/erweima.png);float:right; }
#footer .erweima2{ width:121px; height:131px; background:url(../images/erweima2.png);float:right; margin-left:10px;}

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


#copy{ width:100%;float:left; background:#151515;line-height:30px; color:#A4A4A4; text-align:center}
#copy a{color:#898989; font-size:13px;}
#copy a:hover{ color:#fff;}


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
.container_nei{ width:100%; margin:40px auto; float:left}
.con_list{ width:260px; margin-right:30px; float:left;  }
.con_list .title{ width:100%; height:133px; float:left; color:#fff; font-size:14px; text-align:center;border-radius:25px 0 0 0;-moz-border-radius:25px 0 0 0; border-bottom:0px solid #DADADA; }
.con_list .title img{ border-radius:25px 0 0 0;-moz-border-radius:25px 0 0 0; border-bottom:0px solid #DADADA; }
.con_list .title span{ font-size:24px;font-weight:bold; }
/*-------------------- -------------------- --------------------

.con_list ul.categoryitems{ margin:0; padding:0}
.con_list ul.categoryitems li a{ width:240px;  padding:10px; border-bottom:1px solid #ccc;float:left; background:#fff; font-size:14px;}
.con_list ul.categoryitems li a:hover{ background:#D4000F;color:#fff;}

.con_list ul li a.a2{ width:240px;float:left;  background:#2187E5; color:#fff;border-bottom:1px solid #52ACFF;}
.con_list ul li a.a2:hover{ background:#D4000F;}
		
.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:910px;float:left;}
.con_nei .title{ width:100%; float:left; line-height:68px; margin-bottom:25px; font-size:21px; font-weight:bold; color:#F39800;}
.con_nei .title span{ width:60%; float:right; font-size:14px; color:#565656; font-weight:lighter; text-align:right; color:#999; }
.con_nei .title span a{ color:#999; }
.con_nei .title span a:hover{ color:#434343; }
.con_nei .title .gray_line{ width:100%; float:left; height:4px; background:url(../images/gray_line.jpg);}

.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:#D5D5D5;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_news ul li:hover{ border-bottom:1px dashed #E1911C;}
.con_news ul li:hover i{ background:#E1911C;}
.con_news ul li:hover span{color:#E1911C;}

.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_honor{  width:910px; float:left; }
.con_honor ul{ margin:0; padding:0;}
.con_honor ul li{  float:left; border:1px solid #D5D5D5; padding:3px; margin:0 10px 20px 10px; width:198px; text-align:center}
.con_honor ul li:hover{border:1px solid #E1911C;}
.con_honor ul li p{ line-height:18px;   padding:6px 3px;}
.con_honor ul li:hover p{  background:#E1911C; color:#fff}

.con_shebei{  width:910px; float:left; }
.con_shebei ul{ margin:0; padding:0;}
.con_shebei ul li{  float:left; border:1px solid #D5D5D5; padding:3px; margin:0 10px 20px 10px; width:275px;  text-align:center}
.con_shebei ul li:hover{border:1px solid #E1911C;}
.con_shebei ul li p{ line-height:18px;   padding:6px 3px;}
.con_shebei ul li:hover p{  background:#E1911C; color:#fff}


.con_pro{  width:910px; float:left; }
.con_pro ul{ margin:0; padding:0;}
.con_pro ul li{ float:left; border:1px solid #D5D5D5; padding:5px; margin:0 9px 20px 9px; width:197px; text-align:center}
.con_pro ul li:hover{border:1px solid #E1911C;}
.con_pro ul li img{ width:197px;}
.con_pro ul li p{ line-height:18px; height:36px;  background:#ECECEC; padding:6px 3px;}
.con_pro ul li:hover p{  background:#E1911C; color:#fff}

.con_anli{  width:910px; float:left; }
.con_anli ul{ margin:0; padding:0;}
.con_anli ul li{  float:left; border:1px solid #D5D5D5; padding:3px; margin:0 10px 20px 10px; width:198px; text-align:center}
.con_anli ul li:hover{border:1px solid #E1911C;}
.con_anli ul li p{ line-height:18px;   padding:6px 3px;}
.con_anli ul li:hover p{  background:#E1911C; 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;}



/*-------------------- -------------------- --------------------  -------------------- -------------------- -------------------- */
.arrowlistmenu{
width: 100%; float:left /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px "";
color: white;
background: #6B6B6B;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 8px 0 8px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #666666;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #ccc;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #666666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #fff;
background-color: #F39800;
}


.arrowlistmenu2{
width: 100%; float:left /*width of accordion menu*/
}

.arrowlistmenu2 .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
font:15px "";
color: #666666;
border-bottom: 1px solid #ccc;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
line-height:45px;/*header text is indented 10px*/
cursor: pointer;
text-indent:30px;
width:100%;
float:left;
}
.arrowlistmenu2 .menuheader a:hover{ /*CSS class for menu headers in general (expanding or not!)*/
color: #fff;
background: #6B6B6B;
font-size:17px;

}