@charset "utf-8";
/* css document */
body{
	min-width: 1200px;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
@font-face {
  font-family: 'sy';
  src:  format('embedded-opentype'),    format('opentype'),
	      format('woff'),   format('truetype'),  format('svg');
  font-weight: normal;
  font-style: normal;
}

.header{
	background: #000;
}
.headerbox{
	height: 60px;
}
.lang-box{
	position: absolute;
	top: 18px;
	right: 0%;
}
.header .w1200{
	position: relative;
}
.lang-box .title .icon{
    width: 17px;
    height: 22px;
	margin-right: 6px;

	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.lang-box .title{
	height: 24px;
	line-height: 24px;
}
.lang-box .title .icon img{
	max-width: 100%;
}
.lang-box .title .text{
	position: relative;
    top: 1.5px;
	font-size: 16px;
	color: #fff;
	
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.wel-contact{
	font-size: 20px;
	line-height: 26px;
	border-right: 1px solid #333;
	padding-right: 41px;
	margin-top: 18px;
	/* margin-right: 77px; */
	margin-right: 170px;
	cursor: pointer;
	height:26px;
}
.wel-contact img{
	display:block;
	margin-top:6px;
}
.wel-contact a{
	font-family: "sy";
	color: #fff;
}
.navbtn {
  	/*position: relative;
  	width: 37px;
  	height: 26px;
  	cursor: pointer;
  	z-index: 6;*/
	position: absolute;
	width: 37px;
	height: 26px;
	cursor: pointer;
	z-index: 6;
	top: 15px;
	left: 50%;
	/* margin-left: 562px; */
	margin-left: 475px;
}
.navbtn .line {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 2px;
	/*border-radius:0.03rem;*/
	background: #fff;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}
/*.navbtn .line:before{
	display: block;
	content: "";
	width: 20%;
	height: 0.06rem;
	border-radius: 50%;
	background-color: #272636;
	position: absolute;
	top:0;
	left:-0.12rem;
}*/
.navbtn .line.cur:before{
	display: none;
}
.navbtn .line:nth-child(1) {
    top: 0px;
}
.navbtn .line:nth-child(2) {
    top: 12px;
}
.navbtn .line:nth-child(3) {
    top: 24px;
}
.navbtn .line:first-child {
    -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.navbtn .line:first-child.cur {
    -webkit-transform: rotatez(42deg);
          transform: rotatez(42deg);
}
.navbtn .line:nth-child(2).cur {
    opacity: 0;
}
.navbtn .line:last-child {
    -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
}
.navbtn .line:last-child.cur {
    -webkit-transform: rotatez(-42deg);
          transform: rotatez(-42deg);
}










.footer{
	background: #000; 
	height: 50px;
	overflow: hidden;
}
.footerbox{
	height: 50px;
}
.footer .footerbox .fl{
	color: #cacaca;
	line-height: 50px;
}
.footer .footerbox .boc a{
	color: #cacaca;
}
.footer .footerbox .share{
	margin-top: 19px;
	margin-left: 26px;
}
.footer .footerbox .share span.jtico_twitter{
	background: url(/uploads/image/eswimg/img-02.png) no-repeat left top!important;
	padding:0px!important;
	width:13px;
	padding-right: 15px!important;
}
.footer .footerbox .share span.jtico_fb{
	background: url(/uploads/image/eswimg/img-02.png) no-repeat -28px top!important;
	padding:0px!important;
	width:7px;
	padding-right: 14px!important;
}
.footer .footerbox .share span.jtico_linkedin{
	background: url(/uploads/image/eswimg/img-02.png) no-repeat -49px top!important;
	padding:0px!important;
	width:13px;
}










.banner{
	overflow: hidden;
	position: relative;
}
.banner .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.banner .textbox {
	padding-top: 9%;
	position: relative;
	z-index: 5;
}
.banner .textbox .bt img{
	margin: 0 auto;
	display: block;
}
.banner .textbox .text{
	text-align: center;
	width: 760px;
	margin: 33px auto 0;
	font-size: 14px;
	color: #fff;
}
.banner .textbox .more{
	width: 178px;
	height: 43px;
	border:1px solid #fff;
	margin: 33px auto 0;
	text-align: center;
	line-height: 43px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	transition: all 0.5s ease 0s;
}
.banner .textbox .more:hover a{
	background:#fff;
	color: #333;
}
.banner .textbox .more a{
	color: #fff;
	display: block;
	transition: all 0.5s ease 0s;
}
.banner .list{
	width: 1052px;
	margin:0 auto;
	position: absolute;
	bottom: 12%;
	left: 50%;
	margin-left: -526px;
	z-index: 5;
}
.banner .listbox{
	width: 350px;
	height: 104px;
	background:url(/uploads/image/eswimg/img-04.png) no-repeat center top;
	float: left;
	/*transition: all 0.3s ease 0s; */
	cursor: pointer;
	padding-top: 30px;
}
.banner .listbox span{
	display: block;
	height: 50px;
}
.banner .listbox span img{
	display: block;
	margin: 0 auto;
}
.banner .listbox p{
	display: block;
	height: 54px;
	margin-top: 20px;
}
.banner .listbox p img{
	display: block;
	margin: 0 auto;
}
.banner .listbox.box2{
	padding: 30px 1px 0;
}
.banner .listbox.box1:hover{
	background: url(/uploads/image/eswimg/img-05.png) no-repeat center;
}
.banner .listbox.box2:hover{
	background: url(/uploads/image/eswimg/next2.png) repeat center;
}
.banner .listbox.box3:hover{
	background: url(/uploads/image/eswimg/next3.png) repeat center;
}
.wel-video{
	position: fixed;
	width: 100%;
	top: 60px;
	left: 0px;
	background:#000;
	z-index: 3;
	overflow: hidden;
}
.wel-video video{
	position: absolute;
    top: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    background-size: cover;
    overflow: hidden;
}
.wel-nav{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background:url(/uploads/image/eswimg/img-12.png) repeat;
	z-index: 6;
	display: none;
}
.wel-nav .wel-navbox{
	float: left;
	vertical-align:top;
}
.wel-nav .w1200{
	position: absolute;
  	top: 50%;
  	left: 50%;
  	margin-left: -600px;
  	margin-top: -216px;
}
.wel-nav .wel-navbox.box3{
	float: right;
}
.wel-nav .wel-navbox span.sp{
	display: block;
	height: 54px;
}
.wel-nav .wel-navbox .exbox{
	margin: 10px 0px;
	overflow: hidden;
	display: block;
}

.wel-nav .wel-navbox .ex a{
	font-size: 16px;
	color: #a5a5a5;
	display: block;
	text-align: center;
}
.wel-nav .wel-navbox .ex a:hover{
	color: #fff;
}
.wel-nav .wel-navbox .href{
	display: block;
	color: #fff;
	font-size: 16px;
	font-family: "sy";
	padding-left: 34px;
	line-height: 30px;
	background: url(/uploads/image/eswimg/dot.png) no-repeat 17px center;
}
.wel-nav .wel-navbox .href:hover{
	color: #0773d4;
}
.wel-navbox p{
	font-size: 30px;
	color: #fff;
	margin-top: 24px;
	font-family: "sy";
	text-align: center;
}
.wel-navbox.box2{
	margin-left: 386px;
	/*margin-right: 386px;*/
}
.wel-nav .wel-navbox.box1:hover span.sp{
	background:url(/uploads/image/eswimg/img-13.png) no-repeat center!important;
}
.wel-nav .wel-navbox.box1:hover p.zz{
	color: #0058dc;
}
.wel-nav .wel-navbox a.zz{
	display: block;
	margin-bottom: 28px;
}
.wel-nav .wel-navbox.box2 .zz:hover span.sp{
	background:url(/uploads/image/eswimg/img-14.png) no-repeat center!important;
}
.wel-nav .wel-navbox.box2 :hover .zz{
	color: #0058dc;
}
.wel-nav .wel-navbox.box3:hover span.sp{
	background:url(/uploads/image/eswimg/img-15.png) no-repeat center!important;
}
.wel-nav .wel-navbox.box3:hover p.zz{
	color: #0058dc;
}










.contact{
	background: #272727;
	padding-top: 61px;
	overflow: hidden;
}
.contact .title{
	font-family: "sy";
	font-size: 48px;
	color: #0773d4;
	text-align: center;
	line-height: 48px;
	position: relative;
	z-index: 2;
}
.contact .map{
	width: 959px;
	height: 315px;
	margin: 0 auto;
	position: relative;
	margin-top: 39px;
	margin-bottom: 95px;
}
.contact .map .map-box{
	width: 959px;
	height: 315px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.map-text{
	height: 70px;
	background: url(/uploads/image/eswimg/img-16.png) repeat;
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 1;
}
.map-text table{
	height: 70px;
	width: 100%;
}
.map-text table td{
	height: 70px;
	color: #fff;
}
.map-text table .img{
	width: 27px;
	height: 70px;
	display: inline-block;
	float: left;
	padding: 0px 12px 0px 25px;
}
.map-text table .img img{
	margin-top: 23px;
}
.map-text table p{
	line-height: 18px;
	color: #fff;
	width: 270px;
	float: left;
}
.map-text table span{
	color: #fff;
	float: left;
	display: block;
	line-height: 18px;
	width: 285px;
}
.amap-logo {
    right: 0 !important;
    left: auto !important;
    display: none;
}

.amap-copyright {
    right: 70px !important;
    left: auto !important;
}   
.map-text .map-nbox{
	padding-left: 40px;
}
.feedback{
	width: 959px;
	margin: 34px auto 53px;
}
.feedback .box{
	margin-bottom: 11px;
}
.downselect{
	width: 472px;
	height: 48px;
	background: #3c3c3c url(/uploads/image/eswimg/img-20.png) no-repeat 438px center; 
	position: relative;
	z-index: 4;
}
.downselect .sp-down {
	width: 434px;
	padding: 0px 4%;
	background: #3c3c3c;
	display: none;
	border-top: 1px solid #272727;
	border-bottom: 1px solid #272727;
	position: absolute;
	left: 0px;
	top: 48px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.downselect .sp-down p{
	line-height: 24px;
	font-size: 16px;
	color: #b1b1b1;
	cursor: pointer;
}
.downselect .sp-down p:hover{
	color: #fff;
}
.pu-input{
	width: 472px;
	height: 48px;
	background: #3c3c3c;
	position: relative;
	z-index: 2;
}
.pu-input input{
	height: 24px;
	line-height: 24px;
	border:0px none;
	background: none;
	font-size: 16px;
	color: #b1b1b1;
	width: 92%;
	margin-left: 4%;
	margin-top: 12px;
}
.downselect .sp{
	width: 92%;
	display: block;
	height: 24px;
	font-size: 16px;
	color: #b1b1b1;
	margin-top: 12px;
	margin-left: 4%;
}
.feedback .box textarea{
	width: 913px;
	height: 188px;
	background: #3c3c3c;
	padding: 23px;
	border:0px none;
	font-size: 16px;
	color: #b1b1b1;
	position: relative;
	z-index: 2;
}
.feedback .box .submit{
	width: 343px;
	height: 48px;
	background: #0860af;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	border:0px none;
	position: relative;
	z-index: 2;
}
.pu-input input.searchtx::-webkit-input-placeholder {
  color: #b1b1b1; 
}










/*about*/
.about-video{
	height: 550px;
	position: relative;
	overflow: hidden;
}
.about-video img{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -960px;
	display: block;
}
.about-video .img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/uploads/image/eswimg/img-21.png) repeat repeat;
	z-index: 2;
	text-align: center;
}
.about-video .img .en-big{
	text-align: center;
	font-size: 48px;
	color: #fff;
	font-family: "arial";
	line-height: 48px;
	height: 48px;
	margin-top: 230px;
}
.about-video .img .en-small{
	padding-right: 50px;
	background: url(/uploads/image/eswimg/img-22.png) no-repeat right center;
	font-size: 25px;
	color: #d0d0cf;
	margin: 0 auto;
	display: inline-block;
	line-height: 25px;
	height: 25px;
	margin-top: 30px;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
.about-video .img .en-small:hover{
	color: #0056bf;
	background: url(/uploads/image/eswimg/img-23.png) no-repeat right center;
}
.about-fixed{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(/uploads/image/eswimg/img-21.png) repeat;
	z-index: 7;
	display: none;
}
.fixed-video{
	width: 880px;
	height: 590px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -295px;
	margin-left: -440px;
	background: #fff;

}
.fixed-video .top{
	height: 60px;
	font-size: 24px;
	color: #0054bb;
	padding-left: 38px;
	line-height: 60px;
	background: #d9d9d9;
}
.fixed-video .top img{
	float: right;
	margin-right: 38px;
	display: block;
	margin-top: 14px;
	cursor: pointer;
}
.fixed-video .bot{
	position: relative;
	height: 530px;
	overflow: hidden;
}
.fixed-video .bot video{
	position: absolute;
    top: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    background-size: cover;
    overflow: hidden;
    margin-left: -471px;
}
.about-main{
	padding-top: 63px;
	background: #272727;
}
.about-main .fll{
	width: 515px;
	font-size: 14px;
	color: #bdbdbd;
}
.about-main .frr{
	height: 388px;
	width: 605px;
	position: relative;
	z-index: 2
}
.broken-line{
	width: 0px;
	height: 144px;
	position: absolute;
	top: 74px;
	left: 35px;
}
.about-main .frr{
	padding-bottom: 34px;
}
.about-main .frr .text{
	margin-top: 267px;
	text-align: center;
	color: #ababab;
	font-size: 12px;
	width: 567px;
	font-family: "arial"
}
.about-main .frr .list{
	margin-top: 12px;
}
.about-main .frr .list ul{
	width: 567px;
	float: none;
	text-align: center;
}
.about-main .frr .list li{
	float: none;
	display: inline-block;
	width: 144px;
	vertical-align:top;
	margin: 0 20px;
	*display: inline-block;
	zoom:1;
}
.about-main .frr .list span{
	text-align: center;
	font-size: 18px;
	color: #0773d4;
	font-family: "arial";
	font-weight: bold;
}
.about-main .frr .list p{
	text-align: center;
	width: 100%;
	color: #0860af;
	line-height: 18px;
}
.point-box{
	position: absolute;
	top: 74px;
	left: 35px;
	width: 536px;
	height: 144px;
}
.point-box span{
	display: block;
	width: 71px;
	height: 37px;
	background: url(/uploads/image/eswimg/img-27.png) no-repeat;
	position: absolute;
	color: #ccc;
	text-align: center;
	font-size: 14px;
	line-height: 29px;
	opacity: 0;
}
.point-box span.sp1{
	top: 70px;
	left: 71px;
}
.point-box span.sp2{
	top: 55px;
	left: 177px;
}
.point-box span.sp3{
	top: 22px;
	left: 282px;
}
.point-box span.sp4{
	top: -15px;
	left: 389px;
}
.point-box span.sp5{
	top: -40px;
	right: -30px;
}
.about-num{
	background: #232323;
	padding: 56px 0 66px;
}
.about-num .fll{
	width: 515px;
  	font-size: 14px;
  	color: #bdbdbd;
}
.about-num .frr{
	width: 598px;
	height: 291px;
	position: relative;
	z-index: 2;
}
.about-num .frr .frr-line{
	position: absolute;
	top: 78px;
	left: -213px;
	width: 0px;
	height: 143px;
	background: url(/uploads/image/eswimg/img-28.png) no-repeat left;
}
.about-num .frr .qbox{
	width: 129px;
	height: 129px;
	border:2px solid #193f61;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin-top: 62px;
	opacity: 0;
}
.about-num .frr .qbox span{
	color: #0773d4;
	font-size: 64px;
	display: block;
	text-align: center;
	line-height: 64px;
	height: 64px;
	font-weight: bold;
	margin-top: 17px;

}
.about-num .frr .qbox p{
	color: #0773d4;
	width: 92px;
	margin: 4px auto 0;
	text-align: center;
	line-height: 16px;
}
.about-num .frr .box1{
	margin-right: 88px;
}
.about-num .frr .box2{
	margin-right: 88px;
}
.about-picture{
	padding: 60px 0 132px;
	background: #272727;
	font-size: 14px;
	color: #bdbdbd;
}
.about-picture ul{
	float: none;
}
.about-picture li{
	width: 200px;
	height: 400px;
	position: relative;
}
.about-picture li span{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 37px;
	line-height: 37px;
	color: #fff;
	font-size: 12px;
	color: #fff;
	text-align: center;
	display: block;
	background: #000;
}
.about-picture .text{
	position: relative;
	z-index: 2;
}
.about-picture .text img{
	display: block;
	max-width: 100%;
	margin: 0 auto 20px;
}










/**/
.cooker-banner{
	position: relative;
	width: 100%;
	height: 550px;
	overflow: hidden;
	z-index: 2;
}
.cooker-banner img{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -960px;
}
.cooker-banner .img {
	position: absolute;
	width: 100%;
	height: 550px;
	background: url(/uploads/image/eswimg/img-21.png) repeat;
	z-index: 1;
	top: 0px;
	left: 0px;
}
.cooker-banner .img .en-big{
	margin-top: 214px;
	font-size: 48px;
	color: #fff;
	line-height: 48px;
	height: 48px;
	text-align: center;
}
.cooker-banner .img .en-small{
	font-size: 16px;
	color: #9f9f9f;
	text-align: center;
	height: 16px;
	line-height: 16px;
	margin-top: 24px;
}
.cooker-banner .img .jt{
	margin: 0 auto;
	cursor: pointer;
  	animation: topin 1.5s infinite ease-in-out;
  	position: relative;
  	height: 30px;
	margin-top: 100px;
}
@keyframes topin {
	0% {
	    transform: translatey(0px);
	    opacity: 1;
	}
	50% {
	    transform: translatey(-20px);
		opacity: 0;
	}
	100% {
	    transform: translatey(0px);
	    opacity: 1;
	}
}
.cooker-banner .img .jt img{
	display: block;
	margin: 0px auto;
	vertical-align: middle;
  	-ms-interpolation-mode: bicubic;
  	transition: transform 1s;
  	margin-left: -20px;
}
.blue-titlebig{
	font-size: 48px;
	color: #0773d4;
	text-align: center;
	font-family: "sy";
	height: 48px;
	line-height: 48px;
	padding: 79px 0px;
	background: #222;
}
.blue-titlebig p{
	position: relative;
	z-index: 2;
}
.hood{
	background: #272727;
	padding-top: 72px;
}
.hood .title{
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	height: 30px;
	font-family: "sy";
	margin-bottom: 53px;
	position: 
}
.position-list{
	width: 100%;
	height: 628px;
	position: relative;
	margin-bottom: 160px;
}
.position-list .sp{
	position: absolute;
	top: 5px;
	right: 133px;
	width: 283px;
	color: #686868;
	font-family: "arial";
	opacity: 0;
}
.position-list .text{
	font-size: 14px;
	color: #bdbdbd;
	margin-left: 14px;
}
.position-list .img img{
	display: block;
}


.position-list .box{
	opacity: 0;
	position: relative;
	z-index: 2;
}
.position-list .box1{
	height: 180px;
	width: 509px;
	position: absolute;
	top: 55px;
	left: 630px;
}
.position-list .box1 .num{
	width: 94px;
	height: 94px;
	display: block;
	float: left;
	margin-top: 53px;
	transition: all 0.3s ease 0s;  
	background: url(/uploads/image/eswimg/img-31.png) no-repeat;
}
.position-list .box1:hover .num{
	background: url(/uploads/image/eswimg/img-32.png) no-repeat;
}
.position-list .box1:hover .text{
	color: #0773d4;
	transition: all 0.3s ease 0s;  
}
.position-list .box1 .text{
	width: 263px;
	margin-top: 66px;
}


.position-list .box2{
	width: 540px;
	height: 99px;
	position: absolute;
	top: 234px;
	left: 448px;
}
.position-list .box2 .num{
	width: 94px;
	height: 94px;
	background: url(/uploads/image/eswimg/img-34.png) no-repeat;
	margin-top: 8px;
	transition: all 0.3s ease 0s;  
}
.position-list .box2:hover .num{
	background: url(/uploads/image/eswimg/img-36.png) no-repeat;
}
.position-list .box2 .text{
	width: 260px;
	margin-top: 30px;
	transition: all 0.3s ease 0s;  
}
.position-list .box2:hover .text{
	color: #0773d4;
}
.position-list .box2 .img{
	margin-left: -7px;
}



.position-list .box3{
	width: 555px;
	height: 94px;
	position: absolute;
	top: 379px;
  	left: 271px;
}
.position-list .box3 .num{
	width: 94px;
	height: 94px;
	background: url(/uploads/image/eswimg/img-37.png) no-repeat;
	transition: all 0.3s ease 0s;  
}
.position-list .box3:hover .num{
	background: url(/uploads/image/eswimg/img-39.png) no-repeat;
}
.position-list .box3 .text{
	width: 258px;
	margin-top: 21px;
	transition: all 0.3s ease 0s;  
}
.position-list .box3:hover .text{
	color: #0773d4;
}
.position-list .box3 .img{
	margin-left: 14px;
	margin-top: 8px;
}



.position-list .box4{
	width: 515px;
	height: 125px;
	position: absolute;
	top: 503px;
	left: 119px;
}
.position-list .box4 .num{
	width: 94px;
	height: 94px;
	background: url(/uploads/image/eswimg/img-40.png) no-repeat;
	transition: all 0.3s ease 0s;  
	margin-top: 17px;
}
.position-list .box4:hover .num{
	background: url(/uploads/image/eswimg/img-41.png) no-repeat;
}
.position-list .box4 .text{
	width: 280px;
	margin-top: 32px;
	transition: all 0.3s ease 0s;  
}
.position-list .box4:hover .text{
	color: #0773d4;
}
.position-list .box4 .img{
}
.position-list .bg{
	width: 0;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/uploads/image/eswimg/img-30.png) no-repeat 127px 64px;
	z-index: 0;
}
.stovetext{
	text-align: center;
	color: #bdbdbd;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 31px;
}
.stovetext-list{
	margin-bottom: 100px;
}
.stovetext-list ul{
	float: none;
	width: 100%;
	text-align: center;
}
.stovetext-list li{
	width: 70px;
	float: none;
	display: inline-block;
	margin: 0 20px;
	position: relative;
	*display: inline-block;
	zoom: 1;
}
.stovetext-list li span{
	display: block;
}
.stovetext-list li span img{
	display: block;
	margin: 0 auto;
}
.stovetext-list li p{
	text-align: center;
	color: #0860af;
	line-height: 14px;
	margin-top: 4px;
}
.design{
	padding-top: 73px;
	background: #272727;
	overflow: hidden;
}
.design .title{
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	height: 30px;
	font-family: "sy";
}
.design-box{
	margin-bottom: 125px;
	width: 959px;
}
.design-box .box{
	margin-top: 53px;
	position: relative;
	z-index: 2;
}
.design-box .fll{
	width: 490px;
	font-size: 14px;
	color: #bdbdbd;
}
.design-box .frr-box{
	width: 370px;
	height: 206px;
	position: relative;
}
.design-box .frr-box img.big{
	width: 434px;
	height: 250px;
	display: block;
}
.design-box .frr-box ul{
	width: 420px;
}
.design-box .frr-box li{
	width: 183px;
	height: 101px;
	position: relative;
	margin-right: 4px;
	margin-bottom: 4px;
}
.design-box .frr-box li img{
	width: 183px;
	height: 101px;
	display: block;
}
.design-box .frr-box li p{
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 101px;
	top: 0px;
	left: 0px;
	text-align: center;
	color: #fff;
	display: none;
	cursor: pointer;
}
.design-box .frr-box .qimg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -45px;
	overflow: hidden;
	border-radius: 50%;
	z-index: 1;
}
.design-box .fl{
	margin-left: -100px;
	opacity: 0;
}
.design-box .fr{
	margin-right: -100px;
	opacity: 0;
}
.design .title-sp{
	opacity: 0;
	position: relative;
	top: -10px;
	z-index: 2;
}
.cooler-end{
	margin: 0 auto;
	overflow: hidden;
	background: #272727;
	padding-bottom: 30px;
}
.cooler-end .box{
	opacity: 0;
	position: relative;
	top: 50px;
}
.cooler-end .title{
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	height: 30px;
	font-family: "sy";
}
.cooler-end .text{
	margin: 50px auto 33px;
	font-size: 14px;
	color: #bdbdbd;
	text-align: center;
	width: 959px;
}
.cooler-end .img {
	margin-bottom: 54px;
}
.cooler-end .img img{
	display: block;
	margin: 0 auto 10px;
}
.cooler-end .img p{
	font-size: 14px;
	color: #bdbdbd;
	text-align: center;
}










.product-nav{
	height: 144px;
	padding-top: 28px;
}
.product-nav ul{
	float: none;
	width: 100%;
	text-align: center;
}
.product-nav li{
	float: none;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	color: #000;
	line-height: 52px;
	margin: 0px 35px;
	position: relative;
	left: -20px;
	opacity: 0;
	zoom:1;
	*display:inline;
	cursor: pointer;
}
.product-nav li a{
	color: #000;
}
.product-nav li img{
	width: 64px;
	height: 92px;
	display: block;
}
.product-href{
	background: url(/uploads/image/eswimg/img-55.png) repeat-x;
}
.product-href ul{
	float: none;
	width: 100%;
	text-align: center;
}
.product-href li{
	display: inline-block;
	float: none;
	line-height: 50px;
	font-size: 15px;
	color: #dadcde;
	zoom:1;
	*display:inline;
}
.product-href li a{
	font-size: 14px;
	color: #b2b5b8;
	text-align: center;
	line-height: 50px;
	padding: 0px 5px;
	display: block;
}
.product-href li a:hover{
	color: #000;
}
.product-href li a.cur{
	color: #000;
}
.product-main .img{
	position: relative;
	opacity: 0;
}
.product-main .textbox{
	position: relative;
	top: 100px;
	opacity: 0;
}
.product-main .x7{
	padding-top: 90px;
	background: #fafafa;
}
.product-main .x7 .img{
	margin-left: -50px;
	opacity: 0;
}
.product-main .x7 .textbox{
	width: 530px;
	margin-top: 114px;
}
.product-main .x7 .title{
	font-size: 48px;
	color: #282828;
	margin-bottom: 62px;
	font-family: "sy";
}
.product-main .x7 .text{
	color: #828282;
	font-size: 18px;
	line-height: 28px;
	font-family: "sy";
	margin-bottom: 42px;
}
/*.product-main .x7 .text:hover{
	color: #cdcdcd;
}*/
.product-main .x7 .more:hover{
color: #cdcdcd;
  background: url(/uploads/image/eswimg/img-58.png) no-repeat right 9px
}
.product-main .x2{
	background: #141414;
	padding-top: 123px;
	min-height: 598px;


}
.product-main .x2 .img{
	margin-right: -50px;
	opacity: 0;
}
.product-main .x2 .title{
	width: 480px;
	font-family: "sy";
	font-size: 48px;
	line-height: 55px;
	color: #fff;
	margin-bottom: 56px;
	margin-top: 57px;
}
.product-main .x2 .text{
	width: 566px;
	font-size: 18px;
	color: #a7a7a7;
	line-height: 28px;
	margin-bottom: 33px;
}
.product-main .x2 .fr{
	margin-right: -249px;
}
.product-main .x2s{
	padding-top: 42px;
	background: #fafafa;
}
.product-main .x2s .img{
	margin-left: -50px;
	opacity: 0;
}
.product-main .x2s .textbox{
	width: 551px;
	float: right;
}
.product-main .x2s .title{
	font-size: 48px;
	color: #000;
	margin-top: 142px;
	margin-bottom: 60px;
	font-family: "sy";
}
.product-main .x2s .text{
	margin-bottom: 39px;
	font-size: 18px;
	color: #838383;
	line-height: 28px;
	font-family: "sy";
}
.product-main .x5{
	background: #191919;
}
.product-main .x5 .img{
	margin-right: -50px;
	opacity: 0;
}
.product-main .x5 .textbox{
	width: 516px;
	float: left;
	margin-top: 333px;
}
.product-main .x5 .title{
	font-family: "sy";
	font-size: 48px;
	color: #fff;
	line-height: 48px;
	height: 48px;
	margin-bottom: 61px;
}
.product-main .x5 .text{
	font-size: 18px;
	color: #fff;
	font-family: "sy";
	line-height: 28px;
	margin-bottom: 46px;
}
.product-main .x5 .fr{
	margin-right: -177px;
	margin-top: 57px;
}
.product-main .q5{
	padding-top: 112px;
	background: #fafafa;
}
.product-main .q5 .img{
	margin-left: -50px;
	opacity: 0;
}
.product-main .q5 .fl{
	margin-left: -206px;
}
.product-main .q5 .textbox{
	width: 544px;
	margin-right: -20px;
	float: right;
	margin-top: 95px;
}
.product-main .q5 .textbox .title{
	font-size: 48px;
	color: #282828;
	font-family: "sy";
	margin-bottom: 60px;
}
.product-main .q5 .textbox .text{
	font-family:"sy";
	color: #828282;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 38px;
}
.product-main .more{
	color: #0773d4;
	font-size: 25px;
	font-family: "sy";
	line-height: 25px;
	background: url(/uploads/image/eswimg/img-57.png) no-repeat right 9px;
	padding-right: 28px;
	transition: all 0.3s ease 0s;
}
.product-main .more:hover{
	color: #cdcdcd;
	background: url(/uploads/image/eswimg/img-58.png) no-repeat right 9px;
}









.product-main .a1{
	padding-top: 111px;
	background: #fefefe;
}
.product-main .a1 .img{
	margin-left: -50px;
}
.product-main .a1 .textbox{
	margin-top: 96px;
	width: 542px;
	margin-right: -14px;
}
.product-main .a1 .title{
	font-size: 48px;
	color: #282828;
	font-family: "sy";
	line-height: 48px;
	margin-bottom: 56px;
}
.product-main .a1 .text{
	font-family: "sy";
	font-size: 18px;
	color: #848484;
	line-height: 28px;
	margin-bottom: 45px;
}
.product-main .a3{
	background: #141414;
	padding-top: 81px;
	padding-bottom: 83px;
}
.product-main .a3 .img{
	margin-right: -50px;
}
.product-main .a3 .textbox{
	margin-top: 128px;
	width: 500px;
}
.product-main .a3 .title{
	font-size: 48px;
	color: #fff;
	font-family: "sy";
	line-height: 48px;
	margin-bottom: 84px; 
}
.product-main .a3 .text{
	font-family: "sy";
	font-size: 18px;
	color: #a7a7a7;
	line-height: 28px;
	margin-bottom: 38px;
}
.product-main .a3 .fr{
	margin-right: -294px;
}
.product-main .a5 {
	padding-top: 60px;
}
.product-main .a5 .img{
	margin-left: -50px;
}
.product-main .a5 .fl{
	margin-left: -90px;
}
.product-main .a5 .textbox{
	width: 555px;
	margin-top: 118px;
}
.product-main .a5 .title{
	font-family: "sy";
	font-size: 48px;
	line-height: 48px;
	color: #000;
	margin-bottom: 56px;
}
.product-main .a5 .text{
	font-size: 18px;
	color: #838383;
	line-height: 28px;
	font-family: "sy";
	margin-bottom: 38px;
}










.z-line1{
	width: 1px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -0.5px;
	background: #2b2b2b;
	z-index: 1;
}

.z-line2{
	width: 1px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -477px;
	background: #2b2b2b;
	z-index: 1;
}

.z-line3{
	width: 1px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: 475.5px;
	background: #2b2b2b;
	z-index: 1;
}










/**/
.product-infonav{
	height: 53px;
	background: #fff;
	width: 100%;

}
.product-infonav.on{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 4;
	border-bottom:1px solid #cdcdcd;
}
.product-infonav .title{
	color: #000;
	font-size: 22px;
	line-height: 53px;
}
.product-infonav .fr li{
	padding-right: 56px;
}
.product-infonav .fr a{
	font-size: 14px;
	color: #666;
	line-height: 51px;
	line-height: 51px;
	display: block;
}
.product-infonav .fr li a:hover{
	border-bottom:2px solid #0773d4;
	color: #0773d4;
}
.product-infonav .fr li a.cur{
	border-bottom:2px solid #0773d4;
	color: #0773d4;
}
.product-infonav .fr .dow-btn{
	width: 100px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	display: block;
	float: left;
	background: #0773d4;
	border-radius: 34px;
	overflow: hidden;
	margin-top: 9px;
	transition: all 0.5s ease 0s;
}
.product-infonav .fr .dow-btn:hover{
	background: #1892ff;
}
.integ{
	height: 850px;
	overflow: hidden;
}
.integ h1{
	margin-top: 104px;
	margin-bottom: 28px;
	opacity: 0;
	position: relative;
	left: -20px;
}
.integ h1 img{
	display: block;
}
.integ .title{
	font-size: 60px;
	color: #000;
	font-family: "sy";
	line-height: 60px;
	height: 71px;
	margin-bottom: 34px;
	opacity: 0;
	margin-left: -20px;
}
.integ table{
	width: 533px;
	margin-bottom: 45px;
}
.integ table tr{
	opacity: 0;
}
.integ table td{
	padding-bottom: 17px;
}
.integ table p{
	font-size: 14px;
	color: #808080;
	line-height: 24px;
}
.integ li{
	position: relative;
	margin-right: 20px;
	position: relative;
	left: -10px;
	opacity: 0;
}
.integ li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}
.mul{
	height: 759px;
}
.mul .fl{
	margin-top: 75px;
	margin-left: -360px;
	opacity: 0;
}
.mul .textbox{
	margin-left: 46px;
	width: 518px;
	margin-top: 222px;
}
.mul .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	font-family: "sy";
	position: relative;
	left: -50px;
	opacity: 0;
	height: 130px;
}
.mul .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	margin-top: 24px;
	line-height: 24px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.completely{
	height: 790px;
}
.completely .textbox{
	width: 563px;
	height: 147px;
	margin-top: 156px;
}
.completely .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	font-family: "sy";
	margin-bottom: 28px;
	height: 130px;
	position: relative;
	left: -50px;
	opacity: 0;
} 
.completely .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.completely .textbox .bxo{
	width: 110px;
	height: 110px;
	position: relative;
	margin-top: 50px;
	left: -50px;
	opacity: 0;
}
.completely .textbox .bxo p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}
.fold{
	height: 910px;
}
.fold .fl{
	margin-top: -24px;
	margin-left: -360px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.fold .textbox{
	margin-top: 253px;
	width: 504px;
	margin-left: -50px;

}
.fold .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	font-family: "sy";
	margin-bottom: 38px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.fold .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	margin-top: 34px;
	line-height: 24px;
	margin-bottom: 50px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.fold li{
	position: relative;
	margin-right: 20px;
	left: -20px;
	opacity: 0;
}
.fold li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}
.five{
	height: 906px;
	position: relative;
}
.five .textbox{
	width: 518px;
	margin: 92px auto 0;
}
.five .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	font-family: "sy";
	margin-bottom: 38px;
	text-align: center;
}
.five .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	margin-top: 25px;
	line-height: 24px;
	text-align: center;
}
.five .q-bg{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -671px;
	transform: rotate(45deg);
	transform-origin:676px 671px;
}
.five .q-bg.cur{
	animation: topq 10s infinite linear;
}
@keyframes topq {
	0%{
		-webkit-transform:rotate(0deg)
	}

	100%{
		-webkit-transform:rotate(360deg)
	}
}
.five .img img{
	display: block;
	margin: 67px auto 0;
}
.gar{
	height: 790px;
}
.gar .textbox{
	width: 524px;
	float: left;
	margin-top: 210px;
}
.gar .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	font-family: "sy";
	margin-bottom: 38px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.gar .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	margin-bottom: 52px;
	line-height: 24px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.gar img{
	margin-top: 86px;
	margin-right: 35px;
	opacity: 0;
}
.info-table{
	padding-top: 79px;
}
.info-table .title{
	font-size: 42px;
	color: #000;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-family: "sy";
	margin-bottom: 58px;
}
.info-table table{
	width: 100%;
	margin-bottom: 81px;
}
.info-table table td{
	font-size: 14px;
	color: #717171;
	line-height: 49px;
	padding-left: 20px;
	background: #f5f5f5;
}
.info-table table td.sp{
	background: #fcfcfc;
}
.info-end {
	width: 100%;
}
.info-end ul{
	width: 100%;
	float: none;
}
.info-end li a{
	display: block;
}
.info-end li{
	width: 16.7%;
	box-sizing: border-box;
	border-right: 1px solid #fff;
	height: 389px;
	background: #f2f2f2;
}
.info-end li.cur{
	background: #ebebeb;
}
.info-end li .title{
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	margin-top: 40px;
	color: #666;
}
.info-end li .text{
	line-height: 24px;
	font-size: 14px;
	color: #000;
	text-align: center;
	margin-bottom: 60px;
}
.info-end li img{
	display: block;
	margin: 0 auto;
	max-width: 145px;
	max-height: 160px;
}









