body {
	background: #ffffff;
	
	font: normal 14px "Microsoft YaHei", Verdana, Tahoma;
}




h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
}

h3,
h5 {
	font-weight: 500;
}

h1 {
	font-size: 40px;
	letter-spacing: 2px;
}

h2 {
	font-size: 30px;
	text-transform: uppercase;
}

h3 {
	line-height: 36px;
}

h5 {
	letter-spacing: 1px;
	padding-top: 10px;
}

p {
	color: #707070;
	font-size: 14px;
	line-height: 24px;
}

a {
	text-decoration: none !important;
	outline: none;
}

a:focus {
	outline: none;
}




.section-title {
	margin-bottom: 32px;
	text-align: center;
}

#overview {
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-color: #fff;
}

#overview p {
	text-indent: 2em;
}

#register {
	padding-top: 14rem;
	padding-bottom: 14rem;
}

#detail,
#video,
#speakers,
#program,
#sponsors,
#contact,
#speakers {
	
	padding-bottom: 6rem;
}

footer {
	padding-top: 2rem;
	padding-bottom: 1rem;
}


#speakers,
#sponsors,
footer {
	text-align: center;
}

#sponsors .container .hover {
	margin-top: 20px;
}

#overview h3,
#detail h3,
#video h3,
#register h3,
#venue h3,
#contact h3 {
	padding-bottom: 12px;
}

#intro .btn,
#contact .btn {
	background: transparent;
	border: 1px solid #ffffff;
	border-radius: 0px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 14px;
	padding: 14px 42px;
	margin-top: 42px;
	margin-right: 12px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#intro .btn-danger,
#contact .btn-danger {
	background: #EA4647;
	border-color: transparent;
}

#contact .btn {
	border-radius: 100px;
}

#intro .btn-danger:hover {
	background: transparent;
	border-color: #ffffff;
	color: #ffffff;
}

#contact .btn-danger:hover {
	background: #222;
}

#intro .btn-default:hover {
	
	background: rgb(234, 69, 71);
	
	border-color: transparent;
}

.parallax-section {
	background-attachment: fixed !important;
	background-size: cover !important;
}

.copyrights {
	text-indent: -9999px;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}




.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: none repeat scroll 0 0 #ffffff;
}

.sk-rotating-plane {
	width: 50px;
	height: 50px;
	background-color: #EA4647;
	-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
	animation: sk-rotatePlane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotatePlane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}
	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

@keyframes sk-rotatePlane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}
	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}




.custom-navbar.top-nav-collapse {
	
	padding: 0;
	position: fixed;
	z-index: 666;
}

.custom-navbar {
	margin-bottom: 0;
	
	
	
	border-bottom: 1px solid rgb(97, 102, 108);
}

.custom-navbar.active {
	background-color: rgb(50, 50, 50);
}

.custom-navbar .navbar-brand {
	color: #ffffff;
	font-weight: 600;
	font-size: 3rem;
	display: inline-block;
}

.custom-navbar .navbar-brand img {
	height: 60px;
	display: block;
	margin-top: -13px;
}

.custom-navbar .container {
	
	width: 93%;
}

.custom-navbar .container .navbar-header {
	
}

.custom-navbar .container .navbar-collapse {
	
}

.custom-navbar .nav li {
	margin-left: 30px;
}

.custom-navbar .nav li a {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	line-height: 30px;
	transition: all 0.4s ease-in-out;
	font-weight: 700;
	
}

.custom-navbar .nav li a:hover {
	background: transparent;
	color: #EA4546;
}

.custom-navbar .nav li .arrow {
	background: url(../image/arrow.png) no-repeat;
	background-size: 100%;
	width: 12px;
	height: 12px;
	float: right;
	margin-top: -37px;
	text-align: center;
	margin-right: 0px;
}

.custom-navbar .nav li:hover>.arrow {
	background: url(../image/arrow_p.png) no-repeat;
}

.custom-navbar .nav li:hover>a {
	color: #EA4546
}

.custom-navbar .nav li>ul {
	display: none;
	color: #000000;
}

#list1 {}

#list2 {}

#list3 {
	margin-left: -20px;
}

.custom-navbar .nav .en {
	display: none;
}

.custom-navbar .nav li:hover>ul {
	display: block;
	color: #000000;
	z-index: 666;
	position: absolute;
	width: 110px;
	background: rgb(255, 255, 255);
	top: 60.5px;
	list-style-type: none;
	padding-bottom: 10px;
	padding-top: 10px;
}

.custom-navbar .nav li>ul li {
	list-style-type: none;
	margin-left: -40px;
	
	text-align: center;
	color: #000000;
}

.custom-navbar .nav li>ul li a {
	color: #000000;
	font-weight: 500;
	font-size: 13px;
	line-height: 28px;
}

