@charset "utf-8";
/* CSS Document */
ihtml{-webkit-text-size-adjust: none;}
*{margin:0;padding:0;font-size: 100%;font:inherit;list-style:outside none none; border:medium none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;margin: 0;padding: 0;word-wrap:break-word;}/*html5元素*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
img{vertical-align: middle;}
a{text-decoration:none;cursor:pointer; color:#606060;}
a:hover{text-decoration:none;}
body{ color:#606060; background:#efefef; max-width:768px; margin:0 auto; font-family: "微软雅黑",Verdana,Tahoma,Arial,Helvetica,"宋体",sans-serif; word-wrap: break-word; word-break: break-all;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear{clear: both;}
.bb{font-weight:bold;}
input[type=text], textarea {-webkit-appearance: none;-webkit-border-radius: 0;outline: 0;}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after{display: block;content: "";height: 0;font-size: 0;clear: both;visibility: hidden;}
a { color:#606060; cursor:pointer; text-decoration:none; }
a:hover{text-decoration:none; color:#606060; }
a:visited {text-decoration:none; color:#606060; }
.tit { font-weight:700; font-family: "Microsoft Yahei"; color: #a8975f; }

.mbody { width:100%; min-width:320px; margin:0px auto;}
.contain { max-width:768px; margin:0 auto; background:#fff; }
/* header */
.header {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 60px;
background-color: #fff;
border-bottom: 1px solid #eee;
}
.header .logo {
  float: left;
  line-height:60px; margin-left:20px;
}
.header .logo a {
  margin-top: 0px;
  display: block;
  width: 200px;
  height: 70px; 
  background-image: url(/images/yslogo_wap.jpg?t=22333);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
}
.header .title {
  margin-left: 10px;
  float: left;
  font-size: 28px;
  line-height:60px;
  font-weight: bold;
  font-family: "Microsoft Yahei";
  color: #424242;
}
.header .nav-bar {
  line-height: 70px;
  float: right; margin-right:30px;
}
.header .nav-bar a {
  display: block;
  width: 72px;font-size: 1em;
line-height:0.8em;
text-align: left;
  height: 22px;
  background: url(/images/icons.png) 52px 0 no-repeat;
  margin-top: 15px; margin-bottom:0px;
  
}

