@font-face {
  font-family: 'iconfont';  /* project id 1133901 */
  src: url('//at.alicdn.com/t/font_1133901_hjvuc0lt7t.eot');
  src: url('//at.alicdn.com/t/font_1133901_hjvuc0lt7t.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1133901_hjvuc0lt7t.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1133901_hjvuc0lt7t.woff') format('woff'),
  url('//at.alicdn.com/t/font_1133901_hjvuc0lt7t.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1133901_hjvuc0lt7t.svg#iconfont') format('svg');
}
a{cursor: pointer;}
a:hover{text-decoration: none;}
.fullImg{width:100%}
ul{list-style-type: none;}
.lp_head{display: flex;width: 100%;background-color: #4d4d4d;position: relative;line-height: 35px;padding: 3px 0;}
.lp_head1,.lp_head0{color: #ededed;font-size: 14px;}
.lp_head0{margin: 0 9px;}
.switch-cn{color: #fff;position: absolute;right: 5px;top: 50%;font-size: 14px;transform: translateY(-50%);display: none;}
.lp_head2{color: #cccccc;font-size: 14px;}
.lp_head3{margin: auto 0;margin-left: 2%;}
.lp_head3 img {vertical-align: middle;}
.lp_head4{margin-left: 1%;color: white;font-size: 20px;font-weight: bold;}
.navbar-default .navbar-toggle .icon-bar {background-color: #50bac5;}
.navbar-toggle .icon-bar {display: block;width: 40px;height: 3px;border-radius: 1px;margin:6px 0px;}
.navbar-default .navbar-toggle {border-color: #50bac5;width: 60px;}
/* 导航 */
.lp_daohang{width: 100%;display: flex;height: 82px;}
.lp_dhlogo{margin-left: 20%;margin-top: 5px;height: 70px;}
.lp_dhlogo img{height: 100%;}
a{text-decoration: none;}
.lp_dhlogobox{ color: black;height: 80px;width: 6%;line-height: 80px;font-size: 16px;text-align: center;}
input::-webkit-search-cancel-button{display: none;}
input{width: 237px;height: 40px;border: 1px solid #50bac5;}
.searleft{margin-top:20px;padding-left: 10px;margin-left: 160px;}
.searchspan{margin-left: 360px;height: 40px;width: 64px;background-color: #50bac5;display: inline-block;position: absolute;top: 20px;}
.renav{position: relative;}.ponav{position: absolute;left: 700px;top: 1px;margin-left: 70px;}
.sespimg{padding-left: 22px;padding-top: 10px;}
.rui{width: 100%;}
.contactus_con img{width:100%;height:auto;}


/* 轮播图的圆点效果 */
#swiper2 .swiper-pagination-bullet{width: 12px;height: 12px;background: white;opacity: 1;border-radius:50%;border: 1px solid grey;}
#swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;position: relative; background-color: #56c8d4; transition: all .4s;}
#swiper1 .swiper-pagination-bullet{width: 12px;height: 12px;background: white;opacity: 1;border-radius:50%;border: 1px solid grey;}

#swiper3 {width: 100%;margin: 0 auto;}
#swiper2 {background-color: #fafafa;}
#swiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active{position: relative!important;  background-color: #fff; opacity: 1; transition: all .4s;}
#swiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position: absolute;top: 2px;left: 2px; content:"";width: 6px;height: 6px;display: block;background: #56c8d4;border-radius: 50%;}
#mb_banner{display: none;}

.rightxf {position: fixed;top: 200px;right: 0;z-index: 10;border-radius: 5px;box-sizing: border-box;padding: 14px 0;}
.rightxf > a {display: block;width:70px;height:80px;position: relative;cursor: pointer;margin-bottom:2px;}
.rightxf > a .outeryuan {width:54px;height:80px;text-align: center;float: left;}
.rightxf > a > .zuiwai {width: 70px;height: 80px;overflow: hidden;position: absolute;right: 0;top: 0;padding: 8px;background-color: #50bac5;transition: all 1s;-webkit-transition: all 1s;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;z-index: 11;}
.rightxf > a .outeryuan > p {color:#fff;font-size: 12px;width: 54px;}
.rightxf > a .outeryuan > .iconfont {font-size: 24px;line-height: 30px;color: #fff;}
.rightxf > a:nth-child(1):hover .zuiwai {width: 200px; }
.rightxf > a:nth-child(1):hover .dbx {display:block;}
.rightxf > a:nth-child(2):hover .wxewm {display:block;}
.rightxf > a:nth-child(3):hover .zuiwai {width: 230px; }
.rightxf > a:nth-child(3):hover .dbx {display:block;}
.rightxf > span .iconfont {font-size: 30px;line-height: 48px;color:#FFF;}
.rightxf > span {display: block;width: 70px;height:64px;text-align: center;position: relative;cursor: pointer;background: #50bac5;margin-bottom:5px;padding: 5px;}
.xfactive {background: #FFF;}
.rightxf > .xfactive > .iconfont {color: #0dae9b;}
.dbx {color:#fff;margin-left: 20px;font-weight: bold;font-size: 16px;line-height: 48px;float: left;display:none;}
.wxewm {width: 126px;height: 126px;padding: 5px;background-repeat: no-repeat;background-position: 5px 5px;background-size: 116px 116px;background-color: #0dae9b;position: absolute;right: 70px;top: 0;display:none;}
.wxewm > img { width: 100%; }
.dbx > img {position: absolute;top: 20px;right: -14px;}
.dbx > i {display: inline-block;width:2px;height: 10px;background: #FFF;position: absolute;top: 20px;right: -1px;}

/* 底部悬浮窗 */
.bottomxf {width: 100%;position: fixed;bottom: 0;z-index: 12;display: none;background:#0dae9b;box-sizing: border-box;}
.bottomxf > a:last-child {border: 0;}
.bottomxf > a {display:block;float:left;width: 33.3333%;height: 60px;text-align: center;position: relative;border-right: 1px solid #DDD;}
.bottomxf > a > .iconfont {font-size: 30px;line-height: 38px;color: #FFF;}
.bottomxf > a > p {color:#FFF;}
.bottomxf > span {display: block;width: 100%;text-align: center;margin-top: 10px;}
.bottomxf .mbdbx {padding: 15px 20px;background: #FFF;border: 1px solid rgb(18,112,208);position: absolute;right: 80px;top: 0;border-radius: 3px;display: none;}
.bottomxf .wxewm {width: 116px;height: 116px;padding: 0;background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #FFF;}
.bottomxf .mbdbx > img {position: absolute;top: 20px;right: -14px;}
.bottomxf .mbdbx > i {display: inline-block;width:2px;height: 10px;background: #FFF;position: absolute;top: 20px;right: -1px;}



.xfactive {background: #FFF;}
.rightxf > .xfactive > .iconfont {color: #0dae9b;}
.dbx {color:#fff;margin-left: 20px;font-weight: bold;font-size: 16px;line-height: 60px;float: left;display:none;}
.wxewm {width: 126px;height: 126px;padding: 5px;background-repeat: no-repeat;background-position: 5px 5px;background-size: 116px 116px;background-color: #0dae9b;position: absolute;right: 70px;top: 0;display:none;}
.wxewm > img { width: 100%; }
.dbx > img {position: absolute;top: 20px;right: -14px;}
.dbx > i {display: inline-block;width:2px;height: 10px;background: #FFF;position: absolute;top: 20px;right: -1px;}


.xfdianji{margin-bottom: 20px;}
.lp_service{width: 100%;background-color: #f9f9f9;margin-top:-6px;padding-top: 30px;padding-top:30px;    padding-bottom: 55px;}
.lp_qingcolor{color: #50bac5;}
.lp_servicebox{font-size:30px ;width: 100%;text-align: center;padding-top: 30px;}
.lp_servicerow{width: 10%;height: 24px;margin: 0 auto;padding-top: 20px;}
.lp_servicerow img{height: 100%;}
.lp_servicerange{width: 61.46%;margin: 0 auto;display: flex;flex-wrap: wrap;margin-top: 52px;}
.lp_servicerange{background-color: white; }
.lp_sebox{width: 99%;text-align: center;}
.lp_servicerangeimg{height: 82px;margin: 0 auto;margin-top: 66px;margin-bottom: 20px;width: 82px;
border-radius: 50%;}
.qingcol{color: #50bac5;}
.lp_servicerangeimg img{float: none;}
.lp_servicerangecon{height: 50px;font-size: 18px;width: 100%;  }
.rightline{border-right: 2px solid #f9f9f9;}
.bomline{border-bottom: 2px solid #f9f9f9;}
.lp_knowmore{width: 152px;height: 46px;border: 1px solid #50bac5;font-size: 18px;line-height: 46px;margin:0 auto;text-align: center;border-radius: 25px;margin-top: 52px;}
.lp_team{color:#f9f9f9; width: 100%;background-size: 100% 100%;font-size: 16px; padding:70px 400px 30px 400px;line-height: 26px;}
.yinhao{font-size: 28px;text-align:center;display:block;}
.lp_white{color: white;}
.lp_fourdaib{width:63% ;margin: 0 auto;display: flex;flex-wrap: wrap;margin-top: 90px;justify-content: space-between;}
.lp_four1{width: 22%;background-color: white;height: 416px;}
.lp_daib1{width:82%;height: 164px;margin: 0 auto;margin-top: 40px;text-align: center;border-radius: 6px;}

.lp_daib1 img{max-width: 100%;float: none;}
.lp_daib2{text-align: center;font-size: 18px;height: 58px;line-height: 58px;}
.lp_daib3{text-align: center;font-size: 13px;height:20px ;}
.lp_daib4{height: 140px;line-height: 26px;font-size: 13px;padding-left: 28px;padding-right: 28px;text-overflow : clip;}
.lp_qingbacwh{background-color:#50bac5;color: white;}
.lp_knowmore{width: 152px;height: 46px;border: 1px solid #50bac5;font-size: 18px;line-height: 46px;margin:0 auto;text-align: center;border-radius: 25px;margin-top: 52px;}
.lp_knowmore:hover{background-color:#50bac5 ;color: white;  }
.lp_knowmore:hover .qingcol{color: white}
.lp_knowmore a:hover{color:white;}

/* 我们的优势 */
.fourorder{width: 100%;height:588px ;background-size: 100%  100%;}
.fourorder img{width: 100%;}
.fourordermargin{height: 40px;width: 100%;background-color:#f5f5f5 ;}
.fourorder ul {display: flex;flex-wrap: wrap;width: 60%;margin: 0 auto;justify-content: space-between;}
.fourordercur span{display: block;position: relative;}
.fourorderbox{padding-top: 130px;height: 340px;}
.fourordercur{list-style-type: none;}
.fourorderbox  ul li span{display: block;}
.fourorder ul  li{width: 20%;height: 230px;}
.fourordercont{display: none;}
.fourordercont1{display: block;}
.fourmade{height: 196px; width: 100%;text-align: center;font-size:36px ;line-height: 196px;}
.fourordercur1{font-size: 22px;text-align: center;position: absolute;}
.fourordercur1:hover{animation:mymove 2s infinite;animation-iteration-count:1; }
@keyframes mymove{	from {top:0px;}to {top:-50px;}}
.dom{margin: 0 auto;margin-top: 55px;}

.fourordercur2{font-size: 60px;color: #40a8e4;text-align: center;height: 115px;line-height: 115px;}
.fourordercur3{font-size: 16px;text-align: center;color: #acaeaf;}
.fourordercur3:hover{animation:mymove3 2s infinite;animation-iteration-count:1; }
@keyframes mymove3{from {top:0px;}to {top:50px;}}
.fourordercont1{width: 60%;margin: 0 auto;display: flex;justify-content: space-between;text-align: center;margin-top: 20px;}
.fourordercont1 div{width: 20%; margin: 0 auto;   }
.fourordercont11 div{text-align: center;width: 20px;height:20px;border: 2px solid #e8e8e8;background-color:white;border-radius: 50%;position: relative;}
.fourordercont12 div{text-align: center;width: 16px;height:15px;border: 1px solid #e6e6e6;background-color:white;border-radius: 50%;}
.fourordercur:hover .fourordercont11 div:after{content:"";width: 12px;height: 12px;display: block;background: transparent;background-color: #5fcbd6;position: absolute;top:2px;left:2px;border:1px solid #fff;border-radius: 50%;}



.lp_pinzhi{width: 100% ;height: 200px;}
.lp_pinzhibox{margin: 0 auto;display: flex;justify-content: space-between;}
.pinbom{display: flex;}
.pinzhi2{width:30% ;font-size:18px ;border-radius: 10px;}
.pintop{font-size: 30px;height: 116px;line-height: 180px;color: white;font-weight:bold ;}
.pinbom{font-size: 28px;margin-left:64%;}
.pinbom1{border-bottom: 4px solid white;height:20px;width: 30px;color: white;}
.pinbom2{color: white;}
.pinzhi2{margin-top: 80px;height: 46px;width: 190px;background-color: #50bac5;color: white;text-align: center;line-height: 46px;}
.pinzhi2 a{color: white;}
#swiper2 .swiper-pagination {position: relative; margin-bottom: 30px;}
#swiper3 .swiper-pagination {position: relative; margin-bottom: 30px;}
.button {width: 1000px;margin: 0 auto;bottom: 43px;position: relative;}

@media screen and (max-width: 668px) {
.button {width: 70%;bottom: 22px;}}
#swiper2 {width: 100%;}
.button div:hover {background-color: #2f4798;}

.swiper-button-prev ,.swiper-button-next {width: 40px;height: 77px;
background:none;
}
@media screen and (max-width: 668px) {
.button div {	width: 28px;height: 28px;}}	
#indexPage #newslist .newsbody .description{width:328px;}



/* 客户评价 */
.kehuflex{width: 80%;margin: 0 auto;margin-top: 80px;border: 1px solid #e4e4e4;border-radius: 20px 0 20px 0;}
.kehuflex:hover{box-shadow:1px 1px 1px 1px; }
.kehuzhang{height:260px ;width:31%;margin-right: 2%;}
.kehuzhang span{display: block;position: relative;}
.color_qing{ display: block;color:#56c8d4 ;line-height: 35px;font-size: 20px;width: 100%;text-align: center;margin-bottom:20px;margin-top:20px;}
.kehuzhangcen{font-size: 16px;padding-left: 10%;padding-right: 10%;display: block;height: 175px;}
.kehuzhangimg{position: absolute;left: 40%;height: 96px;width: 96px;border-radius: 50%; margin-top: -13%; }
.kehuzhangimg img{max-width: 100%;}
.wh{height: 466px;}

/* 合作 */
.hezuo{width:63% ;margin: 0 auto;height: 109px;display: flex;justify-content: space-between;margin-top: 60px;}
.hezuoh{height: 280px;}
.hezuoh img{max-width: 100%;}
.blcbac{width: 100%;background-color: black;padding-bottom:20px;}
.blcbacbox{color: #686868;display: flex;justify-content: space-between;}
.blcbacbox a{color: #686868;}

.erweima{width: 133px;margin-top: 40px;height:133px;}
.erweima img{max-width: 100%;}

.wewright{width: 81%;margin-top: 45px;}
.fw{width: 14%;text-align:center;}
.tecen{text-align: center;}
.fuwuflex{display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 14px;height: 10px;line-height: 10px;}
.marri{border-right: 1px solid #686868;}
.fuwuadd{display: flex;height: 40px;width: 98%;border: 1px solid #2e2e2e;font-size: 14px;line-height: 40px;margin-top: 32px;}
.fuwucopr{font-size: 14px;display: block;margin-top: 21px;}
.fuwucopr a{color:#929292;}
.fuwuname{font-size: 14px;display: block;margin-top: 21px;float:right;}
.fuwuname a{color:#929292;}

.quankuan{width: 100%;height: 44px;}
.fabac{background-color: #fafafa;}
.f5{background-color: #f5f5f5;}
.blacfont{color: black;}
#mnews .content_list{margin-top: 30px;}
/* 小点 */
#newslist .newsbody .date .year{position: relative;}
#news2  .newsbody .date .year{margin-left: 50px;}
#news2  .newsbody .date .md{margin-left: 50px;}
#news1 .newsbody .date .year:after{content:"";position: absolute;width: 10px;height: 10px;background-color:#c4c4c4;border-radius: 50%;top:13px;left:128px;  }
#news2  .newsbody .date .year:after{content:"";position: absolute;width: 10px;height: 10px;background-color:#c4c4c4;border-radius: 50%;top:13px;left:-14px;  }
#news3 .newsbody .date .year:after{content:"";position: absolute;width: 10px;height: 10px;background-color:#c4c4c4;border-radius: 50%;top:13px;left:128px;  }
.awidth{width: 100%;height: 135px;}
.content_list li{list-style: none;}
.whitebac{background-color: white;}
.martopts{margin-top: 100px;}
.martops{margin-top: 40px;}
.font6{color: #666;}
.font80{color: #808080;}
.lp_four1:hover{background-color: #50bac5;color: white;}
.pinzhi2:hover{border:1px solid white;background: rgb(37,104,127);}
.ablock{display: block;width: 25%;}
.biaozhiimg img{width: 100%;height: 100%;}
#swiper2 .swiper-slide {text-align: center;font-size: 18px;background-color:#fafafa ;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;     -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.bottomxf {width: 100%;position: fixed;bottom: 0;z-index: 12;display: none;background: #0dae9b;box-sizing: border-box;}
.bottomxf > a {display: block;float: left;width: 33.3333%;height: 60px;text-align: center;position: relative;border-right: 1px solid #DDD;}
.bottomxf > a > .iconfont {font-size: 30px;line-height: 38px;color: #FFF;}
.bottomxf > a > p {color: #FFF;}
/* bootstrap的样式修改 */
.navbar-default{background-color: white;}
/* .navbar-default .navbar-nav>li>a{color: white;font-size:16px;} */
.qingzi{color:#50bac5 !important;}
.navbar-nav li:hover,.navbar-nav li.current-menu-item > a,.navbar-nav li.current_page_item > a{color:#50bac5;}
.navbar-default{border: none;}
.navbar{margin-bottom: 0px;}
.ruzhbanlogo{/*height: 392%;*/margin-top: -12px;}
.container-fluid{padding: 0 0 0 0;margin: 0 0 0 0;}
.navbar-nav>li{width: 145px; height: 60px; overflow: hidden; text-align: center;}

#swiper2.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction{	margin-top: 50px;}
#swiper3 .swiper-pagination-bullet{width: 12px;height:12px;position: relative;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,.navbar-nav .current-menu-item > a,.navbar-nav .current_page_item > a{color:#56c8d4;}
.ablock:hover .lp_servicerangecon{color: #56c8d4}
.navbar-nav{font-size: 16px;}
.container-fluid{ line-height: 73px; }
.navbar{height: auto;padding:10px 0 20px;}
.nav>li>a{padding:auto 0;} 
.navbar-nav>li>a{padding-top: 30px; overflow: hidden;}
#swiper1 .swiper-pagination{ margin-bottom: 0;}

.partner_p{margin-bottom:10px;}
.partner_flex h2{font-size: 18px;color: #333;height: 44px;line-height: 40px;border-bottom: 1px solid #e8e8e8;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.partner_flex p {line-height: 32px;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top:10px;}
.posiimgbac {background: rgb(0,0,0,0.46);}



/* 遮罩层 */
.forms{ width: 100%;height: 100%;  position: fixed; top: 0;left: 0px;z-index: 1700;filter:alpha(opacity=60); background-color:white;opacity:1;-moz-opacity: 0.5;background-color:#b2b2b2;}
.forms_box{max-width: 630px;display: flex;margin: auto;flex-wrap: wrap;margin-top: 5%;background-color: white; padding: 30px 30px 58px 40px; }
.forms_boxle{width:71% ;}
.forms_boxle span input{margin-bottom: 22px;padding-left: 10px;border: 1px solid #e6e6e6;width: 377px;height: 48px;}
.forms_boxle textarea{padding-left: 10px;border: 1px solid #e6e6e6;width:  377px; }
.head_text{font-size:16px;width: 100%;margin-bottom: 20px;color:#50bac5;}
.forms_boxri{width: 29%;}
.forms_boxle>.wpcf7>form>p>input[type='submit']{width:377px;height:52px;background-color:#50bac5;display:block;color: white;outline:0 none !important; border: 1px solid #50bac5;font-size: 16px;font-weight: normal;}
.forms_boxri h2{font-size: 16px;color: black;margin-bottom: 20px;}
.forms_boxri p{ font-size: 16px;color: #8c8c8c;margin-left: 20px;}
.forms_boxle sapn{font-size: 12px;}
.p12{margin-bottom:6px;}
.text_four{height: 154px;padding-top: 10px;margin-bottom: 30px;}
/* textarea{outline:none; resize:none;} */
.form_close{}
.form_close img{max-width: 100%;display: block;margin: auto;text-align: center;margin-top: 30px;}
.form_block{display: block;}
.form_none{display: none;}
.iconqing{color:#50bac5;font-size: 12px;}
.qqcontact{margin-top: 24px;  }
.icon_xing{font-size: 12px;}



.wewright>.fuwucopr>a,.wewright>.fuwuname>a{color:#686868;}
.partner>.fabac{	background-color:#fff;}



/*  */

#indexPage .module .content { position:inherit; }
#indexPage #mslider .content { margin:0; height:750px; }
#indexPage #mservice { height:250px; background-color: #fff; }
#indexPage #mservice .content { margin:0; height:400px; top: auto; padding-top:-60px; }
#indexPage #mproject .content { margin:0; background: #fff; height:100%; padding-bottom:80px; width: 1260px; margin: 0 auto; }
#indexPage #mpage .content { margin:0; height:902px; }
#indexPage #mteam .content { margin:0; height:390px; padding-top:80px; }
#indexPage #mnews .content { margin:0; height:auto; }
#indexPage #mcontact .content { margin:0; }
#indexPage #mpartner .content { margin:0; height:140px; }





.nobanner #header { border-bottom:1px solid #f3f3f3;height: 70px;}



#indexPage #mslider ul li div { display:none; }
#indexPage #mslider .bx-wrapper .bx-pager { bottom:2px; display:none;}
#mslider .bx-wrapper .bx-pager-item { width: 6px; height: 6px; background:rgba(0, 0, 0, .3); margin-bottom: 20px; border-radius: 4px; position: relative; cursor: pointer; margin-left: 18px; }
#mslider .bx-wrapper .bx-pager.bx-default-pager a { width:16px; height:16px; display: block; position: absolute; top: -5px; left:-10px; border-radius: 8px; border:0; background:rgba(0, 0, 0, 0.21); opacity:0; }
#mslider .bx-wrapper .bx-pager.bx-default-pager a.active { opacity:1; }



#servicelist { width:1200px; overflow:hidden; padding-top:20px; }
#servicelist .serviceitem a { text-align:center; }
#servicelist .serviceitem a img { width:400px; height:120px; overflow:hidden; transition: all 0.3s ease-out 0s; position: relative; top:0; margin-bottom:10px; margin-top:10px;background: rgba(0,0,0,.03); }
#servicelist .serviceitem { width:374px; float:left; min-height: 400px; margin-bottom: 60px; padding-bottom: 40px; margin:0; margin-right:25px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#servicelist .serviceitem div p { padding:0 30px; }
#servicelist .serviceitem div { position:relative; margin:0; transition: all 0.3s ease-out 0s; top:0px; padding-top:0; }
#indexPage #servicelist .serviceitem:hover div { padding-top:28px; }
#servicelist .serviceitem div:after { position: absolute; content: ""; left: 10px; width:398px; height: 120%; border: 1px solid rgba(255, 255, 255, .0); margin-left: 0; top:1px; transition: all 0.3s ease-out 0s; }
#servicelist .serviceitem div p.title { font-size:18px; }
#servicelist .serviceitem div p.description { width:auto; margin-top:30px; }
#servicelist .serviceitem:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); margin-top: -8px; background: #fff; }
#servicelist .serviceitem:hover div { margin-top:0px; }
#servicelist .serviceitem:hover p.title { color:#444; }
#servicelist .serviceitem:hover div:after { border: 1px solid rgba(255, 255, 255, .4); width:398px; left:10px; height:125%; }
#sitecontent .serviceitem a.details { width:35px; height:35px; text-align:center; display:block; border-radius: 0; border: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
margin:0 auto; overflow:hidden; position:relative; }
#sitecontent .serviceitem a.details:after { content:''; width: 15px; height: 9px; background: url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position:absolute; top:0px; left:0px; }
#servicelist .serviceitem:hover .details { margin-top:-15px; border-color: #b6b6b6; text-indent:130px; }
#servicelist .serviceitem .details:hover { border:1px solid transparent; text-align: inherit; }
#servicelist .serviceitem div p.title::after {content:'';position:absolute;width:50px;height:1px;background:rgba(255, 255, 255, .2);left: 50%;margin-left: -25px;
top:45px;transition: all 0.3s ease-out 0s;}
#indexPage #servicelist .serviceitem:hover div p.title::after {top:72px;}




#indexPage #mproject .content .header { padding-top:40px; padding-bottom:40px; width:300px; float:left; }
#indexPage #mproject .content .header p.title, #indexPage #mproject .content .header p.subtitle { text-align:left; }
#indexPage #mproject #projectlist { width:1260px; }
#indexPage #mproject #projectlist { width:100%; margin:0 auto; margin-top:0 }
#indexPage #mproject .content .wrapper { width:1260px; margin: 0 auto; }
#indexPage #mproject #projectlist .projectitem { width:300px; margin:0 12px 25px 0; height:281px; background:none; border: 3px solid #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mproject #projectlist .projectitem:hover { border-color:#ff7e46; box-shadow: 0 12px 10px rgba(0, 0, 0, 0.1); }
 #indexPage #mproject #projectlist .projectitem:nth-child(4n) {
margin-right:0;
}
#projectlist .projectitem a:hover .project_info { background:none }
#indexPage #mproject #projectlist .projectitem a .project_info div { height:81px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; bottom:0px; top:auto; width:100%; background:#fff; }
#indexPage #mproject #projectlist .projectitem a .project_info p { width:auto; text-align:left; }
#indexPage #mproject #projectlist .projectitem a .project_info .title { font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height:24px; line-height:24px; margin:0px; padding: 15px 30px 1px 20px; }
#indexPage #mproject #projectlist .projectitem:hover a .project_info .title, #indexPage #mproject #projectlist .projectitem:hover a .project_info .subtitle { color:#fff; }
#indexPage #mproject #projectlist .projectitem a .project_info .subtitle { color:#b7b7b7; display: block; height: 20px; line-height:24px; overflow: hidden; margin:0px; padding:0px 20px; }
#indexPage #mproject #projectlist .projectitem a img { height:200px; overflow:hidden; }
#indexPage #mproject #projectlist .projectitem a .project_info div:after { content:''; width:37px; height:20px; display:block; position:absolute; top:50%; right:2px; background: transparent url(http://resources.jsmo.xin/templates/upload/999/icon/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top:-11px; border-left: 1px solid rgba(0, 0, 0, .0); }
#indexPage #mproject #projectlist .projectitem:hover a .project_info div { padding:5px 0; background:#ff7e46; }
#indexPage #mproject #projectlist .projectitem:hover a .project_info div:after { background: url(http://resources.jsmo.xin/templates/upload/999/icon/icon.png) no-repeat 10px -66px; border-left:1px solid rgba(255, 255, 255, .2); }



#projectlist { text-align:center; float:right; width:960px; }
.npagePage #projectlist .wrapper { margin-left:24px; display:inline-block; width:auto; }
#sitecontent .npagePage #projectlist .projectitem { width:299px; margin:0 15px 25px 0; height:277px; background:none; display:inline-block; transition: all 0.3s ease-out 0s; }
#projectlist .projectitem a:hover .project_info { background:none }
.npagePage #projectlist .projectitem a .project_info div { height:80px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; bottom:0px; top:auto; width:100%; background:#fff; border-top: 1px solid rgba(0, 0, 0, .08); }
.npagePage #projectlist .projectitem a .project_info p { width:auto; text-align:left; }
.npagePage #projectlist .projectitem a .project_info .title { font-size: 15px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height:24px; line-height:24px; margin:0px; padding:14px 70px 0px 0px; }
.npagePage #projectlist .projectitem a .project_info .subtitle { color: #999; display: block; height: 20px; line-height: 20px; overflow: hidden; margin:0px; padding:0px 70px 0px 0px; }
.npagePage #projectlist .projectitem a .project_info div:after { content:''; width:37px; height:20px; display:block; position:absolute; top:50%; right:0; background: transparent url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top:-13px; border-left: 1px solid rgba(0, 0, 0, 0); }
.npagePage #projectlist .projectitem:hover a .project_info div { padding:5px 0; }
.npagePage #projectlist .projectitem:hover a .project_info div:after { background: url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat 16px -66px; border-left:1px solid rgba(0, 0, 0, .1); }
#projectlist .projectitem a:hover .project_info p.title { color: #666; font-size:15px; }
.npagePage #category { margin-left:0; padding-bottom:35px; width:182px; float: left; text-align:left; margin-top: -15px; }
.npagePage #category li { float:none; display:block; height:auto; line-height:43px; border-bottom:1px solid rgba(0, 0, 0, .08); padding-left: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.npagePage #category li:hover { padding-left:25px; }
.npagePage #category li:last-child { border-bottom:none; }
.npagePage #category a { border:0px; background:none; color:#666; font-size:13px; position:relative; padding:0; line-height: 42px; height: 42px; }
.npagePage #category a::before {content:'';position:absolute;width:3px;height:12px;background:transparent;left:-16px;margin-top:15px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.npagePage #category li:hover a::before {background:#ff7e46;}
.npagePage #category a.active::before {background:#ff7e46;}






#indexPage #mproject a.more, #indexPage #mnews a.more, #indexPage #mservice a.more { width:150px; height:45px; border-bottom:1px solid rgba(0, 0, 0, 0); border-top:1px solid rgba(0, 0, 0, 0); position:relative; border:0px; border-radius:0px; text-indent:-9999px; /* margin-top:70px; */  }
#indexPage #mproject a.more { margin-bottom:0px; margin-top:55px; }
#indexPage #mproject a.more i, #indexPage #mnews a.more i, #indexPage #mservice a.more i { width: 34px; height: 14px; display:block; background: url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat 0 -22px; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-17px; z-index:3 }
#indexPage #mproject a.more i.fa-angle-right:before, #indexPage #mnews a.more i.fa-angle-right:before, #indexPage #mservice a.more i.fa-angle-right:before { display:none; }
#indexPage #mproject a.more:before, #indexPage #mnews a.more:before, #indexPage #mservice a.more:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; z-index: 1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-bottom:1px solid rgba(0, 0, 0, .4); border-top:1px solid rgba(0, 0, 0, .4); -webkit-transform: scale(0.1, 1); transform: scale(0.1, 1); display:block; }
#indexPage #mproject a.more:after, #indexPage #mnews a.more:after, #indexPage #mservice a.more:after { content: ''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); opacity: 1; }
#indexPage #mproject a.more:hover, #indexPage #mnews a.more:hover, #indexPage #mservice a.more:hover { background: transparent; border: inherit; }
#indexPage #mproject a.more:hover::before, #indexPage #mnews a.more:hover::before, #indexPage #mservice a.more:hover::before {
opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
 #indexPage #mproject a.more:hover::after, #indexPage #mnews a.more:hover::after, #indexPage #mservice a.more:hover::after {
webkit-transform: scale3d(0.7, 0.7, 1);transform: scale3d(0.7, 0.7, 1);opacity:0;}
#indexPage #mproject a.more:hover i, #indexPage #mnews a.more:hover i, #indexPage #mservice a.more:hover i { background: url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat 0 -38px; }



#indexPage #mpage.module.bgShow .bgmask { display:none; }
#mpage .module-content .header { padding-top:130px; padding-bottom:70px; }
#mpage .content .header p.title, #mpage .content p.description { font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; }
#mpage .content .header p.subtitle { font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑"; }
#mpage .content p.description { float: left; position: absolute; top: 50px; left: 50%; width: 800px; padding: 140px 0 10px 0; line-height: 30px; height: 80px; margin-left: -400px; }
#indexPage #mpage a.more { position:absolute; left:50%; margin-left:-100px; top: 270px; border-radius:0px; width:200px; height:45px; font-size:15px; font-family:"Times New Roman", Times, serif, '微软雅黑'; color:#999; line-height:46px; text-align: center; text-indent:inherit; }
#indexPage #mpage a.more i { position:relative; top:2px; }
#indexPage #mpage a.more:hover { background:#fff; border:1px solid #999; }
#indexPage #mpage a.more:hover i { text-indent: 15px; }

#indexPage #mnews .content .header { display:block; padding:90px 0 70px; }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent, #newslist .newstitem.right a.newscontent:hover { padding:0px; }
#newslist .newstitem .newsimg { display:none; }
#newslist .news_wrapper, #newslist .newstitem a.newscontent:hover .news_wrapper { width:100%; background:transparent; }
#mnews #newslist { margin:0 auto;margin-top: -50px;}
#indexPage #newslist .wrapper { margin-left:0px; margin-top: 88px;}
#newslist .newsbody { width:100%; position:relative; max-width:100%; height:100%; }



#newslist .newsbody .title { height:42px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size:16px; color: #575757; line-height:32px; text-align:left; position:absolute; top:54px; text-indent:0px; }
#indexPage #newslist .newsbody .title {font-size: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


#newslist .newsbody .description { height:78px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all 0.3s ease-out 0s; margin-top: 0; color: #999; line-height:24px; text-align:left; position:absolute; top:108px; }
#newslist .newsbody .date { width:70px; height:88px; background: transparent; position: relative; top:-50px;  font-weight:100; text-align:right; }
#indexPage #newslist .newsbody .date { width:auto; text-align:left; top: 10px; }




#newslist .newsbody .date .md { color:#adadad; position: relative; top: 40px; transition: all 0.3s ease-out 0s; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; display:block; line-height:20px; width:100%; }
#indexPage #newslist .newsbody .date .md { font-size:16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top:26px;}
#newslist .newsbody .date .md span { display:none; border:none; }
#newslist .newsbody .date .year { padding-left: 14px;font-size:38px; float: left; color: #999; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; display:block; line-height: 46px; position:relative; top:-30px; width:100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist li.newstitem:hover .newsbody .date .year { color:#555; }
#newslist li.newstitem:hover { transition: all .3s ease-out 0s;}
#newslist li.newstitem:hover .date:after { left:85px; }
#indexPage #newslist li.newstitem:hover .newsbody .title { text-indent:0; top:100px; }
#newslist li.newstitem:hover .newsbody .description { top:93px; }
#newslist li.newstitem:hover .newsbody:after { opacity:1; bottom:54px; left:135px; }
#mnews a.more { display:block; margin-bottom:80px; }


.Pagenews .content { text-align:center; }
.Pagenews #newslist { width:960px; float:right; }
.Pagenews #newslist .newstitem { width:100%; margin:0; height:190px; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.Pagenews #newslist .wrapper .news_wrapper { position:inherit; margin-left:85px; }
.Pagenews #newslist .newstitem .newsimg { display:block; width: 300px; height: 127px; margin-top:30px;opacity:1;}
.Pagenews #newslist .news_wrapper, .Pagenews #newslist .newstitem a.newscontent:hover .news_wrapper { width:920px; }
.Pagenews #newslist .newsbody .date { width:120px; top:0; text-align:left; float: right; padding-right:50px; padding-right:0; padding-left:0; padding-top:14px;}
.Pagenews #newslist .left .newsbody .date { left:75px;}
.Pagenews #newslist .newsbody .date .year { color:#999; top:22px; font-size:30px; text-align:right; }
.Pagenews #newslist .newsbody .date .md { display:none; }
.Pagenews #newslist .newsbody .date:after { left:100px; top:8px; }
.Pagenews #newslist .newsbody .title { left:155px; width:460px; margin-top:-10px; line-height:24px; height:24px; }
.Pagenews #newslist .newsbody .description { left:155px; width:460px; top:100px; margin-top:-12px; height:52px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.Pagenews #newslist .newstitem:hover .newsbody .title { left:170px;color:#333;}
.Pagenews #newslist .newstitem:hover .newsbody .description { left:170px;color: #666;}
.Pagenews #newslist .newstitem:hover .newsbody .date:after { width:60px; background:#7D7D7D; }
.Pagenews #newslist .newstitem:hover .title { color:#333 }
.Pagenews #newslist .newstitem:hover .date .year { color:#333; }
.Pagenews #newslist .newstitem a.details { width:35px; height:35px; display:block; border-radius: 0; border:none; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
overflow:hidden; position:relative; margin:0px; z-index:3; top:-66px; right:0; float: right; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:0;}
.Pagenews #newslist .newstitem:hover a.details { opacity:1; top:-96px;}
.Pagenews #newslist .newstitem a.details:after { content:''; width: 15px; height: 9px; background: url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position:absolute; top:0px; left:0px; }
.Pagenews #newslist .newstitem:hover .details { border-color: #b6b6b6; text-indent:130px; background:transparent; }
.Pagenews #newslist .newstitem:hover .details:after { background: url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat -1px -71px; }
.Pagenews #newslist .newstitem .details:hover { border:none; }
#indexPage #mteam .header img { width:360px; height:380px; overflow:hidden; border-radius: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list li:hover .header img { }
#indexPage #mteam .bx-wrapper .bx-controls-direction a { margin-top:-81px; border-radius: 3px; background: rgba(0, 0, 0, .1); width: 30px; height: 70px; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-prev i { margin-left:10px; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a i { font-size:26px; margin-top: 21px; margin-left: 11px; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a:hover { background-color:rgba(0, 0, 0, .4); }
#indexPage #mteam .content_list li { background: rgba(255, 255, 255, .0); height: 400px; border-bottom: 1px solid rgba(255, 255, 255, .0); transition: all 0.3s ease-out 0s; }
#indexPage #mteam .content_list #teamitem_0:before { content:'01'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_0:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_1:before { content:'02'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_1:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_2:before { content:'03'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_2:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_3:before { content:'04'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_3:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_4:before { content:'05'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_4:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_5:before { content:'06'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_5:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_6:before { content:'07'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_6:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_7:before { content:'08'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_7:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_8:before { content:'09'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_8:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_9:before { content:'10'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_9:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_10:before { content:'11'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_10:hover:before { top:80px; }
#indexPage #mteam .content_list #teamitem_11:before { content:'12'; position:absolute; font-family: GOTHAM-BLACK, Arial, Helvetica, sans-serif; font-size:180px; color:#53a2e8; z-index: -1; right: 160px; top: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list #teamitem_11:hover:before { top:80px; }
#indexPage #mteam .content_list li:hover { margin-top:0; border-bottom:1px solid rgba(255, 255, 255, .6); }
#indexPage #mteam .summary { padding:80px 30px 0 0px; width:500px; float: right; margin-right:130px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .content_list li:hover .summary { padding-top:70px; }
#indexPage #mteam .header { width: 360px; float: left; display: block; margin-left: 100px; }
#indexPage #mteam a.details { display:block; width:140px; height:35px; border-radius:3px; border:1px solid rgba(255, 255, 255, .15); color:#fff; font-size:0px; text-indent:0; position: relative; margin-top: 255px; line-height: 35px; text-align: center; }
#indexPage #mteam a.details:hover { border:1px solid rgba(255, 255, 255, .5); }
#indexPage #mteam a.details i { width:34px; height:11px; background:url(http://resources.jsmo.xin/templates/upload/999/icon/icon.png) no-repeat 0 -130px; position:relative; top:5px !important; transition: all 0.3s ease-out 0s; }
#indexPage #mteam a.details:hover i { background:url(http://resources.jsmo.xin/templates/upload/999/icon/icon.png) no-repeat 0 -150px; }
#indexPage #mteam a.details i.fa-angle-right::before {content:'';}





#indexPage #mpartner .content .header { display:none; }
#indexPage #mpartner .module-content { padding:30px 0; height:80px; }
#indexPage #mpartner .wrapper { height:auto; }
#indexPage #mpartner .wrapper ul li { height:60px; padding-top:20px; }
#indexPage #mpartner .wrapper ul li a { width:112px; height:auto; margin-right:10px; }
#indexPage #mpartner .bx-wrapper .bx-pager { display:none; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction { display:block; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display:block; }
#mpartner .bx-wrapper .bx-controls-direction a { background:none; }
#mpartner .bx-wrapper .bx-controls-direction a i { color:#c3c6ca; }
#mpartner .bx-wrapper .bx-controls-direction a:hover { background:#5d5d5d; }
#mpartner .bx-wrapper .bx-controls-direction a:hover i { color:#fff; }
#indexPage #mpartner .bx-wrapper .bx-prev { left:-58px; }
#indexPage #mpartner .bx-wrapper .bx-next { right:-58px; }






#indexPage #mcontact { background-color:#f3f3f3 }
#indexPage #mcontact .content { width:1200px; margin:0 auto; padding:80px 0 68px; height:auto; }
#indexPage #mcontact .content:after { content:''; display:block; clear: both; }
#indexPage #mcontact .content .header { width:480px; float:left; }
#indexPage #mcontact .content .header p.title { color: #666; text-align:left; }
#indexPage #mcontact .content .header .subtitle { text-align:left; font-family:"Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑"; }
#indexPage #mcontact .content #contactlist { width:720px; float:left; }
#mcontact .content #contactform { display:none; }
#mcontact .content #contactinfo { width:720px; float:left; position:relative; }
#mcontact .content #contactinfo p { float:left; width:290px; padding-right:60px; margin-top:14px; height:auto; color:#999; font-size:12px; line-height:inherit; }
#mcontact .content #contactinfo h3 { color:#696969; }
#mcontact #contactinfo div { position: absolute; top:35px; left:-250px; }
#mcontact #contactinfo div:after { content:'关注'; color: #696969; height: 20px; font-size: 16px; line-height: 20px; overflow: hidden; position: absolute; top:-56px; left:0px; }
#mcontact #contactinfo div a { background-color: transparent; color:#9b9b9b; font-size:16px; border:2px solid rgba(0, 0, 0, 0) }
#mcontact #contactinfo div a:hover { background-color:#ff7e46; border:2px solid #ff7e46; border-radius:0px; }
#mcontact #contactinfo div a:hover i { color:#fff; }






#indexPage .module.bgShow .bgmask { display:none; }
#footer { background:#fff; }
#footer a path { fill: rgb(148, 148, 148); }
#footer p { width:1200px; margin:0 auto; height:44px; line-height:44px; padding:0; text-align:left; }
#footer p a { margin-top:15px; }
#pages a.active, #pages a:hover { background-color: #6b6b6b; }
.npagePage #banner, .npagePage #banner div { height:260px; }
#projectinfo4 .header p.title { font-size:22px; margin-bottom: 8px; }
#projectinfo4 .header p.subtitle { font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:14px; font-weight:bold; color:#ff6700; }
#projectinfo4 div.description { margin-top:20px; line-height:24px; font-size:13px; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { background-color:rgba(255, 255, 255, .8); border: 1px solid rgba(255, 255, 255, .8); }
#projectinfo4 div.description a { display:inline-block; width:150px; height:40px; line-height:40px; background:#ff6700; color:#fff; text-align:center; margin:20px auto; transition: all 0.3s ease-out 0s; }
#projectinfo4 div.description a:hover { background:#ff8e41; }
#projectbody4 .postbody4 { margin-top:20px; }
#projectbody4 .postbody4 p { line-height:24px; }
#post_slider { background:#f8f8fa; }
#projectimages4 img { margin-bottom:10px; }
#projectbody4 { border-bottom: 1px dotted rgba(0, 0, 0, .1); padding-bottom:20px; }


.npagePage4 #projectwrap4 { margin-top:10px; }
.npagePage4 #post_slider, #post_slider1 { height:510px; }
.npagePage4 #post_slider li { height:510px; }
.npagePage4 #projectshow4 { margin-top:10px; }
.npagePage4 .bx-wrapper { width: 1180px; margin: 0px auto; }
.npagePage4 .bx-wrapper .bx-controls-direction a { border-radius:0; background: rgba(0, 0, 0, .0); width:50px; height:50px; border:1px solid rgba(0, 0, 0, .1) }
.npagePage4 .bx-wrapper .bx-controls-direction a i { color:rgba(0, 0, 0, .3); }
.npagePage4 .bx-wrapper .bx-controls-direction a:hover { background:rgba(0, 0, 0, .5); }
.npagePage4 .bx-wrapper .bx-controls-direction a:hover i { color:#fff; }
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-next i { margin-left:20px; margin-top:9px; }
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-prev i { margin-left:19px; margin-top:9px; }
.npagePage4 #projectlist .wrapper { text-align:left; }
.npagePage4 #projectinfo4 { border-bottom:1px dotted rgba(0, 0, 0, .1); }
.npagePage4 #projectinfo4 .header { padding-bottom:10px; padding-top:50px; }
#sitecontent .npagePage4 #projectlist .projectitem { width:24%; margin: 0 10px 25px 0; height: 372px; }
 #sitecontent .npagePage4 #projectlist .projectitem:nth-child(4n), #sitecontent .npagePage3 #projectlist .projectitem:last-child {margin-right:0;}
#sitecontent .npagePage4 #projectlist .projectitem a img { height:auto; }
.npagePage4 #projecttags4 a { border:1px solid rgba(0, 0, 0, .15); background:#fff; padding:5px 18px; transition: all 0.3s ease-out 0s; }
.npagePage4 #projecttags4 a:hover { border:1px solid #6fc9b1; background:#8cd4c1; color:#fff; }
#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover { background: #fff; color:#333; }
.yy_tag_I { margin: 0 10px 0 0; color: #e1e1e1; }


#olx_head { background: #3e3e3e; border-radius: 0px; }
#olx_qq li a:hover i { color: #d2d2d2; }
#olx_qq li a:hover { padding: 18px 30px; }
#online_open i { margin-top:10px; }
#online_open { background: none; bottom: 0px; color: #515151; bottom: 160px; color:#999; background-color: rgba(255, 255, 255, .8); border: 1px solid rgba(0, 0, 0, .1); width: 38px; height: 39px; border-bottom: none; }
#online_open:hover { background-color: #555; color:#fff; }
#online_lx { border-radius: 0px; bottom: 36px; margin-right: -10px; }
#olx_tel div { color: #898989; }
#olx_qq li a i { color: #504f4f; }
#olx_head i:hover { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); 	/* IE 9 */ -moz-transform: rotate(90deg); 	/* Firefox */ -webkit-transform: rotate(90deg); /* Safari和 Chrome */ -o-transform: rotate(90deg); 	 }
#indexPage #mslider { padding-top:80px; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a { border-radius:3px; height:70px; width:35px; margin-top:-35px; background:rgba(0, 0, 0, .3); }
#indexPage #mslider .bx-wrapper .bx-controls-direction a:hover { background-color: #ff7e46; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a i { margin-top:19px; margin-left:13px; }
.content .header p.title { font-size:24px; }
#indexPage #mpage { background:#fff; }
#indexPage #mteam .summary p { width:100%; text-align:left; color: #daeeff; line-height:26px; }
#indexPage #mteam .summary p.title { font-size:20px; color: #fff; width: auto; display: inline-block; float: left; margin-right: 10px; }
#indexPage #mteam .summary p.title a { color:#fff; font-size: 24px; font-weight: bold; }
#indexPage #mteam .summary p.subtitle { color:#daeeff; padding-top:12px; margin-bottom:22px; display: block; float: left; font-size:14px; }
.npagePage .content { width:1200px; margin:0 auto; }
.Pageanli .content > .header { position:relative; padding-top:40px; padding-bottom:40px; border-bottom:1px solid rgba(0, 0, 0, 0.1); margin-bottom:40px; padding-bottom: 25px; }
.Pageanli .content #plheader { padding-bottom: 25px; padding-top: 40px;} 
.Pageanli .content .header p.title { text-align:left; font-size:20px; }
.Pageanli .content .header p.subtitle { text-align:left; }
.Pageanli #projectlist { text-align:left; }
#projectinfo { border-bottom:1px solid #e6e6e6; }
#pages { width: 960px; margin-left: 220px; }
.Pagenews #category { margin-top:25px; }
.Pagenews #category a { display:block; border-bottom: 1px solid rgba(0, 0, 0, .08); padding-left: 16px; }
.Pagenews #category a:last-child { border-bottom:none; }
.Pagenews .content .header { padding-top:40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 30px; }
.Pagenews .content .header p.title { text-align:left; font-size:20px; }
.Pagenews .content .header p.subtitle { text-align:left; }
.Pagenews #category a:hover { padding-left:26px; }
.Pagenews #category a::before {left:0;content:'';position:absolute;width:3px;height:12px;background:transparent;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.Pagenews #category a:hover::before {background:#ff7e46;left:10px;}
.postbody a { color:#ff7e46 }
#category li.hasmore div ul li { border-bottom:none; }
#category li.hasmore div { width:220px; position:relative; display:block; margin-bottom: 10px; margin-top: 5px; }
#indexPage #mservice .content > .header { display:none; }
#indexPage #mproject #category a:after { content:''; position:absolute; width:1px; height:12px; background:rgba(0, 0, 0, 0.1); margin-left:29px; margin-top:2px; }
#indexPage #mproject #category a:last-child:after { width:0; }
#indexPage #mnews #newslist .newstitem { height:162px; padding:10px 0; margin:5px auto; }
#indexPage #mnews #newslist::after {content:'';position:absolute;width:1px;height:51%;background: rgba(0, 0, 0, .1);top:220px;left:50%;}
#newslist .newsbody { width:519px; }
#newslist .left .newsbody { padding-left:205px; margin-left:250px; }
#newslist .right .newsbody { padding-right:205px; margin-left:-190px; }
#indexPage #newslist .newsbody .date { position:absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-top:0px; margin-top:28px; width:135px; text-align:center; }
#newslist .separator { display:none; }
#newslist .left .newsbody .date { left:0; }
#newslist .right .newsbody .date { right:0; }
#indexPage #newslist .newsbody .title { width:100%; position:relative; top:2px; left:0; margin-top:30px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #newslist .newsbody .description { width:100%; position:relative; top:0; left:0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #newslist .right .newsbody .title { text-align:right; padding-left:0; margin-left:-40px; }
#indexPage #newslist .right .newsbody .description { text-align:right; padding-left:0; margin-left:-40px; }
#indexPage #newslist li.newstitem:hover .newsbody .title { top:-10px; color:#fff;}
#indexPage #newslist li.newstitem:hover .newsbody .description { top:-6px;color:rgba(255,255,255,.8); }
#newslist .newstitem .newsimg { width:330px; height:140px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display:block; opacity:0 }
#newslist .newstitem.left .newsimg { left:220px; }
.Pagenews #newslist .newstitem.left .newsimg { left:0;}
.Pagenews #newslist .newstitem.right a.newscontent .newsimg { left:0; right:auto;}
#indexPage #newslist .newstitem.left .newsbody  .date .md{ left:35px;}
#indexPage #newslist .newstitem.right .newsbody .date .md { left:-22px;}
#newslist .newstitem.right .newsimg { right:220px; left:auto; }
#indexPage #newslist .left.newstitem:hover .date { left:-340px }
#indexPage #newslist .right.newstitem:hover .date { right:-350px; }
#indexPage #newslist .newstitem:hover .newsbody  .date .md { color:rgba(255,255,255,.7); top:9px;}
#indexPage #mnews #newslist .newstitem:hover { background:#56c8d4; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);}
#indexPage #mnews #newslist .newstitem:hover .newsbody .date .year:after{display: none;}

#newslist .newstitem:hover .newsimg { opacity:1 }
#indexPage #mnews .left a.details { left: 80px; }
#indexPage #mnews .right a.details { right:55px;}
#indexPage #mnews #newslist .newstitem:hover a.details { opacity:1; top:113px;}
#indexPage #newslist .newsbody .date:after { content:''; position: absolute; top:3px; left:0px; }
#indexPage #newslist .left .newsbody .date:after { right:-6px; left:auto; }
#indexPage #newslist .right .newsbody .date:after { left:2px; }
#indexPage #newslist li.newstitem:hover .newsbody .date:after { opacity:0 }
#indexPage #mnews .content:after { position:absolute; content:''; height:136px; bottom:0px; background:#f8f8fa; width:100%; left:0px; }
#indexPage #mnews #newslist li.newstitem:hover .newsbody .date .year { color:#fff; top:-48px;}
.postbody p { line-height:26px;}
.Pageyemian .content .header { padding-top:70px;}
.Pageteam #teamlist { padding-top:10px; width: 1200px; }
.Pageteam #teamlist .teamitem a img { width:227px; height:240px; overflow:hidden;}
.Pageteam #teamlist .teamitem a img:after{ content:''; position:absolute; width:1px; border:1px solid rgba(0,0,0,.1); height:50px;}
.Pageteam #teamlist .teamitem { margin-bottom:30px; height:258px; background:#f8f8fa; width:578px; margin-right:20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border:1px solid transparent;}
.Pageteam #teamlist .teamitem a { position:relative; top:10px; left:10px; width:auto;height: 250px;}
.Pageteam #teamlist .teamitem .description { line-height:26px; color:#999;width: 270px;margin-top:25px;}
.Pageteam #teamlist .teamitem a.details { display:block; border-radius:0px; width:40px; height:40px; text-indent:-9999px; position:relative; border:none; border:1px solid transparent; top: 150px; transition: all 0.3s ease-out 0s; opacity:1;left: 52px;}
.Pageteam #teamlist .teamitem:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); background:#fff; border:1px solid #f2f2f2;}
.Pageteam #teamlist .teamitem .teaminfo { width:300px; padding:55px 0 0;}
.Pageteam #teamlist .teamitem:hover .teaminfo { padding-top:40px; }
.Pageteam #teamlist .teamitem .subtitle { display:block;}
.Pageteam #teamlist .teamitem .title a { top:0; left:0; color:#444;}
.Pageteam #teamlist .teamitem a.details::after {content: '';width: 37px;height: 20px;display: block;position: absolute;top:6px;left:-7px;background: transparent url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat -20px -66px;transition: all 0.3s ease-out 0s;}
.Pagenews #newslist .newsbody { width:700px;display: block;}
.Pagenews #newslist .left .newsbody { padding-left:0; margin-left:100px; }
.Pagenews #newslist .right .newsbody { padding-right:0; margin-left:100px; }
.Pagenews #newslist .right .newsbody .date {right: auto;left: 75px;}

/* 响应式 */

/*首页新闻自适应*/

@media (max-width: 1190px){
#indexPage #newslist li.newstitem .newsbody .title { top:-10px; color:#fff;}
#indexPage #newslist li.newstitem .newsbody .description { top:-6px;color:rgba(255,255,255,.8); }
#indexPage #newslist .left.newstitem .date { left:-340px }
#indexPage #newslist .right.newstitem .date { right:-250px; }
#indexPage #newslist .newstitem .newsbody  .date .md { color:rgba(255,255,255,.7); top:9px;}
#indexPage #mnews #newslist .newstitem { background:#56c8d4; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);}
#indexPage #mnews #newslist .newstitem .newsbody .date .year:after{display: none;}	
#newslist .newstitem .newsimg { opacity:1 }
#indexPage #mnews #newslist li.newstitem .newsbody .date .year { color:#fff; top:-48px;}
#newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper {left: 0px;}	
#newslist .right .newsbody {margin-left:-295px; }	
}






@media (max-width: 1220px){
.lp_head2,.lp_head3,.lp_head4{display: none;}
.lp_daib1{height: 108px;}
.lp_four1{height: 466px;}
.lp_team{font-size: 20px;padding: 100px 100px 0 100px;}
.navbar-nav>li { width: 94px;text-align: left;}
.pinbom{margin-left: 34%;}	
.fuwuadd{font-size: 12px;}
.fuwuadd{width: 100%;display: none;}
.dom{margin-top: 14px;}
.lp_dhlogobox{width: 6.8%;}
.kehuzhangimg{width: 63px;}
.dom{margin-top:33px;}
.ponav{display: none;}
.lp_team{font-size: 20px;padding: 100px 100px 0 100px;}
.kehuzhangcen{height: 200px;line-height:28px;}
.ruiarrr{margin-top:230px;}
.ruiarrl{margin-top:230px;}
.navbar-nav {    font-size: 16px;margin-left: 140px;}
#mnews #newslist{width: 100%;  }
#indexPage #mnews #newslist .newstitem{width: 100%;padding:10px;}
.lp_servicerange{width: 85%;}
#newslist .left .newsbody { padding-left:205px; margin-left:312px; }	
}


@media (max-width: 991px){
.navbar-header >span{position: relative; left: 62%; top: 40px;font-size: 18px;color:#50bac5;}	
#swiper1{display: none;}
#mb_banner{display: block;}
.lp_dhlogobox{display: none;}
.dom{display: none;}
.kehuzhang{height: 247px;}
.lp_fourdaib{width: 96%;}
.lp_daib4{font-size: 12px;}
.lp_pinzhibox{width: 96.77%;}
.kehuzhangcen{font-size: 14px;}
.forms_boxri h2{font-size: 16px;}
.forms_boxri{float: right;}
.forms_boxle input{width: 60%;}
.head_text{font-size: 20px;}	
#indexPage #mnews #newslist::after {width:0px;}	
.kehuzhangimg img { max-width: 86%;}
.kehuzhangimg{left: 33%;} 
.lp_daib2{line-height: 78px;}
.fourorder ul{width: 82%;}
.ruilebanimg,.ruiribanimg{width: 68%;}
.rightxf { display: none;}
.bottomxf {display: flex;}
.navbar-nav,.navbar-nav>li a{text-align:center;display: block; width: 100%;}
.navbar-nav>li {    width: 100%;    text-align: center;}	
.lp_team{font-size: 16px;}
.lp_servicebox{margin-top: 20px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;position: relative;background-color: #56c8d4;transition: all .4s;}
.nav>li>a { position: relative;display: block; padding: 10px 15px;}
.navbar-collapse {padding-right: 15px;padding-left: 15px;overflow-x: visible;}
 .nav>li { position: relative;display: block;} 
.navbar-nav {float: left;margin: 0;}
.nav {padding-left: 0;margin-bottom: 0;list-style: none;}
.navbar-nav{font-size: 15px;margin-left:0px;margin-top: -34px;padding-top: 31px}
.collapse.in{display: block;position: absolute;background-color: #fff;z-index: 10;width: 100%;top: 100px;border-bottom: 1px solid #eee;}
.container-fluid { padding: 0;   margin: 0;} 
.ablock{width: 50%;}
.lp_servicerangeimg{margin-top: 49px;}
.bomtecen{text-align: center;}  
.blcbac{margin-bottom: 60px;}
.fw{text-align: center;}
#newslist .right .newsbody { padding-right:205px; margin-left:0px; }	
#newslist .left .newsbody { margin-left:0px; }
}



@media (max-width: 767px){
 #newslist .newstitem.right a.newscontent .newsimg{display: none;} 
.partner{padding:0;}  
.lp_knowmore{margin-top: 26px;margin-bottom:26px;}  
.lp_servicebox{padding-top: 15px;margin-top:0px;}  
.kehuflex{margin-top: 15px;border-radius: 20px 0 20px 0;}
.swiper-pagination {margin-bottom: 0px;}
.martops{margin-top: 0px;}	
.lp_servicerange{margin-top: 23px;}	
#swiper2.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction{	margin-top: 15px;}	
#swiper2 .swiper-pagination {margin-bottom: 10px;}
.lp_service{padding-bottom: 15px;padding-top:0px;}	
.lp_servicerow{padding-top: 12px;}	
#mnews .content_list{margin-top: 15px;}
#indexPage #newslist .newsbody .title { margin-top:10px; }
#newslist .newstitem.left .newsimg {display:none;}	
#indexPage #newslist .right .newsbody .title {  margin-left:0px; }
#indexPage #newslist .right .newsbody .description {text-align:left;  margin-left:0px; }
#newslist .right .newsbody { padding-right:0px; margin-left:0px; }		
#newslist .left .newsbody { padding-left:0px; margin-left:0px; }	
.lp_team{font-size: 18px;line-height: 28px;}	
.yinhao{font-size: 23px;}	
.lp_servicebox{font-size:24px ;}
.pintop {line-height: 25px; height:auto;    margin-top: 45px;}
.awidth{width: 100%;height: 75px;}	
}

@media (max-width: 768px){
.lp_head1{display:none;}
.switch-cn {display: block;}
.lp_head0{margin-left: 0;font-size: 12px;position: relative;}
.lp_head0 span {display: block;text-align: center;}
.lp_team{font-size: 20px;padding: 25px 15px;}	
.kehuzhangimg{left: 30%;}	

.kehuzhang{height: 294px;}
.fuwuadd{display: none;}
.wewright{margin-left: 2%;}
.kehuflex{width: 90%;}	
.pintop{font-size: 20px;}
.pinbom{font-size: 18px;}
.fuwuflex{    height: 114px;   }
.forms_boxri{display: none;}
.forms_boxle span input{width: 120%;}
.forms_boxle textarea{width: 120%;}
.forms_boxle button{width: 120%; }
.text_four{height: 88px;}
.forms_boxle span input{height: 39px;margin-bottom: 10px;}
.forms_box{padding: 20px;}
.forms_box{margin-top: 10%;}	
.fw {width: 100%;margin: 0;}
.lp_team{font-size: 18px;}
#indexPage #newslist .newsbody .date{display: none;}
.wp-pagenavi a:hover,.wp-pagenavi span.current{background: #f68535;color: #FFF;border-color: transparent;border-radius: 20px}
}
@media (max-width: 380px){
.navbar-header >span{left: 58%;}
}
@media (max-width: 350px){
	.lp_team{padding: 15px;}	
.navbar-header >span{ left: 51%;}	
}