/**/
.integrated-sink{
	text-align: center;
	height: 893px;
}
.integrated-sink .title{
	height: 90px;
	font-family: "sy";
	font-size:60px;
	color: #fff;
	line-height: 95px;
	margin: 80px auto 0;
	display: inline-block;
	text-align: center;
	opacity: 0;
	position: relative;
	top: 50px;
}
.integrated-sink .title img{
	float: left;
	margin-right: 19px;
}
.integrated-sink .text{
	width: 695px;
	text-align: center;
	margin: 46px auto 17px;
	font-family: "sy";
	font-size: 14px;
	color: #b2b2b2;
	line-height: 24px;
	position: relative;
	top: 50px;
	opacity: 0;
}
.integrated-sink .big-img{
	position: relative;
	top: 50px;
	opacity: 0;
}
.multi{
	height: 847px;
}
.multi img{
	margin-left: -360px;
	opacity: 0;
}
.multi .textbox{
	width: 536px;
	float: right;
}
.multi .textbox .title{
	font-size: 60px;
	color: #0773d4;
	font-family: "sy";
	line-height: 60px;
	height: 130px;;
	margin-top: 272px;
	margin-bottom: 31px;
	position: relative;
	left: 50px;
	opacity: 0;
}
.multi .textbox .text{
	color: #b2b2b2;
	font-size: 14px;
	font-family: "sy";
	width: 536px;
	margin-right: -10px;
	line-height: 24px;
	position: relative;
	left: 50px;
	opacity: 0;
}
.ultra{
	height: 886px;
}
.ultra .textbox{
	width: 540px;
	float: left;
}
.ultra .title{
	font-size: 60px;
	color: #0773d4;
	font-family: "sy";
	line-height: 60px;
	height: 70px;
	margin-top: 239px;
	margin-bottom: 18px; 
	position: relative;
	left: -50px;
	opacity: 0;
}
.ultra .text{
	color: #b2b2b2;
	font-size: 14px;
	font-family: "sy";
	line-height: 24px;
	margin-bottom: 47px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.ultra li{
	margin-right: 20px;
	position: relative;
	opacity: 0;
	position: relative;
	left: -50px;
}
.ultra li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%; 
}
.ultra .fr{
	margin-right: -360px;
	overflow: hidden;
	margin-top: 144px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.duplex{
	height: 830px;
}
.duplex .w1200{
	height: 830px;
}
.duplex .textbox{
	width: 484px;
	float: right;
}
.duplex .title{
	font-size: 60px;
	color: #0773d4;
	font-family: "sy";
	line-height: 60px;
	height: 120px;
	margin-top: 98px;
	margin-bottom: 37px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.duplex .text{
	color: #b2b2b2;
	font-size: 14px;
	font-family: "sy";
	line-height: 24px;
	margin-bottom: 47px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.duplex li{
	position: relative;
	margin-right: 20px;
	left: -50px;
	opacity: 0;
}
.duplex li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}
.duplex .fl img{
	position: absolute;
	left: -410px;
	bottom: 0px;
	opacity: 0;
}
.tap{
	height: 902px;
}
.tap .textbox{
	width: 413px;
	float: left;
}
.tap .title{
	font-size: 60px;
  	color: #0773d4;
  	font-family: "sy";
  	line-height: 60px;
  	height: 70px;
  	margin-top: 296px;
  	position: relative;
  	left: -50px;
  	opacity: 0;
}
.tap .text{
	margin-top: 18px;
	color: #b2b2b2;
	font-size: 14px;
	font-family: "sy";
	line-height: 24px;
	margin-bottom: 45px;
	position: relative;
  	left: -50px;
  	opacity: 0;
}
.tap ul li{
	position: relative;
	margin-right: 20px;
	opacity: 0;
	left: -50px;
}
.tap ul li p{
	position: absolute;
	top: 75px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}
.tap .fr img{
	position: absolute;
	right: -316px;
	top: 30px; 
	opacity: 0;
}
.five-s .fl{
	margin-left: -50px;
	margin-top: 113px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.five-s .textbox{
	width: 490px;
	margin-top: 245px;
	float: right;
}
.five-s .title {
  font-size: 60px;
  color: #0773d4;
  font-family: "sy";
  line-height: 60px;
  height: 130px;
  margin-bottom: 13px;
  position: relative;
  left: -50px;
  opacity: 0;
}
.five-s .text {
  color: #b2b2b2;
  font-size: 14px;
  font-family: "sy";
  line-height: 24px;
  margin-bottom: 45px;
  position: relative;
  left: -50px;
  opacity: 0;
}
.five-s ul li {
  position: relative;
  margin-right: 20px;
  left: -50px;
  opacity: 0;
}
.five-s ul li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}




.garbage{
	height: 900px;
}
.garbage .textbox{
	margin-top: 239px;
	width: 534px;
	position: relative;
	z-index: 1;
}
.garbage .title {
  font-size: 60px;
  color: #0773d4;
  font-family: "sy";
  line-height: 60px;
  height: 130px;
  margin-bottom: 17px;
  position: relative;
  left: -50px;
  opacity: 0;
}
.garbage .text {
  color: #b2b2b2;
  font-size: 14px;
  font-family: "sy";
  line-height: 24px;
  margin-bottom: 45px;
  position: relative;
  left: -50px;
  opacity: 0;
}
.garbage ul li {
  position: relative;
  margin-right: 20px;
  left: -50px;
  opacity: 0;
}
.garbage ul li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}
.garbage .fr img{
	position: absolute;
	right: -410px;
	top: 0px;
	opacity: 0;
}










/**/
.integ-a5{
	height: 896px;
}
.integ-a5 .text{
	margin-top: 32px;
	font-family: "sy";
	font-size: 20px;
	color: #000;
	line-height: 30px;
	width: 512px;
	margin-bottom: 50px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.integ-a5 table{
	width: 346px;
}
.integ-a5 .fr{
	margin-right: -10px;
	position: relative;
	left: -50px;
	opacity: 0;
	margin-top: 78px;
}
.two-pur{
	height: 987px;
}
.two-pur .fl{
	margin-left: -360px;
	opacity: 0;
}
.two-pur .textbox{
	width: 580px;
	float: right;
	margin-top: 227px;
}
.two-pur .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	font-family: "sy";
	margin-bottom: 14px;
	height: 130px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.two-pur .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	margin-bottom: 50px;
	line-height: 24px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.two-pur .textbox li{
	position: relative;
	opacity: 0;
	left: -50px;
	margin-right: 20px;
}
.two-pur .textbox li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}





.slide-and{
	height: 970px;

}
.slide-and .textbox{
	width: 544px;
	float: left;
	margin-top: 227px;
}
.slide-and .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	font-family: "sy";
	margin-bottom: 14px;
	height: 130px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.slide-and .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	margin-bottom: 50px;
	line-height: 24px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.slide-and .textbox li{
	position: relative;
	opacity: 0;
	left: -50px;
	margin-right: 20px;
}
.slide-and .textbox li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}
.slide-and .fr{
	position: absolute;
	right: -310px;
	top: 94px;
	opacity: 0;
}


