@charset "utf-8";
#bigbanner {
	position: relative;
	height: auto;
	width: 100%;
}
#bigbanner .bg {
	height: auto;
	width: 100%;
		max-height:840px;
}
#bigbanner .slide {
	position: absolute;
	z-index: 200;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
#bigbanner .slide .one {
	height: 100%;
	width: 100%;
	float: left;
	
}
#bigbanner .slide .one .area .textarea {
	float: left;
	height: 100%;
	width: 41.7%;
}

#bigbanner .slide .one .area {
	display: table;
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	max-width:1200px;
}
#bigbanner .slide .one .area .product {
	height: 100%;
	width: 58%;
	position: absolute;
	top: 0px;
	right: 0px;
}
#bigbanner .slide .one .area .product img {
	height: 100%;
	width: auto;
	max-height:840px;
	float: right;
}
#bigbanner .slide .one .area .textarea h2 {
	font-size: 36px;
	line-height: 40px;
	color: #000;
	margin-top: 60%;
}
#bigbanner .slide .one .area .textarea .note {
	font-size: 28px;
	line-height: 36px;
	color: #E60012;
	margin-top: 15px;
	margin-bottom: 15px;
}
#bigbanner .slide .one .area .textarea .tt {
	font-size: 22px;
	line-height: 30px;
	color: #595757;
	margin: 0px;
	padding: 0px;
}
#automation {
	height: auto;
	width: 100%;
	background-image: url(../images/automation_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
}

#fourpoint{
	height: auto;
	width: 100%;
	background-image: url(../images/fourpoin_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}


#fourpoint .sq{
	height: auto;
	width: 80%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 120px;
	padding-bottom: 150px;


}

#fourpoint2 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 60px;


}


#automation .sq {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 120px;
	padding-bottom: 120px;
	background-color: rgba(0,0,0,0.8);
	box-shadow:0px 0px 50px #000 inset;
}
#automation .sq .textarea {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width:1200px;
}
#automation .sq .textarea h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
	color: #FFF;
}
#automation .sq .textarea .intext {
	font-size: 20px;
	line-height: 30px;
	color: #B4B5B5;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	width: 60%;
}
#automation .sq .textarea a {
	font-size: 18px;
	line-height: 50px;
	color: #FFF;
	background-color: #e50011;
	padding-right: 30px;
	padding-left: 30px;
	font-family: "微軟正黑體", Arial;
	display: inline-block;
}
#fourpoint .sq ul,#fourpoint2 ul {
	display: table;
	height: auto;
	width: 100%;
}
#fourpoint .sq ul li,#fourpoint2 ul  li {
	float: left;
	width: 21%;
	margin-right: 2%;
	margin-left: 2%;
	position: relative;

}
#fourpoint .sq ul li .picp,#fourpoint2 ul li .picp {
	height: auto;
	width: 70%;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}
#fourpoint .sq ul li .picp img ,#fourpoint2 ul li .pic img{
	height: auto;
	width: 70%;
}
#fourpoint .sq ul li .text,#fourpoint2 ul li .text {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	text-align: center;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	font-weight: bold;
}
#fourpoint .sq ul li a ,#fourpoint2 ul li a{
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	position: absolute;
	z-index: 100;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}





#inbanner {
	width: 100%;
	position: relative;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

#inbanner .sq {
	height: 440px;
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#inbanner .sq .bannerline {
	width: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 118%;
}
#inbanner .sq .bannerline img {

	width:auto;
	height:100%;
}





#wrapper .intor {
	padding-top: 50px;
	padding-bottom: 120px;
	height: auto;
	width: 100%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
}
#productlist {
	height: auto;
	width:90%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#productlist .note h1 {
	font-size: 28px;
	line-height: 36px;
	color: #221814;
	text-align: center;
}
#productlist .note .text {
	color: #595757;
	text-align: center;
	padding: 0px;
	width: 80%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 18px;
	line-height: 26px;
}










#wrapper .intor .select {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
#productlist #list {
	height: auto;
	width: 100%;
	position: relative;
	    display: table;
}
#list .one_p {
	float: left;
	width: 50%;
}
#productlist #list .one_p .area {
	margin: 20px;
	background-image: url(../images/p_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	position: relative;
}
#productlist #list .one_p .area .picp img {
	height: auto;
	width: 100%;
}
#productlist #list .one_p .area .text {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #c9c9ca;
	position: relative;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 25px;
	padding-left: 35px;
}

