@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
img { border: none; }
ul, li { list-style: none; }
a { text-decoration: none; color: #666; }
a:hover { color: #81d8d0; }
input, select, button, textarea { font: 14px/1.5 "微软雅黑"; color: #666; border-radius: 0; -webkit-appearance: none; }
body { font: 14px/1.5 "微软雅黑"; color: #666; }
h1, h2, h3, h4, h5, h6, h7, b { font-weight: normal; }
i, em { font-style: normal; }
.fl { float: left; }
.fr { float: right; }
.clearfix { zoom: 1 }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

header{ padding:10px; position:relative;}
.logo{ float:left; background:url(../images/logo.jpg) no-repeat; background-size:auto 40px; width:190px; height:40px; margin-right:10px;}
.nav{ display:inline-block; width:40px; height:40px; background:url(../images/nav_ico.png) center no-repeat; background-size:20px 17px; position:absolute; right:0; top:10px;}
.search{ display:inline-block; width:40px; height:40px; background:url(../images/search_ico.png) center no-repeat; background-size:21px; position:absolute; right:40px; top:10px;}
header span{ float:left;}
header .logo-r{ float:left; background:url(../images/logo-r.png) no-repeat; width:160px; background-size:160px 20px; height:20px; margin-top:13px;}
/*-------插件已包含关键性样式以下只用于设置焦点按钮的样式可自定义------*/
.slider{display:none}/*用于获取更加体验*/
.focus{ text-align:center;}
.focus span{width:10px;height:10px;margin-right:5px;background:#fff;font-size:0; border-radius:50%; opacity:0.8;}
.focus span.current{ background:none; border:2px #fff solid; width:6px; height:6px;}
.contain{ padding-bottom:43px;}
.srdz{ padding:10px 5px;}
.srdz li{ float:left; width:50%; text-align:center;}
.srdz li a{ display:block; margin:5px; background:#f1f1f1; font-size:14px; color:#444; padding-bottom:10px;}
.srdz li span{ display:block; background:url(../images/bg01.jpg) repeat-x;}
.srdz li em{ display:block; margin:0 auto 5px; width:116px; height:116px; border:1px #c3e5ff solid; border-radius:124px; padding:4px; background-color:#fff;background-position: center;background-repeat: no-repeat;background-size: cover;}
.srdz li h3{ font-size:16px; background:url(../images/bg2.jpg) bottom center no-repeat; padding:0 10px 5px; margin-bottom:8px;}
.srdz li p{ font-size:12px; line-height:20px; padding:0 10px; min-height:40px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ipro{ padding:10px 0;}
.ititle{ background:#81d8d0 url(../images/ico2.png) 10px center no-repeat; background-size:15px; color:#fff; font-size:18px; padding:8px 10px 8px 30px;}
.ipro-nav{ padding:10px 5px;}
.ipro-nav li{ float:left; max-width:50%;}
.ipro-nav li a{ display:block; margin:5px; border:1px #d2d2d2 solid; height:30px; line-height:30px; border-radius:30px; padding:0 10px; text-align:center; overflow:hidden; text-transform:uppercase;}
.ipro-nav li a:hover{ border-color:#81d8d0; color:#81d8d0;}
.picScroll{ text-align:center;}
.picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
.picScroll .hd{   overflow:hidden; text-align:center; background:url(../images/bg3.jpg) center repeat-x; margin:0 10px;}
.picScroll .hd ul{display:none;}	
.picScroll .prev,.picScroll .next{ display:inline-block; width:33px; height:33px; overflow:hidden; cursor:pointer; vertical-align:middle;}
.picScroll .prev{ background:url(../images/left.png) no-repeat;}
.picScroll .next{ background:url(../images/right.png) no-repeat;}
.picScroll .hd .hd-con{ background:#fff; padding:0 10px;}
.ipro-list li{ float:left; max-width:50%; text-align:center;}
.ipro-list li a{ display:block; margin:5px;}
.ipro-list li img{ border:1px #ccc solid; max-width:100%;}
.isqcp{ background:url(../images/bg1.jpg) center top no-repeat; text-align:center; background-size:cover; color:#fff; padding:15px 10px;}
.isqcp h3{ font-size:18px;}
.isqcp p{ margin:10px 0;}
.isqcp p span{ font-size:16px; font-family:Arial;}
.isqcp a{ display:inline-block; background:url(../images/bg1.png) no-repeat; width:120px; height:42px; color:#fff; line-height:42px; padding-left:80px; text-align:left;}
.tab-m,.tab-m1{ height:44px; line-height:44px; background:#81d8d0;}
.tab-m li,.tab-m1 li{ float:left; width:33.33%; text-align:center; position:relative;}
.tab-m li a,.tab-m1 li a{ display:block; color:#fff;}
.tab-m li.cur,.tab-m1 li.cur{ background:#00a4b7;}
.tab-m li.cur i,.tab-m1 li.cur i{ display:block; background:url(../images/ico.png) no-repeat; background-size:8px; width:8px; height:5px; position:absolute; bottom:-5px; left:50%; margin-left:-4px;}
.igsjj{ text-align:center;}
.igsjj a{ display:block;}
.igsjj img{ max-width:100%; margin-bottom:5px;}
.igsjj p{ text-align:left; line-height:22px; text-indent:2em;}
.igsjj p span{ color:#81d8d0;}
.immersive_slider { max-width: 100%; height: 265px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; overflow: hidden; }
.immersive_slider .is-slide { height: 100%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute; text-align:center;}
.immersive_slider .is-slide h3{ font-size:18px; color:#474747;}
.immersive_slider .is-slide p{ font-size:18px; color:#474747;}
.immersive_slider .is-slide p span{ color:#81d8d0;}
.immersive_slider .is-slide img{ max-width:100%; max-height:208px;}
.is-bg-overflow { width: 100%; height: 100%; position: absolute; z-index: 0; }
.is-overflow, .is-bg-overflow { height: 100%; }
.bounce { -webkit-transition: 1000ms all; -moz-transition: 1000ms all; -o-transition: 1000ms all; transition: 1000ms  all; }
.ihonor li{ float:left; max-width:50%;}
.ihonor li a{ display:block; margin:5px;}
.ihonor li img{ max-width:100%; border:1px #ccc solid;}
.iphone{ margin:10px; border:1px #ffc871 solid; border-radius:8px; background:#fdf8f2; height:40px; line-height:40px; text-align:center; color:#3d3d3d; font-size:16px;}
.iphone a,.iphone1 a{ display:block;}
.iphone a:hover,.iphone1 a:hover{ color:#3d3d3d;}
.iphone span{ background:url(../images/phone_ico.png) left center no-repeat; background-size:26px; padding-left:30px;}
.iphone b{ font-size:18px; color:#81d8d0; font-weight:bold; font-family:Arial; vertical-align:middle;}
.thfnxw{ padding:10px;}
.ikhjz-list li{ padding-bottom:10px; border-bottom:1px #e5e5e5 solid; margin-bottom:10px;}
.ikhjz-list li a{ display:block; overflow:hidden;}
.ikhjz-list li span{ float:left; border:1px #ebebeb solid; width:95px; height:91px; padding:4px; background:#fff; border-radius:91px;}
.ikhjz-list li span img{ max-width:100%; border-radius:91px;}
.ipart-list{ border:1px #eae9e9 solid; border-bottom:none; border-right:0;}
.ipart-list li{ float:left; max-width:50%; min-width:20%;}
.ipart-list li a{ display:block; border-right:1px #eae9e9 solid; border-bottom:1px #eae9e9 solid;}
.ipart-list li img{ display:block; overflow:hidden; max-width:100%; margin:0 auto;}
.ipart-list li.br0{ border-right:none;}
.ipart-list li a{ display:block;}
.ikhjz-text{ padding-left:115px; padding-top:15px;}
.ikhjz-text h3{ font-size:16px; color:#2e2e2e; margin-bottom:5px;}
.ikhjz-text p{ color:#7f7f7f; line-height:20px; max-height:40px; overflow:hidden;}
.scrollBox .hd{ height:16px; overflow:hidden; font-size:0; text-align:center; margin-top:10px;}
.scrollBox .hd ul{ display:inline-block;}	
.scrollBox .hd li{ display:inline-block; width:16px; height:16px; background:#c3c3c3; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;}
.scrollBox .hd .on{ background:#81d8d0;  }
.iphone1{ background:#81d8d0; margin-top:10px; height:44px; text-align:center; line-height:44px; color:#fff;}
.iphone1 a{ color:#fff;}
.iphone1 span{ display:inline-block; height:44px; background:url(../images/phone_ico1.png) left center no-repeat; background-size:26px; padding-left:30px;}
.iphone1 b{ font-size:18px; font-weight:bold; font-family:Arial; vertical-align:middle;}
.iphone1 a:hover{ color:#fff;}
.add-info{ background:#454545; padding:10px;}
.add-info div{ width:45%; color:#fff;}
.add-info div h3{ font-size:18px; color:#fffffe; margin-bottom:5px;}
.add-info div p{ color:#cccccb; line-height:20px;}
.add-info1{ float:left;}
.add-info2{ float:right;}
.copy{ background:#2f2f2f; color:#e2e2e2; text-align:center; font-size:12px; padding:15px 0;}
.copy a{ color:#e2e2e2;}
footer{ position:fixed; bottom:0; width:100%; z-index:2; height:43px; background:#81d8d0;}
footer a{ display:block; color:#fff; font-size:12px; text-align:center; padding:5px 0;}
footer a i{ display:block; margin:0 auto; width:15px; background:url(../images/bot_ico.png) no-repeat; background-size:15px; height:19px;}
footer a:hover{ color:#fff;}
.bot_home a i{ background-position:0 1px;}
.bot_pro a i{ background-position:0 -22px; background-size:14px; width:14px;}
.bot_gwc a i{ background-position:0 -53px;}
.bot_admin a i{ background-position:0 -82px;}
footer div{ float:left; width:25%;}
footer div a{ border-left:1px #00a4b7 dotted;}
footer div.bot_home a{ border:none;}
/*左侧导航*/
.sidebar-left {/* width: 270px;*/ width:224px; position: fixed; top: 0px;/* right: -273px;*/ right:-224px; bottom: 0px; overflow: hidden; z-index: 99;}
.sidebar-scroll-left {/* padding-right: 20px;*/ right: 0px;/* width: 310px;*/ background:#81d8d0; overflow: scroll!important; overflow-x: hidden!important; -webkit-overflow-scroll: touch!important; height: 100%; position:relative; padding:0 8px; z-index: 99;}
/*Left sidebar styles*/
.sidebar-left a{ display:block; position:relative;}
.sidebar-header-left { height:60px;/* background-color: #1d1f22; */border-bottom: solid 1px #ccc; position:relative;}
.sidebar-left-logo { position: absolute; top: 15px; left: 15px; max-height:50px; max-width:80%;}
.close-sidebar-left {/* background-color: #212326;*/ background-image: url(../images/accessdenied.png); background-size: 20px 20px; background-repeat: no-repeat; background-position:center; height: 60px; width: 50px;/* margin-left: 220px;*/ position:absolute; right:0; top:0; display: block; }
.sidebar-left a.close-sidebar-left{ position:absolute; right:0;}
.nav-item { display:block; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 14px; color: #fff; height: 50px; line-height: 49px; padding-left:35px; background-position: 20px center; background:url(../images/li_bg.jpg) repeat-x bottom;}
.nav-item:hover{ color:#fff;}
.icon-page { position: absolute; background-image: url(../images/gopage@2x.png); background-repeat: no-repeat; display: block; width: 5px; height: 9px; top: 22px;/* left: 240px;*/ left:13px; }
.icon-drop { position: absolute; background-image: url(../images/godrop@2x.png); background-repeat: no-repeat; display: block; width: 9px; height: 5px; top: 22px; left:11px; }
.submenu{ padding:12px 0;}
.submenu a { padding-left: 65px; font-size: 13px; text-transform: uppercase; line-height:38px; color:#fff;}
.submenu a:first-child { background-image: none!important; }
.submenu { display: none; }
.close-bottom-left { display: block; background-image: url(../images/accessdenied.png); background-repeat: no-repeat; background-position: 5px 16px; background-size: 25px 25px; height: 50px;}
.bgpng{ background:url(../images/bgpng.png) repeat; width:100%; height:100%; position:fixed; left:0; top:0; display:none; z-index:1;}

@media (max-width:320px) {
	header .logo-r{ display:none;}
	.ipro-nav li{ width:50%;}
	.add-info div.add-info1{ text-align:center; width:100%;}
	.add-info div.add-info2{ display:none;}
	.pro-info-btn a{ margin-top:10px;}
	.pro-info p span{ margin:0; display:block;}
}
@media (min-width:321px) and (max-width:404px){
	header .logo-r{ display:none;}
	.ipro-nav li{ width:50%;}
}
@media (min-width:321px) and (max-width:603px){
	.add-info div.add-info1{ text-align:center; width:100%;}
	.add-info div.add-info2{ display:none;}
}
@media (min-width:405px) and (max-width:480px){
	.ipro-nav li,.ihonor li{ width:33.33%;}
}
@media (min-width:481px) and (max-width:639px) {
	.ipro-list li,.ihonor li{ width:25%;}
}
@media (min-width:640px) {
	.ipro-list li,.ihonor li{ width:25%;}
}


/*单页面START-------------------------------*/
.about{ padding:15px 10px 25px;}
.about p{ line-height:1.6;}
/*单页面END-------------------------------*/

/*荣誉资质START-------------------------------*/
.honor{ padding:20px 5px 25px;}
.honor li{ float:left; display:inline; width:50%; padding:5px;}
.honor li a{ display:block; text-align:center;}
.honor li .join-img{ border:1px solid #e5e5e5;}
.honor li .join-img img{ display:block; width:100%;}
.honor li p{ padding:10px; color:#2d2d2d; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/*荣誉资质END-------------------------------*/


/*企业动态-详情START-------------------------------*/
.detail{ padding:20px 10px 25px;}
.detail-title{ text-align: center; border-bottom: 1px #e1e1e1 solid; padding: 0 0 15px; margin-bottom: 15px;}
.detail-title h1{ font-size: 1.8rem; color: #000; margin-bottom: 5px; line-height:1.5;}
.detail-title p{ font-size: 1.2rem; color:#666;}
.detail-title p span{ margin:0 20px;}
.detail-con p{ font-size: 1.4rem; color: #393939; line-height: 1.6;}
.detail-con img{ display: block; margin: 15px auto;}
.page-fy{ border-top: 1px #eee solid; padding-top: 10px; color:#666; margin-top:15px;}
.page-l span{ display:block; margin-right: 10px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.page-l a{ color:#666;}
.page-l a:hover{ color:#22ac38;}
/*企业动态-详情END-------------------------------*/

/*企业动态START-------------------------------*/
.news{ padding:0 10px 25px;}
.news li{ padding:15px 0; border-bottom:1px solid #e1e1e1;}
.news li a{ display:block; clear:both; overflow:hidden;}
.news-img{ border:1px #e5e5e5 solid; width:110px; height:90px;}
.news-img img{ min-height:88px;}
.news-r{ padding-left:120px;}
.news-r h3{ font-size:1.6rem; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news-r p{ color:#676767; line-height:18px; height:36px; overflow:hidden; margin:10px 0 8px;}
.news-r span{ display:block; font-size:1.2rem; color:#7b7b7b;}
.news-rr h3{ font-size:1.6rem; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/*企业动态END-------------------------------*/

/*产品详情START-------------------------------*/
.m-pro-slideBox { position: relative; overflow: hidden; margin: 0 auto;/* 设置焦点图最大宽度 */}
.m-pro-slideBox .hd { position:absolute; height: 10px; bottom: 25px; left: 45%; z-index: 1; width: 60px; }
.m-pro-slideBox .hd li { display: inline-block; width: 10px; height: 10px; margin-right: 5px; background:#fff; font-size: 0; border-radius: 50%;}
.m-pro-slideBox .hd li.on { background: #626262; }
.m-pro-slideBox .bd { position: relative; z-index: 0; overflow:hidden;}
.m-pro-slideBox .bd li { position: relative; text-align: center; }
.m-pro-slideBox .bd li img { display:block; vertical-align: top; width: 100%;/* 图片宽度100%，达到自适应效果 */ }
.m-pro-slideBox .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0); }  /* 去掉链接触摸高亮*/
.prodet-info{ padding:15px 10px; border-bottom:1px #e5e5e5 solid; margin-bottom:15px; background-color:#fff;}
.pro-tit{ color:#000; font-size:1.8rem;}
.prodet-text{ margin:5px 0 10px;}
.prodet-text p{ line-height:1.5; font-size:1.4rem; color:#666;}
.prodet-btn a{ float:left; width:45%; background-color:#81d8d0; font-size:1.6rem; color:#fff; border-radius:5px; text-align:center; padding:8px 0; margin-right:10px;}
.prodet-btn span{ float:left; width:45%; color:#454545; font-size:1.4rem;}
.prodet-btn span i{ display:block; color:#0192e2; font-size:1.6rem; font-weight:bold; margin-top:-2px;}
.m-prodet{ border-top:1px #e5e5e5 solid; background-color:#fff;}
.u-protit{ font-size:1.8rem; color:#333; border-bottom:1px #e5e5e5 solid; padding:10px;}
.m-prodet-text{ padding:15px 10px 25px;}
.m-prodet-text p{ line-height:1.5;}
.m-prodet-text img{width: auto !important;height: auto !important;}
/*产品详情END-------------------------------*/

/*产品中心START-------------------------------*/
.pro-pnav{ background:url(../images/pnav_bg.jpg) no-repeat center/cover; padding:15px 5px;}
.pro-pnav li{ float:left; display:inline; width:50%; padding:5px; text-align:center;}
.pro-pnav li a{ display:block; color:#fff; border:1px dashed #eee; height:30px; line-height:28px; border-radius:30px;background: rgba(148, 148, 148, 0.5)}
.pro-pnav li a:hover,.pro-pnav li.current a{ background-color:#fafafa; color:#333;}
.m-prolist{ padding:10px 5px;}
.m-prolist-ul li{ float:left; display:inline; width:50%; padding:5px;}
.m-prolist-ul li .u-proimg{ border:1px solid #e5e5e5; overflow:hidden; margin:0 0 5px;}
.m-prolist-ul li .u-proimg img{ display:block; width:100%;}
.m-prolist-ul li p{ font-size:1.4rem; text-align:center; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:1.5;}
/*产品中心END-------------------------------*/

/*在线留言START-------------------------------*/
.online{ padding:15px 10px 25px;}
.online h2{ font-size:1.8rem; color:#262626; margin-bottom:15px; line-height:1.6; text-align:center;}
.formDiv{ border:1px #ebebeb solid; background:#fff; margin-bottom:10px;}
.formDiv input{ border:none; width:100%; padding:12px 10px;}
.formDiv textarea{ border:none; width:100%; height:120px; padding:12px 10px; display:block;}
.submit{ display:block; background:#00a4b7; color:#fff; padding:10px 40px; border:none; border-radius:3px;}
/*在线留言END-------------------------------*/

/*资料下载START-------------------------------*/
.job{ padding:15px 10px 25px;}
.iadv-con{ margin-bottom:7px;}
.iadvrow{ height:53px; line-height:53px; border:1px #e8e8e8 solid; padding:0 35px 0 10px; cursor:pointer; color:#333; position:relative; overflow:hidden;}
.iadvrow p{ float:left; font-size:15px; color:#333; line-height:53px;}
.iadvrow p img{ margin-left:9px;}
.iadv-l span{ float:left; margin-right:10px;}
.time{ font-size:16px;}
.iadvrow em{ position:absolute; top:17px; right:10px; display:block; width:20px; height:20px; background:url(../images/adv_ico6.png) no-repeat 0 0/20px auto;}
.iadvrow.iadvrowed em{ background-position:0 bottom;}
.iadvinfo{ border:1px #e8e8e8 solid; border-top:none; padding:0 10px 15px; display:none; width:100%;}
.iadvinfo h2{ font-size:1.5rem; color:#0f0e0e; margin:15px 0 10px;}
.iadvinfo p{ line-height:22px; color:#282828;}
.info-t { padding:15px 0; }
.info-t p { font-size: 1.5rem; color: #000; line-height: 1.6; }
.info-t span{ display:block; color:#0194d2; margin-top:10px;}
/*资料下载END-------------------------------*/

/*联系方式START-------------------------------*/
.contact{ padding:15px 10px 25px;}
.map{ margin-bottom:15px;}
.map img,.map label{max-width: initial;}
.contact h3{ font-size:1.8rem; color:#252525; margin-bottom:10px;}
.contact p{ line-height:1.6; color:#252525;}
/*联系方式END-------------------------------*/

/*发展历程START-------------------------------*/
.history{ padding:25px 10px; position:relative;}
.history em{ height:5px; top:25px; position:absolute; left:13px; width:5px; background:#f9f9f9;}
.history ul{ margin:0 5px; border-left:1px solid #dcdcdc;}
.history li{ position:relative; padding:0 0 0 15px; margin-bottom:15px;}
.history li span{ display:block; width:11px; height:11px; border-radius:11px; background:#898989; position:absolute; top:5px; left:-6px;}
.history li p{ line-height:1.6; color:#333;}
/*发展历程END-------------------------------*/

.form-validator-error {
    padding: 6px 12px;
    display: block;
    line-height: 180%;
    background: none repeat scroll 0% 0% #FFE5ED;
    border-radius: 4px;
    color: #8B0000;
    margin: 10px;
}
.form-error {
    background: url("../images/icon-fail.png") no-repeat scroll right center transparent;
	background-color:#fff;
    border: 1px solid #F00;
}

.maps h3{font-size: 16px;margin-bottom: 15px;font-weight: bold;}
.map{width: 100%;height: 200px;}
