/*******************通用部分*********************/

/*尾部联系人区域*/ 
.tab_contact { background:#fff; list-style: none; width: 95%; margin: 0px auto; height: 200px; border: 1px solid #56c6f4; }
.td1 { padding-left: 30px; text-align: left; border: 1px solid #56c6f4; } 
.tab_contact th{border: 1px solid #56c6f4;height: 25px;line-height: 25px; font-size: 14px}


#footer { width: 100%; margin: 0px auto; text-align: center; background: #3f3737;position: fixed; bottom: 0px;ilter:alpha(Opacity=80);-moz-opacity:0.5;opacity:  0.9; right:0; left:0; }
.footer_box{width: 980px; margin: 0px auto; background: #3f3737;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity:  0.9;}
.footer_box_info{width: 980px; height: 25px; color: #FFF;font-size: 20px;font-weight: bold; text-align: center;padding-top: 7px}
.footer_box_info img{vertical-align: top}

* html,* html body{background-image:url(about:blank);background-attachment:fixed}
* html #footer {position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
/*************************************************************************************************/
.QpageBottom{ margin-bottom:25px}


/****************************模板一：一行一个及可以分类展示*****************************/
/**控制整个内容区域，也控制具体一个模型，及模型尾部的分割图片**/
.model1{background: url(images/body_profile.jpg) no-repeat bottom center; width:100%;}
/*控制整个内容的实际占用宽度*/
.model1_wrap{ padding: 10px 20px 20px 20px}
.model1_l{width: 300px;display: inline; float: left}
.model1_r{width: 600px; line-height: 30px; float:right}
.model1_r p{ color:#fff}
.model1_r a{ color:#fff}
/*产品图片自适应，宽高300*/
/*font-size: 262px;/*约为高度的0.873，300*0.873 约为262*/
/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product { display: table-cell;*display: block;*font-size: 262px;*font-family:Arial; width: 300px;height: 300px; border: 1px solid #eee;text-align: center;vertical-align: middle; }
.product img { max-height: 300px; max-width: 300px; _width: expression(this.width > 300 && this.width > this.height ? 300 :true);_height: expression(this.height > 300 ? 300 : true);display: inline;text-align: center;vertical-align: middle}
.product_name { color: black; text-decoration: none;font-size: 14px }
/****************************************************************/




/****************************模板二：一行两个及可以分类展示*****************************/
/**控制整个内容区域**/
.datalist2{ width: 960px;margin: 0px auto;}
/*控制控制具体一个模型*/
.model2{ width: 455px;height: 600px;overflow: hidden;border: 5px solid #025c5c;line-height: 24px;}
.model2 p{ border-bottom: 1px solid #ccc;}
.model2 p span{color: red}

.model2_wrap{ padding:10px}
.model2_l{width: 430px; }
.model2_r{width: 430px;}
.model2_r img{width: 95px}
/*产品图片自适应，宽高300*/
/*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product2 { display: table-cell;*display: block;*font-size: 175px;*font-family:Arial; width: 430px;height: 300px; text-align: center;vertical-align: middle }
.product2 img { max-height: 300px; max-width: 430px; _width: expression(this.width > 430 && this.width > this.height ? 450 :true);_height: expression(this.height > 300 ? 300 : true);display: inline;text-align: center;vertical-align: middle}
.product2_name { color: black; text-decoration: none; font-weight: 700}
/****************************************************************/

/*height: expression(document.body.clientHeight > 200?"200px":"auto" ) !important;width: expression(document.body.clientWidth > 200?"200px":"auto" ) !important;*/





/****************************模板三：一行三个及可以分类展示*****************************/
/**控制整个内容区域**/
.datalist3{ width: 940px;margin: 0px auto}
/*控制控制具体一个模型*/
.model3{width: 280px;margin-top: 5px;margin-bottom: 10px; border: 1px solid #ccc;background-color: #fff }
.model3_title{width: 260px; height: 35px;overflow: hidden;display: block;  line-height: 35px;color: red}
/*产品图片自适应，宽高260*/
/*font-size: 227px;/*约为高度的0.873，260*0.873 约为227*/
/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product3 { display: table-cell;*display: block;*font-size: 227px;*font-family:Arial; width: 260px;height: 260px; text-align: center;vertical-align: middle;overflow: hidden;}
.product3 img { max-height: 260px; max-width: 260px; _width: expression(this.width > 260 && this.width > this.height ? 260 :true);_height: expression(this.height > 260 ? 260 : true);display: inline;text-align: center;vertical-align: middle}
/****************************************************************/





/****************************模板四：一行四个及可以分类展示*****************************/
/**控制整个内容区域**/
.datalist4{ width: 1182px;margin: 0px auto}
/*控制控制具体一个模型*/
.model4{width: 280px;margin-bottom: 10px; border: 1px solid #ccc; background-color: #fff}
.model4_title{width: 260px; height: 35px;overflow: hidden;display: block;  line-height: 35px;color: red}
/*产品图片自适应，宽高200*/
.product4 { display: table-cell;*display: block;*font-size: 175px;*font-family:Arial;width: 200px;height: 200px; text-align: center;vertical-align: middle }
/*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.product4 img { max-height: 200px; max-width: 260px; _width: expression(this.width > 200 && this.width > this.height ? 200 :true);_height: expression(this.height > 200 ? 200 : true);display: inline;text-align: center;vertical-align: middle}
/****************************************************************/



/*连续滚动图片--模版二*/
.wrap { padding: 10px; }
#slide { overflow: hidden; width: 960px; height: 250px; margin: 10px auto;border: 1px solid red}
#slide li { float: left; margin: 5px 5px}
.slideul1 {width: 10000px}/*需要设置最大值，目前不能自适应*/
/*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.slideul2 a{ display: table-cell;*display: block;*font-size: 175px;*font-family:Arial;width: 200px;height: 200px;border: 1px solid #666; vertical-align: middle;text-align: center}
.slideul2 img { max-height: 200px; max-width: 200px; _width: expression(this.width > 200 && this.width > this.height ? 200 :true);_height: expression(this.height > 200 ? 200 : true);display:inline;text-align: center;vertical-align: middle}
 

 
/*五图轮播特效--模版一*/
#focus{margin:0 auto;}
#focus img{width:980px; height:347px;}
#focus {width:980px; height:347px; overflow:hidden; position:relative;}
#focus ul {height:347px; position:absolute;}
#focus ul li {float:left; width:980px; height:347px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:980px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:980px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(/Qdialogs/images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

body{ background:#001d57}

.Qmain{ width: 1000px;background: #dceed4}