#productlist #list .one_p .area .text:before {
	width:30px;
	height:5px;
	background-color:#e60012;
	position:absolute;
	left:0;
	bottom:100%;
	content:"";
}
#productlist #list .one_p .area .text h2 {
	font-size: 28px;
	line-height: 36px;
	color: #221814;
	margin-bottom: 10px;
}
#productlist #list .one_p .area .text .info {
	font-size: 18px;
	line-height: 26px;
	color: #595757;
	margin: 0px;
	padding: 0px;
}
#productlist #list .one_p .area .text .info span {
	display: block;
}



#wrapper .product_top {
	background-color: #E0DEDF;
	overflow: hidden;
}

#wrapper .product_top .sq {
	height: auto;
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#wrapper .product_top .sq .biggpic {
    width: 113%;
    position: relative;
    left: 3%;
    top: 40;
    min-height: 340px;
 
}
#wrapper .product_top .sq .biggpic img {
	height: auto;
	width: 100%;
}

#wrapper .product_top .sq .name {
	position: absolute;
	left: -2%;
	top: 35%;
	z-index: 20;
	margin-top:120px;
}
#wrapper .product_top .sq .name h2 {
	font-size: 30px;
	line-height: 32px;
	color: #221814;
	margin-bottom: 15px;
}
#wrapper .product_top .sq .name .info span {
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #221814;
}


#wrapper .product_top .sq .tableform {
	margin-top: 20px;
	display: table;
	height: auto;
	width: 100%;
	padding-bottom: 50px;
}
#wrapper .product_top .sq .tableform .applications {
	float: left;
	width: 31%;
	margin-right: 6%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
}
#wrapper .product_top .sq .tableform .features {
	float: left;
	width: 63%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
}
#wrapper .product_top .sq .tableform .applications h3,#wrapper .product_top .sq .tableform .features h3 {
	font-size: 20px;
	line-height: 28px;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#wrapper .product_top .sq .tableform .applications .tt ,#wrapper .product_top .sq .tableform .features .tt {
	font-size: 18px;
	line-height: 26px;
	color: #221814;
	padding: 8px;
	margin: 0px;
}
#wrapper .product_top .sq .tableform .features .tt ul li {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 8px;
}
#wrapper .product_bottom {
	height: auto;
	width: 100%;
}
#wrapper .product_bottom .sq {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	padding-top: 50px;
	padding-bottom: 50px;
}
#wrapper .product_bottom .sq h2 {
	font-size: 20px;
	line-height: 28px;
	color: #221814;
	margin-bottom: 8px;
}

#wrapper .product_bottom .sq .tablepart .xyz{
	width:27%;
	vertical-align: bottom;
	
}
#wrapper .product_bottom .sq .tablepart .xyz.h{
	width:19%;
	
}

#wrapper .product_bottom .sq .tablepart .xyz span{
	margin-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;	
	hight:100%
	
}
#wrapper .product_bottom .sq .tablepart .xyz.h  span{
	color: #221814;
	margin-left: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	hight:100%
}
#wrapper .product_bottom .sq .tablepart tr:first-child>.xyz span{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	font-weight: bold;
	color: #E50011;
	text-align: left;
	display: block;
	vertical-align: bottom;
}
#wrapper .product_bottom .sq .tablepart tr:first-child>.xyz.h span{

	color: #221814;

}


#wrapper .product_bottom .sq .tablepart{
	width: 100%;
	margin-top:20px;
}

#wrapper .product_bottom .sq .tablepart .xyz h3 {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 20px;
	line-height: 28px;
	color: #E60012;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#wrapper .product_bottom .sq .tablepart .xyz.h h3 {
	color: #221814;
}#wrapper .product_bottom .sq .tablepart table tr td {
	margin-left: 15px;
}
#wrapper .product_bottom .sq .tablepart table th, #wrapper .product_bottom .sq .tablepart table td {
	
}
#wrapper .product_bottom .sq .tablepart table tr td span {
	margin-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	display:block;
}
#wrapper .product_bottom .sq .examples ,#wrapper .product_bottom .sq .video {
	display: table;
	height: auto;
	width: 100%;
	margin-top: 60px;
}
#wrapper .product_bottom .sq .examples h3,#wrapper .product_bottom .sq .video h3 {
	font-size: 20px;
	line-height: 28px;
	color: #221814;
	float: left;
	width: 31%;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}
