@charset "UTF-8";



 



*{
	padding: 0;
	margin: 0;

}







html{



    font-size: 62.5%;



}







body{



    height: auto;



    font-family:Helvetica,Arial,Microsoft YaHei,Arial;



    margin:0 auto;



    padding:0;



    overflow-x: hidden;



    font-size:14px;



}







header,nav,footer,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe,figure,label,b ,strong{



    margin: 0;



    padding: 0;



}



a,a:hover{



    text-decoration: none;



    outline: 0;



}



h1,h2,h3,h4,h5,h6{

	font-weight: normal;

	margin: 0;

	padding: 20;

	-webkit-margin-after: 0;

	font-size : 100%;



}







button, input, select, textarea {



    font-size:100%;



}







table{



    border-collapse:collapse;



    border-spacing:0;



}







ol,ul,li,img,menu,dir{



    border: 0;



    list-style: none;



    padding: 0;



}







i,em,b,strong{



    font-style: normal;



}







:before, :after {



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}



.mes_tab{ width:60%; margin:0 auto;}



.text{background:#f4f4f4; line-height:36px; width:400px; margin:10px 0; border:0; margin-left:10px;}



.textarea{background:#f4f4f4; height:100px; width:600px; margin:10px 0; border:0; margin-left:10px;}



.t{ text-align:right; width:10%}



.submit{ width:120px; height:40px; background:#da9a24; text-align:center; line-height:40px; display:block; color:#FFF; margin:20px auto 60px auto;}



.clearfix{



    content: "";



    display: block;



    height: 0;    



    clear:both;



}







.clear{



    clear:both;!important



    folat:none;!important



    zoom:~"1\9";



}



.clear:after{



    content: "";



    display: block;



    clear:both;



    folat:none;



}



.fl {



    float: left;



}







.fr {



    float: right;



}



.w_show{ display:none;}



.mt10{ margin-top:10px;}



.mt20{ margin-top:20px;}



.mt30{ margin-top:30px;}



.mt40{ margin-top:40px;}



.mt50{ margin-top:50px;}



.mt80{ margin-top:80px;}



.mt100{ margin-top:100px;}



.mt200{

	margin-top: 5px;

	margin-bottom: 5px;

	padding-right: 15px;

	padding-left: 15px;

}



.container{



    width:1220px;



    margin: 0 auto;



    clear: both;



}







@media screen and (min-width: 320px) {



    .container {



        padding-right: 6px;



        padding-left: 6px;



    }



}



@media screen and (min-width: 1250px){



    .container{



        width: 1220px;



        padding-right:0;



        padding-left: 0 ;



    }



}



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



    .container{



        width: auto;   



        padding-right:15px;



        padding-left: 15px;



       



    }



}



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



    .container{



        width: auto;   



        padding-right:10px;



        padding-left: 10px;



       



    }



}



header{



	position: relative;



	font-size: 0;



}



.navigat{



    position:absolute;



    z-index: 100000000;



    width: 100%;



	background:#FFF;



}



.header-top{



	height: 43px;



	line-height: 43px;



	border-bottom:1px solid #7a94ab;



}



.header-top-left{



	float: left;



	color:white;



    font-size: 12px;







}



.header-top-right{



	float: right;



    padding-top:5px;   







}



.header-top-right a{



	display: inline-block;



	color:#fff;



	font-size: 12px;



	line-height: 14px;



	padding:0 9px;



	border-right:1px dashed #fff;



}



.header-top-right a:last-child{



	border-right: 0; 



}











.navbar{



	margin: 10px 0 0;



	background: none;



	border:0; 



}



.navbar .container-fluid {



	 text-align:center; margin-bottom:10px;



}



.navbar .collapse {



	padding: 0;



}



.navbar .navbar-toggle{



	border: 0;



}



.navbar .navbar-toggle:hover{



	background-color:#fff;



}



.navbar .navbar-toggle .icon-bar{



	height: 3px;



	border-radius: 0;



	background-color:#000; 



}



.navbar .navbar-brand{



	display: none;



	padding:0;



}







.navbar .navbar-nav {



	width: 100%;line-height:32px; margin-top:30px;



}











.navbar .navbar-nav span{



	background:url(../images/menu_line.png) bottom  no-repeat; height:22px; width:1px;



	float:left;	



	margin:14px 16px;











}











.navbar .navbar-nav li{



	width:7.8%;



	padding-bottom:6px;



	float:left;



	



}







.navbar .navbar-nav li a{ padding-bottom:30px;}







.navbar .navbar-nav li:nth-child(n+7) a{



	margin-right:0; 



}



.navbar .navbar-nav .active a{



	background:none;



	border-bottom:3px solid #fff; 



}



.navbar .collapse .navbar-nav li a{



	padding-bottom: 10px; 



	font-size: 14px; 	



	color:#4f4f4f;



	



}



.navbar .collapse .navbar-nav  a:hover{



	border-bottom:3px solid #fff;



	background: none;



	color:#d48900; 



}



.navbar .collapse .navbar-nav li.active a{color:#d48900;}



.navbar .navbar-nav .wbelogo{ 



	width:30%;



	text-align:center;



	position: relative;



	margin-top:16px;



}.navbar .navbar-nav .wbelogo a{ 



	width:100%;



    transition:0.5s;



    -webkit-transiton:0.5s;



}



.navbar .navbar-nav .wbelogo a:hover{



	border-bottom: 0;



}



.navbar .navbar-nav .wbelogo a img{



	position: absolute;



	left: 13px;



	top:-47px;



}



.carousel-indicators{



    bottom: 60px;



}



.carousel-indicators li{



    margin:0 6px; 



}



.carousel-indicators li.active{



     width: 11px ;



     height: 11px ;



     margin: 0 5px;



}



/*公告*/



.notice{



    background:#f4f4f4 ;



    padding:4px 0; 



}



.scroll{



    height:24px;



    overflow:hidden;



    margin: 10px auto;



    line-height:24px;



}







.scroll li {



    height: 24px;



    line-height: 24px;



    overflow: hidden;







}







.scroll li a{



    font-size: 14px;



    color:#333;



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}







.scroll h2{



    float: left;



    line-height: 24px;



    color:#474747;



    background: url("../images/not.jpg") no-repeat left;



    padding-left: 24px;



}







/*身体*/



/*企业运营*/



.index-idea{



    margin:77px 0 63px; 



}







/*title*/



.title h2{    



    text-align: center;



}



.title i{ text-align:center; width:100%;  display:block; margin-top:30px;}



.title h2 b{



    font-size: 16px;



    color: #fff;



    display: block;



    background: url(../images/mtil.png) no-repeat center 63px;



    padding-bottom: 35px;



	margin-top:20px;	



}











.title h2  p{



    line-height: 22px;



    font-size: 14px;



    color: #999;   



    width: 80%;



    margin:auto;



    overflow: hidden;



    -webkit-line-clamp:3;



    -webkit-box-orient:vertical;



    display: -webkit-box;



}



.title h2 span{ color:#b37403; margin-top:10px; display:block;}



.in_more{ border:1px solid #b37403; color:#b37403; display:block; width:120px; line-height:36px; margin:30px auto 0 auto;}



.in_more:hover{ color:#fff; background:#b37403;}







.title h2 p span{



    display: block;



    color: #d0d0d0;



    margin-top: 8px;



    font-size: 12px;



}







/*case*/







.index-case dt img{



    width: 100%;



    display: block;



}







.index-case dl dt {



    overflow: hidden;



}







.index-case dl dt img {



    opacity: 1;



    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



    transition: opacity 0.35s, transform 0.35s;



    -webkit-transform: scale(1.05);



    transform: scale(1.05);



    -moz-transform: scale(1.05);



    -ms-transform: scale(1.05);



    -webkit-backface-visibility: hidden;



    backface-visibility: hidden;



    width: 100%;



}







.index-case dl:hover dt img {



    opacity: 0.8;



    -webkit-transform: translate3d(0,0,0) scale(1);



    -moz-transform: translate3d(0,0,0) scale(1);



    -ms-transform: translate3d(0,0,0) scale(1);



    -o-transform: translate3d(0,0,0) scale(1);



    transform: translate3d(0,0,0) scale(1);



}











.index-case dl{



    width: 31.33%;



    float: left;



    margin: 25px 1% 0;



    -webkit-transition: all 0.4s ease 0s;



    transition: all .7s ease 0s;



}







.index-case dd{



    margin-top: 10px;



}











.index-case dd em a{



    color: #000;



    font-size: 16px;



    text-overflow: ellipsis;



    white-space: nowrap;



    overflow:hidden;



    display: block;



    font-weight: 600



}







.index-case dd p{



    color: #4b4b4b;



    padding-top: 10px;



    line-height: 22px



}







.index-case dd em a:hover{



    color: #6a3b0e



}







.index-case dd  span a{



    border-bottom: 2px solid #393939; 



    font-weight: 600;



    display: inline-block;



}







.index-case dd  span{



    display: block;



    padding-top: 15px;







}











.index-case-bg{



    background: #fbfbfb;



    padding:30px 0;



    overflow: hidden;



}



















/*团队*/







.bx_wrap{



    position: relative;



}







.bx_wrap img{



    height: 100%;



   



}







.bx_wrap li{



    width: 280px



}







.bx_wrap ul li div a{



    margin-bottom: 5px;



    border: 0;



    color: #020202;



    padding: 0;



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;    



}







.bx_wrap ul li .icon a{



    display: block;    



    height: 285px;



    width: 280px;



    text-align: center;   



    display:table-cell;



    vertical-align:middle;



    



}











.bx_wrap {



    background: none;



    border: none;



    box-shadow: none;  



    overflow: visible;



    text-align: center;



}







.bx_wrap .icon {



  



    margin: 0 auto;



    text-align: center;



    position: relative;



    height: 285px;



    width: 210px;



}







.bx_wrap  .icon img {



  position: relative;



  z-index: 100;



  transition: all 0.3s ease 0s;



  vertical-align:middle;



}















@-webkit-keyframes hvr-ripple-out {



  100% {



    top: -18px;



    right: -18px;



    bottom: -18px;



    left: -18px;



    opacity: 0;



  }



}







@keyframes hvr-ripple-out {



  100% {



    top: -18px;



    right: -18px;



    bottom: -18px;



    left: -18px;



    opacity: 0;



  }



}







.bx_wrap  .icon a {



  display: inline-block;



  vertical-align: middle;



  -webkit-transform: translateZ(0);



  transform: translateZ(0);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0);



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  -moz-osx-font-smoothing: grayscale;



  position: relative;



}



.bx_wrap  .icon a:before {



  content: '';



  position: absolute;



  border: #764b22 solid 0px;



  top: 0;



  right: 0;



  bottom: 0;



  left: 0;



  -webkit-animation-duration: 1s;



  animation-duration: 1s;



}



.bx_wrap li:hover .icon a:before, .bx_wrap li:focus .icon a:before, .bx_wrap li:active .icon a:before {



  -webkit-animation-name: hvr-ripple-out;



  animation-name: hvr-ripple-out;



  



}











/*















.bx_wrap ul li .icon:before {



      content: '';



      width: 100%;



      height: 100%;



      border-radius: 50%;



      background: #764b22;



      position: absolute;



      top: 0;



      left: 0;



      z-index: 10;



      -webkit-transform: scale(0);



      -moz-transform: scale(0);



      -ms-transform: scale(0);



      -o-transform: scale(0);



      transform: scale(0);



      transition: all 0.3s ease 0s;



}



.bx_wrap ul li:hover .icon img {



      -webkit-transform: scale(0.9);



      -moz-transform: scale(0.9);



      -ms-transform: scale(0.9);



      -o-transform: scale(0.9);



      transform: scale(0.9);



}



.bx_wrap ul li:hover .icon:before {



      -webkit-transform: scale(1);



      -moz-transform: scale(1);



      -ms-transform: scale(1);



      -o-transform: scale(1);



      transform: scale(1);



}*/







.bx_wrap ul li:hover img:before{



    background: #fff



}







.bx_wrap ul li div b{



    font-size: 16px



}







.bx_wrap ul li div span{



    display: block;



    margin-top: 20px;



    font-size: 12px;



    font-weight: 600



}







.bx_wrap ul li div p{



    color: #727272;



    line-height: 22px;



}







.bx_wrap ul li{



    text-align:center;   



    color: #fff;



}







.bx_wrap a.prev{



    background:url(../images/prev.png) no-repeat;



    left: -60px;



}







.bx_wrap a.next{



    background:url(../images/next.png) no-repeat;



    right:-60px;



}







.bx_wrap a.prev,.bx_wrap a.next{



    width:54px;



    height:54px;



    line-height:24px;



    position: absolute;



    top:180px;



    text-indent:-999em;



	z-index:999;



}







.bx_wrap a.prev {



    outline-style:none;



    outline-width: 0;



}







.bx_container{



    margin: auto;



    width: 100%;







}







.bx_wrap  .bx_container .bx_wrap div{



    padding: 20px 0 10px;



}







.index-bar{



	background:url(../images/indexbg01.jpg) no-repeat center center; height:820px; width:100%;







}







.index-bar img{



    width: auto;



    max-width: 100%;    



}



/*案例描述*/







.sucThum dl{ float:left; width:20%; background:#b37403; text-align:center; color:#FFF; padding:20px 0;}



.sucThum dl p{font-size:16px;}



.sucThum dl span{font-size:14px; border-bottom:1px solid #fff;}



.sucThum dt{ float:right; width:80%;}



.sucThum dt img{ width:100%;}



.bg_yellow{background:#b37403;}



.bg_22{background:#222;}



.bg_17{background:#171717;}



.bg_inews{ width:157px; height:116px; background:url(../images/inews_lbg.jpg) no-repeat; float:right; margin-top:20px;}



.bg_inews p{ text-align:center; margin-top:12px;}



.bg_inews p a{color:#FFF;}



.bg_inews span{ display:block; text-align:right; margin-right:10px;}







.sucCase{



    text-align: center;



    padding: 60px 0 50px;



    background:url(../images/indexbg02.jpg) no-repeat center center;



	width:100%;



	height:639px;



}







.top_h{ height:110px;}







.sucCase dd {



    float: right;



    width: 28%;



    margin-top: 200px;



	text-align:left;	



	margin-right:270px;



	color:#fff;



}



.sucCase dd h2{font-size:34px;}



.sucCase dd div em{font-size:24px; padding:10px 0; display:block;}



.sucCase dd div p{font-size:20px;  display:block;}







.sucFirm{



    margin:100px 0; color:#FFF;



}



.sucBlank{



    width: 376px;



    height: 267px;



}



.sucBlank img{ float:right;



}



.sucCapt{



    padding:10px; 



    text-align: left !important;



}



.sucCapt h3{



    font-size: 14px;



    line-height: 20px;



    padding: 14px 0 8px;



    overflow: hidden;



    text-overflow:ellipsis;



    white-space: nowrap;	



	margin:0 auto;	



}







.sucCapt h3 i{ font-size:10px; margin-right:6px; float:left;}



.sucCapt p{



    font-size: 12px;



    line-height: 20px;    



    overflow: hidden;



    -webkit-line-clamp:2;



    -webkit-box-orient:vertical;



    display: -webkit-box;	



	padding:10px 0 10px 10px;



	width:90%;



	margin:0 auto;



}



.wit_line{border-left:1px solid #fff;}



.yel_line{border-left:1px solid #b37403;}



.sucCapt span{ float:right;  width:80%; border-bottom:1px solid #FFF; font-size:10px; line-height:26px; text-align:right; padding-right:10px;}



.ye_text{color:#b37403;}



.sucCapt a{



    font-size: 14px;



    line-height: 22px;



    color:#fff;



    margin: 20px 0 ;



    padding:0;



    border-radius: 0; 



    overflow: hidden;



    text-overflow:ellipsis;



    white-space: nowrap;



    border-shadow:1px solid #cbcbcb;



    transition:.5s;



}



.sucCapt a:hover{



    color: #6a3b0e;



    border-bottom:1px solid #6a3b0e;



}



/*讲师团队*/



.index-lecturer-bg{



    background:#fff url(../images/lecturer-bg.jpg) no-repeat center top;



    overflow: hidden;



    padding-top:40px; 



}







.index-lecturer dl{



    overflow: hidden;



    display: table;



}







.index-lecturer dt{



    width: 49%;



    float: left;



    text-align: right;



}







.index-lecturer dt img{



    width: auto;



    max-width: 100%;



    display: inline-block;



    *display: inline;



    *zoom:1;



    vertical-align: bottom;



}







.index-lecturer dd{



    float: right;



    width: 48%;



    margin-top: 183px;



}   







.index-lecturer dd h2{



    font-size: 42px;



    color:#000;



    background: url(../images/mtil.png) no-repeat center 56px;



    padding-bottom: 20px;



    text-align: center;



    font-weight: bold;







}







.index-lecturer dd div{



    margin-top: 20px



}







.index-lecturer dd div em{



    display: block;



    font-size: 26px;



    padding-bottom: 15px;



    text-align: center;



    font-weight: bold;



}







.index-lecturer dd div p{



    color: #404040;



    line-height: 25px;



    text-align: center;



    overflow: hidden;



    -webkit-line-clamp:3;



    -webkit-box-orient:vertical;



    display: -webkit-box;



}







.index-lecturer dd div span{



    display: block;



    margin-top:20px;



    text-align: center;



}



.index-lecturer-a{



    text-align: center;



}







.index-lecturer-a a{



    padding:10px 20px;



    color: #0c0c0c;



    display: inline-block;



    *display: inline;



    *zoom:1;



    border: 2px solid #6a3b0e;



    font-weight: 600



}







.index-lecturer-a a {



  display: inline-block;



  vertical-align: middle;



  -webkit-transform: translateZ(0);



  transform: translateZ(0);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0);



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  -moz-osx-font-smoothing: grayscale;



  position: relative;



  -webkit-transition-property: color;



  transition-property: color;



  -webkit-transition-duration: 0.5s;



  transition-duration: 0.5s;



}







.index-lecturer-a a:before {



  content: "";



  position: absolute;



  z-index: -1;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background: #6a3b0e;



  -webkit-transform: scaleX(0);



  transform: scaleX(0);



  -webkit-transform-origin: 0 50%;



  transform-origin: 0 50%;



  -webkit-transition-property: transform;



  transition-property: transform;



  -webkit-transition-duration: 0.5s ease-out;



  transition: 0.5s ease-out;







}







.index-lecturer-a a:hover, .index-lecturer-a a:focus, .index-lecturer-a a:active {



  color: white;



}







.index-lecturer-a a:hover:before, .iindex-lecturer-a a:focus:before, .index-lecturer-a a:active:before {



  -webkit-transform: scaleX(1);



  transform: scaleX(1);



  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);



  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);



}







/*服务企业*/



.indexFirm{



    background:url(../images/inFiBg.jpg) no-repeat center bottom;



    padding:63px 0 56px; 



}



.indexFirm .title p{



    padding:30px 0 50px;



}



.FirmBlank{



    padding:0 20px; 



}



.FirmBlankLeft{



    width:31.69% ;



    background-color:#fff; 



}



.FirmBlankCenter{



    background-color:#fff; 



    width:45.25% ;



    box-sizing:border-box;



    padding: 0 2px;  



}



.FirmBlankRight{



    background-color:#fff; 



    width:23.05% ;



}



.FirmBlankCenter a:nth-child(2n+1){



    padding-right:1px;



    box-sizing: border-box;  



}



.FirmBlankCenter a:nth-child(){



    padding-bottom:2px;



    box-sizing: border-box;  



}



.FirmBlankCenter a,.FirmBlankLeft a,.FirmBlankRight a{



    // display: inline-block;



    float: left;



    font-size: 0; 



}



.FirmBlank a img{



    width: 100%;



    height:100%;



}



.FirmCentera1{



    width: 35%;



}



.FirmCentera2{



    width: 65%;



}



.FirmCentera3{



    width: 68.1%;



}



.FirmCentera4{



    width: 31.9%;



}



.FirmBlank p{



    font-size: 14px;



    line-height: 22px;



    color:#5d5d5d;



    margin: 20px 30px 24px  20px;



    overflow: hidden;



    -webkit-line-clamp:2;



    -webkit-box-orient:vertical;



    display: -webkit-box;



}







.indexFirm .index-lecturer-a{



    text-align: center;



    display: block;



    padding-top: 26px;



}







/*关于*/



.idnexAbouts{



    padding: 55px 0 66px; 



}



.index-about{



    margin-top: 15px;



}







.index-about-fl{



    width: 25%; background:#f4f4f4; padding:20px 0;



}



.index-about-fl dd{ color:#1d1d1d; font-weight:700;}







.index-about-fl dl{ display:block;}



.index-about-fl dl h2{color:}







.index-about-fl img{



	margin-right:10px;    



}







.index-about-fr{



    width: 70%;



    margin-top: 15px;



}







.index-about-fr strong{



    font-size: 30px;



    color: #404040;



    padding: 8px 0;



    display: block;



}







.index-about-fr p{



    color: #4b4b4b;



    line-height: 25px;



    margin-bottom: 10px;



    overflow: hidden;



    -webkit-line-clamp:4;



    -webkit-box-orient:vertical;



    display: -webkit-box;



}











/*首页产品分类*/







.treebox{width: 200px; margin: 0 auto;}



.treebox p{ margin:20px auto;}



.clmore{ border:2px solid #373737; padding:4px 30px; color:#373737}



.menu{ overflow: hidden;}



		/*第一层*/



.menu li.level1>a{ 



display:block;



height: 45px;



line-height: 45px;



color: #b37403;



font-size: 16px;



position: relative;



}



.menu li.level1 a:hover{ text-decoration: none;  }



.menu li.level1 a.current{  }







/*============修饰图标*/



.ico{ width: 20px; height: 20px; display:block;   position: absolute; left: 20px; top: 10px; background-repeat: no-repeat; background-image: url(images/ico1.png); }







/*============小箭头*/



.level1 i{ width: 20px; height: 10px; background-image:url(../images/arrow.png); background-repeat: no-repeat; display: block; position: absolute; right: 20px; top: 20px; margin:0;}



.level1 i.down{ background-position: 0 -10px; }







.ico1{ background-position: 0 0; }



.ico2{ background-position: 0 -20px; }



.ico3{ background-position: 0 -40px; }



.ico4{ background-position: 0 -60px; }



.ico5{ background-position: 0 -80px; }







/*第二层*/



.menu li ul{ overflow: hidden; }



.menu li ul.level2{ display: none; }



.menu li ul.level2 li a{



display: block;



height: 45px;



line-height: 45px;



color: #676767;



text-indent: 10px;



/*border-bottom: 1px solid #ddd; */



font-size: 14px;



}















/*index-news*/



.index-news{



    overflow: hidden;



}







.index-news div{



    width: 31.66%;



    padding-bottom:15px; 



}







.index-news div.industry-news{



    margin: 0 2.5%;



}







.index-news h3{



    border-left:5px solid #6c3d11;



    color: #303030;



    font-size: 20px;



    text-indent: 15px;



    font-weight: 600;



    background: url("../images/b.gif") no-repeat right center;



    line-height: 20px



}







.index-news dt img{



    width: 100%;



    display: block;



}















.index-news dl:hover img{



    opacity: .85;



    fill-opacity: alpha(opacity=85);



}











.index-news dl{



    padding: 20px 0 18px;



    overflow: hidden;



    border-bottom: 1px solid #c0c0c0 ;



}







.index-news dd{



    margin-top: 10px;



}







.index-news dd em a{



    color: #303030;



    font-size: 16px;



    text-overflow: ellipsis;



    white-space: nowrap;



    overflow:hidden;



    display: block;



    font-weight: 600



}







.index-news dd p{



    color: #4b4b4b;



    padding-top: 10px;



    overflow: hidden;



    -webkit-line-clamp:4;



    -webkit-box-orient:vertical;



    display: -webkit-box;



}







.index-news ul{



    padding-top: 10px;



    line-height: 25px;



}







.index-news ul li a{



    display: block;



    text-overflow: ellipsis;



    white-space: nowrap;



    overflow:hidden;



    display: block;



    float: left;



    width: 70%;



    color: #4b4b4b;



}







.index-news ul li a:hover{



    color: #6a3b0e



}







.index-news ul li span{



    float: right;



    color: #6a6a6a



}











/*footer*/



.footer{



    padding: 0 10px



}



.footer-bg{



    background: #171717;   



    color: #777;



    padding: 40px 0;



    overflow: hidden;	



}







.footer-tell{



    font-size: 12px;



    text-align: center;



    margin-bottom: 20px;



}



.footer-tell a{ color:#777}



.footer-tell h2{font-size:18px;color:#d48900; font-weight:700; margin:10px 0 30px 0;}



.footer-tell p{line-height:26px;}



.footer-tell dt{ display:inline-block; margin:0 10px;}



.b_pro{ width:200px; height:30px; line-height:30px; background:#222222; border:1px solid #222222;  display:block}



.b_pro:hover{border:1px solid #8c673e;}



.share{display:inline-block; margin-top:0;}



.share p{ margin-top:10px; display:block;}



.footer-nav{



 overflow: hidden;



}







.footer-nav li{



    float: left;



    padding-right: 20px;



    line-height: 40px



}







.footer-nav li a{



    color: #777;



}







.footer-nav li a:hover,.link  a:hover{



    color: #fff



}







.link-boder{     



    clear: both;   



	background:#000000;



	line-height:50px;



	text-align:center;



}







.link{



    color: #444;



    font-size: 12px;



}







.link a{



    color: #444;



    padding: 10px;



    line-height: 48px



}







.footer span{   



    display:inline-block;



    background:url(../images/fotx.png) no-repeat center center;



    width: 80px;



    text-align: center; 



	padding:10px 0;



}











.share2 span{    



    background:url(../images/fotx2.png) no-repeat center center;



    width: 80px;



	display:inline-block;



    



}















.footCheck,.footWeChat,.footMobile{



    width: 28px;



    height: 28px;



	float:left;



   



}







.online{ text-align:center; border-top:1px solid #e5e5e5; display:block; margin-top:30px; padding:10px 0;}











/*走进善昊*/



.crumbs{



    position: absolute;



    bottom:0;



    height: 53px;



    width: 100%;



    background: rgba(253,250,250,.9);  



}



.crumbs p,.crumbs a{



    font-size: 14px;



    line-height: 53px;



    color:#828282;



    overflow: hidden;



    text-overflow:ellipsis;



    white-space: nowrap;



}



.crumbs a:hover{



    color:#3c3c3c;



    transition:0.5s;



    text-decoration:none;



}



.apprsh{



    position: absolute;



    top:50%;



    left: 30%;



}



.apprsh h2{



    font-size: 46px;



    line-height: 24px;



    color:#161616;



    font-weight: bold;



}



.apprsh p{



    font-size: 12px;



    line-height: 22px;



    color:#313131;



    text-transform: uppercase;



}







/*善昊是做什么的*/



.shanHaoWhatIs{



    padding-top: 45px;



    border-bottom: 1px solid #e5e5e5;



}



.shwiLeft{



    float: left;



    width: 47.72%;



    box-sizing: border-box;



    padding-right: 4.4%;



    padding-top: 48px;



}



.shanHaojs h2{



    font-size: 36px;



    line-height:36px;



    color:#161616;



    font-weight: bold;



}



.shanHaojs strong{



    font-size: 32px;



    line-height: 32px;



    color:#b9b9b9;



    font-weight: normal;



    background: url(../images/shwiStr.png) no-repeat left 68px;



    padding: 15px 0 48px;



    display: block;



}



.shwiLeft p{



    font-size: 14px;



    line-height: 24px;



    color:#6d6d6d;



}



.shwiLeft h3{



    font-size: 24px;



    line-height: 36px;



    color:#161616;



    padding: 12px 0 36px;



}



.shwiLeft h5{



    font-size: 14px;



    line-height: 30px;



    color:#6d6d6d;



}



.shwiLeft h5 b{



    color:#161616;



}



.shwiRight{



    float: right;



    width: 52.28%;



    font-size: 0;



}



.shwiRight img{



   width: 100%;



   height:auto;



   display: block;



}



.shanHaowad h2,.shanHaodydi h2{



    padding-top: 45px;



}



.shanHaowad strong,.shanHaodydi strong{



    padding:5px 0 38px;



    background: none !important; 



}



.shanHaodydi{



    text-align: center;



    padding: 21px 0; 



}



.shwadbar{



    width: 100%;   



    position:relative; 



}



.shwadbar img{



    width: 100%;



    height:auto;



}



.shwadbar div{



    width: 28%;



    height: 85%;



    background:rgba(0,0,0,.3); 



    position: absolute;



    top:8%;



    font-size: 14px;



    line-height: 24px;



    color:#fff;



    right:30px;



    padding:5.5% 2% 0;   



}



.shwadbar ul{ height:50px; background:url(../images/dldot.png) left no-repeat; color:#333; line-height:50px; padding-left:30px;}



.shwadbar ul li{ display:inline-table; margin:0 10px;}



.message_main h2{ background:#f4f4f4; text-align:center; font-size:16px; font-weight:700; padding:15px 0; margin-bottom:30px;}











/*产品价值*/







.projectValue {



    background: url(../images/shhbg.png) no-repeat center 30px;



    margin: 56px 0 36px;



}



.projectValue h2,.projectValue p{



    color:#3c3c3c;



    text-align: center;



    font-weight: bold;







}



.projectValue h2{



    font-size: 24px;



    line-height: 32px;



}



.projectValue p{



    font-size: 12px;



    line-height: 30px;



    text-transform: uppercase;



}



.projectContent{



    background: #f9f9f9;



    padding:14px 0 64px; 



}



.projectContent h3{



    font-size: 24px;



    line-height: 60px;



    color:#262626;



    text-align: center;



    position: relative;



}



.projectContent h3:after{



    content:'';



    display: block;



    width: 0px;



    height: 0px;



    border-left:14px solid transparent;



    border-right:14px solid transparent;



    border-top:14px solid #7c7c7c;



    border-bottom:14px solid transparent;



    position: absolute;



    left: 50% ;



    margin-left:-14px; 



}



.proSub{



    padding-top:30px; 



}



.proSub>.clear{



    padding: 10px 0 0;



}



 .proSubLeft{



    float: left;



    width:92px;



 }



  .proSubRight{



	text-align:center; 



 }



.proSubLeft a{ 



    font-size: 18px;



    line-height: 28px;



    width: 92px;



    color:#353535;



    padding: 0 7px;



}



.proSubRight li{



    margin:10px 0;



	display:inline-block;   



    margin-bottom:10px; 



	padding:6px 30px; 



    box-sizing: border-box;



    border:1px solid #c3c3c3; 



}



.proSubRight li:hover,.cur{ background:#D48900; }



.proSubRight li:hover a,.cur a{color:#FFF;}







.proSubRight li a{



    display: block;



    line-height: 28px;



    text-align:center;



    font-size: 14px;



}







.porCouli{  



    padding: 0 22px; 



    margin-top:23px; 



    float: left;



    width:49%;



    box-sizing: border-box;



    margin-right:5px; 



}



.porCouli:nth-child(2n){



    float: right;



}



.porCouli h3{



    font-size: 22px;



    line-height: 30px;



    color:#000;



    padding: 6px 0 6px;



    border-bottom: 1px dashed #ccc;



    overflow: hidden;



    text-overflow:ellipsis;



    white-space: nowrap; 



}



.porCouli .media{



    margin-top: 25px;



    margin-bottom: 50px;



}



.porCouli .media a{



    width: 44.5%;  



    display: block;   



}   



.porCouli .media a img{



    width: 100%;



    height: auto;



    display: block;



}



.porCouli .media p{



    font-size: 14px;



    line-height: 24px;



    color:#838383;   



    overflow: hidden;



    -webkit-line-clamp:3;



    -webkit-box-orient:vertical;



    display: -webkit-box;



}







.porCouli .media h3{



	display:block;



    font-size: 14px;



    line-height: 24px;



    color:#a3a3a3;



    margin: 4px 0; 



	border:0;   



}



.porCouli .media h3 a{ color:#333333; }











.porCouli .media-body span{



    font-size: 12px;



    line-height: 30px;



    color:#a3a3a3;



}







.porCouli .media-body span a{ margin-right:20px; color:#353535; font-size:14px;}











.bot_line{ border-bottom:1px dashed #ccc; width:100%; clear:both;}















.spanCk{



    background: url(../images/prock.png) no-repeat left -1px;



}



.spanNm{



    background: url(../images/proNm.png) no-repeat left -1px;



    margin-left: 20px;



}



.PageBraek{



    margin:53px 0;



    text-align: center;



}



.PageBraek span{



    display: inline-block;



    margin:0  6px;



    background: #eaeaea;



    width:31px;



    height: 31px;



    text-align: center;;



    line-height: 31px; 



}



.PageBraek span:last-child,.PageBraek span:first-child{



    width: 74px;



}







/*讲师团队*/



.lecBar{



    width: 100%;



    height:272px;



}



.lecBar img{



    width: 100%;



    height: 100%;



}



.starLecLi{



    float: left;



    width: 20%; 



    font-size: 0;



    position: relative;



}



.starLecLi a{



    display:block;



}



.starLecLi a img{



    width: 100%;



    height: 100%; 



}



.starDiv{



    display: none;



    position: absolute;



    top:0;



    left: 0;



    width: 100%;



    height: 100%;



    background:rgba(0,0,0,.7);



    transition:0.5s;



    -webkit-transition:0.5s;  



}



.starLecLi:hover .starDiv{



    display: block; 



}



.starDiv:after{



    content: '';



    display: inline-block;



    vertical-align: middle;



    line-height: 100%;



    height: 100%; 



}



.starDiv>div{



    display: inline-block;



    vertical-align: middle;



    line-height: 100%;



    padding:0 14%;



    position: relative;



}



.starDiv>div:after{



    content: '';



    display: block;



    width:52px;



    height: 52px;



    border-top: 8px solid #fff;



    border-left: 8px solid #fff;



    position: absolute;



    left:7%;



    top:-40px;



}



.starDiv>div:before{



    content: '';



    display: block;



    width:52px;



    height: 52px;



    border-bottom: 8px solid #fff;



    border-right: 8px solid #fff;



    position: absolute;



    right:7%;



    bottom:-40px;



}



.starDiv h3{



    text-align: center;



    font-size: 30px;



    line-height: 24px;



    color:#fff;



    margin-bottom: 22px;



}



.starDiv p{



    font-size: 14px;



    line-height: 20px;



    color:#fff;



    text-align: left;



    font-weight: normal;



}







.lecturerTeam{



    text-align: center;



}



.lecturerTeam>h2{



    font-size: 30px;



    line-height: 30px;



    color:#161616;



    padding-top: 20px;



}



.lectuTeamp{



    font-size: 12px;



    line-height: 24px;



    color:#161616;



    text-transform: uppercase;



    display: inline-block;



    border-bottom:3px solid  #ecbc4e;



    font-weight: bold;



    margin-bottom: 45px;



    padding-bottom: 8px;



}



.lecTeamDiv{



    width:1250px;



    margin:0 -15px;  



}







/*



.lecTeamli{



    width:30%;



    margin:150px 10px;



    float: left;



    box-sizing: border-box;  



	border:1px solid #cbcbcb;



	height:300px;



	position: relative;



}











.lecTeamul li.lecTeamli:nth-child(2){



   width:30%;



    margin:200px 10px;   



}



*/











.lecTeamDiv ul li{

	width: 30%;

	float: left;

	box-sizing: border-box;

	border: 1px solid #cbcbcb;

	height: 300px;

	position: relative;

	margin-top: 150px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 10px;



}







.lecTeamDiv ul li:nth-child(2){

	width: 30%;

	margin-top: 200px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 10px;



}







.lecTeamDiv ul li:nth-child(6){

	width: 30%;

	margin-top: 200px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 10px;



}























/*







.lecTeamul  li { display: inline; float: left; height: 280px; width: 32%; margin:150px 12px 0 12px; background:#f0f0f0; position:relative; }







.lecTeamul li.t1{ 



    width:30%;



    margin:150px 10px;



    float: left;



    box-sizing: border-box;  



	border:1px solid #cbcbcb;



	height:300px;



	position: relative;}



.lecTeamul li.t2{



	width:30%;



    margin:200px 10px; 



	}







*/







































.lecTeamul>ul>li.lecTeamA img:nth-child(2) {



    width: 80%;



    position: absolute;



    top: -100%;



    left: 40%;



}







.lecTeamli .thumbnail{	



    padding:0; 	   



    border-radius: 0; 



}



.lecTeamA{



    width:100%; 



}



.lecTeamA img{

	width: 220;

	position: absolute;

	left: 77px;

	top: -110px;

	height: 220;



}







.lecTeamli .caption{

	text-align: center;

	padding-top: 9px;

	padding-right: 20px;

	padding-bottom: 9px;

	padding-left: 20px;



}







.lecTeamli .caption {

	padding: 9px 20px;

	color: #333;

	position: absolute;

	bottom: 43px;

	text-align: center;

	display: block;

	width: 100%;



}



.lecTeamli .caption h3{

	font-size: 16px;

	line-height: 30px;

	color: #010101;

	font-weight: bold;

	border-bottom: 2px solid #cccccc;

	display: inline-block;

	width: 100%;

	padding-top: 9px;

	padding-right: 20px;

	padding-bottom: 9px;

	padding-left: 20px;



	



}



.lecTeamli .caption p{



    font-size: 14px;



    line-height: 20px;



    color:#828282; 



    font-weight: normal;



    overflow: hidden;



    -webkit-line-clamp:3;



    -webkit-box-orient:vertical;



    display: -webkit-box;



}



.lecTeamli .caption a{



    display: inline-block;



    box-sizing: border-box;  



    height: 27px;



    line-height: 27px;



    padding:0; 



    text-align: center;



    font-size: 18px;   



}



.lecTeamli .caption a:hover{



   color:#D48900;



}



.lecturerTeam .PageBraek{



    margin:39px 0 114px; 



}







/*产品详情*/



.proview_bg{ width:100%; height:740px; background:url(../images/proview_bg.jpg) no-repeat center center; }



/*产品详情_end*/



.view_pro{position:relative; width:100%; height:740px;}



.view_content{position:absolute; bottom:0; width:100%;}







/*企业见证*/



.enterFoot{



    margin-top: 0 !important;



}







.listEn{



    background-color: #f7f7f7;



    padding: 50px 0;



}



.listEnImg{



    width: 100%;



    height:100%;



    display: block;



}



.listEnLeft{



	



	float:left;	 



    width: 55%;  



    background:#fff;



	height:600px;



	margin:0;



	padding:0;



	



}



.listEnRight{    



   float:left;	



    width:45%;



	background:#b37403;



	height:600px;



	margin:0;



	padding:0;



}



.listEnRight a{



    text-decoration: none;



}







.listEnTab{ width:80%; margin:30px auto; color:#fff;}







.listCon{ margin: 0  -5px;}



.listEnul{



    width: 100%



}



.listEnli{



    float: left;



    width: 25%;



    box-sizing: border-box;



    margin-bottom: 10px



}



.listEnli a{



    display: block;



    height: 38px;



    margin:0  5px; 



    line-height: 38px;



    text-align: center;



    background-color:#e9e9e9;



    color:#000; 



    font-size: 16px;



}



.listEnli.cur a{



    background-color:#ecbc4e;



    color:#fff;



}



.listEnli a:hover{



    background-color:#ecbc4e;



    color:#fff;



}



.listEnTab .liEnTablink{



    width: 100%;



    display: block;



    font-size: 0;



}



.listEnTab .liEnTablink img{



    width: 100%;



    height: 100%;



    display: block;



}



.listEnTab h3{



    font-size: 30px;



    line-height: 24px; 



    padding: 18px 0 12px;     



    margin-bottom: 18px;



}







.listEnTab p{



    font-size: 14px;



    line-height: 30px;   



    overflow: hidden;



    text-overflow:ellipsis;



    white-space: nowrap;



}



.listEnTab h4 b{



    color:#fff;



}



.listEnTab p{line-height:36px;}



.listEnTab span{



    display: inline-block;



    width: 25px;



    height: 25px;



    background-color:#e9e9e9;



    color:#000;



    border-radius: 50%;



    line-height: 25px;



    text-align: center;



    font-size: 12px;



    padding:0 4px; 



}



.listEnTab span.cur{



    background-color:#ecbc4e;



    color:#fff;



}







/*服务案例*/



.serviLi{



    padding:28px 0; 



    border-bottom: 1px dashed #c4c4c4;



}



.serviLeft{



    float: left;



    width:31.4%;



    box-sizing: border-box;



}



.serviLeft a{



    display: block;



    width: 100%;



}



.serviLeft a img,.serRtop a img{



    width: 100%;



    height: 100%;



    display: block;







}



.serviRight{



    float: right;



    width:68.6%;



}



.serRtop{



    margin-left: 1.4%;



    background-color: #f9f9f9;



}



.serRtop a{



    float: left;



    width: 23%;



}



.serRtop div{



    float: right;



    width: 77%;



    padding: 25px 32px 50px 26px; 



}



.serRtop h3{



    font-size: 18px;



    line-height: 30px;



    color:#242424;



}



.serRtop p{



    font-size: 14px;



    line-height: 20px;



    color:#828282;



    overflow: hidden;



    -webkit-line-clamp:4;



    -webkit-box-orient:vertical;



    display: -webkit-box;



}



.serRbot{



    margin-top: 14px;



}



.serRbot a{



    float: left;



    width: 20%;



    padding-left: 1.4%;



    box-sizing: border-box;



}



.serRbot a img{



    width: 100%;



    height: 100%;



    display: block;



}











/*直播现场*/



.splendid{



    background-color:#f1f1f1;



    padding: 50px 0; 



}



.splenP{



    margin-bottom: 23px;



} 



.splenP span{



    float: left;



    width: 120px;



    height: 38px;



    line-height: 38px;



    font-size: 18px;



    color:#fff;



    background-color:#161616;



    text-align: center; 



}



.splenP a{



    float: right;



    font-size: 12px;



    color:#3c3c3c;



    text-transform: uppercase;



    line-height: 38px;



}



.splenLi{



    float: left;



    width: 50%;



    padding-right: 16px; 



}



.splenLi:nth-child(2n){



    float: right;



    padding-left: 16px;    



    padding-right: 0;    



}



.splenLink{



    width: 100%;



    display: block;



    position: relative;



}



.splenLink div{



    position: absolute; 



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background:rgba(0,0,0,0.4);



    display: none;



}



.splenLink:hover div{



    display: block;



}



.splenLink div:before{



    content: '';



    position: absolute;



    top: 50%;



    left: 50%;



    width: 14%;



    height: 22%;



    margin-top: -7%;



    margin-left: -7%;



    border-radius: 50%;



    border:3px solid #fff;



    box-sizing: border-box; 



    opacity: 0.5;



    -webkit-opacity:0.5;



}



.splenLink div:after{



    content: '';



    display: block;



    top: 50%;



    left: 50%;



    margin-top: -12px;



    margin-left: -4px;



    width: 0;



    height:0;



    display: block !important;



    border-top: 12px solid transparent; 



    border-right: 12px solid transparent; 



    border-bottom: 12px solid transparent; 



    border-left: 12px solid #fff; 



    position: absolute;



    opacity: 0.5;



    -webkit-opacity:0.5;



}



.splenLink img{



    width: 100%;



    height: 100%;



    display: block;



}



.splenChar h3{



    font-size: 18px;



    color:#303030;



    line-height: 24px;



    margin:24px 0 14px;



    overflow: hidden;



    text-overflow:ellipsis;



    white-space:nowrap; 



}



.splenChar p{



    font-size: 14px;



    color:#828282;



    line-height: 20px;



    margin-bottom: 50px;



    overflow: hidden;



    -webkit-line-clamp:3;



    -webkit-box-orient:vertical;



    display: -webkit-box;



}



.splenDetai{



    display: inline-block;



}



.liveGood{



    width: 100%;



    position: relative;



}



.liveGood img{



    width: 100%;



    height: 100%;



    display: block;



} 



.liveGoodPosi{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    margin: 0 auto; 



}



.liveGoodPosi:after{



    content: '';



    display: inline-block;



    line-height: 100%;



    height: 100%;



    vertical-align: middle;



}



.liveGoodPosi div{



    display: inline-block;



    vertical-align: middle;



    width: 98%;



}



.liveGoodPosi h4{



    font-size: 30px;



    line-height: 30px;



    color:#f1f1f1;



    text-transform: uppercase;



    text-align: center;



    margin-bottom: 15px;



}



.liveGoodPosi h5{



    text-align: center;



    font-size: 36px;



    line-height: 36px;   



    color:#f1f1f1; 



}



.liveVideo{



    margin:0 -16px; 



    overflow: hidden;



}



.liveLi{



    float: left;



    width: 25%;



    box-sizing: border-box;



    padding:0 16px;



}



.liveLi a{



    display: block;



    width: 100%;



    position: relative;



}



.liveLi a img{



    display: block;



    width: 100%;



    height: 100%;



}



.liveLi a  div{



    position: absolute; 



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background:rgba(0,0,0,0.4);



    display: none;



}



.liveLi a  div:before{



    content: '';



    position: absolute;



    top: 50%;



    left: 50%;



    width: 22%;



    height: 26.7%;



    margin-top: -11%;



    margin-left: -11%;



    border-radius: 50%;



    border:3px solid #fff;



    box-sizing: border-box; 



    opacity: 0.5;



    -webkit-opacity:0.5;



}



.liveLi a div:after{



    content: '';



    position: absolute;



    top: 50%;



    left: 50%;



    margin-top: -12px;



    margin-left: -4px;



    width: 0;



    height:0;



    display: block !important;



    border-top: 12px solid transparent; 



    border-right: 12px solid transparent; 



    border-bottom: 12px solid transparent; 



    border-left: 12px solid #fff; 



    opacity: 0.5;



    -webkit-opacity:0.5;



}



.liveLi a:hover div{



    display: block;



}



.liveLi h3{



    font-size: 14px;



    line-height: 30px;



    color:#7b7b7b;



    margin: 12px 0 24px;



    text-align: center;



}







/*新闻动态*/







.newMedia{



    background: #f9f9f9;



    padding: 54px 0 68px; 



}



.newMedia .media .pull-left{



    width: 27.7%;



    padding-right: 0;



}



.newMedia .media .pull-left img{



    width: 100%;



    height: 100%;



}



.newMedia .media-body{



    float: right;



    width:72.3%;



    padding-left: 5.2%;



} 



.newMedia .media-body h4{



    font-size: 24px;



    line-height: 24px;



    color;#5a5a5a;



    margin: 30px 0 27px;



    overflow: hidden;



    text-overflow:ellipsis;



    white-space: nowrap;



}



.newMedia .media-body p{



    font-size:14px;



    line-height: 20px;



    color;#5a5a5a;



    margin-bottom: 20px;



    overflow: hidden;



    -webkit-line-clamp:2;



    -webkit-box-orient:vertical;



    display: -webkit-box; 



}



.readMore{



    position: relative;



    font-size: 14px;



    line-height: 30px;



    color:#4b4b4b;



    background-color:#eae6e1;



    width: 90px;



    height: 30px; 



    text-align: center;



    display: inline-block;



}



.readMore:after{



    content:'';



    display: block;



    position: absolute;



    right: -14px;



    top:7px; 



    width: 0;



    height: 0;



    border-top:8px solid transparent;



    border-right:8px solid transparent;



    border-left:8px solid #eae6e1;



    border-bottom:8px solid transparent;



}







.hotNewLi{



    padding:38px 0;



    border-bottom: 1px dashed #c4c4c4;



}



.hotNewLi h3{



    font-size: 18px;



    line-height: 30px;



    color:#303030;



    overflow:hidden;



    text-overflow:ellipsis;



    white-space: nowrap;



}



.hotNewLi h3 .readMore{



    margin-right: 16px;



}



.hotNewLi p{



    font-size: 14px;



    line-height: 20px;



    color:#828282;



    margin-top: 16px;



}



.joinsh{



    margin-bottom: 100px;



}



.joToLeft{



    float: left;



    width:39.2% ;



    position: relative;



}



.joToposi{



    position: absolute;



    top:0;



    left: 0;



    width: 100%;



    height: 100%;    



}



.joToposi:before{



    content: '';



    display: inline-block;



    vertical-align: middle;



    height: 100%;



    line-height: 100%;



}



.joTovtcal{



    display: inline-block;



    vertical-align: middle;



    width: 98%;



    padding:0 7%; 



}



.joToRight{



    float: right;



    width: 60.8%;



}



.joToLeft img,.joToRight img{



    width: 100%;



    height:100%;



}



.joToLeft:before{



    content: '';



    display: block;



    position: absolute;



    right: -34px;



    top:50%;



    margin-top: -18px;



    width: 0px;



    height: 0px;



    border-top:18px solid transparent;



    border-right:18px solid transparent;



    border-bottom:18px solid transparent;



    border-left:18px solid #ecbc4e;



}



.joinTop h2{



    font-size: 42px;



    color:#000;



    line-height: 42px;



    margin-bottom: 28px;



    font-weight: bold;



}



.joinBot h3{



    font-size: 30px;



    line-height: 30px;



    color:#000;



    margin-bottom: 30px;



    font-weight: bold;



}



.joinBot p,.joinTop p{



    color:#000;



    font-size: 14px;



    line-height: 36px;



}



.joinBot h4,.joinTop h4{



    font-size: 22px;



    font-weight: bold;



    line-height: 22px;



    color:#000;



    margin-bottom: 7px;



}



.joinBot{



    font-size: 0;



    position: relative;



    width: 100%;



    overflow: hidden;



}



.joinBot img{



    width: 100%;



    height:100%;



    display: block;



}



.joBotposi{



    position: absolute;



    left: 0;



    top: 0;



    padding: 7% 0 0 4.5%;



    width: 73%;



}



.joBotposi h4:nth-child(2n+1){



    margin-top: 46px;



}







/*视频video*/



.vjs-default-skin .vjs-big-play-button{



    width: 82px !important ;



    height: 82px!important ;



    border-radius: 50% !important;



    position: relative;



    border:3px solid #fff !important;



    top:50% !important;



    left: 50% !important;



    margin-top:-41px;



    margin-left: -41px;







} 



.vjs-default-skin .vjs-big-play-button:before{



    content: '' !important;



    width: 0 !important;



    height: 0 !important;



    display: block !important;



    border-top: 12px solid transparent; 



    border-right: 12px solid transparent; 



    border-bottom: 12px solid transparent; 



    border-left: 12px solid #fff; 



    position: absolute;



    left: 50% !important;



    top:50%;



    margin-top: -12px;



    margin-left: -2px;







}







/*服务案例详情*/



.serDeTitle{



    text-align: center;



    padding: 50px 0;



    border-bottom: 1px dashed #d0d0d0;



}



.serDeTitle h2{



    font-size: 36px;



    color:#010101;



    line-height: 36px;



    font-weight: bold;



    margin: 23px 0;



}



.serDeTitle div{



    font-size: 12px;



    color:#6c6c6c;



    line-height: 12px;



}



.spanBw{



    background: url(../images/probw.png) no-repeat left -1px;



    margin-left:20px; 



}



.serDeTitle .spanCk,.serDeTitle .spanBw{



    padding-left: 20px;



}



.serDetails p{



    margin:45px 0;



    font-size:14px;



    line-height: 28px;



    padding: 0 10px; 



    color: #828282;



    text-indent: 2em; 



}



.serDeLi{



    width: 100%;



    margin-bottom:30px; 



}



.serDeLi img{



    margin: 0 auto;



    width: 80%;



    display: block;



}











/*直播现场*/



.livedetail{



    margin: 0 auto;



    width: 80%;



    height:600px;



}



.livedetail img{



    width: 100%;



    height: 100%;



}











/*老师个人介绍*/







.instop,.givetop,.tutor_intro_top{



    padding: 65px 0 28px;



    border-bottom:1px solid #d8d8d8;



}







.tutor_intro_top .left{



    float: left;



    width:145px;



}



.tutor_intro_top .left h3{



    font-size: 24px;



    color:#242424;



    line-height: 24px;



    margin-bottom: 12px;



}



.tutor_intro_top .left p{



    color:#6c6c6c;



    font-size: 12px;



}



.grczchecks{



    background:url(../images/probw.png) no-repeat left;



    padding: 0 12px 0 18px;







}



.grcztime{



    background:url(../images/prock.png) no-repeat left; 



    padding: 0 12px 0 18px;



}



.tutor_intro_top .right{



    float: right;



    font-size: 0;



    margin-top:4px; 



}



.tutor_intro_top .right a{



    display:inline-block; 



    width:42px;



    font-size: 0;



    padding-left:8px;



}



.tutor_intro_top .right img{



    width:100%;



    height: 100%



}



.mentorjs{



    padding-top: 46px;



}



.mentorjs_img{



    float: left;



    width: 43.4%;



}



.mentorjs_img img{



    width:100%;



    height:100%;



}



.mtdwei{



    float: right;



    width: 56.6%;



    padding-left: 43px;



    box-sizing: border-box;



}



.mtdwei span{



    display: block;



    margin: 10px 0 45px;



    background-color:#1ea0bc;



    color:#fff;



    font-size: 18px;



    width: 186px;



    height:45px;



    line-height: 45px;



    text-align: center;



}



.mtdwei p{



    color:#4d4d4d;



    font-size: 14px;



    line-height: 22px;



    overflow: hidden;



    -webkit-line-clamp: 4;



    -webkit-box-orient: vertical;



    display: -webkit-box;







}



.mtdwei h4{



    color:black;



    font-size: 18px;



    padding:40px 22px; 



}             



.mtdwei h5{



    font-size: 14px;



    line-height: 26px;



    color:#4d4d4d;



}   







.instop{



    margin-bottom: 23px;



}



.instop h3,.givetop h3{



    font-size: 24px;



    color:#242424;



    line-height: 24px;



}























/*二级菜单*/







*, *:after, *:before {
	box-sizing: border-box;



}







.animenu__toggle {



  display: none;



  cursor: pointer;



  background-color: #111;



  border: 0;



  padding: 10px;



  height: 40px;



  width: 40px;



}



.animenu__toggle:hover {



  background-color: #0186ba;



}







.animenu__toggle__bar {



  display: block;



  width: 20px;



  height: 2px;



  background-color: #fff;



  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 



  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 



  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 



}



.animenu__toggle__bar + .animenu__toggle__bar {



  margin-top: 4px;



}







.animenu__toggle--active .animenu__toggle__bar {



  margin: 0;



  position: absolute;



}



.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {



  -webkit-transform: rotate(45deg);



  -ms-transform: rotate(45deg);



  -o-transform: rotate(45deg);



  transform: rotate(45deg);



}



.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {



  opacity: 0;



}



.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {



  -webkit-transform: rotate(-45deg);



  -ms-transform: rotate(-45deg);



  -o-transform: rotate(-45deg);



  transform: rotate(-45deg);



}







.animenu {



  display: block;



}



.animenu ul {



  padding: 0;



  list-style: none;



  font: 0px 'Open Sans', Arial, Helvetica;



}



.animenu li, .animenu a {



  display: inline-block;



  font-size: 15px;



}



.animenu a {



  color: #aaaaaa;



  text-decoration: none;



}







.animenu__nav > li {



  position: relative; 



}



.animenu__nav > li > a {



  padding: 0 10px;



  text-transform: uppercase;



}



.animenu__nav > li > a:first-child:nth-last-child(2):before {



  content: "";



  position: absolute;



  border: 4px solid transparent;



  border-bottom: 0;



  border-top-color: currentColor;



  top: 50%;



  margin-top: -2px;



  right: 10px;



}



.animenu__nav > li:hover > ul {



  opacity: 1;



  visibility: visible;



  margin: 0;



}



.animenu__nav > li:hover > a {



  color: #fff;



}































.animenu__nav__child {



  min-width: 100%;



  position: absolute;



  top: 100%;



  left: 0;



  z-index: 1;



  opacity: 0;



  visibility: hidden; 



  background-color: #f4f4f4;



  padding:10px 0;



  transition: margin .15s, opacity .15s;



}



.animenu__nav__child > li {



  width: 100%;



  border:0;



  padding:6px 0;



  margin:0;



}







.proSubRight> ul> li> ul.animenu__nav__child li a {



color:#000;



}







.proSubRight> ul> li> ul.animenu__nav__child li:hover{



color:#D48900;



background:none



}



.proSubRight> ul> li> ul.animenu__nav__child li:hover a{



color:#D48900;







}







.animenu__nav__child > li:first-child > a:after {



  content: '';



  position: absolute;



  height: 0;



  width: 0;



  left: 1em;



  top: -6px;



  border: 6px solid transparent;



  border-top: 0;



  border-bottom-color: inherit;



  color:#000;



}



.animenu__nav__child > li:last-child {



  border: 0;



}



.animenu__nav__child a {  



  padding: 0 10px;



  width: 100%;



  border-color: #f4f4f4;



}



.animenu__nav__child a:hover { 



  color: #d48900;



}



/*二级菜单_end*/







/*图片放大镜样式*/



.product_le{



	width: 90%;



	margin:10px auto;



	text-align:center;



}



.jqzoom {



	float: left;



	border: none;



	position: relative;



	padding: 0px;



	cursor: pointer;



	margin: 10px 0 20px 0;



	display: block;



	width: 100%;



	height:450px;



}







.zoomdiv {



	z-index: 100;



	position: absolute;



	top: 0px;



	left: 0px;



	width: 100%;



	height: 350px;



	background: #ffffff;



	border: 1px solid #CCCCCC;



	display: none;



	text-align: center;



	overflow: hidden;



}







.jqZoomPup {



	z-index: 10;



	visibility: hidden;



	position: absolute;



	top: 0px;



	left: 0px;



	width: 10px;



	height: 10px;



	border: 1px solid #aaa;



	background: #ffffff/



	;



	opacity: 0.5;



	-moz-opacity: 0.5;



	-khtml-opacity: 0.5;



	filter: alpha(Opacity=50);



}







.jqzoom img {



	height: 100%;



}







.spec-scroll {



	clear: both;	



	padding-top: 5px;



	width: 100%;



	



}







.spec-scroll .prev {



	float: left



}







.spec-scroll .next {



	float: right;



}







.spec-scroll .prev{



	display: block;



	text-align: center;



	width: 10px;



	height: 59px;



	line-height: 48px;



	cursor: pointer;



	text-decoration: none;



	color: #672b1a;



	font-weight: 600;



	background:url(../images/left_01.jpg) no-repeat;



	margin-top:10px;



	margin-right:10px;



}











.spec-scroll .next {



	display: block;



	text-align: center;



	width: 10px;



	height: 59px;



	line-height: 48px;



	cursor: pointer;



	text-decoration: none;



	color: #672b1a;



	font-weight: 600;



	background:url(../images/right_01.jpg) no-repeat;



	margin-top:10px;



	margin-left:10px;	



}







.spec-scroll .prev:hover{



	background:url(../images/left_02.jpg) no-repeat;



}



.spec-scroll .next:hover {



	background:url(../images/right_02.jpg) no-repeat;



}



















.spec-scroll .items {



	float: left;



	position: relative;



	width: 90%;



	height: 84px;



	overflow: hidden;



}







.spec-scroll .items ul {



	position: absolute;



	width: 999999px;



	height: 84px;



}







.spec-scroll .items ul li {



	float: left;



	width: 100px;	



	text-align: center;



	border:1px solid #999;



	margin-right:10px;



}







.spec-scroll .items ul li img {



	padding: 8px 0;	



	height: 80px;



	cursor: pointer;



	background: #fff;



}











.product_ri{



	width: 48%;



}



.product_ri h5{



	border-bottom: 1px dashed #767676;



	padding: 8px 0;



	margin-bottom: 10px;



	font-weight: 600;



}



.product_ri p{



	line-height: 30px;



}



.product_ri p span{



	color: #8a3017;



	font-weight: 600;



	font-size: 1.285em;



}



.product_ri p a{



	background: url(../images/mm.png) no-repeat;



	width: 135px;



	line-height: 40px;



	display: block;



	text-align: center;



	color: #fff;



	font-size: 1.142em;



}



.product_ri p.mmo{



	margin-top:15px;



}







.pro_xx{



	margin-top: 40px;



	font-size: 0.857em;



	



}



.pro_xx p{



	font-size: 1em;



}



.pro_xx h5{



	border-bottom: 1px solid #672b1a;



	line-height: 30px;



	margin-bottom: 15px;



}



.pro_xx h5 i{



	background:#672b1a ;



	display: inline-block;



	padding: 2px 20px;



	color: #fff;



}



.pro_xx img{



	width: auto;



	max-width: 100%;



}



/*图片放大镜样式_end*/



/*猜你喜欢*/



.mt14{margin-top:14px;}



.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }



.mr_t1name { font: bold 16px/40px "微软雅黑"; color: #FFF; background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }



.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }



.mr_frbox { padding: 0 22px 0px; }



.mr_frBtnL { float: left; margin: 330px 22px 0px 0px; cursor: pointer; display: inline; }



.mr_frUl { float:left; width: 92%;  overflow:hidden;  padding:50px 0;}



.mr_frBtnR { float: right; margin-top: 330px; cursor: pointer; }



.mr_frUl ul li { display: inline; float: left; height: 280px; width: 32%; margin:350px 12px 0 12px; background:#f0f0f0; position:relative; }







.mr_frUl ul li.t1{ display: inline; float: left; height: 280px; width: 32%;  margin:350px 12px 0 12px; background:#f0f0f0; position:relative; }



.mr_frUl ul li.t2{ display: inline; float: left; height: 280px; width: 32%;  margin:400px 12px 0 12px; background:#f0f0f0; position:relative; }







.mr_frUl ul li img {  top: -340px; left:35%; position: absolute; }



.mr_frUl ul li .caption {



    padding: 9px 20px;



    color: #333;



    position: absolute;



    bottom: 30px;



    text-align: center;



}



.mr_frUl ul li .caption h3 {



    font-size: 16px;



    line-height: 30px;



    color: #010101;



    font-weight: bold;



    border-bottom: 2px solid #cccccc;



    display: inline-block;



    margin: 0 0 20px 0;



}



/*猜你喜欢_end*/



/*分页开始*/



.page{

	text-align: center;

	margin-top: 20px;

	margin-right: 0;

	margin-bottom: 50px;

	margin-left: 0;

	padding-right: 15px;

	padding-left: 15px;



}



.page li {



    text-align: center;



    display:  inline-block;



    margin: 5px 3px 0;



}



.page li a {



    display: block;



    line-height: 30px;



    height: 30px;



    padding: 0 12px;



    border: 0px solid #311d19;



}







.page li a:hover {	



	color:#D48900;



}



.page_now {color:#D48900;}