/* 全局样式 */
*{padding: 0;margin: 0;font-family: "Open-Sans";font-size: 14px;color: #000;}
a{text-decoration: none;}
p{text-align: center;text-indent: 2em; color: #585858; font-family: "Open-Sans";}
h2{font-family: 'Open-Sans';}
ul,ol{list-style: none;}
img{border: none;}
input,textarea{outline: none;}
tr{height: 35px;}

@font-face {

    font-family: 'SourceHanSansSC-Normal';
    src: url('../font_face/SourceHanSansSC-Normal-2.otf') /* Safari, Android, iOS */
    
	/* 华文楷体 */
	/* font-family:'Medium';
	src: url('../font_face/Medium.ttf'); */
   }
   
@font-face {

    font-family: 'SourceHanSansSC-Bold';
    src: url('../font_face/NotoSansCJK-Bold-6.otf') /* Safari, Android, iOS */
    
   }

@font-face {

    font-family: 'NotoSansCJK-Medium';
    src: url('../font_face/NotoSansCJK-Medium-5.otf') /* Safari, Android, iOS */
    
   }

@font-face {
	font-family:'STXIHEI';
	src: url('../font/STXIHEI.TTF');
}
   
@font-face {
	font-family:"Open-Sans";
	src: url('../font/Open-Sans-2.ttf');
}

/* 公共样式 */
.pubCon{width: 1200px;margin: 0 auto;}
.pubTit{text-align: center;}
body{background: #fff;}
/* 遮罩 */
.bodyBg{display: none; position: fixed;top: 0;left: 0; z-index: 10; width: 100%;height: 100%;background: rgba(255,255,255,0.6);}

/* 头部样式 */
.header{ background:#F4F4F4; width: 100%; height: 60px;}
.hdFixed{position: fixed;top: 0;left: 0;z-index: 11;}
.hdCon{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.nav-logo img{height: 40px; width: 160px;}
.navbar ul{display: flex;}
.navbar li{padding: 20px 0 20px 80px;}
.navbar .first-level{position: relative;display: block; font-size: 18px; color: #656662;transition: 0.4s;box-sizing: border-box;}
.navbar li:hover .first-level {color: #00abd9;cursor: pointer;}
.navbar .first-level::after{position: absolute; left: 0; top: 40px; display: block; content: ""; width: 0%; height: 4px;background: #00ABD9;transition: 0.4s;}
.navbar li:hover .first-level::after{width: 100%;}
.navbar li:active .first-level::after{width: 100%;}
.navbar li:active .first-level{color: #00abd9;}
.hdMenu{display: none; width: 40px;cursor: pointer;}
.hdMenu i{display: block;width: 40px;height: 3px;margin: 8px auto;background: #00ABD9;}

.two-level{font-size: 16px;font-weight: 400; height: 30px;text-align: center;text-decoration: none;display: block;color: #8f908a;}
.two-level:hover{color: #00abd9;}
/*鼠标下拉菜单*/
.dropdown { position: relative;display: inline-block;cursor: pointer;}
.dropdown-content{transform-origin: top left; animation:dropdownClips 0.3s ease-in ;display: none; position: absolute;top: 62.5px;z-index: 11; background-color: #ffffff;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 7px 5px 0 5px;}
/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {display: block;}

/*下拉菜单动画*/
@keyframes dropdownClips{
	from{
		/* transform: scale(0); */
		transform: scaleY(0);
	}
	to{
		/* transform: scale(1); */
		transform: scaleY(1);
	}
}

/* 手机端导航 */
#phone_nav{position: fixed;top: 0;right: 0;z-index: 12; display: none; background-color: #fff;animation: left_MoveClips 0.4s ease-in; width: 70%;height: 100%;transform-origin: top right;}
#phone_nav a{width: 100%;padding: 10px 20px; font-size: 17px;display: block;color: #000;}
#phone_nav li{display: block;border-bottom: 2px solid #F4F4F4;position: relative;}
#phone_nav a:hover{background-color: #aaa;}
#phone_nav li > ul{display: none;}
#phone_nav li > ul > li{border-bottom: 0px; border-top: 2px solid #F4F4F4;}
#phone_nav li > ul > li > a { padding: 10px 40px; font-size: 15px;}
/* #phone_nav li:hover >ul {display: block;} */
.btndown1{font-size: 40px;text-align: center;color: #000;font-weight: bold;position: absolute;right: 10px;top: 10px;cursor: pointer;}
.btnup1{display: none; font-size: 40px;text-align: center;color: #000;font-weight: bold;position: absolute;right: 10px;top: 10px;cursor: pointer;}
.btndown2{font-size: 40px;text-align: center;color: #000;font-weight: bold;position: absolute;right: 10px;top: 10px;cursor: pointer;}
.btnup2{display: none; font-size: 40px;text-align: center;color: #000;font-weight: bold;position: absolute;right: 10px;top: 10px;cursor: pointer;}
/* 关闭导航按钮 */
.shutdown{ height: 40px; border-bottom: 2px solid #00abd9;line-height: 40px; padding-left: 20px;}



/* 手机端菜单左移动画 */
@keyframes left_MoveClips{
	from{
		transform: scaleX(0);
	}
	to{
		transform: scaleX(1);
	}
}

/**
 * banner模块
 */
.bann{ margin: 0px; padding: 0px; width: 100%;display: flex;}
.bann .swiper-container{width: 100%; height: 501px;}

/*产品模块--康复手*/
.hand{background: #F4F4F4; width: 100%; height: auto; padding-top: 60px;}
.handCon{position: relative;}
.hand img{width: 640px; height: 426.6px; display: flex;margin-left: 200px;}
.nameSpace{ position: absolute; right: 140px; top: 100px;}
.pubTit h2{font-size: 25px;font-weight: 550;}
.nameSpace a{color: #00ABD9;}

/* 产品模块--肌电臂环，iRecorder*/
.product{ width: 100%;display: flex;flex-wrap: wrap;background: #F4F4F4; margin-top: 10px;}
.product .line{width: 10px; height: 600px;background: #fff;}
.device{display: inline-block; width: 49%;height: 600px;}
.aiPha .devInfo{margin-left: 300px;}
.irecorder .devInfo{margin-right: 300px;}
.device img{transform: scale(1); width: auto; height: 400px;margin: 30px auto;display: flex;transition: 0.3s;}
.aiPha .devInfo img{transform: scale(0.9);}
.deviceContent{margin-top: 50px;}
.deviceContent h2{font-size: 25px;font-weight: 550;}
.deviceContent a{color: #00ABD9;}
.device img:hover{transform: scale(1.1);}
.aiPha .devInfo img:hover{transform: scale(1);}

/* 新闻模块 */
/* .news{width: 100%;position: relative;}
.newsTit{padding: 30px 0;}
.newsImg{display: flex;margin: 0 10px;}
.newsImg a {margin: 0 1px;}
.selectNews{opacity: 1;pointer-events: auto;}
.unselect{opacity: 0.3;pointer-events: none;}
.btn{position: absolute;left: 350px; top: 160px; z-index: 10; height: 100px;}
.btn .iconfont{height: 100px; font-size: 100px;color: #aaa;font-weight: 100;}
.left_btn{float: left;}
.right_btn{float: right;}
.left_btn:hover{color: #00ABD9;}
.right_btn:hover{color: #00ABD9;}
.left_btn:active{color: #00ABD9;}
.right_btn:active{color: #00ABD9;} */

/* 新闻模块 --轮播-- pc端*/
.banner{height: 400px;margin-top: 20px; width: 100%;}
.banner .newsTit{padding: 30px 0;}
.banner .big img{display: block;width: 377px;height: 217px; }
.phoneBanner{display: none;}


/*包裹自定义分页器的div的位置等CSS样式*/
/* .swiper-pagination-custom {
	bottom: 10px;
	left: 0;
	width: 100%;
}
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
/* .swiper-pagination-customs {
	width: 30px;
	height: 4px;
	display: inline-block;
	background: #000;
	opacity: .3;
	margin: 0 5px;
} */
/*自定义分页器激活时的样式表现*/
/* .swiper-pagination-customs-active {
	opacity: 1;
	background-color: #F78E00;
} */ 

/* 脚部模块 */
footer{background: #F4F4F4;width: 100%;}
.footer{height: 210px;margin-top: 10px; display: flex;flex-wrap: wrap; justify-content: space-between;}
.ftLogo{display: flex;width: 250px; align-items: center;}
.ftRight{display: flex;flex-wrap: wrap;}
.ftInfo{padding-top: 30px;width: 260px;}
.ftInfo p{color: #8f908a;line-height: 30px;text-indent: 0em;text-align: left;}
.ftLogo a img{width: auto; height: 50px; width: 200px;}
.ftWx{width: 150px;}
.ftWx img{width: 100px;height: 100px; padding-top: 30px;display: block;margin: 0 auto;}
.ftWx p{color: #8f908a;text-indent: 0em;}
#number{color: #8f908a;text-align: center;}

/*手机端尺寸适应*/
@media (max-width:778px) {
	
	/* 公共样式 */
	.pubCon{width: 100%;padding:0 25px; box-sizing: border-box;}
	
	/* 头部样式 */
	.hdMenu{display: block;width: 60px;box-sizing: border-box;}
	.navbar{display: none;}
	.nav-logo img{height: 30px; width: 120px;}
	
	/**
		 * banner模块
		 */
		.technology_index{width: 100%;background-color: #F4F4F4;}
		.bann{margin: 0 auto; padding: 0px; width: 100%;display: block;}
		.bann .bannText{ padding: 40px 0px; background: url(/static/econ/images/bannertext_bg2.png) no-repeat; background-size: cover;  width: 100%; height: auto;}
		.bannText .text{margin: 0 auto; width: 300px;margin-top: 0px;}
		.bannText h2{color: #fff; font-size: 22px;}
		.bannText p{margin-top: 20px; color: #fff;font-size: 16px;text-indent: 0em; letter-spacing: 0.01em; line-height: 30px; text-align: justify;}
		.box{
		    width: 359px;
		    height: 230px;
		    margin: 0;
		    overflow: hidden;
		    position: relative;
			margin: 0 auto;
		}
		.wipper{
		    width: 1436px;/*设置为图片的总宽度*/
		    height: 230px;
		    position: absolute;
		    left: 0;
		}
		.wipper img{
		    width: 359px;
		    height: 230px;
			display: block;
		    float: left;
		    text-align: center;
		    font-size: 30px;
		    line-height: 300px;
		    color: #fff;
		}
	
	/*产品模块--康复手*/
	.hand{ height: auto;}
	.hand img{width: 320px; height: 213px;margin-left: 0px; margin: 0 auto; position: static;}
	.nameSpace{ display: block;position: unset;padding: 20px 0;}
	.pubTit h2{font-size: 16px;}
	
	/* 产品模块--肌电臂环，iRecorder*/
	.product{ width: 100%;background: #F4F4F4; margin-top: 10px;}
	.deviceCenter{padding: 0px; background: #F4F4F4; display: inline-block;}
	.product .line{ display: block; width: 100%; height: 10px; background: #fff;}
	.device{ margin: 0 auto; display: inline-block; width: 100%; height: auto;}
	.aiPha .devInfo{ margin-left: 0px;}
	.irecorder .devInfo{ margin-right: 0px;}
	.device img{transform: scale(1); width: auto; justify-content: center; height: auto;margin: 30px auto;display: flex;transition: 0.3s;}
	.aiPha .devInfo img{ display: block; margin: 30 auto; width: 310px; height: 280px;}
	.irecorder .devInfo img{ display: block; margin: 30 auto; width: 276px; height: 300px;}
	.deviceContent{margin-top: 50px;}
	.deviceContent h2{font-size: 16px;font-weight: 550;}
	.deviceContent a{color: #00ABD9;}
	.device img:hover{transform: scale(1.1);}
	.aiPha .devInfo img:hover{transform: scale(1);}
	
	/* 新闻模块 --轮播*/
	/* .banner{width: auto; height: auto; margin-top: 20px;}
	.newsTit{padding: 30px 0;}
	.big img {width: 100%; height: 217px;} */
	/* .banner a{width: 125px;height: 72px; background-size: cover;} */
	/*.banner a{display: block; width: 377px;height: 217px; margin: 0 auto; background-size: 377px 217px; background-repeat: no-repeat;background-position: left top;}*/
	
	.banner{display: none;}
	.phoneBanner{display: block;width: 375px; height: auto; margin-top: 20px;margin: 0 auto; padding: 0px;box-sizing: border-box;}
	.phoneBanner .newsTit{padding: 30px 0;}
	.phoneBanner .big img {width: 339px; height: 195px; }
	
	/* 脚部模块 */
	.footer{ width: 100%; height: auto;margin-top: 30px; justify-content: center; margin: 0 auto; }
	.ftLogo img {padding: 30px 0 0 10px; height: 30px; width: 130px;}
	.ftInfo{padding-top: 30px; text-align: left;padding-left: 50px;}
	.ftWx{margin: 0 auto;}
	.ftWx img{ padding-top: 30px; display: block; margin: 0 auto;}
}

/* 平板尺寸适应 */
@media (min-width:778px) {
	/* 公共样式 */
	.pubCon{width: 100%;padding:0 25px; box-sizing: border-box;}
	
	/* 头部样式 */
	.hdMenu{display: block;width: 60px;box-sizing: border-box;}
	.navbar{display: none;}
	.nav-logo img{height: 30px; width: 120px;}
	
	/**
	 * banner模块
	 */
	.technology_index{width: 100%;background-color: #F4F4F4;}
	.bann{margin: 0 auto; padding: 0px; width: 100%;display: flex; justify-content: center;}
	.bann .bannText{ padding: 20px; background: url(/static/econ/images/bannertext_bg2.png) no-repeat; background-size: cover;  width: 50%; height: auto;}
	.bannText .text{margin: 0 auto; width: 389px;margin-top: 40px;}
	.bannText h2{color: #fff; font-size: 22px;}
	.bannText p{margin-top: 20px; color: #fff;font-size: 16px;text-indent: 0em; letter-spacing: 0.01em; line-height: 30px; text-align: justify;}
	.box{
	    width: 961px;
	    height: 300px;
	    margin: 0;
	    overflow: hidden;
	    position: relative;
	}
	.wipper{
	    width: 3844px;/*设置为图片的总宽度*/
	    height: 300px;
	    position: absolute;
	    left: 0;
	}
	.wipper img{
	    width: 961px;
	    height: 300px;
		display: block;
	    float: left;
	    text-align: center;
	    font-size: 30px;
	    line-height: 300px;
	    color: #fff;
	}
	/* .hdMenu i{transform-origin: left;transition: 0.3s;}     
	.hdMenu.active i:nth-child(1) {transform: rotate(45deg);width: 31.5px;}
	.hdMenu.active i:nth-child(2) {opacity: 0;}
	.hdMenu.active i:nth-child(3) {transform: rotate(-45deg);width: 31.5px;} */
	 /*产品模块--康复手*/
	.hand{background: #F4F4F4; width: 100%; height: auto; padding-top: 60px;}
	.handCon{position: relative;}
	.hand img{width: 512px; height: 341.28px; display: flex;margin-left: 150px;}
	.nameSpace{ position: absolute; right: 80px; top: 100px;}
	.pubTit h2{font-size: 25px;font-weight: 550;}
	.nameSpace a{color: #00ABD9;}
	
	/* 产品模块--肌电臂环，iRecorder*/
	.product{ width: 100%;background: #F4F4F4; margin-top: 10px;}
	.deviceCenter{ display: flex;flex-wrap: wrap; justify-content: space-between;}
	.product .line{width: 10px; height: auto; background: #fff;}
	.device{ display: inline-block; width: 350px; height: auto;}
	.aiPha .devInfo{ margin-left: 0px;}
	.irecorder .devInfo{ margin-right: 0px;}
	.device img{transform: scale(1); width: auto; justify-content: center; height: auto;margin: 30px auto;display: flex;transition: 0.3s;}
	.aiPha .devInfo img{ display: block; margin: 30 auto; width: 310px; height: 280px;}
	.irecorder .devInfo img{ display: block; margin: 30 auto; width: 276px; height: 300px;}
	.deviceContent{margin-top: 50px;}
	.deviceContent h2{font-size: 25px;font-weight: 550;}
	.deviceContent a{color: #00ABD9;}
	.device img:hover{transform: scale(1.1);}
	.aiPha .devInfo img:hover{transform: scale(1);}
	
	.banner{display: none;}
	.phoneBanner{display: block;width: 400px; height: auto; margin-top: 20px;margin: 0 auto; padding: 0px;box-sizing: border-box;}
	.phoneBanner .newsTit{padding: 30px 0;}
	.phoneBanner .big img {width: 339px; height: 195px;}     
}

/* 小屏显示器 */
@media (min-width:992px) {
	
	.pubCon{width: 960px;}
	
	/* 头部样式 */
	.hdMenu{display: none;}
	.navbar{display: block;}
	.nav-logo img{height: 40px; width: 160px;}
	
	/**
	 * banner模块
	 */
	.technology_index{width: 100%;background-color: #F4F4F4;}
	.bann{margin: 0 auto; padding: 0px; width: 100%;display: flex; justify-content: center;}
	.bann .bannText{ padding: 20px; background: url(/static/econ/images/bannertext_bg2.png) no-repeat; background-size: cover;  width: 50%; height: auto;}
	.bannText .text{margin: 0 auto; width: 500px;margin-top: 40px;}
	.bannText h2{color: #fff; font-size: 22px;}
	.bannText p{margin-top: 20px; color: #fff;font-size: 16px;text-indent: 0em; letter-spacing: 0.01em; line-height: 30px; text-align: justify;}
	.box{
	    width: 961px;
	    height: 300px;
	    margin: 0;
	    overflow: hidden;
	    position: relative;
	}
	.wipper{
	    width: 3844px;/*设置为图片的总宽度*/
	    height: 300px;
	    position: absolute;
	    left: 0;
	}
	.wipper img{
	    width: 961px;
	    height: 300px;
		display: block;
	    float: left;
	    text-align: center;
	    font-size: 30px;
	    line-height: 300px;
	    color: #fff;
	}
	
	/* 产品模块--肌电臂环，iRecorder*/
/* 	.product{ width: 100%; display: flex; flex-wrap: wrap; background: #F4F4F4; margin-top: 10px;}
	.product .line{width: 10px; height: 420px; background: #fff;}
	.device{display: inline-block; width: 49%; height: 420px;}
	.aiPha .devInfo{margin-left: 0px;}
	.irecorder .devInfo{margin-right: 0px;}
	.aiPha img{width: 224px;height: 203px;}
	.irecorder img{width: 362px;height: 241px;}
	 */
	
	/* 产品模块--肌电臂环，iRecorder*/
	.product{ width: 100%;background: #F4F4F4; margin-top: 10px;}
	.deviceCenter{ display: flex;flex-wrap: wrap; justify-content: space-between;}
	.product .line{width: 10px; height: auto; background: #fff;}
	.device{ display: inline-block; width: 400px; height: auto;}
	.aiPha .devInfo{ margin-left: 0px;}
	.irecorder .devInfo{ margin-right: 0px;}
	.device img{transform: scale(1); width: auto; justify-content: center; height: auto;margin: 30px auto;display: flex;transition: 0.3s;}
	.aiPha .devInfo img{ display: block; margin: 30 auto; width: 387.92px; height: 351.2px;}
	.irecorder .devInfo img{ display: block; margin: 30 auto; width: 346.5px; height: 375.3px;}
	.deviceContent{margin-top: 50px;}
	.deviceContent h2{font-size: 25px;font-weight: 550;}
	.deviceContent a{color: #00ABD9;}
	.device img:hover{transform: scale(1.1);}
	.aiPha .devInfo img:hover{transform: scale(1);}
	
	
	.banner{display: none;}
	.phoneBanner{display: block;width: 400px; height: auto; margin-top: 20px;margin: 0 auto; padding: 0px;box-sizing: border-box;}
	.phoneBanner .newsTit{padding: 30px 0;}
	.phoneBanner .big img {width: 339px; height: 195px;}
	
	/* 新闻模块 --轮播-- pc端*/
	.phoneBanner{display: none;}
	.banner{display: block; height: auto; margin-top: 20px; width: 908.5px;}
	.banner .newsTit{padding: 30px 0;}
	.banner .big img{display: block;width: 265px;height: 156px;}
	/* .banner .big img{display: block;width: 100%;height: 100%;} */
}

/* 大屏显示器 */
@media (min-width:1300px) {
	/**/
	.pubCon{width: 1200px;} 
	.phoneBanner{display: none;}
	.banner{display: block;}
	
	/* 头部样式 */
	.hdMenu{display: none;}
	.navbar{display: block;}
	.nav-logo img{height: 40px; width: 160px;}
	/**
	 * banner模块
	 */
	.technology_index{width: 100%;background-color: #F4F4F4;}
	.bann{margin: 0 auto; padding: 0px; width: 100%;display: flex; justify-content: center;}
	.bann .bannText{ padding: 20px; background: url(/static/econ/images/bannertext_bg2.png) no-repeat; background-size: cover;  width: 50%; height: auto;}
	.bannText .text{margin: 0 auto; width: 600px;margin-top: 40px;}
	.bannText h2{color: #fff; font-size: 25px;}
	.bannText p{margin-top: 20px; color: #fff;font-size: 18px;text-indent: 0em; letter-spacing: 0.01em; line-height: 30px; text-align: justify;}
	.box{
	    width: 961px;
	    height: 300px;
	    margin: 0;
	    overflow: hidden;
	    position: relative;
	}
	.wipper{
	    width: 3844px;/*设置为图片的总宽度*/
	    height: 300px;
	    position: absolute;
	    left: 0;
	}
	.wipper img{
	    width: 961px;
	    height: 300px;
		display: block;
	    float: left;
	    text-align: center;
	    font-size: 30px;
	    line-height: 300px;
	    color: #fff;
	}
	
	
	  
	/*产品模块--康复手*/
	.hand img{width: 60%; height: 60%;margin-left: 20%;}
	
	/* 新闻模块 --轮播-- pc端*/
	.banner{height: 400px;margin-top: 20px; width: 1239.5px;}
	.banner .newsTit{padding: 30px 0;}
	.banner .big img{display: block;width: 377px;height: 217px; }
	.phoneBanner{display: none;}
	
	
	/* 产品模块--肌电臂环，iRecorder*/
	.product{ width: 100%;background: #F4F4F4; margin-top: 10px;}
	.deviceCenter{display: flex;flex-wrap: wrap; justify-content: space-between;}
	.product .line{width: 10px; height: auto; background: #fff;}
	.device{ display: inline-block; width: 500px; height: auto;}
	.aiPha .devInfo{ margin-left: 0px;}
	.irecorder .devInfo{ margin-right: 0px;}
	.device img{transform: scale(1); width: auto; justify-content: center; height: auto;margin: 30px auto;display: flex;transition: 0.3s;}
	.aiPha .devInfo img{ display: block; margin: 30 auto; width: 484.92px; height: 439.02px;}
	.irecorder .devInfo img{ display: block; margin: 30 auto; width: 433.512px; height: 461.376px;}
	.deviceContent{margin-top: 50px;}
	.deviceContent h2{font-size: 25px;font-weight: 550;}
	.deviceContent a{color: #00ABD9;}
	.device img:hover{transform: scale(1.1);}
	.aiPha .devInfo img:hover{transform: scale(1);}
}