@charset "UTF-8";
.font_family {
	font-family: "Noto Sans SC", Helverica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体" ，STXihei， "华文细黑", Heiti, "黑体";
}

* {
	box-sizing: border-box;
}

ul,
dl,
ol {
	list-style: none;
}

img,
fieldset,
input[type="submit"] {
	border: 0 none;
}

em {
	font-style: normal;
}

strong {
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button,
input[type="button"] {
	cursor: pointer;
	border: 0 none;
}

a,
button,
input,
img {
	-webkit-touch-callout: none;
}

img {
	/*pointer-events:none;*/
	/*禁止图片的点击事件，例如长按保存图片*/
}

input,
select,
textarea {
	outline: none;
}

a {
	text-decoration: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

html,
body {
	/*禁止用户选择元素*/
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	/*禁止元素点击出现半透明黑色背景*/
	-webkit-tap-highlight-color: transparent;
}

html {
	width: 100%;
	outline: 0;
	-webkit-text-size-adjust: none;
}


body {
	margin: 0;
	position: relative;
	font-family: "Noto Sans SC";
	font-weight: 300;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	clear: both;
}
.gqflag{
	width:20%;
	display:inline-block;
	margin-right:1rem;
}
.img_overflow {
	overflow: hidden;
	position: relative;
}

.img_overflow img {
	position: absolute;
	left: -999px;
	top: -999px;
	bottom: -999px;
	right: -999px;
	margin: auto;
}

.duohangyichu {
	overflow: hidden;
	/*条件一,内容溢出隐藏*/
	text-overflow: ellipsis;
	/*条件二这只省略号出现*/
	display: -webkit-box;
	/*条件三,设置为弹性盒子*/
	/*-webkit-line-clamp: 2;*/
	/*条件四,设置要显示的行数*/
	-webkit-box-orient: vertical;
	/*条件五设置排版方向*/
}

.yichu {
	text-overflow: ellipsis;
	/*单行溢出省略号*/
	white-space: nowrap;
	/*禁止换行*/
	overflow: hidden;
}

input {
	-webkit-appearance: none;
}

html,
body {
	margin: 0;
	/* 覆盖UA设置 */
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
a{
	cursor:pointer;
}
.a:focus,
a:hover {
	color: black;
	text-decoration: none;
}
.banner-v{
	position:relative;
	display:block;
}
.banner_img{
	display:none;
}
.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.top {
	position: fixed;
	width: 100%;
	left: 0%;
	top: 0;
	z-index: 100000;
	height: 115px;
	padding-top: 1%;
	text-align: center;
	/*border-bottom: 1px solid #a0a0a0;*/
	/*background: #fff;*/
	/*width: calc(100% - 16px);*/
}

.topfix {
	background: #FFFFFF;
}


/*固定悬浮样式*/

.font_b {
	color: black;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	background-color: #000000;
	color: white;
}

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

a {
	color: white;
}
.navbar-inverse {
	display: none;
}
.nav-pills>li {
	width: 10%;
	text-align: center;
}

.logo {
	display: inline-block;
	   /*margin-right: 20%;*/
	   margin-right:13%;
	/*width: 5%;*/
	width: 6.6%;
	height: 80px;
	vertical-align: middle;
}

.top_nav {
	display: inline-block;
	/*width: 65%;*/
	width: 65%;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
}

.banner .banner_img{
	/*position: relative;*/
	display: none;
}

.video_font {
	position: absolute;
	/* left: 50%; */
	top: 50%;
	margin: 0 auto;
	width: 100%;
}

.video_font div {
	margin: 0 auto;
	height: 1%;
	width: 5%;
	border-top: 2px solid #FFFFFF;
	margin-top: 4%;
	margin-bottom: 4%;
}

.video_font p {
	color: white;
	font-size: 42px;
	text-align: center;
}

.video_font p:nth-of-type(2) {
	font-size: 14px;
	text-align: center;
}

.content {
	margin: 8% 0%;
}

.main-move.jsx-4096040581 a.jsx-4096040581 .text.jsx-4096040581 .icon-right.jsx-4096040581 {
	position: absolute;
	left: 25px;
	top: 150px;
	display: none;
}

</style><style id="__jsx-3501626300">.section.jsx-3501626300 {
	position: relative;
	height: 600px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
}

.banner.jsx-3501626300 {
	/*position: absolute;*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: url(../img/content.jpg);
	height: 660px;
}
.honor.jsx-3501626300 {
	/*position: absolute;*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: url(../img/hone_banner.jpg);
	height: 660px;
}
table.jsx-3501626300 {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.2);*/
}

.content td.jsx-3501626300 {
	text-align: center;
	color: #fff;
	font-weight: normal;
	vertical-align: middle;
	background-color: rgba(0, 0, 0, 0.3);
}

h2.jsx-3501626300 {
	font-size: 30px;
	line-height: 0px;
	margin-bottom: 20px;
	display: inline-block;
	writing-mode: vertical-lr;
	vertical-align: top;
	letter-spacing: 5px;
	font-family: "Noto Sans SC";
	font-weight: 100;
	    margin-right: 2%;
}

.jsx-3501626300_xian {
	width: 1%;
	height: 10%;
	border-left: 2px solid white;
	display: inline-block;
	vertical-align: top;
	 margin: 0% 0.5%;
}

a.jsx-3501626300 {
	display: inline-block;
	width: 55%;
	/*padding: 10px 0;*/
	    margin-top: -15px;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	/*margin-top: 30px;*/
	line-height: 50px;
	/*text-indent: 50px;
	text-align: left;*/
text-align:justify;
	font-family: "Noto Sans SC";
	font-weight: 100;
}
a.m-jsx-3501626300{
	display:none;
}
p.jsx-3501626300 {
	width: 50%;
	margin: 0 auto;
	max-width: 550px;
	line-height: 30px;
}

p.h2_pre.jsx-3501626300 {
	font-size: 22px;
	margin-bottom: 10px;
}

</style><style id="__jsx-2486732522">.cover.jsx-2486732522 {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
}

.content_banner_name {
	text-align: center;
}

.content_banner_name h1 {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 5px;
	font-family: "Noto Sans SC";
	    font-weight: 400;
}

.content_banner_name h6 {
	font-size: 20px;
	font-weight: 900;
}

.content_banner_name p {
	font-size: 16px;
	font-family: "Noto Sans SC";
	font-weight: 100;
}

#demo li:nth-of-type(1) img {
	transform: translate(0%);
}

#demo li:nth-of-type(2) img {
	transform: translate(-10%);
}

#demo li:nth-of-type(3) img {
	transform: translate(-18%);
}

#demo li:nth-of-type(1) div {
	transform: translate(0%);
}

#demo li:nth-of-type(2) div {
	transform: translate(-10%);
}

#demo li:nth-of-type(3) div {
	transform: translate(-18%);
}

#demo {
	width: 100%;
	/*height: 100%;*/
	margin-bottom: 5%;
	margin-top: 2%;
	text-align: center;
	margin-left: 1.5%;
}

#demo img {
	width: 100%;
	/*height: 100%;*/
	/*	max-width: 820px;*/
}

#demo li {
	/*float: left;*/
	display: inline-block;
	position: relative;
	width: 29%;
	/*height: 100%;*/
	/*overflow: hidden;*/
	cursor: pointer;
	transition: 0.5s;
	transform-origin: bottom;
	filter: alpha(opacity=50);
	/*opacity: 0.5;*/
}

#demo li img {
	transition: 1.2s;
}

#demo li a {
	    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
        left: -6%;
    color: #FFF;
    line-height: 32px;
    text-indent: 2em;
	font-size: 28px;
}

#demo li div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #000;
	line-height: 32px;
	filter: alpha(opacity=70);
	opacity: 0.7;
	text-indent: 2em;
	height: 100%;
	display: none;
}

#demo li div a {
	color: #FFF;
	text-decoration: none;
	font-size: 28px;
	position: absolute;
	top: 50%;
	width: 95%;
	text-align: center;
	/*display: none;*/
}

#demo li div a p {
	font-size: 16px;
	/*display: none;*/
}

#demo li:hover div {
	display: block;
}

#demo li div a:hover {
	/*color: #F00;*/
	text-decoration: none;
}
#demo li:nth-of-type(2) a{
	transform: translate(-10%);
}
#demo li:nth-of-type(3) a{
	transform: translate(-18%);
}
.swiper-container{
	width: 90%;
    left: 5%;
	
	position:absolute !important;
	bottom:2%;
}
.honor .swiper-container{
	position:relative !important;
}
.zixun_dongtai a{
	color:#333;
}
.zixun_dongtai a{
	color:#333;
}
.zixun-detail{
	width: 68.7%;
	margin: 0 auto;
}
.zixun-detail .newpage{
	text-align: center;
}
.zixun-detail .new_cibtauber{
	width: 70%;
	margin: 0 auto;
}
.zixun-detail .new_title{
	text-align: center;
	font-size: 28px;
	margin-top: 70px;
}
.zixun-detail .new_sj_zj{
	text-align: center;
	color: #848484;
	font-size: 16px;
	margin: 25px 0;
}
.zixun-detail .new_next{
	float: left;
}
.zixun-detail .new_prev{
	float: right;
}
.honor .swiper-container{
	position:relative !important;
}
#demo li:hover {
	cursor: pointer;
	transform: translateX(25px);
	z-index: 2;
	/*width: 20%;*/
	filter: alpha(opacity=100);
	opacity: 1;
}

#demo li.active img {
	transform: translate(0px);
}

.ziun_top {
	position: relative !important;
	border-bottom: 1px solid #CCCCCC;
	z-index:9995;
}

.zixun_nav ul li a {
	color: black !important;
}

.zixun_content {
	text-align: center;
	
	width: 85%;
	margin: 5% auto;
}

.zixun_left_xian {
	width: 30%;
	height: 2px;
	border-top: 1px solid #cccccc;
	display: inline-block;
}

h2 {
	margin: 0 5%;
	display: inline-block;
	vertical-align: middle;
	font-family: "Noto Sans SC";
	font-weight: 300;
}

.zixun_right_xian {
	width: 30%;
	height: 2px;
	border-top: 1px solid #cccccc;
	display: inline-block;
}
.anli  .ex_anli  .aa2{
	position:absolute;
	left:0;
	font-size:1.6rem;
	color:#fff;
	height:3.2rem;
	line-height:3.2rem;
	overflow:hidden;
	bottom:0;
	display:block;
	width:100%;
	text-align:left;
	padding-left:1rem;
}

.anli .ex_anli:hover  .aa2{
	display:none;
}
.btn {
	display: block;
	float: left;
	padding: 10px 15px;
	background: #0496b6;
	font-size: 1.5em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	box-shadow: 2px 2px 2px #eee;
}

.btn:hover {
	background: #3cb7d3
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

.intro {
	margin: 20px 0;
	background: #c9f6f9;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 2px #eee;
	padding: 5px 15px 10px 15px;
}

p.demo-intro {
	font-size: 1.2em;
	margin-bottom: -0.5em;
	font-weight: bold;
}

@media (max-width: 767px) {
	hgroup h1 {
		margin-top: 25px;
	}
	hgroup h2 {
		top: 0;
		left: 5px;
		font-size: 12px;
	}
	.btn {
		width: 80%;
		margin: 20px auto;
		float: none;
	}
}

.idea .idea_top {
	position: relative;
}

.idea_top img {
	width: 100%;
	height: 100%;
}

.idea .idea_top div.nyblack {
	position: absolute;
	bottom: 1%;
	left: 5%;
	color: white;
}

.idea_content { 
	margin-top: 10%;
	overflow: hidden;
	height: 550px;
	width: 75%;
	margin: 3% auto;
}

.idea_content .idea_content_left {
	display: inline-block;
	/*width: 34%;*/
	width: 30%;
	vertical-align: middle;
}

.idea_content .idea_content_left img {
	width: 100%;
	height: auto;

/*	height: 575px;*/
}

.idea_content .idea_content_right p {
	    line-height: 32px;
	    /*font-size: 14px;*/
	    font-size: 1.5rem;
}
.idea_content .idea_content_right p b{
	font-weight: 300;
	    /*font-size: 16px;*/
	    font-size: 1.8rem;
}
.idea_content .idea_content_right {
	display: inline-block;
	width: 60%;
	margin-left: 5%;
	vertical-align: middle;
	vertical-align: top;
}

.idea_footer {
	margin: 5% auto;
	width: 75%;
	
}

.idea_footer .idea_footer_left {
	display: inline-block;
	width: 31.5%;
	margin-right: 2%;
}

.idea_footer .idea_footer_center {
	display: inline-block;
	width: 31.5%;
	margin-right: 2%;
	vertical-align: top;
}

.idea_footer .idea_footer_right {
	display: inline-block;
	width: 31.5%;
	vertical-align: top;
}

.idea_footer .idea_footer_left img {
	width: 100%;
	height: 100%;
}

.idea_footer .idea_footer_center img {
	width: 100%;
	height: 100%;
}

.idea_footer .idea_footer_right img {
	width: 100%;
	height: 100%;
}

.idea_footer .idea_footer_left p {
	margin-top: 3%;
	padding: 0 3%;
	font-weight: 300;
	font-size: 16px;
}

.idea_footer .idea_footer_center p {
	margin-top: 3%;
	padding: 0 3%;
	font-weight: 300;
	font-size: 16px;
}

.idea_footer .idea_footer_right p {
	margin-top: 3%;
	padding: 0 3%;
	font-weight: 300;
	font-size: 16px;
}

.brief.jsx-3501626300 {
	/*position: absolute;*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: url(../img/brief-5.png);
	height: 580px;
}

.brief_banner p {
	font-size: 40px;
	font-family: "Noto Sans SC";
	font-weight: 100;
}

.brief_banner p:nth-of-type(3) {
	font-size: 16px;
	font-family: "Noto Sans SC";
	font-weight: 100;
}

.brief_banner p:nth-of-type(2) {
	font-size: 24px;
}

.brief_bb {
	/*margin-top: 8%;
	*/
      margin-top: 6%;
}

.brief_bb div {
	display: inline-block;
	width: 20%;
}

.brief_bb div p {
	/*margin-top: 5%;*/
	margin-top:11%;
	font-family: "Noto Sans SC";
	font-weight: 100;
}

.brief_content {
	margin: 0 0 !important;
}

.join_one {
	/*text-align: center;*/
	margin: 5% auto;
	width: 70%;
	font-weight:100;
}

.join_one_left {
	display: inline-block;
	width: 50%;
}

.ioin_one_right {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.ioin_one_right img {
	width: 100%;
	/*height: 100%;*/
}

.join_one_left h3 {
	font-size: 34px;
	margin-top: 10%;
}

.join_one_left div {
	margin-left: -7%;
}

.join_one_left div p {
	font-size: 20px;
	display: inline-block;
	width: 28%;
	text-align: center;
}

.join_one_left div p b {
	font-size: 65px;
}

.join_one_left div p span {
	font-size: 16px;
	text-align: center;
	display: block;
}

.join_one_left p:nth-of-type(1) {
	font-size: 20px;
	margin-top: 3%;
}

.join_one_left p:nth-of-type(2) {
	font-size: 16px;
	margin-top: 6%;
}

.join_two {
	margin: 5% auto;
	width: 70%;
}

.join_two_left {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.join_two_left img {
	width: 100%;
	/*height: 100%;*/
}

.join_two_right {
	display: inline-block;
	/*padding-left: 5%;*/
	width: 50%;
}

.join_two_right div {
	width: 80%;
	margin: 0 auto;
}

.join_two_right h3 {
	font-size: 40px;
	margin-bottom: 10%;
}

.join_two_right b {
	font-weight: 100;
}

.join_three {
	margin: 5% auto;
	width: 70%;
}

.join_three_right {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.join_three_right img {
	width: 100%;
	/*height: 100%;*/
}

.join_three_left {
	display: inline-block;
	/*padding-left: 5%;*/
	width: 49%;
}

.join_three_left h3 {
	font-size: 40px;
	margin-bottom: 10%;
}

.join_three_left b {
	font-weight: 100;
}

.join_three_left div {
	width: 80%;
	margin: 0 auto;
}

.us_us {
	margin-top: 8%;
	width: 100%;
}

.us_left {
	text-align: left;
	width: 49%;
	display: inline-block;
}

.us_left h3 {
	font-size: 36px;
	margin-bottom: 3%;
}

.us_left p {
	font-size: 16px;
	margin-bottom: 3%;
}

.us_left div {
	font-size: 26px;
	margin-bottom: 4%;
}

.us_left div img {
	margin-right: 5%;
}

.us_right {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-top: 2%;
}

.us_right li {
	text-align: left;
	/*display: block;*/
	margin-bottom: 5%;
}

.us_right li input {
	border: 1px solid #CCCCCC;
	width: 40%;
	height: 30px;
}

.us_right li:nth-of-type(4) input {
	width: 80%;
	height: 100px;
}

.us_right li button {
	width: 10%;
	height: 35px;
	background: white;
	border: 1px solid #CCCCCC;
	margin-left: 8%;
}

.ex_anli {
	float: left;
	width: 48%;
		margin: 0 1% 3% 1%;
	position: relative;
}

.ex_anli img {
	width: 100%;
}

.ex_anli div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #000;
	line-height: 32px;
	filter: alpha(opacity=70);
	opacity: 0.7;
	text-indent: 2em;
	height: 100%;
	display: none;

}
.ex_anli p {
	position: absolute;
	bottom: 0%;
	left: 0%;
	/*width: 100%;*/
	color: white;
	line-height: 32px;
	text-indent: 2em;
	display: block;
}

.ex_anli:hover p {
	display: none;
}

.ex_anli:hover div {
	display: block;
}

.ex_anli div a {
	position: absolute;
	top: 50%;
	left: 0;
	color:#fff;
	width: 100%;
color:#fff;
	cursor:pointer;
	display:block;
	text-align:center;}
.ex_anli div p.p1 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color:#fff;
	cursor:pointer;
	display:block;
	text-align:center;
}
.product_chan {
	float: left;
	width: 25%;
	padding: 1%;
	position: relative;
}

.product_chan img {
	width: 100%;
	/*height: 100%;*/
}

.zhe {
	position: absolute;
	width: 92%;
	height: 10%;
	bottom: 3.5%;
	left: 4%;
	background-color: white;
	opacity: 0.5;
}

.cover {
	position: absolute;
	width: 92%;
	height: 10%;
	bottom: 2%;
	left: 4%;
	opacity: 1;
	color: black;
}

.product_chan:hover .zhe {
	height: 93%;
}

.product_chan:hover .cover {
	bottom: 50%;
}
.honor{
	position:relative;
}
.honor_swiper {
	width: 100%;
	height: 100%;
	margin:5% auto;
	left:0;
}
.honor_banner ul li a{
	color:#333;
}


.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img{
	width:80%;
}
@media (max-width: 760px) {
	.swiper-button-next {
		right: 20px;
		
	}
	.swiper-button-prev {
		left: 20px;
	
	}
}

.hezuo_img {
	margin-top: 5%;
	width: 100%;
}

.hezuo_img img {
	width: 100%;
	height: 100%;
}
.honor_banner{
	width: 50%;
	    margin-top: 4%;
	    display: inline-block;
	    text-align: left;
	     margin-left: -5%;
}
.honor_banner ul li{
	display: inline-block;
    width: 37%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    color: black;
    opacity: 0.7;
    margin: 1% 1%;
        font-size: 16px;
        text-align: center;
		overflow:hidden;
}
.honor_banner ul li a{
	color:#333;
	cursor:pointer
}
.honor_banner ul #pagecontrol{
	background-color: transparent;
	border: 1px solid #FFFFFF;
	color: white;
}
.honor_bb{
	display: inline-block;
	width: 17%;
    vertical-align: top;
    margin-top: 4%;
    margin-left: -5%;
}
.honor_bb img{
	width: 100%;
	height: 100%;
}
.honor_banner .liqian{
	display:inline-block;
}
.honor_banner .lihou{
	display:none;
}
#content {
    text-align: center;
}

#view { 
	margin: 30px 0;
	height: 384px;
}

#view img {
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,.6);
}

#thumbs { 
	position: relative;
	margin: 20px 0;
}

#nav-left-thumbs { left: 70px; }
	
#nav-right-thumbs {	right: 70px; }

#nav-left-thumbs, #nav-right-thumbs {
    position: absolute;
    top: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    font-size: 1em;
    font-weight: bold;
    color: #999;
    text-shadow: 0 0 10px rgba(0,0,0,.5);
    cursor: pointer;
    transition-duration: .5s;
}

#nav-left-thumbs:hover, #nav-right-thumbs:hover {
    background: lightgrey;
}

#pics-thumbs { 
	position: relative;
	padding: 5px 0;
    margin: 0 122px;
    white-space: nowrap;
    overflow: hidden; 
    transition-duration: .8s;
}

#pics-thumbs img {
    padding: 5px;
	margin: 0 2px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,.6);
    cursor: pointer;
    height: 75px;
    transition-duration: .5s;
}
#zoom {
    position: absolute;
    width: 100px;
    height: 100px;		
    background-repeat: no-repeat;
    border-radius: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    display: none;
}

#wrapper {
    margin: 0 auto;
    width: 960px;
}
.mouse{
display:none;
}
/*pro*/
.idea_top .banner-word{
	width:60%;
	position:absolute;
	left:20%;
	top:40%;
	text-align:center;
	color:#fff;
}
.idea_top .banner-word .banner-p1{
	font-size:4.6rem;
}
.idea_top .banner-word .banner-p2{
	font-size:2.4rem;
}.promiddle{
	text-align:center;
}
.proul {
	width:75%;
    font-size: 1.2em;
    margin:8rem auto;
    padding: 0;
    padding-bottom: 11px;
    line-height: 1em;
}
.proul li{
	    padding: 1.4rem;
    margin-right: 1em;
	margin: 0 3%;
	background: white;
    border: 1px solid #ddd;
    font-family: "Noto Sans SC";
    font-weight: 100;
	
	display: inline;
    cursor: pointer;
	color:#333;
}
.proul li a{
	color:#333;
	
}
.proul li:hover{
	background:#efefef;
}
.proul li.currclass{
	    background: black;

}
.proul li.currclass a{
	    background: black;
    color: white
}
.banner{
	position:relative !important;
}
.video_font p .empdd{
	padding-left:2rem;
}
.video_font p .brclass{
	
	display:none;
}
@media screen and  (min-width:750px) and (max-width:1100px)  {

.logo{
	margin-right:10%;
}
.top_nav{
	width:77%;
}
.navs > ul {
	padding:1rem;
}


} 
.footer-fixed{
display:none;
}
.hidden-m{
display:block;
}
.hidden-p{
display:none;
}
@media screen and  (min-width:750px) and (max-width:1100px)  {

	.hidden-m{
display:none;
}
.hidden-p{
display:block;
}

.logo{
	margin-right:10%;
}
.top_nav{
	width:77%;
}
.navs > ul {
	padding:1rem;
}


} 
.footer-fixed{
display:none;
}
@media screen and (max-width:750px) {
.footer{
	margin-bottom:8rem;
}
	.footer-fixed{
	display:block;
	/*height:7rem;*/
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	background:#fff;
}
.footer-fixed ul{
	margin:0;
	padding:0;
}
.footer-fixed ul li{
	width:15%;
	margin:1rem 2%;
	display:inline-block;
	font-size:1rem;
	color:#101010;
	text-align:center;
}
.footer-fixed ul li a{
	display:block;
	color:#101010;
	width:100%;
}
.footer-fixed ul li a span{
	display:block;
	color:#101010;
	font-size:1.2rem;

}
.footer-fixed ul li a span img{
	width:45%;
	height:auto;
	margin-bottom:1rem;
}

.footer-fixed img{
	width:auto;

}	
.banner-v{
		display:none;
	}
	.banner .banner_img {
   position: relative; 
    display: block;
	width: 100%;
	height: auto;
}
.banner .banner_img img{
	width:100%;
}
.navbar-toggle {

    border: none !important;
    
}
.navbar-toggle .icon-bar {
	width:2.5rem
}
.navbar-toggle .second {
   
    width:2rem;
   
 }
 .navbar-brand{
	width: 25%;
	padding: 0px 15px;
	margin-top: 1.8rem;
}
.navbar-brand img{
	width: 100%;
}

.navbar-inverse .navbar-toggle{
	border-color: white;
	margin-top:2rem;
}
.mcontent{
	text-align:center;
}
.mouse{


    margin: 0 auto;
    display: inline-block;
    cursor: pointer;
    padding-top: 2rem;

}
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    -ms-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

40% {
    -webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
	-moz-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-o-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
} 
.honor_banner {
	width:100%;
}
.honor.jsx-3501626300 {
		height:auto !important;
}
.honor_banner ul li {
	width:47%;
	line-height:3rem;
	height:6rem;
}
.jsx-3501626300 .honor_bb {
    display: block;
    width: 80%;
    margin: 0 auto;
}
.proul {
    width:95%;
      padding: 0;
    margin: 4rem 0; 
}
.proul li{
padding:1rem 1.2rem;
    margin-right: 1em;
    margin: 0 1%;

   
}
.proul li a {
    font-size:1.2rem;
}

	/*m end*/
	.navbar-inverse {
		display: block;
		background-color:transparent;
		height: 7.5rem;
	}
	.footer_left img {
		width: 90%;
	}
.video_font{
	  top:10% 
}
.video_font p{
	font-size:1.8rem;	

	font-weight:100;
	line-height:4rem;
font-family: "Noto Sans SC";	
	
}
.video_font p .empdd{
	
	padding-left:2rem;
}

.video_font p .brclass{
	
	display:block;
}
.video_font p.m-p1{
	width:85%;
	display:block;
	margin:0 auto;
		padding-top:22%;
}
.video_font p.m-p2{
	width:95%;
	display:block;
	margin:0 auto;
	font-size:0.9rem;
		padding-top:2%;
}
.video_font div {
    margin: 0 auto;
    height:1px;
    width:3rem;
    border-top: 2px solid #FFFFFF;
    margin-top: 4%;
    margin-bottom: 4%;
}
.top_nav{
	display: none;
}
.logo img{
	width: 100%;height: 100%;
}
.logo{
	width: 15%;
	height: auto;
}


.content_banner_name h1{
	font-size:2.4rem;
	     margin-top: 5px; 
     margin-bottom: 5px;
	 font-weight:300;
}
.content_banner_name h6{
	display: block;
	font-weight: 100;
    font-size: 1rem;
}
.content_banner_name p{
	font-size: 1.1rem;
	margin-bottom:3rem;
}
a.jsx-3501626300{
   width: 95%;
    font-size: 1.2rem;
    line-height:2.6rem;
	color:#101010;

}

.banner.jsx-3501626300{
	
	height:auto !important;
    background:none;
   
}
h2.jsx-3501626300 {
 /*   font-size:3rem;
    line-height:3rem;
    margin-bottom:2rem;
    display: inline-block;
     writing-mode:horizontal-tb;
    vertical-align: top;
    letter-spacing: 5px;
    font-family: "Noto Sans SC";
    font-weight: 100;
    margin-right: 2%;
	*/
display:none;
}
.content td.jsx-3501626300 {
font-size:1.5rem;
	writing-mode: initial;
    text-align: center;
    color: #101010;
    font-weight: 100;
    vertical-align: middle;
   background:none; 
   
   padding:2rem 0.5rem;
       display: block;
	line-height:2rem;

}
.brief_banner p{
	color:#fff;
	font-size:2rem;
}
.brief_bb div p {
   color:#fff;
}
.brief_bb div {
    display: inline-block;
    width:45%;
	height:15rem;
	font-size:1rem;
	overflow:hidden;
}
.content td.jsx-3501626300 a.jsx-3501626300{
	display:none;
}
a.m-jsx-3501626300 {
	font-size:1.5rem;
	writing-mode: initial;
    text-align: justify;
    color: #101010;
    font-weight: 100;
    vertical-align: middle;
   background:none; 
   
   padding:2rem 0.8rem;
       display: block;
    padding-bottom: 2rem;
	line-height:3rem;


	
}
.brief_banner p{
	color:#fff;
	font-size:2rem;
}
.brief_bb div p {
   color:#fff;
}
.brief_bb div {
    display: inline-block;
    width:45%;
	height:15rem;
	font-size:1rem;
	overflow:hidden;
}
.jsx-3501626300_xian{
	display: none;
}
.navbar-brand{
	width: 25%;
	padding: 0px 15px;
	margin-top: 1.8rem;
}
.navbar-brand img{
	/*width: 100%;*/
	width: auto;
    max-height: 5rem;
}
#fixPara{
	display: none;
}
.navbar-inverse .navbar-toggle{
	border-color: white;
	margin-top:2rem;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
	background: rgba(0,0,0,0.5);
    text-align: center;
	top:0;
	right:0;
	width:100%;
	height:100%;	
	max-height:200% !important;
	position:fixed;
	padding:0;
	margin:0;
	z-index:9998;	
 

	
}
.navbar-inverse .navbar-collapse .nav{
	margin:0;
	padding:0;
	width:50%;
	background:#333;
	position:fixed;
	right:-21rem;
	 -webkit-transition: right .4s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .4s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	min-height:100%;
	z-index:9999;
	overflow:hidden;
}
.navbar-inverse .in .navbar-nav {
right:0;

}
.navbar-nav .open .dropdown-menu {
	display:none;
	background:none;
	position:relative !important;
	z-index:9999;
	width:80% !important;
	text-align:left;


}

