/*通用*/
*{
    margin:0px;
    padding:0px;
}

body{
	color: #2c2c2c;
	background: #fff;
	font-family: SourceHanSansCN-Regular;
	min-width: 1340px;
}

@font-face { 
  font-family: SourceHanSansCN-Bold; /*这里是说明调用来的字体名字*/ 
  /*src: url('../font/SourceHanSansCN-Bold.otf'); /*这里是字体文件路径*/ 
} 

@font-face { 
  font-family: SourceHanSansCN-Light; /*这里是说明调用来的字体名字*/ 
  /*src: url('../font/SourceHanSansCN-Light.otf'); /*这里是字体文件路径*/ 
}

@font-face { 
  font-family: SourceHanSansCN-Normal; /*这里是说明调用来的字体名字*/ 
  /*src: url('../font/SourceHanSansCN-Normal.otf'); /*这里是字体文件路径*/ 
}

@font-face { 
  font-family: SourceHanSansCN-Regular; /*这里是说明调用来的字体名字*/ 
  /*src: url('../font/SourceHanSansCN-Regular.otf'); /*这里是字体文件路径*/ 
}

@font-face { 
  font-family: SourceHanSansCN-Medium; /*这里是说明调用来的字体名字*/ 
  /*src: url('../SourceHanSansCN-Medium.otf'); /*这里是字体文件路径*/ 
}

@font-face { 
  font-family: PingFang-Light; /*这里是说明调用来的字体名字*/ 
  /*src: url('../PingFang-Light.ttf'); /*这里是字体文件路径*/ 
}

li{
	list-style: none;
}

a{
    text-decoration: none;
    margin:0px;
    padding:0px;
    border:none!important;
    outline: none;
    color: #333;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}

.weichuangyi {
    width: 100%;
    min-width: 1200px;
    height: 850px;
    margin: 0 auto;
    position: relative;
}

.weichuangyi_main {
    width: 100%;
    height: 850px;
    position: absolute;
    left: 0;
    top: 0;
}

.img {
    width: 100%;
    height: 850px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.weichuangyi_span {
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 10px;
    zoom: 1;
    cursor: pointer;
    text-align: center;
}

.weichuangyi_span .weichuangyi_span_one {
    width: 60px;
    height: 2px;
    border: none;
    background: #d3d3d3 !important;
    opacity: 1!important;
}

.weichuangyi_span span {
    display: inline-block;
    width: 60px;
    height: 2px;
    margin: 0 10px;
    border: none;
    background: #f76500!important;
    opacity: 1;
}

.header{
	position: absolute;
	width: 100%;
	height: 100px;
	z-index: 1000;
	min-width: 1340px;
}

.header:HOVER{
	box-shadow: 2px 2px 20px rgba(255,255,255,0.2);
	background: #fff;
}

.header:HOVER div{
	color: #5c5c67 !important;
}

.header li:HOVER .header-menu-name2{
	border-bottom: 3px #f76500 solid;
}

.header-selected .header-menu-name2{
	border-bottom: 3px #f76500 solid;
}

.header:HOVER .header-logo{
	width: 125px;
	height: 58px;
	margin-top: 35px;
	width: 125px;
	display: inline-block;
	background: url(../images/cre8te_logo.png) no-repeat;
}

.centerheader{
	width: 1100px;
    height: 100%;
    min-width: 1100px;
    margin: auto;
    position: relative;
}

.header-logo{
	width: 125px;
	height: 58px;
	margin-top: 35px;
	width: 125px;
	display: inline-block;
	background: url(../images/cre8te_logo.png) no-repeat;
}

.header-menu{
	float: right;
	margin-top: 35px;
}

.header-menu li{
	float: right;
	cursor: pointer;
	margin-right: 60px;
}



.header-menu-name1{
	font-size: 18px;
	color: #fff;
	text-align: right;
	font-family: SourceHanSansCN-Bold;
}

.header-menu-name2{
	font-size: 14px;
	color: #fff;
	text-align: right;
	float: right;
	font-family: SourceHanSansCN-Normal
}

.product-header{
	width: 100%;
	height: 100px;
	z-index: 1000;
	box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
}

.mall-header{
	width: 100%;
	height: 100px;
	z-index: 1000;
	background: #fafafa;
	position: absolute;
	top: 0px;
	left: 0px;
}

.centerheader{
	width: 1100px;
    height: 100%;
    min-width: 1100px;
    margin: auto;
    position: relative;
}

.product-logo{
	width: 125px;
	height: 28px;
	margin-top: 35px;
	width: 125px;
	display: inline-block;
	background: url(../images/cre8te_logo_juse.png);
}

.product-menu{
	float: right;
	margin-top: 35px;
}

.product-menu li{
	float: right;
	cursor: pointer;
	margin-right: 30px;
}



.product-menu-name1{
	font-size: 18px;
	color: #5c5c67;
	text-align: right;
}

.product-menu-name2{
	font-size: 14px;
	color: #5c5c67;
	text-align: right;
	float: right;
}

.home-item{
	width: 100%;
	background: #fff; 
	height: 320px;
}

.item-wrap{
	width: 1340px;
    height: 100%;
    min-width: 1340px;
    margin: auto;
    position: relative;
    margin-top: 70px;
}

.item-wrap li{
	width: 250px;
	height: 320px;
	text-align: center;
	float: left;
	margin-right: 22px;
	transition: .5s;
	background: #fff;
	border-radius: 10px;
	position: relative;
}

.item-wrap li:HOVER{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.item-wrap li:HOVER .home-item-btn{
	display: block;
}

.item-wrap li:HOVER .home-item-img{
	margin-top: 40px;
}

.item-wrap li:HOVER .home-item-name{
	margin-top: 10px;
}

.item-wrap li:nth-child(5n){
	margin-right: 0px !important;
}

.home-item-img{
	width: 100px;
	height: 100px;
	margin-top: 50px;
}

.home-item-name{
	font-size: 25px;
	color: #9d9da4;
	margin-top: 30px;
}

.home-item-des{
	font-size: 15px;
	color: #9d9da4;
	margin-top: 10px;
}

.home-item-btn {
    background: -webkit-linear-gradient(#f76500, #ff8210); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(#f76500, #ff8210); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(#f76500, #ff8210e); /* Firefox 3.6 - 15 */
  	background: linear-gradient(#f76500, #ff8210); /* 标准的语法 */
  	box-shadow:0 3px 4px rgba(247,101,0,.2);
    text-align: center;
    height: 36px;
    width: 160px;
    line-height: 36px;
    margin-top: 24px;
    color: #fff;
    border-radius: 120px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: auto;
    display: none;
}

.home-title{
	width: 100%;
	margin-bottom: 54px;
	float: left;
}

.home-title-img{
	width: 444px;
	height: 66px;
	margin: auto;
}

.home-title-tese{
	width: 444px;
	height: 66px;
	background: url(../images/cre8te_title_tese.png);
}

.home-title-fuwu{
	width: 444px;
	height: 66px;
	background: url(../images/cre8te_title_fuwu.png);
}

.home-title-yuanxiao{
	width: 444px;
	height: 66px;
	background: url(../images/cre8te_title_yuanxiao.png);
}

.home-title-gengduoanli{
	width: 444px;
	height: 66px;
	background: url(../images/cre8te_title_gengduoanli.png);
}

.home-title-xiaofang{
	width: 444px;
	height: 66px;
	background: url(../images/cre8te_title_xiaofang.png);
}

.home-title-aboutus{
	width: 500px;
	height: 66px;
}

.product-title-xilie{
	width: 444px;
	height: 66px;
	background: url(../images/cre8te_title_xilie.png);
}

.product-title-sheji{
	width: 444px;
	height: 66px;
	background: url(../images/cre8te_title_sheji.png);
}

.productdetail-title-sport{
	width: 401px;
	height: 61px;
	background: url(../images/cre8te_productdetail_sport.png);
}

.product-title-gongyi{
	width: 444px;
	height: 66px;
	background: url(../images/cre8te_title_gongyi.png);
}

.home-title-guanlitixi{
	width: 666px;
	height: 66px;
	background: url(../images/cre8te_title_guanlitixi.png);
}

.home-title-pinpai{
	width: 500px;
	height: 66px;
	background: url(../images/cre8te_title_pinpai.png);
}

.home-kongjian{
	background: url(../images/cre8te_kongjian_bg.png);
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.home-kongjian-wrap{
	width: 1090px;
	margin: auto;
}

.home-kongjian-title{
	margin-left: 65%;
    margin-top: 6%;
    padding-top: 12%;
}

.home-kongjian-con{
	margin-left: 65%;
    font-size: 16px;
    margin-top: 40px;
}

.home-kongjian-btn{
	background: #ff6e00;
	text-align: center;
	height: 36px;
	width: 160px;
	line-height: 36px;
	margin-top: 24px;
	color: #fff;
	border-radius:120px;
	display: inline-block;
	background: -webkit-linear-gradient(#f76500, #ff8210); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(#f76500, #ff8210); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(#f76500, #ff8210e); /* Firefox 3.6 - 15 */
  	background: linear-gradient(#f76500, #ff8210); /* 标准的语法 */
  	box-shadow:0 3px 4px rgba(247,101,0,.2);
}

.home-pinpai{
	width: 100%;
	height:320px;
	background-image:url("../images/cre8te_index_client.png");
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.home-pinpai-wrap{
	width: 1090px;
	margin: auto;
}

.home-pinpai-title{
	margin-top: 240px;
	font-size: 45px;
	color: #fff;
}

.home-pinpai-con{
	color: #fff;
	font-size: 16px;
	margin-top: 40px;
}

.home-kaifa{
	width: 100%;
	height: 600px;
    position: relative;
    float: left;
}

.home-kaifa-topimg{
	background: url(../images/cre8te_kaifa_topimg.png);
	width: 458px;
	height: 503px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    z-index: 1000;
    top: -60px;
    left: 12%;
}

.home-kaifa-bottomimg{
	background: url(../images/cre8te_kaifa_bottomimg.png);
	width: 449px;
	height: 364px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    z-index: 1000;
    bottom: -140px;
    left: 10%;
}

.home-kaifa-wrap{
	width: 1090px;
	margin: auto;
}

.home-kaifa-title{
	margin-top: 220px;
	font-size: 45px;
	color: #3e3f42;
	text-align: right;
}

.home-kaifa-con{
	color: #9a9c9e;
	font-size: 16px;
	margin-top: 40px;
	float: right;
    width: 494px;
}

.home-fuwu-bottomimg{
	background: url(../images/cre8te_fuwu_bottomimg.png);
	width: 719px;
	height: 487px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    z-index: 1000;
    bottom: -36px;
    right: 10%;
}

.home-liucheng{
	background: url(../images/cre8te_liucheng_bg.png);
	width: 100%;
	height: 800px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.home-liucheng-btn{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 46px;
	margin: auto;
}

.home-yuanxiao{
	background: url(../images/cre8te_yuanxiao_bg.png);
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.home-yuanxiao-list{
	width: 876px;
	height: 295px;
	margin: auto;
	margin-top: 216px;
}

.home-yuanxiao-list>img{
	width: 140px;
	height: 140px;
	margin-right: 100px;
	margin-bottom: 15px;
}

.home-yuanxiao-list>img:nth-child(4n){
	margin-right: 0px !important;
}

.footer{
	width: 100%;
	height: 500px;
	float: left;
	position: relative;
}

.footer-top{
	width: 1100px;
	margin: auto;
	margin-top: 60px;
}

.footer-top-left{
	width: 800px;
	float: left;
}

.footer-top-left-menu{
	color: #939393;
	font-size: 15px;
}

.footer-top-left-menu a{
	display: inline-block;
	margin-right: 60px;
	color: #939393;
	font-size: 15px;
}

.footer-top-left-xuexiao{
	margin-top: 40px;
	width: 680px;
}

.footer-top-left-xuexiao a{
	display: inline-block;
	margin-right: 24px;
	margin-bottom: 8px;
	font-size: 13px;
	color: rgba(147,147,147,0.5);
}

.footer-top-right{
	width: 300px;
	float: left;
	text-align: right;
}

.footer-top-right-phone,.footer-top-right-email{
	font-size: 13px;
	color: #939393;
}

.footer-top-right-email{
	margin-top: 10px;
}

.footer-top-right-erweima{
	width: 100px;
	height: 100px;
	margin-top: 20px;
}

.footer-bottom{
	font-size: 13px;
	color: rgba(147,147,147,0.5);
	position: absolute;
	text-align: center;
	bottom:90px;
	width: 100%;
}

.anli-bg{
	background: url(../images/cre8te_anli_bg.png);
	width: 100%;
	height: 650px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.about-bg{
	background: url(../images/cre8te_about_bg.png);
	width: 100%;
	height: 650px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.fuwu-bg{
	background: url(../images/cre8te_fuwu_bg.png);
	width: 100%;
	height: 650px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.product-bg{
	background: url(../images/cre8te_product_bg.png);
	width: 100%;
	height: 650px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.anli-des{
	width: 100%;
	float: left;
	padding-top: 72px;
	padding-bottom: 18px;
}

.anli-des-wrap{
	width: 1100px;
	margin: auto;
}

.anli-des-text{
	font-size: 22px;
	width: 100%;
	color: #515151;
	font-family: SourceHanSansCN-Normal;
}

.anli-des-img{
	width: 1100px;
	margin-bottom: 12px;
}

.anli-con{
	width: 100%;
	float: left;
	background: #f9f9f9;
	padding-bottom: 60px;
	padding-top: 40px;
}

.anli-list{
	width: 100%;
	float: left;
}

.anli-list li{
	width: 180px;
	height: 180px;
	margin-bottom: 20px;
	margin-right: 108px;
	text-align: center;
	float: left;
}

.anli-list li:nth-child(4n){
	margin-right: 0px !important;
}

.anli-img{
	width: 100px;
	height: 100px;
}

.anli-name{
	
}

.anliDetai-bg{
	background: url(../images/cre8te_yuanxiao_bg.png);
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.anliDetail-des{
	width: 100%;
	float: left;
	height: 150px;
}

.anliDetail-warp{
	width: 1100px;
	margin: auto;
	position: relative;
}

.anliDteail-des-left{
	width: 380px;
	text-align: center;
	position: absolute;
	top: -142px;
	left: 0px;
}

.anliDteail-des-logo{
	background: url(../images/cre8te_anliDetail_logo_bg.png);
	width: 242px;
	height: 242px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: center;
    margin: auto;
}

.anliDteail-des-logo>img{
	width: 210px;
	height: 210px;
	margin-top: 7px;
}

.anliDteail-des-name{
	font-size: 20px;
}

.anliDteail-des-name-yingwen{
	font-size: 13px;
	margin-top: 11px;
}

.anliDteail-des-right{
	width: 720px;
	float: right;
	color: #939393;
	margin-top: 47px;
	line-height: 24px;
}

.anliDetail-con{
	width: 100%;
	float: left;
	margin-top: 100px;
	margin-bottom: 235px;
}

.anliDetail-img-top,.anliDetail-img-middle,.anliDetail-img-bottom{
	width: 100%;
	height: 390px;
}

.anliDetail-img-top>img{
	float: left;
	margin-right: 16px;
	width: 390px;
	height: 390px;
}

.anliDetail-img-top>img:nth-child(3n){
	margin-right: 0px !important;
}

.anliDetail-img-middle,.anliDetail-img-bottom{
	margin-top: 16px;
}

.anliDetail-img-middle>img {
	width: 390px;
	height: 390px;
	float: left;
}

.anliDetail-img-middle>img:FIRST-CHILD {
	width: 796px !important;
	height: 390px !important;
	margin-right: 16px;
}

.anliDetail-img-bottom>img {
	width: 796px;
	height: 390px;
	float: left;
}

.anliDetail-img-bottom>img:FIRST-CHILD {
	width: 390px !important;
	height: 390px !important;
	margin-right: 16px;
}

.news{
	background: url(../images/cre8te_news_bg.png);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: center;
    float: left;
}

.news-wrap{
	width: 1200px;
	margin: auto;
	background: #fff;
	margin-top: 190px;
	margin-bottom: 260px;
	padding-bottom: 20px;
}

.news-menu{
	width: 1108px;
	height: 170px;
	margin: auto;
	border-bottom: 1px #b4b4b4 solid;
}
.news-menu1{
	width: 1108px;
	height: 170px;
	margin: auto;
	border-bottom: 1px #b4b4b4 solid;
}
.news-menu-top1{
	padding-top: 60px;
	line-height: 50px;
	float: left;
    width: 100%;
}

.news-menu-top{
	padding-top: 60px;
	line-height: 50px;
	float: left;
    width: 100%;
}

.news-menu-title{
	float: left;
	font-size: 30px;
	color: #000;
}

.news-menu-wrap{
	float: right;
}

.news-menu-wrap li{
	width: 120px;
	text-align: center;
	height: 48px;
	line-height: 48px;
	border: 2px #fff solid;
	color: #afafaf;
	font-size: 20px;
	float: right;
	border-radius: 4px;
	cursor: pointer;
}

.news-menu-selected{
	border: 2px #f76500 solid !important;
	color: #f76500 !important;
}

.news-menu-bottom1{
	font-size: 24px;
	color: #afafaf;
	margin-bottom:6%;
	float: left;
    width: 100%;
    text-align: left;
}
.news-menu1 li{
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	border-bottom: 1px #b4b4b4 solid;
	text-align: left;
}

.news-menu-bottom{
	font-size: 24px;
	color: #afafaf;
	float: left;
    width: 100%;
    text-align: left;
}

.news-list{
	width: 1108px;
	margin: auto;
}

.news-list li{
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	border-bottom: 1px #b4b4b4 solid;
	text-align: left;
}

.news-img{
	width: 350px;
	height: 200px;
}

.news-con{
	width: 710px;
	float: right;
	text-align: left;
}

.news-title{
	font-size: 24px;
	color: rgba(1,1,1,0.9);
}

.news-sort{
	color: #f76500;
	height: 30px;
	border: 1px #f76500 solid;
	line-height: 30px;
	width: 90px;
	border-radius: 4px;
	text-align: center;
	margin-top: 15px;
}

.news-des{
	width: 100%;
	margin-top: 18px;
	color: #afafaf;
	line-height: 24px;
}

.news-time{
	line-height: 22px;
	margin-top: 25px;
}

.news-time img{
	width: 22px;
	height: 22px;
	float: left;
}

.news-time span{
	margin-left: 11px;
	color: #c8c8c8;
}

.newsDetail-con{
	width: 900px;
	margin: auto;
	padding-top: 100px;
	padding-bottom: 300px;
	text-align: left;
}

.newsDetail-title{
	font-size: 30px;
	color: #333;
	font-family: SourceHanSansCN-Regular;
}

.newsDetail-text{
	margin-top: 12px;
	line-height: 28px;
}

.newsDetail-sort{
	color: #f76500;
	height: 28px;
	border: 1px #f76500 solid;
	line-height: 28px;
	width: 90px;
	border-radius: 4px;
	text-align: center;
	float: left;
}

.newsDetail-time-icon{
	width: 22px;
	height: 22px;
	float: left;
	margin-left: 40px;
	margin-top: 3px;
}

.newsDetail-time{
	margin-left: 8px;
}

.newsDetail-img{
	width: 100%;
	height: 400px;
	margin-bottom: 70px;
	margin-top: 40px;
}

.newsDetail-content img{
	max-width: 100%;
}


.product-xilie{
	width: 100%;
	height: 620px;
	float: left;
}

.product-xilie-wrap{
	width: 1100px;
	margin: auto;
}

.product-xilie-wrap li{
	width: 350px;
	height: 600px;
	margin-right: 20px;
	transition: margin-top 0.35s ease-in-out;
	float: left;
	border-radius:25px;
	position: relative;
}

.product-xilie-wrap li:nth-child(3n){
	margin-right: 0px !important;
}

.product-xilie-wrap li:HOVER {
	box-shadow:0 10px 15px rgba(0,0,0,.2);
	margin-top: -15px;
}

.product-xilie-wrap li:HOVER .product-xilie-con{
	display: block;
}

.product-xilie li:HOVER .product-xilie-img{
	display: none;
}

.product-xilie-yundong{
	background: url(../images/cre8te_yundong_bg.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.product-xilie-xiuxian{
	background: url(../images/cre8te_xiuxian_bg.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.product-xilie-zhifu{
	background: url(../images/cre8te_zhifu_bg.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.product-xilie-img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.product-xilie-con{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,.2);
	text-align: center;
	display: none;
	border-radius:25px;
}

.product-xilie-con-img{
	width: 100px;
	height: 130px;
	margin-top: 188px;
}

.product-xilie-text{
	font-size: 24px;
	color: #fff;
	margin: auto;
	width: 222px;
	position: absolute;
	bottom: 110px;
	left: 0px;
	right: 0px;
	margin: auto;
}

.product-xilie-btn{
	background: #ff6e00;
	background: -webkit-linear-gradient(#f76500, #ff8210); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(#f76500, #ff8210); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(#f76500, #ff8210e); /* Firefox 3.6 - 15 */
  	background: linear-gradient(#f76500, #ff8210); /* 标准的语法 */
  	box-shadow:0 3px 4px rgba(247,101,0,.2);
    text-align: center;
    height: 36px;
    width: 160px;
    line-height: 36px;
    margin-top: 24px;
    color: #fff;
    border-radius: 120px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: auto;
    cursor: pointer;
}

.product-sheji{
	width: 100%;
	height: 920px;
	float: left;
}

.product-sheji-wrap{
	width: 1200px;
	height: 800px;
	margin: auto;
}

.product-sheji-wrap li{
	width: 400px;
	float: left;
	height: 400px;
	position: relative;
}

.product-sheji-img{
	width: 100%;
	height: 100%;
}

.product-sheji-icon{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 110px;
	left: 0;
	right: 0;
	margin: auto;
}

.product-sheji-title{
	font-size: 25px;
	color: #5c5c67;
	position: absolute;
	top: 222px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-family: SourceHanSansCN-Medium;
}

.product-sheji-des{
	width: 290px;
	font-size: 16px;
	color: #9a9c9e;
	position: absolute;
	top: 294px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: left;
	font-family: SourceHanSansCN-Regular;
}

.product-sheji{
	width: 100%;
	height: 920px;
	float: left;
}

.product-gongyi{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_product_gongyi_bg.png);
    width: 100%;
    height: 600px;
    float: left;
}

.product-gongyi-wrap{
	width: 1200px;
	height: 400px;
	margin: auto;
}

.product-gongyi-wrap li{
	width: 380px;
	height: 400px;
	text-align: center;
	position: relative;
	margin: 10px;
	float: left;
	margin-top: 0xp;
}

.product-gongyi-wrap li:HOVER{
	background: rgba(255,255,255,.15);
}

.product-gongyi-wrap li:HOVER .product-gongyi-img{
	opacity: 1;
}

.product-gongyi-wrap li:HOVER .product-gongyi-text{
	opacity: 1;
}

.product-gongyi-img{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 48px;
	left: 0px;
	right: 0;
	margin: auto;
	opacity: 0.6;
}

.product-gongyi-text{
	width: 100px;
	font-size: 25px;
	color: #fff;
	position: absolute;
	top: 148px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-family: SourceHanSansCN-Medium;
	opacity: 0.6;
}

.product-gongyi-des{
	font-size: 16px;
	color: #fff;
	position: absolute;
	width: 320px;
	top: 280px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: left;
}

.productDetail-name{
	font-size:24px;
	color: rgba(0,0,0,0.9);
	float: left;
	width: 100%;
	text-align: center;
	font-family: SourceHanSansCN-Regular;
}

.productDetail-des-wrap{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 24px;
}

.productDetail-des{
	font-size:15px;
	color: #403d3c;
	width: 900px;
	margin: auto;
	text-align: left;
	font-family: PingFang-Light;
}

.productDetail-con{
	width: 100%;
	float: left;
	margin-top: 36px;
}

.container{
	width: 1100px;
	margin: auto;
	position: relative;
}

.slider-container{
	position: initial;
}

.slider__switch{
	width: 100px;
	height: 100px;
	z-index: 10000;
	opacity: 1;
	top: 240px;
	padding: 0px;
	margin: 0px;
}

.slider__switch:HOVER{
	opacity: 1;
}

.slider__switch--next{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_product_right.png);
    right: -100px;
}

.slider__switch--next:HOVER{
	background: url(../images/cre8te_product_right2.png);
}

.slider__switch--prev{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_product_left.png);
    left: -100px;
}

.slider__switch--prev:HOVER{
	background: url(../images/cre8te_product_left2.png);
}

.preview{
	text-align: center;
	margin-top: 24px;
}

.preview a{
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
}

.preview img{
	width: 100%;
	height: 100%;
	display: inline-block;
}

.slider__switch[disabled]{
	visibility: visible;
	opacity: 1;
}

.slider-nav{
	display: none;
}

.mengceng{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255,255,255,0.4);
	display: none;
}

.active .mengceng{
	display: block;
}

.fuwu-dinggou{
	float: left;
	width: 100%;
	height:750px;
}

.fuwu-wrap{
	width: 1160px;
	margin: auto;
	position: relative;
}

.fuwu-dinggou-leftimg{
	width: 637px;
	height: 398px;
	position: absolute;
	left: 0px;
	top: 90px;
}

.fuwu-dinggou-rightcon{
	width: 460px;
	height: 398px;
	position: absolute;
	right: 0px;
	top: 90px;
}

.fuwu-dinggou-rightimg{
	width: 500px;
	height: 400px;
	position: absolute;
	right: 0px;
	top: 50px;
}

.fuwu-dinggou-leftcon{
	width: 460px;
	height: 398px;
	position: absolute;
	left: 0px;
	top: 50px;
}

.fuwu-dinggou-rightcon img{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
}

.fuwu-dinggou-leftcon img{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
}

.fuwu-dinggou-rightcon-title{
	font-size: 25px;
	color: #5c5c67;
	position: absolute;
	top: 160px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

.fuwu-dinggou-rightcon-des{
	font-size: 16px;
	color: #9a9c9e;
	position: absolute;
	top: 250px;
	left: 0;
	right: 0;
	margin: auto;
	font-family: SourceHanSansCN-Regular;
}

.fuwu-xiaoqi{
	width: 100%;
	height: 550px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_fuwu_xiaoqi.png);
    float: left;
}

.fuwu-wrap li{
	float: left;
	position: relative;
	width: 130px;
	height: 178px;
}

.fuwu-wrap li img{
	width: 130px;
	height: 130px;
}

.fuwu-wrap li div{
	font-size: 18px;
	margin-top: 20px;
	color: #fff;
	text-align: center;
}

.fuwu-xiaoqi-hengxian{
	width: 58px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 63px;
	left: 0px;
	margin-top: 0px !important;
}

.fuwu-guanli{
	width: 812px;
	margin: auto;
	text-align: center;
}

.fuwu-guanli li{
	float: left;
	margin-right: 136px;
	width: 180px;
}

.fuwu-guanli li:nth-child(3n){
	margin-right: 0px;
}

.fuwu-guanli img{
	width:180px !important;
	height: 240px !important; 
}

.fuwu-guanli div{
	margin-top: 24px !important;
	font-size: 18px !important;
	color: #9a9c9e !important;
}

.about-title{
	background:none;
	height:auto;
	
}
.about-pp{
	width:100%;
	position:relative;
	float:left;
	background:none;
	height:auto;
	margin:25px 0px;
	
}
.about-title-beauty{
	background:none;
	height:auto;
	
}
.about-title-uniform{
	background-image:url("../images/cre8te_about_uniform.jpg");
	width: 100%;
	/*height:500px;*/
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
	
}
.about-title-advantage{
	background:none;
	height:auto;
}

.about-title div{
	width: 445px;
    margin: auto;
    font-size: 18px;
    color: #505050;
    text-align: left;
    margin-right: 23%;
}

.about-img{
	width: 100%;
	/*height: 400px;*/
	text-align: center;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.about-img>img{
	/*width: 1100px;*/
	/*height: 400px;*/
}

.about{
	background-color: #fbfbfd;
	width: 100%;
	
}
.about-bear{
	background-image: url("../images/cre8te_about_bearbg.png");
	height: 320px;
	background-size: 100%;
    position: relative;
    width: 100%;
}
.about-bear img{
	width: 78%;
    margin: 0 auto;
    position: absolute;
    left: 14%;
    top: -20%;
}
.about-wrap{
	width: 1100px;
	margin: auto;
	position: relative;
}

.about-item{
	width: 350px;
	height: 350px;
	position: absolute;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	transition: margin-top 0.35s ease-in-out;
}

.about-item:HOVER .about-item-mengceng{
	display: block;
}

.about-item:HOVER .about-item-title{
	display: none;
}

.about-item:HOVER {
	margin-top: -15px;
}

.about-item-01{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item01.png);
    top: 100px;
    left: 0px;
}

.about-item-02{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item02.png);
    top: 0px;
    left: 420px;
    z-index: 3;
}

.about-item-03{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item03.png);
    top: 100px;
    right: 0px;
    z-index: 2;
}

.about-item-04{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item04.png);
    top: 0px;
    left: 0px;
    z-index: 3;
}

.about-item-05{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item05.png);
    top: 138px;
    left: 334px;
    z-index: 2;
}

.about-item-06{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item06.png);
    top: 20px;
    right: 0px;
}


.about-item-title{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.about-item-title-01{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item01_title.png);
}

.about-item-title-02{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item02_title.png);
}

.about-item-title-03{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item03_title.png);
}

.about-item-title-04{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item04_title.png);
}

.about-item-title-05{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item05_title.png);
}

.about-item-title-06{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_abour_item06_title.png);
}

.about-item-mengceng{
	display: none;
	text-align: center;
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 16px;
}

.about-item-mengceng div{
	width: 274px;
	height: 78px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: left;
	
}

.about-bottom{
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: url(../images/cre8te_about_place.png);
    width: 100%;
    height: 600px;
    float: left;
    position: relative;
}

.about-erweima{
	width: 258px;
	height: 258px;
	position: absolute;
	left: 0;
	right: 0;
	top: 160px;
	margin: auto;
}

.about-contact{
	width: 410px;
	position: absolute;
	left: 0;
	right: 0;
	top: 460px;
	margin: auto;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.fuwu-dinggou-wrap{
	position: absolute;
	width: 960px;
	left: 0;
	right: 0;
	top: 66px;
	height: 730px;
	margin: auto;
	z-index: 10000;
}

.fuwu-dinggou-toplist{
	
}

.fuwu-dinggou-toplist li{
	width: 240px;
	height: 280px;
	text-align: center;
	position: relative;
	float: left;
}

.fuwu-dinggou-toplist-img{
	width: 210px;
	height: 170px;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: auto;
}

.fuwu-dinggou-bottomlist-img{
	width: 210px;
	height: 170px;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	margin: auto;
}

.fuwu-dinggou-list-mengceng{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius:10px;
	display: none;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
}

.fuwu-dinggou-list-title{
	width: 206px;
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: left;
	font-size: 24px;
	color: #9a9c9e;
}

.fuwu-dinggou-list-des{
	width: 206px;
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: left;
	font-size: 16px;
	color: #9a9c9e;
	opacity: 0.5;
}

.fuwu-dinggou-middle{
	width: 960px;
}

.mall-des{
	background: url(../images/cre8te_mall_bg.png);
	width: 100%;
	height: 900px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.mall-wrap{
	width: 1020px;
	margin: auto;
	position: relative;
}

.mall-des-title{
	position: absolute;
	right: 0px;
	top: 320px;
	width: 500px;
	font-size: 45px;
	color: #3e3f42;
	font-family: SourceHanSansCN-Light;
	text-align: left;
}

.mall-des-text{
	position: absolute;
	right: 0px;
	top: 400px;
	width: 500px;
	font-size: 16px;
	color: #9a9c9e;
	font-family: SourceHanSansCN-Regular;
	text-align: left;
}

.mall-des-btn{
	position: absolute;
	right: 260px;
	top: 528px;
	width: 240px;
	height: 44px;
	border-radius:100px;
	background: -webkit-linear-gradient(#f76500, #ff8210);
    background: -o-linear-gradient(#f76500, #ff8210);
    background: -moz-linear-gradient(#f76500, #ff8210e);
    background: linear-gradient(#f76500, #ff8210);
    box-shadow: 0 3px 4px rgba(247,101,0,.2);
    text-align: center;
    line-height: 44px;
    color: #fff;
    cursor: pointer;
}

.mall-des-btn>img{
	float: left;
	width: 36px;
	margin-top: 4px;
	margin-left: 30px;
}

.mall-des-btn>span{
	float: left;
	display: inline-block;;
	margin-left: 10px;
	color: #fff;
}

.mall-shouji{
	background: url(../images/cre8te_mall_bg1.png);
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    float: left;
}

.mall-shouji-wrap{
	width: 950px;
	margin: auto;
	position: relative;
}

.mall-shouji-title{
	position: absolute;
	left: 0px;
	top: 140px;
	font-size: 30px;
	color: #fff;
	font-family: SourceHanSansCN-Light;
}

.mall-shouji-erweima{
	position: absolute;
	left: 154px;
	top: 200px;
}

.mall-shouji-shouji{
	position: absolute;
	right: 25px;
	top: 67px;
}

.slider__item img {
    float: left;
}

.about-bottom-contact {
    width: 100%;
    height: 280px;
    float: left;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.about-contact-wrap {
    margin: auto;
    width: 1200px;
    text-align: center;
}

.about-contact-wrap span {
    display: inline-block;
    text-align: left;
    margin: 20px;
    color:#939393
}

.about-contact-city {
    font-size: 32px;
}

.about-contact-phone {
    margin-top: 12px;
    float: left;
    margin-right: 20px;
}

.about-contact-phone span{
    margin: 0px;
    background: #f76500;
    border-radius:100px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    margin-right: 8px;
}

.about-contact-con {
    margin-top: 10px;
    line-height: 23px;
    font-size: 13px;
}

.footer-a{
	font-size: 13px;
    color: rgba(147,147,147,0.5);
    position: absolute;
    text-align: center;
    bottom: 70px;
    /*width: 100%;*/
}