@charset "utf-8";



/* CSS Document */







/*首页头部*/











#header ul#nav { float: right; transition: all 0.3s ease-out 0s; }



#header.mini { background-color: #2855B1;  }



#header ul li.navitem .active:after, #header ul li.navitem:hover a:after { display: block; }



#header ul li.navitem ul.subnav li a:after { display: none; }



#header ul li.navitem ul.subnav { border-top: #00dbd3 2px solid }



#header ul li.navitem ul.subnav li a { margin: 0px; }



#indexPage #mslider ul li.active p { opacity: 0 }



.content .header p.subtitle { width: 340px; font-family: '微软雅黑'; font-weight: 100; font-size: 13px; line-height: 22px; margin-top:2px;color: #ABABAB; padding-top: 4px;}







#moduleControl a.moduleCItem { display: none; }



/*内页头部*/







.nobanner #header .mini { background-color: rgba(48,93,182,1); padding-top: 0px; box-shadow: 0px 0px 25px rgba(52, 52, 52, 0.38); }















/*导航*/



#header { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color:#2855B1;padding-top: 10px;}



#header.mini ul#nav { padding: 0px 20px 0px 20px; }



#header ul#nav { float: right; padding: 0px 20px 0px 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }



#header ul li.navitem a { display: block;position: relative;}



#header ul li.navitem a.active, #header ul li.navitem:hover a { color:#57F3F3; }



#header ul li.navitem a.active::before, #header ul li.navitem:hover a::before { position: absolute; content: ""; height: 3px; background-color: #00C0FF; margin-top: -10px; width: 150%; left: -25%; }



#header.mini ul li.navitem a.active::before, #header ul li.navitem:hover a::before { position: absolute; content: ""; height: 3px; background-color: #57F3F3; width: 150%; left: -25%; }



#header ul li.navitem a::before { position: absolute; content: ""; width: 0%; height: 3px; background-color:#57F3F3; margin-top: -20px; left: 50%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }



#header.mini ul li.navitem a::before {margin-top: -10px;}











#header ul li.navitem ul.subnav li a { background: #fff; box-shadow: 0 6px 10px rgba(0, 0, 0, .1); }



#header ul li.navitem ul.subnav { border-top: 0; }



#header ul li.navitem ul.subnav li { border-bottom: #f6f6f6 1px solid; }



#header ul li.navitem ul.subnav li a:hover { background: rgb(245, 245, 245);color: #848484;}



#header ul li.navitem { padding: 0 28px 0 10px;}



#header ul li.navitem ul.subnav li a::before { position: absolute; content: ""; width: 0%; height: 0px; }



#header ul li.navitem ul.subnav li a.active::before { content:""; width:0; height:0;}



.nobanner #header { background: rgba(48,93,182,1) }



/*导航结束*/



/*幻灯*/







#mslider .bx-wrapper .bx-pager.bx-default-pager a:hover,#mslider .bx-wrapper .bx-pager.bx-default-pager a.active,#mslider .bx-wrapper .bx-pager.bx-default-pager a:focus {



    background-color: #00C0FF;



    border: 1px solid #00C0FF;



}



#mslider .bx-wrapper .bx-pager.bx-default-pager a{border-radius: 0px;margin: 0 50px 0 0; border-radius: 22px; border: #c8c8c8 1px solid;



background-color: #c8c8c8;}



#mslider .bx-wrapper .bx-pager-item::before {



position: absolute;



content: "";



height: 1px;



background: #dedede;



width: 46px;



margin: 5px 0 0 -17px;



border-radius: 3px;



}











#mslider .bx-wrapper .bx-pager-item::after{position: absolute;



content: "";



height: 40px;



background: #fff;



width: 96px;



margin: -25px 0 0 -74px;



z-index: -1;



border-radius: 22px;}











#mslider .bx-wrapper .bx-pager-item:last-child::before {



    position: absolute;



    content: "";



    height: 0px;



    width: 0px;



}



#indexPage #mslider .bx-wrapper .bx-pager { bottom: 80px;}



#mslider .bx-wrapper .bx-controls-direction { display: block; }



#indexPage #mslider ul li div { display: none; }











.bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, 0.14); width: 54px; height: 54px; border-radius: 0px;top: 50%;margin-top: -27px;}



.bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 23px; line-height: 44px; }



.bx-wrapper .bx-controls-direction a i { margin-left: 21px; line-height: 44px; color: rgba(255, 255, 255, 0.58); }