.ultra-large{
	height:921px; 
}
.ultra-large .fl{
	opacity: 0;
	margin-left: -339px;
	margin-top: 128px;
	position: relative;
	left: 50px;
}
.ultra-large .textbox{
	width: 	587px;
	float: right;
	margin-top: 221px;
}
.ultra-large .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	font-family: "sy";
	margin-bottom: 14px;
	height: 70px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.ultra-large .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	margin-bottom: 50px;
	line-height: 24px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.ultra-large .textbox li{
	position: relative;
	opacity: 0;
	left: -50px;
	margin-right: 20px;
}
.ultra-large .textbox li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;

}


.sink-fittings{
	height: 931px;
}
.sink-fittings .textbox{
	margin-top: 215px;
	width: 516px;
}
.sink-fittings .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	font-family: "sy";
	margin-bottom: 14px;
	height: 70px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.sink-fittings .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	margin-bottom: 50px;
	line-height: 24px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.sink-fittings .textbox li{
	position: relative;
	opacity: 0;
	left: -50px;
	margin-right: 20px;
}
.sink-fittings .textbox li p{
	position: absolute;
	top: 70px;
	left: 0px;
	text-align: center;
	color: #0063bf;
	line-height: 14px;
	width: 80%;
	margin-left: 10%;
}
.sink-fittings .fr{
	position: absolute;
	right: -360px;
	top: -215px;
	opacity: 0;
	width: 1050px;
}
.sink-fittings .fr img{
	float: right;
}
.sink-fittings .fr .line{
	width: 0px;
	height: 43px;
	background: url(/uploads/image/eswimg/img-117.png) no-repeat right top;
	position: absolute;
}
.sink-fittings .te{
	font-size: 14px;
	color: #0773d4;
	position: absolute;
	opacity: 0;
}
.sink-fittings .fr .line1{
	top: 429px;
	right: 763px;
}
.sink-fittings .te1{
	top: 461px;
  	right: 933px;
}
.sink-fittings .fr .line2{
	top: 550px;
  	right: 560px;
}
.sink-fittings .te2{
	top: 553px;
  	right: 735px;
}