.custom-navbar .navbar-nav>li>a:hover,
.custom-navbar .navbar-nav>li>a:focus {
	background-color: transparent;
}

.custom-navbar .nav li.active>a {
	background-color: transparent;
	color: #EA4547;
	border-bottom: solid 2px rgb(236, 69, 71);
}

.custom-navbar .navbar-toggle {
	border: none;
	padding-top: 10px;
}

.custom-navbar .navbar-toggle {
	background-color: transparent;
}

.custom-navbar .navbar-toggle .icon-bar {
	background: #ffffff;
	border-color: transparent;
}

@media(min-width:768px) {
	
}




#intro {
	display: block;
	
	-webkit-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	
	
	text-align: center;
}

#intro h3 {
	letter-spacing: 2px;
}

#intro .content_1 h2 {
	position: absolute;
	top: 300px;
	width: 100%;
	text-align: center;
}

#intro .content_1 .text_one {
	z-index: 20;
}

#intro .content_1 .text_two {
	z-index: 40;
}

#intro .content_1 .shadow_t {
	z-index: 30;
	background: rgb(255, 255, 255);
	width: 100%;
	
	transition: opacity 200ms ease;
}

#intro .content_img {
	width: 100%;
	
	
	
}

#intro .content_w {
	width: 15px;
	position: absolute;
	left: 92%;
	margin-top: 400px;
	text-align: center;
}

#intro .content_w span {
	float: left;
	height: 5px;
	text-align: center;
	color: white;
	margin-top: 8px;
	width: 35px;
	
}

#intro .content_w .solid_one {
	border-bottom: 1px solid rgb(217, 217, 218);
}

#intro .content_w .solid_two {
	border-bottom: 1px solid rgb(217, 217, 218);
	margin-top: 35px;
	display: none;
}

#intro .content_w .solid_three {
	border-bottom: 1px solid rgb(217, 217, 218);
	margin-top: 65px;
	display: none;
}

#intro .content_wrap {
	width: 15px;
	position: absolute;
	left: 95%;
	margin-top: 400px;
	text-align: center;
}

#intro .content_p:hover {
	cursor: pointer;
}

#intro .content_p {
	cursor: pointer;
}

#intro .content_p1 {
	background-image: url(../image/num_01_w.png);
	background-size: 100%;
}

#intro .content_p1.active {
	background-image: url(../image/num_01.png);
	background-size: 100%;
}

#intro .content_p2 {
	background-image: url(../image/num_02_w.png);
	background-size: 100%;
}

#intro .content_p2.active {
	background-image: url(../image/num_02.png);
	background-size: 100%;
}

#intro .content_p3 {
	background-image: url(../image/num_03_w.png);
	background-size: 100%;
}

#intro .content_p3.active {
	background-image: url(../image/num_03.png);
	background-size: 100%;
}

#intro .content_wrap p {
	float: left;
	width: 15px;
	height: 9.99px;
	text-align: center;
	color: white;
	margin-top: 8px;
}

#intro .content_container {
	position: absolute;
	width: 100%;
	z-index: 20;
	top: 400px;
	bottom: 60px;
}

#intro .content_1 {
	width: 100%;
	float: left;
	height: 850px;
}

#intro .content_1 img {
	width: 100%;
	height: 100%;
}

#intro #pic_01 {
	background-image: url(../image/323031113407463426.jpg);
	background-size:100% 100%;
}

#intro #pic_02 {
	background-image: url(../image/477391596879826131.jpg);
	background-size:100% 100%;
}

#intro #pic_03 {
	background-image: url(../image/283686290396634650.jpg);
	background-size:100% 100%;
}

#intro .bannar_first {
	float: left;
	position: relative;
	width: 40px;
	height: 80px;
	background-color: white;
	border: 1px solid #000;
	border-radius: 0 40px 40px 0;
	bottom: 220px;
	text-align: center;
	line-height: 80px;
	font-size: 30px;
	opacity: 0.3;
	display: none;
}

#intro .bannar_next {
	float: right;
	position: relative;
	width: 40px;
	height: 80px;
	background-color: white;
	border: 1px solid #000;
	border-radius: 40px 0 0 40px;
	bottom: 220px;
	text-align: center;
	line-height: 80px;
	font-size: 30px;
	opacity: 0.3;
	display: none;
}

#intro .bannar_pin:hover {
	background-color: rgb(239, 114, 50);
	cursor: pointer;
}

#intro .bgimg {
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: -999;
}




#overview img {
	position: relative;
	padding-bottom: 10px;
}

.index-about-img {
	padding-top: 30px;
}

.index-about-img img {
	width: 100%;
	display: block;
}

.index-about-text {
	overflow: hidden;
}