#wrapper .product_bottom .sq .examples h3 span,#wrapper .product_bottom .sq .video h3 span{
	margin:8px;
	 display: inline-block;
}
#wrapper .product_bottom .sq .examples .inpart,#wrapper .product_bottom .sq .video .inpart {
	float: right;
	width: 63%;
	position: relative;
}
#wrapper .product_bottom .sq .examples .inpart ul {
	float: left;
	width: 100%;
	display:table;
}


#wrapper .product_bottom .sq .examples .inpart ul li {
	float: left;
	width: 30.3333%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}


#wrapper .product_bottom .sq .examples .inpart ul li img{

	width: 100%;
	height:auto;

}
#wrapper .product_bottom .sq .video .inpart .bg {
	height: auto;
	width: 100%;
}
#wrapper .product_bottom .sq .video .inpart iframe {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#wrapper .product_bottom .sq .pageline {
	text-align: center;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #221814;
	margin-top: 60px;
	padding-top: 60px;
}
#wrapper .product_bottom .sq .pageline div {
	display: table;
	margin-right: auto;
	margin-left: auto;
}
#wrapper .product_bottom .sq .pageline div ul {
	display: table;
}
#wrapper .product_bottom .sq .pageline div ul li {
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	position: relative;
}
#wrapper .product_bottom .sq .pageline div ul li div {
	margin-bottom: 15px;
}
#wrapper .product_bottom .sq .pageline div ul li a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#productlist .qqarea {
	height: auto;
	width: 100%;
	margin-top: 50px;
}
#productlist .qqarea h3 {
	font-size: 20px;
	line-height: 28px;
	color: #221814;
	padding: 8px;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #221814;
	border-bottom-color: #221814;
}
#productlist .information div {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#productlist .qqarea.information div span {
	font-size: 18px;
	line-height: 26px;
	display: block;
	margin-bottom: 10px;
}
#productlist .qqarea.formpart .formarea {
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
}
#productlist .qqarea.formpart .formarea .note {
	font-size: 18px;
	line-height: 28px;
	color: #E60012;
	text-align: right;
}
#productlist .qqarea.formpart .formarea form {
	margin-top: 10px;
}
#productlist .qqarea.formpart .formarea form fieldset {
	margin-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*width: 100%;*/
	padding: 0px;
	margin-left:0!important;
	margin-right:0!important;
}
#productlist .qqarea.formpart .formarea form fieldset label {
	font-size: 18px;
	line-height: 50px;
	float: left;
	height: auto;
	width: 140px;
}
#productlist .qqarea.formpart .formarea form fieldset div {
	float: none;
	height: auto;
	margin-left: 150px;
}
#productlist .qqarea.formpart .formarea form fieldset div input[type="text"]{
	font-size: 18px;
	line-height: 50px;
	background-color: #f2f2f2;
	display: block;
	height: 50px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	text-indent: 10px;
}

#productlist .qqarea.formpart .formarea form fieldset div textarea {
	font-size: 18px;
	line-height: 50px;
	background-color: #f2f2f2;
	display: inline-block;
	height: 240px;
	width: 96%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 2%;
	padding-left: 2%;
	overflow: auto;
}

#productlist .qqarea.formpart .formarea form fieldset label span {
	margin-right: 5px;
}
#wrapper .intor #productlist .qqarea.formpart .formarea form fieldset .butline {
	display: table;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height:auto;
}
#productlist .qqarea.formpart .formarea form fieldset .butline input {
	font-size: 18px;
	line-height: 48px;
	width:200px;
	color: #FFF;
	background-color: #E60012;
	display: block;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
	font-family: "微軟正黑體", Arial;
	height: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-appearance: none;
	border-radius:0px;
}

#productlist .qqarea.formpart .formarea form fieldset .butline input:hover {

	background-color: #B60005;

}
#productlist .qqarea.history>ul {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top:50px;
}
#productlist .qqarea.history ul li {
	width: 100%;
	margin-bottom: 20px;
}
#productlist .qqarea.history ul li .pic {
	font-size: 20px;
	line-height: 90px;
	color: #221814;
	width: 90px;
	height: 90px;
	text-align: center;
	float: left;
	position: relative;
}
#productlist .qqarea.history ul li .pic .bg {
	background-image: url(../images/history_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;	
	background-size:100% 100%;
}
#productlist .qqarea.history ul li .text {
	margin-left: 120px;
	min-height:90px;
}
#productlist .qqarea.history ul li .text table {
	height:100%;
	min-height:90px;
	word-wrap: break-word; 