.int-q5{
	height: 850px;
}
.int-q5 .textbox{
	width: 440px;
	float: left;
	margin-top: 140px;
}
.int-q5 .textbox h1{
	margin-bottom: 17px;
	display: block;
	opacity: 0;
	position: relative;
	left: -50px;
}
.int-q5 .textbox .title{
	font-size: 60px;
	color: #fff;
	font-family: "sy";
	line-height: 60px;
	height: 70px;
	margin-bottom: 40px;
	opacity: 0;
	position: relative;
	left: -50px;
}
.int-q5 .textbox .text{
	width: 450px;
	font-size: 14px;
	color: #9d9d9e;
	line-height: 30px;
	margin-bottom: 32px;
	position: relative;
	opacity: 0;
	position: relative;
	left: -50px;
}
.int-q5 .textbox .click{
	color: #bcbcbd;
	font-size: 25px;
	padding-right: 41px;
	background: url(/uploads/image/eswimg/img-22.png) no-repeat top right;
	line-height: 25px;
	height: 25px;

	width: 140px;
	opacity: 0;
	position: relative;
	left: -50px;
	cursor: pointer;
}
.int-q5 .textbox .click:hover{
	color: #0056bf;
	background: url(/uploads/image/eswimg/img-23.png) no-repeat top right;
		transition: all 0.3s ease 0s;
}
.g2{
	height: 919px;
}
.g2 .textbox{
	float: right;
	margin-top: 186px;
	width: 522px;
}
.g2 .textbox .title{
	font-size: 60px;
	color: #0773d4;
	height: 130px;
	font-family: "sy";
	margin-bottom: 18px;
	line-height: 60px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.g2 .textbox .text{
	font-size: 14px;
	color: #b2b2b2;
	font-family: "sy";
	line-height: 24px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.ent{
	height: 820px;
}
.ent .textbox{
	width: 800px;
	margin: 0 auto;
	margin-top: 176px;
}
.ent .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	height: 70px;
	text-align: center;
	font-family: "sy";
	margin-bottom:23px;
	position: relative;
	top: 50px;
	opacity: 0;
}
.ent .text{
	text-align: center;
	font-size: 14px;
	color: #9c9c9c;
	width: 700px;
	margin: 0 auto 63px;
	position: relative;
	top: 50px;
	opacity: 0;
}
.ent .img{
	position: relative;
	top: 50px;
	opacity: 0;
}
.ent .img img{
	display: block;
	margin: 0 auto;
}

.dou{
	height: 886px;

}
.dou .textbox{
	float: left;
	margin-top: 141px;
	width: 556px;
}
.dou .fr{
	position: absolute;
	right: -360px;
	top: 0px;
}
.dou .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	height: 130px;
	font-family: "sy";
	margin-bottom:23px;
	position: relative;
	top: 50px;
	opacity: 0;
}
.dou .text{
	font-size: 14px;
	color: #9c9c9c;
	margin: 0 0 63px;
	position: relative;
	top: 50px;
	opacity: 0;
	width: 430px;
}
.dou .textbox .img{
	opacity: 0;
	position: relative;
	top: 50px;
}
.dou .fr{
	position: absolute;
	top: 153px;
	right: -185px;
	opacity: 0;
}
.cooker-p{
	height: 1439px;
}
.cooker-p .textbox{
	padding-top: 104px;
	position: relative;
	z-index: 2;
}
.cooker-p .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	height: 60px;
	font-family: "sy";
	margin-bottom:24px;
	position: relative;
	top: 50px;
	text-align: center;
	opacity: 0;
}
.cooker-p .text{
	margin: 0 auto;
	font-size: 14px;
	color: #9c9c9c;
	text-align: center;
	position: relative;
	top: 50px;
	opacity: 0;
	width: 790px;
	line-height: 24px;
}
.cooker-p .img{
	position: absolute;
	top: 0px;
	width: 1200px;
	left: 0%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}
