@charset "utf-8";
/* CSS Document */
.contain{padding-top:80px;overflow: hidden; border-bottom:1px #ddd solid;padding-bottom:30px;}
.content{}
.in-nav{width:100%; text-align: center;margin-top:50px; overflow: hidden;}
.in-nav li{display:inline-block;}
.in-nav li a{display:block; margin:10px; border:1px #ccc solid;line-height: 30px; padding:5px 15px;color:#999;}
.in-nav li a:hover,.in-nav li a.active{background:#0097cd; color:#fff;border:1px solid #0097cd; transition:all .4s ease;}
.iner-about{padding:50px; overflow:hidden;}
.iner-about h1{font-size:26px; text-align:center;margin-bottom:20px;padding-bottom:20px; position:relative;}
.iner-about h1:after{content:""; height:2px; width:50px; background:#0097cd; position:absolute; bottom:0px;left:48%;}
.aboutCon{text-align:center;font-size:16px; line-height: 30px;width:100%; overflow: hidden;padding:50px 0;}
.aboutCon table{line-height:40px;}
.iner-about .iner-list{width:100%; overflow: hidden;margin-bottom:30px;}
.iner-list .aboutSer-left{width:45%; float:left;overflow: hidden;padding-left:20px;}
.iner-list .aboutSer-left img{box-shadow:0px 0 10px #ccc;border-radius: 15px 0 0px 25px;vertical-align: middle;width:100%;overflow: hidden;}
.iner-list .aboutSer-right{width:48%; float:right; font-size:14px; line-height: 26px;overflow: hidden;}
.iner-about h2{font-size:26px;padding-bottom:20px; position:relative; text-transform: uppercase;}
.iner-about .iner-list:nth-of-type(2n+1) .aboutSer-left{float:right;}
.iner-about .iner-list:nth-of-type(2n+1) .aboutSer-right{ float:left;}
/**/
.iner-hor{width:100%; overflow: hidden;padding:30px 0;}
.iner-hor li{width:calc(100%/5); float:left; display:block; text-align: center;}
.hor-li {margin:15px;}
.iner-hor li h3{font-size:14px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.iner-hor li  img{width:100%; vertical-align: bottom;}
/**/
.iner-cul{width:100%; overflow: hidden; padding:50px; background:#fff;margin-top:200px;}
.iner-cul li{width:calc(100%/4); float:left; text-align: center; font-size:14px;}
.cul-li{margin:10px;}
.cul-li-tit{border:3px #ff9900 solid; border-radius: 100%; width:100px; height:100px; text-align: center;  font-size:24px;margin:10px auto;}
.cul-li-tit h3{display:block; background:#f2f2f2; margin:8px; border-radius: 100%; height:80px; width:80px;line-height: 80px; vertical-align: middle;}
.cul-li-in{padding:20px;}
/**/
.iner-team{width:100%;overflow: hidden;padding:30px 0;}
.iner-team li{width:24%;display:inline-block;overflow: hidden;vertical-align: bottom;}
.iner-team-li{margin:10px;overflow: hidden;border:1px #ddd solid;padding:10px;}
.iner-team-img{width:100%; overflow: hidden;}
.iner-team-img img{width:100%; overflow: hidden;vertical-align: middle;}
.iner-team-tit{width:100%; overflow: hidden;padding:10px 0;vertical-align: bottom;}
.iner-team-tit h3{display:inline-block;color:#0097cd;font-size:20px;margin-bottom:10px;vertical-align: bottom;}
.iner-team-tit h4{display:inline-block;color:#999;font-size:18px;margin-bottom:10px;float:right; vertical-align: bottom;}
.iner-team-intro{font-size:14px;color:#666;height:50px; overflow: hidden;padding-top:10px;border-top:1px #ddd solid;width:100%;}
/**/
.iner-news{width:100%; padding:30px ; overflow: hidden;}
.iner-news li{width:calc(100%/3); float:left; overflow: hidden;}
.iner-news-li{margin:10px;border-bottom:0px #0097cd solid; padding-bottom:20px; position:relative; overflow: hidden;}
.iner-news-li:after{content:""; height:2px; background:#0097cd; width:0; position:absolute; left:0;bottom:0;}
.iner-news li h3{font-size:16px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin-bottom:15px;}
.iner-news li h4{font-size:14px; color:#0097cd;margin-bottom:3%;display:block;}
.iner-news li h4:before{content:"\2013";margin-right:10px;}
.iner-news-img{height:200px; overflow: hidden;margin-bottom:3%; }
.iner-news-img img{vertical-align:middle;height:100%;width:100%; overflow: hidden;}
.iner-news-intro{font-size:14px;line-height: 22px; opacity: 0.9;color:#666;height:45px; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.iner-news li:hover .iner-news-li:after{width:100%; transition:all .4s ease;}
/**/
.news-info{padding:50px; overflow: hidden;}
.news-date{border-bottom:2px #eee solid; padding:15px; font-size:14px; overflow: hidden;margin:20px 0;}
.news-date span{display:inline-block;margin-right:20px;}
.news-date span em{font-style:normal;}
.newsIntro{font-size:14px; line-height: 26px; color:#666;margin:20px 0;}
.newsIntro a img{display:inline-block;width:48%;margin:1%;}
.news-page{background:#f4f4f4;padding:10px; overflow: hidden; font-size:14px;}
.page-left{width:70%; float:left; overflow: hidden;}
.page1{width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page1 span{font-weight:bold; color:#666;}
.page-right{width:120px; background:#0097cd; float:right; text-align: center; color:#fff; padding:10px 0;}
.page-right a{color:#fff;}
.contactCon{width:100%;overflow: hidden;}
.contact-left{width:60%; float:left; line-height: 35px;}
.contact-left img{vertical-align:middle; display:inline-block; width:25px; margin-right:10px;}
.contact-right{width:40%; text-align:center; float:right;}
.contact-right span{display:inline-block;margin:5px;}
.contact-right span img{background:#f2f2f2; padding:5px;}
.contact-right span em{font-style:normal; font-size:12px; opacity: 0.8;display:block;margin-top:10px;}
.contactMap{margin-top:30px; }
/**/
.team-info{width:100%; overflow: hidden;padding:30px 0;}
.team-img{width:30%; float:left; text-align: center; vertical-align: middle;overflow: hidden;}
.team-img img{width:100%;padding:10px;overflow: hidden;vertical-align: middle;}
.team-desc{width:68%; float:right; line-height: 30px;padding-top:30px;color:#999;font-size:18px;}
.team-info h1{display:block;color:#0097cd;font-weight:bold; font-size:33px;margin-bottom:20px;line-height: 40px;}
.team-info h2{display:block;margin-bottom:20px;font-size:22px;color:#666;}
.team-detail{width:100%; overflow: hidden;padding-top:30px;}
.team-detail h3{font-size:24px;font-weight:bold; color:#333;display:block; line-height: 35px; border-bottom:1px #666 solid;padding-bottom:0px;background:url("../images/icon5.png") no-repeat left center; padding-left:40px;}
.team-intro{width:100%; overflow: hidden;padding:30px 0;}
.team-rec-list{width:100%; overflow: hidden;border:1px #ddd solid;padding:20px;border-radius: 5px;background:#fff;box-shadow:  0 3px 3px #ccc;}
.team-rec-list li{ text-align: center;}
.team-rec-list li a{color:#fff; display:block;}
.team-rec-list h4{font-size:30px; font-weight: bold;display:block;color:#0097cd;margin:10px 0 30px; text-align: center;}
.team-rec-item{margin:10px; overflow: hidden;}
.team-rec-img{width:100%; overflow: hidden;}
.team-rec-img img{width:100%; overflow: hidden; vertical-align: middle;}
.team-rec-con{width:100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; padding:15px 5px;background:#1296db;}
.team-rec-con h2{font-size:24px;display:inline-block;}
.team-rec-con h3{font-size:18px;display:inline-block;}
/**/
.about-desc{width:40%; float:left;}
.about-desc-con{padding-right:50px;padding-top:30px;color:#999;}
.about-desc h2{font-size:24px; display:block; padding-bottom:20px;color:#333;}
.about-desc h3{font-size:24px; display:block; padding-top:50px;color:#0097cd;}
.nav-cate{width:60%; float:left;}
.nav-cate li{width:calc(100%/2); float:left;}
.nav-cate li a{display:block; margin:10px; overflow: hidden; position:relative; }
.nav-cate-img{width:100%; overflow: hidden;}
.nav-cate-tit{width:100%; position:absolute; top:10%; left:5%;}
.nav-cate li h1{color:#333; font-size:20px;display:block;padding:0;margin:0;line-height: 30px;}
.nav-cate li h2{color:#fff; font-size:14px; text-transform: uppercase;display:block;padding:0;margin:0;}

/**/
.news-cate{width:100%; overflow: hidden;}
.news-cate-list{width:calc(100%/3); float:left; overflow: hidden; }
.news-cate ul{padding:15px;margin:10px;color:#fff;border-radius: 3px;}
.news-cate-ul1{background:#28b5dc;}
.news-cate-ul2{background:#0097cd;}
.news-cate-ul3{background:#0d94d6;}
.news-cate ul a{color:#fff;}
.news-tit{width:100%; overflow: hidden;padding-bottom:20px;}
.news-tit h1{font-size:20px; display:block;width:50%; float:left; overflow: hidden;}
.news-tit a{display:block; width:50%; float:left; overflow: hidden; text-align:right;font-size:14px;}
.news-cate li{width:100%; overflow: hidden; padding:9px 0; }
.news-cate li a{ position:relative; overflow: hidden;display:block;}
.news-cate li h2{width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:16px;}
.news-cate li h2:before{content:"\2022";display:inline-block;float:left;padding-right:5px; color:#fff;}
.news-cate li:first-child{border-bottom:1px #eee dashed;margin-bottom:5px;}
.news-cate li:first-child .news-li-in{display:block;}
.news-li-ti{width:100%; overflow: hidden;}
.news-li-in{width:100%; overflow: hidden;font-size:14px; color:#fff; padding:10px 0; display:none; opacity: 0.9;}
.news-cate li a:hover{opacity:0.9;}
.news-cate li img{width:100%; overflow:hidden; display:block;margin-bottom:25px;}
.news-cate-con li:first-child{border-bottom:0;}
.news-cate-con h2{padding-bottom:20px;display:block;}
/**/
.contact-list{width:100%; overflow: hidden;}
.contact-list li{width:calc(100%/2); float:left; overflow: hidden;}
.contact-li{margin:20px; overflow: hidden;border-bottom:2px #eee solid;}
.contact-li-img{width:100%; overflow: hidden;}
.contact-li-ti{width:100%; overflow: hidden;padding:15px 0;}
.contact-list li h1{font-size:22px;color:#333; display:block;}
.contact-li-in{width:100%; overflow: hidden;padding:15px 0; line-height: 35px;font-size:14px;}
.contact-li-in img{width:20px; display:inline-block; vertical-align: middle;margin-right:15px; filter: grayscale(100%) ;}
/**/
.res-list{width:100%; overflow:hidden; padding:30px 0;}
.res-list li{width:calc(100%/3); float:left;}
.res-li{margin:10px; overflow:hidden; position:relative;}
.res-li-img{width:100%; overflow:hidden;}
.res-li-ti{position:absolute;bottom:0; left:0; width:50%;height:100%; background: linear-gradient(to right, rgba(0,151,205,1.0), rgba(0,151,205,0.0));}
.res-list li h1{font-size:20px;color:#fff;bottom:20px; position:absolute; left:20px;}