@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Microsoft Yahei';
	color: #666; 
	font-size: 16px; 
	line-height: 1.6;
	background:#cfe7ff url('../images/top.jpg') 0 0 no-repeat;
	position: relative;
}
h1{
	font-size:28px;
}
h2{
	font-size:24px;
}
h3{
	font-size:20px;
}
h4{
	font-size:18px;
}
h5{
	font-size:16px;
}
h6{
	font-size:14px;
}
ul,ol{
	margin-bottom: 20px;
}
a {  
	text-decoration: none; 
	-webkit-transition: all 0.3s;
 	-moz-transition: all 0.3s; 
	transition: all 0.3s;
}
.listnone{
	list-style:none;
}
a:focus, a:hover { 
	text-decoration: none; color: #009de1;
}
::selection {
	background: #E5F1F0; color: #2d2f30;
}
::-moz-selection {
	background: #E5F1F0; 
	color: #2d2f30;
}
*, *::before, *::after { transition: all .3s ease-in-out; }
hr{
	color: #d3d9df;
}
.img-responsiv{max-width: 100%;}

/* ================================= */
    /*===== Button =====*/
/* ================================= */
.btn { 
	padding: 13px 25px 13px 25px; 
	border-radius: 24px; 
	font-size: 14px; 
	line-height: 14px; 
	font-weight: 600;
 	letter-spacing: 1px; 
 	text-transform: uppercase;  
 	border:transparent;
	background: #F3900D;
	color: #fff;
	margin-left: 20px;
	margin-right:20px;
 }
.btn-default { 
	background: #47c93d; 
	color: #fff; 
	border:2px solid #47c93d; 
}
.btn-default:hover { 
	background-color: #42c339; 
	color: #fff;
	border:2px solid #42c339; 
}
.btn-default.focus, .btn-default:focus { 
	color: #fff; 
	background-color: #42c339;
	border:2px solid #42c339;
}
.btn-primary { 
	border:2px solid #c8d3dc; 
	background: #fff; 
	color: #221223;  
}
.btn-primary:hover { 
	border:2px solid #c8d3dc;
	background-color: #fff; 
	color: #221223;
}
.btn-primary.focus, .btn-primary:focus { 
	color: #fff; 
	background-color: #196398;
	border:2px solid #c8d3dc;
}
.btn-secondary {
	background-color: #074571; 
	color: #fff; 
}
.btn-secondary:hover {
	background-color: #0b5386; 
	color: #fff; 
}
.btn-lg {
	font-size: 16px; 
	padding: 20px 34px;
	border-radius:33px;
}
.btn-sm  {
	font-size: 14px; 
	padding: 10px 14px;
}
.btn-xs {
	font-size: 12px;
	padding: 6px 8px;
}
.btn-link { 
	color: #ec6b08;
	font-weight: 600; 
	font-size: 14px; 
	text-transform: uppercase;
	text-decoration: underline;
} 
.btn-linegreen{
	color:#fff;
	border-bottom:4px solid #47c93d;
	border-radius:0px;
	padding:13px 1px; 
	margin-right:30px;
	font-size: 17px;
	font-weight: 500;
}
.btn-lineblue{
	color:#fff; 
	border-bottom:4px solid #2481dc;
	border-radius:0px;
	padding:13px 1px; 
	font-size: 17px;
	font-weight: 500; 
}
.btn:hover, .btn:focus {   
	box-shadow: 0.87px 0.096px 10px 0 rgba(0, 0, 0, 0.4);
}
.btn-lineblue:hover,.btn-linegreen:hover{
	box-shadow:none;
	color: #f5f5f5;
}

/* ================================= */
    /*===== Input =====*/
/* ================================= */
.form-control{
	background-color:transparent;
	border:none;
	border-bottom: solid 1px #afbdbc;
	box-shadow: none;
	font-size: 14px;
	color: #221223;
	line-height: 2.67;
	border-radius: 0;
	height: 40px;
	font-weight: 600;
}
.form-control:focus{
	border-color: #afbdbc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(32,127,220,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(32,127,220,.6);
}

/* ================================= */
    /*===== top =====*/