.cooker-p .img img{
	position: absolute;
	top: 0px;
	left: 267px;
}
.cooker-p .line1{
	width: 0px;
	height: 85px;
	background: url(/uploads/image/eswimg/img-121.png) no-repeat top left;
	position: absolute;
	top: 508px;
	left: 277px;
}
.cooker-p .line2{
	width: 0px;
	height: 63px;
	background: url(/uploads/image/eswimg/img-122.png) no-repeat top right;
	top: 474px;
	right: 315px;
	position: absolute;
}
.cooker-p .line3{
	background: url(/uploads/image/eswimg/img-123.png) no-repeat top left;
	position: absolute;
	top: 914px;
	left: 317px;
	width: 0px;
	height: 194px;
}
.cooker-p .img .te{
	color: #0586ee;
	font-size: 16px;
	position: absolute;
	opacity: 0;
}
.cooker-p .te1{
  	top: 545px;
  	left: 66px;
}
.cooker-p .te2{
  	top: 528px;
  	right: 116px;
}
.cooker-p .te3{
	top: 956px;
  	left: 85px;
}
.cooker-p .te4{
	padding-left: 37px;
	background: url(/uploads/image/eswimg/img-124.png) no-repeat top left;
	height: 151px;
	line-height: 151px;
	top: 582px;
  	right: 166px;
  	opacity: 0;

}
.cooker-p .te5{
	height: 42px;
	line-height: 42px;
	background: url(/uploads/image/eswimg/img-125.png) no-repeat 20px center;
	padding-left: 80px;
	top: 830px;
  	right: 173px;
  	opacity: 0;
}
.cooker-p .te6{
	width: 208px;
  	height: 128px;
  	top: 1068px;
  	right: 132px;
}
.cooker-p .te6 img{
	position: absolute;
	top: 0px;
	left: 0px;
}
.cooker-p .te7{
	width: 208px;
  	height: 128px;
  	top: 1194px;
  	right: 264px;
}
.cooker-p .te7 img{
	position: absolute;
	top: 0px;
	left: 0px;
}
.cooker-p .te8{
	width: 341px;
  	height: 158px;
  	top: 1251px;
  	right: 46px;
}
.cooker-p .te8 img{
	position: absolute;
	top: 0px;
	left: 0px;
}
.sep{
	height: 820px;
}
.sep .textbox{
	margin-top: 148px;
}
.sep .textbox .title{
	text-align: center;
	font-size: 60px;
	color: #0773d4;
	height: 70px;
	line-height: 60px;
	font-family: "sy";
	margin-bottom: 26px;
	position: relative;
	top: 50px;
	opacity: 0;
}
.sep .textbox .text{
	width: 695px;
	opacity: 0;
	margin: 0 auto;
	font-size: 14px;
	color: #9c9c9c;
	text-align: center;
	position: relative;
	line-height: 24px;
	top: 50px;
}
.sep .textbox .img{
	opacity: 0;
	position: relative;
	top: 50px;
	opacity: 0;
	margin-top: -41px;
}
.q5-imgshow{
	height: 900px;
	background: #f5f5f5;
	position: relative;
	z-index: 2;
}
.q5-imgshow .img-show{
	opacity: 0;	
	position: relative;
	top: 50px;
}
.q5-imgshow .title{
	font-size: 18px;
	color: #fff;
	width: 422px;
	height: 53px;
	line-height: 53px;
	border-radius: 53px;
	overflow: hidden;
	margin: 0 auto;
	background: #0063bf;
	text-align: center;
	position: absolute;
	top: -26px;
	left: 50%;
	margin-left: -211px;
}
.q5-imgshow .img-showlist{
	float: left;
	width: 929px;
	overflow: hidden;
	height: 190px;
}
.q5-imgshow .img-showlist li{
	width: 169px;
	height: 144px;
	margin-right: 21px;
	position: relative;
}
.q5-imgshow .img-showlist li .bt{
	line-height: 20px;
	text-align: center;
	font-family: "sy";
	font-size: 14px;
	color: #333;
	width: 70%;
	height: 81px;
	display: block;
	margin-left: 15%;
	margin-top: 10px;
}
.q5-imgshow .img-showlist li .te{
	display: none;
}
.q5-imgshow .img-showlist li img{
	width: 169px;
	height: 107px;
	display: block;
}
.q5-imgshow .prev{
	width: 13px;
	height: 107px;
	display: block;
	background: url(/uploads/image/eswimg/img-130.png) no-repeat left center;
	float: left;
	margin-right: 122px;
}
.q5-imgshow .prev:hover{
	background: url(/uploads/image/eswimg/img-131.png) no-repeat left center;
}
.q5-imgshow .next{
	width: 13px;
	height: 107px;
	display: block;
	background: url(/uploads/image/eswimg/img-130.png) no-repeat right center;
	margin-left: 122px;
	float: left;
}
.q5-imgshow .next:hover{
	background: url(/uploads/image/eswimg/img-131.png) no-repeat right center;
}
.img-show-box{
	width: 1080px;
	height: 487px;
	background: #000;
	margin-left: 60px;
	margin-top: 108px;
	margin-bottom: 47px;
	position: relative;
}
.img-show-box .ey{
	position: absolute;
	bottom: 57px;
	left: 0px;
	width: 670px;
	/*padding-left: 85px;*/
	/*background: url(/uploads/image/eswimg/img-207.png) no-repeat center;*/
	background-size: 100% 100%;
}
.img-show-box .ey .eytit{
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 85px;
	background: url(/uploads/image/eswimg/img-133.png) no-repeat 44px 5px;
}
.img-show-box .ey .eyte{
	color: #c6c6c6;
	font-size: 14px;
	padding-left: 85px;
}
.img-show-box img{
	width: 1080px;
	height: 487px;
	display: block;
}
.q5-imgshow .img-showlist li .bg{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 169px;
	height: 107px;
}
.q5-imgshow .img-showlist li.active .bg{
	display: block;
}


