@charset "utf-8";

/* 头部 */
.content{min-width:320px; max-width: 640px; overflow-x:hidden;}

.backToTop { width: 50px; height: 50px; background: url(../img/toTop.png) no-repeat; position: fixed; right: 20px; bottom: 50px; cursor: pointer; opacity: .8; z-index: 140; display:none;}

.lanmuImg{text-align:center; background:#37bdde; font-size:20px; color:#FFF; line-height:120px;}
.lanmuImg img{ width:100%; display:block;}

/*专家*/
.indexZj{ width: 100%; height: auto; overflow: hidden; position: relative;}
.indexZj img{ width: 100%;}
.indexZj .zjpage{ font-size: 14px; color: #666; border: 1px solid #999; position: absolute; right: 5px; bottom: 5px; text-align: center; padding: 3px 15px; border-radius: 5px; letter-spacing: 5px; }
.indexZj .zjpage span{color: #00afcc;}

/*案例*/
.indexCase .hd{position:relative; }
.indexCase .hd li{ width:20%; float: left; margin:10px 2.5% 10px; text-align: center; position: relative; }
.indexCase .hd li img{ width: 90%;}
.indexCase .hd li span{ display: inline-block; display: none; width: 40px; height: 14px; background: url(../img/caseArrow.png) no-repeat; position: absolute; left: 50%; margin-left: -15px; top:-24px }
.indexCase .hd li.on span{ display: block;}
.indexCase .hd li.on img{ width: 100%;}
.indexCase .bd li img{ width: 100%}

/* 专家列表 -------------------------------------- */
.teamList .hd{ height:50px; font-size:16px;   margin-top: 20px; }
.teamList .hd ul li{ float:left; width: 16.5%; height: 24px; border-right: 1px solid #CCC; text-align: center; position:relative;  }
.teamList .hd ul li:last-child{border: none;}
.teamList .hd ul li a{ display: block; width: 100%; height: 60px; line-height: 50px; position:absolute;top:-20px; border-top:4px solid #FFF; color:#666;}
.teamList .hd ul .on a{ border-top:2px solid #014f5c; color:#014f5c; font-weight: bold;}

.teamList .bd{ height: auto; overflow: hidden;}
.teamList .bd ul{ height: auto; overflow: hidden;}
.teamList .bd li{ height:auto; overflow: hidden; padding: 10px 5px; border-bottom: 1px solid #CCC; background: url(../img/but_zjmore.png) no-repeat 95% center;}
.teamList .bd li .zjThumb{ float: left; }
.teamList .bd li .zjInfo{ width: 60%; float: left; overflow: hidden;padding: 0 0 0 10px;}
.teamList .bd li .zjInfo strong{ font-size: 18px; font-weight: 500; color:#000;}
.teamList .bd li .zjInfo p{ width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.teamList .bd li .zjInfo .zjzw{ font-size: 16px; color: #666;}
.teamList .bd li .zjInfo .zjbh{ font-size: 12px; color: #666;}
.teamList .bd li:last-child{border: none;}



/*文章页*/
.arcCont{ width: 100%; overflow: hidden; padding: 10px;}

.arc_zjtop{ width: 100%; overflow:hidden; position:relative;}
.arc_zjtop .zjPhoto { width: 36%; float:left;}
.arc_zjtop .zjInfo{ width: 55%; height:100%; float: left; margin-left:4%; position: relative;}
.arc_zjtop .zjInfo strong{ font-size: 18px; font-weight: 500; line-height: 1.8;}
.arc_zjtop .zjInfo p{ width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 1.8;}
.arc_zjtop .zjInfo .zjzw{ font-size: 14px; color: #666;}
.arc_zjtop .zjInfo .zjbh{ font-size: 14px; color: #666;}
.arc_zjtop .zximg{ width: 50%; position:absolute; bottom:0; left:40%;}

.arcCont .zjjieshao p{ clear: both; padding: 20px 0; color: #666; font-size: 14px; line-height: 2;}
.arcCont .zjjieshao strong{ display: block; font-size: 18px; font-weight: bold;}
.arcCont .zjjieshao p{ color: #666; font-size: 14px; line-height: 2;}
.arcCont .zjjieshao img{width: 100%;}


/*项目*/
.itemColumn1{ width: 100%; overflow: hidden; margin-bottom: 20px;}
.itemColumn1 li{ width: 48%; overflow: hidden; margin:5% 1% 0; float: left; position: relative; border-radius: 5px; }
.itemColumn1 li a{ display:block; width:100%; height:100%;  padding:10% 0; text-align:center; color:#FFF; font-size:16px}
.itemColumn1 li:nth-child(1){background:#1ab1d0; }
.itemColumn1 li:nth-child(2){background:#66ccff; }
.itemColumn1 li:nth-child(3){background:#ffccff; }
.itemColumn1 li:nth-child(4){background:#cc99cc; }
.itemColumn1 li:nth-child(5){background:#9933cc; }
.itemColumn1 li:nth-child(6){background:#cc66cc; }
.itemColumn1 li:nth-child(7){background:#1ab1d0; }
.itemColumn1 li:nth-child(8){background:#1ab1d0; }
.itemColumn1 li img{ width: 100%;}
.itemColumn1 li span{ width: 100%; display: padding: 10px 0; background:rgba(119,119,119,0.8); position: absolute; bottom: 0; text-align:center; color: #FFF; font-size: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}



.itemColumn2{ width: 100%; overflow: hidden; background:#1ab1d0; margin-bottom: 20px;}
.itemColumn2 li{ overflow: hidden; width: 100%; height:120px; padding: 10px 5px; padding-left:110px; box-sizing: border-box;  position: relative; border-bottom:1px solid #FFF; background: url(../img/but_itemMore.png) no-repeat 98% center; background-size:auto 40%; }
.itemColumn2 li:last-child{ border-bottom: none;}
.itemColumn2 li .itemThumb{ width: 100px; height:100px; overflow:hidden; margin:0; line-height:100px; border-radius: 55px; position:absolute; left:5px; top:5px;  color:#FFF; text-align:center; background:#53e9f6; font-size:14px; padding:5px;}
.itemColumn2 li:nth-child(5n+1) .itemThumb{background:#3399cc; }
.itemColumn2 li:nth-child(5n+2) .itemThumb{background:#66ccff; }
.itemColumn2 li:nth-child(5n+3) .itemThumb{background:#ffccff; }
.itemColumn2 li:nth-child(5n+4) .itemThumb{background:#cc99cc; }
.itemColumn2 li:nth-child(5n+0) .itemThumb{background:#9933cc; }





.itemColumn2 li div{ width: 70%;  float: left; color: #FFF; line-height:2; margin-left: 5%; margin-top:8px; }
.itemColumn2 li div h3{ font-size: 24px; font-weight: 500; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 
.itemColumn2 li div p{ font-size: 14px; background: url(../img/itemDot.png) no-repeat left  center; background-size:auto 30%; padding-left: 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }



.itemListArc{ padding: 4%;}
.itemListArc h2{ text-align: center; font-size: 22px; line-height: 2; font-weight:600; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#666;}
.itemListArc h4{ font-size: 16px; line-height: 2; color: #015461;;}
.itemListArc p{ font-size: 14px; line-height: 2;}
.itemListArc img{ max-width: 100%; display: block; margin: 0 auto;}

.itemListArc .wenda{ padding: 10px 5px 0 40px; margin-bottom: 15px;  overflow: hidden; background: url(../img/bg_wenda.png) no-repeat 10px 15px; border: 1px solid #CCC; border-radius: 5px;}
.itemListArc .wenda p{ margin-bottom: 8px; font-size: 14px;}
.itemListArc .wenda .wendaP1{color: #015461;; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: bold;}

/* 项目UL 新闻列表UL */
.itemListUl{padding: 0 10px; margin-bottom:20px;}
.itemListUl li{ font-size: 16px; line-height: 2.5; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border-bottom: 1px dashed #CCC;}
.itemListUl li:last-child{ border-bottom: none;}
.itemListUl li a{ color: #666;}
.itemListUl li span{ display:inline-block; vertical-align:middle; width:8px; height:8px; border-radius:30%; margin:0 5px 0 0; background:#015461;}

/* 新闻 */
.newsListH2{ font-size:36px; font-weight:500; text-align:center; padding:20px 0; color:#666; background:#eef3f5;}
.newsArcCont{ padding:0 5px; font-size:14px; line-height:2;}
.newsArcCont h2{ font-size:20px; font-weight:500; line-height:1.5; text-align:center; margin:20px 0; }
.newsArcCont p{text-indent:2em;  color:#444; margin-bottom:10px;}
.newsArcCont strong{ display:block; font-size:1.6rem; line-height:1.5; color:#444; margin-bottom:10px;}
.newsArcCont img{ max-width:95%; display:block; margin:0 auto 20px; padding:3px;}
.pageArcCont{ padding:0 5px; font-size:14px;}
.pageArcCont img{ max-width:100%; padding:0;  box-shadow:none; margin-bottom:20px;}
.pageArcCont p{padding:0 5px;}

.preAndNext{ font-size:1.6rem; line-height:2;}
.preAndNext span{ display:block; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.preAndNext a{ color:#015461;}