.dropdown .open{
	display:block;
}
.navbar-nav .open .dropdown-menu{
	display:block;
	position:relative !important;
}
.navbar-inverse .navbar-nav li .dropdown-menu li{
	background:#333;
	border:none;	
	width:100%;
	
	
}
.dropdown-menu li a{
	color:#ccc;
}
.certspan,.certspan2{
	font-weight:bold;
	padding-left:2rem;
}
.certspan{
	display:inline-block;
}
.certspan2{
	display:none;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	background-color: transparent;
}
.navbar-inverse .navbar-nav li{
    border-top: 1px solid rgba(0,0,0,.3);
	text-align:center;
}
.navbar-inverse .navbar-nav > li > a {
    color: #ccc;
}
.content{
	margin: 5% 0%;
}
#demo{
	     margin-bottom: 0%; 
     margin-top: 0%; 
     text-align: initial; 
     margin-left: 0%; 
     padding-left: 0px;
     width: 95%;
    margin: 0 auto;
}
#demo li:nth-of-type(2) img{
	transform: translate(0%);
}
#demo li:nth-of-type(3) img{
	transform: translate(0%);
}
#demo li:hover{
	transform: translate(0%);
}
#demo li:hover div{
	display: none;
}
#demo li{
	/*width: 31%;*/
	width:100%;
	margin-bottom:2rem;
}
#demo li a {
	text-align:center;
	font-size:1.8rem;
	width:auto !important;
	height:auto !important;
	left:25%;
	display:block;
	padding:1rem 2rem;
	background:rgba(16,16,16,0.6);
	text-indent:0;
}
#demo li a p{
	display:none;
}
#demo li:nth-of-type(1) a{
	/*margin-right: 2.5%;*/
	transform:none !important;
}
#demo li:nth-of-type(2) a{
	/*margin-right: 2.5%;*/
	transform:none !important;
}
#demo li:nth-of-type(3) a{
	/*margin-right: 2.5%;*/
	transform:none !important;
}