.moun{
	height: 870px;
}
.moun .title{
	text-align: center;
	font-size: 42px;
	color: #333;
	line-height: 42px;
	height: 52px;
	margin-top: 80px;
	font-family: "sy";
	opacity: 0;
	position: relative;
	top: 50px;
}
.moun .text{
	text-align: center;
	line-height: 24px;
	font-size: "sy";
	margin-top: 30px;
	font-size: 18px;
	color: #333;
	opacity: 0;
	top: 50px;
	position: relative;
	font-family: "sy";
}
.moun .img{
	margin-top: 68px;
	position: relative;
	height: 345px;
	opacity: 0;
	top: 50px;
}
.moun .img img{
	display: block;
	margin-left: 141px;
}
.moun .img p{
	position: absolute;
	font-size: 18px;
	color: #333;
	opacity: 0;
	font-family:"sy";
}
.moun .img .p1{
	top: 15px;
  	left: 315px;
}
.moun .img .p2{
	top: 130px;
  	left: 138px;
}
.moun .img .p3{
  	bottom: 40px;
  	right: 322px;
}
.moun .img .p4{
	bottom: 80px;
  	right: 239px;
}
.moun .img .p5{
	bottom: 118px;
  	right: 225px;
}
.moun .table{
	opacity: 0;
	position: relative;
	top: 50px;
}
.moun .table table{
	width: 979px;
	margin: 48px auto 0;
	background: #eee;
}
.moun .table td{
	font-size: 14px;
	color: #777;
	text-align: center;
	line-height: 38px;
	padding: 20px 0px;
}
.moun .table td.sp{
	border-left:1px solid #fff;
}








.x2z{
	height: 850px;
}
.x2z h1{
	margin-bottom: 34px;
	position: relative;
	left: 20px;
	opacity: 0;
}
.x2z .textbox{
	margin-top: 130px;
}
.x2z .title{
	font-size: 60px;
	color: #fff;
	font-family: "sy";
	line-height: 60px;
	height: 70px;
	margin-bottom: 4px;
	opacity: 0;
	left: 20px;
	position: relative;
}
.x2z .title-small{
	font-size: 30px;
	color: #fff;
	font-family: "sy";
	line-height: 30px;
	opacity: 0;
	position: relative;
	left: 20px;
	margin-bottom: 24px;
}
.x2z table tr{
	opacity: 0;
}
.x2z table td{
	padding-bottom: 17px;
}
.x2z table p {
  font-size: 14px;
  color: #fff;
  line-height: 24px;
}
.x2z .textbox .click{
	color: #bcbcbd;
	font-size: 25px;
	padding-right: 41px;
	background: url(/uploads/image/eswimg/img-22.png) no-repeat top right;
	line-height: 25px;
	height: 25px;
	font-family: "sy";
	width: 140px;
	opacity: 0;
	position: relative;
	left: 50px;
	cursor: pointer;
}
.x2z .textbox .click:hover{
	color: #0056bf;
	background: url(/uploads/image/eswimg/img-23.png) no-repeat top right;
	transition: all 0.3s ease 0s;
}



