@charset "utf-8";
 /*==========@@HTML默认 开始@@==========*/
 /*基本*/
 * {
	 padding: 0px;
	 margin: 0px
 }
 body {
	 font-size: 100px;
 }
 * {
	 margin: 0;
	 padding: 0;
	 -webkit-tap-highlight-color: rgba(0,0,0,0);
	 box-sizing: border-box;
 }
 .trans {
	 transition: all .3s ease-in;
 }
 html {
	 width: 100%;
	 min-height: 100%;
 }
 body {
	 width: 100%;
	 min-height: 100%;
	 max-width: 640px;
	 min-width: 320px;
	 margin: 0 auto;
 font:.24rem/1.5 "PingFang SC", Helvetica, "Helvetica Neue", "microsoft yahei", Tahoma, Arial, sans-serif;
	 color: #666;
	 -webkit-touch-callout: none;
	 -webkit-user-select: none;
	 -khtml-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 background: #fff;
	 position: relative;
 }
 body:before, body:after {
	 content: "";
	 width: 100%;
	 display: block;
 }
 body:before {
	 height: 1rem;
 }
 body:after {
 height: .88rem;
 }
 img {
	 border: 0px;
 }
 em {
	 font-style: normal;
 }
 s, i {
	 font-style: normal;
 }
 ul, ol {
	 list-style-type: none;
 }
 li {
	 list-style: none outside none;
 }
 b {
	 font-weight: normal;
 }
 /*表单*/
 input, button, select, textarea {
	 outline: none;
	 font-family: "PingFang SC", "Microsoft Yahei", Arial;
 font-size:.24rem;
	 -webkit-appearance: none !important;
 }
 table {
	 border-collapse: collapse;
	 border-spacing: 0;
 }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color:#999;
 }
 input:-moz-placeholder, textarea:-moz-placeholder {
 color:#999;
 }
 input::-moz-placeholder, textarea::-moz-placeholder {
 color:#999;
 }
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #999;
 }
 /*公用样式*/
 .layout {
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 z-wrapper: 101;
	 background: #000;
	 opacity: 1;
 }
 .blue {
	 color: #28a5f4;
 }
 /*链接*/
 a, a:link, a:visited, a:hover, a:active {
	 color: #666;
	 text-decoration: none;
 }
 a:focus {
	 outline: none;
 }
 a:hover, a:active {
	 color: #1048a0;
	 outline: none;
 }
 /*标题*/
 h1, h2, h3, h4, h5, h6, h7 {
	 font-weight: normal;
 }
 .icon {
	 background: url(/mycms/templates/css1/images/icon2.png) no-repeat;
	 display: inline-block;
	 background-size: 2.4rem auto;
	 vertical-align: middle;
 }
 .icon, .iconbef:before, .iconbef:after {
	 content: "\20";
	 display: block;
 }
 /*清除浮动*/
 .fl {
	 float: left;
 }
 .fr {
	 float: right;
 }
 .hidden {
	 display: none;
 }
 .clearfix:after {
	 content: "";
	 display: block;
	 clear: both;
	 width: 100%;
	 height: 0;
	 line-height: 0;
	 font-size: 0;
 }
 .clear, .clearfix:after {
	 content: "";
	 display: block;
	 clear: both;
	 width: 100%;
	 height: 0;
	 line-height: 0;
	 font-size: 0;
 }
 /*==========@@HTML默认 结束@@==========*/
 .wrapper {
	 width: 100%;
 }
 /*==========@@公共模块 开始@@==========*/
 .header {
	 background-size: 100% 1.04rem;
 }
 #top_main {
	 width: 100%;
	 height: 1rem;
 *zoom: 1;
	 z-index: 300;
	 position: fixed;
	 top: 0px;
	 left: 0px;
 }
 #top {
	 max-width: 640px;
	 min-width: 320px;
	 height: 1rem;
	 margin: 0px auto;
	 position: relative;
	 background: #fff;
 }
 #top .logo {
	 text-align: center;
	 display: block;
	 color: #000;
 font-size: .32rem;
 /* padding-top: .2rem; */
 margin-left: .2rem;
 }
 #top .logo a {
	 display: block;
 }
 #top .logo img {
	 display: block;
	 /* height: .6rem; */
	 width:70%
 }
 #top .topsearch {
	 display: block;
	 position: absolute;
	 right: 20%;
 top:.2rem;
	 text-align: center;
	 cursor: pointer;
 width:.5rem;
 height:.5rem;
 margin:.16rem auto;
 }
 #top .topsearch span {
	 display: block;
	 width: 100%;
	 height: 0.42rem;
	 background-position: 0rem -1.19rem;
 width:.42rem;
 }
 #top_main .tsearch * {
	 box-sizing: border-box;
 }
 #top_main .tsearch {
	 position: absolute;
	 height: 1rem;
	 width: 6.4rem!important;
 padding: .2rem 5%;
	 left: 0;
 top: .99rem;
	 z-index: 99;
	 background: #f2f2f2;
	 box-sizing: border-box;
	 display: none;
 }
 #top_main .tsearch input {
	 -webkit-appearance: none;
 }
 #top_main .tsearch .txt {
	 width: 78%;
	 color: #000;
 text-indent: .1rem;
 font-size:.22rem;
 height:.64rem;
	 background: #fff;
	 border: 1px solid #fff;
	 border-radius: 0.1rem;
	 position: absolute;
	 left: 5%;
 top:.2rem;
 border-top-left-radius: .6rem;
 border-bottom-left-radius: .6rem;
 }
 #top_main .tsearch .btn {
	 color: #fff;
 font-size:.22rem;
	 width: 16%;
 height:.62rem;
 line-height: .6rem;
	 text-align: center;
	 border: 0px;
	 background-color: #1048a0;
	 background-position: -0.748rem -1.055rem;
	 position: absolute;
	 right: 5%;
 top:.2rem;
 border-top-right-radius: .6rem;
 border-bottom-right-radius: .6rem;
 }
 #top_main .btn_close_main {
 width: .88rem;
	 height: 1rem;
	 background-color: #f2f2f2;
	 position: absolute;
	 top: 0;
	 right: 18%;
	 z-index: 9;
	 display: none;
 }
 #top_main .btn_close_main .btn_close {
 width: .34rem;
 height: .33rem;
 margin-top: .38rem;
 margin-left: .26rem;
	 background-position: -2rem -1rem;
 }
 #top #nav {
 width: .6rem;
	 height: 50%;
	 position: absolute;
	 right: 3%;
 top: .36rem;
	 text-align: center;
	 cursor: pointer;
 }
 #top .nav {
 width: .39rem;
 height: .36rem;
 background-position: -.5rem -1.2rem;
 }
 #top .close {
	 background-position: -2.06rem 0;
 width: .34rem;
 height: .34rem;
	 cursor: pointer;
	 position: absolute;
	 right: 44%;
	 top: -0.02rem;
	 text-align: center;
 }
 /*subNav*/
 .subNav {
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 right: 0;
 top: .99rem;
	 z-index: 999;
	 max-width: 640px;
	 min-width: 320px;
	 background: #1048a0;
	 -webkit-transform: translateX(4rem);
	 -moz-transform: translateX(7rem);
	 -ms-transform: translateX(7rem);
	 transform: translateX(7rem);
 }
 .subNavCon {
	 margin: 0px;
	 background: #1048a0;
	 width: 100%;
	 border-top: 1px solid #e5e5e5;
 }
 .subNav .closrbox {
	 width: 20%;
	 height: 0.5rem;
 line-height: .5rem;
	 background: #fff;
	 position: absolute;
	 right: 2%;
	 top: -5%;
 }
 .subNav .close {
	 background-position: -1.64rem -1.5rem;
 width: .4rem;
 height: .4rem;
 }
 .subNav .c_clos {
	 width: 52%;
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
 }
 .subNav .list {
 margin-top:.6rem;
 }
 .subNav li {
	 width: 100%;
	 display: block;
	 line-height: 1rem;
	 margin: 0 auto;
	 position: relative;
 }
 .subNav li:first-child {
 margin-top:.6rem;
 }
 .subNav .subnav2 {
	 width: 100%;
	 display: none;
 }
 .subNav .subnav2 a {
 margin-bottom: .1rem;
	 background: #eeeeee;
 font-size: .24rem;
 }
 .subNav li a {
	 display: block;
	 width: 4rem;
	 margin: 0 auto;
	 color: #fff;
	 font-size: 0.34rem;
	 text-align: center;
	 border-bottom: 1px solid #46baff;
 }
 .subNav li a:hover {
	 color: #00923f;
 }
 .subNav li em {
 width: .3rem;
 height: .3rem;
	 display: inline-block;
	 background-position: 0 -2.2rem;
	 vertical-align: middle;
	 position: absolute;
	 right: 3%;
 top: .26rem;
 }
 .subNav li:hover {
	 background: #083a89;
 }
 .subNav li:hover a {
	 color: #fff;
 }
 .subNav.show {
	 right: 0 !important;
 }
 .subNavShow {
	 -webkit-transform: translateX(-48%);
	 -moz-transform: translateX(-48%);
	 -ms-transform: translateX(-48%);
	 transform: translateX(-48%);
	 display: block;
 }
 .subNavShow2 {
	 -webkit-transform: translateX(0);
	 -moz-transform: translateX(0);
	 -ms-transform: translateX(0);
	 transform: translateX(0);
 }
 /*首页导航*/
 .inav_t {
	 width: 100%;
	 height: 1.4rem;
	 background: #1048a0;
 }
 .inav_t dl {
	 height: 1.4rem;
	 overflow: hidden;
 }
 .inav_t dl dd {
	 width: 33.33%;
	 height: 0.7rem;
	 float: left;
	 text-align: center;
	 border-right: 1px #0b2d7e solid;
	 border-bottom: 1px #0b2d7e solid;
 }
 .inav_t dl dd:nth-child(5), .inav_t dl dd:nth-child(6), .inav_t dl dd:nth-child(7), .inav_t dl dd:nth-child(8) {
	 border-bottom: 1px #474747 solid;
 }
 .inav_t dl dd a {
	 display: block;
	 width: 100%;
 height: .69rem;
 line-height: .69rem;
	 color: #fff;
 }
 /* banner */
 #banner_main {
	 width: 100%;
	 overflow: hidden;
	 position: relative;
	 z-index: 1;
	 height: 3.5rem;
	 background-size: 1px auto;
 }
 .banner {
	 margin: 0 auto;
	 width: 100%;
 *zoom: 1;
	 overflow: hidden;
	 position: relative;
	 height: 3.5rem;
 }
 .banner .list {
	 width: 100%;
	 overflow: hidden;
 }
 .banner .list li {
	 float: left;
	 width: 100%;
	 overflow: hidden;
 }
 .banner .list li img {
	 width: 100%;
	 height: 3.5rem;
 }
 #banner .tip {
	 width: 100%;
	 height: 0.35rem;
	 line-height: 0.35rem;
	 clear: both;
	 position: absolute;
	 left: 6%;
	 bottom: 10%;
	 z-index: 2;
	 font-size: 0;
 }
 #banner .tip span {
	 display: inline-block;
	 vertical-align: middle;
	 width: 0.12rem;
	 height: 0.12rem;
	 margin: 0 0.05rem;
	 vertical-align: middle;
 background-position:-.26rem 0;
 }
 #banner .tip span.cur {
 width:.24rem;
 height:.2rem;
	 background-position: 0rem 0rem;
 }
 .showInfo #banner .tip {
	 width: 100%;
	 text-align: center;
	 margin-left: 0;
	 left: 0;
 bottom: .2rem;
 }
 /*版权信息*/
 #footer_main {
	 text-align: center;
	 width: 100%;
	 background: #fff;
	 padding: 0.1rem 0 0.4rem;
 }
 #returntop {
	 width: 1rem;
	 height: 1rem;
	 background: url(/mycms/templates/css1/images/gotop.png) no-repeat center top;
	 background-size: 1rem auto;
	 position: fixed;
	 bottom: 20%;
	 right: 2%;
	 cursor: pointer;
	 z-index: 99;
 }
 #copyright {
	 width: 94%;
	 margin: 0 auto;
	 color: #666;
	 font-size: 0.24rem;
 line-height:.4rem;
	 padding: 0.2rem 0;
 }
 #footer_main .bottomNav {
 }
 #footer_main .bottomNav .list {
 border-top:.02rem solid #ddd;
 }
 #footer_main .bottomNav .list li {
	 width: 100%;
 height:.8rem;
 border-bottom:.02rem solid #ddd;
 }
 #footer_main .bottomNav .list li a {
	 display: block;
	 height: 0.8rem;
	 line-height: 0.8rem;
	 padding: 0 0.4rem;
 }
 #footer_main .bottomNav .list li .tit {
	 display: block;
	 font-size: 0.26rem;
	 color: #444444;
	 line-height: 0.8rem;
	 float: left;
 }
 #footer_main .bottomNav .list li em {
	 display: block;
	 float: right;
	 width: 0.2rem;
	 height: 0.3rem;
	 margin-top: 0.25rem;
 background-position:-2.2rem -.5rem;
 }
 #footer_main .bottomNav .list li:hover .tit {
	 color: #1048a0;
 }
 #copyright a {
	 color: #666;
 }
 #fix-sider {
	 width: 1rem;
	 height: 1rem;
	 position: fixed;
	 right: 2%;
	 bottom: 29%;
	 background: url(/mycms/templates/css1/images/tel.png) no-repeat center top;
	 background-size: 1rem auto;
	 cursor: pointer;
	 z-index: 999;
 }
 /* 工具栏 */
 #toolbar {
	 position: fixed;
	 bottom: 0;
	 width: 100%;
	 z-index: 888;
	 height: 1.1rem;
	 left: 0;
 }
 #toolbar .list {
	 width: 100%;
	 max-width: 640px;
	 min-width: 320px;
	 margin: 0 auto;
	 background: #1048a0;
 }
 #toolbar .list li {
	 float: left;
	 width: 25%;
	 text-align: center;
 }
 #toolbar .list a {
	 display: block;
	 height: 1.1rem;
	 line-height: 0.24rem;
	 font-size: 0.26rem;
	 padding-top: 0.2rem;
 }
 #toolbar .list a span {
	 text-align: center;
	 color: #fff;
	 display: block;
	 font-size: 0.24rem;
 }
 #toolbar .list a s {
	 margin-left: auto;
	 margin-right: auto;
	 width: 0.31rem;
	 height: 0.32rem;
	 display: block;
 margin-bottom: .12rem;
 background-position: -.76rem -.2rem;
 }
 #toolbar .list li:nth-child(2) s {
 background-position: -.0rem -.2rem;
 }
 #toolbar .list li:nth-child(3) s {
 background-position: -.38rem -.2rem;
 }
 #toolbar .list li:nth-child(4) s {
 background-position: -1.2rem -.2rem;
 width:.34rem;
 height:.34rem;
 }
 #toolbar .list li:hover {
	 background: #0185d0;
 }
 /*==========@@页面布局 开始@@==========*/
 #search {
	 background: #fff;
	 width: 96%;
	 margin: 0.2rem auto;
	 height: 0.6rem;
	 -moz-border-radius: 0.5rem;
	 -webkit-border-radius: 0.5rem;
	 border-radius: 0.5rem;
	 padding: 0;
	 -webkit-box-shadow: 1px 1px 1px #e7e9e9;
	 -moz-box-shadow: 1px 1px 1px #e7e9e9;
	 box-shadow: 1px 1px 1px #e7e9e9;
 }
 #search input {
	 display: block;
	 font-family: "微软雅黑";
	 padding: 0;
	 margin: 0;
 }
 #search .txt {
	 border: none;
	 width: 66%;
	 height: 0.5rem;
	 line-height: 0.6rem;
	 margin-right: 1%;
	 padding: 0 4%;
	 color: #666;
	 font-size: 0.22rem;
	 background: none;
 }
 #search .searchbtn {
	 cursor: pointer;
	 border: none;
	 font-size: 0.24rem;
	 width: 0.8rem;
	 height: 0.6rem;
	 text-align: center;
	 background-position: -0.63rem 0;
 }
 .index #floor_1_main, .index #floor_2_main, .index #floor_3_main {
	 width: 100%;
	 margin: 0 auto;
	 background: #fff;
 }
 .index {
	 background: #fff;
	 overflow: hidden;
 }
 /* 首页产品 */
 .index #floor_1_main {
	 margin: 0 auto;
	 background: #fff;
 }
 .index .title_main {
 padding-top:.5rem;
 }
 .index .in_title {
 padding-top:.6rem;
 }
 .index .in_title .entit {
 margin-bottom:.12rem;
 font: normal .5rem "AvantGarde Bk BT";
	 color: #666;
	 text-align: center
 }
 .index .in_title .tit {
	 width: 3rem;
	 margin: 0 auto;
 font-size:.34rem;
	 font-weight: bold;
	 text-align: center;
	 color: #1048a0;
 }
 .index .in_title .tit em {
	 display: block;
 width:.5rem;
 height:.02rem;
 margin-top:.2rem;
	 background: #ccc;
 }
 .index .look_more {
	 display: block;
	 width: 5.6rem;
 height:.78rem;
	 margin: 0 auto;
 font-size:.3rem;
 line-height:.78rem;
	 text-align: center;
	 color: #333;
	 background: #fff;
 border:.01rem solid #ddd;
 }
 .index .tab {
	 text-align: center;
 margin-top: .2rem;
 }
 .index .tab a {
	 width: 29%;
	 height: 0.48rem;
	 line-height: 0.48rem;
 margin: .05rem;
	 display: inline-block;
 padding: 0 .1rem;
	 background: #1048a0;
	 color: #fff;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .index .tab a:hover {
	 background: #0185d0;
 }
 /*关于我们*/
 .index #floor_1_main {
	 background: #f6f6f6;
 }
 #floor_1_main .floor_1 {
 padding-bottom:.8rem;
 }
 #floor_1_main .about {
 /* padding-top:.6rem; */
 }
 #floor_1_main .about .item {
	 display: block;
	 width: 100%;
	 height: 4.523rem;
 }
 #floor_1_main .about img {
	 display: block;
	 width: 100%;
	 height: 100%;
 }
 #floor_1_main .contW {
	 position: relative;
	 display: block;
	 width: 100%;
 }
 #floor_1_main .contW .cont {
	 width: 5.5rem;
	 margin: 0 auto;
 margin-top:.3rem;
 font-size:.26rem;
	 color: #666;
 line-height:.5rem;
	 text-align: justify;
 }
 #floor_1_main .contW .view_detail {
	 display: block;
	 width: 5.6rem;
 height:.7rem;
	 margin: 0 auto;
 margin-top:.5rem;
 font-size:.24rem;
 line-height:.7rem;
	 text-align: center;
	 color: #fff;
	 background: #1048a0;
 }
 /*产品中心*/
 .index #floor_2_main {
	 width: 100%;
	 background: #fff;
 }
 .index .floor_2 {
 padding-bottom:.4rem;
 }
 .index .floor_2 .proCenter .list {
 margin-left: .25rem;
 margin-top: .2rem;
 }
 .index .floor_2 .proCenter .list li {
	 position: relative;
	 float: left;
	 display: block;
	 width: 2.8rem;
 margin-right: .26rem;
 margin-bottom:.5rem;
 }
 .index .floor_2 .proCenter .list li .img {
	 display:flex;justify-content: center;align-items: center;
	 width: 2.8rem;
	 height: 2.1rem;
 }
 .index .floor_2 .proCenter .list li .proimg {
	 display: block;
	 max-width: 100%;
	 max-height: 100%;
 }
 .index .floor_2 .proCenter .list li .txt {
	 height: 1rem;
	 background: #f6f6f6;
 }
 .index .floor_2 .proCenter .list li .txt .tit {
 font-size: .26rem;
	 text-align: center;
	 color: #333;
	 padding-top: 0.24rem;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .index .floor_2 .proCenter .list li .detail {
	 position: absolute;
 bottom:-.26rem;
 left: .49rem;
	 width: 1.84rem;
 height:.52rem;
 font-size:.2rem;
	 color: #1048a0;
	 text-align: center;
 line-height: .52rem;
	 background: #fff;
	 border-radius: 1rem;
	 border: 0.01rem solid #1048a0;
 }
 .index_slip {
	 position: relative;
	 width: 100%;
	 height: 2rem;
	 background: url("/mycms/templates/css1/images/ixbannerbg.png") no-repeat;
 }
 .index_slip .tit {
	 width: 4.7rem;
 padding-top:.4rem;
 margin-left:.4rem;
 font:bold .32rem "Microsoft YaHei";
	 color: #fff;
 line-height:.5rem;
 }
 .index_slip .slip_btn {
	 display: block;
	 position: absolute;
 bottom:.4rem;
 right:.4rem;
	 width: 2.44rem;
 height:.56rem;
	 background: url("/mycms/templates/css1/images/ixbanner-btn.png") no-repeat;
 font:bold .26rem "microsoft yahei";
 line-height:.56rem;
	 text-align: center;
	 color: #10479f;
 }
 .index_slip1 .tit {
	 width: 5.2rem;
 }
 /* 产品优势 */
 .index #floor_3_main {
	 width: 100%;
	 background: #fff;
 }
 .index .floor_3 .proAdvant .list li {
	 display: block;
	 width: 5.6rem;
	 margin: 0 auto;
 padding-top:.4rem;
 padding-bottom:.4rem;
 border-top:.02rem solid #ddd;
 }
 .index .floor_3 .proAdvant .list li:first-child {
	 border-top: none;
 }
 .index .floor_3 .proAdvant .list li .img {
	 float: left;
	 width: 1.34rem;
	 height: 1.5rem;
 }
 .index .floor_3 .proAdvant .list li .img img {
	 display: block;
	 width: 100%;
	 height: 100%;
 }
 .index .floor_3 .proAdvant .list li .txt {
	 float: right;
	 display: block;
	 width: 3.8rem;
 }
 .index .floor_3 .proAdvant .list li:nth-child(2) .img {
	 float: right;
 }
 .index .floor_3 .proAdvant .list li:nth-child(2) .txt {
	 margin-left: 0;
	 float: left;
 }
 .index .floor_3 .proAdvant .list li .txt .tit {
 font:bold .3rem "Microsoft YaHei";
	 color: #1048a0;
 }
 .index .floor_3 .proAdvant .list li .txt .cont {
 margin-top:.12rem;
 font-size:.2rem;
	 color: #666;
 line-height:.4rem;
	 text-align: justify;
 }
 /*工程案例*/
 .index #floor_4_main {
	 width: 100%;
	 background: #f0f0f0;
 }
 .index .floor_4 {
 padding-bottom:.6rem;
 }
 .index .floor_4 .caseList {
 margin-top: .3rem;
	 overflow: hidden;
	 position: relative;
 }
 .index .floor_4 .caseList .bd {
	 position: relative;
	 width: 5.6rem;
	 margin: 0 auto;
	 overflow: hidden;
 }
 .index .floor_4 .caseList .list li {
	 position: relative;
	 float: left;
	 display: block;
	 width: 5.6rem;
	 height: 5.72rem;
 }
 .index .floor_4 .caseList .bd .list li a {
	 display: block;
	 width: 5.6rem;
	 height: 3.15rem;
 }
 .index .floor_4 .caseList .bd .list {
	 display: inline-block;
	 ;
 }
 .index .floor_4 .caseList .bd .list li .img {
	 display: block;
	 width: 5.6rem;
	 height: 4.2rem;
 }
 .index .floor_4 .caseList .bd .list li .txt {
	 width: 5.6rem;
	 z-index: 9;
 }
 .index .floor_4 .caseList .bd .list li .txt .tit {
 margin-top:.4rem;
 margin-bottom:.2rem;
 font-size:.26rem;
	 color: #1048a0;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .index .floor_4 .caseList .bd .list li .txt .cont {
 font-size:.24rem;
	 color: #666;
 line-height:.4rem;
 }
 .index .floor_4 .caseList .hd {
	 width: 100%;
 height: .2rem;
	 position: absolute;
 bottom: .2rem;
 margin-top:.4rem;
 }
 .index .floor_4 .caseList .hd ul {
	 max-width: 100%;
	 text-align: center;
 }
 .index .floor_4 .caseList .hd li {
	 display: inline-block;
	 float: none;
 width: .16rem;
 height: .16rem;
	 background-color: #999;
	 border-radius: 100%;
 margin-right: .16rem;
	 font-size: 0px;
	 cursor: pointer;
 }
 .index .floor_4 .caseList .hd li.on {
	 background-color: #1048a0;
 }
 /*ok138cn太阳集团529*/
 .index #floor_5_main {
	 width: 100%;
	 background: #fff;
 }
 .index .floor_5 {
	 height: auto;
 padding-bottom:.8rem;
 }
 .index .floor_5 .inews {
 margin-top:.1rem;
 }
 .index .floor_5 .inews .list li {
	 display: block;
	 width: 5.6rem;
	 margin: 0 auto;
 border-top:.02rem solid #ddd;
	 line-height: 1rem;
	 overflow: hidden;
 }
 .index .floor_5 .inews .list li:first-child {
	 border-top: none;
 }
 .index .floor_5 .inews .list li .tit {
	 float: left;
	 width: 74%;
 font-size: .26rem;
	 color: #333;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .index .floor_5 .inews .list li .time {
	 float: right;
	 width: 25%;
 font-size: .26rem;
	 color: #999;
 }
 .index .floor_5 .look_more {
	 background: #f6f6f6;
 }
 /* 搜索 */
 #top .search {
	 margin: 0.1rem auto;
	 width: 4.6rem;
	 height: 0.56rem;
	 line-height: 0.56rem;
	 border-radius: 0.5rem;
	 background: #fff;
 }
 #top .search input {
	 border: none;
 }
 #top .search .txt {
	 width: 80%;
	 display: block;
	 background: none;
	 height: 0.56rem;
	 line-height: 0.56rem;
	 text-indent: 0.08rem;
	 color: #333;
	 font-size: 0.22rem;
 }
 #top .search .searchbtn {
	 background-position: -1.2rem -1.7rem;
	 width: 0.4rem;
	 height: 0.4rem;
	 display: block;
	 margin: 0.05rem 0.2rem 0 0;
 }
 .searchinfo {
	 background: #fff;
	 padding: 0.4rem 2%;
	 height: 100%;
 }
 .searchinfo h2 {
	 color: #000;
 }
 .searchinfo .searchlist {
	 padding: 0.2rem 0;
 }
 .searchinfo .searchlist a {
	 display: inline-block;
	 margin: 0 1.0rem 0.3rem 0;
	 color: #fff;
	 background: #093c84;
	 font-size: 0.24rem;
	 text-align: center;
	 height: 0.64rem;
	 line-height: 0.64rem;
	 padding: 0 0.2rem;
	 border-radius: 0.5rem;
 }
 /*******************content*************/
 .dialog-layout {
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 z-index: 101;
	 background: #000;
	 opacity: .5;
 }
 .index .hd {
	 padding: 0 3%;
 }
 .index .hd li {
	 width: 25%;
	 float: left;
	 background: #ccc;
	 color: #fff;
 font-size: .3rem;
 height: .56rem;
 line-height: .56rem;
	 text-align: center;
 }
 .index .hd li.on {
	 background: #2b5899;
 }
 /*内页样式*/
 .content {
	 width: 100%;
 padding-bottom: .2rem;
	 padding-top: 0.2rem;
	 background: #fff;
 }
 .iconn {
	 background: url(/mycms/templates/css1/images/iconn2.png) no-repeat;
	 background-size: 1.4rem auto;
	 vertical-align: middle;
 }
 /*recom*/
 .recom {
 padding-top: .2rem;
	 background: #f1f1f1;
	 transition: none;
 }
 .recom * {
	 transition: none;
 }
 .recom .recomCon {
	 width: 100%;
	 overflow: hidden;
	 background: #fff;
	 box-sizing: border-box;
 }
 .recom .recomConList {
	 width: 200%;
 }
 .recom .list {
	 float: left;
	 width: 50%;
 }
 .recom .list li {
	 border-bottom: 1px solid #eeeeee;
 }
 .recom .list li a {
	 display: block;
 padding: .16rem .2rem .16rem .3rem;
 }
 .recom .list li.item {
	 position: relative;
 }
 .recom .list li.item .img {
	 width: 1.2rem;
 height: .9rem;
	 float: left;
 margin-right: .15rem;
 padding: .04rem;
	 border: 1px solid #f1f1f1;
 }
 .recom .list li.item h3 {
	 color: #000;
 height: .4rem;
	 overflow: hidden;
 }
 .recom .list li.item .txt {
 font-size: .2rem;
	 color: #aaaaaa;
 line-height: .28rem;
 }
 .recom .list li.item .time {
	 color: #aaaaaa;
	 position: absolute;
 right: .25rem;
 font-size: .18rem;
 bottom: .2rem;
 }
 .recom .list li.item .time:before {
 width: .22rem;
 height: .22rem;
	 display: inline-block;
	 background-position: -1.4rem 0;
 }
 .recom .list li .tit {
	 color: #2b5899;
 }
 .recom .list li .tit:after {
	 width: 1px;
 height: .28rem;
	 content: "\20";
	 display: inline-block;
 margin: 0 .18rem;
	 vertical-align: middle;
	 background: #eeeeee;
 }
 .newslist {
	 padding: 0 3%;
 }
 .newslist .item {
	 width: 100%;
	 border-bottom: 1px solid #eeeeee;
 }
 .newslist .item * {
	 transition: all .3s linear;
 }
 .newslist .item a {
 padding: .3rem 0;
	 width: 100%;
	 display: block;
 }
 .newslist .item img {
	 width: 1.44rem;
 height: .96rem;
	 display: block;
 margin-top: .06rem;
	 float: right;
 margin-right: .1rem;
 }
 .newslist .item h3 {
 font-size: .3rem;
 line-height: .36rem;
 max-height: .72rem;
	 overflow: hidden;
	 color: #000000;
 }
 .newslist .item .dec {
	 color: #999999;
 font-size: .2rem;
 margin-top: .08rem;
 }
 .newslist .item .dec span {
 margin-right: .2rem;
 }
 .newslist .item.pic4 h3 {
 height: .36rem;
 margin-bottom: .08rem;
 }
 .newslist .item.pic4 img {
	 float: left;
 margin-right: .06rem;
 }
 .newslist .item.pic4 img:last-child {
	 margin-right: 0;
 }
 .g-top {
	 width: 0.68rem;
 height: .68rem;
	 position: fixed;
	 bottom: 15%;
	 z-index: 998;
	 right: 2%;
	 cursor: pointer;
	 background: url(/mycms/templates/css1/images/ico-top.png) no-repeat;
	 background-size: 100% auto;
 }
 /*subCate*/
 .subCate {
 padding: 0rem 0 .2rem;
 }
 .subCate a {
	 width: 48%;
	 margin: 0 1%;
 font-size: .22rem;
 height: .5rem;
	 overflow: hidden;
	 display: block;
	 float: left;
 line-height: .5rem;
	 text-align: center;
	 color: #666;
	 border: 1px solid #ddd;
	 box-sizing: border-box;
 margin-bottom: .1rem;
 }
 .subCate a.on {
	 border-color: #1048a0;
	 color: #1048a0;
 }
 /*cateList*/
 .iconbef:before {
	 background: url(/mycms/templates/css1/images/iconn2.png) no-repeat;
	 background-size: 1.4rem auto;
	 vertical-align: middle;
 }
 .cateList {
	 width: 100%;
	 line-height: 0.8rem;
	 text-align: center;
	 background: #f6f6f6;
	 color: #1048a0;
	 position: relative;
 }
 .cateList .goBack {
 width: .8rem;
 height: .8rem;
 padding-top: .23rem;
	 position: absolute;
 left: .1rem;
	 top: 0;
	 z-index: 12;
 }
 .cateList .goBack:before {
 width: .4rem;
 height: .4rem;
	 display: block;
	 margin: 0 auto;
	 background-position: -1.0rem -0.64rem;
 }
 .cateList h3 {
	 position: relative;
 font-size: .3rem;
	 border-top: 1px solid #e6e6e6;
	 border-bottom: 1px solid #e6e6e6;
 }
 .cateList h3 s {
	 position: absolute;
	 top: 0.34rem;
 right:.4rem;
 width: .25rem;
 height: .2rem;
 margin-left: .1rem;
	 background-position: -1.16rem 0;
	 display: none;
 }
 .cateList .box {
	 width: 100%;
 padding: .2rem 3% .0;
	 z-index: 11;
	 background: #fff;
	 display: none;
	 /* border-bottom: 1px solid #ddd; */
 }
 .cateList .box a {
	 width: 48.5%;
	 margin-right: 3%;
 margin-bottom: .15rem;
 height: .62rem;
 line-height: .6rem;
	 border: 1px solid #dddddd;
 font-size: .26rem;
	 text-align: center;
	 display: block;
	 float: left;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .cateList .box a:nth-child(2n) {
	 margin-right: 0;
 }
 .cateList .box a.on {
	 background: #1048a0;
	 border-color: #1048a0;
	 color: #fff;
 }
 /*pager*/
 .pager {
	 width: 100%;
	 text-align: center;
	 background: #f6f6f6;
 padding: .2rem 0;
 font-size: .2rem;
 }
 .pager a, .pager span {
	 width: 1.6rem;
 height: .4rem;
 line-height: .4rem;
	 display: inline-block;
	 background: #e59f19;
	 color: #fff;
	 border-radius: 5px;
 }
 .pager .yem {
 height: .4rem;
	 display: inline-block;
 margin: 0px .1rem;
 line-height: .4rem;
 }
 /*reLink*/
 .reLink {
 margin: .2rem 4% .1rem;
	 width: 92%;
 }
 .reLink .prevLink, .reLink .nextLink {
	 display: block;
 height: .6rem;
 line-height: .6rem;
 font-size: .24rem;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 width: 100%;
	 box-sizing: border-box;
	 border-bottom: 1px solid #e8e8e8;
 }
 .reLink a {
	 color: #333333;
 }
 /*m-share*/
 .m-share {
	 margin-left: 3%;
 margin-bottom: .2rem;
 }
 .showInfo .showTit {
	 width: 96%;
	 margin: 0 auto;
 line-height: .3rem;
 padding:.2rem 2% .1rem;
	 border-bottom: 1px dashed #ccc;
	 text-align: center;
 }
 .showInfo .showTit h1 {
	 color: #333333;
 font-size: .4rem;
 line-height: .45rem;
 margin-bottom: .05rem;
 }
 .showInfo .showTit .mark {
 font-size: .22rem;
	 color: #999;
 margin-top: .1rem;
 }
 .moreBtn {
	 width: 94%;
	 margin: 2% auto 6%;
	 height: 0.88rem;
	 line-height: 0.88rem;
	 display: block;
	 text-align: center;
	 background: #1048a0;
	 color: #fff;
 font-size: .22rem;
	 box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
 }
 .moreBtn a {
	 display: block;
	 color: #fff;
 }
 .moreBtn:active, .moreBtn:hover {
	 background: #0185d0;
	 color: #fff;
 }
 /*showInfor*/
 .showInfo {
	 width: 100%;
	 background: #fff;
	 overflow: hidden;
 }
 .showInfo .showSubTit {
	 width: 100%;
 height: .65rem;
 line-height: .65rem;
	 font-weight: normal;
 margin: .2rem 0 .1rem;
	 background: #f6f6f6;
	 border-bottom: 1px solid #1048a0;
 font-size: .24rem;
 text-indent: .15rem;
 }
 /*recomNew*/
 .recomNew {
	 width: 96%;
	 padding: 0.1rem 0 2%;
	 margin: 0 auto;
 }
 .recomNew li {
	 width: 100%;
 height: .6rem;
 line-height: .6rem;
	 border-bottom: 1px solid #eeeeee;
	 overflow: hidden;
 }
 .recomNew li a {
 font-size: .24rem;
	 display: block;
	 position: relative;
	 padding-left: 2%;
 }
 .recomNew li a:before {
	 content: "";
	 position: absolute;
	 background: #cccccc;
	 width: 3px;
	 height: 3px;
	 left: 0;
	 top: 0.28rem;
	 z-index: 11;
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px;
 }
 /*showSubTit*/
 .showInfo .contxt {
 font-size: .24rem;
 line-height: .34rem;
	 padding: 3% 3% 5%;
 }
 .showInfo .contxt img {
	 max-width: 100%;
	 margin: 0px auto;
	 height: auto !important;
	 display: inline;
 }
 .showInfo .contxt p {
 line-height:.4rem;
 }
 .showInfo .contxt .biao td {
 padding:.09rem;
	 border: 1px solid #ccc;
	 vertical-align: middle;
	 WORD-WRAP: break-word;
	 table-layout: fixed;
	 word-break: break-all;
 }
 .showmenu {
	 width: 100%;
 padding: 0.1rem 0 .2rem;
	 background: #fff;
 }
 .showmenu a {
	 width: 48%;
 height: .6rem;
	 display: block;
	 float: left;
 line-height: .6rem;
	 text-align: center;
 border-radius: .04rem;
	 color: #333;
	 background: #fff;
	 margin: 0 1% 2%;
	 border: 1px solid #ddd;
	 box-sizing: border-box;
 }
 .showmenu a.hover {
	 border: 1px solid #1048a0;
	 color: #fff;
	 background: #1048a0;
 }
 .erro {
	 padding: 0.2rem;
 }
 /*news.html*/
 .newsList .list {
	 width: 100%;
 margin-bottom: .3rem;
 }
 .newsList .item {
	 padding: 0.3rem 0.2rem;
	 overflow: hidden;
	 position: relative;
	 border-bottom: 1px solid #f3f3f3;
 }
 .newsList .item:nth-child(2n) {
	 background: #f9f9f9;
 }
 .newsList .item:nth-child(2n) {
	 background: #fff;
 }
 .newsList .item:nth-child(2n) span:after {
	 background: #f9f9f9;
 }
 .newsList .item:last-child {
	 border: 0px;
 }
 .newsList .item a {
	 width: 100%;
	 display: block;
 }
 .newsList .item img {
	 width: 1.6rem;
	 height: 1.2rem;
 margin-right: .2rem;
	 float: left;
 }
 .newsList .item h3 {
 font-size: .26rem;
 line-height: .38rem;
	 font-weight: normal;
 margin-bottom: .2rem;
	 color: #000;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 .newsList .item .txt {
	 color: #666666;
 font-size: .23rem;
 line-height: .35rem;
 }
 .addimglist .item img {
	 width: 1.2rem;
	 height: 1.48rem;
 margin-right: .1rem;
	 float: left;
 }
 .addimglist .item h3 {
	 width: 4.7rem;
 font-size: .3rem;
 line-height: .38rem;
	 font-weight: normal;
 margin-bottom: .28rem;
	 color: #000;
 margin-top:.02rem;
	 float: left;
 }
 .addimglist .item .txt {
	 color: #666666;
 font-size: .22rem;
 line-height: .28rem;
	 width: 4.7rem;
	 float: left;
 }
 .newsList .item:hover h3 {
	 color: #1048a0;
 }
 /*fenx*/
 #nativeShare {
	 margin: 0 auto;
	 width: 100%;
	 padding-top: 0.3rem;
	 max-width: 640px;
	 min-width: 320px;
 }
 #nativeShare .label {
	 margin-left: 0.2rem;
	 font-size: 0.24rem;
	 color: #666666;
	 line-height: 0.6rem;
 }
 #nativeShare .list {
	 width: 5.4rem;
	 float: right;
 }
 #nativeShare .list span {
	 height: 0.9rem;
	 width: 0.9rem;
	 padding: 0;
	 display: inline-block;
 }
 #nativeShare .list span i {
	 margin: 0 auto;
	 width: 0.63rem;
	 height: 0.63rem;
	 display: block;
 }
 #nativeShare .weibo i {
	 background-image: url('/mycms/templates/css1/images/weibo.png');
	 background-size: cover;
 }
 #nativeShare .weixin i {
	 background-image: url('/mycms/templates/css1/images/weixin_friend.png');
	 background-size: cover;
 }
 #nativeShare .weixin_timeline i {
	 background-image: url('/mycms/templates/css1/images/weixin.png');
	 background-size: cover;
 }
 #nativeShare .qq i {
	 background-image: url('/mycms/templates/css1/images/qq.png');
	 background-size: cover;
 }
 #nativeShare .qzone i {
	 background-image: url('/mycms/templates/css1/images/qqzone.png');
	 background-size: cover;
 }
 #nativeShare .more i {
	 background-image: url('/mycms/templates/css1/images/more.png');
	 background-size: cover;
 }
 #nativeShare .list span.qzone, #nativeShare .list span.more {
	 width: 0.73rem;
 }
 #fenxiang {
	 display: none;
 }
 .fenx {
	 height: 1.0rem;
	 width: 100%;
 }
 .fenx .tt {
	 margin-left: 0.2rem;
	 font-size: 0.24rem;
	 color: #666666;
	 line-height: 0.6rem;
 }
 .fenx .bdsharebuttonbox {
	 width: 80%;
	 float: right;
 }
 .fenx .bdsharebuttonbox a {
	 margin-left: 0.2rem;
 }
 #bdfx {
 }
 #bdfx a {
	 height: 0.6rem;
	 width: 0.6rem;
	 margin: 0;
	 padding: 0;
	 margin: 0px 0.08rem;
	 display: inline-block;
 }
 #bdfx .d1 {
	 background: url(/mycms/templates/css1/images/qqzone.png) no-repeat center;
	 background-size: 100% 100%;
 }
 #bdfx .d2 {
	 background: url(/mycms/templates/css1/images/weibo.png) no-repeat center;
	 background-size: 100% 100%;
 }
 /*catelist*/
 .catelist .item span {
	 display: block;
	 width: 9px;
	 height: 16px;
	 position: absolute;
	 top: 28%;
	 margin-top: -8px;
	 right: 2%;
 }
 .catelist .item span:before {
	 content: "";
	 position: absolute;
	 background: #ccc;
	 width: 11px;
	 height: 11px;
	 right: 0;
	 top: 0;
	 z-indx: 10;
	 -moz-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
 }
 .catelist .item span:after {
	 content: "";
	 position: absolute;
	 background: #fff;
	 width: 11px;
	 height: 11px;
	 right: 4px;
	 top: 0;
	 z-indx: 11;
	 -moz-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
 }
 .caselist li {
	 width: 47%;
	 margin-left: 2%;
	 margin-bottom: 2%;
	 float: left;
	 box-sizing: border-box;
 }
 .caselist li a {
	 display: block;
 }
 .caselist li figure {
	 width: 100%;
	 /* padding-top: 75%; */
	 position: relative;
	 overflow: hidden;
	 width: 2.8rem;
	 height: 2.1rem;
	 display: flex;
	 justify-content: center;
	 align-items: center;
 }
 .caselist li figure img {
	 max-width: 100%;
	 max-height: 100%;
	 /* position: absolute; */
	 /* left: 0; */
	 /* top: 0; */
	 /* min-height: 100%; */
	 display: block;
 }
 .caselist li h3 {
 height: .65rem;
 line-height: .65rem;
	 text-align: center;
	 font-size: 0.26rem;
	 font-weight: normal;
	 text-overflow: ellipsis;
	 white-space: nowrap;
	 overflow: hidden;
 }
 /*.list_imgH li figure{padding-top: 133.333333%;}*/
 .list_4 li figure {
	 padding-top: 75%;
 }
 .messagePage {
	 padding: 3% 3% 5%;
 }
 .messagePage .indexTit {
 margin-bottom: .4rem;
	 text-align: center
 }
 .messagePage .indexTit h3 {
 font-size: .3rem;
	 text-align: center;
 }
 .messagePage .item {
	 width: 100%;
	 height: 0.7rem;
	 line-height: 0.7rem;
	 position: relative;
	 -webkit-border-radius: 0.06rem;
	 border-radius: 0.06rem;
 margin-bottom: .18rem;
	 border: 1px solid #dedede;
 }
 .messagePage .item label {
	 width: 1rem;
	 color: #333;
	 display: block;
	 float: left;
	 text-align: center;
	 height: 0.7rem;
	 line-height: 0.7rem;
 }
 .messagePage .item input {
	 width: 4.5rem;
	 height: 0.7rem;
	 line-height: 0.7rem;
	 border: 0;
	 background: none;
	 color: #999;
 }
 .messagePage .item select {
	 width: 4.5rem;
	 height: 0.7rem;
	 line-height: 0.7rem;
	 border: 0;
	 background: none;
	 background: #fff url(/mycms/templates/css1/images/mess.jpg) right no-repeat;
	 background-size: auto 100%;
 }
 .messagePage .item .b {
	 position: absolute;
 right: .12rem;
	 color: #ff9f00;
 }
 .messagePage .item.con {
	 height: 2.8rem;
 }
 .messagePage .item.con textarea {
	 width: 100%;
	 height: 2.1rem;
 padding: .1rem .16rem .1rem;
	 resize: none;
	 background: none;
	 border: 0px;
 }
 .messagePage .item.con .b {
	 top: 0;
 }
 /*.messagePage .btn .reset{width: 2.72rem; height: 0.68rem; line-height: 0.68rem; text-align: center; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; color: #333333; font-size: .28rem;}*/
 .messagePage .btn input {
	 width: 100%;
	 height: 0.68rem;
	 line-height: 0.68rem;
	 text-align: center;
	 display: block;
	 float: right;
	 background: #1048a0;
	 color: #fff;
 font-size: .28rem;
	 border: 0;
 }
 .showtel {
	 position: fixed;
	 width: 5rem;
	 height: 2rem;
	 top: 60%;
	 left: 50%;
	 margin-left: -2.5rem;
	 z-index: 999;
	 display: none;
	 text-align: center
 }
 .showtel a {
	 display: inline-block;
	 width: 5rem;
 height:.8rem;
 line-height:.8rem;
	 border-radius: 5px;
	 background: #00633d;
	 color: #fff;
 font-size:.3rem;
 margin-bottom:.2rem
 }
 /*产品导航*/
 .m-navwrap {
	 position: relative;
	 width: 100%;
 margin-top:-.2rem;
 padding-bottom:.2rem;
 }
 #navwrap {
	 width: 100%;
	 float: right;
	 top: 38px;
	 background-color: #f6f6f6;
	 z-index: 2;
	 display: none;
	 left: 0;
 }
 #navwrap .tit {
	 display: block;
	 width: 100%;
	 padding: 0 17% 0 5%;
 height: .8rem;
 line-height: .8rem;
 font-size: .24rem;
	 color: #fff;
	 background: url("/mycms/templates/css1/images/ico_down1.png") no-repeat 92% center #fff;
	 background-size: auto 42%;
	 cursor: pointer;
	 border-bottom: 1px solid #e8e8e8;
 }
 #navwrap a {
	 color: #333;
	 display: block;
 }
 #navwrap .sub-box {
	 width: 100%;
	 background: #f6f6f6;
	 display: none;
 }
 #navwrap .sub-box a {
	 display: block;
	 width: 100%;
	 padding: 0 6.4% 0 4.6%;
 height: .7rem;
 line-height: .7rem;
	 border-top: 1px solid #e8e8e8;
	 color: #333;
 font-size: .2rem;
 text-indent:.3rem;
	 background: url("/mycms/templates/css1/images/ico_right1.png") no-repeat 92% center;
	 background-size: auto 35%;
 }
 .nav-ico {
	 position: absolute;
 top:.1rem;
 right:.2rem;
 width:.4rem;
 height:.36rem;
 background-position: -.5rem -1.2rem;
 }
 #navwrap .sub-box a:first-child {
	 border-top: none;
 }
 #navwrap .sub-box a:hover {
	 background: url("/mycms/templates/css1/images/ico_right.png") no-repeat 92% center #1048a0;
	 color: #fff;
 }
 /*字体*/
 @media only screen and (min-width:641px) {
 html {
	 font-size: 100px;
 }
 }
 @media only screen and (max-width:640px) {
 html {
	 font-size: 100px;
 }
 }
 @media only screen and (max-width:540px) {
 html {
	 font-size: 84.375px;
 }
 }
 @media only screen and (max-width:480px) {
 html {
	 font-size: 75px;
 }
 }
 @media only screen and (max-width:414px) {
 html {
	 font-size: 64.6875px;
 }
 }
 @media only screen and (max-width: 400px) {
 html {
	 font-size: 62.5px;
 }
 }
 @media only screen and (max-width: 375px) {
 html {
	 font-size: 58.5938px;
 }
 }
 @media only screen and (max-width: 360px) {
 html {
	 font-size: 56.25px;
 }
 }
 @media only screen and (max-width: 320px) {
 html {
	 font-size: 50px;
 }
 }
 #topnav.menu-btn .menu-line {
	 background: #000;
	 height: 4px;
	 position: absolute;
	 width: 24px;
	 right: 0;
 }
 #topnav.menu-btn #menu-line1 {
	 top: 0;
 }
 #topnav.menu-btn #menu-line2 {
	 top: 50%;
 }
 #topnav.menu-btn #menu-line3 {
	 top: 100%;
 }
 #topnav.menu-btn .menu-line {
	 animation-duration: 0.5s;
	 animation-timing-function: ease;
	 animation-iteration-count: 1;
	 animation-direction: normal;
	 animation-delay: 0;
	 animation-play-state: running;
	 animation-fill-mode: forwards;
 }
 #topnav.menu-btn.inactive #menu-line1 {
	 animation: 800ms ease 0s normal none 2 running menu;
 }
 #topnav.menu-btn.inactive #menu-line2 {
	 animation: 800ms ease 0.16s normal none 2 running menu;
 }
 #topnav.menu-btn.inactive #menu-line3 {
	 animation: 800ms ease 0.32s normal none 2 running menu;
 }
 /*导航动画*/
 @keyframes menu-line1-hover {
 0% {
 }
 50% {
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 }
 100% {
 top:50%;
 transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 }
 }
 @keyframes menu-line2-hover {
 0% {
 opacity: 1
 }
 50% {
 opacity: 1
 }
 51% {
 opacity: 0
 }
 100% {
 opacity: 0
 }
 }
 @keyframes menu-line3-hover {
 0% {
 }
 50% {
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 }
 100% {
 top:50%;
 transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 }
 }
 @keyframes menu-line1 {
 0% {
 top:50%;
 transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 }
 50% {
 top:50%;
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 }
 100% {
 top:0%;
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 }
 }
 @keyframes menu-line2 {
 0% {
 opacity: 0
 }
 50% {
 opacity: 0
 }
 51% {
 opacity: 1
 }
 100% {
 opacity: 1
 }
 }
 @keyframes menu-line3 {
 0% {
 top:50%;
 transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 }
 50% {
 top:50%;
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 }
 100% {
 top:100%;
 }
 }
 @-webkit-keyframes menu {
 0% {
 width: 24px;
 }
 45% {
 width: 6px;
 }
 90% {
 width: 24px;
 }
 100% {
 width: 24px;
 }
 }
 @keyframes menu {
 0% {
 width: 24px;
 }
 45% {
 width: 6px;
 }
 90% {
 width: 24px;
 }
 100% {
 width: 24px;
 }
 }