@charset "utf-8";
*{
	margin:0;
	padding:0;
	list-style:none;
}
body,td,th
{ font:12px/1.5 arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,helvetica,sans-serif;}
body{
	color:#747474;
	background:#fdfdfd;
}

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */  

a{color:#747474; text-decoration:none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
a:hover{color:#000; text-decoration:none;}
.loading{ position:absolute; width:100%; height:100%; background:#fff; z-index:900;}
.loading i{ display:block; height:100%; background:url(/images/addimages/loading.gif) center no-repeat;}
.overRay{ position:absolute;width:100%;height:100%; background:#000;display:none; z-index:500;filter:alpha(opacity=35);-moz-opacity:0.35;-khtml-opacity: 0.35;opacity: 0.35;}

img{ border:0;}
.clear{ clear:both;}
.pic_bot{ border:1px #dcdbdb solid;}
.arricon{padding-left:10px;background:url(/images/addimage/arr.jpg) left center no-repeat;}
.sp{ color:#000;}
.sp:hover{color:#000;text-decoration:none;}
span.left{ float:left;}
span.right{ float:right;}

.cc-head{ min-width:1180px; height:74px; background:#2b2b2b;}
.head-com{ width:1180px; margin:0 auto;}
#box_cc_logo{ width:110px; float:left;}
.cc-nav{width:840px; float:left; padding-left:10px;}
.cc-nav li{ float:left;line-height:74px; padding:0 5px;}
.cc-nav li.last{ background:none;}
.cc-nav li a{line-height:74px;font-size:14px; display:block; text-align:center; color:#999; width:90px;}
.cc-nav li a:hover{ color:#fff;}
#box_cc_search{ width:215px; float:right; padding-top:28px;}

#box_index_banner{ height:686px;}
#box_sub_banner{height:360px;}

.index-protype{ width:1180px; margin:35px auto 75px auto;}
h1.index-title{ display:block; white-space:nowrap; text-indent:-999px; overflow:hidden; margin:0 auto; height:129px;}
.index-protype h1.index-title{ width:320px; background:url(/images/addimages/index_catalog_title.jpg) no-repeat;}
#box_index_protype{ margin-top:70px; height:535px; position:relative; width:100%; overflow:hidden;}
ul.accordion{
    position:absolute;
    left:0;
    top:0;
	width:3000px;
}
ul.accordion li{
    float:left;
    width:150px;
    height:500px;
    display:block;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li .heading{
	position:absolute;
	top:60px; left:30px;
	width:10px;
    font-size:40px;
    color:#fff;
	line-height:25px;
    text-align:center;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;      
    writing-mode: vertical-rl;
}
ul.accordion li .description{
    position:absolute;
    width:100%;
    height:125px;
    bottom:0px;
    left:0px;
    display:none;
}
ul.accordion li .description h2{
	font-weight:normal;
    font-size:30px;
	line-height:45px;
    color:#fff;
    text-align:left;
	padding:20px 35px 0 35px;
}
ul.accordion li .description p{
    line-height:20px;
    padding:0 35px;
	color:#fff;
    font-size: 16px;
}
ul.accordion li .bgDescription{
    background:#000;
    height:125px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.cc-footer{ min-width:1180px; min-height:110px; background:#2c2c2c;}
.footer-wrap{ width:1180px; margin:0 auto;}
#box_bot_logo{ width:108px; float:left; padding:21px 0 0 6px; background:url(/images/addimages/bot_line.jpg) right 28px no-repeat;}
#box_cc_footer{ width:1020px; float:right; padding:21px 25px 0 0; color:#a9a9a9;}
#box_cc_footer *{ color:#a9a9a9;}
#box_cc_footer a:hover{ color:#fff;}

/*sub*/
#box_sub_main{ background:#fdfdfd; min-width:1180px;}
.content-bg{ width:100%; padding:87px 0; background:url(/images/addimages/sub_bg111.jpg) top center no-repeat;}
.sub-com{ width:1180px; margin:0 auto;}
.cc-left{ width:190px; float:left;}
#box_left_search{ height:24px; padding-top:61px; background:url(/images/addimages/left_search.jpg) no-repeat;}
.cc-right{ width:905px; float:right;}
.subnav-wrap{ padding-bottom:5px;}
.sub-nav{ margin:45px auto 0 auto;text-align:center;}
.cc-right .sub-nav{ margin:0; text-align:left;}
.sub-nav li{ display:inline-block; _display:inline;padding:0 5px; margin-bottom:10px; line-height:32px;}
.cc-right .sub-nav li{ padding:0 22px 0 0;}
.sub-nav li a{ padding:7px 20px; font-size:14px; line-height:32px;border:1px #ddd solid;}
.sub-nav li a:hover{ background:#505050; color:#fff;}
.sub-nav li a.current{ background:#505050; color:#fff;}

.cc-content{ margin-top:30px; line-height:25px;}

#box_procom{ margin-top:45px;}