.z2x-lag{
	background: #fff;
	height: 950px;
}
.z2x-lag .textbox{
	margin-top: 225px;
	float: left;
}
.z2x-lag .title{
	font-size: 60px;
	color: #0773d4;
	font-family: "sy";
	line-height: 60px;
	height: 70px;
	margin-bottom: 21px;
	opacity: 0;
	left: -20px;
	position: relative;
}
.z2x-lag .img{
	margin-bottom: 107px;
	opacity: 0;
	position: relative;
	width: 335px;
	left: -20px;
}
.z2x-lag .img p{
	text-align: center;
	font-size: 14px;
	color: #333;
	line-height: 72px;
}
.z2x-lag table{
	margin-bottom: 94px;
}
.z2x-lag table tr{
	opacity: 0;
}
.z2x-lag table td{
	padding-bottom: 17px;
}
.z2x-lag table p {
  	font-size: 14px;
  	color: #808080;
  	line-height: 24px;
}
.z2x-lag .fr{
	position: absolute;
	right: -360px;
	top: -51px;
	opacity: 0;
}
.fast{
	height: 1111px;
}
.fast .img{
	margin-top: 52px;
	text-align: center;
	opacity: 0;
	position: relative;
	top: -50px;
}
.fast .title{
	font-size: 60px;
	color: #0773d4;
	text-align: center;
	line-height: 60px;
	height: 70px;
	font-family: "sy";
	margin-top: 30px;
	margin-bottom: 91px;
	opacity: 0;
	position: relative;
	top: -50px;
}
.fast .two{
	opacity: 0;
	position: relative;
	top: -50px;
}
.fast .two .box{
	width: 580px;
	height: 475px;
	text-align: center;

}
.fast .two .box .te{
	text-align: center;
	display: block;
	font-size: 20px;
	color: #000;
	line-height: 60px;
	font-family: "sy";
}
.fast .two .box .t-te{
	text-align: center;
	font-size: 13px;
	color: #808080;
	line-height: 24px;
}
.vis{
	height: 1000px;
	background: #0b0b0b;
	position: relative;
}
.vis .bg{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -960px;
	width: 100%;
	height: 556px;
}
.vis .title{
	text-align: center;
	font-family: "sy";
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	height: 70px;
	margin-top: 482px;
	position: relative;
	z-index: 2;
	margin-bottom: 66px;
	top: 50px;
	opacity: 0;
}
.vis .list .fll{
	width: 270px;
	float: left;
	margin-right: 20px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.vis .list .box{
	height: 174px;
}
.vis .list .box span{
	font-size: 20px;
	color: #0063bf;
	margin-bottom: 12px;
	display: block;
}
.vis .list .box p{
	color: #a5a5a5;
	font-size: 14px;
}
.vis .list .cen{
	width: 391px;
	float: left;
	position: relative;
	left: -50px;
	opacity: 0;
	background: url(/uploads/image/eswimg/img-147.png) no-repeat left top;
	padding-left: 83px;
}
.vis .list .frr{
	float: right;
	width: 400px;
	text-align: center;
	font-size: 14px;
	color: #9f9f9f;
	padding-top: 31px;
	line-height: 24px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.vis .list .frr .sp{
	font-size: 20px;
	color: #dedede;

}
.vis .list .frr img{
	margin: 20px 0px 16px;
}


.uni{
	height: 1104px;
	text-align: center;
}
.uni .w-te{
	margin-bottom: 77px;
	margin-top: 15px;
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	position: relative;
	top: -50px;
	opacity: 0;
}
.uni .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	height: 70px;
	font-family: "sy";
	margin-top: 85px;
	position: relative;
	top: -50px;
	opacity: 0;
}
.uni .text{
	font-size: 20px;
	color: #000;
	margin-top: 45px;
	margin-bottom: 15px;
	position: relative;
	top: -50px;
	opacity: 0;
	font-family:"sy";
}
.uni .jk{
	position: relative;
	top: -50px;
	opacity: 0;
}
.uni .jkk{
	position: relative;
	top: -50px;
	opacity: 0;
}
.uni .list-q{
	margin-top: 76px;
	opacity: 0;
}
.uni .list-q ul{
	width: 100%;
	text-align: center;
	float: none;
}
.uni .list-q li{
	float: none;
	display: inline-block;
	margin: 0  12px;
	width: 173px;
	vertical-align: top; 
	position: relative;
	left: -20px;
	opacity: 0;
}
.uni .list-q li img{
	margin-bottom: 14px;
}
.uni .list-q li .top{
	font-size: 14px;
	color: #000;
	text-align: center;
	height: 48px;
	line-height: 24px;
}
.uni .list-q li .bot{
	width: 128px;
	text-align: center;
	margin: 0 auto;
}










.x2-int{
	height: 900px;
}
.x2-int .textbox{
	width: 523px;
	float: right;
	margin-top: 211px;
}
.x2-int .textbox h1{
	margin-bottom: 11px;
	opacity: 0;
	position: relative;
	left: 20px;
}
.x2-int .textbox .title{
	font-size: 60px;
	line-height: 60px;
	height: 70px;
	color: #000;
	font-family: "sy";
	margin-bottom: 34px;
	opacity: 0;
	position: relative;
	left: 20px;
}
.x2-int .textbox .des-ion{
	font-size: 18px;
	color: #333;
	font-family: "sy";
	margin-bottom: 40px;
	opacity: 0;
	position: relative;
	left: 20px;
}
.x2-int .textbox .text{
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	margin-bottom: 42px;
	opacity: 0;
	position: relative;
	left: 20px;
}
.x2-int .textbox .text p{
	margin-bottom: 18px;
}
.x2-int .textbox .click{
	color: #0773d4;
	font-size: 25px;
	padding-right: 50px;
	background: url(/uploads/image/eswimg/img-23.png) no-repeat right center;
	line-height: 25px;
	display: inline-block;
	opacity: 0;
	position: relative;
	left: 20px;
	cursor: pointer;
	font-family: "sy";
}
.x2-int .textbox .click:hover{
	color: #000;
	background: url(/uploads/image/eswimg/img-205.png) no-repeat right center;
}
.x2-per{
	height: 900px;
}
.x2-per .textbox{
	width: 790px;
	margin-top: 144px;
	float: left;
}
.x2-per .title{
	font-size: 60px;
	color: #0773d4;
	font-family: "sy";
	line-height: 60px;
	height: 70px;
	margin-bottom: 24px;
	position: relative;
	opacity: 0;
	left: 50px;
}
.x2-per .textbox .text{
	width: 600px;
	font-family: "sy";
	font-size: 18px;
	color: #333;
	line-height: 30px;
	margin-bottom: 60px;
	position: relative;
	opacity: 0;
	left: 50px;
}
.x2-per .list{
	width: 593px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	opacity: 0;
	left: 50px;
}
.x2-per .list img{
	width: 114px;
	height: 109px;
	display: block;
	margin-right: 35px;
}
.x2-per .list .fll{
	width: 444px;
}
.x2-per .list .fll .tit{
	font-size: 18px;
	color: #333; 
	font-family: "sy";
	margin-top: 8px;
	margin-bottom: 16px;
}
.x2-per .list .fll .t-te{
	font-size: 14px;
	color: #808080;
	font-family: "sy";
	line-height: 24px;
}
.x2-per .bg-img{
	margin-right: -360px;
	float: right;
	opacity: 0;
	margin-top: 46px;
}
.x2-tef{
	height: 800px;
}
.x2-tef .bg-img{
	margin-left: -360px;
	float: left;
	opacity: 0;
	position: relative;
	left: -50px;
}
.x2-tef .textbox{
	width: 474px;
	margin-top: 230px;
}
.x2-tef .textbox .title{
	font-size: 60px;
	color: #0773d4;
	height: 130px;
	font-family: "sy";
	margin-bottom: 32px;
	line-height: 60px;
	width: 510px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x2-tef .textbox .text{
	font-size: 14px;
	color: #b2b2b2;
	font-family: "sy";
	position: relative;
	opacity: 0;
	left: -50px;
}
.x2-dou{
	height: 780px;
}
.x2-dou .textbox{
	width: 540px;
	margin-top: 133px;
	float: left;
}
.x2-dou .textbox .title{
	font-size: 60px;
	line-height: 60px;
	height: 130px;
	font-family: "sy";
	color: #0773d4;
	margin-bottom: 26px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x2-dou .textbox .text{
	margin-bottom: 55px;
	font-family: "sy";
	font-size: 14px;
	color: #808080;
	width: 684px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x2-dou .box{
	display: inline-block;
	margin-right: 23px;
	position: relative;
	opacity: 0;
	left: -20px;
}
.x2-dou .box p{
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #808080;
}
.x2-dou .box img{
	display: block;
	width: 170px;
	height: 111;
}
.x2-dou .bg-img{
	float: right;
	margin-right: -201px;
	margin-top: -65px;
	opacity: 0;
	position: relative;
	left: -20px;
}
.x2-sep{
	background: #fff;
	height: 870px;
}
.x2-sep .textbox{
	width: 570px;
	float: right;
	margin-top: 195px;
}
.x2-sep .textbox .title{
	font-size: 60px;
	color: #0773d4;
	font-family: "sy";
	line-height: 60px;
	height: 130px;
	margin-bottom: 31px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x2-sep .textbox .text{
	font-size: 18px;
	color: #333;
	margin-bottom: 30px;
	font-family: "sy";
	line-height: 30px;
	width: 448px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x2-sep .textbox table{
	position: relative;
	opacity: 0;
	left: -50px;
}
.x2-sep .textbox table img{
	width: 147px;
	height: 101px;
	display: block;
	float: left;
	margin-right: 13px;

}
.x2-sep .textbox table td{
	font-size: 14px;
	color: #808080;
}
.x2-sep .img{
	float: left;
	margin-left: -360px;
	opacity: 0;
}
.x2-link{
	height: 745px;
	position: relative;
}
.x2-link .textbox{
	margin-top: 103px;
}
.x2-link .textbox .title{
	font-size: 60px;
	color: #0773d4;
	font-family: "sy";
	text-align: center;
	height: 85px;
	line-height: 85px;
	margin-bottom: 24px;
	opacity:0;
	position: relative;
	top: -20px;
}
.x2-link .textbox .text{
	width: 518px;
	font-size: 14px;
	color: #b2b2b2;
	text-align: center;
	margin: 0 auto;
	opacity:0;
	position: relative;
	top: -20px;
}
.x2-link .img{
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -570px;
	opacity: 0;
}
.x2-link .img .box{
	width: 155px;
	position: absolute;
	text-align: center;
	color: #a6a8a9;
	font-size: 14px;
	opacity: 0;
	-webkit-transform: translatex(x);
	-ms-transform: translatex(x);
	-o-transform: translatex(x);
	transform: translatex(x);
}
.x2-link .img .box img{
	margin-bottom: 12px;
}
.x2-link .img .box1{
  	top: 60px;
  	left: 34px;
}
.x2-link .img .box2{
  	top: -64px;
  	left: 261px;
}
.x2-link .img .box3{
  top: -65px;
  left: 724px;
}
.x2-link .img .box4{
  	top: 60px;
  	right: 34px;
}
.info-table .list{
	text-align: center;]
}
.info-table ul{
	width: 100%;
	float: none;
	margin-bottom: 60px;
}
.info-table li{
	display: inline-block;
	float: none;
	margin:0px 29px;
	*display: inline-block;
	zoom:1;
	position: relative;
	opacity: 0;
	left: -20px;
}
.info-table li p{
	line-height: 70px;
	text-align: center;
}










.x5-int{
	height: 850px;
}
.x5-int .textbox{
	margin-top: 230px;
	float: right;
	width: 508px;
}
.x5-int .textbox h1{
	margin-bottom: 30px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-int .textbox .title{
	font-size: 60px;
	line-height: 60px;
	height: 70px;
	font-family: "sy";
	color: #fff;
	margin-bottom: 48px;
		position: relative;
	opacity: 0;
	left: -50px;
}
.x5-int .textbox .text{
	color: #b9b9b8;
	font-family: "sy";
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 58px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-int .textbox  .click{
	color: #bcbcbd;
	font-size: 25px;
	padding-right: 41px;
	background: url(/uploads/image/eswimg/img-22.png) no-repeat top right;
	line-height: 25px;
	height: 25px;
	width: 140px;
	opacity: 0;
	position: relative;
	left: -50px;
	cursor: pointer;
	font-family: "sy";
}
.x5-int .textbox  .click:hover{
	color: #0056bf;
	background: url(/uploads/image/eswimg/img-23.png) no-repeat top right;
	transition: all 0.3s ease 0s;
}
.x5-sus{
	height: 850px;
	background: #fff;
}
.x5-sus .textbox{
	margin-top: 345px;
	float: left;
	width: 480px;
}
.x5-sus .title{
	font-size: 60px;
	line-height: 60px;
	height: 130px;
	color: #0773d4;
	font-family: "sy";
	margin-bottom: 13px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-sus .text{
	font-size: 14px;
	color: #808080;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-sus .bg-img{
	margin-right: -360px;
	margin-top: 159px;
	opacity: 0;
	float: right;
}
.x5-dis{
	height: 866px;
}
.x5-dis .textbox{
	width: 503px;
	float: right;
	margin-top: 221px;
}
.x5-dis .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	height: 130px;
	font-family: "sy";
	margin-bottom:32px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-dis .textbox .text{
	font-size: 14px;
	color: #b2b2b2;
	margin-bottom: 45px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-dis .textbox .box{
	position: relative;
	width: 110px;
	height: 110px;
	display: inline-block;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-dis .textbox .box p{
	position: absolute;
	width: 100%;
	top: 70px;
	text-align: center;
	color: #0773d4;
}


.x5-one{
	height: 842px;
}
.x5-one .textbox{
	width: 540px;
	margin-top: 383px;
}
.x5-one .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	height: 70px;
	font-family: "sy";
	margin-bottom:32px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-one .textbox .text{
	font-size: 14px;
	color: #b2b2b2;
	margin-bottom: 45px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-one .textbox .box{
	position: relative;
	width: 110px;
	height: 110px;
	display: inline-block;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x5-one .textbox .box p{
	position: absolute;
	width: 100%;
	top: 70px;
	text-align: center;
	color: #0773d4;
}
.x5-dou{
	height: 900px;
	background: #fff;
}
.x5-dou .bg-img{
	margin-left: -360px;
	float: left;
}
.x5-dou .textbox {
	float: right;
	width: 552px;
	margin-top: 205px;
}
.x5-dou .textbox .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	height: 130px;
	font-family: "sy";
	margin-bottom:32px;
	position: relative;
	opacity: 0;
	left: -50px;
	width: 554px;
}
.x5-dou .textbox .text{
	font-size: 14px;
	color: #b2b2b2;
	margin-bottom: 45px;
	position: relative;
	opacity: 0;
	left: -50px;
	width: 540px;
}
.x5-dou .textbox .box{
	position: relative;
	width: 110px;
	height: 110px;
	display: inline-block;
	position: relative;
	opacity: 0;
	left: -50px;
	margin-right: 15px;
}
.x5-dou .textbox .box p{
	position: absolute;
	width: 100%;
	top: 70px;
	text-align: center;
	color: #0773d4;
	line-height: 12px;
}
.x5-dou .bg-img{
	position: relative;
	opacity: 0;
}










.x7-int{
	height: 850px;
}
.x7-int .textbox{
	margin-top: 129px;
	float: right;
	width: 550px;
}
.x7-int h1{
	margin-bottom: 20px;
	position: relative;
	left: -50px;
	opacity: 0;
}
.x7-int .title{
	font-size: 60px;
	color: #fff;
	line-height: 60px;
	height: 70px;
	font-family: "sy";
	position: relative;
	margin-bottom: 22px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x7-int .text{
	font-size: 14px;
	color: #dde7f7;
	font-family: "sy";
	line-height: 24px;
	margin-bottom: 20px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x7-int .textbox .img{
	display: block;
	width: 53px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 30px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x7-int .textbox .img img{
	margin-bottom: 3px;
}
.x7-int .textbox .click{
	color: #e6effa;
	font-size: 25px;
	padding-right: 41px;
	background: url(/uploads/image/eswimg/img-186.png) no-repeat top right;
	line-height: 25px;
	height: 25px;
	width: 140px;
	opacity: 0;
	position: relative;
	left: -50px;
	cursor: pointer;
	font-family: "sy";
}
.x7-int .textbox .click:hover{
	color: #0056bf;
	background: url(/uploads/image/eswimg/img-23.png) no-repeat top right;
		transition: all 0.3s ease 0s;
}
.x7-sa{
	height: 795px;
	background: #fff;
}
.x7-sa .textbox{
	float: left;
	width: 550px;
	margin-top: 202px;
}
.x7-sa .title{
	font-family: "sy";
	color: #0773d4;
	font-size: 60px;
	line-height: 60px;
	height: 70px;
	margin-bottom: 23px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x7-sa .text{
	font-size: 14px;
	color: #808080;
	margin-bottom: 50px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x7-sa .box{
	position: relative;
	width: 110px;
	height: 110px;
	display: inline-block;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x7-sa .box p {
  position: absolute;
  width: 100%;
  top: 70px;
  text-align: center;
  color: #0773d4;
}
.x7-sa .bg-img{
	margin-right: -360px;
	margin-top: 130px;
	opacity: 0;
}
.x7-tel{
	height: 820px;
}
.x7-tel .bg-img{
	float: left;
	position: absolute;
	top: 0px;
	left: -326px;
	opacity: 0;
}
.x7-tel .w1200{
	height: 820px;
}
.x7-tel .textbox{
	position: relative;
	z-index: 2;
	width: 500px;
	float: right;
	margin-top: 196px;
}
.x7-tel .title{
	font-size: 60px;
	color: #0773d4;
	line-height: 60px;
	height: 130px;
	font-family: "sy";
	margin-bottom: 35px;
	position: relative;
  	opacity: 0;
  	left: -50px;
}
.x7-tel .box{
	display: inline-block;
	margin-right: 20px;
	opacity: 0;
	left: -20px;
	position: relative;
}
.x7-tel .text {
  font-size: 14px;
  color: #808080;
  margin-bottom: 50px;
  position: relative;
  opacity: 0;
  left: -50px;
}
.x7-led{
	height: 836px;
}
.x7-led .textbox{
	margin-top: 159px;
	float: left;
}
.x7-led .title{
	font-size: 60px;
	color: #0773d4;
	font-family: "sy";
	line-height: 60px;
	height: 70px;
	margin-bottom: 23px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x7-led  table{
	width: 530px;
	font-size: 14px;
	color: #808080;
	margin-bottom: 58px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x7-led  table img{
	margin-right: 25px;
}
.x7-led .box{
	position: relative;
	width: 110px;
	height: 110px;
	display: inline-block;
	margin-right: 17px;
	position: relative;
	opacity: 0;
	left: -50px;
}
.x7-led .box p {
  position: absolute;
  width: 100%;
  top: 70px;
  text-align: center;
  color: #0773d4;
  line-height: 12px;

}
.x7-led .bg-img{
	position: absolute;
	right: -360px;
	top: 111px;
	opacity: 0;
}
.x7-dis{
	height: 934px;
	position: relative;
}
.x7-dis .textbox{
	margin-top: 122px;
	margin-bottom: 87px;
}
.x7-dis .title{
	text-align: center;
	margin: 0 auto;
	font-size: 60px;
	line-height: 60px;
	height: 130px;
	font-family: "sy";
	color: #0773d4;
	width: 800px;
	margin-bottom: 23px;
	position: relative;
	opacity: 0;
	top: -20px;
}
.x7-dis .text{
	text-align: center;
	margin: 0 auto;
	color: #767676;
	font-size: 14px;
	width: 650px;
	position: relative;
	opacity: 0;
	top: -20px;
}
.x7-dis .img{
	text-align: center;
	position: absolute;
	bottom: 0px;
	height: 528px;
	left: 50%;
	width: 100%;
	margin-left: -643px;
	width: 1286px;
}
.x7-dis .img .num{
	font-size: 72px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	line-height: 72px;
	font-family: "sy";
	position: relative;
	opacity: 0;
	top: -20px;
}
.x7-dis .img .ct{
	margin: 0 auto;
	position: relative;
	opacity: 0;
	top: 20px;
}
.x7-dis .img .dimg{
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -643px;
	height: 358px;
	width: 1286px;
	opacity: 0;
}
.x7-dis .img .box{
	width: 130px;
	text-align: center;
	position: absolute;
	color: #a7a7a7;
	line-height: 14px;
	opacity: 0;
}
.x7-dis .img .box img{
	margin-bottom: 10px;
}
.x7-dis .img .box1 img{
	margin-bottom: 20px;
}
.x7-dis .img .box1{
  top: -105px;
  left: 195px;
}
.x7-dis .img .box2{
	top: -105px;
	right: 195px;
}
.x7-intg{
	height: 732px;
	position: relative;
}
.x7-intg .gb-img{
	position: absolute;
	top: 0px;
	height: 593px;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	opacity: 0;
}
.x7-intg .textbox{
	width: 450px;
	margin-top: 465px;
	position: relative;
	z-index: 2;
}
.x7-intg .textbox .title{
	font-family: "sy";
	font-size: 60px;
	color: #0773d4;
	height: 70px;
	line-height: 60px;
	margin-bottom: 16px;
	position: relative;
	opacity: 0;
	top: -20px;
}
.x7-intg .textbox .text{
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	font-family: "sy";
	position: relative;
	opacity: 0;
	top: -20px;
}
.x7-sto{
	height: 815px;
	background: #fff;
}
.x7-sto .title{
	color: #0773d4;
	font-size: 60px;
	line-height: 60px;
	text-align: center;
	font-family: "sy";
	margin-bottom: 17px;
	margin-top: 76px;
	position: relative;
	opacity: 0;
	top: 20px;
}
.x7-sto .text{
	font-size: 18px;
	color: #333;
	text-align: center;
	font-family: "sy";
	position: relative;
	opacity: 0;
	top: 20px;
}
.x7-box{
	margin-top: 76px;
	position: relative;
	opacity: 0;
	top: 20px;
}
.x7-box .box{
	width: 550px;
	position: relative;
	opacity: 0;
	top: 20px;
}
.x7-box .box img{
	width: 550px;
	height: 300px;
	display: block;
}
.x7-box .box .bt{
	display: block;
	line-height: 58px;
	margin-top: 32px;
	font-size: 36px;
	color: #0773d4;
	font-family: "sy";
}
.x7-box .box .s7te{
	line-height: 24px;
	color: #808080;
	font-size: 14px;
	font-family: "sy"
}
.x7-per{
	height: 788px;
}
.x7-per .textbox{
	width: 590px;
	float: right;
	margin-top: 185px;
}
.x7-per .title{
	font-size: 60px;
	line-height: 60px;
	height: 130px;
	font-family: "sy";
	color: #0773d4;
	margin-bottom: 42px;
	width: 550px;
	float: left;
	position: relative;
	opacity: 0;
	left: -20px;
}
.x7-per .text{
	font-size: 14px;
	color: #808080;
	font-family: "sy";
	margin-bottom: 47px;
	position: relative;
	opacity: 0;
	left: -20px;
	float:left;
}
.x7-per .text span{
	font-size: 18px;
	color: #000;
	margin-bottom: 11px;
	display:block;
}
.x7-per table{
	position: relative;
	opacity: 0;
	left: -20px;
}
.x7-per table img{
	margin-right: 26px;
	display: block;
	width: 150px;
	height: 100px;
}
.x7-per table .bt{
	font-size: 18px;
	color: #000;
	margin-bottom: 9px;
	font-family:"sy";
}
.x7-per table .te{
	font-size: 14px;
	color: #888;
}
.x7-per .fl{
	margin-left: -360px;
	opacity: 0
}
.x7-saf{
	background: #fff;
	height: 944px;
}
.x7-saf .title{
	text-align: center;
	font-size: 42px;
	color: #333;
	font-family: "sy";
	line-height: 42px;
	height: 52px;
	margin-top: 97px;
	margin-bottom: 21px;
	position: relative;
	top:20px;
	opacity: 0;
}
.x7-saf .text{
	width: 868px;
	text-align: center;
	font-size: 16px;
	color: #333;
	margin: 0 auto 70px;
	position: relative;
	top:20px;
	opacity: 0;
}
.x7-saf ul{
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 73px;
	position: relative;
	top:20px;
	opacity: 0;
}
.x7-saf li{
	float: none;
	display: inline-block;
	*display: inline-block;
	zoom: 1;
	margin: 0px 30px;
	font-size: 22px;
	color: #333;
	font-family: "sy";
	line-height: 70px;
	width: 160px;
}
.x7-saf-img{
	display: block;
	margin: 0 auto;
	position: relative;
	top:20px;
	opacity: 0;
}
.x7-saf .w-tit{
	font-size: 24px;
	color: #333;
	text-align: center;
	margin: 30px;
	font-family: "sy";
	margin-bottom: 22px;
	position: relative;
	top:20px;
	opacity: 0;
}
.x7-saf .w-te{
	width: 838px;
	text-align: center;
	font-size: 14px;
	color: #333;
	margin: 0 auto;
	position: relative;
	top:20px;
	opacity: 0;
}


.cw{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/uploads/image/eswimg/cw.png) no-repeat center;
}

.info-end .swiper-button-next{
	width: 48px;
	height: 48px;
	background: url(/uploads/image/eswimg/jt2.png) no-repeat right center;
}
.info-end .swiper-button-next:hover{
	background: url(/uploads/image/eswimg/jt.png) no-repeat right center;
}
.info-end .swiper-button-prev{
	width: 48px;
	height: 48px;
	background: url(/uploads/image/eswimg/jt2.png) no-repeat left center;
}
.info-end .swiper-button-prev:hover{
	background: url(/uploads/image/eswimg/jt.png) no-repeat left center;
}


.new-bg{
	position: absolute;
	top: 60px;
	width: 100%;
	background: url(/uploads/image/eswimg/k8.png) repeat;
	z-index: 4;
}

.footer .footerbox .share .jiathis_style_32x32 .jtico{
	opacity: 0.8;
}
.footer .footerbox .share .jiathis_style_32x32 .jtico:hover{
	opacity: 1;
}




.yyy{
	width: 100%;
  	height: 100%;
  	position: absolute;
	background:#004fd0;
	opacity:0.8;
	top:0px;
	left:0px;
	display:none;
}




.t1010{
	width:35px;
	height:31px;
}
.t1010 span{
	width:35px;
	height:31px;
	display:block;
	background:url(/uploads/image/eswimg/jk-01.png) no-repeat center;
}
.t1010 span.cur{
	background:url(/uploads/image/eswimg/jk-02.png) no-repeat center;
}