.bx-wrapper .bx-controls-direction a:hover i { color: #fff; }











/*服务*/







.content .header { padding-bottom: 60px; }



#indexPage #mservice .content { text-align: center; margin-top: -300px; }



#servicelist { width: 1126px; margin: 0 auto; position: relative; z-index: 10; }



#servicelist .serviceitem { height: 500px; }



#servicelist .serviceitem a { display: block; width: 620px; height: 100%; margin: 0 auto; position: relative; }



#servicelist .serviceitem a img { float: left; width: 560px; height: 240px; margin: 0 auto; position: relative; z-index: 55; margin-top: 30px;}



#servicelist .serviceitem div { text-align: center; margin-top: 0px; width: 320px; height: 460px; float: right; position: absolute; right: 0; padding: 0 30px; text-align: left; color: #fff; background: -ms-linear-gradient(top, #57f697, #57c7f6);  /* IE 10 */ background: -moz-linear-gradient(top, #57f697, #57c7f6);/*火狐*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57f697), to(#57c7f6));/*谷歌*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57f697), to(#57c7f6));      /* Safari 4-5, Chrome 1-9*/ background: -webkit-linear-gradient(top, #57f697, #57c7f6);   /*Safari5.1 Chrome 10+*/ background: -o-linear-gradient(top, #57f697, #57c7f6);  /*Opera 11.10+*/ }



#servicelist .serviceitem div p.title { margin-top: 300px; color: #fff; font-size: 18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



#servicelist .serviceitem div p.description { color: #fff; text-align: left; margin-top: 4px; }



#servicelist .serviceitem:hover .title { color: #fff;}



#indexPage #mservice .bx-wrapper .bx-controls-direction a i { display: none; }


#indexPage #mservice .wrapper .bx-wrapper .bx-prev { left: inherit; right: 120px; background: url(../images/arrow-img001.png)no-repeat 0px 0px; margin-top: -60px;background-color:#868686;}



#indexPage #mservice .wrapper .bx-wrapper .bx-next { right: 120px;background: url(../images/arrow-img001.png)no-repeat -60px 0px; margin-top:0px;background-color:#868686; }







#indexPage #mservice .bx-wrapper .bx-controls-direction .bx-prev:hover { background: url(../images/arrow-img001.png)no-repeat 0px -60px; background-color: #3bceff;}



#indexPage #mservice .bx-wrapper .bx-controls-direction .bx-next:hover { background: url(../images/arrow-img001.png)no-repeat -60px -60px; background-color: #3bceff; }



#indexPage #mservice .bx-wrapper .bx-controls-direction a { width: 60px; height: 60px; border-radius: 0; }



#mservice .content:after { content: ''; width: 100%; position: absolute; top: 68.9%; left: 0px; border-bottom: 0; }



#indexPage #mservice a.more, #indexPage #mproject a.more, #indexPage #mnews a.more { width:70px; height: 0px; font-size: 13px; color: #fff; border-radius: 0px; border-top:0; text-indent: inherit; text-align: center; line-height: 56px; display: inline-block; margin-left: -305px; margin-top: -112px; position: relative; z-index: 55;background-color: #868686;height: 42px; }



#indexPage #mservice a.more i, #indexPage #mproject a.more i { font-size: 16px; }



#mservice .bx-wrapper .bx-pager.bx-default-pager a { width: 11px; height: 11px; background: rgba(111, 111, 111, 0.2); border-radius: 10px; margin: 10px 0; border: none; }



#indexPage #mservice .wrapper .bx-wrapper .bx-pager { display: block; width: 8px; top: 22px; bottom: inherit; right: 280px; }



#mservice .bx-wrapper .bx-pager.bx-default-pager .active, #mservice .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #fff; border-radius: 10px; width: 11px; height: 11px; }



#mservice .bx-wrapper .bx-pager { bottom: 0px; top: 120px; }



#indexPage #mservice a.more {margin-top: 0px;top: -620px;left: 45%;background-color: rgba(204, 204, 204, 0);color: #868686;border-bottom: 1px solid rgba(132,132,132,0.4);font-size: 12px;height: 40px;margin-left: -26px; display:inline-block;transition: all 0.6s ease 0s;}



#indexPage #mservice a.more:hover{ width:70px; background-color:none; border-bottom: 1px solid #E7E7E7;color: #00C0FF;}



#indexPage a.more:hover i, #indexPage a.details:hover i, #sitecontent .npagePage a.details:hover i { color:#00C0FF; }



#indexPage a.more:hover i{text-indent: 18px;}



#indexPage .content .fw{ padding-left: 40px;}







/*服务内页*/







.npagePage #servicelist .serviceitem { width: 320px; height: 340px; margin-right: 110px; transition: all ease .3s; }



.npagePage #servicelist .wrap { margin-right: -110px; }



.npagePage #servicelist .serviceitem a { width: 320px; height: 340px; }



.npagePage #servicelist .serviceitem a img { width: 320px; height:auto; margin-top: 0px; box-shadow: none; }



.npagePage #servicelist .serviceitem div { width: 284px; height: auto; background: #fff; padding: 0 18px;border-left: 1px solid rgba(156, 156, 156, 0.16);}



.npagePage #servicelist { width: 1180px; }



.npagePage #servicelist .serviceitem div p.title { color: #515151; overflow: hidden; margin-top: 154px; }



.npagePage #servicelist .serviceitem div p.description { color: #a2a2a2; height: 52px; margin-top: 12px; }



.npagePage #servicelist .serviceitem div::after { content: ''; width: 35px; height: 30px; background: url(../images/arrow-img004.png) no-repeat -8px; position: absolute; top:280px; left: 20px; opacity: 0; border-left: 1px solid #e5e5e5; transition: all ease .3s; display:none; }

.npagePage #servicelist .serviceitem:hover div::after{ display: block;}





.npagePage #servicelist ul li:hover { box-shadow: 0 20px 70px rgba(149, 149, 149, 0.3);}



.npagePage #servicelist ul li:hover div:after { opacity: 1; padding-left: 20px; }















/*案例*/







#indexPage #mproject .module.bgShow .bgmask { display: none;  background-color: red;}



#indexPage #mproject .content { text-align: center; margin-top: -18%; }



#indexPage #mproject .content::after { content: ""; display: block; background-color: #e5e5e5; width: 100%; height: 1px; top: 590px; opacity: 0; }



#projectlist { width:100%; margin: 0 auto; height: 415px; position: relative; z-index: 5; margin-top: -20px; }

.projectSubList{ width:1180px; margin:0 auto;}

#indexPage #projectlist .projectitem { height: 240px; background: none; width: 250px; }



#projectlist .projectitem a { text-align: center; overflow: hidden; max-height: 290px; }



#projectlist .projectitem a:hover img { transform: scale(1.1, 1.1) }



#indexPage #projectlist #projectitem_0 { width: 330px; height: 380px; }


#indexPage #projectlist #projectitem_4{display:none;}
#projectlist #projectitem_0 a img { width: 270px; height:auto; margin: 0 auto; box-shadow: 0 0 25px rgba(52,52,52,0.5); position: relative; z-index: 10; }



#projectlist #projectitem_0 a .project_info div { top: 280px; }



#projectlist #projectitem_0 a .project_info { top: 30px; background: -ms-linear-gradient(top, #57f697, #57c7f6);  /* IE 10 */ background: -moz-linear-gradient(top, #57f697, #57c7f6);/*火狐*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57f697), to(#57c7f6));/*谷歌*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57f697), to(#57c7f6));      /* Safari 4-5, Chrome 1-9*/ background: -webkit-linear-gradient(top, #57f697, #57c7f6);   /*Safari5.1 Chrome 10+*/ background: -o-linear-gradient(top, #57f697, #57c7f6);  /*Opera 11.10+*/ }



#projectlist .projectitem a:hover .project_info p.subtitle { margin-top: 10px; }



#indexPage #projectlist .projectitem a .project_info p.title { font-size: 16px; color: #515151; text-align: left; margin: 0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



#projectlist .projectitem a .project_info p.subtitle { color: #a2a2a2; font-size: 12px; height: 44px; line-height: 22px; text-align: left; margin: 0; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



#projectlist .projectitem a .project_info p { padding: 0 30px;}



#indexPage #projectlist #projectitem_0 a { width: 270px; margin-left: 30px; }



#indexPage #projectlist #projectitem_0 a .project_info p.title { width: 220px; color: #fff; height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



#indexPage #projectlist #projectitem_0 a .project_info p.subtitle { color: #fff; width:210px;  height: 70px;}



#projectlist #projectitem_0 a .project_info:after { content: ''; width: 30px; height: 30px; background: url(../images/arrow-img002.png) no-repeat -6px; position: absolute; top: 294px; right: 30px; border-left: 1px solid rgba(255,255,255,0.3); transition: all 0.3s ease 0s; }



#projectlist #projectitem_0 a:hover .project_info:after { background: url(../images/arrow-img002.png) no-repeat -1px; }



#projectlist .projectitem a:hover .project_info { background: none; }



#indexPage #projectlist #projectitem_1, #indexPage #projectlist #projectitem_2, #indexPage #projectlist #projectitem_3 { margin-left: 30px; margin-top: 30px; }



#indexPage #projectitem_1 div p { padding: 0 0px; }



#indexPage #projectitem_2 div p { padding: 0 0px; }



#indexPage #projectitem_3 div p { padding: 0 0px; }



#indexPage #mproject .bgmask { display: none; }



#mproject .content:after { content: ''; width: 100%; position: absolute; top: 46.6%; left: 25%; }



#indexPage #mproject a.more { margin-top: 0px;top: -550px;left: 45%;background-color: rgba(204, 204, 204, 0);color: #868686;border-bottom:1px solid rgba(132,132,132,0.4);font-size: 12px; height: 40px;margin-left: -26px;  text-indent:0px;display: inline-block;}





#indexPage #mproject a.more:hover { width: 70px; background-color:rgba(255, 0, 0, 0); border-bottom: 1px solid #E7E7E7;color: #00C0FF;}



#indexPage #mproject .content .header p.title, #indexPage #mproject .content .header p.subtitle { text-indent:0px; width: 100%; text-align:left; padding-left: 40px;}



#projectlist .projectitem a .project_info div { margin-top: 126px; }



#projectlist #projectitem_0 a .project_info div { margin-top: 0px; }



#indexPage #projectitem_1 .project_info div::after  {content: "";display: block;background-color: #dedede;width: 100%;height: 1px;position: absolute;top: 134px;}



#indexPage #projectitem_2 .project_info div::after  {content: "";display: block;background-color: #dedede;width: 100%;height: 1px;position: absolute;top: 134px;}



#indexPage #projectitem_3 .project_info div::after  {content: "";display: block;background-color: #dedede;width: 100%;height: 1px;position: absolute;top: 134px;}



#indexPage #projectitem_1::after { content: ""; display: block; background-color:#00c0ff; width: 0px; height: 2px; position: absolute; top: 380px; opacity: 0; transition: all 0.6s ease 0s; }



#indexPage #projectitem_1:hover::after { width: 250px; opacity: 1; }



#indexPage #projectitem_2::after { content: ""; display: block; background-color:#00c0ff; width: 0px; height: 2px; position: absolute; top: 380px; opacity: 0; transition: all 0.6s ease 0s; }



#indexPage #projectitem_2:hover::after { width: 250px; opacity: 1; }



#indexPage #projectitem_3::after { content: ""; display: block; background-color:#00c0ff; width: 0px; height: 2px; position: absolute; top: 380px; opacity: 0; transition: all 0.6s ease 0s; }



#indexPage #projectitem_3:hover::after { width: 250px; opacity: 1; }



#projectlist #projectitem_1 a { width: 100%; max-height: 220px; }



#projectlist #projectitem_1 a img { min-height: 160px; overflow: hidden; }



#projectlist #projectitem_2 a { width: 100%; max-height: 220px; }



#projectlist #projectitem_2 a img { min-height: 160px; overflow: hidden; }



#projectlist #projectitem_3 a { width: 100%; max-height: 220px; }



#projectlist #projectitem_3 a img { min-height: 160px; overflow: hidden; }



.hide, .popup{display: block;}



#indexPage .layoutnone .content .header p { text-align: left; }



#indexPage #projectlist .projectitem a .project_info p.description{ display:none;}





#indexPage #category{ width:1180px; margin:0 auto; text-align:right;}





/*内页案例二级导航*/







#category { position: relative; }





#category a {height: 5px;line-height: 6px;border: 1px solid rgba(204, 204, 204, 0);color: #a2a2a2;font-size: 12px;background-color: rgba(243, 243, 243, 0);border-right: 1px solid #EAEAEA;}



#category a.active, #category a:hover { background:#868686; color: #515151; border: 1px solid #868686;  color: #fff;}



#category li.hasmore div ul { width: 1200px; text-align:center; margin:20px auto 0;}



/*内页案例*/







.npagePage #projectlist .projectitem { width: 30%; margin: 0 0 -30px 3%; height: 590px; background: #fff; }

.npagePage #projectlist{ width:1180px;}



.npagePage #projectlist .projectitem a img { min-height: 300px; }



.npagePage #projectlist .projectitem a .project_info p.title { color: #515151; text-align: left; }

.npagePage #projectlist .projectitem a .project_info:hover p.title{ color: #00C0FF; }



.npagePage #projectlist .projectitem a .project_info p.subtitle { height: 48px; }



.npagePage #projectlist .wrapper { margin-left: -4%; }



.npagePage #projectlist .projectitem a .project_info::before { content: ''; width: 100%; height: 40px; background: url(../images/arrow-img005.png) no-repeat 45% center #00c0ff;; position: absolute; left: 0px; top: 380px; opacity: 0; transition: all 0.3s ease 0s; }



.npagePage #projectlist .projectitem a:hover .project_info:before { opacity: 1; background: url(../images/arrow-img005.png) no-repeat 50% center #00c0ff; }



.npagePage #projectlist .projectitem a .project_info p { padding: 0 8% 0 0; }



.Pageanli #projectlist .projectitem a .project_info div{margin-top: 150px;}



.npagePage #projectlist .projectitem a{max-height: 440px}



.npagePage #category, #category li.hasmore div{ text-align: center;}



.npagePage #mproject .content .header p.title, #mproject .content .header p.subtitle { text-indent:0px; width: 100%; text-align:center;}



#pages a.active, #pages a:hover{background-color: #00C0FF;}



.npagePage #projectbody .postbody{padding: 0;}

.npagePage #projectinfo .description a{margin-top: 20px;}

.npagePage #projectib .projectitem{margin-bottom: 20px;}

.npagePage #projecttags a:hover{color: #fff; background: #00C0FF;}

.npagePage .content .header p.title{ font-size: 24px;line-height: 36px; }



/*关于*/



#indexPage #mpage .wrapper li { text-align: center; padding-bottom: 10px; }





#indexPage #mpage .wrapper li .fimg { width: 530px; height: 280px; position: inherit; display: inline-block; margin-top: -275px; margin-left: -570px; box-shadow: 0 0 15px rgba(0,0,0,.15); }



#indexPage .module.bgShow .bgmask { display: none; }



#indexPage #mpage a.more { border: 0; width: 140px; height: 42px; margin: 0px auto; border-radius: 0px; overflow: unset; position: relative; left: 92px; top: -21px; text-indent: 6px; font-size: 14px; background-color: #00C0FF; color: #fff; line-height: 43px; }



#indexPage a.more:hover { text-indent: 888px; }



#indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i { font-size: 16px; }



#indexPage .content .header p.subtitle{ width:100%; text-align:center;}



#indexPage #mpage a.more:hover i { color:#fff; }



#indexPage #mpage .module-content .des-wrap { width: 435px; height: 110px; margin:0 auto; text-align: left; background: -ms-linear-gradient(top, #57f697, #57c7f6);  /* IE 10 */ background: -moz-linear-gradient(top, #57f697, #57c7f6);/*火狐*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57f697), to(#57c7f6));/*谷歌*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57f697), to(#57c7f6));      /* Safari 4-5, Chrome 1-9*/ background: -webkit-linear-gradient(top, #57f697, #57c7f6);   /*Safari5.1 Chrome 10+*/ background: -o-linear-gradient(top, #57f697, #57c7f6);  /*Opera 11.10+*/ padding: 80px 60px 80px 540px; }

#indexPage #mpage .module-content .description{ width:435px;text-align: left; height:96px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; font-size: 13px; color: #fff; line-height: 24px; margin:0 auto;}




/*关于详情标题*/



.npagePage .content .header p.subtitle{ text-align: center; margin:0 auto; }







/*团队*/







#indexPage #mteam .wrapper li { float: left; width: 240px; height: 260px; position: relative; margin-left: 40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }



#indexPage #mteam .content { margin-top: -305px; }



#indexPage #mteam .content > .header { display: block; margin-bottom: 80px; }



#mteam .content .header p.title{ text-align:left; text-indent:40px;}



#mteam .content .header p.subtitle{ text-align:left; text-indent:40px;}



#indexPage #mteam .wrapper #teamitem_0 { width: 590px; height:260px; margin-left: 0px;background: -ms-linear-gradient(top, #57f697, #57c7f6);  /* IE 10 */ background: -moz-linear-gradient(top, #57f697, #57c7f6);/*火狐*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57f697), to(#57c7f6));/*谷歌*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57f697), to(#57c7f6));      /* Safari 4-5, Chrome 1-9*/ background: -webkit-linear-gradient(top, #57f697, #57c7f6);   /*Safari5.1 Chrome 10+*/ background: -o-linear-gradient(top, #57f697, #57c7f6);  /*Opera 11.10+*/  }



#indexPage #mteam .wrapper #teamitem_0 .header { width: 100%; position: absolute; z-index: 5 }



#indexPage #mteam #teamitem_0 .header img { width: 240px; height:auto; border-radius: 0px; margin: 0 auto; margin-top: 40px; margin-left:40px;box-shadow: 0 4px 34px rgba(89, 89, 89, 0.37);}



#indexPage #mteam .wrapper #teamitem_0 .summary { width: 238px; height:0px;  position: absolute; padding:0px 46px 0 306px; margin-top: 30px; }



#indexPage #mteam .wrapper #teamitem_0 .summary .title a { color: #fff; }

#indexPage #mteam .wrapper #teamitem_0 .summary::after

#indexPage #mteam .wrapper #teamitem_0 .summary .subtitle { color: #fff; margin-bottom: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



#indexPage #mteam .wrapper #teamitem_0 .summary .description { font-size: 12px; color: #fff; width: 100%; display: block; }



#indexPage #mteam .wrapper #teamitem_0 .summary p { text-align: left; }



#indexPage #mteam .wrapper #teamitem_0 .summary .title{ font-size: 18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}



#indexPage #mteam .wrapper #teamitem_0 .summary::after { content: ''; width: 30px; height: 30px; background: url(../images/arrow-img002.png) no-repeat -6px; position: absolute; top: 168px; border-left: 1px solid rgba(255,255,255,0.3); z-index: 10; transition: all 0.25s ease 0s;left:52%;}



#indexPage #mteam .wrapper #teamitem_0:hover .summary:after { background: url(../images/arrow-img002.png) no-repeat -1px; }



#indexPage #mteam .wrapper .summary { height: 72px; background: #fff;     border-left: 1px solid rgba(156, 156, 156, 0.16);}



#indexPage #mteam .wrapper .summary:hover{ border-left: 1px solid rgba(156, 156, 156, 0);}



#indexPage #mteam .wrapper .summary .title { font-size: 16px; color: #515151; padding-top: 20px; text-align:left; }



#indexPage #mteam .wrapper .summary .subtitle { font-size: 12px; color:#fff; text-align:left;}



#indexPage #mteam .wrapper .summary .description { display: none; }



#indexPage #mteam .header img { border-radius: 0px; width: 100%; height:100%; margin: 0 auto; }



#indexPage #mteam .wrapper li:hover { margin-top: 0px;}



#indexPage #mteam .wrapper #teamitem_1:hover{box-shadow: 0 20px 70px rgba(149, 149, 149, 0.3);} 



#indexPage #mteam .wrapper #teamitem_2:hover{box-shadow: 0 20px 70px rgba(149, 149, 149, 0.3);} 



#indexPage #mteam a.details, #sitecontent #teamitem_0 a.details { display: none; }



#indexPage #mteam a.details, #sitecontent #teamitem_0 a:hover.details { display: none; }



#indexPage a.more, #indexPage a.details, #sitecontent .npagePage a.details { width:70px; height: 42px; margin: 0; line-height: 42px; text-indent: 58px; border-radius: 0; color: #9c9b9d; border: 1px solid #e5e5e5; border: 1px solid rgba(229, 229, 229, 0); background-color: rgba(255, 255, 255, 0); border-top: 1px solid rgba(134, 134, 134, 0); font-size: 13px; }



#indexPage a.more:hover, #indexPage a.details:hover, #sitecontent .npagePage a.details:hover { text-indent: 110px; border: 1px solid rgba(219, 219, 219, 0); background-color: #11a8e1; color: #fff; }



#indexPage #mteam a.more { display: inline-block;  margin-top: 40px; text-indent: 0px;margin-top: 0px;top:-406px; left:44.6%;background-color: rgba(204, 204, 204, 0);color: #868686;border-bottom: 1px solid #868686;font-size: 12px;height: 40px; line-height: 56px; position: relative;}



#indexPage #mteam a.more:hover{ width: 70px; background-color:none; color: #00C0FF; border-bottom: 1px solid #e7e7e7; }



#indexPage #mteam .wrapper #teamitem_1 .title,#indexPage #mteam .wrapper #teamitem_2 .title{margin-left: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



#indexPage #mteam .wrapper #teamitem_1 .subtitle,#indexPage #mteam .wrapper #teamitem_2 .subtitle{margin-left: 20px; margin-top: 4px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #a2a2a2;}

#indexPage #mteam .wrapper #teamitem_3 {display: none;}





#indexPage #mteam .content{ text-align:center;}

/*团队内页*/







.npagePage #teamlist { width: 1180px; }



.npagePage .teamitem { width: 575px; height: 260px; margin-right: 30px; margin-bottom: 30px;background-color: #fff;box-shadow: 0 20px 70px rgba(149, 149, 149, 0.3);}



.npagePage .teamitem a { width: 240px; height: 260px; float: left; }



.npagePage .teamitem a img { width: 240px; height: auto; }



.npagePage .teamitem .teaminfo { width: 240px; height: 185px; float: left; margin: 0; text-align: left; padding: 15px 40px 0; position: relative; }



.npagePage .teamitem .title { height: 24px; margin-top: 30px; }



.npagePage .teamitem .teaminfo .subtitle { height: 16px; }



.npagePage .teamitem .title a { float: none; color: #525252; }



.npagePage .teamitem .teaminfo .description { font-size: 13px; margin-top: 25px; }



.npagePage .teamitem .teaminfo::before { content: ''; width: 25px; height: 30px; background: url(../images/arrow-img004.png) no-repeat -8px; position: absolute; top: 200px; border-left: 1px solid #e5e5e5; opacity: 0; transition: all 0.3s ease 0s; }

.npagePage .teamitem .teaminfo:hover::before{ background: url(../images/arrow-img004.png) no-repeat -1px; }

.npagePage .teamitem .teaminfo::after { content: ''; width: 0; border-bottom: 1px solid #e5e5e5; position: absolute; left: 0; bottom: 0px; transition: all 0.3s ease 0s; top: 260px; }



.npagePage .teamitem:hover .teaminfo:before { opacity: 1; width: 60px; }



.npagePage .teamitem:hover .teaminfo:after { width: 100%; }


.npagePage .teamitem a div.wrap{height: 40px; background: #00C0FF; }

.npagePage .teamitem a div.wrap span.v{top: -4px;}

.npagePage .teamitem a div.wrap span.h{top: 2px;}

.npagePage .teamitem:hover a div.wrap{transform: translate(0, -50px);}

.npagePage #teampost #teamimage{position: fixed;}









/*新闻*/







#newslist { width: 1180px; }



#indexPage #mnews .content .header { display: inline-block; padding-right: 40px; text-align: right; border-bottom: 1px solid rgba(156, 156, 156, 0.16); text-indent:40px;}



#indexPage #mnews .content { margin-top: 130px; text-align: center; }



#indexPage #mnews .content .header p { text-align:left; }



#newslist .newstitem { width: 590px; height: 156px; background: none; transition: all 0.3s ease 0s; }



#newslist .newstitem .newsimg { width: 142px; height: 156px; opacity: 0; display: none; transition: all 0.25s ease-in-out 0.2s; }



#newslist .news_wrapper { width: 100%; background: none; }



#newslist .newstitem a.newscontent:hover .news_wrapper { width: 100%; }



#newslist .newstitem.right .news_wrapper { right: 0; left: auto; }



#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding-left: inherit; }



#newslist .newstitem.right a.newscontent .newsimg { left: 0; opacity: 0; transition: all 0.2s ease 0s; }



#newslist .newstitem a.newscontent:hover .news_wrapper { background: none; }



#newslist .separator { display: none; }



#newslist .newsbody { width: 296px; padding-left: 182px; height: 100%; padding-right: 112px; }



#newslist .newsbody .title { font-size: 16px; color: #525252; text-align: left; line-height: 30px; overflow: hidden; height: 30px; margin-top: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block; }



#newslist .newsbody .description { font-size: 13px; color: #a2a2a2; text-align: left; height: 40px; line-height: 20px; }



#newslist .newsbody .date { width: 142px; height: 156px; position: absolute; top: 0px; left: 0px; margin-bottom: 0; text-align: left; text-indent: 30px; transition: all 0.25s ease 0s; }



#newslist .newsbody .date:after { content: ''; width: 50px; height: 0px; border-bottom: 1px solid #e4e4e4; display:none; margin-left: 30px; margin-top: -22px; transition: all 0.25s ease 0s; }







#newslist .newstitem a.newscontent:hover .date { background: -ms-linear-gradient(top, rgba(87,246,151,0.9), rgba(87,199,246,0.9) );  /* IE 10 */ background: -moz-linear-gradient(top, rgba(87,246,151,0.9), rgba(87,199,246,0.9));/*火狐*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(87,246,151,0.9)), to(rgba(87,199,246,0.9)));/*谷歌*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(87,246,151,0.9)), to(rgba(87,199,246,0.9)));      /* Safari 4-5, Chrome 1-9*/ background: -webkit-linear-gradient(top, rgba(87,246,151,0.9), rgba(87,199,246,0.9));   /*Safari5.1 Chrome 10+*/ background: -o-linear-gradient(top, rgba(87,246,151,0.9), rgba(87,199,246,0.9));  /*Opera 11.10+*/ color: #fff; }



#newslist .newstitem a.newscontent:hover .date:after { width: 112px; }



#newslist .newstitem a.newscontent:hover .date .md, #newslist .newstitem a.newscontent:hover .date .year { color: #fff; }



#newslist .newstitem:hover { box-shadow: 0 4px 40px rgba(149, 149, 149, 0.3); z-index: 20; position: relative; background: #fff; }



#newslist .newstitem a.newscontent:hover .newsimg { opacity: 1; display: block; }



#newslist, #newslist .content_list { position: relative; height: 438px; }



#newslist .newsbody .date .md span { display: none; }



#newslist .newsbody .date .md { display: block; font-size: 28px; color: #515151; margin-top: 46px; font-family: 'HELVETICANEUELTPRO-THEX'; font-weight: 400; }



#newslist .newsbody .date .year { display: block; font-size: 13px; color: #515151; margin-top:0px; font-family: 'HELVETICANEUELTPRO-THEX'; }



#newslist #newsitem_2 { position: absolute; right: 95px; top: 0; width: 400px; height: 420px; transition: all 0.3s ease-out 0s; }



#newslist #newsitem_2:hover { box-shadow: 0 0 15px rgba(0,0,0,.15);}



#newslist #newsitem_2 .newsbody .date { display: none; }



#newslist #newsitem_2 .newsimg { opacity: 1; width:400px; height: 180px; z-index: 5; margin:0; display: block; }



#newslist #newsitem_2:hover .newsimg { transition: all 0.25s ease-in-out 0.2s }



#newslist #newsitem_2 .newsbody { width: 360px; padding-left: 20px; height:420px; padding-right: 20px; background: #fff;    box-shadow: 0 20px 70px rgba(149, 149, 149, 0.3); }



#newslist #newsitem_2 .newsbody .title { margin-top: 212px; }



#newslist #newsitem_2 .newsbody .description { width: 360px; margin: 10px 0 0 0; }



#newslist #newsitem_2 .newsbody::after { content: ''; width: 34px; height: 30px; background: url(../images/arrow-img004.png) no-repeat -8px; position: absolute; top: auto;left: 20px; bottom: 45px; border-left: 1px solid #e5e5e5; transition: all 0.25s ease 0s; }



#newslist #newsitem_2:hover .newsbody::after { background: url(../images/arrow-img004.png) no-repeat -1px; }



#newslist .newstitem .newsbody::after { content: ''; width: 35px; height: 30px; background: url(../images/arrow-img004.png) no-repeat -8px; position: absolute; top: 60px; right: 36px; display:none; border-left: 1px solid #e5e5e5;  transition: all 0.25s ease 0s; }



#newslist .newstitem:hover .newsbody::after { background: url(../images/arrow-img004.png) no-repeat -1px; display: block; }





#indexPage #mnews .content_list::after { content: ''; width: 0px; height: 420px; border-left: 1px solid #e4e4e4; position: absolute; left: 141px; z-index: 10; top: 0px; }



#newslist #newsitem_2 .newsbody::after { display: block;position: absolute;}











#newslist #newsitem_2 .newsimg::after, #newslist #newsitem_2 .newsimg:before { width: 0; height: 0; content: ""; display: block; position: absolute; transition: all .38s cubic-bezier(.62, .02, .34, 1); -moz-transition: all .38s cubic-bezier(.62, .02, .34, 1); -webkit-transition: all .38s cubic-bezier(.62, .02, .34, 1); -ms-transition: all .38s cubic-bezier(.62, .02, .34, 1); -ms-filter: "alpha(opacity=$num)"; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; transform: scale(.9); -moz-transform: scale(.9); -webkit-transform: scale(.9); -ms-transform: scale(.9) }



#newslist #newsitem_2 .newsimg::before { top: 12px; left: 12px; border-top: 2px solid #57F3F3; border-left: 2px solid #57F3F3; }



#newslist #newsitem_2 .newsimg::after { bottom: 12px; right: 12px; border-bottom: 2px solid #57F3F3; border-right:2px solid #57F3F3;}



#newslist #newsitem_2:hover .newsimg:after, #newslist #newsitem_2:hover .newsimg:before { width: 373px; height: 154px; -ms-filter: "alpha(opacity=$num)"; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1) }



#indexPage #mnews a.more { display: inline-block;  margin-top:0px; text-indent: 0px;margin-left: 0px;top:-556px; left:45%;background-color: rgba(204, 204, 204, 0);color: #fff;border-bottom:1px solid rgba(231, 231, 231, 0.4);font-size: 12px;height: 40px; line-height: 56px; position: relative;}



#indexPage #mnews a.more:hover{ width:70px; background-color:none; color: #00C0FF; border-bottom: 1px solid #e7e7e7; }







/*内页新闻*/







.npagePage #newslist #newsitem_2 { position: inherit; width: 1180px; height: 200px; transition: all 0.3s ease-out 0s; }



.npagePage #newslist #newsitem_2:hover {box-shadow: 0 16px 70px rgba(149, 149, 149, 0.3); margin-top: inherit; background: #fff; }



.npagePage #newslist #newsitem_2 .newsbody .date { display: block; }



.npagePage #newslist #newsitem_2 .newsimg { opacity: 1; width: 320px; height: 200px; z-index: inherit; margin: 0px; display:block; }



.npagePage #newslist #newsitem_2:hover .newsimg { transition: all 0.25s ease-in-out 0.2s; opacity: 1; display: block; }



.npagePage #newslist #newsitem_2 .newsbody { width: 220px; padding-left: 508px; height: 100%; padding-right: 112px; background: none; box-shadow: none; }



.npagePage #newslist #newsitem_2 .newsbody .title { margin-top:50px; }



.npagePage #newslist #newsitem_2 .newsbody .description { width:540px; margin: 10px 0 0 0; }



.npagePage #newslist { height: auto; }



.npagePage #newslist .newsbody .date {width: 160px;height: 200px;border-right: none;  left: 340px;}



.npagePage #newslist .newsbody { display: block; padding-left: 508px;}



.npagePage #newslist .newstitem { width: 1180px;  height: 200px; border-bottom: 1px solid #eaeaea; margin-bottom: 40px;}



.npagePage #newslist .newsbody .description {width: 540px;  overflow: hidden; }



.npagePage #newslist #newsitem_2 .newsbody:after { width: 34px; height: 30px; background: url(../images/arrow-img004.png) no-repeat -8px; position: absolute; top: 80px; right: 40px; bottom: 126px; border-left: 1px solid #e5e5e5; transition: all 0.25s ease 0s; display:block;left: 94%;}



.npagePage #newslist #newsitem_2:hover .newsbody:after { background: url(../images/arrow-img004.png) no-repeat -1px; display: block; }



.npagePage #newslist #newsitem_2 .newsimg::after, .npagePage #newslist #newsitem_2 .newsimg:before { width: 0; height: 0; display: none; position: absolute; transition: all .38s cubic-bezier(.62, .02, .34, 1); -moz-transition: all .38s cubic-bezier(.62, .02, .34, 1); -webkit-transition: all .38s cubic-bezier(.62, .02, .34, 1); -ms-transition: all .38s cubic-bezier(.62, .02, .34, 1); -ms-filter: "alpha(opacity=$num)"; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; transform: scale(.9); -moz-transform: scale(.9); -webkit-transform: scale(.9); -ms-transform: scale(.9) }



.npagePage #newslist #newsitem_2 .newsimg:before { top: 12px; left: 12px; border-top: 4px solid #ccc; border-left: 4px solid #ccc }



.npagePage #newslist #newsitem_2 .newsimg:after { bottom: 12px; right: 12px; border-bottom: 4px solid #ccc; border-right: 4px solid #ccc }



.npagePage #newslist #newsitem_2:hover .newsimg:after, .npagePage #newslist #newsitem_2:hover .newsimg:before { display: none; width: 364px; height: 182px; -ms-filter: "alpha(opacity=$num)"; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)"; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1) }



.npagePage #newslist .newstitem .newsimg{ width: 320px; height: 200px; opacity: 1;display: block; }



.npagePage #newslist .newsbody .date .md{margin-top: 50px;}



.npagePage #newslist .newsbody .title {margin-top: 50px;}



.npagePage #newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent::after{ content: ""; display: block; }



.npagePage #newslist .newstitem a.newscontent:hover .date{ background:none;}



.npagePage #newslist .newstitem.right a.newscontent .newsimg{opacity: 1;}



.npagePage #newslist .newstitem a.newscontent:hover .date .md{ color:#515151; }



.npagePage #newslist .newstitem a.newscontent:hover .date .year { color:#999; }



.npagePage #newslist .newsbody .date::after{content: '';display: block; width:1px;height:74px;border-bottom: 1px solid #e4e4e4;margin-left:125px;margin-top: -45px; background-color:#e7e7e7; transition: all 0.25s ease 0s;}



#newslist .newstitem a.newscontent:hover .date:after {width:1px;height: 74x;}



.npagePage #newslist .newstitem:hover{box-shadow: 0 16px 70px rgba(149, 149, 149, 0.3);}

.npagePage #newslist .newstitem .newsbody::after { top: 80px; display: block;}





/*联系*/







#indexPage #mcontact { background: none; }



#indexPage #mcontact .header p.title { color: #1f1c22; }



#contactinfo div { margin-top: 32px; }



#contactinfo div a { background: #dcdcdc; margin-right: 32px; }



#contactinfo h3, #contactinfo p { color: #808080; }



#contactform p .inputtxt { background: none; border: none; border-bottom: #d8d8d8 1px solid; margin-bottom: 12px;background-color: rgba(255, 255, 255, 0.13);color: #565656;}

#contactform p .inputtxt:hover{border-bottom:#00C0FF 1px solid;}

#contactform p .inputtxt:ac{border-bottom:#00C0FF 1px solid;}

#contactform p textarea.inputtxt { border: #d8d8d8 1px solid;background-color: rgba(255, 255, 255, 0.13); }

#contactform p textarea.inputtxt:hover{border:#00C0FF 1px solid;}

#contactform p .inputsub { padding: 10px 0; background-color: #6e6e6e;transition: all 0.6s ease 0s;  }



#contactform p .inputsub:hover{ background-color:#00C0FF; }





#indexPage #mcontact .content .fw { width: 1180px; }



#indexPage #mcontact .content { text-align: center; }



#indexPage #mcontact .content .header { width: 535px; margin-left: -535px; display: inline-block; }



#indexPage #mcontact .content .header p { text-align: left; }



#mcontact .content #contactform { margin: -100px 72px 0; }



#mcontact .content #contactinfo { margin: 0 48px; text-align: left; }



/*合作*/







#indexPage #mpartner .wrapper { width: 1045px; height: 420px; }



#indexPage #mpartner .module-content { width: 1045px; padding-right: 135px; }



#indexPage #mpartner .wrapper ul li { width: 1045px; height: 420px; margin: 16px 25px; }



#indexPage #mpartner .wrapper ul li a { margin: 0; border-left: 1px solid #efefef; border-right: 1px solid #efefef; position: relative; z-index: 10; transition: all 0.3s ease 0s; margin-left: -1px; }



#indexPage #mpartner .wrapper ul li a:hover { box-shadow: 0px 14px 40px rgb(214, 224, 255); border-color: #fff; }



#indexPage #mpartner .content:after { content: ''; width: 100%; position: absolute; top: 63.8%; left: 0; border-bottom: 1px solid #e5e5e5; }



#indexPage #mpartner .bx-wrapper .bx-controls-direction a i { display: none; }



#indexPage #mpartner .wrapper .bx-wrapper .bx-prev { left: inherit; right: 0px; background: url(../images/arrow-img001.png) no-repeat 0px 0px; margin-top: -86px; background-color: #868686;z-index: 2; }



#indexPage #mpartner .wrapper .bx-wrapper .bx-next { right: 0px; background: url(../images/arrow-img001.png) no-repeat -60px 0px; margin-top: -27px;background-color: #868686; }



#indexPage #mpartner .bx-wrapper .bx-controls-direction .bx-prev:hover { background: url(../images/arrow-img001.png) no-repeat 0px -60px; background-color: #00C0FF; }



#indexPage #mpartner .bx-wrapper .bx-controls-direction .bx-next:hover { background: url(../images/arrow-img001.png) no-repeat -60px -60px; background-color: #00C0FF; }



#indexPage #mpartner .bx-wrapper .bx-controls-direction a { width: 60px; height:60px; border-radius: 0; }



#mpartner .content:after { content: ''; width: 100%; position: absolute; top: 68.5%; left: 0px; border-bottom: 1px solid #e5e5e5; }



#indexPage #mpartner a.more i, #indexPage #mpartner a.more i { font-size: 16px; }



#mpartner .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; background: rgba(255,255,255,0.4); border-radius: 0px; margin: 10px 0; border: none; }



#indexPage #mpartner .wrapper .bx-wrapper .bx-pager { display: block; width: 8px; top: 35px; bottom: inherit; right: 280px; }



#mpartner .bx-wrapper .bx-pager.bx-default-pager .active, #mpartner .bx-wrapper .bx-pager.bx-default-pager a:hover { background: rgba(255,255,255,1) }



#mpartner .bx-wrapper .bx-pager { bottom: 0px; top: 120px; }



#indexPage #mpartner .bx-wrapper .bx-controls-direction { display: block; }



#indexPage #mpartner .bx-wrapper .bx-controls-direction a { display: block; }



#indexPage #mpartner .wrapper ul li a:hover { background: #fff; z-index: 20 }



/*分享*/







#shares a#sshare { color: transparent; background-image: url("../images/fenxiang.png"); background-repeat: no-repeat; }



#shares { height: 35px; right: 66px; bottom: -3px; }



#olx_qq li a:hover i { color: #fff; }



#shares a#gotop { margin-top: 6px; background: none; color: #5f5f5f; }



#shares a i { border-right: 1px solid #e1e1e1; padding: 0 20px; }



#shares a i.fa-share-alt { padding: 0 16px; }



#shares a i.fa-weixin { color: #5f5f5f; background-image: url(../images/shouji.png); background-repeat: no-repeat; font-size: 16px; height: 16px; padding: 0 18px; }



#online_open i { margin-top: 5px; }



#shares a i.fa-share-alt { padding: 0 16px; }



#online_open { margin: 0 10px 0 0; background: none; bottom: 0px; color: #5f5f5f; }



#footer p { position: fixed; bottom: 0; background: rgba(255,255,255,1); padding: 8px 230px; right: 0px; width: 100%; color: #999; }



#footer.mini p { padding: 8px 230px; right: 0px; }



#shares a { color: #5f5f5f; background-color: transparent; display: inline-flex; height: 22px; width: auto; }



#shares a#sweibo { background-color: transparent; transition: all 0.3s ease-out 0s; }



#shares a#sweibo:hover { background: transparent; }



#shares a#sweixin { background-color: transparent; transition: all 0.3s ease-out 0s; }



#shares a#sweixin:hover { background-color: transparent; }



#online_lx { border-radius: 0px; bottom: 36px; margin-right: -10px }



#footer a path { fill: #dedede; }



#contactinfo div a:hover { background-color: #00C0FF; }



/*快捷菜单*/







#moduleControl a.moduleCItem { display: block; }



#moduleControl a.moduleCItem { margin-bottom: 20px; border-radius: 10px; width: 9px; height: 9px; position: initial; }



#moduleControl a.moduleCItem:hover span, #moduleControl a.moduleCItem.active span { width: 70px; height: 24px; position: absolute; top: -6px; text-indent: initial; color: #959595; overflow: hidden; font-size: 12px; line-height: 24px; right: 0; text-align: right; padding-right: 25px; display: none; }



/*#moduleControl a.moduleCItem span::after { content:""; position:absolute; top:11px; right:12px; width:0px; height:1px; background:rgba(0,0,0,0);}*/







/*#moduleControl a.moduleCItem:hover span::after, #moduleControl a.moduleCItem.active span::after { content:""; position:absolute; top:11px; right:12px; width:15px; height:1px; background:rgba(0,0,0,.2);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}*/







#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active { background-color: transparent; border: 2px solid #00C0FF; }



#moduleControl a.moduleCItem:hover::before, #moduleControl a.moduleCItem.active::before { position: absolute; content: ""; background: transparent; right: 20px; }



#moduleControl a.moduleCItem { border: 2px solid transparent; position:relative;}



#moduleControl a.moduleCItem::before { position: absolute; content: ""; height: 3px; background: #a8a8a8; width: 3px; left: 0px; margin: 4px 0 0 4px; border-radius: 3px;  top:-1px; left:-1px;}



#moduleControl a.moduleCItem::after { position: absolute; content: ""; height: 24px; background: rgba(155,155,155,.2); width: 1px; left: 0px; margin: 11px 0 0 5px;top:-1px; left:-1px; }



#moduleControl a.moduleCItem:last-child::after { position: absolute; content: ""; height: 0px; width: 0px; }





#mservice .layoutslider.content .header p{text-align: left;}



#indexPage .content .header { width: 100%;}







#indexPage .module.bgShow{ background-attachment:scroll;}