.clearfix:after { content: ''; clear: both; display: block; width: 100%; }

body { max-width: 640px; margin-left: auto; margin-right: auto; }

.container { padding-left: 0.4rem; padding-right: 0.4rem; }

.container::after { content: ''; clear: both; display: block; width: 100%; }

.header { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-left: 0.4rem; padding-right: 0.4rem; }

.header .logo { float: left; display: flex; align-items: center; width: 2.6rem; height: 1.533rem; margin: 0; }

.header .logo img { padding: 0.133rem 0; }

.header .navbtn { float: right; display: block; z-index: 999; border-radius: 4px; cursor: pointer; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.header .navbtn span { display: block; width: 30px; height: 2px; border-radius: 5px; background-color: #0070ff; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.header .navbtn span:nth-child(2) { margin: 8px 0; }

.header .navbtn.navclose span:nth-child(1) { transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -webkit-transform: translateY(10px) rotate(45deg); }

.header .navbtn.navclose span:nth-child(2) { opacity: 0; }

.header .navbtn.navclose span:nth-child(3) { transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); }

.header .navigation { display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #0070ff; }

.header .navigation a { display: block; width: 100%; line-height: 0.933rem; padding: 0 15px; color: #fff; font-size: 14px; }

.header .navigation a:first-child { margin-top: 5px; }

.header .navigation a:last-child { margin-bottom: 5px; }

.header .navigation a.active { background-color: rgba(0, 0, 0, 0.5); }

.home-main .service-item { margin-top: 0.667rem; }

.home-main .service-item .picture { border-radius: 0.4rem; border: 0.067rem solid #fff; box-shadow: 0 0.04rem 0.093rem rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0.04rem 0.093rem rgba(0, 0, 0, 0.35); overflow: hidden; }

.home-main .service-item .heading { position: relative; margin-top: 0.4rem; padding-left: 1.2rem; }

.home-main .service-item .text-en { position: absolute; left: 0; top: 0; }

.home-main .service-item .text-en img { width: 0.333rem; }

.home-main .service-item .text-en::before { content: ''; float: left; display: block; width: 0; height: 0; border: 0.133rem solid transparent; border-left-color: #91c73e; }

.home-main .service-item h2 { margin: 0; color: #0070ff; font-size: 0.373rem; padding-bottom: 0.4rem; border-bottom: 0.04rem solid #0070ff; }

.home-main .service-item .text-content { line-height: 2; margin-top: 0.4rem; color: #515151; font-size: 0.24rem; }

.home-main .service-item a { display: block; width: 2.133rem; line-height: 0.493rem; text-align: center; margin-top: 0.533rem; color: #fff; font-size: 0.213rem; border-radius: 0.267rem; background-color: #0070ff; }

.home-main .why-select-we { position: relative; padding: 0 0.667rem; }

.home-main .why-select-we .heading { position: relative; z-index: 5; text-align: center; margin: 0; padding: 1.333rem 0 0.4rem; color: #333; font-size: 0.4rem; font-weight: normal; }

.home-main .why-select-we .list { display: flex; flex-wrap: wrap; justify-content: space-between; }

.home-main .why-select-we .list .item { display: flex; flex-direction: column; align-items: center; width: 3.4rem; height: 4rem; text-align: center; margin-bottom: 0.467rem; border-radius: 0.4rem; overflow: hidden; }

.home-main .why-select-we .list .item:nth-child(1) { background-color: #2695fe; }

.home-main .why-select-we .list .item:nth-child(2) { background-color: #fab823; }

.home-main .why-select-we .list .item:nth-child(3) { background-color: #10bbbd; }

.home-main .why-select-we .list .item:nth-child(4) { background-color: #a660ff; }

.home-main .why-select-we .list .icon { display: flex; align-items: center; justify-content: center; height: 1.333rem; }

.home-main .why-select-we .list .icon img { height: 0.8rem; }

.home-main .why-select-we .list h4 { text-align: center; margin: 0; color: #fff; font-size: 0.32rem; font-weight: normal; }

.home-main .why-select-we .list h4::after { content: ''; display: block; width: 0.4rem; height: 0.04rem; margin-top: 0.133rem; margin-left: auto; margin-right: auto; background-color: #fff; }

.home-main .why-select-we .list ul { margin: 0.4rem 0 0; padding: 0; line-height: 1.625; }

.home-main .why-select-we .list ul li { display: flex; flex-wrap: wrap; align-items: center; color: #fff; font-size: 0.246rem; }

.home-main .why-select-we .list ul li::before { content: ''; display: block; width: 0.133rem; height: 0.133rem; margin-right: 0.133rem; background-color: #fff; transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.home-main .partner { padding-bottom: 0.933rem; }

.home-main .partner .heading { text-align: center; margin: 0; padding: 1.333rem 0 0.4rem; color: #0d0d0d; font-size: 0.4rem; font-weight: normal; }

.home-main .partner ul { list-style: none; margin: 0 -0.133rem; padding: 0; }

.home-main .partner ul li { float: left; width: 33.33%; padding: 0 0.133rem; margin: 0.133rem 0; }

.home-main .partner ul .wrap { height: 1.6rem; line-height: 1.6rem; text-align: center; border: 0.013rem solid #d9d9d9; font-size: 0; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.home-main .partner ul .wrap:hover { box-shadow: 0 0 0.133rem rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 0.133rem rgba(0, 0, 0, 0.15); }

.home-main .partner ul img { padding: 0.4rem; }

.inside-main .service-list { padding-bottom: 0.667rem; }

.inside-main .service-list .service-heading { line-height: 1.2rem; text-align: center; margin: 0.4rem 0 0; font-size: 0.4rem; font-weight: normal; border-radius: 0.2rem; }

.inside-main .service-list.color-blue .service-heading { color: #0070ff; background-color: #d5e7ff; }

.inside-main .service-list.color-blue .list .icon { background-color: #0070ff; }

.inside-main .service-list.color-blue .list .info a { border: 0.013rem solid #0070ff; }

.inside-main .service-list.color-blue .list .info a:hover { background-color: #0070ff; }

.inside-main .service-list.color-green1 .service-heading { color: #5c9900; background-color: #c5febf; }

.inside-main .service-list.color-green1 .list .icon { background-color: #6fb800; }

.inside-main .service-list.color-green1 .list .info a { border: 0.013rem solid #6fb800; }

.inside-main .service-list.color-green1 .list .info a:hover { background-color: #6fb800; }

.inside-main .service-list.color-green2 .service-heading { color: #5c9900; background-color: #c5febf; }

.inside-main .service-list.color-green2 .list .icon { background-color: #0ec030; }

.inside-main .service-list.color-green2 .list .info a { border: 0.013rem solid #6fb800; }

.inside-main .service-list.color-green2 .list .info a:hover { background-color: #6fb800; }

.inside-main .service-list.type-radius .icon { border-radius: 0.4rem; }

.inside-main .service-list.type-circle .icon { border-radius: 50%; }

.inside-main .service-list .list { padding: 0.533rem 0.333rem 0; }

.inside-main .service-list .list .item { width: 100%; display: flex; align-items: center; padding: 0.333rem 0; }

.inside-main .service-list .list .icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 1.867rem; height: 1.867rem; }

.inside-main .service-list .list .icon img { width: 0.8rem; }

.inside-main .service-list .list .info { padding-left: 0.4rem; }

.inside-main .service-list .list .info h2 { margin: 0; color: #363636; font-size: 0.32rem; font-weight: normal; }

.inside-main .service-list .list .info .text { line-height: 1.4; margin-top: 0.267rem; color: #4d4d4d; font-size: 0.213rem; }

.inside-main .service-list .list .info a { display: block; width: 2.067rem; line-height: 0.533rem; text-align: center; margin-top: 0.267rem; color: #4d4d4d; font-size: 0.213rem; border-radius: 0.267rem; }

.inside-main .service-list .list .info a:hover { color: #fff; }

.inside-main .inside-heading { text-align: center; margin: 0; padding-top: 0.933rem; color: #0d0d0d; font-size: 0.4rem; font-weight: normal; }

.inside-main .inside-heading::after { content: ''; display: block; width: 0.533rem; height: 0.053rem; margin-top: 0.2rem; margin-left: auto; margin-right: auto; background-color: #0070ff; }

.inside-main .tab-nav { text-align: center; padding: 0.867rem 0 0.667rem; font-size: 0; }

.inside-main .tab-nav a { display: inline-block; line-height: 0.667rem; padding: 0 0.467rem; margin: 0 0.067rem; color: #595959; font-size: 0.32rem; border-radius: 0.333rem; border: 0.013rem solid transparent; }

.inside-main .tab-nav a:hover, .inside-main .tab-nav a.active { border-color: #0070ff; }

.inside-main .news-list { padding-top: 0.467rem; padding-bottom: 1.133rem; }

.inside-main .news-list .news-item { display: flex; align-items: center; padding: 0.2rem 0; }

.inside-main .news-list .news-item .pic { flex-shrink: 0; display: block; width: 3rem; max-height: 2.533rem; overflow: hidden; }

.inside-main .news-list .news-item .pic img { width: 100%; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.inside-main .news-list .news-item .pic:hover img { transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }

.inside-main .news-list .news-item .item-info { width: calc(100% - 3rem); padding-left: 0.267rem; }

.inside-main .news-list .news-item .title { color: #0d0d0d; font-size: 0.24rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.inside-main .news-list .news-item .title a:hover { color: #0070ff; }

.inside-main .news-list .news-item .text { height: 0.8946rem; line-height: 1.4; margin-top: 0.2rem; color: #808080; font-size: 0.213rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.inside-main .news-list .news-item .look-details { display: block; width: 1.733rem; line-height: 0.4rem; text-align: center; margin-top: 0.2rem; color: #0070ff; font-size: 0.187rem; border: 0.013rem solid #0070ff; border-radius: 0.267rem; }

.inside-main .news-list .news-item .look-details:hover { color: #fff; background-color: #0070ff; }

.inside-main .single-content { min-height: 4rem; padding-bottom: 1.067rem; }

.inside-main .single-content .content { line-height: 2; color: #666; font-size: 0.213rem; }

.inside-main .single-content .culture { display: flex; list-style: none; margin: 0.667rem 0; padding: 0; overflow: hidden; }

.inside-main .single-content .culture li { float: left; display: flex; align-items: center; width: 50%; }

.inside-main .single-content .culture li .icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 0.933rem; height: 0.933rem; border-radius: 3px; }

.inside-main .single-content .culture li .icon img { width: 0.533rem; }

.inside-main .single-content .culture li h4 { flex-shrink: 1; margin: 0; padding-left: 0.133rem; font-size: 0.32rem; }

.inside-main .single-content .culture li h4 span { display: block; margin-top: 0.133rem; color: #454545; font-size: 0.213rem; }

.inside-main .single-content .culture li.sm .icon { background-color: #0070ff; }

.inside-main .single-content .culture li.sm h4 { color: #0070ff; }

.inside-main .single-content .culture li.yj .icon { background-color: #913ef7; }

.inside-main .single-content .culture li.yj h4 { color: #913ef7; }

.inside-main .details-heading { padding-top: 0.667rem; }

.inside-main .details-heading h1 { text-align: center; margin: 0; padding-bottom: 0.267rem; font-size: 0.373rem; font-weight: normal; border-bottom: 0.013rem solid #ddd; }

.inside-main .details-heading .other { text-align: center; padding: 0.267rem 0; }

.inside-main .details-heading .other span { display: inline-block; margin: 0 0.2rem; color: #666; font-size: 0.267rem; }

.inside-main .details-content { line-height: 1.6; margin-top: 0.667rem; font-size: 0.267rem; }

.inside-main .details-content p { margin: 0.2rem 0; }

.inside-main .prev-next { display: flex; justify-content: space-between; margin-top: 0.667rem; margin-bottom: 0.8rem; padding-bottom: 0.267rem; border-bottom: 0.013rem solid #ddd; }

.inside-main .prev-next span { max-width: 48%; color: #666; font-size: 0.24rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.inside-main .prev-next a:hover { color: #0070ff; }

.list-pagination { text-align: center; margin-top: 0.333rem; font-size: 0; }

.list-pagination #ctl00_Main_DataPager1 { border: none; }

.list-pagination a[disabled='disabled'] { cursor: not-allowed; }

.list-pagination span, .list-pagination a { display: inline-block; line-height: 0.333rem; margin-left: 0.067rem; margin-right: 0.067rem; padding-left: 0.133rem; padding-right: 0.133rem; color: #999; font-size: 0.213rem; border: 0.013rem solid #999; }

.list-pagination .on, .list-pagination a:hover { color: #fff; background-color: #0070ff; border-color: #0070ff; }

.footer { background-color: #2d2d2d; }

.footer .container { padding-top: 0.4rem; padding-bottom: 0.4rem; }

.footer .f-nav { display: flex; justify-content: space-between; overflow: hidden; }

.footer .f-nav ul { float: left; list-style: none; padding: 0; }

.footer .f-nav li { line-height: 1.4; } 

.footer .f-nav li div { margin-top: 3px; } 

.footer .f-nav h3 { margin: 0 0 0.267rem; color: #d9d9d9; font-size: 0.293rem; }

.footer .f-nav a, .footer .f-nav span { color: #808080; font-size: 0.24rem; }

.footer .f-nav a:hover, .footer .f-nav span:hover { color: #fff; }

.footer .f-nav img { width: 1.667rem; vertical-align: top; }

.copyright { line-height: 0.267rem; padding-top: 0.267rem; padding-bottom: 0.267rem; text-align: center; color: #808080; font-size: 0.213rem; border-top: 0.013rem solid rgba(255, 255, 255, 0.2); }

.popup_img_container {overflow: hidden;}
.popup_img_container a {display: block; float: left;}
.popup_img_container a img {display: block; border: 0;}

/*# sourceMappingURL=../maps/style/m_css.css.map */