﻿
/*首页案例*/
.main_casebg{ margin:auto; width:100%; height:auto;}
.main_case{ margin:auto; width:1200px; height:auto; padding:0px 0;}

.jingpin_list { width:1200px; margin:0px auto auto; position: relative; margin-top:25px}
.jingpin_list .e_pic_wrap { z-index: 1; white-space: nowrap; width:1200px; height:350px; }	
.jingpin_list .e_pic_wrap li {position:relative;width:1200px; height:350px; overflow: hidden; }
.jingpin_list .e_pic_wrap li img{ width:500px; height:350px;}
.jingpin_list .e_bg_flt { position: absolute; right:0px; top:0px; width:700px; height:350px; background: #f2f2f2;z-index: 10; }	
.jingpin_list .e_flt_inf { position: absolute; right:0; top:0px; width:640px; height:250px; padding:30px; overflow: hidden; z-index: 20; color: #fff; white-space: normal; word-wrap: break-word;}	
.jingpin_list .e_flt_inf h2 { font: 22px/26px "微软雅黑"; height:50px; overflow:hidden; border-bottom:1px #E0E0E0 solid; font-weight:bold; }	
.jingpin_list .e_flt_inf h2 a { color: #333; }	
.jingpin_list .e_flt_inf h2 a:hover { color:#db1103; }
.jingpin_list .e_flt_inf .t_info { margin-top:20px; font-size:14px; line-height:25px; height:150px; overflow: hidden;color: #666;}	
.jingpin_list .e_flt_inf .l_view { margin-top:35px; width:55px; height:20px; float:left;}

.jingpin_list .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 20; }	
.jingpin_list .e_sep a { color: #81d6d3; }	

.jingpin_list .prev, .jingpin_list .next { position: absolute; z-index:30; display: block;}	
.jingpin_list .prev {top:130px; left:-50px; }	
.jingpin_list .next {top:130px; right:-45px; }	
.jingpin_list .prev a, .jingpin_list .next a { display: block; width:40px; height:90px; overflow: hidden; background: url(../images/focusBg03.png) no-repeat scroll 0 0;}	
.jingpin_list .prev a { background-position: 0 0; }	
.jingpin_list .prev a:hover { background-position: 0 -180px; }	
.jingpin_list .next a { background-position: 0 -90px; }	
.jingpin_list .next a:hover { background-position: 0 -270px; }

.jingpin_list .hd{ width:400px; position:absolute; z-index:15; bottom:15px; right:0; height:30px; line-height:30px; }	
.jingpin_list .hd ul{ text-align:right; padding-right:30px }	
.jingpin_list .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; background:#464646; overflow:hidden; font-size:0;border-radius:0%;}	
.jingpin_list .hd ul .on{ background:#db1103;  }	
.jingpin_list .timer{ position:absolute; z-index:100; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }


.incase_list{margin:20px auto auto;width:1200px; height:200px; overflow:hidden; clear:both;   }
.incase_list ul{ overflow:hidden; zoom:1; }
.incase_list ul li{ width:300px; height:200px; margin-right:20px; float:left;  display:inline; position:relative;overflow:hidden;cursor:pointer;}

.incase_list ul li img{ width:300px; height:200px;   }
.incase_list ul li .txt{width:auto;height:30px;background:rgba(20,153,150,0.9);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.incase_list ul li .txt h3{font-size:14px;font-weight:100;height:30px;text-align:center;line-height:30px;}
.incase_list ul li .txt p{font-size:12px; height:75px; line-height:25px;text-align:left;overflow:hidden; margin-top:12px;}
.incase_list ul li a:hover{box-shadow:5px 5px 10px #f00;}
.incase_list ul li a:hover .txt{ padding:0 30px;}
.incase_list ul li a:hover .txt h3{font-size:16px;font-weight:bold;height:30px;line-height:30px;text-align:left; overflow:hidden;  }
.incase_list ul li a:hover .txt p{font-size:12px; height:69px; line-height:23px;text-align:left;overflow:hidden; margin-top:10px;border-top:1px solid #80D6D5; padding-top:10px; }
.incase_list ul li a:hover .txt i{ height:10px; line-height:10px; margin-top:10px; display:block; background:url(../images/jiantou05.png) no-repeat 45px center; font-size:10px;}


/*首页新闻*/
.main_newsbg{margin:auto;width:100%; height:300px;padding:70px 0; background:#fff;}

.main_news{ margin:auto;width:1200px; height:auto;}
.main_news_left{width:800px; height:auto; float:left;}
.main_news_left .news_tu{ width:390px; height: 260px; position:relative; float: left;}
.main_news_left .news_tab { width:370px; overflow: hidden; float:right;}	
.main_news_right{width:360px; height:auto; float:right;}
.main_news_right h3{ height:35px; line-height:35px; font-size:23px; font-weight:bold; color:#db1103;}
.main_news_right h4{ height:60px; background:url(../images/ind_tel.png) no-repeat left center;}


.news_tu #picc{width:390px;height:260px;overflow:hidden;}	
.news_tu #picc ul{width:1216px;height:260px;float:left;}	
.news_tu #picc li{width:390px;height:260px;float:left;}	
.news_tu #picc li img{width:390px;height:260px;float:left;}	
.news_tu .tip-bg{width:390px;height:5px;position:absolute;left:0;bottom:-40px;z-index:12;}	
.news_tu #tip{width:390px;height:5px;position:absolute;left:10px;bottom:-40px;z-index:13; overflow:hidden;}	
.news_tu #tip ul li{width:50px;height:5px;float:left;display:inline;margin:0 5px;cursor:pointer;background:#ccc;}	
.news_tu #tip ul li.on{background:#db1103;}	
.news_tu .txt-bg { position: absolute; bottom:0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.news_tu .txt { position: absolute; bottom:0; z-index: 2; height: 36px; width:100%; overflow: hidden;}	
.news_tu .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px; text-align:center;}	
.news_tu .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 16px;text-decoration: none; }

.news_tab .tab-hd { height:35px;}	
.news_tab .tab-hd li{display:block; height:35px; width:130px;line-height:33px;color:#666;text-align:center; overflow:hidden;float:left;margin-right:20px;font-size:14px;}	
.news_tab .tab-hd li a{color: #666;width:128px; height:33px; line-height:33px;text-decoration:none; display:block;border:1px solid #DFDEDE;}	
.news_tab .tab-hd li a:hover{color: #fff;width:130px; height:35px; line-height:35px;background:#FF6634;text-decoration:none;box-shadow:2px 2px 5px #FADAB1;}	
.news_tab .tab-hd li.on{color: #fff;width:130px; height:35px; line-height:35px;background:#FF6634;text-decoration:none;box-shadow:2px 2px 5px #FADAB1;border:none; }
.news_tab .tab-hd li.on a{color: #fff;border:none;}
.news_tab .tab-bd { margin-top:20px;}	

.home_news_list{ width:370px; height:250px; overflow:hidden;}
.home_news_list ul li{ width:370px;height:32px;line-height:30px;float:left;text-align:left;text-indent:15px; font-size:14px; background:url(../images/dian01.png) no-repeat left center; overflow:hidden;}
.home_news_list ul li b{width:300px; float:left; font-weight:normal;text-overflow:ellipsis; overflow:hidden;word-break:keep-all;white-space:nowrap;}
.home_news_list ul li span{ float:right; color:#999; text-align:right; font-size:10px;display:block; width:70px; text-indent:0;}

.ind_contact{ margin-top:20px; width:auto; height: 90px;}
.ind_contact ul li{ width: 100%; padding-left: 35px; height: 35px; line-height: 35px; font-size: 16px; color: #999; text-align: left;}
.ind_contact ul li.bgc1{ background: url(../images/icons_01.png) no-repeat left center;}
.ind_contact ul li.bgc2{ background: url(../images/icons_02.png) no-repeat left center;}
.ind_contact ul li.bgc3{ background: url(../images/icons_03.png) no-repeat left center;}

.contact_menu{margin-top:50px; width:369px; height:100px; border-left:#eee solid 1px;}
.contact_menu ul li{ float:left; width:122px; border-right:#eee solid 1px; height:100px; text-align:center; font-size:14px;}
.contact_menu ul li .ico{ padding:20px 0 10px;}
.contact_menu ul li .ico .img1{ display:none;}
.contact_menu ul li:hover .ico .img1{ display:inline-block;}
.contact_menu ul li:hover .ico img{ display:none;}




.links_bg{ margin:auto; width:100%; height:auto; background:#fff; padding:15px 0;border-top:#eee solid 1px;}
.links_bg .links{ margin:auto; width:1200px; height:auto; line-height:25px; text-align:left;}


