body,
html {
	margin: 0;
	height: 100%;
	min-width: 1000px;
}


/*customize scrollbar*/

::-webkit-scrollbar {
	width: 12px;
	/*height: 16px;*/
	background: #CCC;
}

::-webkit-scrollbar-thumb:vertical {
	background-color: #3a3a3a;
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #000;
}

/*::-webkit-scrollbar-thumb:horizontal {
	background: url(../img/icon-drag1.gif) 50% 50% no-repeat, url(../img/icon-drag2.gif) 1% 0 no-repeat, url(../img/icon-drag3.gif) 99% 0 no-repeat;
	background-color: #3a3a3a
}

暂时不需要水平 滚动套
*/
/*

header {
	width: 100%;
	height: 100px;
	padding: 30px 50px;
	box-sizing: border-box;
	background-color: #FFF;
}

header div {
	display: inline-block;
}

.nav {
	float: right;
}

.nav a {
	color: #000;
}

.nav a:hover {
	color: #00aeef;
}

#navlist {
	float: left;
}

#navlist li {
	height: 40px;
	float: left;
	margin: 10px;
	list-style-type: none;
}

#multilang a {
	display: inline-block;
	text-align: center;
}
*/

.sideimg {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
}

.item:nth-child(even) .sideimg{
	float: right;
}

.imgPlayer {
	width: 100%;
	height: 100%;}

.imgPlayer img {
	display: none;
}

.sideText {
	height: 100%;
	width: 500px;
	background: blue;
	color: #FFF;
	position: fixed;
	top: 0;
	padding: 120px 50px;
	margin-bottom: 16px;
	box-sizing: border-box;
	word-wrap: break-word;
	z-index: 99;
}

.sideText:hover {
	overflow-y: scroll;
}

#imgScroll {
	height: 100%;
	width: 100%;
	background: #ccc;
	color: #FFF;
	position: fixed;
	top: 0;
	padding: 100px 0px 0 500px;
	box-sizing: border-box;
	white-space: nowrap;
}

#imgScroll:hover {
	overflow-x: scroll;
}

.produceItem {
	height: 100%;
	display: inline-block;
	position: relative;
}

#imgScroll img {
	height: 100%;
}

.produceDtl {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(128, 128, 128, 0.5);
	color: #FFF;
}

.produceTxt {
	position: relative;
	top: 50%;
	text-align: center;
	font-size: 2em;
}

.content {
	height: 100%;
	padding: 100px 0 0;
	box-sizing: border-box;
}

.textContent {
	width: 50%;
	height: 100%;
	/*margin: 0 2%;*/
	padding: 20px;
	box-sizing: border-box;
	float: left;
	font-family: "Microsoft Yahei";
}

.newstab a {
	color: #555;
	margin: 20px;
	font-size: 1.2em;
}

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

.newslist {
	width: 100%;
	height: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	overflow: hidden;
}

.newscontent {
	position: relative;
	top: 5%;
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
	height: 90%;
}
.newscontent .newsshow {
	background-color: #fff;
}
.newscontent .newsshow h4,
.newscontent .newsshow time {
	text-align: center;
}
.newscontent .articleTxt {
	margin: 1em auto 0;
	padding: 1em 5% 0;
	width: auto;
	font-size: 16px;
	line-height: 2em;
	border-top: 1px solid #eee;
}
.newscontent .articleTxt p {
	padding: 0.5em 0;
	font-size: 16px;
	line-height: 2em;
}

.newsprevnext { position: relative; margin: 5% 5% 0; font-size: 0; text-align: center; overflow: hidden; }
.newsprevnext .d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.newsprevnext .trs03s { transition: all .4s; }
.newsprevnext .col { position: relative; padding: 10px 1%; width: 31.32%; background-color: #555; vertical-align: top; }
.newsprevnext .col .txt { font-size: 15px; line-height: 20px; color: #fff; }
.newsprevnext .col a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; font-size: 0; }
.newsprevnext .prev .icon,
.newsprevnext .next .icon { width: 34px; height: 18px; background: url(../img/icon-arrow-articlecon.png) 0 0 no-repeat; }
.newsprevnext .prev .icon { margin-right: 15px; }
.newsprevnext .next .icon { margin-left: 15px; background-position: -40px 0; }
.newsprevnext .next { margin-left: 33.32%; }
.newsprevnext .back { position: absolute; top: 0; left: 33.32%; width: 31.34%; background-color: #666; }
.newsprevnext .back::before,
.newsprevnext .back::after { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #fff; }
.newsprevnext .back::before { left: 0; }
.newsprevnext .back::after { right: 0; }
.newsprevnext .back .icon { margin-right: 6px; width: 17px; height: 14px; background: url(../img/icon-menu.png) 0 0 no-repeat; }
.newsprevnext .col:hover { background-color: #00aeef; }
.newsprevnext .prev:hover .icon { transform: translate3d(-4px, 0, 0); }
.newsprevnext .next:hover .icon { transform: translate3d(4px, 0, 0); }
.newsprevnext .back:hover .icon { transform: scale(0.9); }

.newsprevnext .back .icon { height: auto; background: none; }
.newsprevnext .back .icon .line { display: block; position: relative; margin-left: 3px; height: 1px; background-color: #fff; }
.newsprevnext .back .icon .line::before { content: ''; position: absolute; top: 0; left: -3px; width: 1px; height: 1px; background-color: #fff; }
.newsprevnext .back .icon .line-m { margin: 5px 0 5px 3px; }

.newsshow {
	width: 100%;
	height: 100%;
	padding: 40px 30px;
	box-sizing: border-box;
	overflow: hidden;
}

.newsshow:hover {
	overflow: auto;
}

.newslist:hover {
	overflow: auto;
}

.newslist time {
	color: #555;
	display: block;
	font-size: 1.3em;
}

.newsshow time {
	color: #555;
	display: block;
	font-size: 14px;
	margin: 10px 0 0;
}

.newsshow h4 {
	color: #000;
	font-weight: bold;
	font-size: 22px;
	margin-top: 5px;
}

.newslist a {
	color: #000;
	font-weight: bold;
}

.newslist p {
	color: #555;
}

.newsitem {
	margin: 50px 20px 0;
}


/* 设置滚动条的样式 */

.newslist::-webkit-scrollbar {
	width: 12px;
	background: rgba(128, 128, 128, 0.3);
}


/* 滚动槽 */

.newslist::-webkit-scrollbar-track {
	background: rgba(128, 128, 128, 0.3);
}


/* 滚动条滑块 */

.newslist::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.9);
}

.newslist::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0, 0, 0, 0.4);
}


/*style for carousel start */

#carousel {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sections,
.section {
	height: 100%;
}

#carousel,
.sections {
	position: relative;
}

.section {
	background-color: #000;
	background-size: cover;
	background-position: 50% 50%;
	text-align: center;
	color: white;
}

#section0 {
	background-image: url('../img/carousel/1.jpgg');
}

#section1 {
	background-image: url('../img/carousel/2.jpgg');
}

