@charset "utf-8";
/* CSS Document */

.tag{font-size:13px; font-family:"微軟正黑體"; color:#919191; margin:10px 0;}
.tag a{color:#919191; text-decoration:none; line-height:24px;}
.tag a:hover{text-decoration:underline;}
.tag span{color:#000;}

/* product_list */
.pro_left{width:193px; background:url(../images/other/catalog_top.jpg) no-repeat top #ededed; padding:65px 0 10px 0;/* font-family:"微軟正黑體";*/ position: relative; float: left; }
.pro_left ul{width:183px; margin:auto;}
.pro_left ul li{/*margin-bottom:10px;*/ background:url(../images/other/pro_icon.gif) no-repeat 5px 10px; padding:5px 5px 5px 18px; color:#0b5482; font-size:13px; display:block;}
.pro_left ul li a{color:#0b5482; text-decoration:none;}
.pro_left ul li a:hover{margin-left:1px; font-weight:bold;}
.pro_left ul li:hover{background:url(../images/other/pro_icon.gif) no-repeat 5px 10px #fff; border:#b1b1b1 1px solid; border-width:0 1px 1px 0; padding:5px 5px 5px 18px; cursor:pointer; font-weight:bold;}
.pro_left ul li.activ{background:url(../images/other/pro_icon.gif) no-repeat 5px 10px #fff; border:#b1b1b1 1px solid; border-width:0 1px 1px 0; padding:5px 5px 5px 18px; font-weight:bold; cursor:auto;}
.pro_left__mobile{ display: none;}

.pro_right{float:right; width:786px;}
.pro_right .pro_title{background:url(../images/other/pro_icon2.jpg) no-repeat left; padding-left:20px; color:#959494; font-size:12px; margin:10px 0; font-weight:bold;}
.pro_right .pro_title h2{color:#1a6a9d; font-size:18px; display:inline;/* font-family:"微軟正黑體"; letter-spacing:0.1em;*/ margin-right:5px; font-weight:bold;}
.pro_right .row_1{width:250px; vertical-align:top; display:inline-block; margin:0 4px 20px 4px; font-size:15px; font-weight:bold;/* font-family:"微軟正黑體";*/ text-align:center; *float:left; position:relative; width: calc(100%/ 3 - 20px); margin: 0 8px 20px 8px; }
.pro_right .row_1 img{ /*background:url(../images/other/pro_img_bg.jpg) no-repeat; */height:180px;/* padding:5px; margin-bottom:5px;*/}
.pro_right .row_1.v_list{font-size:16px;}
.pro_right .row_1.v_list img{width:240px;}
.pro_right .row_1 a{color:#1a6a9d; text-decoration:none; display: block; margin: 5px auto 0; }
.pro_right .row_1 a:hover{color:#00d2ff;}
.pro_right .row_1 a.video-img{ position: relative; }


/* product_list_熱銷商品 */
.pro_right .pro_hot{width:786px; border-bottom:#2f89e1 3px solid; padding-bottom:20px; margin-bottom:20px;/* font-family:"微軟正黑體";*/ position:relative;  overflow: hidden; }
.pro_right .pro_hot .pro_hot_t{background:url(../images/other/title_hot_pro.jpg) no-repeat; height:47px; padding:9px 0 0 16px; color:#fff; font-size:12px; margin-bottom:24px;}
.pro_right .pro_hot .pro_hot_t strong{font-size:18px; margin-right:7px;/* letter-spacing:0.1em; font-weight:normal;*/}
.pro_right .pro_hot .pro_hot_row{float:left; font-weight:bold;float: none;}
.pro_right .pro_hot .pro_hot_row img{border:#c6c4c4 1px solid; margin-bottom:5px;}
.pro_right .pro_hot .pro_hot_row img:hover{border:#00d2ff 1px solid;}
.pro_right .pro_hot .pro_hot_row .mod{font-size:15px; color:#ff7200; width:190px; margin:auto; line-height:20px; display:block; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
.pro_right .pro_hot .pro_hot_row .pro_hot_name a{width:190px; margin:auto; color:#005cba; font-size:14px; text-decoration:none; text-overflow : ellipsis; white-space : nowrap; overflow : hidden; display:block;}
.pro_right .pro_hot .pro_hot_row .pro_hot_name a:hover{color:#00d2ff;}

.pro_right .pro_row{margin-bottom:15px; background:url(../images/other/line.gif) repeat-x bottom; padding-bottom:5px; height:230px; overflow: hidden; position:relative; font-size:13px; line-height:20px;}
.pro_right .pro_row .pro_list_img{border:#c6c4c4 1px solid; float:left; margin-right:10px;}
.pro_right .pro_row .pro_list_img:hover{border:#00d2ff 1px solid;}
.pro_right .pro_row .pro_row_text{float:left; width:395px;}
.pro_right .pro_row .pro_row_text .mod2{font-style:15px; color:#ff7200; font-weight:bold; width:395px; display:block; line-height:22px;}
.pro_right .pro_row .pro_row_text h3{color:#005cba; font-size:18px;/* font-family:"微軟正黑體";*/ font-weight:bold; margin-bottom:5px;}
.pro_right .pro_row .pro_row_text h3 a{color:#005cba; text-decoration:none;}
.pro_right .pro_row .pro_row_text h3 a:hover{color:#00d2ff;}
.pro_right .pro_row .pro_row_text .pro_content{ height:123px; overflow:hidden; padding-left:20px; }
.pro_right .pro_row .pro_row_text .pro_content li{list-style-type:disc;}
.pro_right .pro_row .pro_row_more{position:absolute; right:0; bottom:10px;}
.product-notice{ float:right; font-size:13px; }

/* product_detail */
.pro_detail{float:right; width:786px;}
.pro_detail .pro_det_inf{float:right; width:365px;}
.pro_detail .pro_det_inf .model{font-style:18px; color:#ff7200; font-weight:bold; width:365px; display:block; line-height:19px;}
.pro_detail .pro_det_inf h2{ color:#005cba; font-size:22px;/* font-family:"微軟正黑體";*/ font-weight:bold; margin-bottom:3px; line-height:30px;}
.pro_detail .pro_det_inf .features{background:url(../images/other/pro_detail_line.jpg) no-repeat 21px 42px #f4f4f4; padding:10px; min-height:312px; color:#000; line-height:22px; font-size:15px;}
.pro_detail .pro_det_inf .features .f_t{font-size:12px; color:#4d696e; background:url(../images/other/pro_detail_icon.jpg) no-repeat left top; padding-left:30px; height:25px; margin:2px 0 20px 0;}
.pro_detail .pro_det_inf .features .f_t strong{font-size:15px; color:#1d899c; margin-right:7px;/* font-family:"微軟正黑體"; letter-spacing:0.1em;*/}
.pro_detail .pro_det_inf .features ul li{list-style-type:disc; margin:0 0 3px 18px;}
.pro_detail .pro_detail_img{float:left; width:400px;}
.pro_detail .pro_detail_int{margin:40px 0 20px 0; width:786px; color:#000; overflow: hidden;}
.pro_detail .pro_detail_int sup{vertical-align: top; position: relative; top: -0.5em;}
.pro_detail ul.pro_det_but{ /*margin-left:220px;*/ margin: auto;  text-align: center;}
.pro_detail ul.pro_det_but li{float:left; margin-right:25px; width:135px; float: none; display: inline-block; }
.pro_detail ul.pro_det_but li a:hover{margin:1px 0 0 1px;}
.pro_boxshadow{ box-shadow: 0 0 7px rgb(0 0 0 / 50%); }


/* news_list */
.top_banner{width:786px; height:150px; margin-bottom:15px;}
.news{float:right; width:786px;}
.news_title{color:#959494; font-size:12px; margin:10px 0 20px 0; font-weight:bold; width:786px; border-bottom:3px solid #2f89e1;}
.news_title h3{color:#1a6a9d; font-size:20px; /*display:inline; font-family:"微軟正黑體"; letter-spacing:0.1em;*/ margin-right:5px; font-weight:bold;}
.news_row{/*background:url(../images/other/line.gif) repeat-x bottom; padding-bottom:10px;*/ margin-bottom:16px; font-size:13px; color:#005cba; width:786px; min-height:150px; position:relative;}
.news_row .news_img{float:left;/* margin-right:20px;*/ padding:4px; border:#d1d1d1 1px solid;}
.news_row.no_line{background:none;}
.news_row dl{margin-bottom:5px; width:600px; float:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_row dl.line2{background:url(../images/other/line.gif) repeat-x bottom; padding-bottom:10px; width:786px;}
.news_row dl dt{font-size:13px; font-weight:bold; line-height:20px;}
.news_row dl dd{font-size:15px; line-height:20px;}
.news_row dl dd a{color:#005cba; text-decoration:none;}
.news_row dl dd a:hover{color:#00d2ff;}
.news_row .news_more{position:absolute; right:0; bottom:-5px;}
/*.news_day{background:url(../images/other/day_bg.jpg) no-repeat; width:81px; height:64px; font-family:Verdana, Geneva, sans-serif; position:relative; float:left; color:#fff; margin-right:15px;} 
.news_day li.month{position:absolute; top:5px; left:5px; font-weight:bold; font-size:18px;}
.news_day li.date{position:absolute; top:15px; right:9px; font-weight:bold; font-size:18px;}
.news_day li.year{position:absolute; bottom:6px; left:22px; font-weight:bold; font-size:13px;}
.news_row strong{color:#005cba; font-size:20px; font-family:"微軟正黑體"; margin-bottom:10px; line-height:24px;}
.news_row strong a{color:#005cba; text-decoration:none;}
.news_row strong a:hover{color:#777; margin-left:1px;}
.news_row .news_t{width:680px; color:#000; margin-left:96px; margin-top:5px;}
.news_row:hover{background:#ededed;}*/
.news_detail{float:right; width:786px;}
.news_detail .news_t{background:url(../images/other/line.gif) repeat-x bottom; padding-bottom:10px; font-weight:bold; color:#005cba; margin-bottom:15px;}
.news_detail .news_t h2{color:#005cba; font-size:18px; font-family:"微軟正黑體";}
.news_detail .news_t .news_day{float:right; font-size:13px;}
.news_detail .news_text{padding:15px; background:#FFF; color:#000; line-height:20px; font-size:13px; min-height:300px; margin-bottom:10px;word-break: break-all;}
.news_detail .news_but{margin:auto; width:135px;}
.news_detail .news_but a:hover{margin:1px 0 0 1px;}

/* about */
.about{float:right; width:786px; font-size:14px; line-height:22px; /*font-family:"微軟正黑體"; background:url(../images/other/about_bg.jpg) no-repeat right top;*/ min-height:700px;}
.about ul li{/*background:url(../images/other/about_icon.gif) no-repeat left 6px; padding-left:18px;*/ margin-bottom:7px;}
.about ul{margin:0 0 30px 0; color:#0053a6;}
.about .ab_infor{color:#333; font-size:13px; line-height:24px;}
.about .ab_infor h2{font-size:16px; font-weight:bold; line-height:42px; color:#005cba;}
.about .ab_infor .map{float:left; margin-right:10px; padding:5px; border:1px solid #ccc; background:#fff;}
.about .ab_title{color:#959494; font-size:12px; margin:10px 0; font-weight:bold; width:786px; border-bottom:3px solid #2f89e1; padding-bottom:2px;}
.about .ab_title h3{color:#1a6a9d; font-size:20px; display:inline;/* margin-right:5px; font-family:"微軟正黑體"; letter-spacing:0.1em;*/ font-weight:bold;}
.about .ab_infor .map iframe{ width: 440px; }
.about ul li span{ display: inline-block; }


/* application */
.application{float:right; width:786px; min-height:700px;}
.application .app_img{float:left; width:360px; margin-right:10px;}
.application .app_brief{width:400px; float:right; font-size:13px; line-height:20px;}
.application h2{color:#005cba; font-size:18px;/* font-family:"微軟正黑體";*/ font-weight:bold; margin-bottom:10px;}

/* contact */
.contact{float:right; width:786px; font-size:15px; line-height:22px;/* font-family:"微軟正黑體";*/}
.contact_top{ width:721px; height:140px; /*background:url(../images/other/contact_top.png) no-repeat;*/ line-height:25px; font-size:13px; color:#646464; /*padding:55px 0 0 67px; */margin-bottom:10px; width:786px; height: 195px; background-color: #cbf2f9; }
.contact_line{width:271px; position:relative; z-index:888; left:400px; bottom:120px;}
.contact_left{width:173px; background:url(../images/other/left_contact.jpg) no-repeat top #cbf2f9; padding:60px 10px 10px 10px; line-height:20px; font-size:13px; margin-top:10px; color:#646464;}
.contact_left strong{/*font-size:15px;*/ font-weight:bold;}
.contact_left p{margin-bottom:5px;}
.point{font-size:14px; margin-bottom:10px; width:680px;}
.red{color:#F00;}
.con_t{padding:5px; color:#fff; font-size:15px; width:786px; margin-bottom:10px; display:block; background:#2f89e1;}
.contact_top__tit{ background-image: url(../images/other/contact_top_img.jpg); background-color: #3295a7; height: 45px; background-repeat: no-repeat; }
.contact_top__detail{ padding-left: 67px; padding-top: 10px; }
.contact-business{width:575px; margin-bottom:10px; float:left;}
.contact-business div{ display: inline-block; }
.simpleform .row label.fields.register-faq{ width: 240px; }


.simpleform{
	margin:10px 0 10px 0; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;
}
.simpleform .text{
	width:220px;
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c6c6c6;
	border-right-color: #c6c6c6;
	border-bottom-color: #efefef;
	border-left-color: #c6c6c6;
	background-color:#f3f3f3;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-radius: 3px;
}
.simpleform .text1{
	width:300px;
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c6c6c6;
	border-right-color: #c6c6c6;
	border-bottom-color: #efefef;
	border-left-color: #c6c6c6;
	background-color:#f3f3f3;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-radius: 3px;
}
.simpleform .text2{
	width:50px;
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c6c6c6;
	border-right-color: #c6c6c6;
	border-bottom-color: #efefef;
	border-left-color: #c6c6c6;
	background-color:#f3f3f3;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-radius: 3px;
}
.simpleform .text2_1{
	width:70px;
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c6c6c6;
	border-right-color: #c6c6c6;
	border-bottom-color: #efefef;
	border-left-color: #c6c6c6;
	background-color:#f3f3f3;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-radius: 3px;
}
.simpleform .text3{
	width:520px;
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c6c6c6;
	border-right-color: #c6c6c6;
	border-bottom-color: #efefef;
	border-left-color: #c6c6c6;
	background-color:#f3f3f3;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-radius: 3px;
}
.simpleform .text4{
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c6c6c6;
	border-right-color: #c6c6c6;
	border-bottom-color: #efefef;
	border-left-color: #c6c6c6;
	background-color:#f3f3f3;
	font-size: 13px;
	/*line-height: 18px;*/
	color: #666666;
	border-radius: 3px;
	line-height: 24px;
}
.simpleform .textbox{
	width:520px;
	height:120px;
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c6c6c6;
	border-right-color: #c6c6c6;
	border-bottom-color: #efefef;
	border-left-color: #c6c6c6;
	background-color:#f3f3f3;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	border-radius: 3px;
	margin-bottom:5px;
}
.simpleform .Imp{
	color:#FF0000;
	font-size:11px;
	padding-right:5px;
	border:0px;
	display: inline-block;
	vertical-align: middle;
	width: 15px;
}
.simpleform .row{margin-bottom:2px; position:relative; min-height:36px;}
.simpleform .row label.fields{
	display:block;
	float:left;
	width: 180px;
	margin-right:0;
	font-size:12px;
	letter-spacing:1px;
    padding-right: 5px;
}
.simpleform .ButtonBar{
	width:83px;
	margin:15px 0 30px 180px;
	margin-left:330px;
}

.simpleform .form-title{ padding-left: 15px; }

.simp_table{ width:100%; font-size:15px; width: 786px; margin: auto; }
.simp_table th,td{padding:3px 5px; height:20px;}
.simp_table th{background:#2fa0e1; color:#fff; text-align:center; border:#0e94ac 1px solid; border-width:0 1px 1px 0; font-size:14px; font-weight:bold;}
.simp_table td{background:#dbf7fc; color:#666; text-align:center; border:#c0d8dd 1px solid; border-width:0 1px 1px 0;}
.simp_table td.text_left{text-align:left;}
.simp_table td a{color:#06F; text-decoration:none;}
.simp_table td a:hover{color:#000;}
.simp_table__wrap{ overflow:auto; overflow-x:auto; overflow-y:hidden; display:block;width: 100%;}

/* page */
DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; font-size:12px; margin:10px 0;
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #005cba; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none; font-size: 16px; font-weight: bold;
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid; font-size: 16px; font-weight: bold;
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #005cba; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0; font-size: 16px; font-weight: bold;
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #005cba; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid; font-size: 16px; font-weight: bold;
}

/* video */
.video{width:100%; margin:20px 0;}
.video iframe{width:100%; height:400px; margin-bottom:10px;}
.video .video_text{font-size:16px; color:#0053a6; margin-bottom:30px; padding:10px;}
.video .video_but{margin:auto; width:135px;}
.video .video_but a:hover{margin:1px 0 0 1px;}
.pro_right .row_1 .videoicon{ position:absolute; left:0; top:0; background:none !important;}
.video_icon{width:193px; margin-top:10px; text-align:center; position: absolute;}
.pro_right .row_1 a.video-img::before{ content: ''; background-image: url(/images/other/YT-icon.png); background-size: 35px 25px; background-position:  center; display: block;
 position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); width: 35px; height:25px; }


/* calibration */
.calibration-img{  text-align: center; overflow: auto; margin-bottom: 30px; }
.calibration-img img{ width: 787px; height: auto; max-width: 787px; }


@media only screen and (max-width: 1200px) {
.about, .news, .news_detail, .pro_right, .application, .contact, .pro_detail{ width: calc(100% - 220px); }
.pro_detail{ width: 100%;}
.pro_detail .pro_det_inf{ width: calc(100% - 400px); }
.pro_detail .pro_detail_int{ width: 100%; }
.top_banner{ max-width: 100%; height: auto; margin: auto; }
.about .ab_title, .news_title, .news_row{ width: 100%; }
.pro_right .pro_row{ height: auto; padding-bottom: 20px;}
.pro_right .pro_row .pro_list_img{float: none;  display: inline-block; vertical-align: top; }
.pro_right .pro_row .pro_row_text{ float: none; display: inline-block;  vertical-align: top;  width: calc(100% - 260px);}
.pro_right .pro_row .pro_row_more{ position: static; text-align: right; display: block; }
.pro_right .pro_row .pro_row_text .mod2{ width: 100%; }
.pro_right .pro_hot{ width: 100%; }
.pro_right .pro_hot .pro_hot_t{ background-image: none; background-color: #2f89e1 ;}

.contact_top, .con_t{ width: 100%;}

.news_row{ text-align: center; }
.news_row dl{ text-align: left; width: 100%; }
.news_row .news_more{ position: static; text-align: right; }
.news_row .news_img{ text-align: center; margin: 10px auto; float: none; display: none;}

.application .app_brief{ width: calc(100% - 380px); }
}

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

.pro_right .row_1{ width: calc(100% / 3 - 20px); margin: 0px 8px; margin-bottom: 15px; }
.pro_right .row_1 img{ /*height: auto; box-shadow: 0 0 5px rgb(0 0 0 / 25%);*/ background: none; padding: 0; }
}


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

.about, .news, .news_detail, .pro_right, .application, .contact{ float: none; margin: auto; width: 100%; }
.pro_left{ float: none;background: none;padding-top: 0;}
.pro_left__mobile{ display: block;background: #317bc4; color: #fff; padding: 10px 15px;  text-align: center; position: relative;}
.pro_left__mobile i{position: absolute; right: 20px;}
.video_icon{ margin: auto;position: static;}
.pro_left{ width: 100%;}
.pro_left ul{ width: 100%; padding: 10px; background: #ededed; }
.pro_left ul li{ display: inline-block;font-size: 13.5px; }

.pro_right .pro_hot{ width: 100%; float: none; margin: auto;}
.pro_right .pro_hot .pro_hot_t{ width: 100%; background-repeat: repeat;}

.contact_top{ width: 100%; height: auto; }
.con_t{ width: 100%;}
.point{ width: 100%;}
.simpleform .ButtonBar{ margin: 20px auto; width: 134px; }
.simpleform .text, .simpleform .text3, .simpleform .textbox{ width: calc(100% - 180px);}
.contact-business{  width: calc(100% - 120px);}
.contact_top__detail{  padding: 20px; font-size: 14px; }
.contact_line{ display: block;  position: static;}


}




@media only screen and (max-width: 768px) {
.about .ab_infor .map{  float: none;  margin: auto; }
.about .ab_infor .map iframe{ width: 100%; }

.pro_right .row_1{ width: calc(100% / 2 - 20px); }


.application .app_brief{ width: 100%;  float: none; margin-bottom: 15px; }
.application .app_img{ margin: auto;  float: none; width: 100%; text-align: center; }
.application .app_img img{ max-width: 100%!important; }

.pro_detail .pro_detail_img{ width: 100%; text-align: center; margin-bottom: 15px;}
.pro_detail .pro_detail_img img{ max-width: 100%!important; }
.pro_detail .pro_det_inf{ width: 100%; }
.pro_detail{ float: none;}
.pro_detail .pro_det_inf .features{ min-height: auto; margin-top: 10px; }
}

@media only screen and (max-width: 640px) {
.pro_right .pro_row .pro_row_text .mod2, .pro_right .pro_row .pro_row_text h3{ text-align: center;}
.pro_right .pro_row .pro_list_img{ margin: auto; display: block;}
.pro_right .pro_row .pro_row_text{ width: 100%;}
.pro_right .pro_row .pro_row_more{ text-align: center;margin: 5px auto;}
.pro_right .pro_row .pro_row_text .pro_content{ height: 40px; }

}

@media only screen and (max-width: 550px) {
.simpleform .row{ margin-bottom: 10px; }
.simpleform .row label.fields{ width: 100%; margin-bottom: 5px; text-align: left;}
.simpleform .text, .simpleform .text3, .simpleform .textbox{ width: 100%; }
.contact-business{ width: 100%; }
.simpleform .row label.fields.register-faq{ width: 100%; }
.simpleform .form-title{ padding-left: 0;}
}


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

.pro_right .pro_hot .pro_hot_row{ float: none; text-align: center; margin-bottom: 10px; }
.pro_right .pro_hot .pro_hot_row .mod{ text-align: center; }
.pro_detail ul.pro_det_but li{ margin: 0 5px; }
.pro_right .row_1{ width: 100%; }
.pro_right .row_1.v_list{ margin-right: 0; margin-bottom: 20px; }
.pro_right .row_1:nth-child(2n-1){ margin-bottom: 20px; }
.pro_right .row_1:nth-child(4n){ margin-right: 0; margin-bottom: 20px; }
.product-notice{ float: none;  text-align: center; }
}


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

.pro_detail .pro_det_inf .model{ width: 100%;}
}