word-break: normal; 
}

#productlist .qqarea.history ul li .text table tr td {
	font-size: 18px;
	line-height: 26px;
	color: #221814;
	word-wrap: break-word; 
word-break: normal; 
}
#productlist .qqarea.history ul li .text table tr td ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style-type: disc;	
}
#productlist .qqarea.history ul li .text table tr td ul li{
	margin-left: 20px;
	list-style-type: disc;	
	margin-bottom:5px;
	word-wrap: break-word; 
word-break: normal; 

}
#newslist {
	margin-top: 30px;
	margin-bottom: 60px;
}
#newslist ul li {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #221814;
	margin-bottom: 20px;
	width: 100%;
}
#newslist ul li .date {
	font-size: 17px;
	line-height: 28px;
	color: #717071;
	float: left;
	width: 200px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #221814;
}
#newslist ul li .intext {
	float: none;
	margin-left: 240px;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	color: #221814;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#newslist ul li .intext p {
	margin-top: 0px;
}
#newslist ul li .intext p a {
	color: #E60012;
	white-space:nowrap;
}
#newslist ul li .intext .nomo {
	font-weight: normal;
}
#newslist .more {
	margin-right: auto;
	margin-left: auto;
}
#newslist .more a {
	font-size: 18px;
	line-height: 48px;
	color: #FFF;
	background-color: #E60012;
	text-align: center;
	height: 50px;
	width: 200px;
	cursor: pointer;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#newslist .more a:hover {

	background-color: #b60005;

}
#wrapper .intor.other {
	padding-top: 0px;
	position: relative;
	padding-bottom: 80px;
}
#wrapper .intor.other #productlist .note {
	text-align: left;
	position: absolute;
	bottom: 100%;
	height: auto;
	width: 100%;
}
#wrapper .intor.other #productlist {
	position: relative;
}
#wrapper .intor.other #productlist .note h1 {
	text-align: left;
	display: block;
	color: #221814;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #491814;
	padding-top: 10px;
	padding-bottom: 10px;
}
#inbanner .sq.x .bannerline {
	left: -11%;
}
#productlist .newsin {
	height: auto;
	width: 100%;
}
#productlist .newsin .date {
	font-size: 17px;
	line-height: 28px;
	color: #717071;
	display: marker;
	padding: 8px;
	height: auto;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #221814;
}
#productlist .newsin .eaditarea {
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #221814;
}
#productlist .newsin .eaditarea.download {
	border-top-width: 2px;
	border-top-style: solid;
	padding: 0px;
	width: 100%;
	font-weight: bold;
	position: relative;
}
#productlist .newsin .eaditarea.download a {
	color: #E60012;
	padding: 8px;
	float: right;
	position: absolute;
	right: 10px;
	top: 0px;
}
#productlist .newsin .eaditarea.download span {

    margin-right: 120px;
    padding: 8px;
    display: inline-block;
}



#inbanner.x {
	background-color: rgba(0,0,0,0.1);
	height: 290px;
}
#inbanner .sq .bannerline.x {
	left: -20%;
}
#inbanner .sq.x {
	height: 290px;
}



#sitemap {
	padding-top: 50px;
	padding-bottom: 50px;
}
#sitemap ul {
	display: table;
	height: auto;
	width: 100%;
}
#sitemap ul li {
	float: left;
	width: 24%;
	margin-right: 1%;
}
#sitemap ul li h3 {
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #221814;
}
#sitemap ul li div {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}
#sitemap ul li  a {
	color: #221814;
}


#sitemap ul li div span {
	margin-bottom: 10px;
	display: block;
}

#searchpage .searchbar {
	background-color: #eaeaea;
	height: 50px;
	width: 100%;
	margin-top:50px;
	margin-bottom:50px;
	display: inline-block;
}

#searchpage .searchbar form {
	display: table;
	height: 50px;
	width: 100%;
}

#searchpage .searchbar form input[type="search"] {
	height: 50px;
	width: 70%;
	margin-left: 10px;
	background-color: rgba(255,255,255,0);
	font-size: 18px;
	line-height: 50px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline:none;	
}
#searchpage .searchbar form input[type="button"] {
	background-image: url(../images/search2_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-color:rgba(255,255,255,0);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#searchpage h2 {
	font-size: 28px;
	line-height: 36px;
	color: #221814;
	width: 100%;
	margin-bottom: 50px;
}

