/*
 * @since:2020
 * @author:李鹏飞(superfly) ~~~!
 * @QQ:1263134131
 * @加载手机样式
 * @Copyright © 2020 www.itwebs.cn All Rights Reserved.
 **/
 @charset "UTF-8";
 @media all and (max-width:960px) {
 .bodyon #headers,.header-container.actives{position:fixed;background: rgba(255,255,255,1);}	 
 /**
 * 板块隐藏
 * @author SuperFly
 * @return
 */
.mhide,.courseLine,.focus-wrapper,.suspension,.subBanner,.header-search,.about-pic{display: none;}
.phide,.mbanner,.header-menu{display: block;}
.list-text dd{width: auto;}
.list-text .list_a{border:none;}
.hardware img{width: 100%;}
/**
 * 网站安全区域
 * @author SuperFly
 * @return
 */
 *{ 
	outline: none; 
	margin: 0;
	padding: 0;
	list-style: none;
	word-wrap:break-word; 
}
html{
	height: 100%;
}
@media only screen and (min-width:320PX) and (max-width:360PX) {
	html {
		font-size: 13.65px;
		
	}
}

@media only screen and (min-width:360PX) and (max-width:375PX) {
	html {
		font-size: 15.36px
	}
}

@media only screen and (min-width:375PX) and (max-width:390PX) {
	html {
		font-size: 16px
	}
}

@media only screen and (min-width:390PX) and (max-width:414PX) {
	html {
		font-size: 16.64px
	}
}

@media only screen and (min-width:414PX) and (max-width:640PX) {
	html {
		font-size: 17.664px
	}
}

@media screen and (min-width:640PX) {
	html {
		font-size: 27.31px
	}
}
body{
	font-family: Helvetica;
	font-size: 0.75rem;
	color: #666;
	height: 100%; 
}
 .page a{padding:6px 9px;}
 .page a div{width: 11px; height: 16px;}
 .container{padding: 0 .625rem;}
 /**
 * 头部
 * @author SuperFly
 * @return
 */
 #headers{padding:0px;}
 .bodyon #headers{padding:0; background:linear-gradient(-45deg,#fff,#f7f8f9);}
 .header-container{height: 3.125rem;}
 .header-logo{margin-top:.415rem}
 .header-logo a{height:2.25rem; background-size:contain}
 .bodyon .header-logo a,.header-container.actives .header-logo a{height:2.25rem; background-size:contain}
 .header-container.actives .header-menu .nav-r-btn span{background: #3583c5;}
 .header-container.actives .header-nav .menu_ul li .menuTop .menu_a span{color: #eee;}
 .bodyon .header-container.actives .header-nav .menu_ul li .menuTop .menu_a span{color: #333;}
 .header-container.actives .header-nav .menu_ul li.thisclass .menuTop .menu_a span,.header-container .header-nav .menu_ul li.thisclass .menuTop .menu_a span{color: #f38010}
 .header-menu{z-index: 99;}
 .facebook, .linkedin{border-radius: 100%; width:1.625rem;height:1.625rem;padding: .125rem; box-sizing: border-box;}
 .facebook img, .linkedin img{ width: 1.25rem;margin-top:.125rem; }
 .menuPage {
	position: fixed;
	width: 100%;
	height: calc(100% - 2.5rem);
	right: 0px;
	z-index: 10;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	visibility: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 0;
}
.menuPageBody {
	clear: both;
	flex-grow: 1;
	flex-basis: 0;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.header-nav{position: relative;z-index: 99;}
.header-nav .menu_ul{
    width:100%;
    overflow:hidden;
    /*overflow-y: auto;
	height: 100vh;*/
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
	-webkit-overflow-scrolling: touch;
    margin-top: 4.25rem;
    display: block;
}
.menu_ul li{
	position: relative;
    overflow: hidden;
	/*-webkit-transform: perspective(100px) rotateX(-90deg);
	-ms-transform: perspective(100px) rotateX(-90deg);
	transform: perspective(100px) rotateX(-90deg);*/
	transform: translateX(50px);
	/*-webkit-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;*/
	transition: 0.4s;
	transition-delay: 0;
    opacity: 0;

}
.menu_ul li:after{
    content: "";
    position: absolute;
    left:0;
    bottom:0px;
    width:100%;
    height: 1px;
    background: #53595f;
    -webkit-transform-origin: scaleY(0.5);
    transform-origin: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.bodyon .menu_ul li:after{
    content: "";
    position: absolute;
    left:0;
    bottom:0px;
    width:100%;
    height: 1px;
    background: #ddd;
    -webkit-transform-origin: scaleY(0.5);
    transform-origin: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.menu_ul li:last-child:after{
    display: none;
}
.menuTop{
    overflow: hidden;
    height:3.125rem;
    line-height:3.1255rem;
    display: flex;
    padding: 0px 0.6rem;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	
}
.menu_a{
    font-size: 1rem;
    display: block;
    flex: 1;
    color:#333;
    text-overflow: ellipsis;
    overflow: hidden;
    position:relative;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.menu_a span{
    color:#fff;
    font-size: .9375rem;
    display: block;
    flex:1;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-align: center;
    line-height: 3.125rem;
}
.slideDownBt{
    display: block;
    width: 3.125rem;
    height: 3.125rem;
	position: absolute;
	top: 0px;
	right: .625rem;
	color: #fff;
	line-height: 3.125rem;
	text-align: center;
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
}
.slideDownBt .mui-icon{
    color:#999;
    font-size: 1.375rem;
}
.menu_ul li.on .slideDownBt{
	-webkit-transform:rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menuDiv{
    display: none;
    visibility:visible; 
	opacity:1;
    background: #fff;
    position:relative;
    height:auto;
    top: 0px;
    padding: 0px;
	-webkit-transform: translateY(0); 
	-ms-transform: translateY(0); 
	-o-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition: 0.3s ease-in-out; 
	-o-transition: 0.3s ease-in-out; 
	transition: 0.3s ease-in-out;
}
.menuDiv:before{
    display: none;
}
.menu_dl{
    overflow: hidden;
    padding: 0.9375rem 0px;
    width: auto;
}
.menu_dl dd{
    overflow: hidden;
    height: 2rem;
    line-height: 2rem;
}
.subMenu_a{
    display: block;
    overflow: hidden;
    font-size: 0.875rem;
    color:#888;
    position: relative;
    text-align: center;
}
.menuPage.toggle-animate {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0)
}
.menuPage.toggle-animate .menu_ul li{
	transform: translateX(0);
	opacity: 1;
	
}
.menu_ul li:nth-child(2) .menuDiv{ width:auto; left:0; margin-left: 0;}
.menu_ul li:nth-child(2) .menuDiv .menu_dl{ flex-wrap:wrap; padding: 1.25rem .625rem; box-sizing: border-box; width: 100%;}
.menu_ul li:nth-child(2) .menuDiv .menu_dl dd{height: auto; width: 45%;}
.menu_ul li:nth-child(2) .menuDiv .menu_dl dd .subMenu_a{text-align: left; display: block;}
.menu_ul li:nth-child(2) .menuDiv .menu_dl dd .sonBox .son-a{display: block; font-size: 12px; text-align: left; line-height: 22px;color: #666;}
.menu_ul li:nth-child(2) .menuDiv .menu_dl dd .sonBox{padding:5px 0 10px; border-top: 1px solid #ddd;}
.menuPage.toggle-animate .menu_ul li:nth-child(1){
	transition-delay: 300ms;
}
.menuPage.toggle-animate .menu_ul li:nth-child(2){
	transition-delay: 400ms;
}
.menuPage.toggle-animate .menu_ul li:nth-child(3){
	transition-delay: 500ms;
}
.menuPage.toggle-animate .menu_ul li:nth-child(4){
	transition-delay: 600ms;
}
.menuPage.toggle-animate .menu_ul li:nth-child(5){
	transition-delay: 700ms;
}
.menuPage.toggle-animate .menu_ul li:nth-child(6){
	transition-delay: 800ms;
}
.menuPage.toggle-animate .menu_ul li:nth-child(7){
	transition-delay: 900ms;
}
.menuPage.toggle-animate .menu_ul li:nth-child(8){
	transition-delay: 1000ms;
}
.menuPage.toggle-animate .menu_ul li:nth-child(9){
	transition-delay: 1100ms;
}
.menuPage.toggle-animate .menu_ul li:nth-child(10){
	transition-delay: 1200ms;
}
.menuPage.toggle-animate .menuPageC1{
	display: block;
}
/**
 * 留言
 * @author SuperFly
 * @return
 */
.message-container{height:auto;}
.message-container h2{font-size: 1rem; padding: 2.5rem 0 .625rem 0;}
.message-container p{font-size: .875rem; padding-bottom: .625rem;}
.message-container .more-btn{margin-bottom: 1.25rem; width: 150px;padding: 10px 20px; }
/**
 * 更多
 * @author SuperFly
 * @return
 */
.more a,.more-btn{font-size: .8375rem;}
 /**
 * 底部
 * @author SuperFly
 * @return
 */
 .footerBarK{height: 3.0625rem;display:block;}
 .footerBar {
	max-width: 640px;
	min-width: 320px;
	margin: auto;
	height: 3.0625rem;
	background: #1f4396;
	position: fixed;
	left: 0;
	right:0;
	bottom: 0;
	z-index: 90;
	-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .1);
	box-shadow: 0px 1px 8px rgba(0, 0, 0, .1);
	display:block;
}
.footerBar .tab {
	width: 25%;
	height: 3.0625rem;
	display: block;
	text-align: center;
	float: left;
	color: #fff;
	position: relative;
}

.footerBar .tab i {
	width: 1.875rem;
	height: 1.875rem;
	display: block;
	margin: .125rem auto 0;
	background: url(../images/footer-icon.png) no-repeat;
	-webkit-background-size: 7.5rem 3.75rem;
	background-size: 7.5rem 3.75rem;
}

.footerBar .tab .icon-1 {
	background-position: 0 0;
}

.footerBar .tab .icon-2 {
	background-position: -1.875rem 0;
}

.footerBar .tab .icon-3 {
	background-position: -3.75rem 0;
}

.footerBar .tab .icon-4 {
	background-position: -5.625rem 0;
}

.footerBar .tab.active .icon-1,
.footerBar .tab:hover .icon-1 {
	background-position: 0 -1.875rem;
}

.footerBar .tab.active .icon-2,
.footerBar .tab:hover .icon-2 {
	background-position: -1.875rem -1.875rem;
}

.footerBar .tab.active .icon-3,
.footerBar .tab:hover .icon-3 {
	background-position: -3.75rem -1.875rem;
}

.footerBar .tab.active .icon-4,
.footerBar .tab:hover .icon-4 {
	background-position: -5.625rem -1.875rem;
}

.footerBar .active,
.footerBar .tab:hover,
.footerBar .active i {
	color: #713707;
}
.footerBar .active p,
.footerBar .tab:hover p
{
	color: #f38010!important;
}
.footerBar .tab p {
	line-height: 1;
	font-size: .8rem;
	color: #eee;
}
  /**
 * 首页幻灯
 * @author SuperFly
 * @return
 */
 .banner{
    overflow: hidden;
    position: relative;
    padding-top: 66.6666667%;
}
.bannerCont{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}
.bannerSwiper{
    height: 100%;
}
.banner_a{
    display: block;
    height: 100%;
    width: 100%;
}
.honorSwiper .swiper-pagination span,.tremSwiper .swiper-pagination span,.bannerSwiper .swiper-pagination span,.caseSwiper .swiper-pagination span{
    width: 0.5rem;
    height: 0.5rem;
    background: #d7d7d7;
    opacity: 1;
    border-radius: 0.5rem;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.honorSwiper .swiper-pagination .swiper-pagination-bullet-active,.tremSwiper .swiper-pagination .swiper-pagination-bullet-active,.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active,.caseSwiper .swiper-pagination .swiper-pagination-bullet-active{
	background: #fdc22a !important;
	width: 1.25rem;
}
.banShadow{
    width: 210%;
    height: 200%;
    position: absolute;
    left: 50%;
    bottom: -187%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 200%;
    -moz-border-radius: 200%;
    -ms-border-radius: 200%;
    -o-border-radius: 200%;
    border-radius: 200%;
    background: #f4f6f8;
    z-index: 2;
}
/**
 * 线条图
 * @author SuperFly
 * @return
 */
.line-box{flex-wrap: wrap;}
.line-box .line-item {width: 33.33%;box-sizing: border-box; padding:0 .3125rem; margin-bottom: .625rem;}
.line-box .line-item .line-item-a{padding: .625rem 0;}
.line-box .line-item .line-item-a img{width: 100%; height:auto;box-sizing: border-box; padding: .225rem;}
/**
 * 关于我们
 * @author SuperFly
 * @return
 */
.about-contaier .about-content .about-content-txt .bt{font-size: .9375rem;font-weight: 700;}
.about-contaier .about-content{padding:1.25rem .625rem; width:100%;}
.about-contaier .about-content .about-content-txt{width: 100%;}
.about-contaier .about-content .about-content-txt .info { width:100%;}
.about-contaier .about-content .about-content-txt .info p{font-size: .875rem; margin-top: .625rem;}
.h100{height: 1.25rem;}
.index-about{display:block;}
.index-about img{width: 100%; height:auto; border: 3px solid rgba(255,255,255,.75);}
/**
 * 产品
 * @author SuperFly
 * @return
 */
.index-list-pro .pro-item{width: 100%;}
.index-list-pro .pro-item .pro-item-a{padding: .625rem;margin: .625rem .625rem 0;}
.index-list-pro .pro-item .txt .bt{font-size: .9375rem;}
.index-list-pro .pro-item .pro-item-a .txt .info{font-size: .875rem;}
.index-list-pro .pro-item .pic{width: 7rem; height:auto;}
.index-list-pro .pro-item .pic img{width: 100%; height: auto;}
/**
 * 更多
 * @author SuperFly
 * @return
 */
.more a{display: block;}
.line-more a{font-size: .875rem;}
/**
 * 底部信息
 * @author SuperFly
 * @return
 */
 .link-container{display: block;}
 .link-bt{display: block; margin-bottom: .625rem; font-size: .9375rem;}
 .link-ul a{font-size: .875rem;}
 .bottom-nav{display: none;}
 .bottom-contact{width: 100%; padding-left: 0px;}
 .contant-txt ul li{font-size:.875rem;line-height:1.5rem;}
 .copyright-container p{line-height: 1.875rem;}
 .bottom-contact .bottom-contact-content{width:100%;}

/*
* 标题摘要 SuperFly
*/
.tit-wrapper{height:1.875rem;}
.index-cn-name{font-size: 1.25rem; font-weight: 700; padding: .625rem 0 1.25rem;}
.index-en-name{font-size: 2rem; letter-spacing: 0px;}
.index-desc{font-size: .875rem; padding: .625rem 0; line-height:1.5rem; margin: .625rem 0;}
/*
* 联系我们 SuperFly
*/
.contactMap{width:auto;float:none; padding: 0px;height:260px;}
.contactDetaTit{font-size: 1.25rem; line-height:1.75rem; margin-bottom: .625rem; font-weight: 700;}
.contactDeta_ul li{font-size: .9375rem; line-height:1.75rem; padding: .3125rem 0 0 25px;}
.contactDeta{height:auto; padding: 1.25rem;}
/*
*浮动导航
*/
#navs{display:none;}
.section-wrapper{margin:0px; }
.section-wrapper .section{padding-top:1.25rem;}
#examples .section{padding-top:3.5rem!important;}
/*
* 关于我们
*/
 .m160,.m200{height: auto;}
 .inner-content{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .text-wrapper .txt-arcpic img{width: 100%!important; height:auto!important;}
 .sider-wrapper{margin: 3.75rem 0 0 0;}
 .sider-wrapper .sider-bt{margin-top: 0; width: 100%; font-size: 1rem;height: 3.125rem; line-height: 3.125rem;}
 .sider-wrapper .sider-ul{padding:.625rem 1.25rem;}
 .sider-wrapper .sider-ul ul li a{font-size: .875rem}
 .text-wrapper .text-bt{font-size: .9375rem}
 .text-wrapper .txt-word{font-size: .875rem; line-height: 1.875;}
 .his-lst ul .his-lst-item .date-time{margin-right:.625rem; padding-right: 1.25rem; font-size: 1.25rem;}
 .his-lst ul .his-lst-item:after{left: 3.75rem;}
 .his-lst ul .his-lst-item .date-time:after{right: -3px;}
 .his-lst ul .his-lst-item .date-time:before{right: 1px;}
 .his-lst ul .his-lst-item .his-info{font-size: .875rem;line-height: 1.875;}
 
 .index-list-pro .pro-item .pic.cc{width:3.25rem;height:3.25rem; border-radius: 100%;}
 /**
 * 项目案例
 * @author SuperFly
 * @return
 */
 .list-img-four dd{float:none;width:100%!important; margin-bottom: .625rem;}
 .list-img-four.list-img-four-index dd a .txtBox .divI{width: 3.125rem; height: 3.125rem; border-radius:100%; margin-top: -60px;}
 .list-img-four.list-img-four-index dd a .txtBox .divI img{width: 1.5rem; height: 1.5rem; padding:12px;}
 .list-img-four.list-img-four-index dd a .txtBox .divT{height: 3.8125rem; line-height: 3.8125rem; font-size: 1.125rem; }
 .list-img-four.list-img-four-index dd a .txtBox .txt{height: 3rem; line-height:1.5rem;  font-size: .875rem;}
 .list-img-four.list-img-four-index dd a:hover .txtBox .divI{margin-top: 30px;}
/*
* 当前位置 SuperFly
*/
 .locationBase{margin-top: 3.5rem; height: 2.5rem;}
 .locationBox{height: 2.5rem; line-height:2.5rem;}
 .location{height: 2.5rem; background-position: 0px .625rem;}
 .location a{height: 2.5rem; line-height:2.5rem; font-size:.875rem;}
 /*
* 内页新闻 SuperFly
*/
.list-inner-news .list_a{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.list-inner-news .list_a .info{padding-left: 0px;}
.list-inner-news .list_a .autoImgz{width: 100%;}
.list-inner-news .list_a .autoImgz img{height:auto; width:90%;}
.list-inner-news .list_a .data-box{display:none;}
.list-inner-news dd{padding: .625rem;}
.list-inner-news .list_a .info .more-new{position: relative; margin-top: .625rem;}
.list-inner-news .list_a .info .bt{font-size: .9375rem; font-weight: 700}
.list-inner-news .list_a .info .desc{font-size: .875rem;}
 /*
* 内页产品 SuperFly
*/
.list-img.inner-pic dd{width: 50%;}
.list-img.inner-pic .listDeta{padding: .625rem;}
.list-img.inner-pic .list_a{margin: 0 .3125rem}
.inner-p{margin: 0 .3125rem;}
.list-img.inner-pic .listTit{font-size: .875rem; }

/*
* 文章详情
*/
.articleTitle{
    font-size: 1rem;
    color: #333333;
    font-weight: bold;
    padding: .6rem .6em 0 .6rem;
    line-height: 1.8rem;
    text-align: center;
}
.page-box{padding:8px;}
.page-box img{width:100%; height:auto;}
.articleBox{
	line-height: 1.875rem;
	color: #666;
	padding: .6rem;
	font-size: 0.875rem;
	background: #fff;
}
.articleTime{line-height: 1.875rem;}
.articleTimeTxt {
    display: block;
    clear: both;
    color: #999;
    font-size: 0.8rem;
    padding: .6rem .6rem 0 .6rem;
}
.articleBox img{ max-width: 100% !important; hegight:auto!important;}
.pageUp{font-size: .9375rem; line-height:1.875rem; padding: .625rem 0 1.25rem;}
/*返回顶部*/
.item-back-top{
	width: 28px;
    height: 28px;
    text-align: center;
    font-size: 28px;
    line-height: 20px;
    color: #FFF;
    background: rgba(0,0,0,0.75);
    position: fixed;
    z-index: 1000;
    right: 5px;
    bottom: 80px;
    display: block;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
	color:#fff;
}
.item-back-top .back-icon{width: 14px; height: 14px; background:url(../images/btNext_h.png) top center no-repeat; background-size:auto 14px; display:block; box-sizing:border-box; margin: 7px;transform:rotate(-90deg);}
 }