#section2 {
	background-image: url('../img/carousel/3.jpgg');
}

#section3 {
	background-image: url('../img/carousel/4.jpgg');
}
.product-cover-text {
	width: 100%;
	height: 170px;
	position: absolute;
	bottom: 0;
	background-color: #272e46;
	padding: 40px;
	box-sizing: border-box;
	color: #FFF;
}

.product-detail-content table, .product-detail-content th, .product-detail-content td ,
.table-wrapper table, .table-wrapper th, .table-wrapper td {
   border: 1px solid #DDD !important;
}

#product-text-content::before {
	content: " ";
	border-bottom: 1px solid #FFF;
	display: block;
	width: 100px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.leftCtn {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
}

.product-detail {
	padding-top: 0.1px;
	width: 100%;
	height: 100%;
	background: #6B6B6B;
	font-family: "Microsoft Yahei";
	box-sizing: border-box;
}

.product-detail-content-list {
	width: 95%;
	//height: 80%;
	height: calc(100% - 194px);
	padding: 0 40px;
	box-sizing: border-box;
	overflow: hidden;
}

.slidePage-container .item1 .product-detail-content-list {
	height: calc(100% - 240px);
}

.product-detail-content-list P {
	/*text-indent: 28px;*/
	color: #ddd;
}


.product-detail-content-list:hover {
	overflow-y: auto;
}

.product-detail-left {
	width: 10%;
	height: 85%;
	padding-top:30px;
	margin-left:30px;
	box-sizing: border-box;
	float: left;
}

.product-detail-left li{
	font-size: 20px;
	height: 50px;
}

.product-detail-left li:first-child{
	font-size: 16px;
}

.product-detail-left a:hover{
	color: #DDD
}

.product-detail-left a.active {
	color: #FFF;
}
/*
.product-detail-right {
	display: none;
}

.display {
	display: block;
}
*/
.product-detail-pos {
	display: none;
	padding: 10px 40px;
	font-size: 12px;
	color: #eee;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.product-detail-pos a {
	color: #eee;
}
.slidePage-container .item1 .product-detail-pos {
	display: block;
}

.product-detail-tit {
	position: relative;
	margin: 40px 40px 0;
	padding-left: 20px;
	padding-bottom: 2px;
	font-size: 24px;
	color: #fff;
}
.product-detail-tit::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: #00aeef;
}
.product-detail-tit span {
	display: none;
	padding-right: 6px;
	font-size: 16px;
	color: #fff;
}

.product-detail-sel {
    padding: 30px;
}

.product-detail-sel a{
	color: #ddd;
	margin: 30px;
	height: 60px;
}

.product-detail-sel a:hover, .product-detail-sel a.active{
	color: #fff;
	font-weight: 800;
}

/*.product-detail-sel {
	margin: 40px 40px 20px;
	font-size: 0;
}
.product-detail-sel a {
	display: inline-block;
	vertical-align: top;
	padding: 5px 1em;
	font-size: 14px;
	color: #000;
	background-color: rgba(255, 255, 255, .5);
	border-left: 1px solid rgba(255, 255, 255, .4);
}
.product-detail-sel a.active {
	color: #fff;
	background-color: #00aeef;
}*/

.product-detail-content {
	display: none;
	width: 100%;
	height: 100%;
	padding-right: 10px;
	box-sizing: border-box;
	color: #eee;
}

.product-detail-content-show {
	display: block;
	overflow-x: hidden;
}

table { width: 100%!important; max-width: 100%!important; word-break: break-all!important; word-wrap: break-word!important; white-space: normal!important; }
table td,
table p,
table span { word-break: break-all!important; word-wrap: break-word!important; white-space: normal!important; }
.product-detail-content-show img,
.articleTxt img { max-width: 100%; height: auto!important; }

.videoList {
	background-color: rgb(101, 101, 101);
	height: 100%;
}
.videoItem {
	margin: 1px 0;
	height: 100%;
	position: relative;
	float: left;
	display: inline;
	background: url(../img/Video-Icon-crop.png) no-repeat 50% 50%;
}
.videoItem img{
	width: 100%;
	height: 100%;
}

.videoFade {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 2;
}

.playvideo {
	width: 100px;
	height: 100px;
	background: url(../img/play.svg) no-repeat;
	display: block;
	position: absolute;
	z-index: 3;
	left: 40%;
	top: 40%;
	display: none;
}

.videotxt p,.videotxt h3 {
	color: #CCC;
}

.videotxt {
	position: absolute;
	z-index: 3;
	left: 30px;
	bottom: 40px;
	color: #CCC;
	border-left: solid #CCC 3px;
	padding: 0 10px;
}

#videobgfadein {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 9999;
	top: 0;
	left: 0;
}

.videoContianer {
	position: relative;
	width: 70%;
	height: 80%;
	left: 15%;
	top: 10%;
	background-color: #000;
}

.closeicon {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 60px;
	height: 60px;
	background: url(../img/close.svg) no-repeat /*rgba(255,255,255,0.4)*/;
	cursor: pointer;
}

.closeicon-left {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 60px;
	height: 60px;
	background: url(../img/close.svg) no-repeat /*rgba(255,255,255,0.4)*/;
	cursor: pointer;
}

.contace-cover {
	width: 100%;
	height: 100%;
	background-color: rgb(128,128,128);
	position: absolute;
}

.covertxt {
	position: absolute;
	top:49%;
	width: 100%;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
}

.contace-content {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	position: absolute;
}

#contace-right {
	overflow: hidden;
	padding: 50px 0;
	box-sizing: border-box;
	background-color: #f7f7f7;
}

#contace-right:hover {
	overflow: auto;
}

.contace-info {
	/*width: 50%;*/
	padding: 40px;
	box-sizing: border-box;
	/*float: left;*/
}

.contace-info h4 {
	color: #000;
	font-weight: bold;
}

/*
.contace-info p {
	font-size: 12px;
}
*/

.width-1-3 {
	width: 33.33%;
	height: 100%;
	position: relative;
	float: left;
	background: center/cover;
}

.newscenter {
	height: 100%;
	display: block;
}

.articleTxt {
	width: 95%;
	font-size: 14px;
	color: #000;
	//text-indent: 28px;
}

.articleTxt p {
	padding: 10px 0 0;
	line-height: 32px;
}

/** Project List **/
.project section { z-index: 2; width: 25%; height: 100%; overflow: hidden; }
.project section a { display: block; width: 100%; height: 100%; color: #fff; }
.project section p { position: relative; top: 50%; width: 100%; text-align: center; color: #fff; z-index: 10; text-transform: uppercase; }
.project section p.project-en { font-size: 24px; }
.project section p.project-cn { margin-top: 10px; font-size: 22px; font-weight: bold; }
.project section img { mix-blend-mode: multiply; transition: all .6s; }
//.project section:hover img { transform: translate3d(-10%, 0, 0); }
.project-bg { position: absolute; top: 0; left: 0; background: #000; opacity: .6; filter: alpha(opacity=60);  width: 100%; height: 100%; z-index: 1; }
.project-bg-text {position:relative;list-style:none;text-align:center;top: 52%;display:none;transition: top 1s;}
.project-bg-text li{width:50%;height: 50px;line-height: 50px; margin: 10px auto;font-size: 22px;}
.project-bg-text li:hover{border: 1px solid #9C9C9C; background:rgba(0,0,0,0.6) }
.project section a:hover .project-bg { /*opacity: .6;*/z-index: 999; }
.ui-abs {
	position: absolute;
}

.newscenter-fadein {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.78);
	box-sizing: border-box;

}

.newscenter { background-size: auto 100%; }
.newscenter .covertxt { top: 50%; transform: translate3d(0, -50%, 0); transition: all .6s; }
.newscenter a { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; }
.newscenter:hover .covertxt { opacity: 0; }

.width-2-3 {
	width: 66.66%;
	height: 100%;
	position: relative;
	float: left;
	box-sizing: border-box;
}

.downloadList {
	padding: 40px;
}

.downloadList li {
	list-style-type: none;
	display: inline-block;
}

.dlHeader{
	background-color: rgb(49, 49, 49);
	height: 50px;
	font-size: 18px;
	padding: 13px;
	box-sizing: border-box;
	vertical-align: middle;
	color: #FFF;
}

.dlContent {
	background-color: rgb(228, 228, 228);
	height: 50px;
	font-size: 16px;
	padding: 15px;
	box-sizing: border-box;
	vertical-align: middle;
	color: #f48222;
}

.dlTitle {
	width: 55%;
}

.dlTime {
	width: 25%;
}

.dlIcon {
	width: 10%;
}

.downloadico{
	height: 20px;
	width: 20px;
	background: url(../img/download.svg) no-repeat;
	display: inline-block;
}


footer{
  position: fixed;
  width: 100%;
  height: 30px;
  bottom: -30px;
  background: #3A3A3A;
  color: white;
  text-align: left;
  padding: 0 40px;
  z-index: 2222;
  display: block;
  box-sizing: border-box;
}

.imgshow{
	width: 100%;
	height: 100%;

}



.is-img {
	position: relative;
	width: 100%;
	height: 100%;
	background: #383838;
	overflow: hidden;
}

.is-img img {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	min-width: 100%;
	font-size: 0;
	display: none;
	transform: translate3d(-50%, 0, 0);
}

.is-img img.is-img-show {
	z-index: 99;
	display: inline-block;
}

/*.is-thumb {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	background-color: rgba(0,0,0,0.5);
	z-index: 100;
}

.is-thumb li {
	width: 80px;
	height: 60px;
	float: left;
	margin: 10px;
	position: relative;
}

.is-thumb li img {
	height: 100%;
	width: 100%;
}

.is-thumb-fade {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5)
}*/

.is-thumb{
	display: none;
	position: absolute;
	background: rgba(0,0,0,0);
	left: 50%;
	bottom: 20px;
	transform: translateX(-50);
	-webkit-transform: translateX(-50);
	-moz-transform: translateX(-50);
	-o-transform: translateX(-50);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 999;
}
.is-thumb a{
    width: 25px;
    height: 25px;
    text-align: center;
    float: left;
}
.is-thumb a:after{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(0,0,0,.5);
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -ms-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
}
.is-thumb a.active:after{
    background: rgba(255,0,0,1);
}

#showImgPlayer img {
	width: 100%;
	height: 100%;
}

/*header#header2.fixed.scrolled .header_bottom,
header#header2.fixed.scrolled .header_top,
header#header2.fixed_hiding.scrolled .header_bottom,
header#header2.fixed_hiding.scrolled .header_top {
    background-color: #272e46 !important;
}

#header2.scrolled nav.main_menu > ul > li > a, #header2.light.scrolled nav.main_menu > ul > li > a, #header2.dark.scrolled nav.main_menu > ul > li > a, #header2 .icon-search {
    color: #fff;
}
#header2.scrolled nav.main_menu > ul > li > a > span {
    padding: 5px 20px;
    box-sizing: border-box;
    border: 1px solid #272e46;
}
#header2.scrolled nav.main_menu > ul > li > a:hover > span, #header2.scrolled nav.main_menu > ul > li:hover > a > span, #header2.scrolled nav.main_menu > ul > li.active > a > span, #header2.scrolled nav.main_menu > ul > li > a:hover > i, #header2.scrolled nav.main_menu > ul > li:hover > a > i, #header2.scrolled nav.main_menu > ul > li.active > a > i, .light.scrolled nav.main_menu > ul > li > a:hover, .light.scrolled nav.main_menu > ul > li.active > a, .light.scrolled .side_menu_button a:hover, .dark.scrolled nav.main_menu > ul > li > a:hover, .dark.scrolled nav.main_menu > ul > li.active > a, .dark.scrolled .side_menu_button a:hover {
    color: #FFF !important;
    background-color: #3f51b5;
    border-radius: 5px;
}
#header2 .second > .inner > ul {
    background: #272e46;
}

#header2 .drop_down .narrow .second .inner ul li:hover {
    background: #414c6f;
}

#header2 .second > .inner > ul > li > a{
    color: #fff;
}*/


#nav-pagination > li {
	height: 78px;
	box-sizing: border-box;
	margin: 0 20px;
}

#nav-pagination > li.active {
	border-bottom: 5px solid #00aeef;
}

#nav-pagination  .second .inner ul.right li a, #nav-pagination  .second .inner ul.right li h5 {
    text-align: left;
}

.table-detail-btn {
	position: absolute;
    right: 30px;
    top: 43.5%;
	width: 25px;
	height: 25px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 25px;
	cursor: pointer;
}

.table-wrapper{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	width: 80%;
	height: 80%;
	overflow-y: auto;
}