#searchpage #newslist ul li .intext {

    margin-left:0px;

}
#productlist .newsin .eaditarea table tr td span {
	display: block;
}
#productlist .newsin .eaditarea  .title {
	color: #E60012;
}

#productlist .newsin .eaditarea  .tt {
	padding-left: 12px;
}
@media screen and (max-width:1220px)
{
	
#bigbanner .slide .one .area {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	max-width:94%;
}
#bigbanner .slide .one .area .textarea h2 {
    margin-top: 50%;
}








#inbanner .sq {
	height: 330px;
}


#wrapper .product_top .sq {

    width: 94%;

}
#wrapper .product_bottom .sq {
    height: auto;
    width: 94%;
    margin-right: auto;
    margin-left: auto;

}

	
}


@media screen and (max-width:1000px)
{
#bigbanner .slide .one .area .textarea h2 {
    margin-top: 40%;
}

#fourpoint .sq {
	height: auto;
	width: 94%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 120px;
	padding-bottom: 150px;


}

#inbanner .sq {
	height: 275px;
}
#wrapper .product_bottom .sq .tablepart {
	max-width: 100%;
	margin-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}
}
	
	

@media screen and (max-width:780px)
{	
#bigbanner{
	display:inline-block;
}

#bigbanner .bg {
	display: none;
}
#bigbanner .slide {
    position: relative;
    z-index: 200;
    height:auto;
    width: 100%;
    left: auto;
    top: auto;
}
#bigbanner .slide .one .area .product {
	height:auto;
	width:100%;
	position: relative;
	top: 0px;
	right: 0px;
	float: none;
	display: table-header-group;
	text-align: center;
	background-image: url(../images/phone_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

#bigbanner .slide .one .area .product img {
	height: auto;
	width:80%;
	max-height:auto;
	float: none;
	margin-left:15%;
	margin-right:5%;
}
#bigbanner .slide .one .area .textarea {
	float:none;
	height: auto;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}
#bigbanner .slide .one .area .textarea h2 {
	margin-top: 0%;
}

#bigbanner .slide .one .area {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width:100%;
}



#automation {
	background-position: center center;

}


#automation .sq {

	padding-top: 60px;
	padding-bottom:60px;

}


#fourpoint{

	background-image: url(../images/forpoint_bg2.jpg);
	background-position: center center;

}


#automation .sq .textarea {
	text-align: center;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	max-width:1200px;
}

#automation .sq .textarea .intext {

	width: 90%;
}

#fourpoint .sq {
	height: auto;
	width:80%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 20px;


}
#fourpoint .sq ul li ,#fourpoint2 ul li{
	float: left;
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
	position: relative;
}
#fourpoint .sq ul li .text,#fourpoint2 ul li .text {
	    margin-bottom: 40px;
	    margin-top: 20px;
	height:98px;
}
#inbanner {
	height: 180px;
	margin-top:60px;
}


#inbanner .sq {
	height: 180px;
	overflow:hidden;

}
#inbanner .sq .bannerline {

	height: 118%;
	left:-10%;
}
#productlist .note .text {
	width: 100%;
}

#wrapper .product_top .sq .biggpic {
	width: 120%;
	position: relative;
	left:-10%;
	top: 0px;
	min-height:auto;
}


#wrapper .product_top .sq .tableform {

    width: 100%;
	margin-left:auto;
	margin-right:auto;

}


#wrapper .product_top .sq .name {
	position: relative;
	left: auto;
	top: auto;
	z-index: 20;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	MARGIN-TOP: 80px;
}

#wrapper .product_top .sq .tableform .applications {
    float: none;
    width: 100%;
    margin-right: 0%;
    margin-bottom:30px;
}

#wrapper .product_top .sq .tableform .features {
   float: none;
    width: 100%;

}
#wrapper .product_bottom .sq .examples h3,#wrapper .product_bottom .sq .video h3 {

	float: none;
	width: 100%;
}
#wrapper .product_bottom .sq .examples .inpart,#wrapper .product_bottom .sq .video .inpart {
	float: none;
	width: 100%;
	position: relative;
	margin-top:20px;
}
#wrapper .product_bottom .sq .examples .inpart ul {
	float: none;
}
#wrapper .product_bottom .sq .examples .inpart ul li {
	float: none;
	width: 70%;
	margin-right: 15%;
	margin-left: 15%;
}
#productlist .qqarea.formpart .formarea form fieldset label {
	font-size: 18px;
	line-height: 30px;
	float: none;
	height: auto;
	width: 100%;
}
#productlist .qqarea.formpart .formarea form fieldset div {
	float: none;
	height: auto;
	margin-left: 0px;
}

