﻿/* 
 * 
 * 頁面common部分
 * 
 */

*{margin:0;padding:0;font-family:'微軟雅黑', Arial, Helvetica, sans-serif !important}
html{font-family:"arial, helvetica, sans-serif";color:#333;font-size: 10px;}
body{background:#fff;color:#333;font-size: 14px;margin:0 auto;min-width:1200px;}
a{text-decoration: none;}
img{border:none;}
li{list-style: none;}
input{outline: none;}
.container{margin:0 auto;width:1200px;height:auto;overflow: hidden;}
.clear_10{display:block;width: 100%;height:10px;clear:both;}
.clear_20{display:block;width: 100%;height:20px;clear:both;}
.clear_30{display:block;width: 100%;height:30px;clear:both;}
.clear_40{display:block;width: 100%;height:40px;clear:both;}
.clear_50{display:block;width: 100%;height:50px;clear:both;}
.clear_60{display:block;width: 100%;height:60px;clear:both;}
.clear_70{display:block;width: 100%;height:70px;clear:both;}
.clear_80{display:block;width: 100%;height:80px;clear:both;}
.clear_90{display:block;width: 100%;height:90px;clear:both;}
.clear_100{display:block;width: 100%;height:100px;clear:both;}
.clearfix{clear:both}
.pull-left{float:left}
.pull-right{float:right}
.riher{
	background: url(../image/rightpic.png) no-repeat;
	display: inline-block;
}
.ribj{
	width: 6px;
	height: 10px;
	background-position: -6px 0;
}
.rHover{
	width: 6px;
	height: 10px;
	background-position: 0 0;
}
/* 
 * 
 * 頁面主體部分
 * 
 */

/*header部分*/
#header{position:relative;z-index:100;width:100%;height:100px;clear: both;background:#fff;}
#header .container{overflow:visible;}
#header .logo{display:block;margin-top:20px;float: left;width:196px;height:64px}


#header .header_right{position:relative;float:left;width:850px;height:100px;}
#header .header_right .search{position:absolute;right:100px;top:10px;width:245px;height:25px;overflow: hidden;}
#header .header_right .search .search_txt{display:inline-block;float:right;width:0px;height:25px;line-height:100%;background-color:transparent;background:url(/images/search_txt.png) 100% 100% no-repeat;text-indent: 10px;border:none;overflow: hidden;}
#header .header_right .search .search_btn{display:inline-block;float:right;width:25px;height:25px;background-color:transparent;background:url(/images/search_btn.png) 100% 100% no-repeat;}

#header .container,.menu_search{position:static}
#header .header_right .menu{position:absolute;right:0;top:40px;width:100%;height:25px;}
#header .header_right .menu a{margin:0 auto;overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;}
#header .header_right .menu li{width:100px;height:25px;}
#header .header_right .menu li a{font-size:16px;display:block;width:100px;height:25px;line-height:25px;text-align: center;color:#444;}
#header .header_right .menu .menuOne{float:left;width:100px;height:25px;}
#header .header_right .menu .menuOne:hover .a,#header .header_right .menu .menuOne.active .menuOneA{color:#b92025;}
#header .header_right .menu .menuOne.focus .menuOneA{color:#b92025;}

#header .header_right .menu .menu2{margin-left:-20px;display:none;width:140px;height:auto;background:#efefef;border-radius: 5px;}
#header .header_right .menu .menuTwo{width:100%;position:relative;}
#header .header_right .menu .menuTwo a{width:100%;color:#333;font-size: 14px;}
#header .header_right .menu .menuTwo a:hover{background:#ccc;color:blue;}

#header .header_right .menu .menu3{display:none;position: absolute;top:0;left:140px;width:100px;height:auto;background:#efefef;}
#header .header_right .menu .menuThree a{color:#333;font-size: 12px;}
#header .header_right .menu .menuThree a:hover{background:#ccc;color:blue;}



/*footer部分*/
#footer{width:100%;height:auto;clear: both;font-family: "宋體";}
#footer .t{padding:33px 0 10px 0;background:#2e3b44}
#footer .t *{font-family:微軟雅黑}
#footer .t .container{background:url(../image/fmap.gif) right 0 no-repeat}
#footer .fl{float:left}
#footer .clear{clear:both}
#footer .t dl{width:166px;}
#footer .t dl.last,#footer .t dl:last-child{width:196px}
#footer .t dt{height:38px;line-height:38px;font-size:18px;color:#fff}
#footer .t dd{height:30px;line-height:30px;font-size:14px;color:#fff}
#footer .t dd a{font-size:14px;color:#fff}
#footer .t dd a:hover{color:#78848c}
#footer .t img{margin:30px 0}
#footer .t dd.tel{padding-left:25px;background:url(../image/ftel.gif) left center no-repeat}
#footer .t dd.fax{padding-left:25px;background:url(../image/ffax.gif) left center no-repeat}
#footer .t dd.email{padding-left:25px;background:url(../image/femail.gif) left center no-repeat}
#footer .b{position:relative;padding:20px 0;background:#10162E;}
#footer p{text-align: center;color:#dedede;}
#footer p.footer_ewmImg{width:100%;}
#footer p.footer_ewmImg img{width:57px;height:57px;border:1px solid #fff;}
#footer p.footer_ewmTxt{margin-bottom:10px;width:100%;height:25px;line-height:25px;font-size: 10px;font-weight: 700;}
#footer p.footer_p{width:100%;height:20px;line-height:20px;font-size: 10px;font-weight: 700;}

#footer .ebs{position:absolute;width: 100px; height: 137px;right: 20px;top:0;}


/*分頁樣式*/
.pagination span{margin:0 5px;}
.pagination a{margin:0 5px;}


/*內容*/
.case-content,.case-content *{box-sizing:border-box}
.case-content{
	width: 1200px;
	margin-bottom: 185px;
	margin-top:20px;
}
.case-left{
	width: 243px;
	height: auto;
	float:left;
}
#caseUl{
	position: relative;
	border: 1px solid #089cec;
	border-right: 0;
	z-index: 2;
	background: #fff;
}
.case-left>ul>li{
	width: 243px;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	color: #fff;
	font-size: 14px;
	background: #089cec;
	border-bottom: 1px solid #15a1ed;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.case-left>ul>li em{
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 34.5px;
	background: #089cec;
	right: -1px;
	z-index: 3;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.case-left>ul>li:last-child{
	border-bottom: 0;
}
.case-left>ul>li:hover{
	cursor: pointer;
	background: #fff;
	color: #089cec;
}
.case-left>ul>li:hover em{
	background: #fff;
}
.rihrI{
	margin-top: 12px;
	margin-right: 24px;
}
.list-type{
	position: absolute;
	top: -1px;
	left: 242px;
	width: 956px;
	height: auto;
	padding: 15px;
	font-size: 12px;
	border: 1px solid #089cec;
	background: #fff;
	color: #818181;
	z-index: 1;
	display: none;
}
.list-type:hover{
	cursor: default;
}
.list-type ul.classify{
	width: 760px;
	height: auto;
}
.list-type ul.classify li{
	padding: 9px 0;
	line-height: 24px;
	border-bottom: 1px dashed #e9e9e9;
	overflow:hidden;
	height:auto;
}
.list-type ul.classify li span{
	display: inline-block;
	width: 150px;
    padding-right: 10px;
	text-align: right;
	white-space: normal;
}
.list-type ul.classify li p{
	width: auto;
	max-width: 600px;
	float: left;
}
.list-type ul.classify li p a{
	padding: 0 15px;
	border-left: 1px solid #dedede;
}
.advertising{
	width: 150px;
	height: auto;
}
.advertising a{
	width: 149px;
	height: 167px;
	display: inline-block;
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
}
.advertising a img{
	display: inline-block;
	vertical-align: middle;
	width: 95%;
	max-height: 160px;
}
.advertising >a>span{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	background: red;
}
.advertising a.advpic{
	width: 69px;
	height: 77px;
	margin-right: 8px;
}
.advertising a.advpic img{
	width: 95%;
	max-height: 70px;
}
.list-type a{
	 color: #818181;
 }
.list-type a:hover{
	 color: #089cec;
 }
 /*一級当前產品右側*/
.case-right{
	width: 938px;
	border-left: 1px dashed #ccc;
	height: auto;
	padding-left: 25px;
    overflow: hidden;
	min-height: 300px;
}
.case-right a{
	color: #737373;
}
.xiangqing_class_color a{
	color: #089cec;
}
.case-right a:hover{
	color: #089cec;
}
.right-nav{
	width: 913px;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	color: #818181;
	border-top: 1px solid #e3e4e4;
	border-bottom: 1px solid #e3e4e4;
	margin-bottom: 20px;
}
.right-nav a{
	padding: 0 10px 0 0;
	background: url(/images/topleft.png) no-repeat right;
	color: #818181;
}
.titleH2{
	color: #089cec;
	font-family: "微軟雅黑";
	font-weight: 500;
	font-size: 18px;
}
.right-content{
	margin-top: 35px;
	width: 980px;
	height: auto;
	padding-left: 23px;
	overflow: hidden;
}
.content-list{
	width: 416px;
	height: auto;
	margin-right: 57px;
	margin-bottom: -100000px;
	padding-bottom: 100000px;
	float: left;
}
.content-list h3{
	width: 416px;
	height: 33px;
	line-height: 33px;
	padding-left: 12px;
	font-size: 14px;
	background: #f7f7f7;
	color: #737373;
	font-weight: 900;
}
/*.contentUl{*/
	/*width: 416px !important;*/
	/*height: 85px;*/
	/*margin: 25px 0 0 0;*/
	/*position: relative;*/
	/*overflow: hidden;*/
/*}*/
/*.contentUl ul li{*/
	/*float: left; */
	/*width: 104px !important;*/
	/*padding-left: 10px;*/
	/*height: 84px;*/
/*}*/
/*.contentUl ul li a{*/
	/*display: block;*/
	/*width: 94px;*/
	/*height: 84px;*/
	/*padding: 8px;*/
	/*border: 1px solid #ebebeb;*/
/*}*/
/*.contentUl ul li:first-child{*/
	/*padding-left: 0px;*/
/*}*/
/*.contentUl ul li a img{*/
	/*width: 100%;*/
	/*height: 100%;*/
/*}*/
/**/
.list-pa{
	margin-top: 25px;
	padding-bottom: 50px;
}
.list-pa a{
	display: inline-block;
	margin-right: 15px;
	font-size: 12px;
	line-height: 25px;
}
/*分類*/
.right-content.prod-content{
	width: 1000px;
	height: auto;
	margin: 0 auto !important;
	padding-left: 5px;
	overflow: hidden;
}
.content-list.prod-list:nth-child(3n+1){clear:both}
.content-list.prod-list,.content-list.prod-list h3{
	width: 263px;
}
.content-list.prod-list{
	margin-right: 54px;
}
.list-pa.prod-pa a{
	display: block;
	width: 100%;
	padding-left: 15px;
	white-space:nowrap; 
	text-overflow:ellipsis;  
	overflow:hidden;
}
.list-pa.prod-pa a:hover{
	width: 100%;
	white-space:normal; 
	text-overflow: ellipsis;
	overflow:hidden;
}
/*常用下載*/
.right-content.down-content{
	padding-left: 6px;
}
.right-content.down-content li{
	width: 185px;
	height: 250px;
	overflow: hidden;
	float: left;
	margin: 0 21px 60px 21px;
}
.right-content.down-content li .down-li-pic{
	width: 185px;
	height: 160px;
	border: 1px solid #e1e1e1;
	text-align: center;
}
.right-content.down-content li .down-li-pic img{
	max-width: 125px;
	max-height: 140px;
	vertical-align: middle;
}
.right-content.down-content li .down-li-pic img+i{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.right-content.down-content h3{
	font-size: 16px;
	margin: 5px auto;
	text-align: center;
	font-family: "微軟雅黑";
	line-height:25px;overflow:hidden;
}
.right-content.down-content h3 a{
	color: #515151;
}
.right-content.down-content p{
	font-size: 12px;
	 line-height: 20px;
}
.right-content.down-content p a{
	color: #a0a0a0;
}
.right-content.down-content a:hover,.right-content.logo-content a:hover{
	color: #089cec;
}
/*logo代理品牌*/
.right-content.logo-content{
	padding-top:25px;
	padding-left: 10px;
}
.right-content.logo-content li{
	width: 157px;
	height: 150px;
	float: left;
	margin-right: 29px;
	margin-bottom: 10px;
	overflow: hidden;
}
.right-content.logo-content li .logo-li-pic{
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	width: 155px;
	height: 97px;
	border: 1px solid #ddd;
	text-align: center;
}
.right-content.logo-content li .logo-li-pic img{
	/*max-width: 157px;*/
	max-height: 90px;
	vertical-align: middle;
	width: 90%;
}
.right-content.logo-content li .logo-li-pic img+i{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.right-content.logo-content h3{
	font-size: 12px;
	margin: 10px auto;
	text-align: center;
}
.right-content.logo-content h3 a{
	color: #515151;
}
.titleH2{
	color: #089cec;
	font-family: "微軟雅黑";
	font-weight: 500;
	font-size: 18px;
}
.right-content{
	margin-top: 35px;
	width: 980px;
	height: auto;
	padding-left: 23px;
	overflow: hidden;
}
.content-list{
	width: 416px;
	height: auto;
	margin-right: 57px;
	margin-bottom: -100000px;
	padding-bottom: 100000px;
	float: left;
}
.content-list h3{
	width: 416px;
	height: 33px;
	line-height: 33px;
	padding-left: 12px;
	font-size: 14px;
	background: #f7f7f7;
	color: #737373;
	font-weight: 900;
}
/*.contentUl{*/
	/*width: 416px !important;*/
	/*height: 85px;*/
	/*margin: 25px 0 0 0;*/
	/*position: relative;*/
	/*overflow: hidden;*/
/*}*/
/*.contentUl ul li{*/
	/*float: left; */
	/*width: 104px !important;*/
	/*padding-left: 10px;*/
	/*height: 84px;*/
/*}*/
/*.contentUl ul li a{*/
	/*display: block;*/
	/*width: 94px;*/
	/*height: 84px;*/
	/*padding: 8px;*/
	/*border: 1px solid #ebebeb;*/
/*}*/
/*.contentUl ul li:first-child{*/
	/*padding-left: 0px;*/
/*}*/
/*.contentUl ul li a img{*/
	/*width: 100%;*/
	/*height: 100%;*/
/*}*/
/**/
.list-pa{
	margin-top: 25px;
	padding-bottom: 50px;
}
.list-pa a{
	display: inline-block;
	margin-right: 15px;
	font-size: 12px;
	line-height: 25px;
}
/*分類*/
.right-content.prod-content{
	width: 1000px;
	height: auto;
	margin: 0 auto !important;
	padding-left: 5px;
	overflow: hidden;
}
.content-list.prod-list,.content-list.prod-list h3{
	width: 263px;
}
.content-list.prod-list{
	margin-right: 54px;
}
.list-pa.prod-pa a{
	display: block;
	width: 100%;
	padding-left: 15px;
	white-space:nowrap; 
	text-overflow:ellipsis;  
	overflow:hidden;
}
.list-pa.prod-pa a:hover{
	width: 100%;
	white-space:normal; 
	text-overflow: ellipsis;
	overflow:hidden;
}
/*常用下載*/
.right-content.down-content{
	padding-left: 6px;
}
.right-content.down-content li{
	width: 185px;
	height: 260px;
	overflow: hidden;
	float: left;
	margin: 0 21px 10px 21px;
}
.right-content.down-content li .down-li-pic{
	width: 185px;
	height: 160px;
	border: 1px solid #e1e1e1;
	text-align: center;
}
.right-content.down-content li .down-li-pic img{
	max-width: 125px;
	max-height: 140px;
	vertical-align: middle;
}
.right-content.down-content li .down-li-pic img+i{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.right-content.down-content h3{
	font-size: 16px;
	margin: 5px auto;
	text-align: center;
	height:100px;
	font-family: "微軟雅黑";
}
.right-content.down-content h3 a{
	font-size:14px;
	color: #515151;
	font-weight:normal;
}
.right-content.down-content p{
	font-size: 12px;
	 line-height: 20px;
}
.right-content.down-content p a{
	color: #a0a0a0;
}
.right-content.down-content a:hover,.right-content.logo-content a:hover{
	color: #089cec;
}
.contentUl{
	width: 416px !important;
	max-height: 85px;
	margin: 15px 0 0 0;
	position: relative;
}
.contentUl ul li{
	padding: 8px;
	border: 1px solid #ebebeb;
}
.contentUl ul li a img{
	width: 100%;
	margin-top:5px;
}
.swiper-container.contentUl .swiper-button-next,.swiper-container.contentUl .swiper-button-prev{
	background-color: rgba(0,0,0,0.3);
	display: none;
}
.swiper-container.contentUl:hover .swiper-button-next,
.swiper-container.contentUl:hover .swiper-button-prev{
	display: block;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	pointer-events: auto}

.leave{
	margin-top: 50px;
	border-bottom: 1px solid #e3e4e4;
	padding-bottom: 34px;
}
.leave span{
	color: #ff0000;
}
.leave h3,.join h3{
	color: #089cec;
	font-family: "寰蔣闆呴粦";
	font-size: 20px;
	margin-bottom: 40px;
}
.leave h3 small{
	color: #a7a6a6;
}
.leave_form{
	width: 530px;
	margin: 0 auto;
}
.leave_form label{
	display: inline-block;
	width: 70px;
	text-align: right;
	font-weight: 500;
	color: #6d6d6d;
}
.leave_form input::-webkit-input-placeholder{
	font-size: 14px;
	font-family: "瀹嬩綋";
}
.leave_form input{
	width: 423px;
	height: 33px;
	margin-bottom: 17px;
	padding: 5px;
	font-size: 14px;
	font-family: "瀹嬩綋";
}
.leave_form textarea{
	width: 423px;
	height: 125px;
	vertical-align: top;
	margin-bottom: 17px;
	resize: none;
	padding: 5px;
}
.leave_form input.yan{
	width: 275px;
	margin-right: 20px;
}
.leave_form input.yan+img{
	width: 65px;
	height: 20px;
}
.leave_form  p,p.inquiry_su{
	text-align: center;
	width:100%;
	overflow:hidden;
}
.leave_form  p button,p.inquiry_su button{
	width: 85px;
	height: 35px;
	background: none;
	border: 0;
	margin-top: 35px;
}
.leave_form  p button[type="submit"],p.inquiry_su button[type="submit"]{
	background: #099eec;
	color: #fff;
}
.leave_form  p button[type="reset"],p.inquiry_su button[type="reset"]{
	background: #e4e4e4;
	color: #909090;
	margin-left: 40px;
}
/*分頁*/
.paging{
	text-align: center;
	padding: 35px 0;
	border-bottom: 1px solid #e3e4e4;
	color: #6f6f6f;
}
.paging span{
	margin: 0 10px;
}
.paging span:hover{
	cursor: pointer;
}
.paging a{
	padding: 3px 8px;
	color: #6f6f6f !important;
	margin-left: 10px;
	border: 1px solid #ececec
}
.paging a:hover{
	border: 1px solid #099cec;
	background: #099cec;
	color: #fff !important;
}
.paging a.active{
	border: 1px solid #099cec;
	background: #099cec;
	color: #fff !important;
}
/*及时新聞詳情*/
.right-content.new-details_content{
	padding: 0;
	width: 100%;
	margin: 0;
}
.new-details_top{
	width: 830px;
	margin: 0 auto;
}
.new-details_top h1{
	text-align: center;
	margin: 30px 0;
}
.new-details_top p{
	margin: 38px 0;
	color: #535252;
	line-height: 24px;
}
.classification{
	border-top: 1px solid #e3e4e4;
	padding: 32px;
	color: #535252;
}
.classification h3{
	margin-bottom: 25px;
	color: #535252;
	font-size: 18px;
	font-weight: 900;
}
.classification p{
	color: #535252;
	font-size: 14px;
	line-height: 23px;
	text-indent: 2em;
}
.new-de_case{
	padding: 30px 0;
	padding-right: 0
}
.new-de_case .pull-left{
	width: 345px;
	padding-top: 35px;
}
.new-de_case dl.pull-left dd{
	line-height: 23px;
	padding-left: 30px;
}
.new-de_case .pull-right{
	width: 490px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.new-de_case .pull-right img{
	width: 490px;
	height: auto;
	border: 1px solid #ededed;
}
.new-de_case .pull-right p{
	font-size: 12px;
	margin-top: 10px;
	text-indent: 0;
}
.new-de_case li:first-child{
	margin-bottom: 15px;
}
.new-de_case li:not(:first-child){
	background: url(/images/dian.jpg) no-repeat left center;
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 24px;
}
.related{
	padding: 0 10px;
	border-top: 1px solid #e3e4e4;
}
.related h2{
	width: 143px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	font-family: "微軟雅黑";
	background: url(../image/hbj.png) no-repeat center;
	color: #fff;
	margin-top: 44px;
	margin-bottom: 32px;
}
.related-list{
	width: 918px;
	height: 190px;
	overflow: hidden;
}
.related-list p{
	height: 45px;
	overflow: hidden;
}
.related-list li{
	width: 123px;
	height: auto;
	float: left;
	margin-right: 30px;
	margin-bottom: 25px;
}
.related-list a.apic{
	display: block;
	width: 124px;
	height: 110px;
		text-align: center;
	border: 1px solid #e3e4e4;
}
.related-list li img{
	display: inline-block;
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
}
.related-list li img+i{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.related-list li p{
	font-size: 12px;
	margin-top: 15px;
	line-height: 20px;
}
.moreheight{
   height: 30px;
   position: relative;
   border-top: 1px solid #e3e4e4;
}
.moreheight p{
	position: absolute;
	width: 160px;
	height: 30px;
	border: 1px solid #e3e4e4;
	border-top: 1px solid #fff;
	text-align: center;
	line-height: 30px;
	color: #6c6c6c;
	top: -1px;
	left: 50%;
	margin-left: -80px;
}
.moreheight p:hover{
	cursor: pointer;
}
.moreheight p img,.new-det_top span img,.docu span img{
	-webkit-animation: pic 1s;
	-moz-animation: pic 1s;
	-o-animation: pic 1s;
	animation: pic 1s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.related.application{
	border: 0;
	margin-top: 46px;
}
.application-list{
	height: 325px;
	overflow: hidden;
}
.application-list li{
	width: 880px;
	height: 82px;
	overflow: hidden;
	margin: 0 auto 40px auto;
	position: relative;
}
.application-list li>a{
	display: inline-block;
	width: 100px;
	height: 80px;	
	border: 1px solid #e1e1e1;
	padding: 10px;
}
.application-list li img{
	max-width: 90%;
	max-height: 100%;
}
.application-list li img+i{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.application-list li div.pull-right{
	width: 760px;
}
.application-list li div.pull-right b{
	display: block;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 5px;
}
.application-list li p a{
	display: inline;
	border: 0;
	line-height: 25px;
}/*当前產品詳情2*/
.new-det_content{
	width: 100%;
	padding: 0;
}
.new-det_content p.new-det_top{
/*//min-height: 70px;*/
	overflow: hidden;
/*//border: 1px solid #e3e4e4;
//border-left: 0;
//border-right: 0;
//position: relative;
//padding-top: 15px;
//padding-bottom: 15px;*/
	min-height: 40px;
	line-height: 20px;
	padding-right: 85px;
	font-size: 12px;
}
.new-det_content p.new-det_top a{
	margin-right: 10px;
	display: inline-block;
}
.new-det_content p.new-det_top span{
	position: absolute;
	display: block;
	width: 65px;
	height: 47px;
	font-size: 12px;
	text-align: center;
	color: #838383;
	top: 10px;
	right: 5px;
	background: #e5e5e5;
	padding-top: 10px;
	line-height: 18px;
}
.new-det_content p.new-det_top span:hover{
	cursor: pointer;
}
.shuffling{
	width: 450px;
	height: auto;
	overflow:hidden;
}
.shuffling h2{
	text-align: right;
	font-size: 24px;
	font-family: "微軟雅黑";
	color: #515151;
	margin-top: 54px;
}
.bigPic{
	width: 400px;
	height: 225px;
	margin: 15px auto;
	overflow: hidden;
	position:relative;
	z-index:0;
	cursor:pointer;
}
.bigPic li{
	text-align: center;
	width: 400px;
	height: 225px;
	float: left;
}
.bigPic li:after{content:'';position:absolute;z-index:999;top:50%;left:50%;margin:-21px 0 0 -15px;display:none;width:30px;height:42px;background:url(../image/scape.gif) no-repeat center}
.bigPic li:hover:after{display:block}
.bigPic li:hover{opacity:0.5}
.bigPic li img{
	display: inline-block;
	max-width:100%;
	height: 100%;
	vertical-align: middle;
}
.bigPic li img+i{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.smo{
	width: 217px;
	margin: 15px auto;
	overflow: hidden;
}
.smo li{
	float: left;
	width: 58px;
	height: 46px;
	padding: 5px;
	border: 1px solid #e4e5e5;
	margin-right: 10px; 
}
.smo li img{
	width: 100%;
	height: 100%;
}
.attribution{
	position: relative;
	width: 450px;
	padding-top: 150px;
	padding-left: 30px;
}
.attribution p{
	font-size: 12px;
	color: #636262;
	line-height: 25px;
	/*font-family: "宋體";*/
}
.attribution p span{
	color: #a2a2a2;
}
.attribution button{
	width: 115px;
	height: 33px;
	background: #099eec;
    border: 0;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
	color: #fff;
}
.attribution button.active{
	background: rgba(221,221,221,1);
}
.attribution input{
	width: 283px;
	height: 30px;
	padding-left: 5px;
	border: 0;
	-moz-box-shadow:2px 2px 2px #e6e5e5 inset;
	-webkit-box-shadow:2px 2px 2px #e6e5e5 inset;
	box-shadow:2px 2px 2px #e6e5e5 inset; 
	outline: medium;
}
.attribution input+button{
	width: 135px;
	height: 30px;
	margin-top: 10px;
	margin-right: 0;
	background: #099eec;
	color: #fff;
	font-size: 12px;
	vertical-align: middle;
	position: absolute;
	margin-top: 0px;
	outline: medium;
}
.slogan{
	width: 100%;
	padding: 15px;
	border: 1px solid #e3e4e4;
	color: #089cec;
	font-family: "黑體";
	line-height: 25px;
	font-size: 16px;
	font-weight: 500;
}
ul.deta_listy{
	width: 100%;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #e3e4e4;
	border-top: 1px solid #e3e4e4;
	margin: 33px 0;
}
ul.deta_listy li{
	width: 20%;
	text-align: center;
	float: left;
	font-family: "微軟雅黑";
	font-size: 16px;
	background: url(../image/diand.png) no-repeat right center;
}
ul.deta_listy li:last-child{
	background: none;
}
ul.deta_listy li a.active{
	color: #089cec;
}
.one_xq{
	color: #6d6d6d !important;
}
.one_xq h3{
	font-size: 18px;
	margin-top: 35px;
	margin-bottom: 19px;
	font-family: "微軟雅黑";
}
.one_xq p{
	line-height: 23px;
}

.one_xq table{
	border-collapse: collapse;/* border-spacing: 0; *//* background-color: transparent; */max-width:100%;
}

.data{
	position: relative;
	width: 478px;
	text-align: center;
	margin: 25px 0 0 0;
	padding: 15px;
}
.data:after{
	position: absolute;
	display: block;
	content:"";
	width: 478px;
	height: 312px;
	border: 1px solid #cccccc;
	top: 0;
	left: 0;
}
.data img{
	display: block;
	width: 450px;
	height: 280px;
}
.data p{
	margin: 35px 0 0 0;
	font-size: 18px;
}
table.data_table{
	width: 100%;
	display: inline-block;
	font-size: 14px;
	border-bottom: 1px solid #e3e4e4;
	padding-bottom: 30px;
}
table.data_table tr th{
	padding-bottom: 25px;
	color: #616060;
}
table.data_table tr td{
	padding: 4px 10px;
	color: #6f6e6e
}
.data_table.data_tabtow{
	text-align: center;
}
.docu{
	border-bottom: 1px solid #e3e4e4;
	padding: 39px 25px;
	position: relative;
	margin-bottom: 60px;
}
.docu h3{
	width: 143px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: url(../image/hbj.png) no-repeat;
	background-size: cover;
	font-size: 18px;
	font-family: "微軟雅黑";
	color: #fff;
	margin-bottom: 30px;
}
.docu ul.docul{
	width: 100%;
	padding: 0 10px;
}
.docu ul.docul li{
	width: 50%;
	float: left;
	padding-left: 8px;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 23px;
	background: url(/images/dian.png) no-repeat center left;
	background-size: 2px;
}
.docu span{
	position: absolute;
	display: block;
	width: 160px;
	height: 30px;
	line-height: 30px;
	text-align: center;
    border: 1px solid #e3e4e4;
	border-top: 1px solid #fff;
	color: #6c6c6c;
	bottom: -30px;
	left: 50%;
	margin-left: -80px;
}
.docu span:hover{
    cursor: pointer;
}
.docu.inquiry{
	border-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	overflow:hidden;
	width:100%;
	margin-top:30px;
}
.docu.inquiry small{
	display: inline-block;
	/*margin-top: 25px;*/
	margin-left: 25px;
	color: #6d6d6d;
}
.docu.inquiry small i{
	color: #ff0000;
}
.inquiry_for li{
	width: 420px;
	float: left;
	padding-left: 35px;
	margin-bottom: 15px;
}
.inquiry_for li label{
	width: 62px;
	text-align: left;
	font-size: 12px;
	font-weight: 500;
	color: #6d6d6d;
}
.inquiry_for li input,.inquiry_for li textarea{
	width: 295px;
	height: 35px;
	border: 1px solid #d7d7d7;
	padding-left: 5px;
}
.inquiry_for li input+i{
	color:red;
	display: inline-block;
	margin-left: 5px;
}
.inquiry_for li:last-child input{
	width: 160px;
}
.inquiry_for li:last-child input+img{
	width: 50px;
	height: 16px;
	margin-left: 3px;
}
.inquiry_for li textarea{
	height: 75px;
	resize: none;
	vertical-align: top;
}
.related.deta_related{
	border: 0; 
	margin-top:0;
}
.related.deta_related h2{
	margin-left: 20px;
}
.related.deta_related ul.related-list{
	padding-left: 20px;
}
.related.deta_related ul.related-list li,.related.deta_related ul.related-list a.apic{
	width: 119px;
}
.related.application.deta_app h2{
	margin-left: 20px;
}
.related.application.deta_app ul.application-list{
	padding-left: 30px;
	font-size: 12px;
}
.related.application.deta_app ul.application-list b{
	font-size: 14px;
}
.related.application.deta_app ul.application-list li p{
	text-align: left;
	width: 750px;
	margin-left: 15px;
}
.related.application.deta_app ul.application-list li p a{
	padding: 0;
	margin-right: 15px;
	
}
.product_label{
	margin-top: 60px;
	font-size: 12px;
	color: #989898;
	padding-bottom: 17px;
	padding-left: 35px;
	border-bottom: 1px solid #e3e4e4;
}
.titleH2.titleH1{
	color: #4e4d4d;
	font-size: 26px;
	margin-bottom: 10px;
}

.global_nav{ width:57px;min-height:234px; position:fixed; right:0; top:50%; margin-top:-117px; z-index:99;}
.global_nav dd{ width:57px; height:57px; position:relative; margin-bottom:2px; font-size:12px;}
.global_nav dd>a{ display:block;width:57px; height:57px; line-height:53px; font-size:26px; text-align:center; color:#FFFFFF;}
.global_nav dd a.a_1{ background:url(../image/qq.png) no-repeat center #3fa9f5;}
.global_nav dd a.a_2{ background:url(../image/wx.png) no-repeat center #79c942;}
.global_nav dd a.a_3{ background:url(../image/tel.png) no-repeat center #ff931e;}
.global_nav dd a.a_4{ background:url(../image/mobile.png) no-repeat center #ff1e26;}
.global_nav dd a.a_5{ background:url(../image/up.png) no-repeat center #00F;}
.global_nav dd a:hover{background-color:#00A0E8;}
.global_nav dd b{ width:150px; height:57px; line-height:57px;position:absolute; left:-150px; top:0; display:none;background:#00A0E8; color:#FFFFFF; text-align:center; font-size:16px;}
.global_nav dd div{ width:270px; min-height:37px; height:auto; padding:10px; line-height:57px;position:absolute; left:-290px; top:0; display:none;background:#00A0E8; color:#FFFFFF; text-align:center; font-size:16px;}
.global_nav dd div img{float:left;margin:0 10px 10px 0}
.global_nav dd span{ width:110px; height:110px;position:absolute; left:-110px; top:0; display:none;}
.global_nav dd span img{ display:block;width:110px; height:110px;}
.global_nav dd:hover div, .global_nav dd:hover span ,.global_nav dd:hover b{ display:block;}

.sitemap{margin:20px}
.sitemap>li{overflow:hidden;width:100%;margin-bottom:10px;line-height:200%;border-bottom:1px solid #ccc}
.sitemap>li a{font-size:16px;color:#333}
.sitemap li a:hover{color:#00C}
.sitemap ul li{float:left;display:inline-block;border:0;margin-right:20px;line-height:200%}
.sitemap ul li a{font-size:12px;color:#333}
.sitemap ul li a:hover{color:#00C}

.menu_opt {
    text-align: right;
    /*overflow: hidden;
    _zoom: 1;*/
}

    .menu_opt:after {
        clear: both;
    }

    .menu_opt > div {
        /*float: left;*/
        display:inline-block;
        /*position: static;*/
    }
	
#header .sels{float:right;width:150px;min-height:40px;margin-top:40px;line-height:25px}
	
.menu_search,.menu_language{width:50px;float:left}

.menu_opt_search, .menu_opt_language, .menu_opt_account {
    background: url(../image/inno.png) no-repeat;
    background-position: -69px -130px;
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin: 0 15px;
}

.menu_opt_language {
    background-position: -140px -131px;
}

.menu_opt_account {
    background-position: -210px -130px;
    margin-right: 0;
}
/* dropdown-menu */
.menu_dropdown, .menu_dropdown_language, .menu_dropdown_account {
    text-transform: none;
    background-position: initial;
    display: none;
    position: absolute;
    z-index: 3;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4e167f',endColorStr='#1398d1',gradientType='1');
    background-image: linear-gradient(45deg, rgb(78, 22, 127), rgb(19, 152, 209));
    background-size: initial;
    /*background-repeat-x: initial;
    background-repeat-y: initial;*/
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    color: #ffffff;
}
.menu_dropdown, .menu_dropdown_account {
    min-width: 100%;
    right: 0;
    top: 90px;
}
.menu_language{position:relative;z-index:99999}
.menu_dropdown_language{width:100px;left:-20px;top:30px}
.menu_dropdown {
}
.menu_language li{height:30px;line-height:30px;text-align:center}
.menu_language li a{display:block;width:100%;height:30px;line-height:30px;font-size:14px;color:#fff}
.menu_language li a:hover{background:#0a3190;color:#fff}
    /* dropdown-menu-style1 */
    .menu_dropdown > ul {
        overflow: hidden;
        _zoom: 1;
        width: 65%;
        margin: 0px auto;
        /*height: 380px;*/
    }

        .menu_dropdown > ul > li {
            float: left;
            width: 33%;
            line-height: 50px;
        }

            .menu_dropdown > ul > li > ul {
                width: 90%;
                margin: 0 auto;
                /*text-align: center;*/
                padding-top: 25px;
                padding-bottom: 15px;
            }

                .menu_dropdown > ul > li > ul > li {
                    padding-left: 30px;
                }

    .menu_dropdown a {
        color: #d3d5e4;
        font-size: 14px;
    }

.menu_dropdown_first {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    /*border-bottom: 1px solid #6169af;*/
    margin-bottom: 15px;
}

    .menu_dropdown_first a {
        font-weight: 500;
        color: #fff;
    }

/* dropdown-menu-style3(search) */
.menu_dropdown > .search {
    height: 250px;
    text-align: center;
    padding-top:100px;
}

.search form {
    width: 80%;
    margin: 0px auto;
    position: relative;
}
.search_list {
    width: 98%;
   overflow:hidden;
   _zoom:1;
}
#search_input {
    width:92%;
    float:left;
    display:block;
    background: none;
    border: none;
    border-bottom: 1px solid #ffffff;
    height: 45px;
    line-height: 45px;
    font-size: 30px;
    color: #fff;
    outline: medium;
    /*position: relative;*/
    padding-left: 30px;
}
.search_close {
    display: block;
    width: 30px;
    float:left;
    height: 30px;
    background: url(../image/inno.png) no-repeat;
    background-position: -420px -200px;
    margin-top:10px;
}

.search_btn {
    background: url(../image/inno.png) no-repeat;
    background-color: none;
    background-position: -342px -200px;
    border: none;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: -10px;
    /*position: absolute
    left: 160px;
    top: 84px;;*/
}

.cursor_pointer {
    cursor: pointer;
}

.float {
  position: fixed;
  z-index: 99999;
  top: 50%;
  right: 10px;
  margin-top: -155px;
  width: 53px;
}
@media screen and (max-width: 1000px) {
  .float {
    display: none;
  }
}
.float-item-5{display:none}
.float-item, .float-item-1, .float-item-2, .float-item-3, .float-item-4, .float-item-5,.float-item-skype {
  width: 53px;
  height: 53px;
  border-bottom: 1px solid #008fd5;
  position: absolute;
  right: 0px;
}
.float-item > a, .float-item-1 > a, .float-item-2 > a, .float-item-3 > a, .float-item-4 > a, .float-item-5 > a, .float-item-skype > a{
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  width: 53px;
  height: 53px;
  display: block;
  position: absolute;
  left: 0px;
  background-color: #0270b7;
  color: #fff;
  line-height: 53px;
  font-size: 16px;
  cursor: pointer;
}
.float-item i, .float-item-1 i, .float-item-2 i, .float-item-3 i, .float-item-4 i, .float-item-5 i{
  float: left;
  width: 53px;
  height: 53px;
  background: url("../image/sprite_skype.png") 0 0 no-repeat;
  margin-right: 8px;
}
 


.float-item:hover > a, .float-item-1:hover > a, .float-item-2:hover > a, .float-item-3:hover > a, .float-item-4:hover > a, .float-item-5:hover > a , .float-item-skype:hover > a{
  background-color: #008fd5;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-expand, .float-item-1, .float-item-4 {
  text-indent: 2px;
}
.float-item-expand > div, .float-item-1 > div, .float-item-4 > div {
  display: none;
}

.float-item-slide, .float-item-2, .float-item-3{
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
.float-item-slide > a, .float-item-2 > a, .float-item-3 > a {
  width: 220px;
}

.float-item-slide:hover, .float-item-2:hover, .float-item-3:hover{
  width: 220px;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-1 {
  top: 0px;
}
.float-item-1 i {
  background-position: 0px 0px;
}

.float-item-2{
  top: 54px;
}
.float-item-2 i {
  background-position: 0px -53px;
}

.float-item-3 {
  top: 108px;
}
.float-item-3 i {
  background-position: 0px -106px;
}

.float-item-4 {
  top: 162px;
}
.float-item-4 i {
  background-position: 0px -159px;
}

.float-item-5 {
  top: 216px;
}
.float-item-5 i {
  background-position: 0px -212px;
}


/*新增加特殊qq*/
.float-item-7 {
  top: 108px;
}
.float-item-7 i {
  background-position: 0px -159px;
}




/*客服屬性qq*/

.float-expand, .float-qq, .float-wechat {
  position: absolute;
  top: 0px;
  left: -188px;
  height: 216px;
  width: 160px;
  padding: 0 14px;
  background-color: #008fd5;
}
.float-expand h5, .float-qq h5, .float-wechat h5 {
  font-size: 16px;
  padding: 20px 0;
  color: #fff;
}

.qq-list dd {
  overflow: hidden;
  padding: 6px 0;
  line-height: 22px;
  color:#FFF;
}
.qq-list dd a{ color:#FFF;}

.qq-item-btn {
  float: left;
  height: 22px;
  width: 77px;
  background: url(/images/qq_talk.png) 0 0 no-repeat;
}

.qq-item-txt {
  float: left;
  margin-left: 5px;
  color: #fff;
}

.float-wechat {
  top: -162px;
  height:270px;
}
.float-wechat p {
  line-height: 20px;
  padding: 9px 0;
  color: #fff;
  text-align: center;
}

.wechat-pic {
  display: block;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .ft {
    height: 229px;
    background-color: #0874b9;
  }
}
@media screen and (max-width: 1000px) {
  .ft .main {
    padding: 0 12px;
  }
}
@media screen and (max-width: 540px) {
  .ft .main {
    padding: 0 4px;
  }
}

.ft-mid {
  padding: 40px 0 70px;
  border-top: 3px solid #0069b3;

}
@media screen and (max-width: 1000px) {
  .ft-mid {
    background: #0874b9;
    color: #fff;
    position: relative;
    padding: 20px 0 0 0;
  }
}

.ft-nav {
  float: left;

}
.ft-nav dl {
  float: left;
  margin-right:25px;
}
@media screen and (max-width: 1000px) {
  .ft-nav dl {
    margin-right: 6px;
  }
}
@media screen and (min-width: 541px) {
  .ft-nav dl {
   /* min-width: 64px;*/
  }
}
.ft-nav dt {
  font-size: 16px;
  margin-bottom: 12px;
}
@media screen and (max-width: 540px) {
  .ft-nav dt {
    font-size: 12px;
  }
}
.ft-nav dt a {
  color: #414141;
}
@media screen and (max-width: 1000px) {
  .ft-nav dt a {
    color: #fff;
  }
}
.ft-nav dd {
  line-height: 24px;
  display: block;
}
@media screen and (max-width: 1000px) {
  .ft-nav dd {
    display: none;
  }
}
.ft-nav dd a {
  color: #999;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}
.ft-nav dd a:hover {
  color: #0069b3;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.ft-qr {
  width: 162px;
  height: 162px;
  display: block;
}
@media screen and (max-width: 1000px) {
  .ft-qr {
    width: 120px;
    height: 120px;
  }
  .ft-tel { display:none}
}
@media screen and (max-width: 540px) {
  .ft-qr {
    width: 80px;
    height: 80px;
  }
  .ft-tel { display:none}
}
@media screen and (max-width: 360px) {
  .ft-qr {
    float: right;
  }
  .ft-tel { display:none}
}

.ft-tel {
width:220px;
  font-size: 16px;
  float:right;
}
.ft-tel .add{ font-size:12px; color:#666; line-height:20px;}
.share_btn{ padding-top:10px;}
.share_btn a{ float:left; margin-right:5px;}
.share_btn a img{ width:35px; height:35px;}


@media screen and (max-width: 1000px) {
  .ft-tel {
	  float:left;
	  width:100%;
   /* position: absolute;
    right: 12px;
    top: 20px;*/
  }
}
@media screen and (max-width: 540px) {
  .ft-tel {
    /* top: 70px;
    right: 4px;
    font-size: 12px;*/
  }
  .share_btn{ display:none}
}
.ft-tel b {
  font-size: 24px;
  color: #0874b9;
  font-style: italic;
  margin: 10px 0;
  display: inline-block;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .ft-tel b {
    color: #fff;
    font-size: 18px;
    margin: 6px 0;
  }
  .ft-tel .add{  color:#fff;}
}
@media screen and (max-width: 540px) {
  .ft-tel b {
    font-size: 14px;
    margin: 6px 0;
  }
  .share_btn{ display:none}
}

.ft-bt {
  background-color: #0874b9;
  color: #fff;
  padding: 25px 0;
  line-height: 20px;
}
@media screen and (max-width: 1000px) {
  .ft-bt {
    padding: 0px;
  }
}
.ft-bt a {
  color: #fff;
}

.ft-bt-l {
  float: left;
}
@media screen and (max-width: 1000px) {
  .ft-bt-l {
    border-top: 1px solid #2182c0;
    padding: 14px 0 14px 2px;
    width: 100%;
    margin-top: 10px;
	  background: #0874B9;
	  z-index:9999999;
  }
}
@media screen and (max-width: 540px) {
  .ft-bt-l {
    width: 100%;
  }
}
.ft-bt-l span {
  margin: 0 1px 0 4px;
  position: relative;
  top: -1px;
}

.ft-bt-r {
  float: right;
}
@media screen and (max-width: 1000px) {
  .ft-bt-r {
    float: left;
    clear: both;
    border-top: 1px solid #2182c0;
    padding: 18px 0 40px 2px;
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .ft-bt-r {
    width:  100%;
  }
}
.ft-bt-r p {
  float: left;
  margin: 0 2px;
}
@media screen and (max-width: 1000px) {
  .ft-bt-r p {
    float: none;
  }
  .right-content.down-content h3{height:auto}
}

.ft-fsp {
  
}

@media only screen and (min-width:1000px) and (max-width:1199px)
{
body{min-width:1000px}
.container{width:1000px}
#header .header_right{width:780px}
#header .header_right .menu .menuOne{width:90px}
}
@media only screen and (max-width:768px)
{
*{box-sizing:border-box}
.container,.case-content{width:100%}
.sel_lang{display:none}
body{min-width:100%}
#header{height:auto}
#header .logo{float:none;width:auto;height:auto;margin:10px 0 0;text-align:center}
#header .logo img{max-width:80%;margin:0 auto}
.sels{position:absolute;z-index:999;top:0;right:0;margin-top:10px !important}
#header .header_right{float:none;position:static;width:100%;height:auto;overflow:hidden}
#header .header_right .menu{position:static;height:auto;overflow:hidden;top:0;}
#header .header_right .menu .menuOne{width:33.3333%;height:40px;text-align:center;line-height:40px}
#header .sels{display:none !important}
.menu_search{display:none !important}
#footer{padding:15px 0}
#footer .t{padding:20px 0}
#footer .t .container{padding:0 10px}
#footer .t dl{width:50%;margin-bottom:20px}
#footer .t img{max-width:100%;margin:10px 0}
.product_title{padding-top:0}
.case-content{padding:0 2%}
#nav{padding:10px 2%}
.product_title{height:auto;border-bottom:1px solid #333;width:80%;margin:0 10% 20px 10%}
.product_title .title_xt{background:none;border-bottom:1px solid #666;overflow:hidden;margin-top:0;width:100%;}
.product_title .title_txt{width:100%;height:auto}
.product_title .title_xt{border:0}
.product_cont{padding:0 2%;width:100%;overflow:hidden}
.product_cont a{width:49%;margin:0}
.product_cont a:nth-child(2n+2){margin-left:2%}
.product_cont a p{width:100%}
.clear_40{height:15px}
#infor{padding:15px 2%}
.infor_left{width:100%}
.infor_title .more{margin-right:0}
.infor_cont_txtLi_time{width:20%}
.infor_cont_txtLi_news p{margin-top:3px}
.infor_cont_txt,.infor_cont_txt_R{margin-top:15px}
.infor_cont_txtLi_news .body{height:75px;line-height:25px;overflow:hidden}
.infor_right{width:100%;margin-top:15px}
.infor_right_img{height:auto}
.infor_right_img img{width:100%;height:auto}
.link_title{padding:20px 2% 10px 2%;overflow:hidden;height:auto}
.link_cont{padding:10px 0;overflow:hidden}
.link_cont a{width:33.3333%}
.link_cont a:nth-child(3n+1){clear:both}
.case-left,.case-right{padding:0;border:0;width:100%}
#caseUl,.case-left>ul>li,.list-type ul.classify,.list-type ul.classify li span{width:100%}
.list-type{position:static;left:0;width:100%;top:0;border:0;padding:0;min-height:10px;}
.list-type ul.classify li span{text-align:left}
.advertising{width:100%}
#caseUl{border-right:1px solid #089cec}
.right-content{width:100%;margin-top:15px;padding:0}
.right-content.down-content{padding-left:0}
.right-content.down-content li{width:48%;height:auto;margin:0}
.right-content.down-content li:nth-child(2n+2){margin-left:4%}
.right-content.down-content li:nth-child(2n+1){clear:both}
.right-content.down-content li .down-li-pic{width:100%;height:auto}
.introduce>h2{font-size:18px !important}
.shuffling{width:100%}
.bigPic{width:100%;font-size:0}
.bigPic li{width:100%}
.attribution{padding:15px 0;width:100%}
.related{padding:0}
.related.deta_related h2{margin-left:0;margin-top:15px}
.docu.inquiry{margin-top:22px;padding:0}
.inquiry_for li{overflow:hidden;clear:both;width:100%;padding:0}
.inquiry_for li label{display:block;width:100%;line-height:35px}
.inquiry_for li input, .inquiry_for li textarea{width:90%}
.leave_form  p button, p.inquiry_su button{margin-top:0}
.related-list{width:100%;height:auto}
.related.deta_related ul.related-list{padding:0}
.related.deta_related ul.related-list li{width:48%;margin:0;margin-bottom:15px}
.related.deta_related ul.related-list li:nth-child(2n+2){margin-left:4%}
.related.deta_related ul.related-list li:nth-child(2n+1){clear:both}
.related.deta_related ul.related-list a.apic{width:100%;}
#banner{width:100%;height:auto;overflow:hidden}
#banner img{max-width:100%;display:block;margin:0 auto;position:static;height:auto}
.right-content.logo-content li{width:48%;margin:0;margin-bottom:15px;text-align:center}
.right-content.logo-content li:nth-child(2n+2){margin-left:4%}
.right-content.logo-content li:nth-child(2n+1){clear:both}
.right-content.logo-content li .logo-li-pic{width:auto;height:97px;margin:0 auto}
#content .content_cont ul li{padding:5px 10px}
#content .content_cont ul li .content_cont_img img{display:none}
#content .content_cont ul li .content_cont_txt{width:100%;margin:0}
#content .content_cont ul li .content_cont_more{position:static;bottom:0;display:inline-block;border-radius:5px}
.right-content.prod-content{width:100%}
.content-list.prod-list, .content-list.prod-list h3{width:100%;margin:0;float:none;padding:0}
#footer .t dl.last, #footer .t dl:last-child{width:100%}
}

.biaoge{
    overflow-y: hidden;
    overflow-x: scroll;
}
.biaoge::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.biaoge::-webkit-scrollbar-thumb {
 border: 2px solid #fff;
 background-color: rgba(0, 0, 0, .3);
}


.new-details_content table{
	max-width: 100%;
}

.new-details_content table img{
	max-width: 100%;
	height: auto;
}
