@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
h1{font-size:18px}
h2{font-size:1pc}
h3{font-size:14px}
h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp,tt{font-family:Courier New,Courier,monospace}
small{font-size:9pt}
ol,ul{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:none}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
q:after,q:before{content:''}
legend{color:#000}
fieldset,img{border:none}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
hr{height:1px;border:none}
html{font-size:62.5%; /* 10รท16=62.5% */}
body,button,input,select,textarea{font-size:14px;font-size:1.4em ; /* 12รท10=1.2 */font-family: '微软雅黑';}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}
.fl{float:left;}
.fr{float:right;}
ul,li{list-style:none;}
.container{width: 641px; margin: 0 auto;}
.container-s{width: 94%; margin: 0 auto;}
.cl{clear: both;}
.c{*zoom:1;}
.c:after{content: ' '; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}

/*公共头部*/
.head { width: 100%; position: fixed; top: 0px; z-index: 222; background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); }  
.head .logo{margin: 1rem 0;}
.menu{width: 11.5%;margin-top:1rem; position: relative;}
.menu-list{position: absolute; width: 500%;right: 0;margin-top: 1rem;z-index: 100;}
.menu-list li a{display: block;font-size: 1.25rem; line-height:350%; color: #fff;text-align: center;}
.head-zw { height:5.3rem; }
.head .logo img{width: auto;height: 41px;}

/*banner*/
.banner{box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.banner .swiper-wrapper{position: relative;}
.banner .swiper-wrapper .swiper-slide img{width: 100%;}

.swiper-pagination{text-align: center;}
.swiper-pagination-bullet {background: #fff !important;display: inline-block !important;width:10px !important;height:10px !important;margin:0 10px !important; cursor:pointer;border-radius: 50% !important;}
.swiper-pagination-bullet-active{background:#378cef!important;position: relative !important;} 


.banner,.swiper-container{height:156px;}
.swiper-pagination-bullet-active{background:#0366b2 !important;}


/*数字按钮样式*/
/*.carousel-indicators{text-align: center;}
.carousel-indicators li {background: #fff;display: inline-block;width:10px !important;height:10px !important;margin:0 10px; cursor:pointer;border-radius: 50%;}
.carousel-indicators li.active{background:#0366b2;position: relative;} 
.carousel-indicators li.active:after{ border:solid 1px #0366b2;z-index: 999;position: absolute;display: block;content: "";width: 14px !important;height: 14px !important;border-radius: 50%;left:-3px;top:-3px;}*/





/*搜索*/
.search{background:#F3F3F3;height: 96px;;padding-top: 21px;box-sizing: border-box;}
.search .ser-info{box-shadow: 0 0 5px #fafafa;background: #fff; max-width: 80%;margin:0 auto;height: 55px;border-radius:55px;}
.search input{outline: none; font-family: "Microsoft YaHei";}
.search .search-text{border-radius:55px;border: none;width:74%;font-size: 1.2rem; line-height: 55px; color: rgba(51, 51, 51, 0.4); text-indent: 1rem;}
.search .search-btn{width: 45px; height: 55px; background: url(../images/ser.png) no-repeat center; border: none; cursor: pointer;}


/*栏目标题*/
.title{margin-bottom:1.5rem;}
.title h2{margin-top:3rem;font-size:2rem;line-height: 100%;color:#333;font-weight: bold;}
.title em{font-size:1rem;font-family: "Arial";color: rgb(115, 115, 115);text-transform: uppercase; line-height:1.5rem;}


/*产品专区*/
.pro-list{overflow: hidden;width: 103%; margin-bottom: 1rem;}
.pro-list li{float: left;width: 48%;margin-right: 2%;position: relative;margin-bottom: 1rem;background: #fff;}
.pro-list li img{display: block;width: 100%;height: auto; /*border: solid 1px #f7f7f7; */border-bottom: none;}
.pro-list li .detail{background: #f7f7f7; padding-bottom: 6%;}
.pro-list li .pro-name{font-size: 1.3rem;line-height: 220%;color: #333; text-align: center;}
.pro-list li .btn-group{width: 100%; text-align: center;}
.pro-list li .btn-group>a{display: inline-block; width: 46%;}
.pro-list li input{display: block;font-size: 1.2rem;line-height:220%;color: #fff;border:none;border-radius: 3px; width: 100%;background: #000;}
.pro-list li .more-btn{background: #0366b2;}



.pro-more{background-image: -moz-linear-gradient( 180deg, rgb(1,150,174) 0%, rgb(17,83,118) 100%); background-image: -webkit-linear-gradient( 180deg, rgb(1,150,174) 0%, rgb(17,83,118) 100%); background-image: -ms-linear-gradient( 180deg, rgb(1,150,174) 0%, rgb(17,83,118) 100%);padding: 4% 0;}
.pro-more p{border:solid 1px rgba(255,255,255,0.5); border-radius: 27.5px;color: #fff;}
.pro-more p a{margin-right: 4%; height:40px;display: inline-block; text-align:center;line-height: 40px;  border-radius: 27.5px;color: #fff; width:18%;}
.pro-more p em{padding-left: 37px;font-size: 1rem;  display: inline-block;background: url(../images/kefu.png)no-repeat left center;background-size: 25px;  }
.pro-more p em span{font-weight: bold;font-size:1.5rem;color: #fff;}




/*选择埃尔凯利的4大优势*/
.as-list{margin-top: 4%;}
.as-list ul li{background:#fcfcfc;}
.as-list ul li .pic,.as-list ul li .txt{width: 50%;}
.as-list ul li .pic img{width: 100%;height: 100%;}
.as-list ul li .txt{padding:3% 2%;}
.as-list ul li:first-child .txt{padding: 5% 2%;}
.as-list ul li .txt b{color: #0366b2;font-size:1.4rem;}
.as-list ul li .txt p{font-size:1.1rem;color: #666;margin-top: 2%;line-height:1.5rem;}

.as1{ background-image: -moz-linear-gradient( 180deg, rgb(1,150,174) 0%, rgb(17,83,118) 100%); background-image: -webkit-linear-gradient( 180deg, rgb(1,150,174) 0%, rgb(17,83,118) 100%); background-image: -ms-linear-gradient( 180deg, rgb(1,150,174) 0%, rgb(17,83,118) 100%);padding: 6% 0;}
.as1 b,.as1 p{color: #fff;}
.as1 b{font-size: 1.5rem;line-height: 1.5rem;}
.as1 p{font-size: 1rem;line-height: 1rem;margin-top: 1rem;}



/*首页案例*/
.case-list{overflow: hidden;width: 103%;margin-bottom: 1rem;}
.case-list li{float: left;width: 48%;margin-right: 2%;margin-bottom: 1rem; }
.case-list li a{display: block;}
.case-list li img{display: block;width: 100%;height: auto;border: solid 1px #f2f2f2; border-bottom: none;}
.case-list li .case-name{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  width: 100%;font-size: 1.25rem;line-height: 240%; color: #333;background: #fafafa;}
.case-list li .case-name:hover{color:#fff;background: #0366b2;}


/*改善*/
.as4{padding: 6% 0;background-image: -moz-linear-gradient( 180deg, rgb(1,150,174) 0%, rgb(17,83,118) 100%); background-image: -webkit-linear-gradient( 180deg, rgb(1,150,174) 0%, rgb(17,83,118) 100%); background-image: -ms-linear-gradient( 180deg, rgb(1,150,174) 0%, rgb(17,83,118) 100%);}
.as4 ul li{text-align: center;float: left; margin-right: 3%; width:7rem;height:7rem;background: #fff;border-radius: 50%;}
.as4 ul li:last-child{margin-right: 0;}
.as4 ul li .icon{padding-top:25%;}
.as4 ul li em{display: block;color: #333;font-size: 0.875rem;padding-top: 4%;}
.as4 ul li p{display: none;  color: #808080;font-size: 0.875px;}
.as4 ul li:hover .icon{padding-top:20%;}
.as4 ul li:hover p{display: block;}


/*致力于自由呼吸、放心呼吸、快乐呼吸！*/
.as5-class ul{text-align: center;}
.as5-class ul li{display:inline-block;width:17%;font-size: 2rem;box-sizing: border-box;background:#fafafa;height:80px;line-height: 80px; text-align: center;  overflow: hidden;}
.as5-class ul li .txt{float: none;}
.as5-class ul li:last-child{margin-right: 0;}
.as5-class ul li .pic{margin-top: 15px;margin-right: 21px;}
.as5-class ul li b{font-size: 1.5rem;font-weight: bold;line-height: 80px;display: block;}
.as5-class ul li p{overflow: hidden; margin-top: 9px;color:#808080;font-size:  1.125rem;line-height: 1.125rem;display: none;}
.as5-class ul li:hover{ background:#0366b2;}
.as5-class ul li:hover b,.as5-class ul li:hover p{color: #fff;}
.as5-list1{margin-top: 4%;}
.as5-list1 .as5-list .pic {position: relative;}
.as5-list1 .as5-list .pic img{width: 100%;}
.as5-list1 .as5-list .pic .txt{margin:0 2%;padding: 2%;  position: absolute;bottom: 5%;left:0px;width:96%; background: rgba(255, 255, 255,0.9); }
.as5-list1 .as5-list .pic .txt em{font-size:1.3rem;color: #222;  line-height:1.3rem;}
.as5-list1 .as5-list .pic .txt p{ display:none;  margin-top: 0.4rem; font-size: 0.875rem;font-family: "Arial";color: rgb(153, 153, 153);  line-height: 0.875rem;}


/*埃尔凯利•公司简介*/
.about {margin:10% 0;}
.about .about-info{margin-top: 6%;}
.about .about-info p{font-size: 1.3rem;color: #4c4c4c;line-height:2.125rem ; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.about-more {margin: 4% 0;}

.about-more a {display: block;width: 100%;border: solid 1px #0366b2;font-size: 1.4rem; line-height:260%;color: #fff;background: #0366b2; border-radius: 40px; }

.about-list{margin: 10% 0 6%;display: none;}
.about-list ul{overflow: hidden;}
.about-list ul li{float:left;width:50%;text-align: left;background: #0366b2;padding: 4% 4%;box-sizing: border-box;}
.about-list ul li .pic{padding-right: 4%;width: 20%;}
.about-list ul li .pic img{width: 100%;}
.about-list ul li .txt{width: 80%;}
.about-list ul li .txt b{display: block;font-size: 1.3rem;line-height: 1.3rem;margin-bottom: 6px; color: #fff;}
.about-list ul li .txt span{display: block;  font-size: 14px;font-family: "Arial";  color: #fff;text-transform: uppercase;  line-height: 14px;}
.about-list ul li:last-child{background: #00ab9b;}
/*栏目按钮*/
.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;text-align:center;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #0366b2 solid;
background:#0366b2;
font-weight:bold;
color: #fff;
}
.page  a:hover{
border:1px #0366b2 solid;
background:#0366b2;
text-decoration:none;
}



/*底部*/
.foot{background: #222222;margin-top: 2.5rem;padding: 1.25rem 0 1.5rem;z-index:10000;}
.foot p{font-size: 1.25rem;line-height: 180%;color: #ccc;}
.foot p a{color: #ccc;}
.footer{position: fixed; bottom: 0; width: 100%; height: 54px; line-height: 54px; background: #0366b2}
.zw{height: 54px;}
.footer .foot-nav-2{background: #1f1f1f}
.footer .foot-nav-bg{display: inline-block; width: 40%;  height: 54px; line-height: 54px; text-align: center;}
.footer .foot-nav-bg1{background: url(../images/nav-bg1.png) no-repeat center center; background-size:40%;}
.footer .foot-nav-bg2{background: url(../images/nav-bg2.png) no-repeat center center; background-size:40%;}
.footer .foot-nav-bg3{background: url(../images/nav-bg3.png) no-repeat center center; background-size:40%;}
.footer a{display: inline-block; width:60%; font-size: 1.5rem; line-height: 54px; color: #fff;}







/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 22rem;
	    height: 22rem;
    padding: 4rem 0 3rem;
	margin-top: -11rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	display: block;
	margin: 0 auto 0.8rem;
}
#wxnr p {
	display: block;
	font-size: 1.4rem;
	text-align: center;
	color: #666;
	
}
#wxnr i {
	display: block;
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr #btn {
	display: inline-block;
	padding:  0.1rem 0.2rem;
	
	background-color: #f19903;
	color: #fff;
	border-radius: 0.2rem;
	cursor: pointer;
}


/*内页子栏目*/
.ctitle1{overflow: hidden;width: 103%;margin: 2rem 0 1.5rem;}
.ctitle1 li{float: left;width: 47%;margin-right: 3%;margin-bottom: 2%;}
.ctitle1 li a{display: block;  font-size: 1.3rem;line-height: 240%;color: #333;background: #f2f2f2;text-align: center;}
.ctitle1 li.on a{background: #0366b2;color: #fff;}
.ctitle1 li:hover a{background: #0366b2;color: #fff;}




/*内页主内容区*/
.ny-main{margin-top: 1.5rem;}
.ny-title{margin-bottom: 2.25rem;}
.ny-title h2{display:block; font-size: 1.875rem;font-weight: bold; line-height: 180%;color: #000;}
.ny-title em{display:block;font-size: 1.125rem;line-height: 100%;color: #c8c8c8;}

/*.ny-main .tel{color: #000;line-height: 200%;}
.ny-main .tel em{font-size: 1.4rem;font-weight: bold; color: #c60d1d;}
.ny-main .consult{display: block;width: 100%;margin-bottom: 1.25rem; font-size: 1.25rem;line-height: 240%;color: #fff;text-align: center; background-color: #c60d1d;}
*/

/*新闻动态*/
/*.news{padding-bottom: 2rem;}*/
.news-list{ margin-bottom: 1rem;}
.news-list li{float: left; border-bottom: dashed 1px #e5e5e5; margin-bottom: 1.5rem; padding-bottom: 1.5rem; width: 100%;}
.news-list li .date{background: #f5f5f5; width: 22%; padding: 0.5rem 0;}
.news-list li .date em{display: block; font-size: 3rem; line-height: 100%; color: #333;}
.news-list li .date span{display: block; font-size: 1.2rem; color: #666;}
.news-list li .info{width: 74%;}
.news-list li .info em{display: block; font-size: 1.45rem;color: #333; }
.news-list li .info p{display: block; font-size: 1.2rem; color: #808080;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2 ;-webkit-box-orient:vertical;text-align:justify;line-height: 150%;}
.zw{height: 54px;}

.field-ny{margin-bottom:1rem;line-height: 25px;font-size:1.25rem;padding-bottom:2rem;text-align: center;}



/*客户案例*/
/*.case{ padding-bottom: 2rem;}*/
.case-list{overflow: hidden;width: 103%;margin-bottom: 1rem;}
.case-list li{float: left;width: 48%;margin-right: 2%;margin-bottom: 1rem; }
.case-list li a{display: block;}
.case-list li img{display: block;width: 100%;height: auto;border: solid 1px #f2f2f2; border-bottom: none;}
.case-list li .case-name{width: 100%;font-size: 1.4rem;line-height: 240%; color: #333;background: #f2f2f2; text-align: center;}


/*合作伙伴*/
/*.partner{border-bottom: solid 1.5rem #f5f5f5;  padding-bottom: 2rem;}*/
.partner-list{overflow: hidden;width: 103%;margin-bottom: 1rem;}
.partner-list li{float: left;width: calc(100% / 2 - 3%);margin-right: 3%;margin-bottom:3%; }
.partner-list li img{display: block;width: 100%;height: auto; border: solid 1px #ccc;}



.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:1px solid #eee;text-align:center;}
.pagelist a,
.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}



/*内页主内容区*/
.ny-title{border-bottom: solid 1px #e2e2e2;margin-bottom: 1.25rem;}
.ny-title h2{display: inline-block; font-size: 1.875rem;font-weight: bold; line-height: 180%;color: #000;}
.ny-title em{display: inline-block;font-size: 1.125rem;line-height: 100%;color: #c8c8c8; text-transform: capitalize;}

.ny-name em{display:block; font-size: 1.875rem; line-height: 180%;color: #000; text-align: center; margin-bottom: 0.5rem;}



.proxq-pic img{display: block; width: 100%!important; height: auto!important}