@charset "utf-8";
/* CSS Document */
img{max-width:100%;}
/* 公共 */
.ins-banner{width:100%; height:300px; box-sizing:border-box;}
.bn-about{background:url(../images/bn-about.jpg) repeat-x fixed center top;}
.bn-honor{background:url(../images/bn-honor.jpg) repeat-x fixed center top;}
.bn-job{background:url(../images/bn-job.jpg) repeat-x fixed center top;}
.bn-ser{background:url(../images/bn-ser.jpg) repeat-x fixed center top;}
.bn-pjt{background:url(../images/bn-pjt.jpg) repeat-x fixed center top;}
.bn-res{background:url(../images/bn-res.jpg) repeat-x fixed center top;}
.bn-news{background:url(../images/bn-news.jpg) repeat-x fixed center top;}
.bn-contact{background:url(../images/bn-contact.jpg) repeat-x fixed center top;}


.ins-bn-n{width:90%; height:auto; max-width:1200px; margin:0 auto;}
.ins-bn-tt{width:100%; height:auto; font-size:40px; line-height:40px; text-align:center; color:#fff; margin-bottom:20px; padding-top:115px; font-weight:bold; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
.ins-bn-tt span{width:100%; height:30px; line-height:30px; font-size:20px; font-family:'OpenSansLight'; display:block; text-transform:uppercase; margin-top:3px; font-weight:bold;}
/* 公共 */
.n-bar-w{width:100%; height:auto; border-bottom:1px solid #e5e5e5;}
.n-bar{width:90%; height:auto; max-width:1200px; margin:0 auto;}
.n-bar li{display:inline-block;}
.n-bar li a{padding:10px 20px; color:#333; font-size:16px; line-height:40px; display:block;}
.n-bar .active a,.n-bar .active a:hover{background:#18823c; color:#fff;}
.n-bar li a:hover{color:#18823c;}

.mbx-w{width:100%; height:40px; background:#f5f5f5;}
.mbx{width:1200px; height:40px; line-height:40px; margin:0 auto; font-size:14px; color:#333;}
.mbx a{color:#666; padding:0 10px;}
.mbx a:hover{color:#333;}
.mbx span{ font-family:"宋体"; }
.mbx a i{font-size:12px; padding-right:3px; vertical-align:middle;}
/* 公共 */
.w1200{width:90%; height:auto; max-width:1200px; margin:0 auto;}
.h102{width:100%; height:102px;}
.ptb70-50{padding:70px 0 50px;}
.txt-c{text-align:center;}
.txt-l{text-align:left !important;}
.ph2-mh1 ul{clear:both; margin-left:-5%;}
.ph2-mh1 li{width:45%; height:auto; float:left; margin-left:5%;}

.ph3-mh2 ul{clear:both; margin-left:-3.3333%;}
.ph3-mh2 li{width:30%; height:auto; float:left; margin-left:3.3333%;}

.ph4-mh2 ul{clear:both; margin-left:-3%;}
.ph4-mh2 li{width:22%; height:auto; float:left; margin-left:3%;}

.ph3-mh1 ul{clear:both; margin-left:-3.3333%;}
.ph3-mh1 li{width:30%; height:auto; float:left; margin-left:3.3333%;}

.ph2-mh2 ul{clear:both; margin-left:-5%;}
.ph2-mh2 li{width:45%; height:auto; float:left; margin-left:5%;}

.ins-w{width:100%; height:auto; padding:40px 0 40px;}
.ins-n{width:90%; height:auto; max-width:1200px; margin:0 auto;}
.ins-all-tt{width:100%; height:auto; font-size:36px; line-height:40px; text-align:center; color:#1b1b1b; margin-bottom:20px;}
.ins-all-tt span{width:100%; height:22px; line-height:22px; font-size:16px; font-family:'OpenSansLight'; display:block; text-transform:uppercase; margin-top:3px; font-weight:bold;}
.ins-all-tt2{width:100%; height:auto; font-size:20px; line-height:30px; text-align:center; color:#18823c; margin-bottom:20px; font-weight:bold;}
.ins-all-tt2 span{width:100%; height:20px; line-height:20px; font-size:16px; font-family:'OpenSansLight'; display:block; text-transform:uppercase; margin-top:3px; font-weight:bold;}

.ins-txt-cn{width:100%; height:auto; margin:0 auto 15px; text-align:center; font-size:1em; color:#535353; line-height:1.65em;}
.ins-txt-en{width:100%; height:auto; margin:0 auto 30px; text-align:center; font-size:1em; color:#959595; line-height:1.4em; font-family:'OpenSansLight';}
.pt0{padding-top:0;}
.insall-txt{width:100%; height:auto; min-height:200px; font-size:16px; line-height:26px; color:#333; font-family:'OpenSansLight';}
.insall-txt img{max-width:100%; height:auto;}
.all-bk{width:100%; height:auto; border:1px dotted #18823c; padding:12px 25px; margin:10px auto; border-radius:100px;} 
.all-bk span{display:block; font-family:'OpenSansLight';}
.all-bk i{color:#18823c;}
/* About */
.ins-about-n{width:90%; height:auto; max-width:1200px; margin:0 auto;}
.ins-about{width:100%; height:auto; margin-bottom:50px;}
.dsz-l{width:25%; height:auto; border-radius:200px; overflow:hidden; border:6px solid #f5f5f5; box-sizing:border-box; float:left;}
.dsz-l img{display:block;}
.dsz-r{width:70%; height:auto; float:right;}
.dsz-r h1{width:100%; height:auto; font-size:24px; line-height:30px; color:#1b1b1b; margin-bottom:10px; font-weight:bold;}
.dsz-r h1 span{font-size:18px; color:#1b1b1b; padding-left:10px; font-weight:normal;}
/* News */
.news-list{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.news-list li{width:100%; height:auto; padding:30px 0; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.news-l{width:15%; height:73px; line-height:50px; color:#18823c; float:left; font-size:55px; text-align:center; font-family:"Times New Roman", Times, serif;}
.news-l span{width:100%; line-height:20px; color:#333; font-size:13px; text-align:center; display:block; font-family:'OpenSansLight';}
.news-c{width:60%; height:auto; color:#313131; float:left; font-size:16px; overflow:hidden; }
.news-c h1{width:100%; height:30px; line-height:30px; font-size:18px; color:#333; overflow:hidden;}
.news-c h2{width:100%; height:auto; line-height:20px; font-size:14px; color:#444; margin-top:5px; font-family:'OpenSansLight';}
.news-c p{width:100%; height:40px; line-height:20px; font-size:14px; color:#999; overflow:hidden; margin-top:5px;}
.news-c a:hover h1{color:#18823c;}
.news-r{width:20%; max-width:200px; height:auto; float:right; margin-right:20px;}
.news-list li:hover{background:#f5f5f5;}
.news-list li a:hover h1{color:#18823c;}

.ins-news-xx{width:100%; height:auto; overflow:hidden;}
.news-tt01{width:100%; height:auto; line-height:30px; font-size:24px; padding:20px 0 5px; color:#333;}
.news-tt02{width:100%; height:40px; line-height:40px; font-size:14px; color:#999; margin-bottom:10px; border-bottom:1px dotted #eee;}
.news-tt02 span{padding-right:20px;}
.news-tt03{width:100%; height:auto; line-height:24px; font-size:16px; color:#444; margin-bottom:10px; font-family:'OpenSansLight';}
.news-fx{width:100%; height:40px; line-height:40px;}
.news-fx span{ float:left; vertical-align:middle;}
.news-txt{width:100%; height:auto; min-height:200px; font-size:16px; line-height:26px; color:#333; margin-top:30px; font-family:'OpenSansLight';}
.news-txt img{max-width:100%; height:auto;}
.news-next{width:100%; height:40px; line-height:40px; margin:30px 0;}
.news-next li{width:50%; height:40px; float:left; overflow:hidden; font-size:14px; color:#666;}
.news-next li a{color:#666;}
.news-next li a:hover{color:#333;}
.news-next li:nth-child(2){text-align:right;}
/* Research */
.res-list{width:100%; height:auto; overflow:hidden; margin:0 auto;}
.res-list li{margin-bottom:30px;}
.res-img{width:100%; height:100%; margin-bottom:10px;}
.res-img img{width:100%; height:100%; display:block;}
.res-dt{width:100%; height:auto; line-height:24px; font-size:16px; color:#333; text-align:center;}
.res-list a:hover .res-dt{color:#18823c;}
/* Project */
.pjt-list{width:100%; height:auto; overflow:hidden;}
.pjt-list li{margin-bottom:30px;}
.pjt-img{width:100%; height:auto; margin-bottom:10px; position:relative; overflow:hidden;}
.pjt-img img{width:100%; height:100%; display:block; transition:transform 0.4s ease;}
.pjt-img span{display:block; line-height:24px; padding:2px 10px; background:#18823c; color:#fff; font-size:12px; position:absolute; left:10px; top:10px; z-index:1; border-radius:20px;}
.pjt-dt{width:100%; height:auto; line-height:24px; font-size:16px; color:#333; text-align:center;}
.pjt-list a:hover .pjt-dt{color:#18823c;}
.pjt-list a:hover .pjt-img img{transform: scale(1.1);}
/* Honor */
.ins-honor{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.ins-honor ul{clear:both; margin-left:-3%;}
.ins-honor li{width:22%; height:auto; margin:30px 0 0 3%; float:left; text-align:center;}
.ins-honor .honimg{width:100%; height:auto; overflow:hidden; background:#eee; padding:10px; box-sizing:border-box; vertical-align:middle; border-radius:10px; background: linear-gradient(to bottom right, #f5f5f5, #eee); background: -webkit-linear-gradient(to bottom right, #f5f5f5, #eee); background: -o-linear-gradient(to bottom right, #f5f5f5, #eee); background: -moz-linear-gradient(to bottom right, #f5f5f5, #eee); justify-content:center; align-items: center; display:flex;}
.ins-honor .honimg img{ width:auto; height:auto; max-width:100%; max-height:100%; margin:0 auto;}
.ins-honor .hontt{width:100%; height:40px; line-height:24px; font-size:16px; color:#666; text-align:center; padding-top:15px}
.ins-honor li a:hover .hontt{color:#18823c;}
@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1180px) {
.h102{height:70px;}
.ins-banner{height:268px;}
.ins-bn-tt{padding-top:99px;}

.ins-all-tt{font-size:30px; line-height:40px; margin-bottom:19px;}
.ins-all-tt span{height:20px; line-height:20px; font-size:15px; margin-top:2px;}
.ins-txt-cn{margin:0 auto 15px; font-size:1em;}
.ins-txt-en{margin:0 auto 30px; font-size:0.9em;}

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

}

@media screen and (max-width: 768px) {
.ins-banner{height:220px;}
.bn-about{background:url(../images/bn-about.jpg) repeat-x center top; background-size:cover;}
.bn-honor{background:url(../images/bn-honor.jpg) repeat-x center top; background-size:cover;}
.bn-job{background:url(../images/bn-job.jpg) repeat-x center top; background-size:cover;}
.bn-ser{background:url(../images/bn-ser.jpg) repeat-x center top; background-size:cover;}
.bn-pjt{background:url(../images/bn-pjt.jpg) repeat-x center top; background-size:cover;}
.bn-res{background:url(../images/bn-res.jpg) repeat-x center top; background-size:cover;}
.bn-news{background:url(../images/bn-news.jpg) repeat-x center top; background-size:cover;}
.bn-contact{background:url(../images/bn-contact.jpg) repeat-x center top; background-size:cover;}

.mbx-w{height:40px;}
.mbx{width:94%; height:40px; line-height:40px; font-size:14px;}
.mbx a{padding:0 10px;}
.n-bar-w{height:50px;}
.n-bar{width:92%;}
.n-bar li{display:inline-block;}
.n-bar li a{padding:10px 20px; font-size:15px; line-height:30px;}

.ins-bn-tt{font-size:24px; line-height:28px; margin-bottom:10px; padding-top:75px;}
.ins-bn-tt span{height:24px; line-height:24px; font-size:16px;}

.ins-bn-tt{padding-top:75px;}
.ins-about-n{width:90%;}
.ins-about{margin-bottom:30px;}
.ins-all-tt{font-size:24px; line-height:30px; margin-bottom:19px;}
.ins-all-tt span{height:auto; line-height:20px; font-size:13px; margin-top:2px;}
.ins-all-tt2{font-size:18px; line-height:30px; margin-bottom:19px;}
.ins-all-tt2 span{height:auto; line-height:20px; font-size:13px; margin-top:2px;}

.ins-txt-cn{margin:0 auto 15px; font-size:14px; line-height:24px;}
.ins-txt-en{margin:0 auto 30px; font-size:13px; text-align:left; line-height:20px;}
.ins-txt-cn span, .ins-txt-en span{display:none;}
.insall-txt{font-size:14px; line-height:24px; color:#333;}

.news-tt01{line-height:24px; font-size:18px; padding:10px 0; color:#000;}
.news-tt02{height:40px; line-height:40px; font-size:14px; color:#999; margin-bottom:10px;}
.news-fx{height:32px; line-height:32px;}
.news-txt{font-size:14px; line-height:24px; color:#333; margin-top:20px;}

.news-next{margin:20px 0; height:auto; line-height:30px; overflow:hidden;}
.news-next li{ width:100%; font-size:12px; height:30px;}
.news-next li:nth-child(2){text-align:left}

.res-dt{line-height:20px; font-size:14px; min-height:40px;}
.pjt-dt{line-height:20px; font-size:14px; min-height:40px;}
.pjt-img span{padding:0 10px; background:rgba(24,130,60,0.7)}

.ins-honor{margin-bottom:20px;}
.ins-honor .hontt{line-height:22px; font-size:16px; padding:10px 0;}

}
@media screen and (max-width: 480px) {
.ins-banner{height:180px;}
.ins-bn-tt{font-size:24px; line-height:28px; margin-bottom:10px; padding-top:65px;}
.ins-w{padding:30px 0 20px;}
.ins-n{width:92%;}
.w1200{width:92%;}
.ptb70-50{padding:40px 0 30px;}
.ph2-mh1 ul{margin-left:0;}
.ph2-mh1 li{width:100%; margin-left:0;}
.ph3-mh2 ul{margin-left:-5%;}
.ph3-mh2 li{width:45%; margin-left:5%;}
.ph4-mh2 ul{margin-left:-5%;}
.ph4-mh2 li{width:45%; margin-left:5%;}
.ph3-mh1 ul{margin-left:0;}
.ph3-mh1 li{width:100%; margin-left:0;}
.n-bar-w{height:auto; margin-top:10px; padding-bottom:10px;}
.n-bar{width:94%;}
.n-bar li{display:inline-block;}
.n-bar li a{padding:3px 10px; font-size:15px; line-height:26px;}
.n-bar .active a,.n-bar .active a:hover{ border-radius:30px;}
.all-bk{padding:10px 15px; border-radius:8px;} 

.ins-about-n{width:92%;}
.ins-all-tt{font-size:18px; line-height:24px; margin-bottom:10px; font-weight:bold;}
.ins-all-tt span{font-weight:normal;}
.ins-all-tt2{font-size:16px; line-height:24px; margin-bottom:10px; font-weight:bold;}
.ins-all-tt2 span{font-weight:normal;}
.ins-txt-en{margin:0 auto 20px;}
.dsz-l{width:50%; border:4px solid #f5f5f5; float:none; margin:0 auto 10px;}
.dsz-r{width:100%; float:none;}
.dsz-r h1{font-size:16px; line-height:30px; margin-bottom:20px; text-align:center;}
.dsz-r h1 span{font-size:14px; padding-left:5px;}

.ins-honor{margin-bottom:5px;}
.ins-honor ul{clear:both; margin-left:-4%;}
.ins-honor li{width:46%; height:auto; margin:0 0 0 4%; float:left;}
.ins-honor .hontt{height:45px; line-height:20px; font-size:14px; padding-top:5px;}
.res-dt{line-height:18px; font-size:12px;}
.pjt-dt{line-height:18px; font-size:12px;}
.pjt-list li{margin-bottom:20px;}
.res-list li{margin-bottom:20px;}
.news-list{margin-bottom:30px;}
.news-list li{padding:20px 0;}
.news-list li:nth-child(1){padding-top:0;}
.news-l{width:25%; height:50px; line-height:30px; float:left; font-size:30px; text-align:center;}
.news-l span{width:100%; line-height:20px; font-size:13px; text-align:center; display:block;}
.news-c{width:70%; float:right; font-size:14px;}
.news-c h1{height:auto; line-height:22px; font-size:14px;}
.news-c h2{line-height:18px; font-size:13px; margin-top:5px;}
.news-c p{width:100%; height:54px; line-height:18px; font-size:12px; color:#999; overflow:hidden; margin-top:5px;}
.news-r{width:25%; max-width:200px; height:auto; float:left; margin-right:0; margin-top:5px;}

.news-tt01{line-height:24px; font-size:16px;}
.news-tt02{font-size:12px; height:30px; line-height:30px;}
.news-tt03{line-height:22px; font-size:15px; margin-bottom:7px;}

}
.container{min-height:100%;}
.md-modal{
	position: fixed;
	top: 50%;
	left: 50%;
	width:auto;
	max-width: 780px;
	min-width: 280px;
	height:auto;
	max-height:600px;
	z-index:9999999;
	visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-show {visibility:visible;}
.md-overlay{position:fixed;	width:100%;	height:100%; visibility:hidden;	top:0; left:0; z-index:9999995;	opacity:0; background:rgba(1,1,1,0.6); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.md-show ~ .md-overlay {opacity: 1;	visibility: visible;}
/* Content styles */
.md-content {color:#5b5b5b; position:relative;margin: 0 auto; border-radius:10px;}
.md-content .md-close-btn {position:absolute; top:10px;	right:5px;	z-index:999999;}
.md-content .md-close-btn a{color:#909090; cursor:pointer;}
.md-content .md-close-btn a:hover{color:#212121;}

.md-content .md-close {width:30px; height:30px;	line-height:30px; font-size:18px; color:#000; background:#fff; border-radius:15px; 	text-align:center; cursor: pointer;	margin:0 auto; position:absolute; top:15px;	right:-15px; font-weight:normal; padding:0 !important; font-family: Arial, Helvetica, sans-serif;}
.md-content .md-close i{font-size:24px;}

.photo-w{width:100%; padding:30px 0 30px; overflow:hidden; box-sizing:border-box; text-align:center;}
.photo-w img{max-width:100%; height:auto; max-height:600px;}
/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7); 
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
	opacity:1;
}
@-webkit-keyframes OpenTop {
	50% {-webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out;}
}
@-moz-keyframes OpenTop {
	50% {-moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out;}
}
@keyframes OpenTop {
	50% {transform: rotateX(10deg); animation-timing-function: ease-out;	}
}