@charset "utf-8";

/* CSS Document */

.form_fiexd{
	width: 180px;
	position: fixed;
	left: 0;
	top: 40%;
	box-shadow: 0 0 26px 10px #e1e1e1;
	z-index: 9999999999;
	display: none;
}
.fmfd_t{
	padding: 20px 0;
	background-color: #61ccb1;
	border-radius: 4px 4px 0 0;
}
.fmfd_t h4{
	padding-bottom: 12px;
	text-align: center;
}
.fmfd_t p{
	line-height: 24px;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.fmfd_t img{
	max-width: 100%;
}
.fmfd_b{
	background-color: #fff;
}
.fmfd_b h5{
	height: 44px;
	line-height: 44px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	border-radius: 0 0 4px 4px ;
	transition: all .6s;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
}
.form_fiexd:hover h5{
	color: #61ccb1;
	text-decoration: underline;
	transition: all .6s;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
}



@media screen and ( max-width:1366px ){
	.logo a{padding-top: 19px;}

	header{ width:100%; position:fixed; margin-left:-50%; padding:4px 0; background-color:#fff;}

	.logo{ margin-left:2em;}

	.logo img{ height:78px;}

	.logo .tel img{height: auto !important;}

    nav{ display:none;}

	.mob-nav{ display:block; top:35px;}

	.tel{ padding-top:19px;}

	.waper-banner,

	#banner{ margin-top:7%; height:auto;}
	
	.rslides li img{ height:auto;}

	.slide-news{ display:none;}

	.contanri{ width:96%; padding:0 2%; margin-left:-50%;}

	.sub-round-small{ width:96%; padding:0 2%; margin-left:-50%;}

	.sub-round-small ul li{ width:31.6%;}

	.sub-round-small ul li.rod3{ margin-right:0;}

	.round-list{ padding:35px 0; margin-top:20px;}

	.our-advantage{ width:96%; padding:0 2%; margin-left:-50%;}

	.our-advantage ul{ float:none; width:300px; margin:0 auto;}

	.the-power ul li{ width:74px; float:left; margin:0 13px; display:table;}

	.the-power ul li font{ margin:0 auto;}

	.the-power ul li strong{ display:block; float:none; width:100%; text-align:center;}

	.power-cont{ width:100%; margin-top:35px;}

	.the-news{ width:96%; padding:0 2%; margin-left:-50%;}

	.mk-cont ul{ float:none; width:300px; margin:0 auto;}

	.mk-cont ul li{ float:left; margin:0 13px; width:74px;}

	.mk-xkk{ float:none; width:100%;}

	.mk-xkk .sub-xks{ width:70%; margin:0 auto;}

	.mk-xkk .img{ float:none; width:100%; margin:0 auto;}

	.mk-xkk .zx-list{ float:none; width:100%; margin:25px auto 0;}

	.mk-xkk .img p{ font-size:14px;}

	.mk-xkk .zx-list dl dd p{ font-size:14px;}

	.power-cont .sub-xk p{ font-size:14px;}

	.many-logo{ width:96%; padding:0 2%; margin-left:-50%;}

	.many-logo ul{ width:738px; padding-top:44%; margin:0 auto;}

	.many-logo ul li article{ width:33%;}

	.service-list{ margin-top:25px;}

	.contner{ width:100%; }
.fw-field .sub-field ul li p img{max-width:100%;height:auto}

	.form_fiexd{
		width: 109px;
		left: 5px;
		top: 20%;
		box-shadow: 0 0 5px 3px #e1e1e1;
	}
	.fmfd_t p{
		font-size: 14px;
		line-height: 22px;
	}
	.fmfd_t{
		padding: 10px 0;
	}
	.fmfd_b h5{
		font-size: 14px;
		height: 34px;
		line-height: 34px;
	}
	
 }


/*1440px*/
/*跨大区间分辨率共用*/

@media screen and ( max-width:1280px ){
	.logo a{padding-top: 19px;}

	header{ width:100%; position:fixed; margin-left:-50%; padding:4px 0; background-color:#fff;}

	.logo{ margin-left:2em;}

	.logo img{ height:78px;}

	.logo .tel img{height: auto !important;}

    nav{ display:none;}

	.mob-nav{ display:block; top:35px;}

	.tel{ padding-top:19px;}

	.waper-banner,

	#banner{ margin-top:7%; height:auto;}
	
	.rslides li img{ height:auto;}

	.slide-news{ display:none;}

	.contanri{ width:96%; padding:0 2%; margin-left:-50%;}

	.sub-round-small{ width:96%; padding:0 2%; margin-left:-50%;}

	.sub-round-small ul li{ width:31.6%;}

	.sub-round-small ul li.rod3{ margin-right:0;}

	.round-list{ padding:35px 0; margin-top:20px;}

	.our-advantage{ width:96%; padding:0 2%; margin-left:-50%;}

	.our-advantage ul{ float:none; width:300px; margin:0 auto;}

	.the-power ul li{ width:74px; float:left; margin:0 13px; display:table;}

	.the-power ul li font{ margin:0 auto;}

	.the-power ul li strong{ display:block; float:none; width:100%; text-align:center;}

	.power-cont{ width:100%; margin-top:35px;}

	.the-news{ width:96%; padding:0 2%; margin-left:-50%;}

	.mk-cont ul{ float:none; width:300px; margin:0 auto;}

	.mk-cont ul li{ float:left; margin:0 13px; width:74px;}

	.mk-xkk{ float:none; width:100%;}

	.mk-xkk .sub-xks{ width:70%; margin:0 auto;}

	.mk-xkk .img{ float:none; width:100%; margin:0 auto;}

	.mk-xkk .zx-list{ float:none; width:100%; margin:25px auto 0;}

	.mk-xkk .img p{ font-size:14px;}

	.mk-xkk .zx-list dl dd p{ font-size:14px;}

	.power-cont .sub-xk p{ font-size:14px;}

	.many-logo{ width:96%; padding:0 2%; margin-left:-50%;}

	.many-logo ul{ width:738px; padding-top:44%; margin:0 auto;}

	.many-logo ul li article{ width:33%;}

	.service-list{ margin-top:25px;}

	.contner{ width:100%; }
.fw-field .sub-field ul li p img{max-width:100%;height:auto}

	.form_fiexd{
		width: 109px;
		left: 5px;
		top: 20%;
		box-shadow: 0 0 5px 3px #e1e1e1;
	}
	.fmfd_t p{
		font-size: 14px;
		line-height: 22px;
	}
	.fmfd_t{
		padding: 10px 0;
	}
	.fmfd_b h5{
		font-size: 14px;
		height: 34px;
		line-height: 34px;
	}
	
 }



@media screen and ( max-width:1024px ){

	footer{ height: auto; padding:60px 0;}

	.foot{ width:96%; padding:0 2%; margin-top:0px; margin-left:-50%;}

	.foot .fot-lft{ float:none; width:100%;}

	.foot .fot-lft li{ width:100%;}

	.foot .fot-lft li.ft4{ width:100%;}

	.fot-lft ul li h3{ margin-top:13px; margin-bottom:0px;}

	.foot .fot-lft li a{ display:inline-block; margin-right:15px; font-size:14px;}

	.foot .fot-lft li p{ display:inline-block; margin-right:15px; font-size:14px;}

	.foot .fot-rit{ float:none; margin-top:13px;}

	.copyright{ margin-top:20px;}

	.copyright p{ font-size:14px;}

	.copyright p font{ margin-bottom:13px;}

	.copyright p a{ margin-bottom:13px;}

	.sectn-nav ul li a{ padding:25px 0;}

	.smll-logo ul li{ width:33.33333%;}

	.smll-logo{ margin:25px 0;}

	

	

	.fw-process ul,

	.fw-field .sub-field,

	.coch-us .sub-coch-us,

	.sub-join,

	.sub-join-td,

	.sub-introdu,

	.sub-honor{ padding:35px;}

	

	

	

	.fw-field,

	.coch-us,

	.join-us,

	.fw-process,

	.join-td,

	.join-introdu,

	.join-honor{ margin-top:20px;}

	

	

	.bot-cont h5{ font-size:15px;}

	.bot-cont p{ font-size:14px;}

	.sub-introdu .ls li dl dt{ float:none;}

	.sub-introdu .ls li dl dd{ float:none; margin-top:20px; max-width:100%;}

	.sub-introdu .ry img{ width:100%;}

	

}



@media screen and ( min-width:769px ) and ( max-width:980px ){

	.smart-hardware ul li .smart-tit h3{ font-size:20px;}

	.smart-hardware ul li .smart-tit p{ margin-top:8px; font-size:16px;}

	.smart-hardware ul li .smart-tit a{ height:34px; line-height:34px; margin:15px auto 0;}

 	.smart-hardware ul li .cont1 span a{ margin-top:2px;}

	.power-cont .sub-xk h3{ font-size:35px;}

	.many-logo ul{ padding-top:32%;}

	.mk-xkk .sub-xks{ width:75%; margin:0 auto;}

    }

	



@media screen and ( max-width:768px ){
	.product-details-content p img{width:100%; height:auto;}

	.smart-hardware ul li{ float:none; width:100%;}

	.smart-hardware ul li .smart-tit{ padding-top:35%;}

	.the-news{ margin-top:30px;}

	.mk-cont{ margin-top:50px;}

	.mk-xkk .zx-list dl dt{ float:none;}

	.mk-xkk .zx-list dl dd{ float:none; width:100%; margin-left:0;}

	.lg-lr{ margin:40px auto 0;}

	.mk-xkk .sub-xks{ width:80%; margin:0 auto;}

	.service-list{ margin-top:20px;}

	.sectn-nav ul li a{ padding:20px 0;}

	.smll-logo ul li{ width:50%;}

	



	.fw-process ul,

	.fw-field .sub-field,

	.coch-us .sub-coch-us,

	.sub-join,

	.sub-join-td,

	.sub-introdu,

	.sub-honor{ margin-top:20px; padding:15px;}

	



	.fw-process ul li dl dd p{ font-size:14px;}

	#dituContent{ padding-top:72%;}

	.sub-join-td ul li{ width:50%;}

	.sub-join-td ul li dl dd.t1 i{ font-size:18px; }

	.sub-join-td ul li dl dd.t1 small{ font-size:14px;}

	

	}

	

@media screen and ( min-width:640px ) and ( max-width:768px ){

	.logo { width: auto;}

	.logo img{ height:68px;}

	.logo .tel{ padding-top:12px;}

	.mob-nav{ top:38px;}

	.mob-down li a{ font-size:25px;}

	.waper-banner,

	#banner{  margin-top:10%;}

	.smart-hardware ul li .cont1 h3 a{ font-size:19px;}

	.smart-hardware ul li .cont1 p{ font-size:16px;}

	.smart-hardware ul li .cont1 span a{ font-size:14px;}

	.power-cont .sub-xk h3{ font-size:25px;}

	.power-cont .sub-xk h4{ margin:15px 0;}

	.many-logo ul{ width:100%;}

	.mk-xkk .sub-xks{ width:85%; margin:0 auto;}

	.fw-field .sub-field ul li p{ font-size:14px;}



 	}

	

@media screen and ( max-width:639px ){

	.logo { width: auto;}

    .logo .tel{ display:none;}

	.logo img{ height:36px;}

	.mob-nav{ top:12px;}

	.mob-down li a{  font-size:20px;}
   
    .page-dynamic-list,
	.page-case-list{ margin-top:14%;}

	.waper-banner,

	#banner{  margin-top:10%;}

	.title h2{ font-size:24px;}

	.smart-hardware ul li .smart-tit{ padding-top:60%;}

	.smart-hardware ul li .smart-tit h3{ font-size:20px;}

	.smart-hardware ul li .smart-tit p{ font-size:16px;}

	.smart-hardware ul li .smart-tit a{ height:34px; line-height:34px; margin:15px auto 0;}

	.sub-round-small ul li{ width:47.4%; height:300px; margin-right:4.6%;}

	.sub-round-small ul li.rod3{ margin-right:4.6%;}

	.sub-round-small ul li.rod2,

	.sub-round-small ul li.rod4{ margin-right:0;}

	.sub-round-small ul li dl dd h5{ width:100%; margin-left:0;}

	.power-cont .sub-xk h3{ font-size:23px;}

	.many-logo ul{ width:100%; padding-top:120%;}

	.many-logo ul li article{ width:50%;}

	.many-logo ul li article img{ width:100%;}

	.mk-xkk .sub-xks{ width:100%; margin:0 auto;}

	.service-list{ margin-top:5px;}

	.foot .fot-lft{ float:none; width:300px; margin:0 auto;}

	.foot .fot-rit{ margin:13px auto 0;}

	.sectn-nav ul li a{ padding:12px 0; font-size:12px;}

	.smll-logo{ margin:18px 0;}

	.fw-field .sub-field ul li .img span{ float:none; width:100%; padding-top:75%; margin-right:0;}

	.fw-process ul li dl dt{ float:none; width:100%; margin-bottom:10px;}

	.fw-process ul li dl dd{ float:none; width:100%;}

	.fw-process ul li:nth-of-type(even) dl dt{ float:none;}

	.fw-process ul li:nth-of-type(even) dl dd{ float:none;}

	.sub-coch-us ul li{ float:none; width:100%;}

	.sub-coch-us ul li:last-child{ padding-top:75%;}

	
    .page-train .wedo{ padding-top:30px;}
	.line-image{ margin-top:30px; margin-bottom:30px;}
	.page-train .wedo .content{ padding:30px 0;}
	.my-slide-one .title-cn{ top:2.2rem;}
	.my-slide-one .title-en{ top:3.1rem;}
	.btn-more-plus{ margin:15px auto;}
	.bottom-banner{ margin-top:20px;}
	.page-train .team{ padding-top:30px;}
	.page-train .team .list-wrap{ margin-top:40px;}

	}

@media screen and ( max-width:414px ){

	.smll-logo ul li img{ width:100%;}

	.fw-field .sub-field ul li .img span img{ width:90%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}

	.waper-banner{ margin-top:12%;}

	.sub-join-td ul li{ width:100%;}
	
	.case-product-list .product-detials .name{ font-size:16px;}
	.case-product-list .product-detials .text{ font-size:14px;}
	.second-nav li a{ font-size:14px;}

	

   }