*{ margin: 0; padding: 0;font-family: "Arial";}
ul,li{list-style-type: none;}
a{text-decoration: none;}
img{border:0;max-width: 100%;}

.clear{clear:both;}
.menu{
	width: 1200px;
	margin: 0 auto;
}
.header{width: 100%;}
.header-top{
	width: 100%;
	height: 50px;
	background: #0397ea;
}
.header-top-l{
	width:240px;
	height: 100%;
	float: left;
	background: #f17421;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.header-top-r{
	float: left;
	margin-left: 20px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
}
.logo{
	text-align: center;
	margin-top: 30px;
	position: relative;
}
.logo-right{
	font-size: 22px;
	position: absolute;
	color: #0397ea;
	left: 63.7%;
	top:61%;
}
.ss{
	position: absolute;
	left: 0;
	top:20%;
}
.ss input{
	width: 185px;
	height: 36px;
	border:1px solid #0397ea;
}
.sub{
	display: inline-block;
	position: absolute;
	right:-54px;
	top: 0;
	width: 54px;
	height: 38px;
	background:#0397ea url("../images/ss_03.png") no-repeat center center;
	cursor:pointer;
}
.nav{
	width: 1200px;
	margin: 30px auto 0;
}
.nav ul li{
	float: left;
	padding: 14px 43px;
	font-size: 18px;
	position: relative;
}
.nav ul li a{
	color: #666;
}
.nav ul li a:hover{
	color: #0397ea;
}
.nav-list{
	display: none;
	position: absolute;
	left: 23px;
	top:49px;
	padding: 20px;
	width: 600px;
	min-height: 174px;
	background: #0397ea/* url("../images/nav_03.jpg") no-repeat right 20px  top 20px*/;
	opacity:0;
	transition:2s;
	z-index: 9999;
}
.nav-list div{
	font-size: 15px;
	line-height: 20px;
	float: left;
	width: 50%;
}
.nav ul li .nav-list div a{
	color: #fff;
}
.nav ul li:hover .nav-list{
	display: block;
	opacity:1;
	transition:2s;
}
.slider {
    position: relative;
    height: 650px;
    min-width: 1004px;
    width: 100%;
    overflow: hidden;
}
.slider .slider-pointer {
    position: absolute;
    bottom: 20px;
    color: #fff;
    list-style: none;
    padding: 0;
    z-index: 999;
}
  .slider .slider-pointer li {
    display: inline-block;
    margin: 0 15px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #ffffff;
    opacity: 0.85;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    transition: all 320ms ease;
  }
  .slider .slider-pointer li:hover {
    background-color: #1fa4f0;
  }
  .slider .slider-pointer li.active {
    background-color: #1fa4f0;
  }
  .slider .slider-inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .slider .slider-inner .item {
    width: 100%;
    height: 100%;
    float: left;
  }
  .slider .slider-inner .img {
    background-position: center top !important;
    width: 100%;
    height: 100%;
  }
  .slider .slider-control {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 999;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    line-height: 30px;
    background-color: #ffffff;
    opacity: 0.5;
    cursor: pointer;
    top: 40%;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    transition: all 320ms ease;
  }
  .slider .slider-control:hover {
    opacity: 0.65;
    background-color: #1fa4f0;
  }
  .slider .slider-control:active {
    opacity: 0.85;
  }
  .slider .slider-control.prev {
    display: none;
    left: 20px;
  }
  .slider .slider-control.next {
    display: none;
    right: 20px;
  }
  .slider:hover .slider-control.prev {
    display: block;
    left: 20px;
  }
  .slider:hover .slider-control.next {
    display: block;
    right: 20px;
  }