.aboutus a {
	color: #666;
	float: right;
	font-size: 13px;
	display: block;
	padding: 0px 20px;
}

.aboutus a span {
	margin-left: 5px;
	transition: all ease 0.6s;
	display: inline-block;
	width: 0.00001px;
	vertical-align: middle;
	border-top: 1px solid #666;
}

.aboutus a:hover {
	color: #000;
}

.aboutus a:hover span {
	width: 30px;
	color: #000;
}




#detail {
	
	background: url(../image/522971664876918913.png) center repeat;
	color: #fff;
}

#detail .fa {
	color: #f2545f;
	font-size: 48px;
}

#detail h2 {
	padding: 0px 0px 20px 0px;
}

.fazhan {
	position: relative;
	background: url(../image/401954909040959626.png) center no-repeat;
	height: 300px;
	background-size: 100%;
}

.fazhan2 {
	display: none;
}

#detail .fazhan h3,
#detail .fazhan2 h3 {
	font-weight: 700;
	margin-bottom: 0px;
	line-height: 27px;
	padding-bottom: 4px;
	font-size: 22px;
}

.fazhan span,
.fazhan2 span {
	color: #fff;
}

.myfa {
	position: absolute;
}

.fa1 {
	top: 38%;
	left: 3%;
}

.fa2 {
	top: 11%;
	left: 16%;
}

.fa3 {
	top: 30%;
	left: 32.5%;
}

.fa4 {
	top: 5%;
	left: 49.5%;
}

.fa5 {
	top: 52%;
	left: 61%;
	width: 300px;
}

.fa6 {
	top: 20%;
	right: 2%;
	width: 180px;
}




#video iframe {
	border: none;
}




#speakers {
	background: rgb(249, 249, 249);
	text-align: center;
	width: 100%;
}

#speakers .container {
	width: 80%;
}

#speakers h3 {
	font-size: 18px;
	margin-bottom: 0px;
}

#speakers h6 {
	color: #666;
	margin-top: 4px;
}




#speakers .speakers-wrapper {
	background: #ffffff;
}

#speakers .speakers-wrapper img {}

.client-box {
	background: rgb(255, 255, 255);
	padding: 1em;
	width: 16%;
	height: 80px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 20px;
	float: left;
	line-height: 50px;
}

.client-box img {
	text-align: center;
	line-height: 40px;
	width: 100%;
	padding: 0px 15%;
}

.client-more {
	margin-top: 30px;
}

.client-more a {
	transition: all ease 0.8s;
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	display: block;
	background-color: rgba(234, 70, 71, .5);
}

.client-more a:hover {
	background-color: #EA4647;
}




#program h4 {
	color: #808080;
	font-size: 12px;
}

#program h3 {
	margin-top: 16px;
}

#program .program-divider {
	border: 1px solid #f9f9f9;
	margin-top: 10px;
	margin-bottom: 20px;
}

#program span {
	padding-right: 12px;
}

#program img {
	border-radius: 10%;
}

.nav-tabs {
	margin-bottom: 20px;
}

.nav-tabs>li {
	float: left;
	margin-bottom: -1px;
}

.nav-tabs>li>a {
	color: #000000;
	font-weight: 600;
	margin-right: 2px;
	line-height: 1.42857143;
	border: none;
	border-radius: 0px;
}

.nav-tabs>li>a:hover {
	background-color: transparent;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	color: #f2545f;
	cursor: default;
	background-color: transparent;
	border: 1px solid transparent;
	border-bottom-color: #999;
}

#program .jc-news-title {}

#program .jc-news-title ul {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

#program .jc-news-title ul li {
	margin-right: 10px;
}

#program .jc-news-title a {
	color: #333;
	font-family: "微软雅黑";
	font-weight: 600;
}

#program .jc-news-title a:hover {
	color: #EA4647;
}

#program .jc-news-title .jc-news-active {
	color: #EA4647;
}

#program .jc-news-lists {}

#program .jc-news-lists ul {
	display: block;
	padding-left: 0px;
}

#program .jc-news-lists ul li {
	display: block;
	overflow: hidden;
	margin-top: 20px;
}

#program .jc-news-lists ul li img {
	display: block;
	width: 100%;
}

#program .jc-news-lists ul li p a {
	color: #666;
}

#program .jc-news-lists ul li a {
	color: #333;
	transition: all ease 0.6s;
}

#program .jc-news-lists ul li a:hover {
	color: #EA4647;
}

#program .jc-news-lists ul li span {
	color: #999;
	font-size: 13px;
}

#program .jc-news-lists ul li i {
	transition: all ease 0.6s;
	display: inline-block;
	width: 0.1px;
	border-top: 1px solid #ccc;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
}

#program .jc-news-lists ul li:hover i {
	width: 50px;
}