/* ================================= */
.topbar-contact {
  float: right;
}
.topbar-info{
	margin:10px 0px 0px 10px;
	display:inline-block;
}
.topbar-info a{
	font-size: 14px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	padding: 5px 20px 9px 40px;
	-webkit-text-stroke-width: 1px; 
	-webkit-text-stroke-color: rgb(120, 0, 0); 
	color: rgb(255, 255, 255); 
	-webkit-text-fill-color: rgb(255, 255, 255);
}
.topbar-info span{vertical-align: middle;color: #fff;font-size: 14px;}
.ico_email{background: url('../images/ico_email.png') center no-repeat;background-size: 100% 100%;cursor: default;}
.ico_phone{background: url('../images/ico_phone.png') center no-repeat;background-size: 100% 100%;cursor: default;}
.topbar-info a.ico_login{padding:5px 20px 9px;background: url('../images/ico_login.png') center no-repeat;background-size: 100% 100%;}
.ico-logo{vertical-align: middle;margin-right:3px;width: 20px;height: 20px;display: inline-block;*display: inline;*zoom:1;background: url('../images/ico-logo.png') center no-repeat;}
.topbar-info a.ico_login span{vertical-align: middle;}
/*---------------- Header ------------------*/
.header{
	position: relative; 
}
.navbar-brand{padding: 10px 15px;height: auto;}
/*---------------------  Slider  ---------------------*/
.swiper-container img{overflow: hidden;width: 100%;height: auto;}

/* ================================ */
    /*===== General =====*/
/* ================================= */
.sprite { background: url('../images/sprite.png') 0 0 no-repeat; }
.index_title { margin: 0px 0px 35px; height: 25px;border-bottom: 1px solid #1776BD;text-align: center;}
.index_title span{ font: 24px/46px 'SimHei'; color: #333;height: 46px;display: inline-block;*display: inline;*zoom:1; padding-left: 50px;padding: 0px 20px 0px 70px; background-color: #cfe7ff; }
.title-bg-1 { background-position:-325px -357px; }
.title-bg-12 { background-position: -325px -253px; }
.title-bg-2 { background-position: -325px -305px; }
.title-bg-3 { background-position: -325px -305px; }
.title-bg-4 { background-position: -325px -357px; }
.title-bg-5 { background-position: -325px -464px; }
.title-bg-6 { background-position: -325px -407px; }
.title-bg-7 { background-position: -325px -515px; }
.list{text-align: center;}
/*---------------------  action  ---------------------*/
.i-action{padding-top: 40px;}
.i-action .list{background-color: #fff;padding: 10px 0px 15px;text-align: center;}
.i-action .list .col-sm-3{margin-bottom: 10px;}
.i-action .index_title{margin: 0px 15px 35px;}
.i-action .index_title span{background-color: #fff;}
.i-action .list .col-sm-3 span{
    width: 100%;
    height: 180px;
    display: block;
    overflow: hidden;
    text-align: center;
    /* border: 1px solid #ccc; */
}
.i-action .list .col-sm-3 img{max-width: 260px;height: 100%;width: 100%;}
.i-action .list a h3{color: #666;line-height: 24px;padding: 10px 0px;font-size: 18px;margin: 0px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.i-action .list .testimonial-name{color: #999;font-size: 14px;line-height: 20px;}
.i-action .list .testimonial-name i{margin-right:5px;}
.i-action .list a.join{float:right;margin-top:8px;color:#fff;font-size:14px;background-color: #48AD29;padding:5px 10px;display: inline-block;*display: inline;*zoom:1;}

/*---------------------  news  ---------------------*/
.i-news{padding-top: 35px;}
.i-news .list a span{display: block;overflow: hidden;width: 100%;height: 250px;text-align: center;}
.i-news .list a span img{transition:transform 2s;max-width: 300px;height: 100%;width: 100%;}
.i-news .list a span img:hover{transform:scale(1.5, 1.5);}
.i-news .list a h3{color: #666;line-height: 24px;padding: 10px 0px;font-size: 16px;margin: 0px;}
.i-news .list a p{color: #999;font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;}
.i-news .list a:hover p{color: #666;}
.i-news .list .testimonial-name{color: #999;font-size: 14px;line-height: 20px;}
.i-news .list .testimonial-name i{margin-right:5px;}
.i-news .list .testimonial-name .ion-ios-clock-outline{margin-left: 20px;}

/*---------------------  about  ---------------------*/
.bg-pic{
	background: url('../images/bg_pic.jpg') center no-repeat;
	background-size: 100% 100%;
	border-radius: 10px;
	padding: 15px 20px 15px;
	text-align: center;
}
.cont-pic{
	background: #fff;
	border:1px solid #609e12;
	border-radius: 10px;
	padding: 10px;
}
.cont-pic p{margin:0px;}
.pic-section{padding: 20px 0px 10px;}
.about-section{
	padding:80px 0px 10px;
}
.about-whitebox{
	text-align:center;
	padding:70px ;
	box-shadow: 0 37px 218px 0 rgba(0, 0, 0, 0.1);
	z-index:99;
	background:#ffffff;
}

/*---------------------  about ---------------------*/
.i-about{
	background-color: #fcfcfc;
	width: 100%;
	border-top:1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-top: 35px;
	padding: 20px;
}
.i-about .imgbox img{max-width: 100%;margin-top: 15px;}
.i-about .info .content p{font-size: 16px;line-height: 24px;color: #666;text-indent: 32px;}
.i-about .aboutlist ul{list-style: none;margin-top: 30px;padding: 0px;}
.i-about .aboutlist a{
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 34px;
}
.i-about .aboutlist a i{
	display: block;
	border: 1px solid #c7c7c7;
	/* padding: 10px; */
	width: 50px;
	height: 50px;
	border-radius: 100%;
	font-size: 35px;
	color: #c7c7c7;
	margin: 0px auto;
	line-height: 50px;
}
.i-about .aboutlist a:hover{
	color: #009de1;
	font-size: 15px;
	font-weight: bold;
}
.i-about .aboutlist a:hover i{
	color: #fff;
	background-color: #009de1;
	
}

.bottom{position: absolute;bottom:0px;left: 0px;width: 100%;z-index: -1;}
.bg-link{
	background: url('../images/link.png') center no-repeat;
	background-size: 100% 100%;
	padding: 15px 20px 15px;
	position: relative;
}
.bg-link .i_link{position: absolute;top:-41px;left: 0px;}
.bg-link .i_link_right{position: absolute;top:-41px;right: 0px;}
/*---------------------  footer ---------------------*/
.footer-section{
	background:url('../images/bg_foot.png') center repeat;
	color:#fff;
	margin-top: 50px;
}
.footer-widget{
	padding-top:20px;
	margin-bottom: 10px;
}
.footer-widget ul{padding: 0px;list-style: none;}
.footer-widget ul li{list-style:none;float:left; width: 22%; height:auto; margin: 0px 1%; text-align:center; overflow:hidden;}
.footer-widget ul li.maxli{width: 26%;}
.footer-widget .tit_1{float:left; width:100%; margin-bottom:5px; padding:5px 0; border-bottom:2px solid #fff; font:bold 16px/30px "Microsoft Yahei"; color:#fff;padding-left: 10px;text-align: left;}
.footer-widget .tit_2{float:left; width:100%; font:normal 14px/30px "Microsoft Yahei"; color:#fff;padding-left: 10px;text-align: left;}
.footer-widget a.tit_1{text-decoration: none;}

.footer-section h2{
	color:#fff;
	padding-left: 7%;
	margin: 0px 0px 10px;
}
.footer-contact-box{
	padding:20px 0px 10px;
	z-index: 1;
}

.footer-contact-box .contact-icon span{
	color:#fff;
	font-size:17px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom:1;
	width: 82%;
}
.footer-contact-box i{
	color:#fff;
}
.contact-icon i{
	font-size:25px;
	padding:0px 10px 0px 0px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	width: 15%;
	text-align: right;
	vertical-align: middle;
	box-sizing:border-box;
}
.footer-section .newsletter .form-control{
	background:#1d3349;
	border:transparent;
	border-bottom:1px solid #3c5167;
	border-radius:0;
	color:#536980;
	box-shadow:none;
}
.newsletter .form-control::-moz-placeholder{
  color: #536980;
}
.newsletter  .form-control::-moz-placeholder {
  color: #536980;
}
.newsletter  .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #536980;
}
.newsletter  .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #536980;
}
.newsletter .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #536980;
}
.newsletter .form-control:-moz-placeholder { /* Firefox 18- */
  color: #536980;
}
.footer-newsletter{
	color:transparent;
	border:transparent;
	background:transparent;
	font-size:18px;
}
.footer-newsletter i{
	color:#47c93d;
}

.tiny-footer-section{
	background:url('../images/bg_footer.png') center repeat;;
}
.tiny-footer-copyright{
	font-size:15px;
	color:#90a6bc;
	padding:18px 0;
	text-align: center;
}


/* --------------------- About US  ------------------- */
.blockquote{
	position:relative;
	margin-left:75px;
}
.blockquote p{
	margin-bottom:30px;
	font-size:22px;
	color:#221223;
	font-weight:300;
	line-height: 30px;
}

.blockquote:before{
	content: "“";
	display: inline-block;
	position: absolute;
	top: -25px;
	left:-75px;
	font-size:60px;
	color:#47c93d;
	font-weight:bold;
}
/* ================================= */
    /*===== Gallery =====*/
/* ================================= */
.gallery-box{
	position: relative;
	margin-bottom: 30px;
}
.gallery-box img{
	z-index: 999;
	background: #ccc;
	width: 100%;
}
.gallery-title{
	color: #fff;
	position: absolute;
	bottom: 0;
	z-index: 99;
	margin-left: 30px;
}
.overlay-gallery-box {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	display: block;
	height: 100% !important;
	position: absolute;
	top: 0;
	transition: all 0.5s ease-in-out 0s;
	width: 100%;
	z-index: 1;
}
.video-gallery .video-item .video-preview, .video-gallery .video-item .video-preview iframe {
  height: 100%;
  width: 100%;
}
.video-gallery .video-play{
	left: 50%;
	line-height: 95px;
	margin-right: -50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	background: #ff6868;
	border-radius:50%;
	color: #fff;
	width:64px;
	height: 64px;
}
.video-play i{
	display: block;
	margin-top: 23px;
}
/* ================================= */
    /*===== Appointment =====*/
/* ================================= */

.testimonial-bg{
	background: #e5f1f0;
}
#testimonial-box2 .testimonial-style-content{
	margin-right: 50px;
}
.appointment-form{
	margin-bottom: 20px;
}
.appointment-form .form-control{
	text-transform: uppercase;
}
.appointment-form .form-control::-moz-placeholder{
  color: #221223;
}
.appointment-form  .form-control::-moz-placeholder {
  color: #221223;
}
.appointment-form  .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #221223;
}
.appointment-form  .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #221223;
}
.appointment-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #221223;
}
.appointment-form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #221223;
}

/* ================================= */
    /*===== Contact US =====*/
/* ================================= */

.contact-box-content span{
	margin-bottom: 0;
	color: #221223;
	font-size: 13px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: 0.75px;
}
.contact-box-content a{
	color: #6b6f72;
	margin-bottom: 0;
}
.contact-box .contact-icon{position: relative;padding-left: 37px;line-height: 40px;}
.contact-box .contact-icon i{
	position: absolute;
	left: 0px;
	top:0px;
	line-height: 40px;
	color: #45c43d;
	font-size: 25px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align: middle;
	width: auto;
}
.contact-box .contact-box-content{
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align: middle;
}
.contact-box p{
	color: #6b6f72;
	margin-bottom: 0;
} 

/* --------------------- Mobile CSS  ------------------- */

@media(max-width:768px) { 
.header::before{
	background: none;
}
.specialities-box{
	display: none;
}
.dr-social-box{
	float: none;
}
.dr-details a{
	margin-bottom: 10px;
}
.footer-contact-box{
	padding: 10px 0px 0px;
}
.footer-widget{padding-top: 0px;}
.testimonial-arrow-right::after, .testimonial-arrow-right::before{
	left: -20px;
}
/*#testimonial-content .owl-item .projectitem{
	padding: 0 70px;
}*/
.footer-logo-box{
	text-align: center;
	margin: 10px 0  30px 0;
}
.department-nav li a{
	font-size: 16px;
}
.dr-details{
	padding: 15px;
}
/*.department-inner-icon{
	text-align: left;
	margin-bottom: 10px;
}*/
.department-right-box{
	margin-top: 20px;
}
.video-device{
	margin-bottom: 30px;
}
.menu-box{
	float: left;
	width: 100%;
}
.about-whitebox{
	padding: 60px 40px;
}
.blog-link{
	padding: 50px 40px;
}
.blog-link a{
	font-size: 20px;
}
}	
@media(max-width:992px) {
.testimonial-style{
	background-image: none;
} 
.left-quote{
	line-height: 0.6;
}
.home-contact{
	position: relative;

}
.home-contact-top:before {
	border:none;
	margin:0; 
}

}
@media(max-width:640px) {
	.p30{padding: 10px;}
}
@media(max-width:1280px) {
.testimonial-style{
	background-position: calc(52% - 0) calc(100% - 1px);
} 
}
@media(max-width:1300px) { 
	.specialities-box{
		display: none;
	}
}
/*工程案例*/
#demo a {color:#8f8f8f; text-decoration: none;}
#demo a:hover {color:#47c93d; text-decoration: none;}
#demo img{margin:0px 10px 10px 10px;}
#demo a img{border:1px solid #fff; display:block;}
#demo a img:hover{border:1px solid #47c93d; display:block;}

.footer-widget h4{color:#fff; font-size: 15px;text-align: center;margin-bottom: 10px;}
.weixin{font-size: 16px;color: #fff;text-align: center;margin-bottom: 20px;}
.mauto{margin: 0px auto;}
.tc{text-align: center;}
.bbline{border-bottom: 1px solid #ccc;}
.prodetail{list-style: none;margin:0px;}
.prodetail li{float: right;padding:10px 20px;cursor: pointer;}
.prodetail li.active{background-color: #ccc;}
.tab{display: none;}
/*侧边菜单栏*/
.col-l-tit {
  width: 174px;
  height: 53px;
  line-height: 53px;
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  float: right;
  background: url("../images/bg_03.png") 0 0 no-repeat;
  margin-right: -14px;
  margin-bottom: 12px;
}
.menu {
  width: 164px;
  float: right;
  padding:0px;
  list-style: none;
}
.menu li {
  margin-bottom: 12px;
}
.menu li .menu-item {
  height: 53px;
  position: relative;
  background: url("../images/bg_02.png") 0 0 no-repeat;
  cursor: pointer;
}
.menu li .menu-item a {
  text-align: center;
  display: block;
  line-height: 53px;
  color: #fff;
  font-size: 13px;
  font-weight:bold;
  font-family:"Microsoft YaHei";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 59;
  width: 100%;
}
.menu li .menu-item:hover,.menu li .menu-item a.current,.menu li .menu-item.current{
  background: url("../images/bg_01.png") 0 0 no-repeat;
}
.menu li.current .menu-2 {
  display: block;
}
.menu li.current .menu-item span {
  background-color: #b0cd4d;
}

.menu-2 {
  display: none;
}
.menu-2 li {
  height: 53px;
  border-bottom: 1px dotted #979394;
}
.menu-2 li a {
  color: #666;font-family:"Microsoft YaHei";
  text-align: center;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  display: block;
  line-height: 52px;
}
.menu-2 li a:hover,.menu-2 li a.current{
  color: #419fd9;font-family:"Microsoft YaHei";
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}
.about_tab{display: none;}
/*honor*/
.honor{padding: 0px;}
.honor li{list-style: none;text-align: center;}
.honor li a{color: #666;}
.honor li img{height: 100px;width: auto;max-width:100%;margin-bottom: 5px;}
.honor li p{height: 40px;font:16px/20px 'Microsoft Yahei';overflow: hidden;}

/*news*/
.arlist{padding: 0px;background-color: #fff;}
.arlist li {
    background: #fff;
    padding:15px 0px;
    height:auto;
    overflow:hidden;
    border-bottom:#eee solid 1px;
    font-family: 'Microsoft Yahei';
    list-style: none;
}
.arlist li .text {
    display:inline;
}
.arlist .text.wall{width: 78%;float: left;}
.arlist li .text h2{
    margin:0;
    text-align: left;
}
.arlist li .text h2 a{color:#666;font:20px/25px 'Microsoft Yahei';vertical-align: top;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.arlist .img{width:32%;margin-right: 2%;position: relative;float: left;max-height: 120px;overflow: hidden;}
.arlist .img img{max-width: 100%;max-height:120px;border: 1px solid #ccc;}
.arlist .img.wall{width: 20%;margin-right: 0px;float: right;}
.arlist .attr {
    height:auto;
    clear:both;
    content: "";
    overflow:hidden;
    line-height: 18px;
    margin:10px 0px;
}
.arlist .attr span {
    margin-right: 20px;
    font-size: 12px;
    color:#9C9C9C;
}
.bif{height: 50px;overflow: hidden;}
.contain-text li .bif a{font: 14px/25px 'Microsoft Yahei';color: #999;display: inline-block;}

/*文章详情*/
.crumb {
  height: 32px;
  margin-bottom:13px;
  color: #999;
  border-bottom: 1px solid #ccc;
  padding: 0px 10px;
}
/*@media (max-width: 640px) {
  .crumb {
    display: none;
  }
}*/
.crumb * {
  float: left;
  line-height: 32px;
  vertical-align: middle;
}
.crumb a {
  color: #666;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  font-size: 14px;
}
.crumb a.current {
  color: #419fd9;
}
.crumb b {
  font-size: 14px;
  margin: 0px 5px 0 10px;
  vertical-align: middle;
}
.crumb i {
  font-size: 20px;
  margin: 0px 5px 0 0;
  vertical-align: middle;
}
.details .details-title h2 {
    font:bold 20px 'Microsoft Yahei';
    color:#333;
    line-height:30px;
    text-align: left;
    text-align: center;
}
.details .attr {
    margin:5px 0px 5px;
    text-align: center;
    line-height: 19px;
}
.details .attr .name{color: #c3c2c2;vertical-align: top;}
.details .attr dl {
    display:inline;
    vertical-align: middle;
    color:#c3c2c2;
}
.details .attr dd {
    display:inline;
    margin-right:0px;
    font-size: 12px;
}
.details .attr dd i {
    color:#999;
    margin-right: 5px;
    font-size: 18px;
    vertical-align: middle;
}
.details .attr span {
    color:#c3c2c2;
    font-size: 13px;
    vertical-align: middle;
}
.details .attr .send-name{
    padding-right: 10px;
    border-right: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.texts{height:auto;overflow:hidden;padding-bottom:14px;font-size:13px;color:#444;text-align:justify}
.details .texts {
    padding:5px 0px 0px;
    font-size:14px;
    line-height:28px;
}
.op-list{padding: 10px 0px 20px;text-align: center;}
.op-list a{margin:0px 15px;padding:0px 15px;display: inline-block;text-align:center;border-radius:10px;border: 1px solid #ccc;color:#999;overflow: hidden;font: 16px/30px 'Microsoft Yahei';text-decoration: none;}
.op-list a strong{font-weight: normal;vertical-align: middle;font-size: 16px;}
.op-list a span{font-size: 16px;vertical-align: middle;}
.details .texts p {
    margin-bottom:25px;
    font: 16px/25px 'Microsoft Yahei';
}
.details .texts .img {
    text-align:center;
    width:564px;
    height:376px;
    overflow:hidden
}
.details .texts .img img {
    display:block
}
.articledetail img{max-width: 100% !important;margin:5px 0px;}
.details .texts img{max-width: 100% !important;margin: 10px auto;display: block;}
.h_gb_head{position:relative;height:30px;line-height:30px;color:#999;font-size:16px;text-align:left;}
.h_gb_head .h_gb_head_icon{display: inline-block;height: 20px;margin-top: 5px;}
.h_gb_head h2{width:100%;display: inline-block;vertical-align: top;height: 30px;line-height:30px;border-bottom: 1px solid #ccc;}
.course_comment {
    padding: 0px 2px 5px;
    margin:0 auto;
    font-size:1.2em;
    text-align: left;
    position: relative;
}
.course_comment .content{
    padding:10px 0px;
    border-bottom:1px solid #DDD;
    padding-left: 40px;
    position: relative;
    vertical-align: top;
}
.course_comment .content .np-avatar{ position:absolute; top: 10px; left:0;width: 40px;height: 40px;border-radius:20px;}
.course_comment .name{
    text-align:left;
    color: #999;
    font-size: 14px;
    padding-left: 6px;
}
.course_comment .star{
    color: #999;
    padding-left: 15px;
    font-size: 13px;
    float: right;
}
.course_comment .text{padding-left: 6px;margin-top: 5px; font-size: 12px; line-height: 20px;word-break:break-all}
.course_comment .text p{word-wrap: break-word;}

.searchdetail{text-align: center;}
.searchdetail h1{text-align: left;}


.search_type{padding: 1px 10px 2px;background-color: #28b779;color: #fff;border-radius: 5px;}
.searlist{
	text-align: left;
}
.searlist li .text{text-align: left;}
.searlist li .text .search_type{font-size: 12px;vertical-align: middle;}
.searlist li .text h2{display: inline-block;*display: inline;*zoom:1;position: relative;}
.searlist li .text h2 a{color:#666;font: 20px/25px 'SimHei';vertical-align: middle;margin-top: 10px;display: inline-block;}

.img-reposive{max-width: 100%;}
.detail_content{padding: 15px;}
.detail_content img{max-width: 100% !important;height: auto !important;}

p.label-check{color: #fff;text-align:center;border: 1px solid #ccc;line-height: 25px;font-size: 14px;margin-top: 10px;background: #FD7B63;}

/*客服*/
.box_right{
	position: fixed;
	right: 0px;
	top:50%;
	left:auto;
	bottom:auto;
	margin:-85px 0 0 0;
	width: 77px;
	overflow: hidden;
	cursor: pointer;
	display: block;
	text-decoration: none;
	z-index: 11;
}
.box_right ul{list-style: none;padding: 0px;margin:0px;}
.box_right ul li{
	position: relative;
	width: 77px;
	height: 60px;
	margin-bottom: 2px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background-color: #00aef3;
	font-size: 14px;
	line-height: 20px;
	padding-top: 5px;
}
.box_right ul li i{display: block;margin: 0px auto;font-size: 30px;line-height: 30px;}
.box_right .gotop i{font-size: 35px;}
/*团队*/
.aboutteam .heading-title{margin-top: 20px;}
#teacher { width: 100%; height: 190px; margin: 0px auto; position: relative; overflow: hidden; }
.anniu .zuoanniu { display: block; width: 15px; height: 52px; background: url(../images/sprite2.png) 0px 0px no-repeat;background-size: cover; position: absolute; top: 50px; left: 0; cursor: pointer; }
.anniu .youanniu { display: block; width: 15px; height: 52px; background: url(../images/sprite2.png) -44px 0px no-repeat;background-size: cover; position: absolute; top: 50px; right: 0; cursor: pointer; }
#teacher ul { list-style: none; display: block; padding:0px;margin: 0 auto; width: 100%; height: 190px; overflow: hidden; position: relative; }
#teacher ul li { position: absolute; }
#teacher ul li img { width: 100%; height: 100%; border-radius: 50%; }

#teacher ul li.no0 { width: 74px; height: 75px; top: 40px; left: 35px; }
#teacher ul li.no1 { width: 107px; height: 109px; top: 24px; left: 128px; }
#teacher ul li.no2 { width: 138px; height: 141px; top: 0px; left: 253px; }
#teacher ul li.no3 { width: 107px; height: 109px; top: 24px; left: 408px; }
#teacher ul li.no4 { width: 74px; height: 75px; top: 40px; left: 533px; }
#teacher ul li.no5 { width: 48px; height: 32px; top: 93px; left: 900px;z-index: -1; }
#teacher ul li.no6 { width: 24px; height: 16px; top: 93px; left: -70px; }
#teacher ul li.denghou { display: none; }
.txtbox-slide { width: 794px; position: relative; text-align: center; display: none; left: 50%; margin-left: -397px; }
.slide-txt { color: #555; font-size: 24px; height: 42px; line-height: 42px; margin: 10px 0px 0px;}
.detail-txt-h4 { width: 794px;font-size: 14px; line-height: 24px; word-wrap: break-word; word-break: break-all; overflow: hidden; color: #666; text-align: center; font-weight: lighter;margin: 0px;}
.no2 .txtbox-slide { display: block;}

/*研发中心*/
.com-prize{padding: 0px;}
.com-prize li { margin: 15px 0;clear:both;content: "";overflow: hidden;list-style: none;}
.game-prize {float: left;display: inline-block;*display: inline;*zoom:1; vertical-align: middle; color: #ffffff; width: 130px; padding: 66px 20px; text-align: center; font-size: 20px; line-height: 30px; }
.gp-1 .game-prize { background-color: #fe550a; }
.gp-2 .game-prize { background-color: #00b970; }
.gp-3 .game-prize { background-color: #2458b9; }
.com-prize .prize-cont {float: left;text-indent: 0; padding: 20px; display: inline-block;*display: inline;*zoom:1;max-width:calc(100% - 130px);width:100%;vertical-align: middle; border: 1px solid #bebebe;font-size: 16px;line-height: 30px;text-align:justify; }
.com-prize .gp-2 .game-prize{padding:51px 20px;}
.gp-1 .prize-cont{ background-color: #fff4f0;}
.even .prize-cont{ border-left: none; }
.gp-2 .prize-cont{ background-color: #f5fdf6;}
.odd .prize-cont{ border-right: none; }
.gp-3 .prize-cont{ background-color: #edf0f2;}
.com-prize .gp-3 .game-prize{padding:51px 20px;}

/*专家详情页*/
.tea-img { max-width: 100%;}
.teacher-info {font-size: 16px; line-height: 30px; }
.strong-num { color: #4d8cf3; font-size: 22px; font-family: 'Microsoft Yahei';display: block;margin-top: 20px; }

.box_about *{max-width: 100%!important;text-indent:32px!important;}
.hope{background: url('../images/bg_hope.jpg') 0 0 no-repeat;background-size: 100% 100%;padding: 40px 20px 50px 100px;text-indent: 32px;font-size: 16px;}

.pro-detail-tile{margin: 20px 0px;border-bottom: 1px solid #ccc;}
.pro-detail-tile span{display: inline-block;*display: inline;*zoom:1;padding: 14px 20px;background-color: #7bce3c;color: #fff;margin-left: 20px;border-radius: 5px 5px 0px 0px;}

.provider-section h3{color: #333}
.bg_pro{padding: 60px;background: url('../images/bg_pro.png') center center no-repeat;background-size: 100% 100%;color: #666;font-size: 16px;margin-top: -20px;}


/*单位介绍*/
.about-title{
    border-bottom: 1px solid #ccc;
    margin-bottom: 13px;
    position: relative;
}
.about-title .head-rec{
    position: relative;
    display: inline-block;
    padding: 8px 20px;  
    color: #fff;
    background-color: #169F97;
    border:0px;
    font: 18px "Microsoft Yahei";
    outline: none; 
}
.about-title .arrowdown{
    position: absolute;
    top: 40px;
    left: 45%;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #169F97;
}
.imgbox{text-align: center;}
.detail-content{text-align: left;font: 16px/30px 'Microsoft Yahei';color: #666;text-indent: 32px;}
.contain-text ul{padding:0 30px;list-style: none;}
.contain-text li{position:relative;padding-left:16px;font: 14px/35px 'Microsoft Yahei';color: #333;border-bottom: 1px dashed #a9a9a9;text-align: left;}
.contain-text li>a{font: 14px/35px 'Microsoft Yahei';color: #333;cursor: pointer;display:block;width: 100%;height: 35px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.contain-text li .triangle-right{margin-top: 14px;position: absolute;left: 0px;top:0px;}
.contain-text li span.time{
    width: 100px;
    float: right;
    padding-right: 10px;
}
.triangle-right {
    float: left;
    width: 8px;
    margin-top: 6px;
    margin-right: 8px;
    border-top: 4px solid transparent;
    border-left: 8px solid #56B9EE;
    border-bottom: 4px solid transparent;
}

.page{text-align: center;margin: 10px -15px;font-size: 12px;vertical-align: middle;}
.page a{display: inline-block;*display: inline;*zoom:1;padding: 0px 10px;border:1px solid #428bca;color: #428bca;border-radius: 10px;margin:0px 5px;font-size: 14px;height: 20px;line-height: 18px;font-size: 12px;vertical-align: middle;}
.page a:hover{background: #428bca;color: #fff;}
.page a.over{border:1px solid #ccc;background-color: #ccc;color:#fff;}
/*课程搜索*/
.i-slide {
  margin: 20px 15px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
}
.i-slide .icon {
  background: #dcdcdc;
  border-radius: 8px 0 0 8px;
  height: 50px;
  text-align: right;
  color: #999;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.fl{float: left;}
.fr{float: right;}
.i-slide .icon i{display: inline-block;*display: inline;*zoom:1;height: 50px;font-size: 40px;line-height: 50px;margin: 0px 25px;vertical-align: top;}
.i-slide .list {
  width: 69%;
  background: #e7e7e7;
  height: 50px;
  overflow: hidden;
  display: inline-block;
}
.i-slide .list ul{padding: 0px;margin: 0px;}
.i-slide .list li {
  width: 100%;
  list-style: none;
}
.i-slide .list a {
  color: #666;
  padding-left: 20px;
}
.i-slide .course_input{width: 100%;height: 100%;border:0px;background: transparent;padding: 10px 20px;}
.i-slide .more {
  background: #009de1;
  color: #fff;
  border-radius: 0 8px 8px 0;
  display: block;
  width: 28%;
  max-width: 106px;
  text-align: center;
  font-size: 15px;
  border: 0px;
  display: inline-block;
  vertical-align: top;
  height: 50px;
}

.course .img{border:1px solid #dfdfdf;text-align: center;padding: 5px 0px;}
.course .imgbox{width: 232px;height: 159px;max-width: 100%;}
.course .item-title{
    height:25px;
    line-height:25px;
    margin-top:10px;
    color:#333;
    font-size:16px;
    width: 100%;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:700;
    font-family: 'Microsoft Yahei';
}
.course .pinfo{line-height: 32px;height: 35px;margin-bottom: 24px;}
.course .price {
    color:#ff4883;
    font-size:24px;
    float:left;
    font-family:arial;
}
.course .ori-price {
    float:left;
    margin-left:5px;
    color:#9e9e9e;
    line-height:13px;
    margin-top:13px;
    font-size: 12px;
}
.course .ori-price .price-line span {
    text-decoration:line-through
}
.course .footer .recommended{margin-top: 3px;}
.course .footer .recommended span{vertical-align: middle;display: inline-block;*display: inline;*zoom:1;color: #666;font-size: 12px;}
.ion-ios-star{font-size: 14px;margin-right:2px;vertical-align: middle;color: #ffaa01;float: left;}
.course .footer .btn-item{padding:3px 10px 4px;font-size: 13px;color: #fff;background-color: #f59d2a;}

.course p{font-size: 13px;line-height: 20px;color: #666;height: 80px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.course p span{}
/*课程详情*/
.w-item-info h2 {
    margin:0px 0px;
    line-height:36px;
    font-size:24px;
    font-family:"Microsoft Yahei";
    color:#333
}
.w-item-info .item-title {
    padding-bottom:6px
}
.w-item-info .item-title .text-main,.w-item-info .item-title .hot {
    font-size:14px;
    line-height:28px;
    font-family:SimSun
}
.w-item-info .item-title .text-main {
    color:#999
}
.w-item-info .item-title .hot {
    color:#FF658E
}
.w-item-info .ii-images{padding-top: 7px;}
.ii-images .images-board{position: relative;max-width: 100%;max-height: 100%;}
.ii-images .images-board img{display:block;max-width: 100%;max-height: 100%;*width: 100%;*height: 100%;margin:0px auto;}
.w-item-info .ii-intro .price-area {
    margin-top:7px;
    padding:10px 0 8px 20px;
    min-height:54px;
    _height:90px;
    font-family:Arial;
    background:#FAFAFA;
    border-bottom:1px dotted #C5C5C5
}
.price-area .pic-price-area {
    padding-top:10px;
    float:left;
}
.pic-price-area .unit{color: #FD8E51;font-size: 28px;display: block;float: left; padding-top: 8px;}
.pic-price-area .price-pic{color: #FD8E51;display: inline-block;*display: inline;*zoom:1;height: 39px;margin-top: -3px;font-size: 40px;}
a.pic-price-area .ori-price {
    margin-left:5px;
    color:#9e9e9e;
    line-height:13px;
    margin-top:13px
}
.pic-price-area .ori-price .price-line span{
    text-decoration:line-through
}
.pic-price-area .unit{color: #FD8E51;font-size: 28px;display: block;float: left; padding-top: 8px;}
.pic-price-area .price-pic{color: #FD8E51;display: inline-block;*display: inline;*zoom:1;height: 39px;margin-top: -3px;font-size: 40px;}
.pic-price-area .ori-price {
    margin-left:5px;
    color:#9e9e9e;
    line-height:13px;
    margin-top:13px
}
.pic-price-area .ori-price .price-line span{
    text-decoration:line-through
}
.price-area ul{margin: 0px;padding-left: 0px;}
.price-area ul li {
    float:left;
    width:100px;
    height:70px;
    border-left:1px solid #DFDFDF;
    font-size:12px;
    color:#999;
    text-align:center;
    list-style: none;
}
.price-area ul .sl-wrap {
    display:table;
    height:100%;
    margin:0 auto
}
.price-area ul .sl-wrap-cnt {
    display:table-cell;
    vertical-align:middle
}
.price-area ul .item-bought .item-bought-num {
    white-space:nowrap;
    line-height:25px;
    vertical-align:middle
}
.price-area ul .intro-strong {
    font-weight:700
}
.price-area ul .sl-wrap {
    display:table;
    height:100%;
    margin:0 auto
}
.price-area ul .sl-wrap-cnt {
    display:table-cell;
    vertical-align:middle
}
.price-area ul .item-bought .item-bought-num p{
    white-space:nowrap;
    line-height:25px;
    vertical-align:middle;
    margin: 0px;
}
.price-area ul .intro-strong {
    font-weight:700
}
.rate{float:right; text-align: center;margin-top: 0px;}
.rate strong{font:400 48px arial;color: #e4393c;}
.rate strong span{font-size: 24px;color: #e4393c;}
.rate span{color: #9e9e9e;font-family: arial;}
.detail-area{border-bottom: 1px dotted #C5C5C5;width: 100%;padding:5px 0px;}
.detail-area>div{margin:13px 0px;font-size: 14px;font-family: 'Microsoft Yahei';line-height: 18px;}
.detail-area em{color: #a0a0a0;margin-right: 10px;font-size: 18px;vertical-align: middle;width: 18px;height: 18px;text-align: center;display: inline-block;*display: inline;*zoom:1;}
.pink{color: #f69;}
.fun-area{padding:18px 0px;}
.fun-area .btn-sign-up{margin-right: 20px;padding: 0px 18px;height: 40px;width: 116px;font-size: 14px;color: #fff;background-color: #f3900d;border-color: #f3900d;}
.fun-area .btn-sign-up:hover{border-color:#ffa125;background-color: #ffa125;}
.fun-area .btn-sign-up.btn-sign-no{background-color: #BFBFBF;border-color: #BFBFBF;}
.fun-area .collect{float:right;margin-left: 20px;width: 87px;}
.fun-area span{font-size: 14px;vertical-align: middle;}
.fun-area .collect span.star{font-size: 18px;float: none;margin-right: 0px;}
.fun-area .btn-like{color:#f90;}
.fun-area .btn-like.over .collect_text{color: #999;}
.fun-area .btn-like:hover {color:#f90;}
.fun-area .btn-like.over:hover .collect_text{color: #999;}
.fun-area .btn-like.active:focus,.fun-area .btn-like.active:hover,.fun-area .btn-like:active {color:#f90;}
.fun-area .btn-heart{color: #f3456d;}
.fun-area .btn-heart:hover {color:#f3456d;}
.w-spec-nav {
    position:relative;
    width:100%;
    background:#fff;
    border-bottom:1px solid #23a877;
}
.introduction{margin-top: 20px;}
.w-spec-nav .sn-list {
    float:left;
    width:100%;
    overflow:hidden;
    padding: 0px;
    margin: 0px;
}
.w-spec-nav .sn-list li {
    float:left;
    padding:0px 20px;
    cursor:pointer;
    margin-left:-1px
}
.w-spec-nav .sn-list li i {
    float:left;
    border-left:1px solid #23a877;
    margin-top:10px;
    height:24px
}
.w-spec-nav .sn-list li a {
    display:block;
    padding:8px 0;
    font:400 18px 'Microsoft Yahei';
    color:#333;
    text-align:center;
    overflow:hidden
}
.w-spec-nav .sn-list li a span {
    display:inline-block;
    padding:3px 0
}
.w-spec-nav .sn-list li.spec-nav-current {
    background:#23a877;
    color:#fff;
}
.w-spec-nav .sn-list li.spec-nav-current a{color: #fff;}
#myform{padding:10px;width: 300px;}
.info-label{padding: 0px 10px;text-align: right;float: left;width: 30%;}
.info-input{padding: 0px 5px;width: 150px;}
.ceiling-buy{padding: 10px;}
.ceiling-buy *{max-width: 100% !important;}
/*论坛*/
#ly_list{margin-top: 10px;}
.ly_list_top{position:relative;width:100%; height:10px; padding-top:11px; margin-top:50px;background:url(../images/ly_list01.png) 0 0 no-repeat;background-size: 100% 100%; font-size:14px; color:#FFF; font-weight:bold; text-indent:46px;}
.ly_list_top .ico_zixun{position: absolute;top:-24px;left: 10px;}
.ly_list_body{ width:100%; min-height:500px; _height:500px;  background:url(../images/ly_list02.png) 0 0 repeat-y;background-size: 100% auto; padding:2px 20px 20px 20px;}
.ly_list_body .introduction{ margin-top:8px;width /*\**/:920px\9;}
.ly_list_body .introduction h1{ width:100%; margin:0px;height:15px; background:url(../images/list09.gif) 0 0 no-repeat;background-size: 100% 100%; font-size:0;}
.ly_list_body .introduction h2{ width:100%; margin:0px; background:url(../images/list11.gif) 0 0 repeat-y;background-size: 100% auto; color:#2488bd; line-height:20px; font-size:14px; font-weight:normal; padding:0 14px; height:auto!important; height:50px; min-height:50px;}
.ly_list_body .introduction h3{ width:100%; margin:0px; height:29px; background:url(../images/list10.gif) 0 0 no-repeat;background-size: 100% 100%;font-size:0;}
.ly_list_body .question{padding: 0px;}
.ly_list_body .question li{ margin-top:20px;list-style: none;}
.ly_list_body .question .title{ font-size:14px; font-weight:bold; color:#8f8d8d;}
.ly_list_body .question .title_nr{ font-size:14px; color:#139ab7;}
.ly_list_body .question .title_xm{ color:#139ab7;}
.ly_list_body .question .title_sj{ color:#8f8d8d;}
.ly_list_body .question .asker{font-size: 12px;margin-top: 5px;}
.ly_list_body .question h1{ width:90%; height:16px; background:url(../images/list13.gif) 0 0 no-repeat; background-size: 100% 100%;font-size:0; margin:10px auto 0 auto;}
.ly_list_body .question h2{ width:90%; background-color:#f2f2f2; border-left:solid 1px #dddcdc; border-right:solid 1px #dddcdc; margin:0 auto; padding:0 10px; font-size:12px; font-weight:normal; line-height:18px;}
.ly_list_body .question h2 span{ font-size:14px; font-weight:bold; color:#e8080d;}
.ly_list_body .question h3{ width:90%; height:8px; background:url(../images/list14.gif) 0 0 no-repeat;background-size: 100% 100%; font-size:0; margin:0 auto;}

.ly_list_body .messgae{ width:100%;background:url(../images/list16.png) 0 0 no-repeat;background-size: 100% 100%; margin:10px auto 0 auto; padding:15px 10px 35px;}
.ly_list_body .messgae .tdleft{width:30%; height:30px; text-align:right;font-size: 14px;}
.ly_list_body .messgae .tdright{width: 68%;}
.ly_list_body .messgae .input_t{height:23px; line-height:23px; background-color:#a1d785; border:none 0;width: 100%;max-width: 400px;}
.ly_list_body .messgae .textarea{width: 100%;max-width: 400px;background-color:#a1d785; border:none 0; overflow:hidden;}
.btn-send{font:15px/28px 'Microsoft Yahei';color:#fff;padding:0px 15px;background:#45a8e7;text-align:center;border: 1px solid #45a8e7;border-radius: 10px;}
.ly_list_foot{ width:100%; height:12px; background:url(../images/ly_list03.png) 0 0 no-repeat; background-size:100% 100%;position:relative;}

.teacher-info{text-align: center;}
.teacher-info img{vertical-align: top;margin-right: 5%;}
.teacher_cont{vertical-align: top;display: inline-block;*display: inline;*zoom:1;text-align: left;}
.teacher_cont p{margin-bottom: 20px;}

@media(max-width:768px) { 
	.contain-text ul{padding: 0px;}
	.arlist .img.wall{width: 100%;}
	.arlist .text.wall{width: 100%;}
	.i-slide{margin:20px 0px;}
	#navmenu > ul > li.has-sub > a .r-line:before{display: none;}
	.box_right{width: 60px;top:90%;}
	.box_right ul li{
		position: relative;
		width: 60px;
		height: auto;
		margin-bottom: 2px;
		color: #fff;
		text-align: center;
		cursor: pointer;
		background-color: rgba(0,174,243,.7);
		font-size: 12px;
		line-height: 20px;
		padding: 5px 0px;
	}
	.box_right ul li i{display: block;margin: 0px auto;font-size: 25px;line-height: 25px;}
	.box_right .gotop i{font-size: 25px;}
	body{padding-bottom: 60px;}
}

.main-nav {width: 100%;margin:0 auto;height:60px;text-align: center;position: fixed;bottom: 0px;left: 0px;z-index: 20;background: #fff;border-top: 1px solid #bfbfbf;}
.main-nav ul{width: 100%;height: 50px;list-style: none;padding: 0px;}
.main-nav ul li{width: 25%;float: left;height: 60px;overflow: hidden;list-style: none;}
.main-nav ul li:first-child{margin-left: 0%;}
.main-nav ul li:last-child{margin-right: 0%;}
.main-nav ul li a{color: #bfbfbf;}
.main-nav ul li.active a{color: #2c5157;}
.main-nav ul li.active p{color: #2c5157;}
.main-nav ul li i{width: 30px;height: 30px;display: block;text-align: center;margin: 5px auto 0px;}
.main-nav ul li p{font-family: 'Microsoft Yahei';font-size: 12px;color:#999;}
.main-nav ul li i.icon-my{background: url('../images/my.png') center no-repeat;background-size: 100%;}
.main-nav ul li i.icon-home1{background: url('../images/home.png') center no-repeat;background-size: 100%;}
.main-nav ul li i.icon-xie{background: url('../images/xie.png') center no-repeat;background-size: 100%;}
.main-nav ul li i.icon-msg1{background: url('../images/msg1.png') center no-repeat;background-size: 100%;}

.main-nav ul li.active i.icon-my{background: url('../images/a_my.png') center no-repeat;background-size: 100%;}
.main-nav ul li.active i.icon-xie{background: url('../images/a_xie.png') center no-repeat;background-size: 100%;}
.main-nav ul li.active i.icon-home1{background: url('../images/a_home.png') center no-repeat;background-size: 100%;}
.main-nav ul li.active i.icon-msg1{background: url('../images/a_msg1.png') center no-repeat;background-size: 100%;}
a{
	color:#595f63;
}
.sort{
	margin: 0 auto;
	border-bottom: 2px solid #135797;
	margin-bottom: 20px;
	overflow:hidden;
}
.sort>ul{
	padding:0px;
}
.sort>ul>li{
	float: left;
	list-style: none;
	background-color: #fdfdfd;
	text-align: center;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	border:1px solid #efeff4;
	border-radius: 8px;
	font-size: 13px;
	margin-bottom: 10px;
	margin-right: 5px;
}
.sort>ul>li a{padding: 5px 20px;display: block;}
.sort>ul>li.selected{
	background-color: #00b4ff;
	color:#fff;
}
.sort>ul>li.selected a{
	color: #fff;
}
.sort .swiper-slide {
	width:auto;
}
.mylist{margin-bottom: 15px;background: #fff;}
.mylist li span{width: 18%;height: 1.2rem;display: inline-block;text-align: center;float: left;margin-right: 2%;}
.mylist li span i{color:#777;width:30px;height:30px;font-size: 25px;line-height: 1rem;margin: 5px 0px 5px 20px;display: inline-block;}
.mylist li .state{float: right;width: 79%;height: 1.2rem;font-size: 0.42rem;color:#666;line-height: 1.2rem;padding-right: 25px;text-align: left;box-sizing: border-box;position: relative;}
.mylist li .state i{margin-left: 5px;font-size: 20px;float: right;color:#666;height: 1.2rem;}
.mylist li .state a{color: #666;}
.mylist li .state a.btn-sendcourse{font-size: 14px;color: #999;margin-right: 10px;float: right;}
.mylist li .state i.subh2{
	position: absolute;
	top: 17px;
	right: 18%;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: red;
	display: none;
}


.LikBasket{position: fixed; right: 10px;bottom: 60px;}
.LikBasket a{display: block;width: 36px;height: 36px;background-color: #8DC32E;border:1px solid #fff;border-radius:36px ;line-height: 36px; text-align: center;}
.LikBasket img{width: 24px;}