.index-top{
	margin-top: 40px;
}
.index-top-left{
	float: left;
	width: 760px;
	height: 420px;
}
.index-top-right{
	float: left;
	width: 435px;
	height: 420px;
	margin-left: 5px;
	position: relative;
	text-align:center;
}
.index-top-right-top{
	position: absolute;
	font-size: 34px;
	color: #fff;
	top: 40%;
	left: 30%;
}
.index-top-right-bot{
	position: absolute;
	width: 120px;
	height: 38px;
	background: #fff;
	line-height: 38px;
	font-size: 16px;
	top: 55%;
	left: 38%;
}
.index-top-right-bot a{
	color: #222;
}
.collection{
	margin-top: 40px;
}
.collection-left{
	float: left;
	width: 380px;
	height: 278px;
}
.collection-left-top{
	font-size: 30px;
	color: #333;
	text-align: center;
	font-weight: bold;
	margin-top: 90px;
}
.collection-left-bot{
	width: 162px;
	height: 36px;
	border: 1px solid #000;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	color: #000;
	text-transform:uppercase;
	margin: 40px auto 0;
	cursor:pointer;
}
.collection-right{
	float: left;
	width: 818px;
	height: 278px;
}
.collection-zi{
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.rowE .count li:hover .collection-zi{
	display: block;
}
.conllection-title{
	margin-top: 93px;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.conllection-jiage{
	margin-top: 20px;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.conllection-url{
	width: 102px;
	height: 28px;
	line-height: 28px;
	border:1px solid #fff;
	margin: 100px auto 0;
	text-align: center;
	font-size: 14px;
	color: #fff;
	cursor:pointer;
}
.choose{
	margin-top: 40px;
}
.choose-left{
	width: 457px;
	height: 465px;
	background: url("../images/choose_03.jpg");
	font-size: 32px;
	color: #111;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	float: left;
}
.choose-left-top{
	padding-top: 182px;
}
.choose-right{
	width: 690px;
	height: 465px;
	background: #fff;
	float: left;
	padding: 0 25px;
}
.choose-right h1{
	padding-top: 55px;
	text-align: center;
	font-size: 30px;
	color: #222;
	font-weight: bold;
}
.choose-right p{
	margin-top: 31px;
	line-height: 30px;
	font-size: 16px;
	color: #222;
}
.us{
	margin-top: 40px;
}
.us-left{
	width: 610px;
	height: 400px;
	background:url("../images/us1_03.jpg");
	float: left;
}
.us-left-zi{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.us-left-top{
	padding-top: 65px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 44px;
	font-weight: bold;
	color: #00bcfa;
}
.us-left-cont{
	margin-left: 45px;
	font-size: 26px;
	line-height: 42px;
}
.us-left-cont a{
	color: #fff;
}
.us-right{
	width: 575px;
	height: 400px;
	float: right;
	background: url("../images/tu_03.png") no-repeat left 20px top 20px;
}
.us-right-zi{
	width: 575px;
	height: 400px;
	background: rgba(0,0,0,0.5);
}
.us-right-zi h1{
	padding-top: 130px;
	text-align: center;
	font-size: 50px;
	color: #fff;
}
.us-right-zi div{
	width: 144px;
	height: 44px;
	line-height: 44px;
	background: #00bcfa;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	margin: 50px auto 0;
	cursor: pointer;
}
.bzd{
	width: 100%;
	height: 80px;
	margin-top: 40px;
	background: #ece8df;
}
.bzd ul li{
	width: 25%;
	padding: 21px 0;
	float: left;
}
.bzd ul li p{
	text-indent: 80px;
	font-size: 18px;
	color: #333;
	font-weight:bold;
}
.bzd1{
	background: url("../images/bzd1_03.png") no-repeat top 24px left 30px;
}
.bzd2{
	background: url("../images/bzd3_03.jpg") no-repeat top 24px left 30px;
}
.bzd3{
	background: url("../images/bzd2_03.jpg") no-repeat top 24px left 30px;
}
.bzd4{
	background: url("../images/bzd4_03.jpg") no-repeat top 24px left 30px;
}
.foot{
	width: 100%;
	margin-top: 40px;
	padding-top: 40px;
	background: #333;
}
.foot-us{
	width: 220px;
	float: left;
}
.foot-us div{
	font-size: 18px;
	color:#fff;
}
.foot-us li{
	font-size: 16px;
	line-height: 35px;
}
.foot-us li a{
	color: #999;
}
.foot-ceramic{
	width: 288px;
	float: left;
}
.foot-ceramic div{
	font-size: 18px;
	color:#fff;
}
.foot-ceramic li{
	font-size: 16px;
	line-height: 35px;
}
.foot-ceramic li a{
	color: #999;
}
.foot-follow{
	width: 288px;
	float: left;
}
.foot-follow div{
	font-size: 18px;
	color:#fff;
}
.foot-follow img{
	margin-top: 22px;
	width: 100px;
	height: 100px;
}
.know{
	float: right;
}
.know h1{
	margin-bottom: 20px;
	font-size: 18px;
	color: #fff;
}
.know p{
	margin-bottom: 15px;
	font-size: 14px;
	color: #fff;
}
.know input{
	float: left;
	width: 226px;
	height: 40px;
	background: #1a1a1a;
	border: 0px;
	color:#fff;
}
.know div{
	float: left;
	width: 44px;
	height: 42px;
	background: #ac1c25 url("../images/foot_03.png") no-repeat center center;
	cursor:pointer;
}
.foot-top{
	padding-bottom: 20px;
	border-bottom: 1px solid #afafaf;
}
.foot-bottom{
	height: 44px;
	line-height: 44px;
	color: #999;
}
.foot-bootom-left{
	float: left;
}
.foot-bootom-right{
	float: right;
}
.cont-top{
	width: 100%;
}
.cont-top img{
	vertical-align:bottom;
}
.trr{
	width: 100%;
	background: #fff;
	padding-top:25px; 
	padding-bottom:65px;
}
.trr li{
	margin-left: 24px;
	width: 368px;
	float: left;
	margin-bottom: 37px;
}
.trr li img{
	width: 368px;
	height: 280px;
}
.trr li p{
	margin-top: 25px;
	text-align: center;
	font-size: 16px;
}
.trr li p a{
	color: #333;
}
.page{
	margin-top: 65px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	height: 60px;
	text-align: center;
	line-height: 60px;
}
.page span{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border:1px solid #666;
	border-radius: 30px;
	margin:0 9px;
}
.page a{
	margin: 0 9px;
}
.news{
	padding-top:15px; 
	padding-bottom:65px;
	background: #fff;
}
.news li{
	height: 201px;
	padding: 33px 20px;
	border-bottom: 1px solid #c2c2c2;
}
.news-left{
	width: 280px;
	height: 201px;
	float: left;
}
.news-left img{
	width: 280px;
	height: 201px;
}
.news-cont{
	width: 720px;
	margin-left: 55px;
	float: left;
}
.news-cont h1{
	font-size: 20px;
}
.news-cont h1 a{
	color: #222;
}
.news-cont p{
	margin-top: 30px;
	font-size: 14px;
	color: #3f3f3f;
	line-height: 31px;
}
.news-cont div{
	margin-top: 29px;
	font-size: 14px;
	color: #999;
}
.news-url{
	width: 73px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	float: right;
	margin-top: 80px;
	border-left: 1px solid #c2c2c2;
	text-indent: 10px;
}
.news-url a{
	color: #3f3f3f;
}
.news li:hover .news-url a{
	color: #0397ea;
}
.news-xx-top{
	margin-top: 20px;
	font-size: 12px;
	color: #666;
	margin-bottom: 20px;
}
.news-xx-top a{
	color: #666;
}
.news-xx{
	width: 1160px;
	background: #fff;
	padding: 0 20px 60px;
}
.news-xx-title{
	padding-top: 40px;
	text-align: center;
	font-size: 20px;
	color: #222;
}
.news-xx-time{
	margin-top: 13px;
	text-align: center;
	font-size: 14px;
	color: #888;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #c2c2c2;
}
.news-xx-content{
	margin-top: 35px;
	line-height: 30px;
}
.fair{
	width: 100%;
	background: #fff;
	padding-top: 20px;
}
.fair li{
	width: 360px;
	height: 460px;
	border:1px solid #ccc;
	margin-left: 24px;
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 30px;
}
.fair li img{
	max-width: 327px;
	max-height: 388px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
	display:block;
}
.fair li div{
	margin-top: 430px;
	font-size: 18px;
}
.fair li div a{
	color: #f17421;
}
.fair-xx{
	width: 1160px;
	padding:20px;
}
.fair-top{
	width: 1120px;
	padding:20px;
	background: #f1f1f1;
}
.fair-top-left{
	width: 376px;
	height: 445px;
	float: left;
}
.fair-top-left img{
	width: 376px;
	height: 445px;
}
.fair-top-right{
	float: left;
	width: 680px;
	margin-left: 61px;
}
.fair-top-right h1{
	margin-top: 40px;
	font-size: 22px;
	color: #222;
}
.fair-top-right div{
	margin-top: 28px;
	font-size: 14px;
	color: #666;
}
.fair-top-right p{
	margin-top: 37px;
	font-size: 16px;
	color: #333;
	line-height: 44px;
}
.fair-list{
	margin-top: 40px;
}
.fair-list p{
	font-size: 18px;
	color: #333;
}
.fair-list ul{
	margin-top: 25px;
	padding-bottom: 25px;
}
.fair-list li{
	float: left;
	margin-left: 28px;
	width: 64px;
	height: 22px;
	border:1px solid #ccc;
	text-align: center;
	line-height: 22px;
}
.fair-list li a{
	color: #333;
}
.fair-xx-list li{
	padding: 47px 0;
	border-top: 1px solid #ccc;
}
.fair-xx-list-left{
	float: left;
}
.fair-xx-list-left img{
	width: 224px;
	height: 273px;
}
.fair-xx-list-right{
	float: left;
	width: 850px;
	margin-left: 61px;
}
.fair-xx-list-right h1{
	margin-top: 40px;
	font-size: 22px;
	color: #222;
}
.fair-xx-list-right div{
	margin-top: 28px;
	font-size: 14px;
	color: #666;
}
.fair-xx-list-right p{
	margin-top: 37px;
	font-size: 16px;
	color: #333;
	line-height: 44px;
}
.contact{
	width: 1160px;
	padding:0 20px 85px; 
	background: #fff;
}
.contact p{
	padding-top: 35px;
	font-size: 16px;
	color: #3f3f3f;
}
.contact img{
	vertical-align: middle;
	margin-right:30px;
}
.dt{
	margin-top: 35px;
}
.cata{
	padding: 27px;
	background: #fff;
}
.cata li{
	width: 260px;
	margin-left: 35px;
	margin-bottom: 35px;
	float: left;
}
.cata-title{
	text-align: center;
	margin-top: 17px;
	font-size: 16px;
	color: #333
}
.cata-tro{
	margin-top: 20px;
	font-size: 12px;
	color: #888;
	line-height: 18px;
}
.cata-url{
	width: 124px;
	height: 28px;
	background: #ff6600;
	margin: 22px auto 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
}
.cata-url a{
	color: #fff;
}
.cata .cata-li{
	margin-left: 0;
}
.more{
	width: 140px;
	height: 42px;
	background: #089aec;
	margin: 0 auto;
	font-size: 20px;
	color: #fff;
	line-height: 42px;
	text-align: center;
	border-radius: 5px;
	margin-top: 30px;
	margin-bottom: 70px;
	cursor: pointer;
}
.catalogus-xx{
	padding: 20px;
	background: #fff;
}
.cpxxjs h1{
	padding-bottom: 42px;
	border-bottom: 1px dashed #333;
}
.xx-jg{
	font-size: 30px;
	color: #000;
	padding-top: 24px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #333;
	margin-bottom: 20px;
}
.cpxxjs p{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.buy{
	width: 123px;
	height: 31px;
	margin-top: 40px;
	line-height: 31px;
	background: #00aeef;
	text-align: center;
}
.buy a{
	color: #fff;
}
.desc-top{
	width: 100%;
	height: 72px;
	margin-top: 70px;
	padding-top: 15px;
	background: #f0f0f0;
	box-shadow: 0px 1px 1px #888888;
}
.desc-top div{
	width: 380px;
	height: 59px;
	background: #00aeef;
	font-size: 22px;
	color: #fff;
	margin-left:24px;
	text-align: center;
	line-height: 59px;
}
.description p{
	line-height: 30px;
}
.about{
	padding: 0 20px 105px;
	background: #fff;
}
.about h1{
	padding: 45px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.about p{
	font-size: 14px;
	clear: #3f3f3f;
	line-height: 32px;
}
.logo-ewm{
	position:absolute;
	top: 0;
	right: 0;
}
.pro-list{
	padding: 20px 0;
	background: #fff;
}
.pro-list li{
	float: left;
	padding: 5px;
	background: #0397ea;
	margin-left: 10px;
	margin-bottom:10px;
}
.pro-list li a{
	color: #fff;
}