.table{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	border:solid #fff;
	border-width:1px 0px 0px 1px;
	color: #fff;
}
.table td{border:solid #fff; border-width:0px 1px 1px 0px; padding-left:10px;}
.table p{color: #fff;}

/* 分页样式*/
.list_page {
	margin: 40px auto 0;
	text-align: center;
}
.list_page a,
.list_page b {
	padding: 6px 8px 4px;
	border: 1px solid #ddd;
	background: #eee;
	text-align: center;
	display: inline;
	font-size: 14px;
	color: #888;
	}
	.list_page b {
		background: #00aeef;
		color: #fff;
	}
.list_page a:hover{
	color: #00aeef;
	}
.list_page a[title="总数"] { display: none; }

/*产品*/
.product-bg { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #000 center no-repeat; background-size: cover; background-attachment: fixed; opacity: .1; }
.product-list { position: relative; z-index: 2; padding: 45px 25px 65px 45px; height: 100%; box-sizing: border-box; overflow-x: hidden; }
.product-list .menu { font-size: 0; text-align: center; }
.product-list .menu .col { display: inline-block; margin: 0 10px 20px; }
.product-list .menu .link { display: block; padding: 0.5em 1em; font-size: 14px; color: #333; background-color: #fff; }
.product-list .menu .link:hover { color: #00aeef; }
.product-list .menu .cur,
.product-list .menu .cur:hover { color: #fff; background-color: #00aeef; }
.product-list .main { margin: 50px auto; font-size: 0; }
.product-list .main .list { margin: -2.99% -2.99% 0; font-size: 0; }
.product-list .main .list .col { display: inline-block; margin: 2.82% 0 0 2.82%; width: 29.5733%; vertical-align: top; }
.product-list .main .list .imgwr { position: relative; padding-bottom: 100%; height: 0; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3); overflow: hidden; }
.product-list .main .list .imgwr::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border: 1px solid #00aeef; box-sizing: border-box; opacity: 0; filter: alpha(opacity=0); transition: all .4s; }
.product-list .main .list .img { position: absolute; top: 0; left: 50%; min-width: 100%; height: 100%; transform: translate3d(-50%, 0, 0); transition: all .4s; mix-blend-mode: multiply; }
.product-list .main .list .conwr { text-align: center; }
.product-list .main .list .tit { margin-top: 1em; font-weight: bold; font-size: 18px; color: #000; transition: all .4s; }
.product-list .main .list .stit { margin-top: 0.8em; font-weight: normal; font-size: 14px; color: #000; }
.product-list .main .list .col:hover .imgwr::before { border-width: 5px; opacity: 1; filter: alpha(opacity=100); }
.product-list .main .list .col:hover .img { transform: scale(1.1) translate3d(-50%, 0, 0); }
.product-list .main .list .col:hover .tit { color: #d25651; }

//.product-content { padding: 0.1px 0; height: auto; }
.product-page { position: relative; z-index: 2; height: 100%; overflow-x: hidden; box-sizing: border-box; }
.product-page-wrap { margin: 45px; padding: 45px; background-color: rgba(255, 255, 255, 0.8); }
//.product-page-footer footer { position: relative; bottom: 0; }

.product-page-position { margin: -45px -45px 45px; padding: 10px 45px; font-size: 12px; border-bottom: 1px solid #e0e0e0; }
.product-page-main { overflow: hidden; clear: both; }
.product-page-main .title-m { display: none; }
.product-page-main .title .tit { font-weight: bold; font-size: 30px; color: #00aeef; }
.product-page-main .title .stit { margin-top: 0.8em; font-weight: normal; font-size: 18px; color: #000; }
.product-page-main .title .stit a { font-weight: normal; font-size: 18px; color: #000; }
.product-page-main .imgbox { float: left; position: relative; width: 54.64%;/*765*/ }
.product-page-main .imgbox .imgwr { position: relative; padding-bottom: 100%; height: 0; background-color: #f0f0f0; border-radius: 8px; }
.product-page-main .imgbox .img { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; max-width: 100%; max-height: 100%; mix-blend-mode: multiply; transform: translate3d(0, -50%, 0); }
.product-page-main .imgbox .bigimg { margin-left: 20.26%;/*155*/ }
.product-page-main .imgbox .bigimg .col { overflow: hidden; }
.product-page-main .imgbox .bigimg .imgwr { padding-bottom: 610px; }
.product-page-main .imgbox .bigimg .vbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-page-main .imgbox .smallimg { position: absolute; top: 0; left: 0; width: 18.3%; height: 100%; }
.product-page-main .imgbox .smallimg .col { height: 140px; overflow: hidden; cursor: pointer; }
.product-page-main .imgbox .smallimg .col::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border: 2px solid #d25651; box-sizing: border-box; border-radius: 8px; opacity: 0; filter: alpha(opacity=0); transform: scale(0.5); transition: all .4s; }
.product-page-main .imgbox .smallimg .imgwr { position: absolute; top: 0; left: 0; padding-bottom: 0; width: 100%; height: 100%; }
.product-page-main .imgbox .smallimg .icon { position: absolute; top: 50%; left: 0; right: 0; margin: -24px auto 0; width: 48px; height: 48px; background: url(../img/icon-play.png) 0 0 no-repeat; }
.product-page-main .imgbox .smallimg .col-v .img { max-width: none; max-height: none; opacity: 0.5; }
.product-page-main .imgbox .smallimg .col:hover .img,
.product-page-main .imgbox .smallimg .col:hover .icon { transform: scale(0.94); }
.product-page-main .imgbox .smallimg .cur::before { opacity: 1; filter: alpha(opacity=100); transform: scale(1); }
.product-page-main .imgbox-nomore .bigimg { margin-left: 0; }
.product-page-main .imgbox-nomore .bigimg .imgwr { padding-bottom: 87.91%; }
.product-page-main .imgbox-nomore .smallimg { display: none; }
.product-page-main .conbox { float: right; padding: 3% 0; width: 42.14%;/*590*/ }
.product-page-main .conbox .conwr { margin-top: 11%; }
.product-page-main .conbox .conwr .tit { font-weight: bold; font-size: 24px; color: #000; }
.product-page-main .conbox .conwr .con { margin-top: 1em; font-size: 18px; line-height: 30px; color: #666; }
.product-page-content { margin-top: 70px; }
.product-page-content .menu { font-size: 0; border-bottom: 1px solid #e0e0e0; }
.product-page-content .menu p { display: inline-block; vertical-align: top; margin-right: 0.5em; padding: 0.5em 1em; font-size: 18px; color: #333; transition: all .4s; }
.product-page-content .menu p:hover { color: #00aeef; cursor: pointer; }
.product-page-content .menu p.active { color: #fff; background-color: #00aeef; }
.product-page-content .body { display: none; margin-top: 2em; font-size: 18px; line-height: 30px; color: #666; }
.product-page-content .body p { margin: 0.9em 0; text-indent: 2em; }
.product-page-content .body table,
.product-page-content .body th,
.product-page-content .body td { border: 1px solid #DDD !important; }
.product-page-content .body table { max-width: 100%; table-layout: fixed; word-wrap: break-word; word-break: break-all; width: auto !important; }

.imgha-table-box { position: relative; }
.imgha-table-box .txt { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; margin-top: 5%; font-size: 14px; line-height: 24px; text-align: center; color: #fff; transition: all .4s; }
.imgha-table-box .txt::before { content: '<--'; }
.imgha-table-box .txt::after { content: '-->'; }
.imgha-table-box .mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); transition: all .4s; }
.imgha-table-box:hover .txt, .imgha-table-box:hover .mask { visibility: hidden; }

.menuclass { display: none; }

.searchall { overflow: hidden; }
.searchall .title-t { padding: 2%; font-size: 24px; text-align: center; }
.searchall .title-t span { color: #00aeef; }
.searchall .title { height: auto; font-size: 20px; text-align: center; }
.searchall .list { padding-bottom: 8%; list-style: none; }
.searchall .list .row { margin-top: 30px; font-size: 0; }
.searchall .list .imgwr { display: inline-block; vertical-align: middle; width: 30%; background-color: #fff; }
.searchall .list .img { display: block; width: 100%; max-height: 150px; }
.searchall .list .conwr { display: inline-block; vertical-align: middle; margin-left: 5%; width: 65%; }
.searchall .list .tit { font-size: 16px; color: #000; }
.searchall .list .desc { margin-top: 0.5em; font-size: 14px; line-height: 24px; color: #666; }
.searchall .list .row a:hover .tit { color: #00aeef; }
.searchall-pro,
.searchall-news { float: left; margin-bottom: -9999px; padding: 4% 4% 9999px; width: 42%; background-color: #fff; }
.searchall-pro { background-color: #eee; }

.contact-tool-fixed { display: none; }

.index-feedback,
.index-feedback::before { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; }
.index-feedback { display: none; }
.index-feedback::before { content: '.'; position: absolute; z-index: 9998; font-size: 0; background-color: #000; opacity: 0.8; }
.index-feedback .wrap { position: absolute; top: 50%; left: 0; right: 0; z-index: 9999; margin: -242px auto 0; width: 90%; max-width: 800px; background-color: #fff; }
.index-feedback .submit::before { content: ''; position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); }
.index-feedback .submit::after { content: '提交中，请稍后...'; position: absolute; top: 50%; left: 5%; z-index: 5; margin-top: -11px; width: 90%; font-size: 16px; line-height: 22px; text-align: center; color: #fff; }
.index-feedback .box { margin: 0 auto; padding: 30px 0 40px; width: 85%; max-width: 600px; font-size: 0; }
.index-feedback .tit { font-size: 30px; text-align: center; color: #00aeef; }
.index-feedback .list { margin-top: 10px; list-style: none; }
.index-feedback .row { position: relative; display: inline-block; vertical-align: top; margin-top: 20px; width: 47%; }
.index-feedback .marl { margin-left: 6%; }
.index-feedback .txt { position: absolute; top: 0; left: 0; margin-top: 7px; width: 40px; font-size: 16px; color: #333; }
.index-feedback .star { font-style: normal; color: #ff0000; }
.index-feedback .inbox { margin-left: 50px; padding: 0 10px; }
.index-feedback .intxt { display: block; margin: 0 -10px; padding: 0 10px; width: 100%; height: 38px; font-size: 14px; border: 1px solid #ddd; }
.index-feedback .intxt::placeholder { color: #fff; }
.index-feedback .row-ta,
.index-feedback .row-btn { display: block; width: 100%; }
.index-feedback .row-ta .intxt { padding: 10px; height: 120px; line-height: 30px; font-family: "Microsoft YaHei"; }
.index-feedback .row-btn { margin-top: 30px; }
.index-feedback .inbtn { display: block; margin: 0 auto; width: 100%; max-width: 300px; height: 50px; font-size: 16px; line-height: 50px; color: #fff; background-color: #00aeef; border: none; -webkit-appearance: none; transition: all .4s; }
.index-feedback .inbtn:hover { background-color: #454f73; cursor: pointer; }

@media only screen and (max-width:1000px) {
	body, html { min-width: auto; }

	.side_menu_button > a,
	.mobile_menu_button span,
	.fixed_top_header .side_menu_button > a,
	.fixed_top_header .popup_menu .line,
	.fixed_top_header .mobile_menu_button span {
		font-size: 20px;
	}

	.logo_wrapper div { margin-top: 10px!important; }
	.logo_wrapper div img { width: auto; height: 40px; }
	.side_menu_button a:last-child { padding: 0; }

	#header2 { display: none!important; }
	footer { position: relative; bottom: 0; }

  .menuclass { display: block; position: absolute; top: 60px; left: 0; padding-bottom: 10px; width: 100%; font-size: 0; text-align: center; background-color: rgba(0, 0, 0, .6); }
  .menuclass .col { display: inline-block; vertical-align: top; margin: 10px 10px 0; }
  .menuclass .col .link { font-size: 14px; color: #fff; }
  .menuclass .col .link::before { content: '· '; }
  .menuclass .col .cur { color: #00aeef; }
  .menuclass-it2,
  .menuclass-it7,
  .menuclass-it38 { display: none; }

	.content { padding-top: 0!important; top: 0!important; height: auto; }
	.container { height: auto!important; }

	.project { height: auto!important; }
	.project section { position: relative; left: 0!important; padding-bottom: 85%; width: auto!important; height: 0; }
	.project section p.project-cn { position: absolute; margin-top: 0; font-size: 20px; transform: translate3d(0, -50%, 0); }

	.product-list { padding: 20px 20px 40px; }
	.product-list .menu { text-align: left; }
	.product-list .menu .col { margin: 0 2% 2% 0; width: 32%; }
	.product-list .menu .col:nth-child(3n) { margin-right: 0; }
	.product-list .menu .link { padding: 0.5em; line-height: 1.2em; text-align: center; }
	.product-list .main { margin: 30px auto; }
	.product-list .main .list { margin: -2% 0 0; }
	.product-list .main .list .col { display: block; margin: 8% 0 0; width: auto; }
	.product-list .main .list .tit { margin-top: 0.8em; font-size: 16px; }
	.product-list .main .list .stit { margin-top: 0.4em; }

	.product-page-wrap { margin: 30px 15px; padding: 15px; }
	.product-page-position { margin: -15px -15px 15px; padding: 10px 15px; line-height: 18px; }
  .product-page-main { margin-top: 30px; }
  .product-page-main .title-m { display: block; padding: 0!important; text-align: center; }
  .product-page-main .title .tit { font-size: 18px; line-height: normal; }
  .product-page-main .title .stit,
  .product-page-main .title .stit a { margin-top: 0.5em; font-size: 14px; line-height: normal; }
  .product-page-main .imgbox,
  .product-page-main .conbox { float: none; margin: 25px 0 0; width: auto; }
  .product-page-main .imgbox .bigimg { margin-left: 0; }
  .product-page-main .imgbox .smallimg { position: relative; margin-top: 6px; width: auto; }
  .product-page-main .imgbox .smallimg .col { height: auto; }
  .product-page-main .imgbox .smallimg .imgwr { position: relative; height: 0; }
  .product-page-main .conbox { padding: 0; }
  .product-page-main .conbox .title { display: none; }
  .product-page-main .conbox .conwr { margin: 0 3%; }
  .product-page-main .conbox .conwr .con { margin-top: 0; font-size: 14px; line-height: 24px; }
	.product-page-content { margin-top: 30px; }
	.product-page-content .menu p { margin-right: 0; padding: 5px 10px 7px; font-size: 15px; }
	.product-page-content .body { margin-top: 1.5em; font-size: 14px; line-height: 26px; }

	.sideimg,
	.textContent { float: none; width: auto; }
	.sideimg .img { display: block!important; width: 100%; }
	.textContent { padding: 0; }
	.newsshow h3 { font-size: 18px; text-align: center; }
	.articleTxt { width: auto; text-align: justify; }

	.covertxt { font-size: 20px; }

	.body-product-con .content { height: calc(100% - 60px); }
	//.slidePage-container .item { position: relative!important; }
	.slidePage-container .item .sideimg { height: 30%; }
	.slidePage-container .item:nth-child(even) .sideimg { float: none; }
	.slidePage-container .item .is-img img { top: 50%; left: 0; width: 100%; height: auto; min-height: 100%; transform: translate3d(0, -50%, 0); }
	.slidePage-container .item .leftCtn { height: 70%; }
	.product-detail-pos { position: absolute; top: -43%; left: 0; z-index: 99; padding: 10px 15px; width: 100%; line-height: 18px; background-color: rgba(0, 0, 0, .3); box-sizing: border-box; }
	.product-detail-tit { margin: 20px 20px 0; padding-left: 13px; font-size: 18px; }
	.product-detail-tit::before { top: 10%; width: 3px; height: 80%; }
	//.product-detail-sel { margin: 20px; }
	//.product-detail-sel a { padding: 2px 5px; width: 33.33%; text-align: center; box-sizing: border-box; }
	.product-detail-sel { padding: 20px; }
	.product-detail-sel a{color: #ddd;margin: 10px;height: 30px;}
	.slidePage-container .item .product-detail-content-list { padding: 0 20px; height: calc(100% - 178px); }
	.body-product-con footer { display: none; }
	.product-detail-content-show table { width: 100%!important; }
	.product-detail-content-show table td { padding: 0!important; }

	/*no slidepage*/
	.pagination,
	.slidePage-container .item1 .product-detail-pos { display: none!important; }
	.body-product-con .content { height: auto; }
	.slidePage-container .item { position: relative!important; }
	.slidePage-container .item .is-img img { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; min-height: 100%; transform: translate3d(0, 0, 0); }
	.slidePage-container .item .product-detail-content-list { padding-bottom: 30px; width: 100%; }
	.slidePage-container .item:not(:first-child ) { transform: none!important; }
	.product-detail-content-show { height: 300px; overflow-y: scroll; }

	.pagination { width: 40px!important; }
	.pagination::before { margin-top: -24px!important; padding: 5px!important; width: 30px!important; font-size: 14px!important; }
	.pagination:hover { width: 100px!important; }

  .width-1-3,
  .width-2-3 { float: none; width: auto; overflow: hidden; }
	.width-1-3 .img { display: block!important; margin: -50% 0; width: 100%; }
	.width-1-3 div { top: 0; left: 0; }
	.width-1-3 div div { top: 50%!important; font-size: 18px!important; transform: translate3d(0, -50%, 0); }

	.downloadList { padding: 30px 20px; }
	.dlHeader,
	.dlContent { padding: 10px; height: auto; font-size: 0; }
	.dlHeader li { font-size: 16px; line-height: normal; vertical-align: top; }
	.dlTitle { width: 50%; }
	.dlTime { width: 30%; }
	.dlIcon { width: 20%; text-align: right; }
	.dlContent { padding: 15px 10px 5px; }
	.dlContent li { font-size: 14px; line-height: normal; vertical-align: top; }

	.newscenter { padding-bottom: 60%; height: 0; background-size: cover; }
	.width-1-3 div.covertxt { top: 50%; font-size: 18px; transform: translate3d(0, -50%, 0); }

	.imgPlayer { padding-bottom: 75%; }
	.imgPlayer img { width: 100%; min-height: 100%; }
	.imgPlayer .jquery-imagePlayer-title { padding: 0 15px!important; height: 40px!important; box-sizing: border-box; }
	.imgPlayer .jquery-imagePlayer-title div { font-size: 16px!important; line-height: 40px!important; }

	.newslist { padding: 0 0 30px; }
	.newsitem { margin: 30px 20px 0; }
	.newslist time { font-size: 12px; }
	.newslist a { font-size: 16px; }
	.newslist p { font-size: 13px; line-height: 22px; }

	.list_page a, .list_page b { padding: 4px 6px 2px; }

	.newscontent { top: 0; padding: 75px 0 30px; }
	.newsshow { padding: 20px 15px; }
	.newsposition { display: block!important; margin: -20px -15px 30px; padding: 10px; font-size: 12px; line-height: 18px; border-bottom: 1px solid #e0e0e0; }
	.newsshow h4 { font-size: 18px; }
	.newsshow time { font-size: 13px; }
	.newscontent .articleTxt { padding: 1em 0 0; font-size: 15px; line-height: 2em; }
	.newscontent .articleTxt p { font-size: 15px; line-height: 2em; }
	.articleTxt table { width: 100%!important; }
	.articleTxt table td { padding: 0!important; }

  .newsprevnext { margin: 5% auto 0; }
  .newsprevnext .col { padding: 10px 2%; width: 45.5%; }
  .newsprevnext .col .txt { font-size: 14px; }
  .newsprevnext .next { margin-left: 1%; }
  .newsprevnext .prev .icon { margin-right: 0; transform: scale(0.6); transform-origin: left center; }
  .newsprevnext .next .icon { margin-left: 0; transform: scale(0.6); transform-origin: right center; }
  .newsprevnext .back { position: relative; top: 0; left: 0; margin-top: 0.8%; width: 96%; }
  .newsprevnext .back::before,
  .newsprevnext .back::after { display: none; }

  .videoList { margin-top: 44px; }
  .videoItem { padding-bottom: 60%; width: 100%; height: 0; overflow: hidden; }
  .playvideo { top: 50%; left: 50%; margin: -50px 0 0 -50px; }
  .videotxt { bottom: 15px; left: 15px; }
  .videotxt p, .videotxt h3 { font-size: 16px; line-height: normal; }
  .videoItem img { position: absolute; top: 50%; left: 0; width: 100%; height: auto; min-height: 100%; transform: translate3d(0, -50%, 0); }

  .videoContianer { left: 5%; top: 50%; width: 90%; height: auto; max-height: 80%; transform: translate3d(0, -50%, 0); }
  .closeicon { top: auto; bottom: 0; right: 0; }

  .contace-cover,
  .closeicon-left,
  #contace-right .closeicon { display: none; }
  .contace-content { position: relative; padding-bottom: 75%; }
  #dituContent { position: absolute!important; }
  .leftCtn { float: none; width: auto; }
  #contace-right { padding: 0 0 30px; }
  .contace-info { padding: 30px 20px 0; }
  .contace-info h4 { display: inline-block; font-size: 16px; }
  .contace-info div { margin-top: 0.5em; font-size: 14px; line-height: 26px; }

	.searchall .title-t { padding: 20px; font-size: 18px; }
	.searchall .title { padding: 0!important; font-size: 16px; }
	.searchall .list { padding-bottom: 0; }
	.searchall .list .row { margin-top: 20px; }
	.searchall .list .img { max-height: 100px; }
	.searchall .list .tit { font-size: 14px; }
	.searchall .list .desc { font-size: 12px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.searchall-pro,
	.searchall-news { float: none; margin-bottom: 0; padding: 30px 20px; width: auto; }

	.contact-tool-fixed-blank { height: 50px; }
}