@charset "utf-8";
/* CSS Document */
body{ color:#333; font-family:Arial, Helvetica, sans-serif;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,th,td,div{margin:0;padding:0; list-style:none; line-height:22px;}
body,div,ul,li,dl,dt,dd{ font-size:12px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#333; text-decoration:none}
a:hover{ color:#f00} 
img{ border:none;}
.C{ clear:both}

.wrapper{width:1009px; margin:auto;}

/* header */
#header .inner{ position:relative; height:103px;}
#header h2{ float:left;}
#header .toplink{ position:absolute; top:5px; right:0;}
#header .toplink a{  padding:5px;padding-left:22px;}
#header .toplink a.cn{ background:url(../images/cn.jpg) no-repeat left center; margin-right:15px;}
#header .toplink a.en{ background:url(../images/en.jpg) no-repeat left center}
#header .search{ margin-top:58px; float:right; display:inline; background:#f2f2f2;width:180px; border:solid 1px #e9e9e9; height:20px;}
#header .search .text{ background:none; border:none; float:left; width:154px; padding-left:5px; line-height:20px; }
#header .search .btn{ float:left; display:block}

#header .dh_phone {	padding: 2px 0px 2px 52px;	margin-top: 42px; float: right;background: url(../images/hdPhoen_ico.png) no-repeat left center;font-size: 14px;color: #b6373d;}
#header .dh_phone dd {font-size: 24px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}

/* nav */
#nav{ background:#b6373d}
#nav .nav-wrap{ width:945px; padding-left:58px}
.group:after{visibility:hidden;display:block;content:"";clear:both;height:0}
*:first-child+html .group{zoom:1} /* IE7 */
#example-one{margin:0 auto;list-style:none;position:relative;width:945px; height:35px;}
#example-one li{ float:left; width:135px;}
#example-one a{ display:block;width:135px; height:35px; line-height:35px;color:#fff;font-size:16px;float:left;text-decoration:none;text-transform:uppercase; text-align:center; transition:all 0.5s  ease-in-out; position:relative; z-index:10}
#example-one a:hover{color:#fff}
#example-one ul{display:none;position:absolute;z-index: 999;width: 121px;padding: 30px 0;border-top: 1px solid #00923f;}
#example-one ul li{background: #b6373d;}
#example-one ul li a{border: none;float: center; display: inline;width: 121px;height: 36px; line-height: 36px; font-size: 16px;text-align: left;color: #000000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#magic-line{position:absolute; z-index:9;bottom:0px;left:0;width:100px;height:44px; background:#c93738}
.current_page_item a{color:#fff !important; background:#c93738}
.ie6 #example-one li, .ie7 #example-one li{display:inline}
.ie6 #magic-line {bottom:0px}


/* banner */
.slides {width: 100%;height: 477px;position: relative;overflow: hidden;}
.slideInner {height: 477px;	position: relative;	left: 0;margin-left: 0;}
.slideInner a {display: block;	height: 477px;	background-size: cover;	background-position: center center;	position: relative;	text-align: center;
z-index: 1;}
.slideInner a div.img1 {width: 324px;	position: absolute;	top: 65px;	left: 10%; margin-left:50px; z-index:10	}
.slideInner a div.img2 {width: 1003px;	position: absolute;	top: 50px;	left: 50%;	margin-left: -350px;}
.slideInner .slide3 .img2{top: 10px; margin-left: -450px;}
.slideInner .slide3 .img3{width: 181px;	height: 286px;	position: absolute;	left: 50%;	margin-left: 330px;	top: 330px;}
.nav {	width: 1200px;	position: relative;	left: 50%;	margin-left: -580px; display:block;margin-top:-30px;}
.nav a {display: block;	width: 43px;height: 43px;	opacity:1;	z-index: 9;}
.nav a.prev {position: absolute;left: 50px;top: 0px;margin-top: -58px;	background: url(../images/ban_pre.png) no-repeat; z-index:10001}
.nav a.next {position: absolute;left: 110px;top:0px;margin-top: -58px;	background: url(../images/ban_next.png) no-repeat; z-index:10001}
.navListBox {position: absolute;left: 50%;top: 675px;z-index: 99;}
.navListBox li {width: 12px;height: 12px;float: left;margin-left: 5px;border-radius: 50%;overflow: hidden;}
.navListBox li:first-child {margin-left: 0;}
.navListBox li a {	display: block;	width: 100%;height: 100%;border-radius: 50%;background-color: #fff;box-shadow: 0 0 5px #666 inset;}
.navListBox li a.active {	background-color: #55ddff;}


/* container */
#container{background:url(../images/banner_bottom.png) no-repeat top center;margin-top:-115px;position:relative; z-index:1000;}

#news h2{ padding-top:105px; height:60px;}
#news h2 span{ float:right;  display:inline;margin-right: 5px;}
#news .newsinner{  background:url(../images/news_bg1.png) no-repeat top center #ecf0f1; height:385px;}

/*public*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}

/*news*/
.news-top{width:1003px; margin:auto;  position:relative; z-index:10; padding-top:30px;}
.news-top .title{ float:right; height:281px; width:311px; padding-right:6px; background:url(../images/news_bg2.jpg) no-repeat right bottom; }
.news-top .title-list{ position: relative; width:311px;  height:273px; line-height:38px; background:#fff; border-radius:10px; -webkit-border-radius:15px; overflow:hidden;  border:solid 1px #e9e9e9}
.news-top .title-list li{ width: 311px; line-height: 38px; height:91px; text-align: center; position:relative; z-index:11; font-family:SimSun; font-size:14px; color:#fff; border-bottom:solid 1px #eae6d9; }
.news-top .title-list li a{ text-align:left; width: 294px; padding-left:17px; display:block; line-height: 24px; padding-top:14px; position:relative; z-index:11; font-family:SimSun; font-size:12px; color:#333; height:77px;}
.news-top .title-list li.on{ border-bottom:none}
.news-top .title-list li.on a{ color: #fff;  transition:all 1s ease-in-out; }
.news-top .title-list p{position:absolute;top:0px;left:0px;width:311px;height:91px;overflow: hidden; text-align: center; z-index:10;}
.news-top .title-list b{display:inline-block;width:100%;height:100%; background:url(../images/news_bg.jpg) no-repeat left 
top; overflow: hidden;zoom: 1;font-size: 0;}
.news-wrap{ float:left; width:662px; position:relative; overflow:hidden; height:281px}
.news-wrap .news{ display: none;height: 281px;  padding-right:6px; background:url(../images/news_bg1.jpg) no-repeat right bottom;}
.news-wrap .news-in{background:#fff; padding:30px 20px; height:213px;  border-radius:10px; -webkit-border-radius:15px; overflow:hidden;  border:solid 1px #e9e9e9; position:relative;}
.news-wrap .news .more{ position:absolute; right:0; top:0;}
.news-wrap .show{ display: block;}
.news-wrap .img{ float:left}
.news-wrap .news h3{ font-size:12px; margin:8px 0; width:80%;}
.news-wrap .news span{ display:block; font-weight:normal; color:#666 }
.news-wrap .inner{ float:right; width:401px; text-align:justify}
.news-wrap .inner p{ text-indent:24px; line-height:24px;}
.news-wrap .inner p a{ color:#666}


/* product */
#product{ background:url(../images/pro_bg.jpg) repeat-x left top #ce4b4c; padding-top:18px; height:395px; border-bottom:solid 1px #fff }
#product h2{height:68px;}
#product h2 span{ float:right; margin-right:20px; margin-top:10px; display:inline}
#product .inner{ width:965px; margin:auto; margin-top:48px; }


/* footer */
#footer{ background: #ecf0f1; font-family:SimSun; padding-top:19px;}
#footer .botnav{ background:url(../images/bot_logo.png) no-repeat left top; height:210px; padding-left:225px; width:778px;  }
#footer .botnav ul li{ float:left; width:100px; overflow:hidden}
#footer .botnav ul li b{ display:block; margin-bottom:10px; margin-top:15px;}
#footer .botnav ul li.last{ width:290px;}
#footer .botnav ul li a{ transition:all 0.5s ease-in-out}
#footer .botnav ul li a:hover{ margin-left:5px;}

#footer .copy{ background:#fff; padding:15px 0; text-align:center}

/* sub */
#subbanner{ height:220px; background:url(../images/sub_img.jpg) no-repeat center top; position:relative; z-index:100}
#subbanner .sub_title{ text-align:center; padding-top:42px; height:125px}
#subbanner .bg{ background:url(../images/sub_topbg.png) no-repeat center bottom; height:178px; bottom:-76px; width:100%; position:absolute;  }

#subcontainer{ background:url(../images/sub_bg.jpg) repeat-y center top ; padding-top:72px; position:relative }

#subcontainer .in{ position:relative;background:url(../images/main_bg.png) repeat-y center top;}

.sidebar{ position:absolute; left:-170px; top:50px; background:url(../images/sub_bg1.jpg) repeat-y right top; width:190px;}
.sub1{ background:url(../images/sub_03.png) no-repeat left top;height:50px;  padding-left:30px; padding-right:20px; float:right; margin-right:-10px; display:inline; min-width:70px; max-width:160px; overflow:hidden}

.sub1 a{ float:left; padding-top:5px;line-height:14px; font-family:SimSun; color:#666}
.sub1 a .en{ color:#cccccc; font-family:Arial, Helvetica, sans-serif; text-transform:Capitalize  }
.sub1 .number{ float:left; font-size:30px;line-height:40px; color:#cccccc; transition:all 0.2s ease-in-out}

.main{ padding-top: 10px;  }
.main .crumb{ padding-left:32px; background:url(../images/crumb.jpg) no-repeat left bottom; height:28px; line-height:28px; border-bottom:solid 1px #efefef;  margin:0 50px; margin-bottom:15px; color:#666666}
.main .article{ }
.main .sub_about{min-height:400px; padding:0 55px;padding-bottom:20px; background:url(../images/sub_aboutbg.jpg) no-repeat 4px bottom;}

.main .sub_news{min-height:400px;  padding:0 55px; padding-bottom:20px;background:url(../images/sub_aboutbg.jpg) no-repeat 4px bottom;}
.main .sub_news ul li{ margin-bottom:10px; }
.main .sub_news ul li h3{ background:url(../images/news_icon1.png) no-repeat left center; padding-left:20px; border-bottom:dashed 1px #ccc;font-weight:normal; font-size:12px;height:30px; line-height:30px;  }
.main .sub_news ul li h3 span{ float:right;  background:url(../images/news_icon.png) no-repeat left center; padding-left:20px; color:#999999}
.main .sub_news ul li p{ line-height:24px; color:#666}
.main .sub_news ul li p a{ color:#666; transition:all 0.5s ease-in-out}
.main .sub_news ul li p a:hover{ color:#d15655}

.newsFocus{ width:100%; height:185px;  position:relative; overflow:hidden; margin-bottom:20px; }
.newsFocus ul{ width:3009px; height:185px; position:absolute; left:0px; top:0px; padding:0px; margin:0}
.newsFocus ul li{  height:185px; float:left; list-style:none}
.newsFocus ul li img{ max-width:100%}
.newsFocus ul li a{ display:block}
.newsFocus ul li .newsFocusThum{ width:463px;float:left;}
.newsFocus ul li .newsFocusInfo{ width:390px; height:145px; float:left; background:#f1f1f1; padding:20px 20px}
.newsFocus ul li .newsFocusInfo .newsFocusTitle{ width:100%; height:auto; line-height:20px; color:#333333; font-size:14px; font-weight: bold;}
.newsFocus ul li .newsFocusInfo .newsFocusDetails{ width:100%; height:98px; overflow:hidden; line-height:30px; padding-top:10px; font-size:12px; color:#333333;}
.newsFocus ol{ list-style:none; width:200px; height:15px; position:absolute; left:15px; bottom:10px;}
.newsFocus ol li{ width:15px; height:15px; border-radius:15px; float:left; margin-right:10px; background:#fff; cursor:pointer;}
.newsFocus ol li:hover,.newsFocus ol li.newsFocusCur{ background:#d15655;}
.newsFocus .newstime{ background:url(../images/news_icon.png) no-repeat left center; padding-left:20px; color:#999999}

.main .subnav2{ margin:0 55px; border-bottom:solid 1px #eef1f2; margin-bottom:20px }
.main .subnav2 ul li{ float:left; padding:10px 20px;}
.main .sub_product{ min-height:400px; padding:0 55px; padding-bottom:20px;background:url(../images/sub_aboutbg.jpg) no-repeat 4px bottom;}
.main .sub_product ul li{ float:left; width:307px; height: 327px;}
.main .sub_product ul li a{ width:276px; display:block}
.main .sub_product ul li a img{ display:block; border:1px solid #ecf0f1}
.main .sub_product ul li p{ height:33px; text-align:center; line-height:33px; background:#ecf0f1}
.link {
  background: #b6a79e;
  color: #fff;
  padding: 20px 0;

}
.link h4 {
  font-size: 14px;
  float: left;
  margin-left: 10%;
}
.link ul {
  float: left;
}
.link ul li {
  float: left;
  border-right: 1px solid #fff;
  padding: 0 10px;
}
.link ul li a {
  color: #fff;
}
.link ul li a:hover {
  text-decoration: underline;
}
.prod {width: 100%;height: auto;overflow: hidden;}
/*分页样式*/
.page { padding: 0px; margin: 0px; text-align: center; font-family: Verdana; font-size: 12px; }
.page a { border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #b6373d; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none; }
.page a:hover { border-right: #fff 1px solid; border-top: #fff 1px solid; background-image: none; border-left: #fff 1px solid; color: #fff; border-bottom: #fff 1px solid; background-color: #b6373d; }
.page a:active { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #b6373d; }
.page span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px; }
.page span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }


/* QQ在线客服*/
.zxqq{ width:164px; position:fixed; height:auto;overflow:hidden; background:#fff; top:100px; left:5px; z-index:1000;}
.kf_top{ width:164px; height:40px; background:#c93738; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight:bold; border-bottom:3px solid #F16905;}
#close{display:block;width:17px;height:17px; float:right;cursor:pointer; border:0; font-size:13px; font-weight:normal; color:#f6f6f6;} 
.chat_f1_expr{width:162px;height:auto;overflow:hidden; background:#fff; border:1px solid #ccc; border-top:none; padding-top:8px; padding-bottom:14px;} 
.qq_list{ width:162px; height:auto; overflow:hidden;}
.qq_list ul{ list-style-image:none;text-align: center;}
.qq_list ul li{ width:162px; height:68px; float:left; border-bottom:1px dashed #ccc;}
.weix{ width:162px; height:auto;overflow:hidden; padding-top:12px; border-bottom:1px dashed #ccc;}
.weix img{ width:138px; height:138px; margin-left:auto; margin-right:auto; padding-left:12px;}
.weix p{ width:162px; height:30px; line-height:30px; text-align:center;}
.zxqq_phone{ width:162px; line-height:24px; font-size:18px; color:#E2140D; text-align:center; padding-top:8px;font-family: "微软雅黑";}