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,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: ;}
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: ;}
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;/*background: url(https://img.yaozs.com/p/images/blue_bg.jpg) repeat; background-attachment: fixed; */text-align:center;font:normal 18px/25px "Microsoft YaHei"; color:#333333; background: #d6e9f9; }
p,ul,li,img{ margin:0px; padding:0px;}
.clear{ clear:both;}
.main{ width:1200px; margin:0px auto; padding:0px; background:#fff;}
a{ color:#FFFFFF; font:normal 15px/25px"Microsoft YaHei"; text-decoration:none;}
a:hover{color:#FFFF99; font:normal 15px/25px "Microsoft YaHei"; text-decoration:none;}
.a1,.a2{ color:#339900; font:normal 15px/25px "Microsoft YaHei" text-decoration:none; }
.a1:hover,.a2:hover{ color:#66CC00; font:normal 15px/25px "Microsoft YaHei"; }
html{ overflow-x:hidden}
.topnav{ width:100%; font:normal 12px/28px Arial, Helvetica, sans-serif; text-align:left; height:32px; margin:0px auto; padding:0px; color:#666666; background:url(https://www.qxw18.com/img2009/vipadtop1_r1_c2.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:0px 20px 0px 0px; padding:0px; float:left; display:inline;}
.top{ width:100%; margin:0px auto; padding:0px; background:#ffffff;}
.top1{ width:1200px; height:25px; line-height:25px; text-align:center; display:none;}
.top2{ width:1200px; margin:0px; padding:0px; height:40px; background:url(/img2007/vipadtop_r1_c2.jpg) repeat-x; overflow:hidden; color:#FFFFFF; line-height:40px;}
.main{ width: 1200px; margin: 0 auto;}
.top3{ width:1200px; height:11px; margin:0px; padding:0px; overflow:hidden;}
.ms{ width:580px; float:right;}
.ms p{ text-indent:2em; text-align:justify;font: 14px/24px "Microsoft YaHei"; }
/*公司简介*/
.title_cmp{ width:1200px; height:95px; margin:0px; padding:0px; background:url(images/jj.jpg) no-repeat; text-indent:-999em;}
.title1_cmp{ width:1200px; margin:0 auto; padding:0px; height:95px; background:url(images/cp.jpg) no-repeat; text-indent:-999em; }
.title2_cmp{ width:1200px; margin:0 auto; padding:0px; height:95px; background:url(images/lx.jpg) no-repeat; text-indent:-999em; }
.content_cmp{ width:1100px; margin:4px auto; padding: 10px; overflow:hidden; }
.content_cmp p{ text-indent:2em; color:#000000; font-size:15px; line-height:28px; text-align:justify;}
.tishi{float:right; display:inline; margin:0px; padding:0px; width:300px; height:32px; line-height:32px; text-align:right; }
.company{ float:right; display:inline; margin:5px 0px 0px 0px; padding:0px 0px 0px 20px; width:120px; height:22px; font: bold 12px Arial, Helvetica, sans-serif;}
.title{ float:left; width:500px; height:22px; font: bold 14px Arial, Helvetica, sans-serif; color:#FF6; margin:8px 0px 0px 20px; padding:0px; text-align:left;}
.tishi1{ display:none;}
.side_product1{width:1200px; height:44px; margin:0 auto;background:url(images/new_02.jpg) no-repeat;}
.product ul li{ list-style-type:none; width:1200px; margin:0 auto; background:url(https://img.yaozs.com/p/images/20160701css_new1_09long.jpg);}
.side_product2{width:1200px; height:76px; margin:0px auto; padding:0px; background:url(https://img.yaozs.com/p/images/20160701css_new1_11botm.jpg) no-repeat; clear:both;}
.pic_product{ width:400px; height:300px; overflow:hidden; margin:20px 0px 10px 40px !important;padding:0px; float:left; display:inline; 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;}
.pic_product:hover{ width:400px; height:300px; overflow:hidden; margin:10px 0px 10px 40px !important;padding:0px; float:left; display:inline; 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 #d9d9d9;
-moz-box-shadow:0px 5px 15px #d9d9d9;
box-shadow:0px 5px 15px #d9d9d9;}
.about_product{ width:690px; float:right; display:inline; margin-top:20px; margin-right:40px;padding:0px; border-top:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
.name_product{color:#0782b7; font:normal 25px/40px "Microsoft YaHei"; text-decoration:none; font-weight:bolder; letter-spacing:0.05em;text-indent:2em;}
.name_product:hover{ color:#0782b7; font:normal 25px/40px "Microsoft YaHei"; text-decoration:none; font-weight:bolder; letter-spacing:0.05em;text-indent:2em;}
.title1,.title2{ float:left; display:inline; width:126px; height:40px; text-align:center; padding:0px; line-height:40px; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; }
.title3{ float:left; display:inline; width:126px; height:40px; text-align:center; padding:0px; line-height:40px; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;}
.title5{ float:left; display:inline; width:126px; height:60px; text-align:center; padding:0px; line-height:60px; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; }
.content1{ float:right; display:inline; width:689px; text-align:left; padding:0px; line-height:40px; height:40px; overflow:hidden;border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; text-indent:0.5em; }
.content2,.content3{ float:right; display:inline; width:562px; text-align:left; padding:0px; line-height:40px; height:40px; overflow:hidden;border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; text-indent:0.5em;}
.content4,.content5{ float:right; display:inline; width:562px; text-align:left; padding:0px; line-height:30px; height:60px; overflow:hidden;border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; text-indent:0.5em;}
.button1{ float:right; display:inline; width:320px; text-align:left; padding:0px; line-height:50px; height:50px; overflow:hidden; margin:10px 20px 10px 0px; }
a.but1{ display: block;position: relative; background: #01559e;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;}
.but1:hover {background: #21427a;}
.but1: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);}
.but1:hover:before { width: 45px;left: 205px;}
a.but2{ display: block;position: relative; background: #ffb400;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: #cf9200;}
.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;}
/*联系方式部分*/
.attract{ width:1200px; margin:0 auto; padding:0px; overflow:hidden;}
.attract ul{ width:1100px; margin:5px auto; padding:0px; border-top: #1268C7 1px solid; border-left:#1268C7 1px solid; overflow:hidden;}
.attract ul li{ float:left; list-style:none; margin:0px; padding:2px; display:inline; line-height:30px; color:#000; font:normal 14px/22px Arial, Helvetica, sans-serif; border-bottom:#1268C7 1px solid; border-right:#1268C7 1px solid;}
.attract1,.attract3,.attract5,.attract7,.attract9,.attract11{ width:170px; height:22px; font-weight:bold; overflow:hidden;}
.attract2,.attract4,.attract6,.attract8,.attract10,.attract12{ width:370px; height:22px; overflow:hidden; text-align:left;}
/*foot 部分*/
h5{ font:normal 14px/25px Arial, Helvetica, sans-serif; text-align:center; margin:5px auto; padding:0px; }
.subnav{ width:900px; height:25px; background: #2366C0; margin:2px auto; color:#FFFFFF; line-height:25px;}
.fullSlide{width:100%;position:relative;height:500px;background:#000; margin-bottom:20px;}
.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:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:500px;}
.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;}
/*滚动图片*/
.gundongpic{ width:1080px; margin:10px auto;padding:0px; border:1px solid #09F; padding-top:10px; padding-bottom:10px; }
#showpic { width:1060px; height:188px; margin:0 auto;padding:10px 0; background-color:#ffffff;}
#showpic img { width:250px; height:188px; margin:0 2px;}
#MyMarqueeX {width: 1060px; 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:1060; margin:0px auto; padding:0px; }
.wrapper {
max-width: 60rem;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 3rem;
}
.box {
width: 15rem;
height: 20rem;
padding: 0 2rem 3rem;
-webkit-transition: opacity 0.5s linear 0.3s,
-webkit-transform 0.3s linear 0s,
-webkit-filter 0.5s linear 0.3s;
transition: opacity 0.5s linear 0.3s,
-webkit-transform 0.3s linear 0s,
-webkit-filter 0.5s linear 0.3s;
transition: transform 0.3s linear 0s,
filter 0.5s linear 0.3s,
opacity 0.5s linear 0.3s;
transition:
transform 0.3s linear 0s,
filter 0.5s linear 0.3s,
opacity 0.5s linear 0.3s,
-webkit-transform 0.3s linear 0s,
-webkit-filter 0.5s linear 0.3s;
/*transform-origin: top center;*/
}
.product {
position: relative;
width: 100%;
height: 100%;
border-radius: 0.2rem;
background-color: #fff;
background-position: top 3rem center;
background-size: 80%;
background-repeat: no-repeat;
box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
-webkit-transition: box-shadow 0.5s linear,
height 0.1s linear 0s;
transition:
box-shadow 0.5s linear,
height 0.1s linear 0s;
}
.name {
display: block;
padding: 1rem 0.5rem;
}
.description {
position: absolute;
bottom: 1rem;
left: 0;
right: 0;
display: block;
padding: 0 1.5rem;
opacity: 0;
-webkit-transition: opacity 0.1s linear 0s;
transition: opacity 0.1s linear 0s;
}
.wrapper:hover .box:not(:hover) {
-webkit-filter: blur(3px);
filter: blur(3px);
opacity: 0.5;
}
.box:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: opacity 0.1s linear 0s,
-webkit-transform 0.3s linear 0.3s,
-webkit-filter 0.1s linear 0s;
transition: opacity 0.1s linear 0s,
-webkit-transform 0.3s linear 0.3s,
-webkit-filter 0.1s linear 0s;
transition: transform 0.3s linear 0.3s,
filter 0.1s linear 0s,
opacity 0.1s linear 0s;
transition:
transform 0.3s linear 0.3s,
filter 0.1s linear 0s,
opacity 0.1s linear 0s,
-webkit-transform 0.3s linear 0.3s,
-webkit-filter 0.1s linear 0s;
}
.box:hover .product {
height: 23rem;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
-webkit-transition: box-shadow 1s linear,
height 0.3s linear 0.5s;
transition:
box-shadow 1s linear,
height 0.3s linear 0.5s;
}
.box:hover .description {
opacity: 1;
-webkit-transition: opacity 0.3s linear 0.75s;
transition: opacity 0.3s linear 0.75s;
}
.w-page1 {
overflow: hidden;
}
.w-page2 {
z-index: 2;
position: relative;
width: 1100px;
min-width: 1100px;
zoom: 1;
overflow: visible;
margin: 0 auto;
}
.wdiv {
display: block;
position: relative;
overflow: hidden;
width: 1920px;
left: 50%;
top: 0;
margin-left: -960px;
}
@media screen and ( max-width: 980px ) {
.tb{
margin: 0 auto;
width: 1320px;
overflow: hidden;
}
.top{
margin: 0 auto;
width: 1320px;
overflow: hidden;
}
.w-page1 {
margin: 0 auto;
width: 1320px;
overflow: hidden;
}
.w-page2 {
margin: 0 auto;
width: 1320px;
overflow: hidden;
}
.wdiv {
margin: 0 auto;
width: 1320px;
overflow: hidden;
left: 0;
top: 0;
}
.wdiv img{
margin: 0 auto;
width: 100%;
overflow: hidden;
}
.subnav {
margin: 2px auto;
width: 1320px;
height: 25px;
background: #81c220;
color: #FFFFFF;
line-height: 25px;
}
}
.w-page1 {
overflow: hidden;
}
.w-page2 {
z-index: 2;
position: relative;
width: 1100px;
min-width: 1100px;
zoom: 1;
overflow: visible;
margin: 0 auto;
}
.wdiv {
display: block;
position: relative;
overflow: hidden;
width: 1920px;
left: 50%;
top: 0;
margin-left: -960px;
}
@media screen and ( max-width: 980px ) {
.tb{
margin: 0 auto;
width: 1320px;
overflow: hidden;
}
.top{
margin: 0 auto;
width: 1320px;
overflow: hidden;
}
.w-page1 {
margin: 0 auto;
width: 1320px;
overflow: hidden;
}
.w-page2 {
margin: 0 auto;
width: 1320px;
overflow: hidden;
}
.wdiv {
margin: 0 auto;
width: 1320px;
overflow: hidden;
left: 0;
top: 0;
}
.wdiv img{
margin: 0 auto;
width: 100%;
overflow: hidden;
}
.subnav {
margin: 2px auto;
width: 1320px;
height: 25px;
background: #81c220;
color: #FFFFFF;
line-height: 25px;
}
}