/* 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: #4FC7C4; }

a.blue{
  color: #4FC7C4;
  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:72px; height:2px; background:#FFBB41; margin:10px auto 6px auto;}
.line2{ width:72px; height:2px; background:#FFBB41; margin:10px 0 6px 0;}
.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;}
.lh25{ line-height:25px;}

h2{font-size: 24px; color:#BDBDBD; margin-top:5px; font-family:"½ðÇÅ¼òËÎÌå"; text-transform:uppercase;}
h3{font-size: 18px;line-height: 20px; color:#212121;}
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:26px; line-height:26px;width:100%; background:#3C3D42; float:left; font-size:13px; color:#4FC7C4; }
#top .con_l{ width:40%; float:left; text-align:left}
#top .con_r{ width:50%; float:right; text-align:right}
#top a{ color:#fff; font-size:13px;}
#top a:hover{ color:#4FC7C4;}



/*-------------------- -------------------- -------------------- nav -------------------- -------------------- -------------------- */
#nav{ float:right; width:100%; line-height:53px; border-top:1px solid #E5E5E5;}
#nav ul{ margin:0; padding:0; }
#nav ul li a{ width:149px; font-size:15px;float:left; border-right:1px solid #E5E5E5}
#nav ul li a:hover{ line-height:51px; border-bottom:2px solid #4FC7C4;font-size:17px; }

#nav ul li a.active{ width:148px;float:left; text-align:center; font-size:15px; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; color:#4FC7C4; line-height:51px; border-bottom:2px solid #4FC7C4}
#nav ul li a.active:hover{ font-size:17px;}

/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#banner{ width:100%;float:left; }

/*-------------------- -------------------- -------------------- about -------------------- -------------------- -------------------- */
#about{ width:100%;float:left; background:url(../images/about_bg.jpg) top; background-repeat:repeat-x; padding:44px 0;}
#about .tex{ width:684px; float:right; text-align:left}

#about p{ line-height:27px; text-indent:30px;}



#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;}


/*-------------------- -------------------- -------------------- banner -------------------- -------------------- -------------------- */
#list{ width:100%;float:left;padding:44px 0; border-top:1px solid #E7E7E7; background:url(../images/list_bg.jpg);}

#list .title{ width:100%;float:left; border-bottom:1px solid #CCCCCC; margin-bottom:31px;}

#list .liebiao{ margin:30px auto; width:100%;}
#list .liebiao ul{ margin:0; padding:0}
#list .liebiao ul li{   display:inline-block;}

#list .liebiao ul li a{ padding:5px 13px; border:1px solid #ccc; }
#list .liebiao ul li a:hover{ background:#4FC7C4; border:1px solid #4FC7C4; color:#fff;}

#list .liebiao ul li a.a2{ padding:5px 27px; color:#fff;background:#4FC7C4; border:1px solid #4FC7C4;}

#list .con{ width:902px;float:left; }
#list .con ul{ margin:0; padding:0}
#list .con ul li{ width:280px; float:left}
#list .con ul li .pic{ width:100%; height:270px; background:#EAEAEA; float:left; text-align:center;}
#list .con ul li .tex{ width:100%; height:122px; background:#FFB43D; float:left; text-align:center; font-size:18px; color:#fff;}
#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:31px;}

.rollBox{width:100%;float:left;overflow: hidden;  margin-top:20px;}
.rollBox .LeftBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../images/btn_left.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin:154px 10px 0 0px; 
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 48px; 
width: 30px; 
background: url(../images/btn_right.png) no-repeat; 
overflow: hidden; 
float: right; 
display: inline; 
margin: 154px 0px 0 10px; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 1120px; 
overflow: hidden;
float:left; 


} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:234px; float:left; margin:0 10px; border:1px solid #ccc; padding:12px; background:#fff;
}
.rollBox .Cont .pic:hover
{ border:1px solid #4FC7C4;background:#4FC7C4;
} 
 
.rollBox .Cont .pic img 
{ 
border: 0px solid #ccc; 
display: block; 
margin: 0 auto; 
width:235px; height:235px;
} 
.rollBox .Cont .pic p 
{ 
line-height: 35px; text-align:center; width:234px; background:#EEEEEE; 
} 


.rollBox #List1, .rollBox #List2 
{ 
float: left; 
} 



/*-------------------- -------------------- -------------------- news_honor_contact -------------------- -------------------- -------------------- */