.listmore {
	margin: 20px auto;
	display: block;
	width: 100px;
}




.listmore img {
	width: 40px;
}

#program .jc-news-naxt {
	transition: all ease 1s;
	color: #fff;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	background-color: rgba(233, 69, 70, 0.3);
}

#program .jc-news-naxt:hover {
	background-color: #E94546;
}




#faq {
	background: #f9f9f9;
	padding-top: 8rem;
	padding-bottom: 8rem;
}

#faq .panel-group {
	margin-top: 32px;
}

#faq .panel-group .panel {
	margin-bottom: 8px;
}

#faq .panel-default {
	border: none;
}

#faq .panel-default>.panel-heading {
	background: #f0f0f0;
	color: #505050;
}

#faq .panel-heading {
	border: none;
	padding-top: 8px;
	padding-bottom: 6px;
}

#faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top: none;
	padding-top: 22px;
	padding-left: 32px;
	padding-bottom: 22px;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"] {
	font-size: 18px;
	font-weight: 500;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 15px;
}

#faq .panel-heading .panel-title a[data-toggle="collapse"]::after {
	content: "-";
	display: block;
	position: absolute;
	line-height: 1;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

#faq .panel-heading .panel-title a[data-toggle="collapse"].collapsed::after {
	content: "+";
}




#venue {
	
	background-size: cover;
	background-position: center center;
	padding-top: 7rem;
	padding-bottom: 7rem;
}

#venue p {
	padding-top: 12px;
	padding-bottom: 18px;
}




#sponsors .jc-products-list {}

#sponsors .jc-products-list a {
	transition: all ease 1s;
	display: block;
	padding: 20px;
}

#sponsors .jc-products-list a:hover {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.jc-products-list img {
	display: block;
}

#sponsors a {
	overflow: hidden;
	display: block;
}

#sponsors a img:hover {
	
	
	
	
}




#sponsors .hover .op {
	display: none;
	width: 92.4%;
	height: 100%;
	z-index: 9999;
	background: rgb(61, 61, 61);
	margin-top: -64.2%;
	position: absolute;
	opacity: 0.9;
}

#sponsors .hover:hover .op {
	display: block;
}

#sponsors .hover:hover .op .wow {
	margin: 45% 0 0 10%;
	float: left;
	width: 100%;
}

#sponsors .hover .op .sh {
	width: 100%;
	float: left;
}

#sponsors .hover .op .sh p {
	float: left;
	line-height: 20px;
}

#sponsors .hover .op .sh .sh_name {
	color: rgb(234, 69, 71);
	font-weight: 800;
	font-size: 16px;
}

#sponsors .hover .op .sh .sh_content {
	color: rgb(250, 250, 250);
	font-size: 18px;
}




#contact {
	
	background-size: cover;
	background-position: center center;
}

#contact .row {
	margin-left: 0px;
	margin-right: 0px;
}

#contact .row .baidu {
	padding-right: 0px;
	padding-left: 0px;
}

#contact .row .baidu .contact-api {
	min-height: 335px;
	width: 100%;
}

#contact .contact_des {
	padding-top: 1.5rem;
	color: rgb(255, 255, 255);
	margin-top: -15px;
}

#contact .row .contact_us {
	background: rgb(0, 0, 0);
	min-height: 335px;
}

#contact .c_s1 {
	width: 80%;
	border-bottom: 1px solid rgb(44, 44, 44);
	margin-top: 20px;
}

#contact .c_s2 {
	width: 10%;
	margin-top: -1.5px;
	height: 2px;
	background: rgb(234, 69, 71);
	border-radius: 1px;
	margin-bottom: 25px;
}

#contact .c_p {
	margin-left: 18px;
}

#contact .contact_des p {
	color: rgb(255, 255, 255);
	line-height: 20px;
	font-size: 12px;
}

#contact .contact_des span {
	display: inline-block;
	margin-right: 5px;
}

#contact .contact_des a {
	color: rgb(255, 255, 255)
}

#contact .contact_des img {
	width: 22px;
	height: 22px;
}

.contact-erweima {
	padding: 5px 0px;
}

.contact-erweima img {
	display: block;
	width: 100%;
}

#contact .contact_detail {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 5rem 5rem 12rem 5rem;
}

#contact .form-control {
	background: transparent;
	border: none;
	border-bottom: 1px solid #f0f0f0;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 16px;
	transition: all 0.4s ease-in-out;
}

#contact .form-control:focus {
	border-bottom-color: #999;
}

#contact input {
	height: 45px;
}

#contact input[type="submit"] {
	background: #fff;
	border-radius: 10px;
	border: none;
	color: #999;
	letter-spacing: 2px;
	height: 45px;
	margin-top: 12px;
	transition: all 0.4s ease-in-out;
	border: 1px solid #fff;
	display: block;
	margin: 0 auto;
	width: 100px;
}

