/* CSS Document */
body{ margin:0px; padding:0px; text-align:center; font:12px/20px normal "Microsoft YaHei"; color:#333333;}
p,ul,li,img{ margin:0px; padding:0px;}
.clear{ clear:both;}

.zhongdian{ font:bold 14px "Microsoft YaHei"; color:#CC0000; display:none; text-decoration:none;}
a{ color:#000000; font:normal 14px "Microsoft YaHei"; text-decoration:none; text-decoration:none;}
a:hover{color:#000000; font:normal 14px} 
.a1,.a2{ color:#000000; font:normal 12px/25px "Microsoft YaHei"; text-decoration:none;}
.a1:hover,.a2:hover{ color:#000000; font:normal 12px/25px "Microsoft YaHei"; text-decoration:none; }

.main{ width:1200px; margin:0px auto; padding:0px; background:url(http://img.yaozs.com/p/images/a2_green3_all_bj.jpg)}
/*头部导航*/
.topnav{ margin:0px auto; padding:0px; width:1200px; font:normal 12px/32px "Microsoft YaHei"; text-align:left; height:32px; color:#666666; background:url(http://img.yaozs.com/p/images/bggray1.jpg) repeat-x;}
.topnav a{ color:#CC0000;}
.topnav a:hover{ color:#000000;}
.topnav p{ float:right; margin:0px 10px; padding:0px; line-height:32px; height:32px; display:inline;}
.logo{ width:160px; height:30px; margin:1px 20px 1px 0px; padding:0px; float:left; display:inline;}

/*头部图片*/
.top{ width:1200px; margin:0px auto; padding:0px; background:url(http://img.yaozs.com/p/images/a2_green3_all_bj.jpg); text-align:center}

/*公司简介*/
.jianjie_cmp{ }
.title_cmp{ width:1200px; margin:0px auto; height:55px; background:url(http://img.yaozs.com/p/images/sljj.png) left top no-repeat; overflow:hidden; line-height:35px;text-indent:-999em;}
.content_cmp{ width:1150px; margin:0px auto; padding:5px; border:2px solid #c5c5c5; background:#ffffff; text-align:left; line-height:22px; letter-spacing:0.2em; text-indent:2em; text-align:justify; font-family:Microsoft YaHei; font-size:14px; line-height:24px;}

/*公告栏*/
.gonggao{ margin:10px auto 0px; padding:0px; width:886px; line-height:30px; text-align:center; border:1px solid #01b9b5; background:#e7fcfb;}

/*滚动图片*/
.gundongpic{  width:1150px; margin:10px auto 0px; border:1px #b6b6b6 solid;padding:0px; background:#fff ;}
#showpic { width:1140px; height:188px; margin:0 auto;padding:10px 0;}
#showpic img { width:250px; height:188px; margin:0 2px;}
#MyMarqueeX {width: 1140px; height: 188px; overflow: hidden; margin: 0 auto 0 auto}
#MyMarqueeX img {width: 250px; height: 188px; padding: 1px; margin: 5px}
#marquePic1 a,#marquePic2 a	{ font-size:12px; color:#000; text-decoration:none;}
#marquePic1 a:hover,#marquePic2 a:hover	{ font-size:12px; color:red; text-decoration:underline;}
#marquePic1{ width:1140; margin:0px auto; padding:0px; }

/*产品展示*/
.proshow{ }
.title_pro{width:1200px; margin: 0px; padding:0px; height:55px; background:url(http://img.yaozs.com/p/images/slccp.png) no-repeat; overflow:hidden; text-indent:-999em; margin-bottom:5px;}
.product{ width:1200px; margin:0px auto; padding:0px;}
.product ul{ width:1200px; margin:0px; padding:0px;}
.product ul li{ list-style-type:none; float:left; display:inline; width:365px; margin:0px 0px 20px 20px; background:#fff; border:4px solid #b6b6b6; overflow:hidden;}
.side_product1{width:280px; height:40px; margin:20px auto; padding:0px 0px 0px 0px; background:#ebebeb; text-align:center; color:#686868; font:bold 14px/40px "Microsoft YaHei";}
.side_product2{width:300px; height:41px; margin:0px; padding:0px; background:url(http://img.yaozs.com/p/images/a2_green3_all_box-foot.jpg) no-repeat; display:none;}
.pic_product{ width:300px; height:225px; overflow:hidden;  margin:0px auto; padding:5px 0px 0px 0px; text-align:center; font-size:0px;}
.about_product{ width:350px;  margin:5px 10px; padding:0px;}
.title1{ display:none; float:left;width:72px; height:20px; text-align:left; margin:2px 0px; padding:0px; line-height:20px;}
.content1{ float:right; display:inline; width:280px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:20px; overflow:hidden; display:none; }
a.name_product{ font:bold 18px/40px "Microsoft YaHei"; color:#333; font-weight:bold; margin:0px; padding:0px; letter-spacing:0.1em; text-decoration:none;}
a.name_product:hover{  font:bold 18px/40px "Microsoft YaHei"; color:#686868;letter-spacing:0.1em;text-decoration:none;  }
.title2{ float:left; display:inline; width:72px; height:20px; text-align:left; margin:2px 0px; padding:0px; line-height:20px;}
.content2,.content3{ float:left; display:inline; width:270px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:20px; overflow:hidden; }
.content4,.content5{font:bold 15px/10px "Microsoft YaHei"; width:300px;  margin:0 auto; padding:0px; line-height:20px; height:50px; overflow:hidden; }
.button1{ width:290px;  margin:0px auto 20px; padding:0px; height:35px;}
a.but2{ float:left; width:109px; height:35px; line-height:35px; font-size:14px; font-weight:bold; margin:2px 35px 0px 0px; padding:0px; text-align:center; color:#FFFFFF; display:block; background:url(http://img.yaozs.com/p/images/a2_cyan1bt.jpg) no-repeat; }

/*联系方式*/
/*底部联系方式*/
.tbdiv{margin:0 auto; width:100%; background-color:#fff; padding:8px 0px;}
.topNav{width:980px;}
.pageBottom{width:980px;}
.cpDivBg{background:#020202!important;}
.tbottom{line-height:25px;background-color:#fff;border:1px solid #56c6f4; width:100%;margin: 0px auto; color:black;}
th{ border:1px solid #56c6f4; text-align:center; font-weight:normal; font-size:14px}
th strong{ font-size:14px;}
.s{ text-align:left;!important;font-size: 14px;}
.bg{ background:url(images/bg.jpg)}
.bg .rollItem{overflow: hidden; width: 940px;  margin: 0px auto}

/*尾部联系人区域*/
.contact_bg { background:#fff; }
.tab_contact { list-style: none; width: 100%; margin: 10px 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; font-weight:normal;}
.tab_contact th strong{font-size: 14px;font-family:新宋体,arial;   }
.QpageBottom{ margin-bottom:25px}
#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)))}
/*************************************************************************************************/

/****************************模板一：一行一个及可以分类展示*****************************/
/**控制整个内容区域，也控制具体一个模型，及模型尾部的分割图片**/
.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}
/*产品图片自适应，宽高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: 940px;margin: 0px auto;}
/*控制控制具体一个模型*/
.model2{ width: 455px;height: 300px;overflow: hidden; border: 5px solid red}
.model2_wrap{ padding:10px}
.model2_l{width: 200px; float: left}
.model2_r{width: 200px; line-height: 30px; float:right}
.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: 400px;height: 300px; text-align: center;vertical-align: middle }
.product2 img { max-height: 300px; max-width: 400px; _width: expression(this.width > 400 && this.width > this.height ? 300 :true);_height: expression(this.height > 300 ? 300 : true);display: inline;text-align: center;vertical-align: middle}
.product2_name { color: black; text-decoration: none;font-size: 14px }
/****************************************************************/
.img01{max-height: 400px; max-width: 400px; _width: expression(this.width > 400 && this.width > this.height ? 400 :true);_height: expression(this.height > 400 ? 400 : true); }
/*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: 940px;margin: 0px auto}
/*控制控制具体一个模型*/
.model4{width: 392px;height: 380px;margin-bottom: 10px;border: 3px solid #ccc;background-color: #fff;margin: 5px;}
.model4_title{ position:relative;;vertical-align: middle;text-align: center;width: 280px;height: 40px;overflow: hidden;display: block;line-height: 35px;color: #333;font-weight: bold;background: #f1f1f1;font: bold 18px/40px "Microsoft YaHei";margin-top: 10px;}
/*产品图片自适应，宽高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-width: 380px;max-height: 250px;_width: expression(this.width > 380 && this.width > this.height ? 250 :true);_height: expression(this.height > 250 ? 250 : true);display: inline;text-align: center;vertical-align: middle;}
/****************************************************************/



/*连续滚动图片--模版二*/
.wrap { padding: 10px; }
#slide1 { overflow: hidden; width: 1200px; height: 200px; margin: 10px auto;}
#slide1 li { float: left; margin: 5px 5px}
.slideul12 {width: 10000px}/*需要设置最大值，目前不能自适应*/
/*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
/**font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
.slideul22 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}
.slideul22 img {height: 200px;_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;}

.Qmain{
	width:100%; margin:0 auto;
	}
.main{
  width:1210px;margin:0 auto;
	}
.xl{
 margin:10px
	}
	
	
	/*连续滚动图片--模版二*/
#slide { width: 1200px; height: 200px; margin: 0 auto; overflow: hidden; }
#slide li { float: left; margin: 0 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; height: 210px; vertical-align: middle;text-align: center}
.slideul2 img {height: 200px;_height: expression(this.height > 200 ? 200 : true);display:inline;text-align: center;vertical-align: middle;}

.banner{width:100%;height:517px; position:relative; overflow:hidden; z-index:9;}
.banner .slides li{width:100%;height:517px;}
.banner .slides li a{ display:block;width:1000px;height:514px;margin:0 auto;}
.banner .flex-control-paging { position:absolute; z-index:99;left:50%;bottom:20px;margin-left:-45px;}
.banner .flex-control-paging li {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	list-style-type: none;
}
.banner .flex-control-paging li a {display:block;width:13px; height:13px;margin:0 5px;background-repeat:no-repeat; background-image:url(Images/ico_9.png);background-position:right top;text-indent:-9000px; cursor:pointer;}
.banner .flex-control-paging li a.flex-active {background-position:left top;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides{zoom: 1}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

 .item{height:30px; line-height:30px; background:#92c81c;margin:0 auto}
 .item-i{display:block; width:150px; margin-left:80px; padding-left:15px; background:#fff;color:#92c81c; font-size:20px; font-family:Microsoft Yahei; font-weight:700}