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: #ffffff; }
p,ul,li,img{ margin:0px; padding:0px;}
.clear{ clear:both;}
.main{ width:1200px; margin:0px auto; padding:0px; background:#fff;}
a{ color:#000000; font:normal 15px/25px"Microsoft YaHei"; text-decoration:none;}
a:hover{color:#000000; 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"; }

/*��˾���*/
.title_cmp{ width:1200px; height:186px; margin:0px; padding:0px; background:url(images/lmjj.jpg) no-repeat; text-indent:-999em; display: none;}
.title1_cmp{ width:1200px; margin:0 auto; padding:0px; height:182px; background:url(images/lmzs.jpg) no-repeat; text-indent:-999em; display: none; }
.title2_cmp{ width:1200px; margin:0 auto; padding:0px; height:186px; background:url(images/lmlx.jpg) no-repeat; text-indent:-999em;display: none; }
.content_cmp{ width: 1120px; padding: 20px 40px;  padding:0��margin:0; margin-bottom: 10px; list-style:none;border: 1px solid #f1f1f1; box-shadow: 0 0 10px #e3e3e3; }
.content_cmp p{  text-indent:2em;  color:#000000; font-size:18px; line-height:38px; text-align:justify;}
.content_cmp h2{ color: #ff0000; font-weight: bold; text-align:justify; font-size:15px; line-height:20px;}
.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;}

.product{ width:1200px; margin:0 auto; padding:0px; background:url(https://img.yaozs.com/p/a1_bluekj_bgproduct.jpg) repeat-y;}
.side_product1{width:1200px; height:44px; margin:0 auto;background:url(images/new_02.jpg) no-repeat; display: none;}
.product ul li{ width: 1200px; padding: 20px 0px;  padding:0��margin:0; margin-bottom: 10px; list-style:none;border: 1px solid #f1f1f1; box-shadow: 0 0 10px #e3e3e3;}
.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;display: none;}
.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; }
.name_product{color:#000000; font:normal 28px/60px "Microsoft YaHei"; text-decoration:none; letter-spacing:0.05em;}
.name_product:hover{ color:#f37101; font:normal 28px/60px "Microsoft YaHei"; text-decoration:none; letter-spacing:0.05em;}
.title2{ float:left; display:inline; width:100px; height:30px; text-align:left; padding:0px; line-height:30px; font-size: 15px;  }
.title3{ float:left; display:inline; width:100px; height:30px; text-align:left; padding:0px; line-height:30px; font-size: 15px;  }
.content1{ float:right; display:inline; width:689px; text-align:left;  padding:0px; line-height:60px; height:60px; overflow:hidden; }
.content2{ font-size: 15px; float:right; display:inline; width:590px; text-align:left;  padding:0px; line-height:30px; height:90px; overflow:hidden; text-align: justify; }
.content3{ font-size: 15px; float:right; display:inline; width:590px; text-align:left;  padding:0px; line-height:30px; height:30px; overflow:hidden; }
.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{ background: #4f76cd; margin:40px auto 0px; padding:0px; overflow:hidden;}
.lianxik{width: 1200px; background: #ffffff; margin: 20px auto;padding: 20px 0px;  padding:0�� margin-bottom: 10px; list-style:none;border: 1px solid #f1f1f1; box-shadow: 0 0 10px #e3e3e3;}
.attract ul{ width:1100px; margin:5px auto; padding:0px; border-top: #c9c9c9 1px solid; border-left:#c9c9c9 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:#c9c9c9 1px solid; border-right:#c9c9c9 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; }
.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;   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; }



.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;
}



.rslides {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.rslides li {
	left: 0px; top: 0px; width: 100%; display: none; position: absolute; -webkit-backface-visibility: hidden;
}
.rslides li:first-child {
	float: left; display: block; position: relative;
}
.rslides img {
	border: 0px currentColor; width: 100%; height: auto; float: left; display: block;
}
.slide_container {
	width: 100%; margin-bottom: 2px; float: left; position: relative;
}
.slide {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.slide li {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.slide img {
	border: 0px currentColor; width: 100%; height: auto; display: block; position: relative; z-index: 1;
}
.slide .caption {
	background: rgba(0, 0, 0, 0.8); margin: 0px; padding: 10px 20px; left: 0px; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 20px; display: block; position: absolute; z-index: 2; max-width: none; text-shadow: none;
}
.slide_nav {
	background: url("images/themes.gif") no-repeat left top; left: 0px; top: 52%; width: 38px; height: 61px; text-indent: -9999px; overflow: hidden; text-decoration: none; margin-top: -45px; position: absolute; z-index: 3; opacity: 0.7; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slide_nav:active {
	opacity: 1;
}
.next.slide_nav {
	background-position: right top; left: auto; right: 0px;
}

.pro_box h1{
    
    text-align: center;
    font-size: 36px;
    border: 1px solid #fb0200;
    border-radius: 10px;
    box-shadow: 6px 6px 10px rgb(21 21 21 / 10%);
    width: 450px;
    color: #fb0200;
    margin: 60px auto 30px;
    line-height: 59px;
    font-weight: bold;
}


.jj{    margin-top: 20px;background: #f37101; overflow: hidden;}
.jj h1{text-align: center;
    font-size: 36px;
    padding: 40px 0;
    color: #fff;
    font-weight: bold;}



.jj h2{
 
    text-align: center;
    font-size: 28px;
    padding: 20px 0;
    color: #fff;
    font-weight: bold;}


.jj h3{text-align: center;
    font-size: 20px;
  
    color: #fff;
    font-weight: bold;}

.bk{width: 1120px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
}
.jjpic{float: left; padding: 4px;
    border: 1px solid #ddd;
    margin: 0 20px 30px 0px}
.jjms p{line-height: 30px;
    font-size: 15px;
    color: #444;
    text-indent: 2em;
    padding: 4px 0 0;
text-align: justify;}

/*����*/
ol,ul {list-style:none} 
header{ background:#fff; height:100px;}
.header{ width:1200px; margin:0 auto; height:100px; overflow: hidden; }
.logo{ float:left; width:300px; padding:10px 0; text-align:center;}
.menu{ float:right; width:862px;}
.menu li{ float:left; width:auto; line-height:100px; padding:0 36px; font-size:28px;  border-left:1px solid #f1f1f1;}
.menu li a{ color:#333333;}
.menu li:last-of-type{padding-left: 28px;  color: #F37101; padding-right: 0;line-height: 100px;}
.red{color: #F37101;}




html{min-width:1200px}
header{border-bottom:1px solid #ccc}


.menu li {float: left;width: auto;line-height: 100px;padding: 0 9px;font-size: 21px;border-left: 1px solid #f1f1f1;}
.menu li:last-of-type{padding-left: 17px;}
.menu{width: 900px;}
.fixed_menu {width: 100%;height: 80px;box-shadow: 0 0 10px rgb(0 0 0 / 20%);background: rgba(255,255,255,.94);text-align: center;display: none;z-index: 9999;position: fixed;top: 0;opacity: 0;transition: 0.5s;}
.fixed_menu a:last-of-type{color: #f00;}
.fixed_menu a.cur{color: #f37101;}
.fixed_menu a {padding: 0 16px;line-height: 80px;font-size: 22px;color: #555;}
.product_nav{top: 30%;}
.product_nav li a{line-height: 32px;}
.mobile_box {display: none;}


/*����*/
dl,dd,dt{margin:0;padding:0;}
a{ text-decoration:none;}

.floating_ck{position:fixed;right:5px;top:60%; z-index: 9999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#6696ff;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer; border-radius: 4px; margin-bottom: 2px;}
.floating_ck dl dd:hover{background-color:#6696ff;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(images/icon0701/zxicon.png);}
.quote{background-image:url(images/icon0701/kficon.png);}
.qrcord{background-image:url(images/icon0701/erweima.png);}
.return{background-image:url(images/icon0701/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px; font-size: 15px;}
.floating_left{position:absolute;left:-162px;top:0px;width:160px;height:80px;background-color:#6696ff;display:none; border-radius: 2px;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(images/erweima.jpg);display:block;width:145px;height:145px;margin:auto;margin-top:7px; border-radius: 2px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:18px;}
.floating_ewm .qrcord_p02{font-size:15px; line-height:20px;}




/*top*/

fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}  
a{color:#333;text-decoration:none}
    body{ text-align: center;}
.tp {min-width: 1320px;border-bottom: 1px solid #ccc;height: 40px;line-height: 40px;padding: 0 10px;background: #f2f2f2;overflow: hidden; z-index: 9999;display: block;}
.tp_l {float: right;display: block; margin-left: 20px;}
.lg{ width: 173px; height: 30px; margin-top: 5px; float: left;}
.tp a {padding: 0 5px;color: #000;text-decoration: none;}
        
.flexItem {color: #FF0004; overflow: hidden; float: left; width: 340px; margin-top: 10px; margin-left: 20px;}
.flexItem a{ color: #FF0004; text-decoration: none; }
.flexItem a:hover{ color: #FF0004;text-decoration: none;}
.flexItem span{float: left;font-weight: bold; height: 20px; line-height: 20px;}
.flexItem .an{ width: 80px; height: 20px; line-height: 20px; font-size: 13px; font-weight: bold; text-align: center;background: #ff0000; color: #ffffff;border-radius: 5px; float: left; margin-right: 5px;}
.flexItem .an1{ width: 80px; height: 20px;line-height: 20px;font-size: 13px; font-weight: bold;text-align: center;background: #ffa215; color: #ffffff; border-radius: 5px;float: left;}
           
  
.xs{width:100%;height:80px;box-shadow:0 0 10px rgb(0 0 0 / 20%);background:rgba(255,255,255,0.95);text-align:center;display:none;z-index:9999;position:fixed;top:0; transition: 0.5s;}
.xs-z{width: 1320px; overflow: hidden; margin: 0 auto;}
.xs-l {width: 400px; float: left; font-size: 20px; text-align: left;}
.xs-r {width: 750px; float: right; font-size: 18px; text-align: center;}
.xs-l a{font-size: 20px; font-weight: bold;line-height:80px;color:#333;}
.xs-r a{font-size: 18px;padding:0 15px;line-height:80px;color:#333; }
.xs-r span{width: 450px; float: right; line-height: 20px;text-align:left; font-size: 14px; font-weight: bold;}
.dh{width:1320px;margin:0 auto;height:100px;}
.logo{float:left;width:260px;padding:10px 0;text-align:center;}
.logo img{ text-align: center; width:260px; height: 80px; }
.ym{float:right;width:550px;}
.hover{background:#fcfcfc;}
.xx{ float: left; width: 80px; height: 40px;text-align: center; line-height: 40px; margin: 29px auto; margin-right: 15px; border: 1px solid #FF3300; border-radius: 50px; }
.xx-last{float: left; width: 80px; height: 40px;text-align: center; line-height:40px; margin: 29px auto; border: 1px solid #FF3300; border-radius: 50px; }
.xx:hover{ background: #FF3300; color: #ffffff;}
.xx-last:hover{ background: #FF3300; color: #ffffff;}
.xx a {font-size: 15px; line-height: 40px;}
.xx-last a {font-size: 15px;line-height: 40px; }
.xx a:hover {font-size: 15px; color: #ffffff; }
.xx-last a:hover {font-size: 15px;color: #ffffff; }
.zf{ float: left;}
.lx{float: right;color: #000000; width: 350px;font-weight: bold; font-size:16px; text-align: center;line-height: 25px; text-align: right; margin: 0 auto;   }
/*.ym li a.active{background:#34b1b3;color:#fff;padding:6px;border-radius:8px;}*/