/*cssReset*/
*{padding:0; margin:0; outline:0; border:0; border-spacing: 0;  box-sizing: border-box; border-collapse: collapse; list-style: none; text-decoration: none; vertical-align: middle; }
html,body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  text-align: left; color: #444}
a{color: #444;}
img{max-width: 100%;}
input[type="text"]{padding-left: 10px; height: 50px; line-height: 50px; border:1px solid #ddd;}
textarea{padding:10px; width: 100%; border:1px solid #ddd; }
button{border:none; background:transparent;}
.g-container{min-width: 1200px; max-width: 1920px;  margin:auto;}
.clear:after{content:''; display: block; clear: both;}

.btn{display: block; position: relative; z-index: 3; margin:auto; margin-top: 40px; width: 160px; height: 46px; line-height: 46px; font-size: 18px; border:1px solid #333; cursor: pointer; overflow: hidden;}
.btn:after{content: ''; display: block; position: absolute; top:50%; left: 50%; z-index: -1; width: 300px; height: 300px; border-radius: 50%;  opacity: 0; transform:translate(-50%,-50%) scale(0,0); transition:all 500ms;}
.btn:hover{ color: #fff;}
.btn:hover:after{ transform:translate(-50%,-50%) scale(1,1); opacity: 1;}


/*inline-block*/
.slide .pagination span,.footer .share a , .header .tel i , .header .menu , .header .search{display: inline-block; *display:inline; zoom:1;}



/*header*/
.header .logo img , .header .tel ,.header .hright{transition: all 500ms}
.header{}
.header .headbox{display: table; position: relative; z-index: 9; width: 90%; padding-bottom: 20px; margin:auto;}
.header .logo{width: 25%; /*display:table-cell;*/ position: absolute; top:18px; left: 0;}
.header .logo img{width: 240px}
.header .hright{/*display:table-cell;*/ padding-bottom: 20px; width: 100%; text-align:center;}
.header .tel{height: 30px; line-height: 30px; text-align: right; color: #777; }
.header .tel i{width: 16px; height: 16px; background:url(icons.png) no-repeat center 13%; }
.header .tel b{margin-left: 4px; font-weight: normal; color: #222; vertical-align: bottom; font-size: 18px;}
.header .menu .item{position: relative;z-index: 9; padding:0 20px; float: left; line-height: 36px; cursor: pointer; font-size: 18px;}
.header .menu .item a{display: block;}
.header .menu .child{display: none; position: absolute; top:0;  left: -10%; z-index: -1; padding-top:50px;  width: 120%; line-height: 3em; text-align: center; background:#fff; font-size: 14px; }
.header .menu .child a , .header .menu .item:hover .child a{color: #444}
.header .menu .item:hover .child a:hover , .header .menu .act a , .header .menu .item:hover a {}
.header .menu .child a, .header .menu .item:hover .child .act{color:#f00353 }
.header .menu .item:hover ul{display: block;}

.header .search{position: absolute; top:40px; right: 0; margin-left: 20px; width: 200px; }
.header .search input{width: 100%; height: 36px; line-height: 36px; padding-left:10px;}
.header .search button{position: absolute; top:0; right: 0; z-index: 3; width: 36px; height: 36px; cursor: pointer; background:url(icons.png) no-repeat center 22%;}

.header.fixed{position: fixed; top:0; left:0; z-index: 99; width: 100%; min-width: 1200px; box-shadow: 0 0 6px rgba(0,0,0,.2) }
.header.fixed .hright{ padding: 10px 0; }
.header.fixed .search , .header.fixed .logo{top:10px;}
.header.fixed .tel{font-size: 12px;  height: 30px; line-height: 30px; display: none;}
.header.fixed .tel b{font-size: 14px;}
.header.fixed .logo img{width:170px;}
.header.fixed .child{top:-10px;}

/*footer*/
.footer{text-align: center;}
.footer .text{font-size: 14px;}
.footer .share{margin: 20px auto 60px; text-align: center; font-size: 0}
.footer .share a{ margin:0 5px; width: 28px; height: 28px; background: #aaa url(share.png) no-repeat center top; border-radius: 14px; float: none; }
.footer .share a:hover{background-color: #f00353;}
.footer .share .bds_weixin{background-position: center 50%;}
.footer .share .bds_tsina{background-position: center 100%;}
.footer .copyright{line-height: 54px;  border-top:1px solid #ddd; color: #999; }
.gotop{position: fixed; bottom:12%; right:40px; z-index: 9; width: 32px; height: 32px; border-radius: 50%; background:rgba(0,0,0,.5) url(icons.png) no-repeat center 0; cursor: pointer;}
.gotop:hover{background-color: #f00353}

.fy{width:100%;text-align:center;display: flex;
align-items: center; 
justify-content: center;
margin:40px 0px}
/* index */
/*slide*/
.slide{position: relative; width: 100%; overflow:hidden; background: url(logo-gray.png) no-repeat center center;}
.slide .wrap , .slide .item , .slide .item a{height: 100%}
.slide .wrap{position: relative; }
.slide .item{ ; width: 100%; float: left;  }
.slide .item a{display: block; height: 100%; background:no-repeat center top; background-size:cover; }
.slide .pagination{position: absolute; bottom:20px; left: 0; width: 100%; text-align: center;}
.slide .pagination span{ margin:0 6px; width:12px; height: 12px; background: #aaa; font-size: 0; border-radius: 6px; cursor: pointer; transition: width 500ms;}
.slide .pagination .act{width: 18px; background: #f00353}


.content{ margin:60px auto; }
.g-title h2 , .g-table .g-cell .text h2{margin-bottom: 10px; /*letter-spacing: 1rem; */line-height: 1em; text-indent: 12px; text-transform: uppercase; font-size:2.875rem; color: #222; }
.g-title h4 , .g-table .g-cell .text h4{font-size: 1.625rem;color: #222; }
.g-table .g-cell .text h6{margin-bottom: 40px; font-size: 1.312rem; line-height: 1em;  color: #222;}

.g-title{margin: 6.32rem auto 2.6rem; text-align: center;table-layout: fixed }
.g-table {display: table; width: 100%;}
.g-table .g-cell{display: table-cell;/* width: 50%; */}
.g-table .g-cell .text{text-align: center;}
.g-table .g-cell .text span{display: block; margin-top: 30px; line-height:1.5em; letter-spacing: 2px; color: #000; }
.g-table .g-cell .aling-l{margin-left: 10%; }
.g-table .g-cell .aling-r{margin-right: 10%; }
.g-table .g-cell .text-l{width: 93%; margin:auto; text-align: left;    line-height: 30px;}
.g-table .g-cell .text-l h2{text-indent: 0;}
.g-table .g-cell .text-l p{font-size: 18px; color: #222;}
.g-table .g-cell .text-l.inline h2 , .g-table .g-cell .text-l.inline h4{display: inline;}
.g-table .g-cell .text-l.inline h4{vertical-align: -10px;}

.g-changing{width: 90%; margin:auto; overflow:hidden; padding-top: 60px;}
.g-changing .c-label{margin-bottom:2.6rem;; text-align: center; font-size: 1.312rem;}
.g-changing .c-label span {margin:auto 25px; color: #777; cursor: pointer;}
.g-changing .c-label .act{font-weight: bolder;}
.g-changing .c-label .act a{ color: #f00353}
.g-changing .changing{position: relative; left: 0; font-size: 0}
.g-changing .changlist{width: 100%;overflow: hidden;}
.g-changing .changlist .slide-prev{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,.5) url(arr-l.png) no-repeat center;
	z-index: 2;
	cursor: pointer;
}
.g-changing .changlist .slide-next{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,.5) url(arr-r.png) no-repeat center;
	z-index: 2;
	cursor: pointer;
}
.g-changing .changlist > .swiper-button-disabled{
	display: none;
}
.g-changing .changing li , .block_area_bod .block_bd_li li{position: relative; width: 25%; margin-left: 40px; margin-bottom: 2rem; float: left; cursor: pointer; }
.g-changing .changing li{
	padding: 0 20px;margin-left: 0;
}
.g-changing .changing li:nth-child(4n+1) , .block_area_bod .block_bd_li li:first-child , .block_area_bod .block_bd_li li:nth-child(4n+1) {margin-left: 0}

.g-changing .changing .text{display: none; position:absolute; bottom:20px; left: 20px; padding:10px 0; width: calc(100% - 40px); background-color: #fff; text-align: center;  }
.g-changing .changing .text p{font-size: 18px;}
.g-changing .changing .text span{color: #777; font-size: 14px;}
.g-changing .changing .text span:before{content:'￥';}

.g-changing .c-label ul{text-align: center;}
.g-changing .c-label li{display: inline-block; margin:auto 25px;  cursor: pointer;}
.g-changing .c-label li a {display: block;}
.fright{display: none;}

.block_area_bod{width: 90%; margin:auto;}
.block_area_bod .block_bd_li{display: none;  }
.block_area_bod .block_bd_li:first-child{display: block;}
.block_area_bod .block_bd_li li{text-align: center;}


.vogue , .contact{width: 90%; margin:auto;}
.vogue .g-table{display: block;}
.vogue .g-cell{padding-right: 20px; display: block;    width: 95%;
    margin: 0px auto;/* float: left;*/}
/*.vogue .g-cell:last-child{padding:0; padding-left: 20px;}*/
.vogue .g-cell .img{ overflow: hidden;}
.vogue .g-cell img{width: 100%;max-height:485px;}
@media screen and (max-width: 768px) and (min-width: 320px){
.vogue .g-cell{padding-right: 20px; display: block;    width:100%;
    margin: 0px auto;/* float: left;*/}	
.vogue .g-cell img{width: 100%;height:auto;max-height:auto;}
}

.vogue .labtext{position: relative;margin:auto; margin-top: -80px;padding:30px 0;  width: 80%; text-align: center; background-color: #fff; line-height: 1.5em; }
.vogue .labtext p{margin-bottom: 24px; font-size: 24px; font-weight: bolder; color: #222; }

.contact {padding:70px 0; margin-top: 120px; }
.contact .form{width: 36%; margin:auto; padding:3%; background-color: #fff; }
.contact .form .g-title{margin:40px auto;}
#contact-form .inpt{position: relative; margin-bottom: 20px;}
#contact-form label.error{position: absolute; top:10px; right: 20px; color: #f00353}
#contact-form .tinput{display: block; width: 100%; }
#contact-form textarea{height: 100px;}
#contact-form .btn{  width: 200px; }

/* index */

/*g-crumbs*/
.g-crumbs{position: fixed; top:300px; right: 0;z-index: 9; min-height: 130px;  padding:15px 4px; background: #fff; border-top-left-radius: 15px; border-bottom-left-radius: 15px; overflow:hidden;  }
.g-crumbs a{ display: none; position: relative;  height: 100%; width: 36px; line-height: 1.4em; padding:24px 10px 0; float: left; overflow: hidden; }
.g-crumbs a:before{content:''; position: absolute; top:0; left: 8px; display: block; width: 12px; height: 12px; border-radius: 50%;  border:2px solid #aaa;}
.g-crumbs a:hover{color: #f00353;}
.g-crumbs:hover{box-shadow: 0 0 6px rgba(0,0,0,.2);}
.g-crumbs .act , .g-crumbs.now a{display: block;}
.g-crumbs .act:before,.g-crumbs a:hover:before{border-color:#f00353 ;}

/*inner-cont 内页*/
.inner-cont{padding-bottom: 60px; border-top:1px solid #ddd;}

.innerban{padding:60px; margin-bottom: 60px;}
.innerban .g-table{width: 70%;  margin:auto;}
.innerban .g-table .g-cell{width: 28%}
.innerban .g-table .most{width: 60%; padding-left: 4%;}
.innerban .g-table .text{text-align: left;}
.innerban .g-table .text h2{text-indent: 0; letter-spacing: 0; }
.innerban .g-table .text h6{line-height: 1.4em;}
.innerban b{display: block; font-weight: normal; margin-top: 40px;}
.innerban i{display: block; font-style: normal; color: #999; font-size: 12px;}
.bg-idea{background: url(bg-idea.jpg) no-repeat center top; background-size: cover;}
.bg-video{background:#efeeec url(bg-video.jpg) no-repeat center top; background-size: cover;}
.innerimg{margin-bottom: 60px;}

.inner-cont .g-changing .changlist{float: none}

.maxvideo{ width: 50%; margin:auto;}
.maxvideo .video{position: relative;z-index: 3; cursor: pointer;}
.maxvideo video , .videolist video{ width: 100%; display: block;}
.maxvideo .video:before , .videolist .item .text:after{content:''; display: block; position: absolute; left: calc(50% - 25px); top:calc(50% - 50px); z-index: 4; width: 50px; height: 50px; background:url(icon-video.png) no-repeat center 0; background-size: cover;}
.maxvideo .video:after{content:'';position: relative; top:0; display: block; height: 60px; background:url(shadow.png) no-repeat center top; background-size: 100%; }
.maxvideo .play:before{display: none;}
.maxvideo .text{text-align: center;}
.maxvideo .text p{font-size:1.312rem; font-weight: bolder; color: #222 }

.videolist{padding-right: 60px;}
.videolist .item{position: relative; padding-left: 60px; width: 50%; float: left; cursor: pointer;}
.videolist .item .text{position: absolute; bottom:0; left: 60px; z-index: 3; padding:16px; width: calc(100% - 60px); font-size: 16px; background: url(shadow2.png) repeat-x center top; color: #fff;}
.videolist .item .text:after{left: auto; top:24px; right: 16px; width: 16px; height: 16px;}
.videolist .item .play~.text:after{display: none;}

.teamvideo{margin-top: 60px;}
.teamvideo .item{width: 33%;}

.teamslide{position: relative; width: 100%; overflow:hidden;}
.teamslide .teams {position: relative; perspective:1200px; overflow:hidden;}
.teamslide .item{ width: 100%; float: left; }
.teamslide .item-cont{position: relative; width: 300px; height: 600px; overflow:hidden; float: right;transform: scale(.66,.66); transition: all 1s }
.teamslide .next .item-cont{float: left;}
.teamslide .img{width: 100%; height:100%; background:no-repeat center top;  }
.teamslide .item .intro{position: absolute; bottom: 0;left: 0;width: 100%; padding:20px; text-align: center; background: url(shadow3.png) repeat-x center bottom; background-size: contain; color: #fff;}
.teamslide .item .intro p{display: block; font-size: 1.312rem; font-weight: bolder;}
.teamslide .item .text{display: none;}
.teamslide .active .item-cont{ transform: scale(1,1); }
.teamslide .active .item-cont{width: 100%;}
.teamslide .active .text{display: block;}
.teamslide .active .intro{text-align: left;}
.teamslide .active .intro p{display: inline; }

.teamslide .flipt button{position: absolute; top:0; left: 0; width: 30%;height: 100%; cursor: pointer; }
.teamslide .flipt .next{left: auto; right: 0;}

/*产品展示*/
.g-changing .changing .img{overflow:hidden;}
.g-changing .changing .img img{width: 100%;}
.g-changing .changing .observe .obg{ position: absolute; top:0;left: 0; z-index: 1;width: 100%;height: 100%; background: rgba(0,0,0,.1)}
.g-changing .changing .observe .obg:before{content:''; position: absolute; top:calc(50% - 1.3125rem); left: calc(50% - 1.3125rem); width: 2.625rem; height: 2.625rem; background: rgba(255,255,255,.7) url(icons.png) no-repeat center 32.5%; border-radius: 50%;}

.changpop{display: none; position: fixed; top:0; left: 0; z-index: 99; width: 100%; min-width: 1200px; height: 100%; background-color: rgba(0,0,0,.7)}
.changpop .popwrap{position: relative; width: 32%;  margin:10rem auto 0 auto; padding-bottom:3rem; overflow:hidden ; }
.changpop .slidpop{position: relative;  margin:auto; text-align: center;}
.changpop .slidpop .item{position: relative; padding:2rem; float: left; background-color: #fff; }
.changpop .slidpop .item img{max-width: 100%; max-height: 100%;}
.changpop .slidpop .tag{position: absolute; bottom:2rem; left: calc(50% - 4rem); width: 8rem; padding:0 1rem; background-color: #222; color: #fff; border-radius: 1rem; }
.changpop .poppage {position: absolute; bottom:0; left: 0; z-index: 3; width: 100%; text-align: center;}
.changpop .poppage span{display: inline-block; margin:auto 5px; width: 8px;height: 8px; border:1px solid #fff; border-radius: 50%; cursor: pointer;}
.changpop .poppage .act{background-color: #fff;}
.changpop .barinfo{margin-top: 10px; text-align: center; color: #fff;}
.changpop .barinfo p{font-size: 20px;}
.changpop .barinfo span{font-size: 16px;}
.changpop .clone{position: absolute; left: 66%; top:10rem; background: #222 url(icons.png) no-repeat center 44.4%; width: 32px; height: 32px;  cursor: pointer;}
.changpop .clone:hover{background-color: #f00353}
.changpop .flip button{position: absolute; top:calc(50% - 46px); left: 15%; display: block; width: 46px; height: 46px; background: url(icon-arr.png) no-repeat center bottom; cursor: pointer;}
.changpop .flip .next{background-position: center top; left: auto; right: 15%;}
.changpop .flip .over{opacity: .3; cursor: default;}

.pagenumber{text-align: center; margin-top: 30px;}
.pagenumber .pagebar{display: inline-block; padding:15px 30px; background-color: #f3f3f3;  border-radius: 60px;} 
.pagenumber .pagebar a{position: relative; display: block; width: 40px; height: 30px; float: left; color: #777; line-height: 30px;  font-size: 18px;}
.pagenumber .pagebar a:before{/*content: '/'; position: absolute; left: -6px; */}
.pagenumber .pagebar .page-prev:before , .pagenumber .pagebar .page-next:before,.pagenumber .pagebar .page-prev+a:before{display: none;}
.pagenumber .pagebar .page-prev, .pagenumber .pagebar .page-next{width: 30px; font-size: 22px; }
.pagenumber .pagebar .now,.pagenumber .pagebar a:hover{color:#f00353;}
.pagenumber .pagebar .now{font-weight: bolder;}
.pagenumber .pagebar a:hover:before , .pagenumber .pagebar .now:before{color:#777;}


/*新闻*/
.newlist{padding-bottom: 40px;padding-top: 40px;}
.newlist .newitem{width: 1200px; margin:auto; text-align: center;}
.newlist .newitem .newdate{position: relative; z-index: 3; padding:3.29rem 0; font-size: 16px; }
.newlist .newitem .newdate:before,.newlist .newitem .newdate:after{content: ''; position: absolute; left: 27%; top:50%; z-index: -1; width: 46%; height: 1px; background-color: #ddd}
.newlist .newitem .newdate:after{left: 43%; top:46%; width: 14%; height: 10px; background: #fff; }
.newlist .g-table .g-cell .text{width: 72%; margin:auto;}
.newlist .g-table .g-cell .text p{font-size: 20px; letter-spacing: 2px;  font-weight: bolder;}
.newlist .g-table .g-cell .text span{text-align: center; margin-top:6px;}
.newlist .newtag{display: inline-block; font-size: 20px;  margin-bottom: 30px; border:1px solid #222; color: #222; font-weight: bolder;}
.newlist .newtag:before , .newlist .newtag:after{content: '#'; color: #222; padding:0 12px;}

.newdetails{width: 1200px; margin:auto;}
.newdetails img{display: block; margin:auto;}
.newdetails .newtitle{text-align: center; padding:6.32rem 0 3.276rem 0;}
.newdetails .newtitle p{font-size: 1.312rem; font-weight: bolder;}
.newdetails .newtitle span{font-size: 16px;        margin-top: 30px;
        display: block;}
.newdetails .newcont p{margin-bottom: 40px;}

/*招商*/
.busineinfo{margin-top: 60px;}
.busineinfo .g-cell .text h6{margin-bottom: 20px;}
.busineinfo .g-cell .text p{font-size: 14px;}
.busineinfo .g-cell .g-marg{margin-top: 60px;}
.busineinfo .g-cell .text-l{width: 100%}
.busineinfo .cell-qr{border:1px solid #ddd;}
.busineinfo .cell-qr p{letter-spacing: 2px;}
.busineinfo .cell-qr .aimg{padding:10px;}


/*联系我们*/
.g-connection { padding:6.32rem 0; background: url(bg-connection.jpg) no-repeat center center ; background-size: cover;}
.g-connection .g-table{width: 1200px; margin:auto; background: #fff;}
.g-connection .g-cell{position: relative;}
.g-connection .connecform{padding:0 60px;}
.g-connection .text{margin-bottom: 50px;}
.g-connection .conninfo{position: absolute; top:0; left: 0; width: 100%; height: 100%; padding:160px; color: #fff; text-align: center; font-size: 18px;} 
.g-connection .conninfo p span{display: block; font-size: 1.625rem;}
.g-connection .conninfo .wx{margin-top: 50px;}
.g-connection .conninfo .aimg{width: 120px; height: 120px; margin:10px auto; padding:4px; background: #fff; border-radius: 5px;}
.g-connection .g-table .g-cell .aling-r{margin-right: auto;}

/*搜索结果*/
.g-title.g-search h2{letter-spacing: 0; font-size: 1.6rem; margin-bottom: 30px;}
.g-search form{width: 600px; margin:auto; position: relative;}
.g-search .key{width: 100%; border-color: #222; font-size: 1.312rem; font-weight: normal; color: #222;}
.g-search button{display: block; width: 50px; height: 50px; position: absolute; top:0; right: 0; z-index: 3; cursor: pointer; background: url(wapicons.png) no-repeat center 33%; background-size: 40px;}

/*@media*/


@media screen and (max-width: 1400px) {
	body{font-size: 12px;}
    .g-title h2, .g-table .g-cell .text h2{font-size: 24px;}
    .g-title h4, .g-table .g-cell .text h4{font-size: 24px;}
	.g-changing .changing .text p{font-size: 14px;}

    .g-table .g-cell .text span{margin-top: 20px;}
    .g-title{margin:80px auto 40px;}
    .g-changing .c-label{margin-bottom: 60px;}
    .content{margin:30px auto;}
    .footer .share{margin-bottom: 30px;}
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 750px) {
	.g-container{max-width: 100%; min-width: auto;}
	.header .headbox{}
}