.title_zg{ width:100%; height:60px; background:url(../images/tiao_bg.jpg); float:left; margin-bottom:16px;}
.title_zg .mz{ width:140px; height:50px; background:url(../images/tiao_title_bg.jpg); padding-top:10px; float:left; margin-left:10px; text-align:center}
.title_zg .mz span{ font-size:14px; color:#4FC7C4; text-transform:uppercase}
.title_zg .more a{ width:43px; height:14px; line-height:14px; background:#FFBB41; color:#fff; font-size:10px; float:right; margin-top:30px;}
.title_zg .more a:hover{ background:#58C7BA;}


/*-------------------- -------------------- -------------------- news -------------------- -------------------- -------------------- */
#news{ width:396px; float:left; margin:44px 0; }
#news ul{ margin:0; padding:0}
#news ul li{ width:100%; float:left;  }
#news ul li .kuai{ width:39px; line-height:34px; margin:22px 15px; float:left;color:#fff; font-size:23px;  font-style:italic; background:url(../images/news_kuai.jpg);  }

#news ul li .tex{ width:327px; line-height:18px; float:left; margin-top:5px;border-bottom:1px solid #E2E2E2; }

#news ul li a.title{ font-size:15px;font-weight:bold; color:#212121;}


/*-------------------- -------------------- -------------------- honor -------------------- -------------------- -------------------- */
#honor{ width:500px; float:left; margin:44px 30px;}
#honor ul{ width:100%; padding:0; margin:0}
#honor ul li{ margin:0 14px; display:inline-block;}
#honor ul li p{ width:100%; line-height:36px; text-align:center}
#honor ul li img{ border:1px solid #e5e5e5; padding:4px;}
#honor ul li:hover img{ border:1px solid #58C7BA;}



/*-------------------- -------------------- -------------------- contact -------------------- -------------------- -------------------- */
#contact{ width:244px; float:left; margin:44px 0; }
#contact .tex_con{ width:200px; height:153px; background:url(../images/contact_bg.jpg); float:left; padding-top:81px; padding-left:30px; }
#contact .tex_con p{ line-height:37px;}





/*-------------------- -------------------- -------------------- footer -------------------- -------------------- -------------------- */
#footer{ width:100%; background:#3C3D42;float:left; color:#D4D5DB; font-size:13px; padding:40px 0; border-top:3px solid #4FC7C4; }

#footer .logo{ width:149px; height:42px; background:url(../images/footer_logo.png);float:right; margin-right:5px;}

#footer .con{ width:80%;float:left; padding-left:5px; line-height:22px;}

#footer a{ color:#D4D5DB}
#footer a:hover{ text-decoration:underline;}


/*-------------------- -------------------- -------------------- neiye -------------------- -------------------- -------------------- */
.container_nei{ width:100%; margin:0 auto 40px auto; float:left;}
.con_list{ width:190px; margin-right:30px; float:left;  position:relative; }

.con_list ul{ margin:0; padding:0; margin-top:89px;}
.con_list ul li a{ width:150px; line-height:20px; padding:10px; border-bottom:1px solid #D1D1D1;float:left;}
.con_list ul li a:hover{ background:#00A0E5; color:#fff;}

.con_list ul ul li a{ width:154px; line-height:20px; padding:8px; border-bottom:1px solid #D1D1D1;float:left; text-indent:25px;}
.con_list ul ul li a:hover{ background:#00A0E5; color:#fff;}


.con_list ul li a.a2{ width:150px;float:left;  background:#F1F1F1; border-bottom:1px solid #D1D1D1;}
.con_list ul li a.a2:hover{  background:#00A0E5; 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:980px;float:left; }
.con_nei .title{ width:100%; float:left; line-height:73px; border-bottom:1px solid #CCCCCC; margin-bottom:25px; font-size:18px; font-weight:bold; color:#00A0E5;}
.con_nei .title span{ width:60%; float:right; font-size:14px; color:#A7A7A7; font-weight:lighter; text-align:right }
.con_nei .title span a{ font-size:14px; color:#A7A7A7; }
.con_nei .title span a:hover{  color:#00A0E5; }

.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:980px; 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_honor{  width:100%; float:left; }
.con_honor ul{ margin:0; padding:0;}
.con_honor ul li{ width:207px; margin:0 18px 30px 18px; float:left; line-height:45px; border-bottom:1px dashed #D5D5D5; text-align:center}
.con_honor ul li img{ width:207px; height:313px; border:1px solid #D3D3D3}
.con_honor ul li:hover img{ border:1px solid #58C7BA}
.con_honor ul li:hover{ border-bottom:1px dashed #58C7BA; }

.con_pro{  width:100%; float:left; }
.con_pro ul{ margin:0; padding:0;}
.con_pro ul li{ width:270px; margin:0 20px 30px 20px; float:left; line-height:45px; border-bottom:1px dashed #D5D5D5; text-align:center}
.con_pro ul li img{ width:260px; height:260px; padding:1px; border:1px solid #D3D3D3}
.con_pro ul li:hover img{ border:1px solid #58C7BA}
.con_pro ul li:hover{ border-bottom:1px dashed #58C7BA; }



/*-------------------- -------------------- -------------------- 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;}