#contact input[type="submit"]:hover {
	background: #EA4647;
	color: #fff;
	border: 1px solid #EA4647;
}

#detail p{
	color: #0c0c0c;
	padding-left: -100px;

}

#detail .section-header1 {
	margin-left: -100px;
}

#detail #size1{
	font-size: 70px;
	margin:200px 0 20px 0;
	text-align: right;
	letter-spacing:20px;
	font-family: Arial, Helvetica, "microsoft yahei", "Microsoft Yahei", sans-serif;
	font-weight: bold;
	color: #fff;
}

#detail #size2{
	font-size: 70px;
	margin:100px 0 auto 0;
	text-align: right;
	letter-spacing:20px;
	font-family: Arial, Helvetica, "microsoft yahei", "Microsoft Yahei", sans-serif;
	font-weight: bold;
	color: #fff;
}


#detail #checkBtn{
	border: none;
	margin-right: -20px;
}




footer {
	background-attachment: fixed;
}







.go-top {
	
	background-color: rgba(234, 70, 71, 0.4);
	bottom: 2.2em;
	right: 0.1em;
	color: #ffffff;
	font-size: 32px;
	display: none;
	position: fixed;
	text-decoration: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition: all 0.4s ease-in-out;
	border-radius: 5px;
}

.go-top:hover {
	background: #f2545f;
	color: #ffffff;
}




.social-icon {
	position: relative;
	padding: 0;
	margin: 0;
}

.social-icon li {
	display: inline-block;
	list-style: none;
}

.social-icon li a {
	color: #666;
	border-radius: 100px;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
}

.social-icon li a:hover {
	background: #f2545f;
	color: #ffffff;
}

.padding {
	padding-top: 20px;
}




.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}

.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}




.navbar .nav .sub-active {
	color: #EA4647;
}

.index-newsinfo h3 {
	font-size: 17px;
	font-weight: 700;
}

.index-newsinfo h6 {
	color: #666;
}

.index-newsinfo a {
	color: #333;
}




.subbanner {
	height: 326px;
	position: relative;
}

.banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -200px;
}

.banner-text h2 {
	color: #fff;
	font-size: 50px;
}

.subbanner-title {
	margin-top: 160px;
}

.subbanner-title h2 {
	color: #fff;
	font-size: 50px;
}

.news-title {
	margin-bottom: 30px;
}

.news-title h3 {
	margin-bottom: 10px;
}

.news-title ul li {
	margin-bottom: 10px;
}

.news-title ul li a {
	border: 1px solid #DDDDDD;
	transition: all ease 0.9s;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	border-radius: 4px;
	color: #333;
}

.news-title ul li a:hover {
	color: #EA4647
}

.news-title ul li .news-title-link {
	color: #fff;
	background-color: #EA4647;
	border: 1px solid #EA4647;
}

.news-list {
	padding: 20px 0px;
	transition: all ease 0.6s;
	background-color: #fff;
	margin-bottom: 20px;
	overflow: hidden;
}

.news-list a {
	display: block;
	overflow: hidden;
}

.news-list img {
	display: block;
	width: 100%;
}

.news-list:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
}

.news-text p {
	text-indent: 2em;
}

.news-text span {
	color: #666;
	font-size: 12px;
}

.news-text a {
	color: #666;
	transition: all ease 0.6s;
}

.news-text h4 b {
	transition: all ease 0.6s;
	width: 0.1px;
	display: inline-block;
	vertical-align: middle;
	border-top: 1px solid #666;
	margin-right: 5px;
}

.news-text:hover a {
	color: #333;
}

.news-text:hover b {
	width: 50px;
	border-top: 1px solid #000;
}

.next-page {
	padding: 20px 0px;
}

.next-page ul li a {
	display: block;
	padding: 0px 11px;
	border: 1px solid #fff;
	background-color: #fff;
	color: #333;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
}

.next-page ul li a:hover {
	color: #EA4647;
	border: 1px solid #EA4647;
}

.next-page ul li .next-link {
	background-color: #EA4647;
	color: #fff;
	border: 1px solid #EA4647;
}

.next-page ul li .next-link:hover {
	color: #fff;
}

.newsinfo-title {
	padding-bottom: 30px;
}

.newsinfo-title small {
	color: #666;
	margin-right: 10px;
}

.newsinfo p {
	text-indent: 2em;
	margin: 20px 0px;
}

.newsinfo img {
	width: 100%;
}

.sub-nav {
	padding-top: 50px;
	padding-bottom: 20px;
}

.sub-nav a {
	color: #666;
	margin-right: 20px;
}

.sub-nav a span {
	transition: all ease 0.6s;
	width: 10px;
	display: inline-block;
	vertical-align: middle;
	border-top: 1px solid #666;
	margin-right: 5px;
}

