@charset "utf-8";
@font-face {
	font-family: "dinbold";
	src: url("fonts/number/din-bold_0.ttf") format("truetype"),
		url("fonts/number/din-bold_0.eot") format("embedded-opentype"),
		url("fonts/number/din-bold_0.svg") format("svg"),
		url("fonts/number/din-bold_0.woff2") format("woff2"),
		url("fonts/number/din-bold_0.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #555;background-color: #fff; font-family: "sy", "Microsoft YaHei"; min-width:1200px;-webkit-text-size-adjust: none;-webkit-tap-highlight: rgba(0,0,0,0); }
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background:none !important;}
ul, li, form, dl, dt, dd, div, ol,figure, aside{padding: 0;margin: 0;}
.ul, .ul li { list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "sy", "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0); /* 去掉链接触摸高亮 */}  
a:hover {color: #00349e;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;font-family: "sy", "Microsoft YaHei";text-align:justify;text-justify:inter-ideograph;}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.img-opacity{opacity: 0; width: 0; height: 0;  position: absolute;}
::after, ::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.center{ width:1200px; margin:0 auto;}
.Content-70{ padding-top:70px; min-height:400px;}
/*Top*/
.Top{ position: fixed; left:0; top:0; z-index:100; width:100%; background:rgba(255,255,255,0.9);}
.Top .center > div{ float:right; }
.Top .top-left{ width:170px; float:left !important;}
.Top .top-left .logo { float:left !important; width:100%; height:100px; padding-top:15px;}
.Top .top-left .logo img{ width:100%; height:70px;}
.Top .top-right{ padding-top:23px; padding-left:16px;}
.Top .top-right dl > *{ float:left;line-height:22px;}
.Top .top-right dd.top-tel{ background:url(../images/top/icon_tel.png) no-repeat left center; padding-left:27px;font-family: "dinbold"; font-size:24px; color:#c81623; font-weight:bold;}
/*.Top .top-right dd.top-tel img{ height:19px;}*/
.Top .top-right dd.top-login{padding-right:17px;}
.Top .top-right dd.top-login a{ float:left;}
.Top .top-right dd.top-login a.log-before{ padding-left:20px; background:url(../images/top/icon_login.png) no-repeat left center; color:#888;}
.Top .top-right dd.top-login a.log-after{ display:none; background:url(../images/top/icon_member.png) no-repeat; width:20px; height:20px; }
.Top .top-right dt::after{ display:inline-block; content:''; vertical-align:middle; width:1px; background:#d1d1d1; height:12px; margin:0 17px 0 13px;}
.Top .top-right dt{ position:relative;}
.Top .top-right dt .open-search{ background:url(../images/top/btn_search.png) no-repeat center center; width:30px; height:22px; float:left;}
.Top .search-box{position:absolute; right:15px; top:47px; width:300px; display:none; background:rgba(0,0,0,0.8);}
.Top .search-box::before{ position:absolute; content:''; border:10px solid transparent; border-bottom-color:rgba(0,0,0,0.8); right:20px; top:-20px;}
.Top .search-box .text{ width:100%; height:46px; line-height:46px; padding:0 46px 0 10px; border:none; background:none; color:#fff;}
.Top .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:46px; background:url(../images/fangdajng.png) no-repeat center center;}
.top-menu { margin-top:30px;}
.top-menu li{ float:left; padding:0 19px;}
.top-menu li > a{ display:block; line-height:48px; border-bottom:2px solid transparent; font-size:16px; color:#555;}
.top-menu li > a:hover, .top-menu li.aon > a{ border-bottom-color:#008edd; color:#008edd;}
.top-sub{ position:absolute; left:0; top:100%; width:100%; background:#fff; display:none;}
.top-sub dl{ display:table; margin:0 auto; padding:30px 0 10px 0; overflow:hidden;}
.top-sub dl dt{ float:left;padding:0 32px;text-align:center; }
.top-sub dl dt figure{display:table; width:100%;height:48px; }
.top-sub dl dt figcaption{ display:table-cell; vertical-align:bottom; }
.top-sub dl dt a{ color:#555; transition:0.3s;}
.top-sub dl dt a:hover{ color:#008edd;}
.top-sub dl dt span.dot{ padding:10px 0;}
.top-sub dl dt img{  max-height:48px; max-width:120px; transition: ease-in-out 0.3s;}
.top-sub dl dt a:hover img{transform-style: preserve-3d;  transform:rotateY(180deg);}
/*Top end*/
.right-fixed{ position:fixed; right:20px; /*top:50%;margin-top:-98px; */z-index:120;  min-width:122px; bottom:147px;}
.right-fixed .ad{ position:absolute; bottom:100%; left:0; margin-bottom:20px;}
.right-fixed .ad .close{ cursor:pointer;position:absolute; right:0; top:0; width:20px; height:20px;}
.right-fixed ul{ border:1px solid #ddd; border-radius:2px; background:#fff;}
.right-fixed li{ border-bottom:1px solid #ddd;}
.right-fixed li:last-child{ border-bottom:0;}
.right-fixed li a{ display:block; padding-left:44px; line-height:38px; background:url(../images/home/right-fixed_icon1.png) no-repeat 5px center;}
.right-fixed li:hover a{ background-color:#c91623; color:#fff; background-image:url(../images/home/right-fixed_icon1_on.png);}
.right-fixed li.li_3{ position:relative;}
.right-fixed li.li_3 figure{ position:absolute; right:100%; top:0; border:1px solid #be1421; padding:11px; width:152px; background:#fff; display:none; border-radius:2px;}
.right-fixed li.li_3:hover figure{ display:block;}
.right-fixed li.li_3 figure img{ display:block; width:130px; height:130px;}
.right-fixed li.li_3 figure p{ margin:11px 0 0 0; text-align:center;line-height:20px;}
.right-fixed li.li_2 a{ background-image:url(../images/home/right-fixed_icon2.png);}
.right-fixed li.li_3 a{ background-image:url(../images/home/right-fixed_icon3.png);}
.right-fixed li.li_4 a{ background-image:url(../images/home/right-fixed_icon4.png);}
.right-fixed li.li_5 a{ background-image:url(../images/home/right-fixed_icon5.png);}
.right-fixed li.li_2:hover a{ background-image:url(../images/home/right-fixed_icon2_on.png);}
.right-fixed li.li_3:hover a{ background-image:url(../images/home/right-fixed_icon3_on.png);}
.right-fixed li.li_4:hover a{ background-image:url(../images/home/right-fixed_icon4_on.png);}
.right-fixed li.li_5:hover a{ background-image:url(../images/home/right-fixed_icon5_on.png);}

/*当前位置*/
.ny-local {background-color: #f6f6f6; border-bottom: 1px solid #eeeeee; padding: 18px 0 0; height: 50px;}
.ny-local i {display: block; width: 14px; height: 14px; margin-right: 11px; float: left;}
.ny-local .ny-local-left { float: left; width:800px; overflow:hidden;}
.local-list { float: left; overflow: hidden;}
.local-list li { float: left; line-height: 14px; }
.local-list li a:before { display: block; width: 14px; height: 14px; padding-right: 25px; float: left;  color:#666;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e60c";  margin-left:7px; }
.local-list li:first-child a:before{ width:0px; content: " "; padding-right:0px; margin-left:0px;}
.local-list li:first {}
.local-list li span { font-size: 12px; color: #666;}


/*ny-search*/
.ny-search {float: right; margin-top: -6px;}
.ny-search form {position: relative; width: 150px; height: 27px; border-radius: 13px; border: 1px solid #dddddd;}
.ny-search input {float: left; width: 100%; height: 100%; background: none; border: 0; padding: 0 39px 0 12px; font-size: 12px; color: #7d7d7d;}
.ny-search button {float: left; position: absolute; right: 2px; top: 4px; border: 0; background: none;}
.ny-search button:after { display: inline-block; width: 19px; height: 19px; font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;content: "\e606"; }

/*ny-main*/
.ny-main{ width:100%; margin:50px 0 140px 0; overflow:hidden;}
/*内页栏目*/
.page-list {overflow: hidden; margin: 45px 0 0; float: none;}
.page-list .nav-ico {width: 42px; height: 100%;}
.page-list .nav-ico .pic-box {width: 42px; height: 42px; text-align: left;}
.page-list li {float: left; height: 42px; margin-right: 10px; background: #eee; }
.page-list a {display: block; width: 100%; height: 100%; padding: 0 30px; line-height: 42px; text-align: center; border-radius: 4px; position: relative; font-size: 14px; color: #666;}
.page-list li:hover a, .page-on a { background: #008edd; color: #fff;} 

/*分页样式*/
.page { padding:20px 0px 0px 1px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#003894; color:#fff; }
.page .current{ background:#003894; color:#FFF;}
.page #total{color:red}

/*bottom*/
.bottom{ clear:both; background:#444;}
.bottom-top{ width:100%; height:60px; border-bottom:2px solid #7c7c7c; position:relative;}
.footlogo{ width:140px; padding:10px 17px; position:absolute; top:20px; left:-80px; background-color:#444;}
.footlogo img { width:106px; height:42px;}
.bottom-main{ width:100%; overflow:hidden; position:relative;}
.bottom-menu{ float:left; width:780px; padding:40px 0 35px 0; position:relative; }
.bottom-menu > *{ float:left;}
.bottom-menu dl{ min-height:240px; padding-right:40px; max-width:244px;  padding-left:18px;}
.bottom-menu dl dt{color:#fff; font-size:16px; padding-bottom:22px;}
.bottom-menu dl dt a{color:#fff; }
.bottom-menu dl dd{ line-height:18px; padding:5px 0;}
.bottom-menu dl.dl_row_2{ width:180px; padding-right:0;}
.bottom-menu dl.dl_row_2 dd{ width:80px; float:left;}
.bottom a{ color:#aaaaaa; transition:color 0.3s;}
.bottom a:hover{ color:#00349e;}

.bottom-right{ float:right; width:418px; padding:40px 0 0 30px; border-left:2px solid #7c7c7c; position:relative; }
.bottom-right li{ float:left; width:100%; line-height:25px; font-size:14px; color:#aaaaaa; }
.bottom-right li .item{float:left; width:70px; text-align:left;}
.bottom-right li span{ float:left; width:310px; text-align:left;}
.bottom-right li.weixin { margin-top:20px; height:230px;}

.read-list{ position:relative; border-top:1px solid #4e4e4e; padding:22px 0 22px 116px; line-height:25px;}
.read-list ol{ color:#fff; font-size:16px; width:100px;  position:absolute; left:0; top:22px;}
.read-list li{ float:left; margin-right:20px; max-width:200px; font-size:16px;}
.read-list li a:hover{ color:#ffffff;}

.foot{ background:#383838; padding:22px;}
.foot-left{ float:left; width:60%; line-height:28px; color:#878787;}
.foot-left a:hover{ color:#fff;}
.foot-left i{ display:inline-block; width:2px; border-right:1px dotted #7c7c7c; height:10px; margin:0 14px; vertical-align:middle;}
.foot-right{ float:right; width:40%; color:#878787; line-height: 28px; text-align:right;}
/*bottom end*/
/*bxslider*/
.bx-wrapper{ position:relative; z-index:2;}
.bx-controls-direction a{ position:absolute; top:50%; z-index:10; overflow:hidden; line-height:1000px;}
.bx-pager a{ line-height:100px; overflow:hidden;}
/*bxslider end*/
/*home banner*/
.home-banner {margin-top:100px;}
.home-banner li{ height:540px; position:relative; background-position:center center; background-repeat:no-repeat;}
.home-banner li a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.home-banner .bx-controls-direction a{ width:42px; height:73px; margin-top:-36px; background:url(../images/home/banner_btn.png) no-repeat left top;}
.home-banner .bx-controls-direction a.bx-prev{ left:3%;}
.home-banner .bx-controls-direction a.bx-next{ right:3%; background-position: right top;}
.home-banner .bx-pager{ display:table; z-index:20; position:relative; margin:0 auto; margin-top:-34px; height:34px;}
.home-banner .bx-pager div{ float:left; background:#fff; height:34px; padding:0 8px; padding-top:12px;}
.home-banner .bx-pager a{ display:block;  width:15px;height:15px; background:url(../images/home/banner_dots.png) no-repeat -17px 0;}
.home-banner .bx-pager a.active{ background-position:0 0;}
.home-banner .bx-pager::before,
.home-banner .bx-pager::after{ float:left; content:''; vertical-align:middle; background:url(../images/home/banner_dots.png) no-repeat 0 -17px; width:46px; height:34px;}
.home-banner .bx-pager::after{ background-position: right bottom;}
/*home banner end*/

/*page banner*/
.ny-banner{margin-top:100px;}
.ny-banner img{ width:100%;}
/*page banner end*/

.home-title{ text-align:center; font-size:30px; color:#333; padding:60px 0 30px 0;}
.home-title p{ font-size:16px; margin: 2px 0; color:#555;}

/*js-show*/
.js-show {/*background:url(../images/home/home_bg1.jpg) no-repeat center top;*/ height: 750px;}
.js-show .center{ /*background:url(../images/home/show/js-show-bg.png) no-repeat;*/background-repeat:no-repeat; height:596px; width:1190px; position:relative;}
.js-show .ul_txt li{ position:absolute; z-index:10; font-size:16px; color:#000; cursor:pointer;}
.js-show .ul_txt li.li_1{ top: 155px; left: 242px;}
.js-show .ul_txt li.li_2{ top: 103px; right: 547px;}
.js-show .ul_txt li.li_3{ top: 139px; left: 753px;}
.js-show .ul_txt li.li_4{ top: 382px; left: 248px;}
.js-show .ul_txt li.li_5{ top: 448px; left: 600px;}
.js-show .ul_txt li.li_6{ top: 360px; left: 795px;}
.js-show .ul_txt li.li_7{ top: 360px; left: 1095px;}
.js-show .ul_txt li.li_8{ top: 360px; left: 950px;}
.js-show .ul_txt li a{ position:absolute; left:0; top:0; width:100px; height:100px; z-index:10;}
.js-show .ul_txt li.li_1 a,
.js-show .ul_txt li.li_2 a{ width:80px; height:80px;}
.js-show .ul_txt li.li_1 a{left: -16px;top: -14px;}
.js-show .ul_txt li.li_2 a{left: -9px;top: -10px;}
.js-show .ul_txt li.li_3 a{left: -14px;top: -10px;}
.js-show .ul_txt li.li_4 a{left: -19px;top: -21px;}
.js-show .ul_txt li.li_5 a{top: -28px;left: -16px;}
.js-show .ul_txt li.li_6 a{top: -30px;left: -16px;}
.js-show .ul_txt li.li_7 a{ left: -19px;top: -21px;}
.js-show .ul_txt li.li_8 a{ top: -30px; top:-40px;}

.js-show .ul_txt li span{color:#000;}
.js-show .ul_txt li i{ display:block; position:relative; margin:10px auto 0; border-radius:50%; -ms-border-radius:50%; background:#008edd; width:14px; height:14px; }
.js-show .ul_txt li i::before{ position:absolute;border-radius:50%; -ms-border-radius:50%; left:-7px; right:-7px; top:-7px; bottom:-7px; content:''; background:rgba(0,142,221,0.29); animation:infinite ul_txt_li 1.3s ease;}
.js-show .ul_txt li a:hover  i::before{ animation:none;}
.js-show .ul_txt li.li_6 i{ margin-top:0; margin-bottom:7px;}
.js-show .ul_txt li:hover span{ color:#ed6d00;}
.js-show .ul_txt li:hover i{ background:#ed6d00;}
.js-show .ul_txt li:hover i::before{ background:rgba(237,109,0,0.29); }


@keyframes ul_txt_li{
	0%{transform:scale(1); -ms-transform:scale(1); opacity:1;}
	50%{ transform:scale(0); -ms-transform:scale(0); opacity:0;}
	100%{transform:scale(1); -ms-transform:scale(1); opacity:1;}
}
@-ms-keyframes ul_txt_li{
	0%{transform:scale(1); -ms-transform:scale(1); opacity:1;}
	50%{ transform:scale(0); -ms-transform:scale(0); opacity:0;}
	100%{transform:scale(1); -ms-transform:scale(1); opacity:1;}
}

.js-show .pipeline{ position:absolute;}
.js-show .pipeline dd{ position:absolute; width:0; height:0;}
.js-show .blue{ width:879px; height:118px; right:29px; top:306px; }
.js-show .blue dd{background:url(../images/home/show/blue-x.jpg) repeat-x left top;}
.js-show .blue .blue_1{ left:0; bottom:83px; width:5px;  background-image:url(../images/home/show/blue-y.jpg); background-repeat:repeat-y;}
.js-show .blue .blue_2{ height:4px; right:130px; bottom:83px;}
.js-show .blue .blue_3{ width:4px; bottom:0; right:130px; background-image:url(../images/home/show/blue-y.jpg); background-repeat: repeat-y;}
.js-show .blue .blue_4{ height:4px;bottom: 0;right:130px;}
.js-show .blue .blue_5{ height:4px;bottom: 0;right:107px;}
.js-show .blue .blue_6{height: 4px;bottom: 0;right:48px;}
.js-show .blue .blue_7{height: 4px;bottom: 0;right: 0;}

.js-show .ani-wh .blue_7{width: 18px;}
.js-show .ani-wh .blue_6{width: 18px;}
.js-show .ani-wh .blue_5{width: 23px;}
.js-show .ani-wh .blue_4{width: 38px;}
.js-show .ani-wh .blue_3{height:86px;}
.js-show .ani-wh .blue_2{width:750px;}
.js-show .ani-wh .blue_1{height:35px;}

.js-show .drinking-water-ani .blue_7{transition:0.3s;}
.js-show .drinking-water-ani .blue_6{ transition:0.3s 0.3s;}
.js-show .drinking-water-ani .blue_5{ transition:0.3s 0.6s;}
.js-show .drinking-water-ani .blue_4{ width:0;}
.js-show .drinking-water-ani .blue_3{ transition:0.3s 0.9s; }
.js-show .drinking-water-ani .blue_2{transition:1.2s 1.2s;}
.js-show .drinking-water-ani .blue_1{transition:0.3s 2.4s;}

.js-show .blue_b{ width:661px; height:242px; left:25px; top:320px;}
.js-show .blue_b  .blue_4{ left:0; bottom:0;  background:url(../images/home/show/blue-y2.jpg) left top repeat-y; width:4px;}
.js-show .blue_b  .blue_3{ height:4px; background:url(../images/home/show/blue-x.jpg) repeat-x left top; right:5px; bottom:0;}
.js-show .blue_b  .blue_2{ background:url(../images/home/show/blue-z.png) no-repeat; width:19px;right:0; top:210px;}
.js-show .blue_b  .blue_1{height: 4px; left:551px; bottom: 28px;background:url(../images/home/show/blue-x.jpg) repeat-x left top;}

.js-show .ani-wh.blue_b .blue_4{height:242px;}
.js-show .ani-wh.blue_b .blue_3{width:654px;}
.js-show .ani-wh.blue_b .blue_2{height:31px; }
.js-show .ani-wh.blue_b .blue_1{ width: 95px;}

.js-show .yellow{ width:688px; height:249px; left:15px; top:320px;}
.js-show .yellow .yellow_1{ left:0; top:0; background:url(../images/home/show/yellow-y.jpg) repeat-y left top; width:4px;}
.js-show .yellow .yellow_2{ left:0; bottom:0; height:4px; background:url(../images/home/show/yellow-x.jpg) repeat-x left top;}
.js-show .yellow .yellow_3{ right:7px; bottom:0; background:url(../images/home/show/yellow-z2.png) no-repeat; width: 23px;}
.js-show .yellow .yellow_4{ background:url(../images/home/show/yellow-x.jpg) repeat-x; height:8px; right:29px; bottom:45px;}
.js-show .yellow .yellow_5{ background:url(../images/home/show/yellow-x2.png) no-repeat;  height:8px; bottom:22px; left:561px;}
.js-show .yellow .yellow_6{ height:31px; right:36px; bottom:17px; width:92px; opacity:0;}
.js-show .yellow .yellow_6 i{ position:absolute; left:0; width:100%; background:url(../images/home/show/hot.png) no-repeat center top;}
.js-show .yellow .yellow_6 i.hot-1{ bottom:27px;}
.js-show .yellow .yellow_6 i.hot-2{ bottom:17px; left:13px;}
.js-show .yellow .yellow_6 i.hot-3{ bottom:7px;}

.js-show .ani-wh .yellow_1{ height:249px;}
.js-show .ani-wh .yellow_2{ width:678px;}
.js-show .ani-wh .yellow_3{ height:56px;}
.js-show .ani-wh .yellow_4{ width:98px;}
.js-show .ani-wh .yellow_5{ width:90px;}
.js-show .ani-wh .yellow_6{ opacity:1;}


.js-show .floor-heating-ani .yellow_1{ transition:0.3s;}
.js-show .floor-heating-ani .yellow_2{ transition:0.3s 0.3s;}
.js-show .floor-heating-ani .yellow_3{ transition:0.3s 0.6s;}
.js-show .floor-heating-ani .yellow_4{ transition:0.3s 0.9s;}
.js-show .floor-heating-ani .yellow_5{ transition:0.3s 1.2s;}

.js-show .floor-heating-ani .blue_1{ transition:0.3s 1.5s;}
.js-show .floor-heating-ani .blue_2{ transition:0.3s 1.8s;}
.js-show .floor-heating-ani .blue_3{ transition:0.3s 2.1s;}
.js-show .floor-heating-ani .blue_4{ transition:0.3s 2.4s;}

.js-show .floor-heating-ani .yellow_6{ transition:0s 2.7s;}
.js-show .floor-heating-ani .yellow_6 i{ animation:ease infinite 1.5s 2.7s yellow_6_1;}

@keyframes yellow_6_1{
	0%{ height:5px;}
	50%{height:16px;}
	100%{height:5px;}
}

.js-show .red{ width:247px; height:116px; left:130px; top:308px;}
.js-show .red .red_1{ width:4px; left:0; top:10px;background:url(../images/home/show/red-y.jpg) repeat-y; }
.js-show .red .red_2{ height:4px; background:url(../images/home/show/red-x.jpg) repeat-x; left:0; top:28px;}
.js-show .red .red_3{ width:4px; background:url(../images/home/show/red-y.jpg) repeat-y; left:143px; bottom:87px;}
.js-show .red .red_4{ width:5px;  right:0; top:28px; background:url(../images/home/show/red-y2.jpg) repeat-y;}
.js-show .red .red_5{ height:4px;  right:2px; bottom:0; background:url(../images/home/show/red-x.jpg) repeat-x;}

.js-show .ani-wh .red_1{ height:18px;}
.js-show .ani-wh .red_2{ width:243px;}
.js-show .ani-wh .red_3{ height:28px;}
.js-show .ani-wh .red_4{ height:88px;}
.js-show .ani-wh .red_5{ width:92px;}

.js-show .life-hotwater-ani .red_1{ transition:0.3s;}
.js-show .life-hotwater-ani .red_2{ transition:0.25s 0.3s;}
.js-show .life-hotwater-ani .red_3{ transition:0.3s 0.3s;}
.js-show .life-hotwater-ani .red_4{ transition:0.3s 0.6s;}
.js-show .life-hotwater-ani .red_5{ transition:0.3s 0.9s;}

.js-show .green{ width:836px; height:187px; left:128px; top:313px;}
.js-show .green .green_1{ right:0; top:106px;  height:4px; background:url(../images/home/show/green-x.jpg) repeat-x;}
.js-show .green .green_2{ width:4px;  background:url(../images/home/show/green-y.jpg) repeat-y; right:50px; bottom:77px;}
.js-show .green .green_3{ right:54px; top:14px;  height:4px;background:url(../images/home/show/green-x.jpg) repeat-x;}
.js-show .green .green_4{ width:4px; top:14px; background:url(../images/home/show/green-y.jpg) repeat-y ; left:243px;}
.js-show .green .green_5{ height:4px; right:593px; bottom:78px;background:url(../images/home/show/green-x.jpg) repeat-x;}
.js-show .green .green_6{ height:4px; right:593px; top:14px;background:url(../images/home/show/green-x.jpg) repeat-x ;}
.js-show .green .green_7{ right:693px; top:14px; height:4px;background:url(../images/home/show/green-x.jpg) repeat-x ;}
.js-show .green .green_8{ left:140px; width:4px;bottom: 172px;background:url(../images/home/show/green-y.jpg) repeat-y ;}
.js-show .green .green_9{ width:4px;  left:0; bottom:171px;background:url(../images/home/show/green-y.jpg) repeat-y ;}

.js-show .ani-wh .green_1{ width: 50px;}
.js-show .ani-wh .green_2{ height: 96px;}
.js-show .ani-wh .green_3{ width: 535px;}
.js-show .ani-wh .green_4{ height: 93px;}
.js-show .ani-wh .green_5{ width: 85px;}
.js-show .ani-wh .green_6{ width: 100px;}
.js-show .ani-wh .green_7{ width: 140px;}
.js-show .ani-wh .green_8{ height: 19px;}
.js-show .ani-wh .green_9{ height: 14px;}

.js-show .center-water-ani .blue_7{transition:0.2s;}
.js-show .center-water-ani .blue_6{transition:0.2s 0.2s;}
.js-show .center-water-ani .blue_5{ transition:0.2s 0.4s;}
.js-show .center-water-ani .blue_4{ transition:0.3s 0.55s;}
.js-show .center-water-ani .blue_3{ transition:0.3s 0.7s;}
.js-show .center-water-ani .blue_2{ transition:1.2s 1s;}
.js-show .center-water-ani .blue_1{ transition:0.3s 2.2s;}

.js-show .center-water-ani .green_1{transition:0.3s 1.1s;}
.js-show .center-water-ani .green_2{transition:0.3s 1.4s;}
.js-show .center-water-ani .green_3{transition:1.2s 1.7s;}

.js-show .center-water-ani .green_4{transition:0.5s 2.9s;}
.js-show .center-water-ani .green_5{transition:0.5s 3.5s;}

.js-show .center-water-ani .green_6{transition:0.4s 2.9s;}
.js-show .center-water-ani .green_8{transition:0.3s 3.3s;}
.js-show .center-water-ani .green_7{transition:0.3s 3.25s;}
.js-show .center-water-ani .green_9{transition:0.3s 3.9s;}

.js-show .blue_green{ width:666px; height:32px; left:74px; top:320px;}
.js-show .blue_green .blue_green_1{ width:4px;  left:0; top:0; background:url(../images/home/show/blue-y.jpg) repeat-y;}
.js-show .blue_green .blue_green_2{ left:4px; top:18px; height:4px; background:url(../images/home/show/blue-x.jpg) repeat-x;}
.js-show .blue_green .blue_green_3{ top:18px; left:646px; width:4px;background:url(../images/home/show/blue-y.jpg) repeat-y;}
.js-show .blue_green .blue_green_4{ width:4px;  background:url(../images/home/show/green-y.jpg) repeat-y; right:0; bottom:0;}
.js-show .blue_green .blue_green_5{ right:0; bottom:20px;  height:4px; background:url(../images/home/show/green-x.jpg) repeat-x;}
.js-show .blue_green .blue_green_6{bottom:20px; width:4px;  left:13px; background:url(../images/home/show/green-y.jpg) repeat-y;}

.js-show .ani-wh .blue_green_1{height:22px;}
.js-show .ani-wh .blue_green_2{width:646px;}
.js-show .ani-wh .blue_green_3{ height:14px;}
.js-show .ani-wh .blue_green_4{height:22px;}
.js-show .ani-wh .blue_green_5{width:653px;}
.js-show .ani-wh .blue_green_6{height:12px;}

.js-show .central-air-ani .blue_green_1{ transition:0.3s;}
.js-show .central-air-ani .blue_green_2{ transition:0.6s 0.3s;}
.js-show .central-air-ani .blue_green_3{ transition:0.3s 0.9s;}
.js-show .central-air-ani .blue_green_4{transition:0.3s 1.2s;}
.js-show .central-air-ani .blue_green_5{transition:0.6s 1.5s;}
.js-show .central-air-ani .blue_green_6{transition:0.3s 2.1s;}

.js-show .wind{ position:absolute; opacity:0;}
.js-show .hot-wind{ background:url(../images/home/show/hot_wind.png) repeat; width:138px; height:108px;bottom: 120px;left: 210px;}
.js-show .life-hotwater-ani.hot-wind{ opacity:1; transition:opacity 0.5s 1.2s; animation:hot-wind-bg infinite 500s 1.2s;}
.js-show .cold-wind{ width:348px; height:167px;left: 566px;top: 351px;}
.js-show .central-air-ani.cold-wind{ opacity:1; transition:0.3s 2.1s;}
.js-show .leaf{ width:250px; height:250px;left: 549px;top: 70px; transition:0.3s;}
.js-show .leaf-ani{ opacity:1;}

@keyframes hot-wind-bg{
0%{ background-position:0 0;}
50%{ background-position:0 -10000px;}
100%{background-position:0 0;}
}
/*js-show end*/

.index-procate { padding:0 0 20px 0;}
.index-procate li { float:left; width:20%; text-align:center; cursor:pointer; padding-top:32px;}
.index-procate li a{ display:block; }

.index-procate li .pic{ overflow:hidden; position:relative; width:120px; height:120px; margin:0 auto;}
.index-procate li .pic img{ position:absolute; left:0; width:100%; height:100%;  transition: ease-in-out 0.3s;}
.index-procate li .img, .index-procate li .icon{ top:0; transition: ease-in-out 0.3s;}
.index-procate li .img, .index-procate li:hover .icon{ opacity:0; }
.index-procate li .icon, .index-procate li:hover .img{ opacity:1; }
.index-procate li:hover .icon{ transform-style: preserve-3d;  transform:rotateY(180deg);}
.index-procate li:hover .img{ transform-style: preserve-3d;  transform:rotateY(180deg);}
.index-procate li h3{ font-size:16px; margin:0; font-weight:normal; padding:20px 0 5px 0;}
.index-procate li a:hover h3{ color:#008edd;}
.index-procate li p{ font-size:16px; margin:0; padding:10px 5px 20px 5px;}

.index-project {}
.index-project li { float:left; width:386px;}
.index-project li.li_1,
.index-project li.li_2 { width:590px;}
.index-project li.li_2 { float:right;}
.index-project li.li_4 { margin:0 21px;}
.index-project li .pic { overflow:hidden;}
.index-project li .pic img{ display:block; width:100%; height:217px; transition:0.8s;}
.index-project li.li_1 .pic img,
.index-project li.li_2 .pic img{height:332px;}
.index-project li a{ display:block;}
.index-project li a:hover .pic img{ transform:scale(1.1); -ms-transform:scale(1.1);}
.index-project li h3{ font-size:16px; margin:0; font-weight:normal; padding:20px 0 5px 0;}
.index-project li p{ padding-bottom:30px; font-size:13px; color:#999; margin:0; height:48px;}

/*family-case*/
.family-case li{ float:left; width:386px; margin-right:21px; margin-bottom:21px;}
.family-case li a{ display:block; overflow:hidden; position:relative;}
.family-case li .pic{ overflow:hidden;}
.family-case li .pic img{ display:block; width:100%; height:257px; transition:0.3s;}
.family-case li:nth-child(3n){ margin-right:0;}
.family-case li a:hover .pic img{ transform:scale(1.05);}
.family-case li p{ position:absolute; left:0; bottom:0; width:100%; text-align:center; color:#fff; font-size:20px; line-height:45px; background:rgba(0,0,0,0.5); margin:0; transition:0.3s;}
.family-case li a:hover p{bottom:-45px;}

.family-case li .hover{ position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.7); text-align:center; transition:0.3s;}
.family-case li .hover figure{ display:table; height:100%; width:100%;}
.family-case li .hover figcaption{ display:table-cell; vertical-align:middle;}
.family-case li .hover h4{ margin:0; font-size:26px; color:#fff; font-weight:normal;}
.family-case li .hover h4::after{ width:10px; height:2px; background:#fff; display:block; content:''; margin:15px auto 10px;}
.family-case li .hover h3{ margin:0 0 28px 0; font-size:16px; color:#adadad; font-weight:normal;}
.family-case li .hover span{ color:#c81623;}
.family-case li .hover span i{ font-style:normal; margin-left:10px;}

.family-case li a:hover .hover{ top:0;}
/*family-case end*/

/*index news*/
.index-news{ background:#f8f8f8;}
.index-news .home-title{ padding-bottom:50px; }
.index-news li{ float:left; width:590px; margin-right:20px; margin-bottom:20px;}
.index-news li:nth-child(2n){ margin-right:0;}
.index-news li .pic{ float:left; width:285px; height:190px; overflow:hidden;}
.index-news li .pic img{ display:block; width:100%; transition:0.3s;}
.index-news li a:hover .pic img{ transform:scale(1.05);}
.index-news li .txt{ float:right; width:285px; height:190px; padding:10px 20px; overflow:hidden; background-color:#e8e8e8;}
.index-news li .txt h3{ font-size:16px; color:#666; margin:0; font-weight:normal; padding:20px 0 5px 0;}
.index-news li .txt span{ padding-left:10px; font-size:13px; color:#999;}
.index-news li .txt p{ margin-top:10px; padding-left:10px; font-size:13px; color:#999; line-height:20px;}
.index-news li a:hover h3{ color: #008edd;}
/*index-news end*/


/*index-store*/
.index-store{}
.index-store li{ float:left; width:595px; margin-right:10px; margin-bottom:10px;}
.index-store li a{ display:block;}
.index-store li .pic{ overflow:hidden;}
.index-store li .pic img{ display:block; width:100%; transition:0.3s;}
.index-store li a:hover .pic img{ transform:scale(1.15);}
.index-store li:nth-child(2n){ margin-right:0;}
/*index-store end*/

/*index-service*/
.index-service{ padding-bottom:45px;}
/*index-service end*/

.ny-content {margin-top: 26px;}
.ny-content p {font-size: 14px; line-height: 27px; color: #666; text-align: justify;}

/*加载更多*/
.click-more {margin-top: 15px; clear: both; text-align: center; position: relative; height: 21px;}
.click-more p {top: 0; cursor: pointer; position: absolute; text-align: center; width: 100%; z-index: 2; margin: 0;
    padding: 0;}
.click-more i {display: inline-block; width: 92px; height: 17px; background: url('../images/click-more.png')}
.click-more span { font-size: 20px; color: #005baa; background: #ffffff; padding: 0 30px; line-height: 18px; }
.click-more .more-line { width: 100%; height: 1px; background: #dedede; position: absolute; top: 10px; z-index: 1;}