.index_banner{
	display: block;
}
.idea_content{
	overflow: initial;
	width: 95%;
	height: 100%;
}
.idea_content .idea_content_left{
	display: block;
	width: 40%;
    float: left;
    margin-right: 5%;
}
.idea_content .idea_content_left img{

	height: 100%;
}
.idea_content .idea_content_right{
	width: 100%;
	margin-left: 0%;
	margin-top: 5%;
	display: block;
}
.idea_content .idea_content_right p{
	line-height: 25px;
}
.zixun_left_xian{
	width: 20%;
}
.zixun_right_xian{
	width: 20%;
}
.zixun_content h2{
	font-size: 2rem;
}
.idea_footer{
	width: 95%;
}
.idea_footer .idea_footer_left{
	width: 100%;
}
.idea_footer .idea_footer_center{
	width: 100%;
}
.idea_footer .idea_footer_right{
	width: 100%;
}
.product_chan{
	width: 50%;
}
.cover{
	font-size: 12px;
}
.zhe{
	width: 100%;
	left: 0;
	height: 15%;
    bottom: 1%;
}
.product_chan:hover .zhe{
	height: 100%;
}
.ex_anli{
/*	float: none;
    width: 100%;
	*/
}
.ex_anli a.lightbox-a{
	display:block;
}
.ex_anli a{
	font-size:1rem;
}
.ex_anli div{
	width: 100%;
	margin-left: 0;
}
.ex_anli div .p1:hover{
	color: white !important;
}

