/*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{line-height: 1.5em; font-size: 12px; }
a{color: #444;}
img{max-width: 100%;}
input,textarea{-webkit-appearance:none; border-radius: 0}
input[type="text"]{padding-left: 5px; height: 50px; line-height: 50px; border:1px solid #ddd; }
textarea{padding:5px; width: 100%; border:1px solid #ddd; }
button{border:none; background:transparent;}
.clear:after{content:''; display: block; clear: both;}

.btn{display: block; position: relative; z-index: 3; margin:auto; margin-top: 20px; width: 160px; height: 40px; line-height: 40px; font-size: 1.2rem; border:1px solid #333; cursor: pointer; overflow: hidden;}
.btn:after{content: ''; display: block; position: absolute; top:50%; left: 50%; z-index: -1; width: 300%; height: 900%; border-radius: 50%; background-color: #f00353; opacity: 0; transform:translate(-50%,-50%) scale(0,0); transition:all 500ms;}
.btn:hover{border-color: #f00353; 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 {position: fixed; left:0; top:0; z-index: 9; width: 100%; height: 50px;  padding:13px 0; background-color: #fff }
.header .logo{text-align: center;}
.header .logo img{width: 150px;}
.header .tel{ position: absolute; bottom:0; left: 0; width: 100%; height: 50px; line-height: 50px; border-top:1px solid #ddd; text-align: center; color: #777  }
.header .tel i{display: none}
.header .tel b{color: #222; font-size: 16px; margin-left: 4px; vertical-align: 0px;}
.header .hright i{position: absolute; top:13px; left: 10px; width: 24px; height: 24px;   background:url(wapicons.png) no-repeat center 22%; background-size: cover;}
.header .hright .searicon , .header .hright .serclear{left: auto; right: 10px;  background:url(wapicons.png) no-repeat center 33%; background-size: cover;}
.header .hright .serclear{background-position: center 11%; top:42px; right: 30px; }
.header .hright .backicon{background-position: center 66.6%; width: 50px; height: 50px; top:0; left: 0; }
.header .menu{position: fixed; left: -100%; top:0; z-index: 99; width: 80%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling:touch; transition: all 500ms; }
.header .menu:after{content:''; position: absolute; top:0; left: 0; z-index: -1; display: block; width: 100%; height: 100%; background-color: #fff;}
.header .menu .item{position: relative; border-top:1px solid #ddd; font-size: 1.2rem; line-height: 3em;}
.header .menu .item:first-child{border:none;}
.header .menu .item .child{display: none; padding:10px 0; border-top:1px solid #ddd; font-size: 12px; line-height: 2.5em;  }
.header .menu .item a{display:block;  padding-left: 10px;}
.header .menu .item:after{content:''; display: block; position: absolute; top:9px; right:10px; width: 24px; height: 24px;  background:url(wapicons.png) no-repeat center 44%; background-size: cover;}
.header .menu .item .child a{padding-left: 35px; color: #666}
.header .menu .act a{color: #f00353}

.header .search{display: block; position: absolute; left:0; top:50px;  z-index: -9;  width: 100%; height: 0;  margin:auto; border-top:1px solid #ddd; background-color: #fff; transition: all 500ms; overflow:hidden;}
.header .search form{padding:30px 20px; }
.header .search input{width: 100%; height: 50px; border:none; border-bottom: 1px solid #ddd}


.blackbg{display: none; position: fixed; top:0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0,0,0,.8)}
.blackbg:after{content:''; display: block; position: absolute; top:20px; right:20px; width: 24px; height: 24px;  text-align: center; background:url(wapicons.png) no-repeat center 0%; background-size: cover; }

/*footer*/
.footer{text-align: center;}
.footer .text{font-size: 1.2rem;}
.footer .share{margin: 15px auto 30px; 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:13%; right:20px; z-index: 9; width: 32px; height: 32px; border-radius: 50%; background:rgba(0,0,0,.5) url(wapicons.png) no-repeat center 55.5%; background-size: cover;; cursor: pointer;}
.gotop:hover{background-color: #f00353}


/* index */
.g-container{padding-top: 50px;}

/*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;  line-height: 0}
.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 5px; width:6px; height: 6px; background: #aaa; font-size: 0; border-radius: 6px; cursor: pointer; transition: width 500ms;}
.slide .pagination .act{width: 12px; background: #f00353}


.content{ margin:0px auto; }
.g-title h2 , .g-table .g-cell .text h2{margin-bottom: 10px; /*letter-spacing: .5rem;*/ line-height: 1em; text-indent: 12px; text-transform: uppercase; font-size: 1.9rem; color: #222;}
.g-title h4 , .g-table .g-cell .text h4{font-size: 1.6rem;color: #222; line-height: 1.5em; }
.g-table .g-cell .text h6{font-size: 1.2rem;line-height: 1.5em; color: #222; }

.g-title{margin: 40px auto 20px; text-align: center;table-layout: fixed }
.g-table .g-cell .text{width: 90%; margin:auto; padding:2rem 0; text-align: left; }
.g-table .g-cell .text span{display: block; margin-top: 15px; line-height: 2em; letter-spacing: 2px; color: #444; text-align: left}
.g-table .g-cell .text-l span{ text-align: left;}
.g-table .g-cell .text-l h2{text-indent: 0; letter-spacing: 5px}
.g-table .g-cell .text-l p{font-size: 1.1rem; color: #222;text-align:left}
.g-table .g-cell .text-l.inline h4{vertical-align: -2px; }
.g-table .g-cell .text-l.inline p{margin-top: 10px; line-height: 1.5em;}
.g-table .g-cell{text-align: center;}

.g-changing{ overflow-x:hidden;        margin-top: 30px; }
.g-changing .c-label{margin:auto;padding-bottom:20px; text-align: center; font-size: 1.2rem; width: 100%;
 overflow: hidden; overflow-x:auto; 
 -webkit-overflow-scrolling:touch;
 display: box;
 display: -webkit-box;
}
.g-changing .c-label >span{
	display: block;
	line-height: 2;
}
.g-changing .c-label ul{
	display: box;
	/* display: -webkit-box; */
	width: 100%;
	text-align: center;
}
.g-changing .c-label li{display: inline-block;margin:0 8px;padding:8px 0;}
.g-changing .c-label span{padding: 0 13px; color: #777; cursor: pointer;}
.g-changing .c-label .act{font-weight: bolder; color: #f00353}
.g-changing .c-label .act a{ color: #f00353}
.g-changing .changing{position: relative; left: 0; display: block; }
.g-changing .changlist{float: left;}
.g-changing .changing li{position: relative; width:50%; padding:2%;  float: left; }
.g-changing .changing .text{text-align: center;  min-height: 4rem; }
.g-changing .changing .text span{color: #777;}
	
.vogue{width: 100%; margin:auto;}
.vogue .g-cell{margin-bottom: 20px;}
.vogue .labtext{position: relative;margin:auto; margin-top: -4rem;padding:20px 0;  width: 80%; text-align: center; background-color: #fff; line-height: 1.5em; color: #444 }
.vogue .labtext p{margin-bottom: .4rem; font-size: 1.2rem; font-weight: bolder; color: #222; }

.contact {padding:10px 0; margin-top: -25px; background:url(roucai8-2.jpg) no-repeat center;}
.contact .form{width: 80%; margin:auto; padding:5%; background-color: #fff; }
.contact .form .g-title{margin:20px auto;}
#contact-form .inpt{position: relative; margin-bottom: 20px;}
#contact-form label.error{position: absolute; top:16%; right: 4%; color: #f00353}
#contact-form .tinput{display: block; width: 100%; }

#contact-form textarea{height: 100px;}
#contact-form .btn{  width: 100%; margin-bottom: 20px; }

/* index */


/*g-crumbs*/
.g-crumbs{position: relative; width: 30%; margin:auto; }
.g-crumbs .crumbswrap{position: relative;; display: flex;  flex-wrap: wrap;}
.g-crumbs .crumbswrap:after{content: ''; display: block; clear: both;}
.g-crumbs a{position: relative; display: block; padding:2rem 0; font-size: 1.2rem; width: 30%; line-height: 1.4rem; text-align: center;  white-space: nowrap;}
.g-crumbs .act:after{content:''; position: absolute; bottom:.5rem; left: 30%; display: block; margin:.4rem auto 0 auto;  width: 40%; height: 2px; background: #f00353}

/*inner-cont*/
.inner-cont{overflow:hidden;}
.innerban.bg-idea .g-cell img{width: 100%}
.innerban b{display: block; font-weight: normal; margin-top: 2rem;}
.innerban i{display: block; font-style: normal; color: #999; font-size: 12px;}
.innerimg{margin-bottom: 1rem;}
.inner-cont .g-changing .changlist{float: none;}

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

.videolist .item{position: relative; margin-bottom: 1rem;  }
.videolist .item .text{ padding:1rem; width: 100%; text-align: center;}

.teamslide{position: relative; width: 100%; overflow:hidden;}
.teamslide .teams {position: relative;  overflow:hidden;}
.teamslide .item{position: relative; width: 100%; float: left; }
.teamslide .img{width: 100%; height:100%; background:no-repeat center top; background-size: cover;  }
.teamslide .img img{width: 100%;height: 100%;}
.teamslide .item .intro{width: 100%; padding:20px; text-align: center; }
.teamslide .item .intro p{display: block; font-size: 1.312rem; font-weight: bolder;}
.teamslide .item .text{display: none; padding-top: 10px;}
.teamslide .active .item-cont{width: 100%;}
.teamslide .active .text{}


/*产品展示*/
.g-changing .changing .img{overflow:hidden;}
.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%; height: 100%; background-color:#fff}
.changpop .popwrap{position: relative;  margin:2rem auto 0 auto; padding-bottom:3rem; overflow:hidden ; }
.changpop .slidpop{position: relative;  margin:auto; text-align: center; width: 1656px;}
.changpop .slidpop:after{content:''; display: block; clear: both;}
.changpop .slidpop .item{position: relative; width: 414px; 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 #ddd; border-radius: 50%; cursor: pointer;}
.changpop .poppage .act{background-color: #f00353; border-color: transparent;}
.changpop .barinfo{margin-top: 10px; text-align: center;}
.changpop .barinfo p{font-size: 20px;}
.changpop .barinfo span{font-size: 16px;}
.changpop .clone{position: absolute; right:1rem; top:1rem; background: url(wapicons.png) no-repeat center 11.1%; width: 32px; height: 32px;  background-size: cover;}

.pagenumber{text-align: center; margin: 30px auto;}
.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{ margin:auto; text-align: center; }
.newlist .newitem .newdate{background: #f3f3f3; padding:1rem 0; line-height: 1em; color: #999; display: inline-block; width: 100%;}
.newlist .g-table .g-cell .text{width: 72%; margin:auto;}
.newlist .g-table .g-cell .text p{font-size: 1.25rem; letter-spacing: 2px;  font-weight: bolder;}
.newlist .g-table .g-cell .text span{text-align: left; margin-top:6px;}
.newlist .newtag{display: inline-block; font-size: 1.25rem; line-height: 2.5em;  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{padding:2rem; margin:auto;}
.newdetails img{display: block; margin:auto;}
.newdetails .newtitle{text-align: center; padding:2rem 0 3.276rem 0;}
.newdetails .newtitle p{font-size: 1.312rem; line-height: 2em; font-weight: bolder;}
.newdetails .newtitle span{ color: #999}
.newdetails .newcont{display: inline;}
.newdetails .newcont p{margin-bottom: 2rem;}


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


/*联系我们*/
.g-connection .g-table{ margin:auto; background: #fff;}
.g-connection .g-cell{position: relative;}
.g-connection .connecform{padding:3rem;}
.g-connection .text{margin-bottom: 50px;}
.g-connection .conninfo{position: absolute; top:20%; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; font-size: 18px;} 
.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 form{margin-top: 2rem;}
.g-connection .g-table .g-cell .text{width: 100%; padding:0;}

/*搜索结果*/
.g-title.g-search h2{letter-spacing: 0; font-size: 1.6rem; margin-bottom: 30px;}
.g-search form{width: 60%; 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;}