#productlist .qqarea.formpart .formarea form fieldset {
	margin-bottom: 10px;
}
#wrapper .intor #productlist .qqarea.formpart .formarea form fieldset .butline {
	margin-top:20px;
}
#newslist ul li .date {
    float: none;
    width: auto;
}
#newslist ul li .intext {
    float: none;
    margin-left: 0px;
}

#inbanner .sq.x {
	height: 180px;
}
#inbanner.x {
    background-color: rgba(0,0,0,0.1);
    height: 180px;
}
#inbanner .sq.x .bannerline {
	display: none;
}
#productlist .newsin .date {

	padding: 8px;
	height: auto;
	width: auto;
}
#productlist .newsin .eaditarea {
	padding-top: 30px;
	padding-bottom: 30px;

}
#sitemap ul li {
	float: left;
	width: 48%;
	margin-right: 1%;
	
}
#sitemap ul li div {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	min-height:160px;
}

.slick-dots {

    bottom: 15px!important;

}
}


@media screen and (max-width:480px)
{	

#fourpoint .sq ul li ,#fourpoint2 ul li{
	float: none;
	width: 82%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}
#fourpoint .sq ul li .text,#fourpoint2 ul li .text {

	height:auto;
}


#inbanner .sq .bannerline {
    height: 125%;
    left: -18%;
}





#list .one_p {
	float: none;
	width: 100%;
}

#wrapper .product_bottom .sq .pageline div ul li {
	float: left;
	margin-right: 15px;
	margin-left:15px;
	position: relative;
}

#productlist .qqarea.history>ul{
	width: 100%;

}

#productlist .qqarea.history ul li .pic {
	width: 70px;
	height: 70px;
	    line-height: 70px;
}
#productlist .qqarea.history ul li .text {
    margin-left: 85px;
    min-height: 90px;
}
#productlist .qqarea.history ul li .pic .bg {
	background-image: url(../images/history_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;	
	background-size:100% 100%;
}

#productlist .qqarea.history ul li .text table tr td ul li{
	margin-left: 20px;
	list-style-type: disc;	
	margin-bottom:5px;
	word-wrap: break-word; 
word-break: normal; 
width:95%;
}
#sitemap ul li {
	float: none;
	width: 100%;
	margin-right: 0%;
	min-height:auto;
}
#sitemap ul li div {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	min-height:auto;
}

#wrapper .product_bottom .sq .tablepart .xyz  span{

	white-space: nowrap;
}
#productlist .note h1 {
    font-size: 20px;
    line-height: 28px;
    color: #221814;
    text-align: center;
}
}
@media screen and (max-width:360px)
{	

#wrapper .product_bottom .sq .pageline div ul li {
	float: left;
	margin-right: 10px;
	margin-left:10px;
	position: relative;
}

}

#productlist .newsin .eaditarea .texi {
	padding: 10px;
}
#productlist .newsin .eaditarea .texi img {
	max-width:100%;
	height: auto;
}
#productlist .newsin .eaditarea .texi .p {
	margin: 0px;
	padding: 0px;
}
#productlist .newsin .eaditarea .texi .de tr th {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #221814;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #221814;
	text-align: left;
}
#productlist .newsin .eaditarea .texi .de tr .det {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #221814;
}
#productlist .newsin .eaditarea .texi .de {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #221814;
}
#productlist .newsin .eaditarea div.point div {
	padding-left: 20px;
	position:relative;
}

#productlist .newsin .eaditarea div.point div:after{
	content:"*";
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:12px;
	height:12px;
}
#productlist .newsin .eaditarea .uu {
	height: auto;
	width: 100%;
	list-style-type: disc;
	margin-top: 20px;
	margin-bottom: 20px;
}
#productlist .newsin .eaditarea .uu li {
	margin-left: 20px;
	list-style-type: disc;
	margin-bottom: 10px;
}
#fourpoint2 ul li .picp img {
	height: auto;
	width: 100%;
}
#list .one_p .area a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
#automation .sq .textarea a:hover {
	background-color: #B60005;
}
.scroll {
	width: 100%;
}