@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}
#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:230px;}
#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:30px; }
.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:242px;}
.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;}
.index-news{float:left;width:700px;}
.index-news .title {float: left; padding-top:15px;}
.news_box {	margin-bottom: 30px;margin-top: 15px;background: #ce4b4c;}
.newsBox {width: 1009px;margin: auto;}
.newsBox .rBox {float: right;padding-top: 15px;padding-bottom: 30px;}
.newsBox .index-news .title {margin-bottom: 30px;}
.index-news h2{background-position:0px -34px}
.index-news ul{ clear: both;}
.index-news ul li{ width: 350px; float: left;  border-bottom: 1px dashed #CCC;}
.index-news ul li img{float:left;margin-right:10px}
.index-news ul li h3{font-size:100%;font-weight:bold;line-height:25px}
.index-news ul li p{color:#666}
.index-news ul li a {padding-left: 10px;line-height: 45px; color: #fff; background: url(../images/icon01.gif) no-repeat left center;}
.index-news ul li a span{color:#666;float:right;margin-right:10px}
.index-news .inner {margin-bottom: 30px;}
.index-news .inner .photo {	float: left;}
.index-news .inner .textBox {width: 520px;float: right;}