/*reset*/ * {padding: 0;margin: 0;list-style: none;} html,body {margin: 0 auto;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,header,section,footer {margin:0;padding:0} body,button,input,select,textarea {font:12px/1.5 "microsoft yahei";color:#666; font-weight: normal;} body {overflow-x: hidden;} address,cite,dfn,em,var,i {font-style: normal} ul,ol,dl {list-style: none} a{text-decoration: none;outline: none;font-family: "microsoft yahei";color: #666;cursor: pointer;font-size: 12px;} li{font-size: 12px;font-family: "microsoft yahei";list-style: none;margin: 0;padding: 0;} em{font-style: normal;font-size: 12px;} body,p,span{font-family: "microsoft yahei";} img {border: none;} p {margin: 0px;padding: 0px;word-wrap: break-word;} :focus {outline: none;} img {border: 0;vertical-align: middle;display: inline-block;} .fl {float: left;} .fr {float: right;} .clear {clear: both;} .clear:after {display: block;mainContent: "";clear: both;} .transtion {transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;} .fl{float: left;} .fr{float: right;} .clear{clear:both;} .clear:after{display: block;content: "";clear: both;} @font-face { font-family:pf; src: url("PINGFANG LIGHT.TTF"); } @font-face { font-family:abg; src: url("ANTONIO-BOLD.TTF"); } /* */ .header{height: 0.86rem;position: fixed;left: 0;top: 0;right: 0;z-index: 9999;background: #fff;} .logo{float: left;margin-left: 0.25rem;line-height: 0.86rem;height: 0.86rem;font-size: 0;} .logo img{max-height: 70%;} .nav-icon{float: right;padding:0 0.25rem;height: 0.86rem;background: url(nav-icon.png) no-repeat center;background-size: 0.36rem;width: 0.36rem;} .nav{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.8);display: none;z-index: 9998;} .nav>ul{margin-top: 0.86rem;background: #eeeeee;padding: 0 0.25rem;} .nav>ul>li>a{display: block;line-height: 0.8rem;height: 0.8rem;font-size: 0.32rem;color: #333;border-bottom: 1px solid #d2d2d2;} .nav>ul>li ul{overflow: hidden;display: block !important;} .nav>ul>li ul li{float: left;width: 33.333%;text-align: center;margin: 0.1rem 0;} .nav>ul>li ul li a{font-size: 0.28rem;} .banner{ max-width: 7.5rem; width: 100%; height: 3.5rem; position: relative; margin: 0 auto; margin-top: 0.86rem; overflow: hidden; z-index: 9; } .banner img{ max-width: 7.5rem; width: 100%; } .banner .flex-control-nav{ max-width: 750px; position: absolute; left: 0; right: 0; bottom: 0.3rem; text-align: center; font-size: 0; } .banner .flex-control-nav li{ display: inline-block; margin: 0 0.1rem; } .banner .flex-control-nav li a{ width: 0.1rem; height: 0.1rem; background: rgba(255,255,255,1); display: block; text-align: center; line-height: 0.2rem; color: #fff; font-size: 0; border-radius: 0.2rem; transition: all 0.3s; } .banner .flex-control-nav li a.flex-active{ background: #59c424; width: 0.4rem; } .index-title{margin: 0.5rem 0.25rem 0.25rem;overflow: hidden;} .index-title span{float: left;font-size: 0.36rem;color: #333;padding-left: 0.28rem;position: relative;} .index-title span:before{position: absolute;left: 0;top: 0.1rem;width: 0.07rem;height: 0.34rem;content: "";background: linear-gradient(to bottom,#2da56e,#0f5ea2);} .index-title a{float: right;font-size: 0.26rem;color: #999;line-height: 0.54rem;} .service{margin: 0.25rem;} .service .bd li{height: 3.05rem;font-size: 0;overflow: hidden;} .service .bd li img{max-width: 100%;} .service .hd li{height: 0.65rem;line-height: 0.65rem;font-size: 0.3rem;background: #eeeeee;margin: 0.1rem 0;text-indent: 0.45rem;} .service .hd li.on{background: #2897d4;color: #fff;} .report{height: 0.95rem;background: #2897D4;margin: 0.5rem 0;padding:0 0.25rem;} .report span{float: left;font-size: 0.36rem;color: #fff;line-height: 1.05rem;display: none;} .report div{float: right;overflow: hiddenheight: 0.75rem;width: 100%;margin-top: 0.1rem;} .report div input{float: left;background: none;border: none;height: 0.75rem;font-size: 0.28rem;margin-right: 0.1rem;width: 2.7rem;background: #fff; border-radius: 0.1rem;box-sizing:border-box;padding:0 0.2rem;} .report div a{width: 1.3rem;float: right;background: #59c424;line-height: 0.75rem;color: #fff;text-align: center;font-size: 0.28rem;height: 0.75rem;} .product{padding: 0 0.25rem;overflow: hidden;border-bottom: 0.08rem solid #f2f2f2;} .product dl{float: left;width: 3.35rem;margin-bottom: 0.4rem;} .product dl:nth-child(even){float: right;} .product dl dt{height: 2.16rem;font-size: 0;text-align: center;line-height: 2.16rem;border-radius: 0.1rem;overflow: hidden;} .product dl dt img{max-width: 100%;} .product dl dd{text-align: center;line-height: 0.6rem;color: #333;font-size: 0.28rem;} .about{padding: 0.25rem 0.25rem 0.4rem;border-bottom: 0.08rem solid #F2F2F2;} .about dt img{max-width: 100%;} .about dd{font-size: 0.28rem;margin-top: 0.25rem;} .news{margin: 0.25rem;} .news dl{overflow: hidden;margin-bottom: 0.4rem;} .news dl dt{float: right;width: 2.03rem;height: 1.35rem;border-radius: 0.1rem;overflow: hidden;text-align: center;line-height: 1.35rem;} .news dl dt img{max-width: 100%;} .news dl dd{float: left;width: 4.3rem;} .news dl dd h3{font-size: 0.3rem;color: #333;font-weight: normal;height: 0.88rem;} .news dl dd p{font-size: 0.26rem;} .line{padding-top: 1rem;} .footer{position: fixed;left: 0;right: 0;bottom: 0;height: 1rem;background: #2897D4;display: flex;} .footer a{flex: 1;text-align: center;line-height: 1rem;font-size: 0.3rem;color: #fff;background: url(message.png) no-repeat 0.95rem center;background-size: 0.5rem; text-indent: 0.75rem;} .footer a:last-child{background: #59c424 url(tel.png) no-repeat 0.95rem center;background-size: 0.5rem;} .innerBanner{height: 2.1rem;font-size: 0;overflow: hidden;margin-top: 0.86rem;} .innerBanner img{max-width: 100%;} .innerTitle{height: 0.94rem;line-height: 0.94rem;padding: 0 0.25rem;border-bottom: 1px solid #e4e4e4;} .innerTitle span{float: left;line-height: 0.94rem;font-size: 0.36rem;color: #333;padding-left: 0.28rem;position: relative;} .innerTitle span:before{position: absolute;left: 0;top: 0.3rem;width: 0.07rem;height: 0.34rem;content: "";background: linear-gradient(to bottom,#2da56e,#0f5ea2);} .innerTitle a{float: right;font-size: 0;line-height: 0.94rem;} .innerTitle a img{width: 0.3rem;} .innerPage{margin: 0.25rem;} .innerPage *{max-width: 100%;} .innerPage img{display: block;} .innerMemorabilia-list{margin: 0.25rem;padding: 0.4rem;background: #eeeeee;} .innerMemorabilia-list dl dd>h3{font-size: 0.32rem;color: #2897d4;} .innerMemorabilia-list dl dd>p{font-size: 0.3rem;color: #333;margin: 0.1rem 0;} .innerMemorabilia-list dl dd>div{font-size: 0.28rem;} .innerMemorabilia-list dl dt{overflow: hidden;margin-top: 0.25rem;} .innerMemorabilia-list dl dt li{float: left;width: 2.75rem;height: 1.9rem;background: #fff;border-radius: 0.05rem;overflow: hidden;line-height: 1.9rem;text-align: center; padding: 0.05rem;font-size: 0;} .innerMemorabilia-list dl dt li img{max-width: 100%;max-height: 100%;} .innerMemorabilia-list dl dt li:nth-child(even){float: right;} .innerCertificate{margin: 0.25rem;overflow: hidden;} .innerCertificate p{float: left;width: 3.4rem;height: 3.4rem;text-align: center;line-height: 3.4rem;overflow: hidden;font-size: 0;margin: 0.2rem 0;} .innerCertificate p:nth-child(even){float: right;} .innerCertificate p img{max-width: 100%;max-height: 100%;} .innerProduct{margin: 0.25rem;} .innerProduct dl{margin-bottom: 0.5rem;} .innerProduct dl dt{border-radius: 0.2rem;overflow: hidden;} .innerProduct dl dt img{max-width: 100%;} .innerProduct dl dd h3{font-size: 0.32rem;color: #333;font-weight: normal;margin: 0.1rem 0;} .innerProduct dl dd p{font-size: 0.28rem;} .innerProductDetails{margin: 0.25rem;} .innerProductDetails-title{text-align: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 0.2rem;margin-bottom: 0.2rem;} .innerProductDetails-title h3{font-size: 0.36rem;color: #333;font-weight: normal;} .innerProductDetails-title div{display: inline-block;vertical-align: top;} .innerProductDetails-brief dt div{position: relative;} .innerProductDetails-brief dt img{max-width: 100%;} .innerProductDetails-brief dt div .flex-control-nav{position: absolute;left: 0;right: 0;bottom: 0.25rem;text-align: center;font-size: 0;} .innerProductDetails-brief dt div .flex-control-nav li{display: inline-block;} .innerProductDetails-brief dt div .flex-control-nav li a{font-size: 0;width: 0.2rem;height: 0.2rem;margin:0 0.1rem;border-radius: 50%;font-size: 0; background: #fff;display: block;} .innerProductDetails-brief dt div .flex-control-nav li a.flex-active{background: #2897D4;} .innerProductDetails-brief dd{margin: 0.25rem 0;} .innerProductDetails-brief dd h3{font-size: 0.3rem;height: 0.65rem;text-align: center;line-height: 0.65rem;border-radius: 0.1rem;background: #2897D4; color: #fff;padding: 0 0.25rem;width: auto;display: inline-block;} .innerProductDetails-brief dd p{font-size: 0.28rem;margin-top: 0.15rem;} .innerProductDetails-item{margin: 0.5rem 0;} .innerProductDetails-item>h3{font-size: 0.3rem;color: #2897D4;font-weight: bold;} .innerProductDetails-item>div *{max-width: 100%;} .innerService{margin: 0.25rem;} .innerService-item{overflow: hidden;} .innerService-item p{float: left;border: 1px solid #d2d2d2;width: 3.3rem;border-radius: 0.1rem;margin: 0.1rem 0;height: 1rem;line-height: 1rem;font-size: 0;} .innerService-item p:nth-child(even){float: right;} .innerService-item p span{font-size: 0.28rem;display: inline-block;word-break: break-all;margin: 0 0.2rem;vertical-align: middle;line-height: 0.4rem;} .innerService-item p.on{background: #2897D4;border-color: #2897D4;color: #fff;} .innerService-content{margin-top: 0.25rem;} .innerService-content dl{display: none;} .innerService-content dl.on{display: block;} .innerService-content dl dt img{max-width: 100%;} .innerService-content dl dd>h3{font-size: 0.3rem;color: #333;font-weight: bold;padding: 0.3rem 0;position: relative;} .innerService-content dl dd>h3::before{position: absolute;left: 0;bottom: 0;width: 0.6rem;height: 0.04rem;content: "";background: #59C424;} .innerService-content dl dd>div{margin-top: 0.3rem;} .innerService-content dl dd>div *{max-width: 100%;} .innerReport{margin: 0.25rem;} .innerReport-column{overflow: hidden;} .innerReport-column a{float: left;width: 3.3rem;height: 0.9rem;border: 1px solid #d2d2d2;border-radius: 0.1rem;text-align: center;line-height: 0.9rem;font-size: 0.3rem; color: #333;} .innerReport-column a:last-child{float: right;} .innerReport-column a.on{background: #2897D4;color: #fff;border-color: #2897D4;} .innerReport-form div{display: none;overflow: hidden;margin: 0.5rem 0;} .innerReport-form div input{float: left;border: none;height: 0.75rem;font-size: 0.28rem;color: #333;width: calc(100% - 2px);padding: 0 0.25rem;margin: 0.1rem 0; border: 1px solid #D2D2D2;border-radius: 0.1rem;box-sizing:border-box;} .innerReport-form div a{float: right;height: 0.75rem;text-align: center;line-height: 0.75rem;width: 1.5rem;background: #59C424;color: #fff;font-size: 0.3rem; border-radius: 0.1rem;width: 100%;margin: 0.1rem 0;} .innerReport-form div.on{display: block;} .innerReport-list table{width: 100%;} .innerReport-list table tr th{height: 0.72rem;background: #2897D4;color: #fff;font-size: 0.3rem;} .innerReport-list table tr td{height: 0.92rem;border-bottom: 1px solid #D2D2D2;text-align: center;font-size: 0.3rem;} .innerReport-list table tr td a{display: block;width: 1rem;height: 0.5rem;line-height: 0.5rem;text-align: center;font-size: 0.3rem;border: 1px solid #2897D4; border-radius: 0.1rem;color: #2897D4;margin: 0 auto;} .innerNews{margin: 0.25rem;} .innerNews dl{overflow: hidden;margin-bottom: 0.4rem;} .innerNews dl dt{float: right;width: 2.03rem;height: 1.35rem;border-radius: 0.1rem;overflow: hidden;text-align: center;line-height: 1.35rem;} .innerNews dl dt img{max-width: 100%;} .innerNews dl dd{float: left;width: 4.3rem;} .innerNews dl dd h3{font-size: 0.3rem;color: #333;font-weight: normal;height: 0.88rem;} .innerNews dl dd p{font-size: 0.26rem;} .innerDetails{margin: 0.25rem;} .innerDetails-title h3{font-size: 0.36rem;color: #333;font-weight: normal;} .innerDetails-title div{} .innerDetails-content{margin: 0.25rem 0;padding: 0.25rem 0;border: 1px dashed #D2D2D2;border-left: none;border-right: none;} .innerDetails-content *{max-width: 100%;} .innerDetails-content img{display: block;height: auto !important;} .innerDetails-page{font-size: 0.28rem;} .innerDetails-page a{font-size: 0.28rem;} .innerDetails-page span{font-size: 0.28rem;} .innerDetails-page em{font-size: 0.28rem;} .innerTeam{margin: 0.25rem;overflow: hidden;} .innerTeam dl{float: left;width: 3.3rem;margin: 0.2rem 0;} .innerTeam dl:nth-child(even){float: right;} .innerTeam dl dt{height: 2.3rem;line-height: 2.3rem;overflow: hidden;font-size: 0;text-align: center;} .innerTeam dl dt img{max-width: 100%;} .innerTeam dl dd{font-size: 0.3rem;color: #333;text-align: center;margin: 0.2rem 0;} .innerContact{margin: 0.25rem;} .innerContact dl{overflow: hidden;margin: 0.2rem 0;} .innerContact dl dt{float: left;width: 0.45rem;height: 0.45rem;text-align: center;line-height: 0.45rem;font-size: 0;} .innerContact dl dt img{max-width: 100%;max-height: 100%;} .innerContact dl dd{float: left;margin-left: 0.25rem;font-size: 0.3rem;} .innerContact-list{margin-top: 0.75rem;} .layui-laypage{width: 100%;text-align: center;} .innerForm{margin: 0.25rem;} .innerForm .tableft{font-size: 0.3rem;color: #333;text-align: right;} .innerForm input{font-size: 0.3rem;margin: 0.1rem 0;} .innerForm textarea{font-size: 0.3rem;margin: 0.1rem 0;} .innerForm input.code{width: 3.5rem;} .innerForm .validateCode{height: 0.6rem;} .innerForm .layui-btn{width: 3.5rem;}