html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font:inherit;font-size:100%;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:;font-weight:;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;color:#000;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body{line-height:1;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
a,button{cursor:pointer;}
body{ margin:0px; padding:0px; text-align:center; font:12px/20px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; color:#333333; background-color:#dceed8}
p,ul,li,img{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ color:#FFF; font: 13px/25px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; text-decoration:none;}
a:hover{color:#008eb2; font: 13px/25px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; text-decoration:none;}
.a1{ color:#008eb2; font: 12px/25px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; text-decoration:none; }
.a1:hover {color:#008eb2; font: 12px/25px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; text-decoration:none; }
.a2{ color:#008eb2; font: 12px/25px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; text-decoration:none; }
.a2:hover{ color:#008eb2; font: 12px/25px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; text-decoration:none; }
.main{ width:100%; margin:0px auto; padding:0px; background:#fff;overflow:hidden;}
/*头部导航*/
.topnav{ width:100%; font: 12px/32px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; text-align:left; height:32px; margin:0px auto; padding:0px; 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:100%; margin:0px auto; padding:0px; background:#FFF;}
/*公司简介*/
.jianjie_cmp{ width:1100px; margin:5px auto; padding:0px;}
.title_cmp{width:1003px; margin: 0px; padding:0px; height:45px; background:url(http://img.yaozs.com/p/images/gsjj.gif) no-repeat; overflow:hidden; text-indent:-999em;}
.content_cmp{background:url(http://img.yaozs.com/p/images/kuang_zhong.jpg) repeat-y 0px 0px; text-align:left; padding:0px 40px 0px 20px; }
.content_cmp p{text-indent:2em; line-height:30px; text-align:justify; font-size:16px;}
.jj{ width:930px; margin:0px; padding:0px 25px 0px 10px;; text-align:left; background:#e9e9e9; float:left;}
.content_cmp1{width:1100px; height:33px; margin:0px auto; padding:0px; background:url(http://img.yaozs.com/p/images/kuang_shang.jpg) no-repeat; font-size:0; line-height:0;}
.content_cmp2{width:1100px; height:33px; margin:0px auto; padding:0px; background:url(http://img.yaozs.com/p/images/kuang_xia.jpg) no-repeat;}
/*公告栏*/
.gonggao{ width:880px; margin:10px 0 0 0; padding:0px; height:30px;font: bold 16px/30px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; background:#4da704; color:#FFF; text-align:center; overflow:hidden;}
/*滚动图片*/
.gundongpic{ width:1060px; margin:10px auto 0px; border:1px #018fd9 solid;padding:0px; background:#fff ;}
#showpic { width:1050px; height:188px; margin:0 auto;padding:10px 0;}
#showpic img { width:250px; height:188px; margin:0 2px;}
#MyMarqueeX {width: 1050px; 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:1050; margin:0px auto; padding:0px; }
/*产品展示*/
.proshow{ margin:0 auto; width:1200px; overflow:hidden;}
.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:365px; margin:15px 0px 20px 20px; background:#fff; border:4px solid#3aa3e7; 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:350px; height:40px; margin:5px auto; background:#fff; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;}
.side_product2{width:300px; 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:300px; height:225px; overflow:hidden; margin:0px auto; padding:5px 0px 0px 0px; text-align:center; font-size:0px;}
.about_product{ width:300px; margin:5px 32px; 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:220px; 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:#333; 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:#333;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:220px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:20px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; /* 不换行 */ }
.content4,.content5{ float:left; display:inline; width:270px; text-align:left; margin:2px 0px; padding:0px; line-height:20px; height:76px; overflow:hidden; }
.button1{ width:300px; margin:0px auto 20px; padding:0px; height:45px;}
a.but2{ display: block;position: relative; background: #0f6ecf;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;}
.but2:hover {background: #0f6ecf;}
.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{ margin:0px auto; width:1100px; background:#fff;}
.title_link{width:1003px; margin: 0px; padding:0px; height:45px; background:url(http://img.yaozs.com/p/images/lxwm.gif) no-repeat; overflow:hidden; text-indent:-999em;}
.attract{ width:1100px; margin:0px auto; padding:0px; overflow:hidden; background:#fff;}
.attract ul{ width:1000px; margin:5px auto 5px; padding:0px; border-top: #008eb2 1px solid; border-left:#008eb2 1px solid; overflow:hidden;}
.attract ul li{ float:left; list-style:none; margin:0px; padding:2px; display:inline; line-height:30px; color:#008eb2; font: 14px/22px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif; border-bottom:#008eb2 1px solid; border-right:#008eb2 1px solid;}
.attract1,.attract3,.attract5,.attract7,.attract9,.attract11{ width:111px; height:22px; font-weight:bold; overflow:hidden;}
.attract2,.attract4,.attract6,.attract8,.attract10,.attract12{ width:379px; height:22px; overflow:hidden; text-align:left; font-weight:bold;}
.tishi{width:600px; margin:0px auto; padding:0px; font:bold 14px/24px 'Microsoft Yahei'; color:#f00;}
/*底部导航*/
.subnav{ margin:2px auto; width:1100px; height:25px; background:#81c220; color:#FFFFFF; line-height:25px;}
.copyright{ margin:0px auto; padding:0px; width:1100px; height:25px; color:#000; line-height:25px;}
/*banner*/
.fullSlide{ position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top; }
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px; text-align:center;
background:#000; filter:alpha(opacity=60);opacity:0.6
}
.fullSlide .hd ul{ text-align:center; padding-top:5px; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(images/tg_flash_p1.png) -18px 0; overflow:hidden;
font-size:0;
}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-19% 0 0 3%; float:left; background:url(images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4 }
.fullSlide .next{ background-position:right 0; float:right; margin-right:3% }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }