body{	overflow-x: hidden;
    font-family: "Microsoft YaHei";
    color:#000;
    line-height: 1.5;}
	
	
	
#brand {
    height: 58px;
    width: 200px;
    background: url(../images/logo.png) 10px 8px no-repeat;
    background-size: 130px;
}
.banner{background-image: linear-gradient(134deg, #3023ae 0%, #c86dd7 100%)}
.banner img{
    vertical-align: middle;}
.btn-primary {
    color: #fff;
    background-color: #4abcf4;
    border-color: #4abcf4;
}
.btn-primary:hover {
    color: #fff;
    background-color: #2da5df;
    border-color: #4abcf4;
}
.primary.u-1 {
    color: white !important;
    border: 1px solid #27aac8 !important;
    border-radius: 3px;
}
.primary.u-2 {
    border: 1px solid #8c909e;
    background-color: #22262E 
}
.blank10{ margin:0; padding:0; height:10px; clear:both; display:block; overflow:hidden}
.blank60{ margin:0; padding:0; height:60px; clear:both; display:block; overflow:hidden}
.blank90{ margin:0; padding:0; height:90px; clear:both; display:block; overflow:hidden}
.banner{ width:100%;  margin:58px auto 0}
.banner1{ width:100%;  margin:68px auto 0}
.navbar-default .navbar-nav>li>a:hover{ color:#4abcf4; border-bottom:2px solid #4abcf4}
#section_2-title {    position: relative;    font-size: 32px;    line-height: 44px;    top: -22px;    padding: 0 18px;    color: #303030;    background-color: #fff; display: inline-block; margin:0 auto}
#wrappera {    margin-top: 85px;    text-align: center; border-top:1px solid #ddd}
#login-wrap h2 {
    font-weight: 300;
    line-height: 37px;
    margin-bottom: 54px;
    margin-top: 8px;
}
#login-wrap {
    text-align: center;
    max-width: 455px;
    margin: 0 auto;
    padding: 80px 0 100px;
}
/**/

.slt_sct_2-block {
*display:inline;
*zoom:1;
	text-align: left;
	margin-bottom: 40px;
	height: 340px;
	overflow: hidden
}
.slt_sct_2-block-img {
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: top;
	width: 500px;
	height: 340px
}
.slt_sct_2-block-img-left {
	float: left
}
.slt_sct_2-block-content .txt {
    font-size: 16px;
    line-height: 28px;
    color: #545454;
}
.slt_sct_2-block-content-right {
    float: right;
}
.slt_sct_2-block-content {
    display: inline-block;
    height: 100%;
}

.slt_sct_2-block-content-wrapper, .slt_sct_2-block-content:before {
    display: inline-block;
    vertical-align: middle;
}


.slt_sct_2-block-content .title, .slt_sct_2-block-content .title-pre {
    font-size: 30px;
    line-height: 54px;
    color: #4abcf4;
}


/**/
.feature {
	min-width: 1170px;
	width: 1170px;

	text-align: center;
	margin-top: 60px;
	cursor: pointer
}
.feature, .feature ul, .feature ul li {
*display:inline;
*zoom:1
}
.feature ul li {
	position: relative;
	width: 360px;
	height: 375px;
	border: 1px solid #eaeaea;
	display: inline-block;
	vertical-align: top;
	margin: 0 14px 0 0; float:left
}
.feature-title {
	font-size: 24px;
	color: #303030;
	line-height: 60px
}
.feature-img {
	display: inline;
	width: 240px;
	margin: 0 auto;
	padding-top: 54px;
	padding-bottom: 30px
}
.feature-des {
	font-size: 18px;
	color: #59a5ff;
	line-height: 24px
}
.feature-cover {
*display:inline;
*zoom:1;
	display: none;
	width: 368px;
	height: 375px;
	position: absolute;
	top: 0;
	left: 0
}
.feature-cover .feature-wrapper {
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: middle
}
.feature-cover h1 {
	font-size: 32px;
	color: #4a4a4a;
	line-height: 42px
}
.feature-cover h1.m-t {
	margin-bottom: 20px
}
.feature-cover h2 {
	color: #626262;
	font-size: 14px;
	width: 300px;
	margin: 0 auto;
	line-height: 24px
}
.feature-cover h3 {
	font-size: 18px;
	color: #59a5ff;
	line-height: 60px
}
.feature-cover:before {
	content: "";
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: middle;
	height: 100%;
	width: 0
}



.home .features img {
    margin:30px 0;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto; padding-top:20px;
}
.home section h2 {    margin: 0 0 15px;    font-size: 20px;    line-height: 1.5;}
 #works {padding: 50px 0 20px;}
 #about {    padding: 80px 0 0px;}
 #about  P{    font-size: 18px;} 
.home p {    font-size: 23px;margin: 0 0 10px;}
.home section .works {    padding: 0 10px 30px;}
.home section .works h2, .home section .features h2 {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 1.5;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto; margin:0 auto; 
}
.img-responsive  img { margin:0 auto; display:block}	
/**/
.page {
    margin:0;
    position: relative;
}

.page .hero h1 {
    color: #fff;
    font-size: 30px;
    line-height: 64px;
    margin-bottom: 34px;
}
.page .hero {
    background-image: linear-gradient(134deg, #4abcf4 0%, #c86dd7 100%);
    margin: 0px;
    padding: 41px 0 0 0;
}
.page #hero {
    background-image: linear-gradient(134deg, #4abcf4 0%, #e88943 100%);
    margin: 0px;
    padding: 91px 0 0 0;
}
.page .hero .container {
    padding-top: 50px;
    padding-bottom: 50px;
}
.page .hero .container .vertical-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: auto;
}
.page .hero p.description {
    color: rgba(255,255,255,0.69);
    font-size:18px;
    line-height: 30px;
    padding-bottom: 34px; font-weight:100;
}


.page .hero .container .screenshot { width:320px; margin:0 auto; display:block}

/**/
ul li, ol li {
    padding: 0;
    list-style: none;
    margin: 0;
}
.bg-alt {
    background: #f3f3f3;
}
.well2 {
    padding-top: 60px;
    padding-bottom: 62px;
}
.box_aside {
    float: none;
    text-align: center;
    margin-right: 0;
}
.box_aside  {
    float: none;
    text-align: center;
    margin-right: 0;
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    font-weight: 300;
    font-family: 'Microsoft YaHei',΢ÈíÑźÚ,sans-serif;

}
.text-center1{ color:#FFF}
/*1112*/
.mobile-friendly--container {
    max-width: 60rem;
    margin: 0 auto;
    padding: 0 2em;
}
.mobile-friendly--content>.image-block img {
    -webkit-filter: drop-shadow(0 1.25rem 2.5rem rgba(0,0,0,0.2));
}
/**/


.footer {
    clear: both;
    color: rgba(0,0,0,0.3);
    padding: 36px 0px;
    text-align: center;background-color: #f3f3f3;
}


.footer-container {
	overflow: hidden
}
.footer-wrap {
	padding: 42px 0 60px;
	float: left
}
.footer-introduct {
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: top;
	width: 200px; text-align:left
}
.footer-introduct-txt {
	display: block;
	font-size: 14px;
	color: #626262;
	line-height: 32px; 
}
.footer-title {
	font-size: 16px;
	line-height: 18px;
	color: #4a4a4a;
	margin-bottom: 32px
}
.footer-link {
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #626262
}
.footer-link:hover {
	color: #2da5df
}
.footer-email {
	font-size: 14px;
	color: #626262
}
.footer-email:hover {
	color: #ff5800
}
.footer-followUs {
	float: right;
	padding: 40px 0 45px
}
.footer-follow {
	width: 128px;
	font-size: 0
}
.footer-qrcode {
	width: 128px;
	height: 128px
}
.footer-qrcodetxt {
	text-align: center;
	color: #929292;
	font-size: 12px;
	line-height: 24px;
	margin-top: 8px
}
.copyright {
*display:inline;
*zoom:1;
	height: 80px;
	line-height: 80px;
	position: relative;
	border-top: 1px solid #dbdbdb;
	text-align: center
}
.copyright img {
	display: inline-block;
*display:inline;
*zoom:1;
	margin-left: 5px;
	width: 20px;
	height: 20px;
	vertical-align: middle
}
.copyright .iconfont {
	position: absolute;
	right: 10px;
	bottom: -28px
}
.copyright-txt {
	vertical-align: middle;
	font-size: 14px;
	color: #979797
}
.copyright-lang {
	position: absolute;
	vertical-align: top;
	right: 0;
	top: 27px;
	color: #6e6e6e
}
.copyright-lang, .copyright-lang .lang-list {
	width: 144px;
	height: 26px;
	padding: 0 10px;
	border: 1px solid #dbdbdb;
	cursor: pointer
}
.copyright-lang .lang-list {
	display: none;
	position: relative;
	left: -11px;
	bottom: 26px;
	line-height: 26px
}
.copyright-lang .icon-up {
	display: block
}
.copyright-lang .icon-down {
	display: none
}
.copyright-lang:hover .lang-list {
	display: block
}
.copyright-lang:hover .icon-up {
	display: none
}
.copyright-lang:hover .icon-down {
	display: block
}
.copyright-link {
	position: absolute;
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 26px;
	color: #979797
}

@media (max-width: 750px) {
  body {
    text-align: center;
  }
  body.about footer {
    height: 90px;
  }
  body.about {
    margin-bottom: 90px;
  }

  .content h1 {
    margin-top: 30px;
  }
  .uni h2 {
    font-size: 28px;
  }
  .desc {    margin-bottom: 30px;  }
   #works {padding: 20px 0 20px;}
 #about {    padding: 20px 0 0px;}
#hzi{ color:#f6453c}

/*cp*/

.speakers{	padding-top: 20px;    margin-right: -15px;    margin-left: -15px;}}

.speaker-img{	width: 100%;	height: auto;	margin-bottom: 20px;}

.speaker-item{	margin: 20px 0;}

.speaker-submit{	background-color: $color-primary;	height: auto;	width: 100%;
}
h4 {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-style: normal;
    font-weight: 100;
    color: #E57D69;
    font-size: 1.5em;
}
.showproducts{ width:60%; margin:0 auto; }
.showproducts img{ width:100%; }



/*¹ºÎïÁ÷³Ì*/
.mgjy_bk4{ width:1120px; margin:0 auto; background:url(../images/lc_bg.jpg) center repeat-y; padding:20px 0;}
.mgjy_bk4 h2{ font-size:24px; color:#666464; float:left; display:inline; margin-left:10px; width:518px;}
.mgjy_bk4 p{font-size:14px; color:#666464; line-height:25px;}
.mgjy_bk4 dl{ width:588px; height:87px; margin-top:26px;}
.mgjy_bk4 dl img{ width: 55px; padding-top:10px;}
.mgjy_bk4 dl dd{ width:595px;}
.mgjy_bk4 dl.lc_left img{ float:right; display:inline; }
.mgjy_bk4 dl.lc_left h2{ text-align:right;}
.mgjy_bk4 dl.lc_right{ margin-left:530px;}
.mgjy_bk4 dl.lc_right img{ float:left; display:inline;}
.mgjy_bk4 dl.lc_right dd{ margin-left:75px;}
img {    vertical-align: top;}
img {    border: none;}

.cp-tj{ width:1120px; margin:0 auto;border-radius:5px;overflow:hidde; margin-top:40px; margin-bottom:50px;}
.cp-tj h3{ width:300px; margin:0 auto; margin-top:20px; margin-bottom:30px; text-align:center; font-size:36px; color:#666666; }
.cp-tj-one{ width:350px; height:370px; border:1px solid #dfdfdf;border-radius:5px;overflow:hidde;  margin-left:15px; margin-bottom:20px; float:left; display:inline;text-align:center; padding-top:20px;}
.cp-tj-one-img{border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidde;}
.cp-tj-one-p{ line-height:45px; font-size:14px;  }
.cp-tj-one-p a{color:#666666;}
.cp-tj-p { width:125px; height:40px; line-height:40px; text-align:center; margin:0 auto; margin-top:20px; border:1px solid #f08200; border-radius:10px;overflow:hidde; color:#93cef1;}
.cp-tj-p a{ color:#f08200; font-size:16px;}

.ys-list{ width:1120px; margin:0 auto; margin-top:20px;}
.ys-one{      margin:35px 10px; width:1120px; height:190px; position:relative; border:1px solid #dfdfdf; float:left; }
.ys-one-img{	position:absolute; top:-20px; left:25px;	}
.ys-one-p1{	margin-top:15px; color:#333333; font-weight:bold; font-size:18px; margin-left:255px;}
.ys-one-p2{	margin-top:5px; margin-left:255px; font-size:14px; }
.ys-one-p2 span{	width:70px; height:25px; background:#f28300; margin-right:10px; display:inline-block; text-align:center; line-height:25px; color:#FFF; border-radius:5px;overflow:hidde; font-size:14px;}
.ys-one-p2 a{ color:#f28300; position: absolute;right: 3px;bottom: 15px;}
.ys-one-p3{	margin-top:5px; padding-left:207px; font-size:12px; color:#8A8A8A; line-height:1.5em;  padding-right:15px; }	
.ys-one-p3 span a{  color:#f28300; width:90px; display:inline-block; float:right; text-align:right;}
.cle{ clear:both;}