.sub-nav a:hover {
	color: #000;
}

.sub-nav a:hover span {
	width: 50px;
	border-top: 1px solid #000;
}

.next-chapter {
	margin-top: 20px;
	margin-bottom: 20px;
}

.next-chapter a span {
	transition: all ease 1s;
	width: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.next-chapter p a {
	color: #666;
	font-size: 13px;
}

.next-chapter p a:hover {
	color: #000;
}

.next-chapter p a:hover span {
	border-top: 1px solid #000;
	width: 50px;
}




.title {
	margin: 1px 0px;
}

.title b {
	width: 40px;
	border-top: 1px solid #666;
	display: block;
	margin: 10px auto;
}

.pro-banner {
	width: 100%;
	
	height: 150px;
	margin: 30px 0px;
	background: url(../image/probj-1.jpg) center no-repeat;
}

.products-qq-list {
	padding: 30px;
}

.pro-list {
	height: 460px;
	width:270px;
	transition: all ease 0.6s;
}

.pro-list:hover {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .4);
}

.pro-list-top img {
	width: 100%;
	height: 450px;
}

.pro-list-bottom {
	padding: 0px 20px 20px 20px;
}

.pro-list-bottom p {
	text-indent: 2em;
}

.search-features {
	padding: 20px 0px;
	border-top: 1px solid #E8E5E5;
	margin: 50px 0px;
}

.search-features p {
	text-indent: 2em;
}




@media (max-width: 1008px) {
	#detail .fazhan h3 {
		font-size: 15px;
		line-height: 20px;
		padding-bottom: 0px;
	}
	.fazhan span {
		font-size: 13px;
	}
	.fa1 {
		top: 41%;
		left: 4%;
	}
	.fa2 {
		top: 19%;
		left: 16%;
	}
	.fa3 {
		top: 33%;
		left: 32%;
	}
	.fa4 {
		top: 14%;
		left: 49%;
	}
	.fa5 {
		top: 49%;
		left: 58.3%;
		width: 300px;
	}
	.fa6 {
		top: -6%;
		right: 2%;
		width: 180px;
	}
}

@media (max-width: 980px) {
	.pro-list {
		height: 600px;
	}
	#sponsors img {
		width: 100%;
	}
	#detail .fazhan h3 {
		font-size: 15px;
		line-height: 20px;
		padding-bottom: 0px;
	}
	.fazhan span {
		font-size: 13px;
	}
	.fa1 {
		top: 38%;
		left: 3%;
	}
	.fa2 {
		top: 21%;
		left: 15%;
	}
	.fa3 {
		top: 31%;
		left: 31%;
	}
	.fa4 {
		top: 15%;
		left: 47%;
	}
	.fa5 {
		top: 48%;
		left: 54%;
		width: 300px;
	}
	.fa6 {
		top: 1%;
		right: 0%;
		width: 180px;
	}
	p {
		font-size: 13px;
	}
	.custom-navbar .navbar-brand {
		font-size: 2rem;
	}
	
	#intro {
		height: 100vh;
	}
	#video iframe {
		margin-top: 42px;
	}
	#contact .contact_detail {
		background: #ffffff;
		padding: 3rem;
	}
}

#join .head {
	background: rgb(249, 249, 249);
	padding-top: 15px;
	padding-bottom: 10px;
}

#join .newjob {
	height: 30px;
	line-height: 30px;
	font-weight: 800;
	border-bottom: 1px dashed rgb(193, 193, 193);
}

#join .clear {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dashed rgb(193, 193, 193);
}

#join .clear.active {
	color: rgb(234, 70, 71)
}

#join .content {
	border-left: 1px solid rgb(193, 193, 193);
}

#join .content .cent {
	margin-left: -50px;
}

#join .major_title {
	background: rgb(249, 249, 249);
	height: 40px;
	line-height: 40px;
}

#join p {
	padding-left: 20px;
}

#join .resume {
	border-bottom: 1px dashed rgb(193, 193, 193);
	border-top: 1px dashed rgb(193, 193, 193);
	margin-top: 5%;
}

