/* CSS Document */
body{ margin:0px; padding:0px; text-align:center; font:12px/20px  "Microsoft YaHei"; color:#333333; background-color:#fff; background:url(images/bj.jpg) no-repeat center center; background-attachment:fixed;}
p,ul,li,img{ margin:0px; padding:0px;}
.clear{ clear:both;}

a{ color:#FFF; font:normal 13px/25px "Microsoft Yahei"; text-decoration:none;}
a:hover{color:#008eb2; font:normal 13px/25px "Microsoft Yahei"; text-decoration:none;} 
.a1{ color:#008eb2; font:normal 12px/25px "Microsoft Yahei"; text-decoration:none; }
.a1:hover {color:#008eb2; font:normal 12px/25px "Microsoft Yahei"; text-decoration:none; }
.a2{ color:#008eb2; font:normal 12px/25px "Microsoft Yahei"; text-decoration:none; }
.a2:hover{ color:#008eb2; font:normal 12px/25px "Microsoft Yahei"; text-decoration:none; }

.main{ width:1200px; margin:0px auto; padding:0px; background:url(https://img.yaozs.com/p/images/a2_green3_all_bj.jpg)}

/*ͷ������*/
.topnav{ width:100%; font:normal 12px/32px "Microsoft Yahei"; text-align:left; height:32px; margin:0px auto; padding:0px; color:#666666; background:url(https://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:100%; margin:0px auto; padding:0px; background:#FFF;}

/*��˾���*/
.jianjie_cmp{ }
.title_cmp{ width:1200px; margin:0px auto; height:154px; background:url(images/index_01.jpg) left top no-repeat; overflow:hidden; line-height:35px;text-indent:-999em; margin-bottom:5px;}
.content_cmp{ width:1082px; margin:0px auto; padding:10px;  background:#ffffff; }
.content_cmp p{ text-indent:2em; text-align:justify; font-family:Microsoft YaHei; font-size:14px; line-height:35px;}
.about-us {
    padding:20px 0;
}
.w1200 {
    width: 1200px;;
    margin: 0 auto;
	
}

.about-us .block-tit {
    text-align: left;
}

.block-tit {
	font-size: 18px;
	color: #999;
	text-align: center;
	line-height: 30px;
	padding-left:50px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}
.block-tit strong {
    color: #000000;
    font-size: 40px;
    font-weight: normal;
    display: block;
    line-height: 40px;
	
}

.about-text .logo {
    width: 355px;
    height: 210px;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -120px;
    right: -420px;
    border: 1px #f0f0f0 solid;
}
.about-text .p-box {
    max-height: 310px;
    overflow: hidden;
	text-align:left;
}
.about-text {
    width: 1000px;
    margin-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.about-text p {
    font-size: 16px;
    line-height: 28px;
    text-indent: 32px;
    color: #666;
}
/*������*/
.gonggao{ margin:10px auto 0px; padding:0px; width:886px; line-height:30px; text-align:center; border:1px solid #018fd9; background:#e7fcfb;}

/*����ͼƬ*/
.gundongpic{  width:1098px; margin:10px auto 0px; border:1px #018fd9 solid;padding:0px; background:#fff ;}
#showpic { width:1090px; height:188px; margin:0 auto;padding:10px 0;}
#showpic img { width:250px; height:188px; margin:0 2px;}
#MyMarqueeX {width: 1090px; 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:1090; margin:0px auto; padding:0px; }

/*��Ʒչʾ*/
.proshow{ }
.title_pro{width:1200px; margin: 0px; padding:0px; height:55px; background:url(https://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:570px; margin:15px 0px 20px 20px; background:#fff; border:4px solid #333333; overflow:hidden; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.product ul li:hover{transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #c8c8c8;
    -moz-box-shadow:0px 5px 15px #c8c8c8;
    box-shadow:0px 5px 15px #c8c8c8;}
.side_product1{
	width:550px;
	height:40px;
	margin:5px auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #000000;
}
.side_product2{width:570px; height:41px; margin:0px; padding:0px; background:url(https://img.yaozs.com/p/images/a2_green3_all_box-foot.jpg) no-repeat; display:none;}
.pic_product{ width:570px;  overflow:hidden;  margin:0px auto; padding:5px 0px 0px 0px; text-align:center; font-size:0px;}
.about_product{ width:570px;  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 16px/40px "Microsoft YaHei"; color:#ffffff; font-weight:bold; margin:0px; padding:0px;text-decoration:none;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
a.name_product:hover{  font:bold 16px/40px "Microsoft YaHei"; color:#ffffff;text-decoration:none;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.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:470px;
	text-align:left;
	padding:0px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.content4,.content5{
	float:left;
	display:inline;
	width:470px;
	text-align:left;
	padding:0px;
	line-height:20px;
	height:76px;
	overflow:hidden;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.button1{ width:300px;  margin:0px auto 20px; padding:0px; height:45px;}
a.but2{
	display: block;
	position: relative;
	color: #fff;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	margin: 5px;
	border-radius: 2px;
	overflow: hidden;
-webkit-transition: all 0.15s ease-in;	transition: all 0.15s ease-in;
	float:left;
	background-color: #000000;
}
.but2:hover {background: #a10c0e;}
.but2:before {content: ' ';position: absolute;background: #fff; width: 25px;height: 50px;top: 0;left: -45px;opacity: 0.3;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.but2:hover:before { width: 45px;left: 205px;}

/*��ϵ��ʽ*/
.link{ }
.title_link{ width:1200px; margin:0px auto; height:50px; background:url(https://img.yaozs.com/p/images/btlx.jpg) left top no-repeat; overflow:hidden; line-height:35px;text-indent:-999em;margin-bottom:5px;}
.attract{  width:1082px; margin:0px auto; padding:10px 0px; background:#ffffff; }
.attract ul{ width:1050px;  margin:0px auto; padding:0px; border-top:#c60e10 1px solid; border-left:#c60e10 1px solid; overflow:hidden;}
.attract ul li{ float:left; list-style:none; margin:0px; padding:2px 5px; display:inline; line-height:24px; color:#003300; font:  14px/24px "Microsoft YaHei"; border-bottom:#c60e10 1px solid; border-right:#c60e10 1px solid;}
.attract1,.attract3,.attract5,.attract7,.attract9,.attract11{ width:103px; height:24px; font-weight:bold; overflow:hidden;}
.attract2,.attract4,.attract6,.attract8,.attract10,.attract12{ width:400px; height:24px;  overflow:hidden; text-align:left;}
.tishi{ font:bold 14px/24px "Microsoft YaHei"; color:#f00;}

/*�ײ�����*/
.subnav{ width:1200px; height:28px; background:#004072; color:#FFFFFF; line-height:28px; margin:5px  auto 0px;}
.copyright{ margin:0px auto; padding:0px; width:1200px; height:25px; background:#fff; color:#000; line-height:25px;}
.subnav a{ color:#fff; font:  14px "Microsoft YaHei"; text-decoration:none;}
subnav a:hover{ color:#fff; font:  14px "Microsoft YaHei"; text-decoration:none;}


.fullSlide{width:100%;position:relative;height:471px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:471px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:471px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:2%;background-position:-6px -137px;}