/*翻页列表*/
.v3_badoo{FONT-SIZE: 12px;FONT-FAMILY: Arial, Helvetica, sans-serif;width:98%;padding-top:6px;padding-bottom:6px;margin:auto; color:#005dbc;  }
.v3_badoo A {PADDING-RIGHT: 5px;PADDING-LEFT: 5px;font-size:12px;PADDING-BOTTOM: 2px;MARGIN: 0px 2px;COLOR: #005dbc;PADDING-TOP: 2px;TEXT-DECORATION: none;
border: 1px solid #005dbc; }
.v3_badoo A:hover{ background-color:#005dbc;color:#000000;border: 1px solid #005dbc; }
.v3_badoo A:active{ BORDER: #005dbc 2px solid; COLOR: #000000; font-size:12px;}
.currentpage{BACKGROUND-COLOR: #005dbc; width:20px; height:25px; border:2px solid #005dbc; padding:0px 3px 0px 3px; font-size:12px; font-weight:bold; color:#fff; margin-left:3px; margin-right:3px;}
.currentpage A:hover{ color:#005dbc;}
.v3_badoo SPAN.disabled {DISPLAY: none; color:#005dbc; }

.nav{  width:100%; height:76px; overflow:hidden; background:#c29c61;}
.nav:before, .nav:after { display: table; content: ""; line-height: 0; }
.nav a{ float:left; width:33%; display:block; height:37px; padding:10px 0 11px 0; text-align:center; color:#fff; font-size:16px;}
.nav a.n_a,.nav a.n_b,.nav a.n_d,.nav a.n_e{ border-right:#ac8753 solid 1px;}
.nav a.n_b,.nav a.n_c,.nav a.n_e,.nav a.n_f{ border-left:#d4a96f solid 1px;}
.nav a.n_a,.nav a.n_b,.nav a.n_c{ border-bottom:#ac8753 solid 1px;}
.nav a.n_d,.nav a.n_e,.nav a.n_f{ border-top:#d4a96f solid 1px;}
.nav a:hover,.nav a.cur{ background:#b78f59;}
.nav .ico_a{ /*background:url(/images/ico_a.png) no-repeat 0px center;*/ color:#fff; padding-left:19px;}

/*广告图*/
.m_focus{ overflow:hidden;}
.device { position:relative; z-index:1; overflow:hidden; }
.swiper-container{}
.swiper-wrapper{overflow:hidden;}
.swiper-slide{ float:left;}
.m_scroll_b{ position:relative; width:100%;}
.m_scroll_t{ width:100%;}
.m_scroll_t img{ width:100%;}
.m_scroll_link{ position:absolute; left:0px; width:100%; height:100%; display:block;  bottom:0px; background:url(/images/repeat_a.png) repeat-x 0px bottom; z-index:8; text-indent:0.5em;}
.m_scroll_ltxt{ position:absolute; bottom:5px; left:0px; color:#efefef; font-size:16px;}

.pagination { position: absolute; text-align: center; bottom:4%; width:18.5%; left:50%; margin-left:-8.25%;}
.swiper-pagination-switch { float:left; background:#fff; display:inline-block; width:12%; height:5px; margin-right:4%; text-indent:-999em; cursor:pointer; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.swiper-active-switch { background:#990002; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* flags */
.flags ul { }
.flags ul li {  float: left;  width: 33%; }
.flags ul li a {
  margin: 1px;
  background-color: #fff;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 3em;
  font-weight: 400;
  font-family: "Microsoft Yahei";
  color: #545454;
  height:100px; 
  padding:10px 0 5px 0;
}
.flags ul li a figure img { margin-top: 0.3em; }
.iabout_detail { padding:0 5% 2% 5%; line-height:170%; }
.divclear { display:block; clear:both; }

.more_t { right:0; bottom:4px; position:absolute; font-size:14px; color:#666; }
.isection { margin:20px 2%; }
.isechead { border-bottom:1px solid #005dbc; position:relative; }
.isechead h2 { border-bottom:0px solid #005dbc; bottom:0px; color:#005dbc; display:inline-block; font-size:18px; padding:0 0 5px 0; margin:0;  position:relative; }
.iseclist { width:100%; display:inline-block; }
.iseclist ul { float:left;  width:97%; padding-bottom:1%; padding-left:2%; padding-right:1px; background:none repeat scroll 0 0 #fff; display:inline-block; }
.iseclist ul li { float:left; width:95.5%; line-height:55px; border-bottom:2px solid #e6e6e6; padding-left:4.5%; display:inline-block;  }
.iseclist ul li a { display:block; float:left; width:70%; overflow:hidden; text-overflow:ellipsis; font-size:16px; white-space:nowrap; }
.iseclist ul li span { float:right; margin-right:2%;  line-height:45px; color:#999; font-size:13px; }

.iseclist2 { width:100%; display:inline-block; }
.iseclist2 ul { float:left;  width:99%; padding-bottom:1%; padding-left:1%; padding-right:1px; background:none repeat scroll 0 0 #fff; display:inline-block; }
.iseclist2 ul li { float:left; width:97.5%; line-height:40px; border-bottom:2px solid #e6e6e6; padding-left:1.5%; padding-right:1%; display:inline-block;  }
.iseclist2 ul li a { display:block; float:left; width:80%; overflow:hidden; text-overflow:ellipsis; font-size:14px; white-space:nowrap; }
.inewstime { float:right; width:20%; text-align:right; }

.iproject ul li { margin-bottom:30px; margin-top:10px; }
.iproject ul li a { display:block; background-color:#fff; }
.iproject ul li a figure { position:relative; padding:5px;  border: 2px solid #e2e2e2; }
.iproject ul li a figure img { width: 100%; }
.iproject ul li a figure figcaption .tit { display:block; font-size:1.25em; color:#7a7c80; padding:10px 5px 10px 5px; }
.iproject ul li a figure figcaption .cot { display:block; font-size:1em; color:#9298a0; padding:5px 5px 5px 5px; }

.subtit { font-size:16px; color:#999; line-height:30px; }
.subtxt { background:none repeat scroll 0 0 #fff; padding:0 4%; width:96%; margin:0 2% 2% 2%; }
.subtxt2 { background:none repeat scroll 0 0 #fff; padding:1% 4% 2% 4%; width:96%; margin:0 2% 2% 2%; }
.cotimg { width:100%;  }
.cotimg img { max-width:100%; }
.subtxt ul { }
.subtxt2 ul li { border-bottom:1px dashed #ccc; padding:0 2% 0 2%; }
.subtxt ul li { height:100px;overflow:hidden; margin:0; padding:10px 0 25px;border-bottom:2px solid #e6e6e6; }
.subtxt ul li figure { height:90px }
.subtxt ul li figure img { float:left; }
.subtxt ul li a figure .detail{background-position:0 -220px;width:28px;height:54px;background-repeat:no-repeat;background-image:url(/images/icons.png);display:block;float:right;text-indent:-9999px;margin-top:12px}
.subtxt ul li figure figcaption { margin-left:100px;padding:15px 0; }
.subtxt ul li figure figcaption span { display:block; }
.subtxt ul li figure figcaption span a { display:block;text-align:center;width:87px;height:30px;line-height:30px;color:#fff;font-size:16px;background:url(/images/ico_more.png) no-repeat 0 0;float:right;margin-right:20px }
.totalprice { float:left; width:100%; height:50px; line-height:50px; text-align:right; padding:0 50px 0 0; font-size:14px; }
.spantotalprice { color:#cc0000; }
.projtit { width:100%; line-height:45px; border-bottom:1px dashed #333; margin:10px 0 10px 0; font-size:16px; font-weight:bold; color:#c8a063; }
.newstit { width:100%; line-height:45px; border-bottom:1px dashed #333; margin:10px 0 10px 0; font-size:20px; font-weight:bold; color:#c8a063; }
.projcontent img { max-width:80%; margin:0 15% 0 15px; }

.subnav{position:relative;border-bottom: 2px solid #d4d4d4;clear:both;display:block;background-color:#e6e6e6;height:72px;margin-bottom:20px;overflow:hidden;width:100%}
.subnav .bd{padding-left:30px;padding-right:30px;position:relative;}
.subnav .mask{position: absolute;width:26px;height:72px;right:30px;top:0;background:linear-gradient(left center , #e6e6e6, #ccc);background:-moz-linear-gradient(left center , #e6e6e6, #ccc);background:-webkit-linear-gradient(left center , #e6e6e6, #ccc);}
.subnav ul{margin:0 1.5em}
.subnav ul li{}
.subnav ul li a{float:left;display:block;width:30%; padding:0 1% 0 1%; text-align:center;line-height:70px;color:#999;font-size:1.25em;}
.subnav ul li a.curr{color:#005dbc;border-bottom:2px solid #a8975f}
.subnav .hd span{position:absolute;top:20px;width:35px;height:35px;cursor:pointer}
.subnav .hd .prev{left:10px;background-position:-35px -35px;width:35px;height:35px;background-repeat:no-repeat;background-image:url(/images/icons.png);display:block}
.subnav .hd .next{right:10px;background-position:-35px 0;width:35px;height:35px;background-repeat:no-repeat;background-image:url(/images/icons.png);display:block}
.navcat{margin-bottom:0;}


.foot{ background:#e1e1e1; padding:2% 0 3%; text-align:center; }
.foot .p1{ font-size:10px; color:#000; padding:1% 0;}
.foot .p1 a{ color:#333; font-size:16px;}
.foot .p2{ font-size:12px; color:#777777;}

.foot_tel{
width:90%;height:40px;
border-radius:8px;
text-align:center;
line-height:40px;
margin:0px auto; margin-bottom:10px; margin-top:10px;
box-shadow:0 2px 6px rgba(0, 0, 0, 0.5);
/*
background: #c29c61; 
background: -moz-linear-gradient(top,  #d5a96c 0%, #c29c61  100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5a96c), color-stop(100%,#c29c61 )); 
background: -webkit-linear-gradient(top,  #d5a96c 0%,#c29c61  100%); 
background: -o-linear-gradient(top,  #d5a96c 0%,#c29c61  100%); 
background: -ms-linear-gradient(top,  #d5a96c 0%,#c29c61  100%); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d5a96c, endColorstr=#c29c61 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d5a96c, endColorstr=#c29c61 )";
background: linear-gradient(top,  #d5a96c 0%,#c29c61 100%); 
*/
background: #005dbc; 
background: -moz-linear-gradient(top,  #005dbc 0%, #005dbc  100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005dbc), color-stop(100%,#005dbc )); 
background: -webkit-linear-gradient(top,  #005dbc 0%,#005dbc  100%); 
background: -o-linear-gradient(top,  #005dbc 0%,#005dbc  100%); 
background: -ms-linear-gradient(top,  #005dbc 0%,#005dbc  100%); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#005dbc, endColorstr=#005dbc );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#005dbc, endColorstr=#005dbc )";
background: linear-gradient(top,  #005dbc 0%,#005dbc 100%);

}
.foot_tel a{color:#ffffff;font-size:1.3em;}
.pcountjia { margin:10px 0; background:#ddd; cursor:pointer; }
.plisttit { float:left;width:50%;_height:30px; line-height:180%;padding:0px 10px 0 10px; display:inline-block; }
.ptbcount { width:50px; height:20px; line-height:20px; border:1px solid #ccc; text-align:center; }
.chart1 { float:right;width:auto;height:40px;padding:20px 10px 0 20px; background:url(/images/chart1.png) no-repeat left 24px; cursor:pointer; }
.chart2 { float:right;width:auto;height:40px;padding:10px 10px 0 20px; background:url(/images/chart1.png) no-repeat left 14px; cursor:pointer; }
.tborder { border:1px solid #ccc; width:150px; }
.btnorder { width:100px; height:30px; background-color:#cc0000; color:#fff;}
.btnorder:hover { width:100px; height:30px; background-color:#dd0000; color:#fff;}

#updown{_top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));
position: fixed;_position: absolute;top: 200px;right: 30px;display: none;}
#updown span{cursor: pointer;width: 48px;height: 50px;display: block;}
#updown .up{background: url(/images/updown.png) no-repeat;}
#updown .up:hover{background: url(/images/updown.png) top right no-repeat;}
#updown .down{background: url(/images/updown.png) bottom left no-repeat;}
#updown .down:hover{background: url(/images/updown.png) bottom right no-repeat;}

/* guide */
.guide li i,.guide .ghome a{background-image: url(/images/guide.png);background-repeat: no-repeat;background-color: transparent; max-width:768px; margin:0 auto;  padding:0;}
.guide{position: fixed;bottom:0;height:52px;line-height:52px;width:100%; margin:0 auto; padding:0; }
.guide ul{position:absolute;left:4px;bottom:0;height:50px;z-index: 901;border-top: 1px solid #005dbc; width:100%}
.guide li{float: left;width:33%;height:50px;margin:0px 0; padding:0;border-right: 1px solid #005dbc;}
.guide li.last{border-right: 0;}
.guide li a{display:block;border-right: 1px solid #005dbc;color:#fff;line-height:50px; margin:0; padding:0; }
.guide li.last a{border-right: 0;}
.guide li i{margin:3px 10px 0 15px;display:block;float: left;width:40px;height:50px;}
.guide li.hotline i{background-position: 0 0;} 
.guide li.service i{background-position: 0 -106px;} 
.guide li.message i{background-position: 0 -55px;}
.guide li.chart i{background-image: url(/images/chart.png);}
.guide li.submit i{background-image: url(/images/fnext.png);}
.gwrap{position:relative;width:100%;height:52px; overflow:hidden; }
.gwrap .layout{background-color: #005dbc;opacity: 0.8;position: absolute;left:0;top:0px;width:100%;height:52px;z-index: 900;}
.guide ul.ginner{margin-left: 105px;}
.ginner li{width:175px;}
.ginner li i{margin:3px 5px 0 20px;}
.guide .ghome{position:absolute;left:0;bottom:0;z-index: 903;}
.guide .ghome a{display:block;width:126px;height:115px;background-position: 0 -185px;text-indent: -9999px;}


/* SIDER */
.siderbg{position:fixed;background-color: #000;opacity:0.8;width:100%;height:100%;left:0;top:0;display:none;}
.sider{background-color: #0088cc; width: 75%; height: 100%;z-index: 9999;position: fixed;top: 0;left: -3000px; display:;}
.sider .logo{height:60px;margin-top: 30px;}
.sider .logo a{display:block;width:240px;height:70px;margin:0 auto;background: url(/images/logoleft.png) no-repeat 0 0;text-indent: -9999px; }
.sider .navs,.sider .navs a{color:#e3ddc8;font-style: 24px;}
.sider .navs i{display:block;width:53px;height:53px;float: left;background-image: url(/images/sider_icos.png);background-repeat: no-repeat;background-color: transparent;}
.sider .navs li{width:50%;float: left;border-top: 1px solid #ffffff;}
.sider .navs li a{display:block;height:53px;line-height: 53px;padding:15px 0 15px 15px; color:#fff;font-size:18px; }
.sider .navs li.nav_07{border-bottom: 1px solid #ffffff;}
.sider .navs li.nav_08{border-bottom: 1px solid #ffffff;}
.sider .navs li.nav_01{border-top: 0;}
.sider .navs li.nav_02{border-top: 0;}
.sider .navs li.nav_01 i{background-position: 8px 5px;}
.sider .navs li.nav_02 i{background-position: -43px -149px;}
.sider .navs li.nav_03 i{background-position: 12px -149px;}
.sider .navs li.nav_04 i{background-position: -45px -100px;}
.sider .navs li.nav_05 i{background-position: 8px -100px;}
.sider .navs li.nav_06 i{background-position: -46px -48px;}
.sider .navs li.nav_07 i{background-position: 8px -48px;}
.sider .navs li.nav_08 i{background-position: -47px 0;}
.sider .flag,.sider .flag a{color:#fff;font-size: 18px;}
.sider .flag{margin-top: 20px;}
.sider .flag .bd dl{padding:15px;}
.sider .flag .bd dd{float: left;width:33.333333%;padding: 5px 0; color:#fff;}
.sider .flag .bd dd a{margin:0 auto;display:block;width:113px;height:92px;background-color: #4a1013;border:1px solid #752d2a;border-radius: 20px;text-align: center; color:#fff; }
.sider .flag .bd figure img{padding:10px 0 10px;}
.sider .flag .hd ul{text-align: center;}
.sider .flag .hd li{display:inline-block;}
.sider .flag .hd li a{display:block;width:10px;height:10px;background-color: #fff;border-radius: 50%; color:#fff; } 
.sider .flag .hd li.on a{width:13px;height:13px;background-color: #a8975f; color:#fff; }
.sider .close{position: fixed;top:0;right: 0px;width:25%;height:100px;padding-top: 84%;cursor: pointer;display:none;font-size: 24px; color:#fff; font-weight:normal; }
.infotitle{ color:#005dbc; font-weight:bold; font-size:2rem; line-height:180%; }
.infodate{ color: #ccc;}




/* 热销产品 */
.selling{width:100%;height:570px;background: #f4f4f4;}
.selling_head2{width:100%;height:64px;background:url('../images/ilinex.png')50% 50% no-repeat;text-align:center;font-size: 22px;color: #333;line-height:64px;}
.selling_cont2{width:100%;height:auto;margin:0 auto;} 
.selling_ckj2{width:45%;height:auto;float: left; margin: 0 0 3% 3%;}
.selling_img2{width:100%;height:144px;}
.selling_img2 img{width:100%;height:144px; border:1px solid #ccc; box-shadow:0 0 10px #ccc; }
.selling_title2{width:100%;height:38px;line-height:40px;background:#fff;text-align: center;overflow: hidden;font-weight:bold;}
.selling_ckj2 li:nth-child(3){line-height: 20px;height: 20px;}  
.selling_ckj2 li:nth-child(3) a{font-weight:normal;} 
.selling_title2 a{color:#525252;font-size:14px;}
.selling_gd2{width:100%;height:30px;text-align:center;float:left;margin-top:10px; margin-bottom:10px; }
.selling_gd2 a{display:block;width:80%;height:30px;line-height:30px;background:#007cc2;margin:0 auto;border-radius: 4px;color: #fff;font-size:14px;}


/* 案例展示 */
.selling3{width:100%;height:730px;background: #fff;}
.selling_head{width:100%;height:64px;background:url('../images/ilinex.png')50% 70% no-repeat;text-align:center;font-size: 22px;color: #333;padding-top: 20px;line-height:64px;}
.selling_cont{width:100%;height:auto;margin:0 auto;}
.selling_ckj{width:45%;height:auto;float: left; margin: 0 0 4% 3%;}
.selling_img{width:100%;height:144px;}
.selling_img img{width:100%;height:144px;}
.selling_title{width:100%;height:40px;line-height:40px;background:#fff;text-align: center;overflow: hidden;border-top:1px solid #f4f4f4;font-weight:bold;} 
.selling_title a{color:#525252;font-size:14px;}
.selling_gd{width:100%;height:30px;text-align:center;float:left;margin-top:10px;}
.selling_gd a{display:block;width:80%;height:40px;line-height: 40px;background:#007cc2;margin:0 auto;border-radius: 4px;color: #fff;font-size:14px;}

.zy_images img{width:100%;}