#header { background: #fff; }
.bx-wrapper { background: transparent; }
.scrollView { background-color: #f8f8f8; }
.content .header p.subtitle { margin: 5px 20px; }
.teamitem #mteam_img { width: 100px; overflow: hidden; height: 80px; max-height: 80px; }
.teamitem .teaminfo .header {  padding-left: 120px; margin-top: -60px;margin-bottom: 30px; }
.teamitem img { width: 100%; height: auto; border-radius: 0px; margin-bottom: 26px; }
.teamitem .teaminfo { margin-left: 0px; }
.teaminfo .header p.subtitle { margin: 5px 0px; }
.teamitem a { height: auto; }
.teamitem:nth-of-type(even) .teaminfo { margin-right: 0px; }
.teamitem .teaminfo .description { margin-top: 20px; }
.teamitem .teaminfo .description { height: auto; line-height: 22px; }
#teampost .header p.subtitle { margin: 5px 0px; }
/*首页案例文字*/

.projectitem .project_info p.title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 16px 10px 2px; margin-top:16px; color: #535353; font-size: 14px; text-align: left; }
.projectitem .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0px 10px; color: #9B9B9B; font-size: 12px; margin-bottom: 10px; text-align: left; }
#projectlist .projectitem .project_info div { position: absolute; width: 100%; bottom: -40px; }
#projectlist .projectitem { margin-bottom:50px; }
/*首页案例文字结束*/

#indexPage #mpage { border-top: 1px solid #e7e7e7; }
#indexPage #mcontact .header p.title { color: #444; }
#indexPage #mcontact .header p.subtitle { color: #c1c1c1; }
#contactinfo h3 { color: #444; }
#indexPage #mcontact { background-color: #fff; }
#contactinfo p.ellipsis a { color: #676767; }
#contactinfo div a { color: #A0A0A0; background: #FFFFFF; border: #f0f0f0 1px solid; }
#footer { background: #000; border: #f0f0f0 1px solid; }
#indexPage a.more { color: transparent; background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantoum.png)no-repeat scroll 26px -96px; background-size: 200%; width: 148px; height: 30px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 0px; }
#indexPage a.more:hover { color: transparent; background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantoum.png)no-repeat 26px -127px; background-size: 200%; border-color: #b6b6b6; }
#projectmore { background: transparent; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; color: #9f9f9f; display: block; font-size: 14px; height: 40px; line-height: 42px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 70%; margin: 20px auto 40px; }
#projectmore:hover { color: #fff; background: #666; border: 1px solid #666; }
#newslist .newstitem .md { color: #8a8a8a; font-size: 16px; line-height: 0px; height: 0; padding: 0 60px 0 0; }
#newslist .newsinfo .year { color: #bdbdbd; font-size: 16px; line-height: 0; padding: 0 0 0 15px; }
#newslist .newstitem .newsdate { margin-bottom: 15px; }
#newslist .newstitem { padding-top: 40px; padding-bottom: 30px; height: auto; }
.content .header p.subtitle { color: #B0B0B0; }
#indexPage #mnews { border-top: 1px solid #e7e7e7; }
#indexPage #mslider ul li p.title { margin-top: 84px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#indexPage #mslider ul li p.subtitle { color: #8c8c8c; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#category .label { background: #353535; }
.dropmenu ul li a.active { color: #4F4F4F; }
.npagePage #teamlist #team_img{ width: 100px; overflow: hidden; height: 80px; max-height: 80px;}
#leftcontrol ul li.active a span.circle{border-color: #fff;
background-color: #fff;}





/*****详细页*****/
.news-art-main{background: #f9f9f9;margin:0px auto;padding:20px 10px 20px;}
.art-tit h1{text-align: center;font-size:24px;font-weight: normal;line-height:1.5;padding-bottom:5px;color: #333;}
.art-tit h3{text-align: center;font-size:14px;font-weight: normal;line-height:26px;padding-bottom: 20px;color: #3f3f3f; font-family:"Times New Roman", Times, serif}

.art-tit h4{text-align: center;font-size:22px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width: 300px;}
.art-main{padding-top:10px;padding-bottom: 40px; overflow:hidden;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}
.art-main img{ max-width:100%;}

.wz_box{ overflow:hidden; margin-bottom:30px;}
.art-main .wzsm{ width:100%;margin-bottom:20px;}
.art-main .wzsm p{ font-size:14px; line-height:1.6; text-indent:0em;}
.art-main .wztp{ width:100%;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#005bac;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #005bac;line-height:36px;text-align: center;box-sizing: border-box;color: #005bac;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #005bac;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}





/***********技术支持**************/
.bzl{ display:block; margin-left:0px;overflow: hidden;}
.bzl li{ display:block; width:95%; margin:0 auto; background:#fff; border:1px solid #cdcdcd;margin-bottom:20px;}

.bzl li a{ display:block; position:relative; padding:8px 24px;}

.bzl li .cpjtuj{ float:right; width:30px; height:30px;margin-top: 2px;}
.bzl li .cpjk{ display:block; margin-right:40px;}
.bzl li .cpjk-cn{  line-height:32px; font-size:16px; color:#3d3d3d;}
.bzl li .cpjk-en{ line-height:20px; font-size:12px; color:#9b9b9b;}
.bzl li:hover .cpjtu{
	animation:cpjtu2 5s linear infinite both;
	-webkit-animation:cpjtu2 5s linear infinite both;
	-moz-animation:cpjtu2 5s linear infinite both;
	-o-animation:cpjtu2 5s linear infinite both;
}
@keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-webkit-keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-moz-keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-o-keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
.bzl li:hover .cpjtuj{
	animation:cpjtuj 1.8s linear infinite both;
	-webkit-animation:cpjtuj 1.8s linear infinite both;
	-moz-animation:cpjtuj 1.8s linear infinite both;
	-o-animation:cpjtuj 1.8s linear infinite both;
}
@keyframes cpjtuj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes cpjtuj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes cpjtuj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes cpjtuj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

.bzl li:hover .cpjk-cn{ padding-left:5px; color:#005bac;}
.cpjk-cn, .zztu img,.zztm{transition: all 0.4s linear;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear;}

/******联系我们*****/
.n_contact{ background:url(../images/contact.jpg) center center no-repeat;}
.c_box{	padding:10px 0px; overflow:hidden;}
.hq{width:100%;background: rgba(255, 255, 255, 0.9);padding:15px 20px;box-sizing: border-box;}
.hq h4{display: block;width: 100%;font-size: 24px;line-height: 62px;color: #1654b1;border-bottom: 1px solid #acc3e4;}

.hq-items{display: block;line-height: 24px;margin-top:15px;font-size: 14px;color: #515355;}
.hq-icon{display: block;float: left;width: 26px;height: 26px;}
.hq-icon img{width: 100%;}
.hq-text{display: block;margin-left: 40px;}

.hq-ewm{margin-top: 35px; overflow:hidden;}
.hq-ewm-items{display: block;float: left;margin-right: 44px;}
.hqewm-pic{width: 127px;height: 127px;padding: 6px;border: 1px solid #d5d7d9;box-sizing: border-box;}
.hqewm-pic img{width: 100%;vertical-align: top;}
.hqewm-text{font-size: 14px;line-height: 46px;text-align: center;color: #666;}

.contact-second{width: 100%;height:275px;position: relative;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:275px;}

	




/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:15px 0px 10px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #005bac; border-color: #005bac;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