@media (max-width: 768px) {
	.custom-navbar .navbar-brand {
		line-height: 20px;
	}
	#overview img,
	#detail .col-md-4,
	#register form {
		padding-top: 32px;
	}
	.nav-tabs>li>a {
		font-size: 13px;
	}
	#program img {
		padding-bottom: 32px;
	}
	#sponsors img {
		padding-top: 22px;
	}
	#contact .contact_detail {
		
	}
	.custom-navbar .navbar-brand img {
		margin-top: -8px;
		margin-left: 5px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 20px;
	}
	.client-box {
		background: rgb(255, 255, 255);
		padding: 1em;
		width: 46%;
		height: 80px;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 20px;
		float: left;
	}
	.client-box img {
		text-align: center;
		line-height: 80px;
		width: 100%;
		height: auto;
	}
	#baidu img {
		padding: 12px 10%
	}
	#zte img {
		padding: 15px 10%
	}
	#apus img {
		padding: 15px 10%
	}
	#transsion img {
		padding: 14px 10%
	}
	#ningqu img {
		padding: 15.8px 10%
	}
	#admix img {
		padding: 20px 10%
	}
	#celltick img {
		padding: 5.8px 10%
	}
	#gl img {
		padding: 18.2px 10%
	}
	#hk img {
		padding: 14px 10%
	}
	#koobee img {
		padding: 17.5px 10%
	}
}

@media (max-width: 760px) {
	#intro {
		height: 100vh;
	}
	.custom-navbar .navbar-brand img {
		height: 40px;
	}
	
	.fazhan {
		display: none;
	}
	.fazhan2 {
		display: block;
		background: url(../image/546978022446847526.png) center no-repeat;
		background-size: 80%;
		height: 700px;
	}
	.jc-detail-title {
		text-align: center;
	}
	.aboutus a {
		display: block;
	}
	.index-about-img {
		padding-top: 0px;
	}
}

@media (max-width: 628px) {
	.about-list {
		height: 500px;
	}
	.about-list2 {
		height: 550px;
	}
	#intro {
		height: 200px;
	}
	#intro .content_1 .text_one {
		margin-top: -200px;
	}
	#intro .content_1 .content_container {
		margin-top: -200px;
	}
	#intro .content_wrap {
		top: -180px
	}
	#intro .content_1 .text_two {
		display: none;
	}
	#intro .content_1 .text_one {
		width: 80%;
		text-align: center;
		margin-left: 10%;
	}
	#intro .content_w {
		display: none;
	}
	.custom-navbar .container {
		width: 100%;
		padding-right: 8%;
		background: rgb(0, 0, 0);
	}
	.custom-navbar .nav .cn {
		display: none;
	}
	.custom-navbar .nav .en {
		display: block;
	}
	.navbar .white {
		display: none;
	}
	.custom-navbar .nav li>ul {
		opacity: 0;
	}
	.custom-navbar .nav li .arrow {
		display: none;
	}
	.navbar {
		
	}
	
	.navbar .navbar-collapse {
		
		height: 1000px;
		
	}
	#join .content .cent {
		margin-left: 0px;
	}
	#sponsors {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	#program {
		padding-top: 2rem;
		padding-bottom: 0.1rem;
	}
	#speakers {
		padding-top: 2rem;
		padding-bottom: 4rem;
	}
	#contact {
		
		padding-bottom: 2rem;
	}
	#overview {
		padding-top: 2rem;
		padding-bottom: 2rem;
		margin-top: 30rem;
	}
}

@media (max-width: 500px) {
	.about-list {
		height: 450px;
	}
	.about-list2 {
		height: 480px;
	}
	.sub-about-text .about-title-1 {
		text-align: center;
	}
	.news-list-imgs {
		padding: 20px;
	}
	.news-title {
		padding-bottom: 0px;
	}
	
	#speakers .container {
		width: 100%;
	}
	.client-box {
		background: rgb(255, 255, 255);
		padding: 1em;
		width: 46%;
		height: 80px;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 20px;
		
		float: left;
	}
	.client-box img {
		
		text-align: center;
		line-height: 80px;
		width: 100%;
		
		height: auto;
		
	}
	#baidu img {
		padding: 12px 10%
	}
	#zte img {
		padding: 15px 10%
	}
	#apus img {
		padding: 8px 10%
	}
	#transsion img {
		padding: 6px 10%
	}
	#ningqu img {
		padding: 15.8px 10%
	}
	#admix img {
		padding: 20px 10%
	}
	#celltick img {
		padding: 5.8px 10%
	}
	#gl img {
		padding: 18.2px 10%
	}
	#hk img {
		padding: 14px 10%
	}
	#koobee img {
		padding: 17.5px 10%
	}
}

@media (max-width: 400px) {
	#contact .contact_des {
		width: 100%;
	}
	.contact-box {
		position: relative;
	}
	#contact .contact-erweima {
		position: absolute;
		top: 50px;
		right: 0px;
	}
	#contact .contact-erweima img {
		width: 80%;
	}
	.about-list {
		height: 370px;
	}
	.about-list2 {
		height: 460px;
	}
	.pro-list-gg {
		height: 460px;
	}
	
	#intro .content_1 .text_two {
		display: none;
	}
	#intro .content_w {
		display: none;
	}
	#sponsors .pro-title {
		padding-bottom: 0px;
		margin-bottom: 0px;
		line-height: 10px;
	}
	#sponsors .jc-products-list a {
		padding: 0px 20px;
	}
	.section-title {
		margin-bottom: 5px;
	}
	.index-about-text h2,
	.index-about-text h3 {
		text-align: center;
	}
	#contact .contact_des h2 {
		text-align: center;
	}
	.contact_detail .section-title h2 {
		padding-top: 10px;
	}
	.news-title ul li a {
		padding: 0px 10px;
		height: 30px;
		line-height: 27px;
		margin-left: 15px;
	}
	#contact .contact-erweima {
		margin-top: 180px;
	}
}