.zixun_dongtai .dongtai_content p:nth-of-type(2){
	    overflow: hidden;
	/*条件一,内容溢出隐藏*/
	text-overflow: ellipsis;
	/*条件二这只省略号出现*/
	display: -webkit-box;
	/*条件三,设置为弹性盒子*/
	-webkit-line-clamp: 2;
	/*条件四,设置要显示的行数*/
	-webkit-box-orient: vertical;
}
.navbar-inverse .navbar-toggle .icon-b{
	background-color:black !important;
}
.navbar-inverse .navbar-toggl{
	border-color: #333 !important;
}
.join_one_left{
	width: 100%;
}
.join_one{
	width: 95%;
}
.join_one_left h3{
	font-size: 24px;
	margin-bottom: 0%;
}
.join_one_left p:nth-of-type(1){
	font-size: 14px;
	    margin-top: 0%;
}
.join_one_left div p b{
	font-size: 18px;
}
.join_one_left div p span{
	font-size: 12px;
}
.join_one_left div p{
	width: 32%;
}
.join_one_left p:nth-of-type(2){
	font-size: 12px;
}
.join_one_left div p{
	font-size: 12px;
}
.ioin_one_right{
	/*display: none;*/
	width: 100%;

}

.join_two_right h3{
	margin-top: 0px;
	margin-bottom: 2%;
	font-size: 18px;
}
.join_two{
	width: 95%;
	font-size: 18px;
}
.join_two_right{
	width: 100%;
}
.join_two_right div{
	width: 100%;
	font-size: 12px;
}
.join_two_left{
	float: left;
	display: block;
	margin-right: 5%;
	margin-bottom: 3%;
}
.join_two_right{
	display: block;
	margin-left: 2%;
}

.join_two_right h3{
	margin-top: 0px;
	margin-bottom: 2%;
	font-size: 18px;
}
.join_three h3{
	margin-top: 0px;
	margin-bottom: 2%;
	font-size: 18px;
}
.join_three{
	width: 95%;
	font-size: 18px;
}
.join_three_left{
	width: 100%;
}
.join_three_left div{
	width: 100%;
	font-size: 12px;
}
.join_three_right{	
	display: block;
	margin-top: 5%;
    width: 100%;
}
.join_three_left{

	display: block;
	margin-right: 5%;
}
.us_left{
	width: 100%;
	
}
.us_left h3{
	font-size: 26px;
}
.us_left div{
	font-size: 22px;
}
.us_right{
    width: 100%;
}
.us_right ul{
	padding-left: 0;
	width: 100%;
}
.us_right li input{
	width: 85%;
}
.us_right li:nth-of-type(4) input{
	width: 85%;
}
.us_right li button{
	margin-left: 12%;
	width: 20%;
}
}
/* nav modify */
li.eclass a span{
	border:1px solid #dcdcdc;
	padding:1px 2rem;
	
}
/* ny black */
.idea .idea_top div.nyblack{
background:rgba(0,0,0,0.6);
width: 100%;
left: 0;
padding:1.4rem 0 1.4rem 12%;
bottom: 0;
opacity: 0.7;	

display:block;
}
.idea .idea_top div.nyblack a{
	padding:0 1rem;
	font-size:1.4rem;
}
.idea .idea_top div.nyblack a:hover{
	color:white;
}

/***pagination***/
.pagination .current {
    background: #000;
	color:#fff;
}
.pagination a{
	color:#000;
}
.pagination a:hover {
    background: #000;
    color: #fff;
}

.pagination .current > a {
    color: #fff;
}
.pagination li:first-child, .pagination li:last-child {
    display: inline-block;
}
.pagination li {
    margin-right: .0625rem;
    border-radius: 0;
    font-size: .875rem;
    float:left;
}
.pagination a, .pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a;
}
/*mobile*/