.sub-about-1 {
	padding: 10px;
}

.sub-about-1 img {
	width: 100%;
	display: block;
}

.aboutus-imgs {
	padding: 20px;
}

.icon-about {
	padding: 30px;
}

.icon-about img {
	width: 70px;
	display: block;
	margin: 0px auto;
}

.sub-about-text {
	margin: 10px;
}

.sub-about-text p {
	text-indent: 2em;
}




.honor-imgs {
	margin: 20px 0px;
}

.honor-imgs img {
	display: block;
	width: 100%;
}

.honor-imgs p {
	line-height: 40px;
	text-align: center;
}




.con-tel {
	padding-top: 1.5rem;
}

.con-tel p {
	color: #333;
}

.con-tel span {
	display: inline-block;
	margin-right: 5px;
}

.con-tel a {
	color: #333;
}

.con-tel img {
	width: 22px;
	height: 22px;
}

.con-liuyan {
	overflow: hidden;
}

.con-liuyan input {
	margin-bottom: 10px;
	display: inline-block;
}

.con-liuyan-link a {
	display: block;
	padding: 0px 20px;
	line-height: 40px;
	height: 40px;
	background-color: #EA4647;
	color: #fff;
	width: 100px;
	margin: 20px auto;
}




#nav_maxheight {
	max-height: 420px;
}




.pro-api {
	padding: 10px;
}

.pro-api h4 {
	padding: 0px 15px;
}

.pro-api p {
	text-indent: 2em;
	text-align: justify;
	padding: 0px 15px;
}

.pro-api span {
	color: #EA4647;
	font-size: 18px;
}

.pro2-imgs {
	padding: 5px;
}

.pro2-imgs img {
	display: block;
	width: 100%;
}

.pro2-imgs p {
	text-align: center;
	margin-top: 10px;
	color: #EE0F68;
	font-size: 16px;
}

.pro2-fenlei {
	margin: 50px 0px 0px;
	
	padding: 10px 0px 5px;
	border-radius: 6px;
}

.pro2-fenlei ul li {
	margin-right: 10px;
}

.pro2-fenlei ul li a {
	font-size: 18px;
	color: #cccc;
	cursor: pointer;
}

.pro2-fenlei ul li a:hover {
	color: #fff;
}

.pro2-fenlei ul li .pro2-active {
	color: #fff;
}

.pro2-fenlei-c {
	padding: 5px;
}

.pro2-fenlei-box-1 {}

.pro2-fenlei-box-1 li {}

.pro2-fenlei-box-2 {}

.pro2-fenlei-c div:nth-of-type(1) {
	padding-top: 50px;
	padding-left: 50px;
	background: url(../image/pro2-005.png) center no-repeat;
	width: 100%;
	height: 400px;
	background-size: cover;
}

.pro2-fenlei-box-1 li {
	height: 33px;
	line-height: 33px;
	color: #fff;
	list-style: none;
}

.pro2-fenlei-c div:nth-of-type(2) {
	background: url(../image/pro2-006.jpg) center no-repeat;
}

.pro2-fenlei-c div:nth-of-type(3) {
	color: red;
}

.pro2-fenlei-box-3 {
	padding: 20px;
}

.pro2-fenlei-box-3 img {
	display: block;
	width: 100%;
}

.pro2-fenlei-c div {
	display: none;
}

.pro2-fenlei-c .pro2-c-show {
	display: block;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInup {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInup {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInup {
	-webkit-animation-name: fadeInup;
	animation-name: fadeInup;
}

@-webkit-keyframes fadeLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
}

@keyframes fadeRight {
	0% {
		width: 0;
	}
	100% {
		width: 25px;
	}
}

.fadeRight {
	-webkit-animation-name: fadeRight;
	animation-name: fadeRight;
}

@-webkit-keyframes fadeOutdown {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}
}

@keyframes fadeOutdown {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}
}

.fadeOutdown {
	-webkit-animation-name: fadeOutdown;
	animation-name: fadeOutdown;
}

label{
	cursor: pointer;
	display: inline-block;
	padding: 3px 6px;
	text-align: right;
	width: 150px;
	vertical-align: top;
	color: #FFFFCC;
}