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

/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto'), local('Roboto-Regular'), url("../font/Roboto-Regular.woff") format('woff'),
  		url("../font/Roboto-Regular.ttf") format("truetype");
}*/
/*body{margin:0 auto; font-family:Roboto,"Microsoft JhengHei",Arial, sans-serif; font-size:16px; overflow-x:hidden}
*{ box-sizing:border-box}
a{ text-decoration:none;}
a{   text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
img{
	max-width: 100%;
	margin-top: 5px;
}*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}
.ce{ line-height:1.5em;}
.ce a{    padding: 2%;
    display: inline-block;
    background: rgb(62, 100, 180);
    color: #fff;
    font-size: 15px;
    margin-top: 2%;}
.ce a:after{    content: "\f0c1"; font-family:FontAwesome; padding-left:5px;}
.ce a:hover{    background: rgb(30, 71, 156);}
select::-ms-expand { /* for IE 11 */ display: none; }
#header2{ box-shadow: 0 0px 8px #333}
.header{background: url(../images/hd_bg.jpg) center top no-repeat #fff;}
.header *{-webkit-transition: position 0.3s ease 0.3s;    
	-moz-transition: position 0.3s ease 0.3s;    
	-ms-transition: position 0.3s ease 0.3s;    
	-o-transition: position 0.3s ease 0.3s;    
	transition:position 0.3s ease 0.3s;}
.header--clone {  position: fixed; width:100%;  z-index: 130;  top: 0;  left: 0;
		-webkit-transform: translateY(-160px);   -ms-transform: translateY(-160px); transform: translateY(-160px);
		 -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.header--stick { -webkit-transform: translateY(0%);   -ms-transform: translateY(0%); transform: translateY(0%);}
.sb-active .header--clone{-webkit-transform: translateY(-160px);      -ms-transform: translateY(-160px);          transform: translateY(-160px);}
.wrap_full{width:100%}
.wrap{width:1200px;margin:0 auto;}
.mobile_mu{ display:none}
#header{ z-index:5; position:relative;}
#header , #header2{ background:#fff; box-shadow:2px 3px 20px rgba(0,0,0,0.8)}

#banner_area{width:100%;top:0px;left:0px;z-index:3;}
#banner_area.flexslider{ border:none;}
.flexslider{ margin:0; border: 0;}
.flex-direction-nav a{border: solid rgba(242,248,253,1.00) 1px; width: 60px; height: 60px; z-index: 999; color:#FFF; text-align:center; text-shadow:none;line-height: 60px;}
.flex-direction-nav a:before {content: '';}
.flex-direction-nav a.flex-next::before{content: '';}
.flex-direction-nav .flex-prev{left: 3%;}
.flex-direction-nav .flex-next{ right: 3%; text-align:center;}
.flexslider:hover .flex-direction-nav .flex-prev{left: 3%; opacity: 0.4;} 
.flexslider:hover .flex-direction-nav .flex-next{right: 3%; opacity: 0.4;}
#slider.flexslider, #carousel.flexslider{ margin:4px;border:0;}
#slider .flex-nav-prev a:before, #carousel .flex-nav-prev a:before{content: 'Prev'; color:#FFF; line-height: 60px; font-size: 16px;}
#carousel img{display: block;opacity: 0.5;cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img{opacity: 1;cursor: default;}

.flexslider .slides img{ display:inline-block;}
.index_main .slick-slide img{ display:inline-block;}
.index_main .slick-prev:before,
.index_main .slick-next:before{ color:rgba(0, 22, 138, 0.89);}
.index_main .slick-prev, .index_main .slick-next{width:40px; height:40px}
.index_main .slick-prev{ left:0; z-index:999;}
.index_main .slick-next{right:0;}
.index_main .slick-prev:before, .index_main .slick-next:before{ font-size:40px;}

.lang{ background:#1e479c;  line-height:30px; text-align:right}
.lang a{ color:#fff;padding:0 10px}
.lang a:hover , .lang a.active{color: rgba(255,206,0,1.00);}

.logo{ float:left;width:280px;margin-right:20px;padding-top:8px;margin-left:10px}
.c_logo{ padding-top:22px;}
.logo img , #banner img{display:block ; margin:0;}
.logo img.logo_s{ display:none}
.menu{ float:left;width:calc(100% - 310px); padding-right:30px; }
.menu li { float:left; position:relative;}

.menu li a{ display:block;padding:50px 10px 22px 10px;color:#333; font-size:18px; width: 100%; text-align: center; position:absolute;  }
.menu li:hover a , .menu li.active a{  z-index:10;color:#fff }
.menu li .bg{-webkit-transform:skew(-20deg);   -ms-transform: skew(-20deg); transform:skew(-20deg);
		 -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; background:rgba(30,71,156,0);height:100px;width:120px;}
.menu li:hover .bg , .menu li.active .bg {background:rgba(30,71,156,1.00);}

.menu li.n3, .menu li.n4{position:relative; }
.menu li.n3 ul, .menu li.n4 ul{width:100%;}
.menu li ul { display: none; float: left; /*top: 100px;  left:0; right:0; width:100%;*/}
.menu li ul.incate1{position: absolute; top: 100%; left:-204px; z-index:999; }
.menu li ul.incate2{position: absolute; top: 100%; left:46px; z-index:999; }
.menu li ul.incate3{position: absolute; top: 100%; left:-254px; z-index:999; }
.menu li ul.incate4{position: absolute; top: 100%; left:46px; z-index:999; }
.menu li.n3 ul li{ min-width:250px;}
.menu li.n4 ul li{ min-width:300px;}

.menu li:hover ul { display: block; }
.menu li ul li{ float:left; width:50%; /*float:none;*/  height:40px; line-height:40px; background:rgba(1,62,126,0.8); display:block;}		
.menu li ul li a{ white-space:nowrap; font-size:16px; color:#fff; display:block;padding:0 10px; width:100%; position:relative; text-transform:uppercase;/*
overflow:hidden; text-overflow:ellipsis;   border: 1px solid rgba(255,255,255,0.8);*/}
.menu li ul li a:hover{ background:rgba(16,25,134,1.00)}


a.sb-toggle-submenu::after{ content:"\f107" ;font-family: FontAwesome;margin-left:10px}


#banner img.ban_s{ display:none}

.index_main{ background:url(../images/index_bg.jpg) bottom right no-repeat;padding-bottom:135px; text-align:center;padding-top:60px}
.index_main h1{ font-size:32px;margin-bottom:15px}
.index_main h2{ background:url(../images/index_line.jpg) bottom center no-repeat; line-height:180%;padding-bottom:5px;margin-bottom:50px}
ul.pro_list li{width:calc(25% - 20px);margin:0 10px; float:left; position:relative;padding:5px 5px 18px; background:#ececec; border:1px solid #d9d9d9;-webkit-animation-name: fadeInUp; animation-name: fadeInUp; text-align:center}
ul.pro_list li:nth-child(3n+1){-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
ul.pro_list li:nth-child(3n+2){-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
ul.pro_list li:nth-child(3n){-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}


ul.pro_list  li div {margin-bottom:15px}
ul.pro_list  li div span{width:0px;
	height:0px;
	border-width:13px;
	border-style:solid;
	border-color:transparent transparent #ececec transparent ;
	position:absolute;
	bottom:73px;
	left:15px;}
ul.pro_list li a{color:#000;}	
ul.pro_list li>a{height:38px; display:block}
ul.pro_list li:hover{ border:1px solid #1e7abc; background:rgba(30,71,156,1)}
ul.pro_list li:hover a{color:#fff}
ul.pro_list li:hover div span{border-color:transparent transparent #1e479c transparent}
.link_ft{ background:#85beee; text-align:center}
.link_ft a{color:#000; line-height:30px;padding:0 10px; font-weight:bold}
.link_ft a:hover{color:#fff}
.foot{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f489f+0,285cc6+100 */
background: rgb(31,72,159); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(31,72,159,1) 0%, rgba(40,92,198,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(31,72,159,1) 0%,rgba(40,92,198,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(31,72,159,1) 0%,rgba(40,92,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f489f', endColorstr='#285cc6',GradientType=0 ); /* IE6-9 */
}
.foot {padding:24px 0; font-size:13px; font-weight:normal; line-height:150%}
.foot ul { display: -webkit-flex;display: flex;}
.foot ul li{ border-right:1px solid #7f98cb; border-left:1px solid #2e487d;padding:10px 15px; text-align:left;color:#fff;width:40%} 
.foot ul li h3{ font-size:15px}
.foot ul li p span::before{ content:"\a"; white-space: pre;}
.foot ul li:first-child{ border-left:0; }
.foot ul li:last-child{  border-right:0; }
.foot ul.foot-copy {align-items: flex-end}
.foot ul.foot-copy li:first-child{ border-right:0; width:261px; }
.foot ul.foot-copy li:last-child{ border-left: 0; text-align:right;width:calc(100% - 261px)}
.foot p a{padding:0 0 0 5px;color:#fff}
.foot p a:hover{color:rgba(167,205,240,1.00)}

h5{
	margin: 8px 0 8px 0;
    color: #5e5e5e;
    font-size: 16px;
}
.thermal-wen-01{
	float: left;
	width: 33%;
	padding: 0px 0px 20px 20px;
}


.no{ display:none;}
.email {line-height: 2em; text-align: right;}
.c_email{ text-align:left;}
.email a{ color:#fff;}
.qa_mail{margin: 5% auto 0;}
.qa_mail a{
    color: #214ca7;
    font-size: 18px;
    background: #f2f2f2;
    padding: 2%;
    display: block;
    text-align: center;
    border-top: 5px solid #85beee;
    border-bottom: 5px solid #85beee;
}
.qa_mail a:hover{ color:#85beee;}
.qa_mail a:before{content: "\f0e0";font-family:FontAwesome;display:inline-block;padding-right: 8px;}

#gotop {
position: fixed;
    right: 0px;
    bottom: 20px;    
    padding: 10px ;    
    font-size: 20px;
    background:rgba(0, 22, 138, 0.89);
    color: white;
    cursor: pointer; z-index:1000; 
}

#smo { margin-bottom: 10px; text-align:right; float: right;}
#smo a {
    display: block;
	position: relative;
	float: left;
	margin-bottom: 8px;
    color: #214eaa;
    font-size: 18px;
    margin: 0 0 0 5px;
    background:rgba(255,255,255,1.00);
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 3px;
    border-radius: 3px;
	margin-bottom: 8px;
}
#smo a:hover{ background:#7d0c0c;color:#fff}
#smo a.line-btn{
	background: none;
}
#smo a.line-btn svg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#nav{
	position: relative;
}
.main_head .wrap .line-btn{
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-30%);
	width: 32px;
	height:32px;
}
@media (max-width: 1023px){
	.main_head .wrap .line-btn {
		right: 92px;
		transform: translateY(-64%);
	}
}
@media (max-width: 365px){
	.main_head .wrap .line-btn {
		right: 92px;
    	transform: translateY(-46%);
	}
}
.main_head .wrap{
	position: relative;
}
.clearfix_both{
	clear: both;
}
.wrap:after{
	content: "";
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*allpg*/
.content_all{ background:url(../images/content_bg.jpg) repeat-x}
.content{padding-bottom:60px}
.content h1{ font-size:32px; border-bottom:2px solid #1e479c;margin:0 auto 50px ; display:table;padding:0 10px 10px}
.tree{ text-align:right;margin:0px 0 40px 0;padding-top:10px}
.tree a{ font-size:13px;color:#505050}
.tree a:last-child{color:#204ca6}
.tree a:hover{color:#204ca6}
.content_all .wrap{padding:0 15px}


/*pro-list*/
.prozone .pro_list li{margin-bottom:30px}

/*left_nav*/
.left_menu{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.left_menu{width:20%; float:left;margin-bottom:50px;margin-right:50px}
.left_menu h1{ font-size:30px; color:#000; border-bottom:3px solid #1e479c;padding:0 0 5px 12px;margin-bottom:10px}
.left_menu a{ font-weight:bold}
.left_menu>ul>li{color:#143a89; border-bottom:1px solid rgba(134,134,134,1.00);padding:8px 12px;}
.left_menu>ul>li>a{color:#143a89; line-height:150%;/*padding:8px 12px;*/}
.left_menu>ul>li.active{background:#143a89;}
.left_menu>ul>li.active>a{color:#FFF;}
.left_menu>ul>li>ul{border-top:1px solid rgba(134,134,134,1.00);margin-top:10px}
.left_menu>ul>li>ul>li{padding:5px 15px}
.left_menu>ul>li>ul>li a{ color:#333; line-height:150%}
.left_menu>ul>li>ul>li.active  a{color:#143a89;}
p.bot {margin-bottom: 2%;line-height: 1.4em;}
h2.colr {color: #1e479c; margin-bottom: 2%;}
h2.colr01{color: #1e479c;}
.bot01 {margin-bottom: 4%;}

/*rightzone_pro*/
.right_zone{width:100%; float:left}
.right_zone h1{
	font-size: 25.5px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.right_zone h1 span{margin-left:10px;color:#1e479c}

.pic_info>li{ float:left}
.bigimg{width:50%;-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;-webkit-animation-delay: 0.1s; animation-delay: 0.1s;  }

.info{padding:20px 0;width:100%;-webkit-animation-name: fadeInRight; animation-name: fadeInRight;-webkit-animation-delay: 0.1s; animation-delay: 0.2s;}
.info h3{/*margin-top:50px;*/ background:#294c95;color:#fff;padding:5px 20px 5px 10px; display:table;margin-bottom:10px}
.info p{line-height:36px;}

.more_infornation{margin-top:24px; clear:both;padding-bottom:25px}
.more_infornation h2, #parentHorizontalTab h4, .more_infornation h4{ font-size:23px;color:#000;margin-bottom:20px}
.more_infornation h2 span, #parentHorizontalTab h4 span, .more_infornation h4 span{width:25px;height:25px; display:block; border-radius:100%;  float:left; border:6px solid rgba(20,101,160,1.00);margin-right:10px}
.more_infornation sup{vertical-align: super;font-size: smaller;}
#parentHorizontalTab table, 
.detail_content .style-2 table, 
.pro-content .scrollbar table{width:100%;border-collapse: unset;}


#parentHorizontalTab table th, .more_infornation table th{ background:#325aad;color:#fff; line-height:130%;padding:5px 10px; /*white-space:nowrap;*/vertical-align:middle;}
#parentHorizontalTab table th, .more_infornation table2 th{ background:#325aad;color:#fff; line-height:130%;padding:5px 10px; /*white-space:nowrap;*/vertical-align:middle;}
.info table th{ text-align:center;}
#parentHorizontalTab table tr, .more_infornation table tr{ background:#e8e8e8}
#parentHorizontalTab table tr:nth-child(odd), .more_infornation table tr:nth-child(odd){ background:rgba(231,231,231,0.5)}
#parentHorizontalTab table td, .more_infornation table td{padding:10px 15px; line-height:150%; vertical-align:middle;/* white-space:nowrap;*/}
#parentHorizontalTab table tr.tr-2{ text-align:left;}
#parentHorizontalTab table tr.tr-3{ background:#e8e8e8;}
#parentHorizontalTab table tr.tr-4{ background:rgba(231,231,231,0.5); border-bottom:1px solid #FFF;}
#parentHorizontalTab table img{max-width: none;}

#parentHorizontalTab .style-2 table th, .detail_content .style-2 table th{
	border-bottom: 1px solid #FFF;
	text-align: left;
}
#parentHorizontalTab .style-2 table tr.tr-1 td, .detail_content .style-2 table tr.tr-1 td{background:#87bfef;}

#parentHorizontalTab .tab_content ul{ margin-bottom:20px;}
#parentHorizontalTab .tab_content ul.clear-left{ margin-left:0;}

#parentHorizontalTab  p{padding: 10px 0; line-height:1.5em;}
#parentHorizontalTab  p a, .detail_content .pro-content a{ color:#000;}
#parentHorizontalTab  p a:hover, .detail_content .pro-content a:hover{ text-decoration:underline;}
#parentHorizontalTab  p img{ vertical-align:middle;}

.info li,
#parentHorizontalTab .tab_content li, 
.detail_content .pro-content li{padding:8px 0; line-height:150%; position:relative; padding-left:20px;}

.info li:before,
#parentHorizontalTab .tab_content li:before, 
.detail_content .pro-content li:before{ /*content: "\f04d";*/content: "●";font-family: FontAwesome; font-size:13px;color:#87bfef; position:absolute; left:3px}

#parentHorizontalTab .pro-mi>ul>li>ul>li:before,
.detail_content .pro-content>ul>li>ul>li:before{content: "\f111";font-family: FontAwesome; font-size:10px;color:rgba(20,101,160,1.00); position:absolute; left:3px;}

.detail_content .pro-content>ul>li>ul{ margin-top:2%;}
.detail_content .pro-content>ul>li>ul>li{padding:5px 0;  line-height:120%; position:relative; padding-left:20px;}
.detail_content .pro-content .pro-group, .detail_content .pro-content>ul>li, .detail_content .pro-mi{margin-left:35px;}
.detail_content .pro-content {padding-bottom:30px;}
.detail_content .pro-content p{ line-height:1.5em; margin-left:35px;}
.detail_content .pro-content .pro-img{ float:left; width:30%; margin-bottom:2%; padding-right:3%;}
.detail_content .pro-content .pro-txt{ float:left; line-height:2em; width:60%}
.detail_content .pro-content span{ color:rgb(255, 135, 0); font-weight:bold;}
.info li .scrollbar, .detail_content .pro-content .scrollbar{ margin-top:20px;}
.detail_content .pro-content li>img{ margin:10px 0; padding:10px;}

.detail_content .pro-in img,
.detail_content .pro-mi img,
.detail_content .pro-content img{border:1px solid rgba(134,134,134,1.00);}

.detail_content .pro-in{ padding-bottom:30px;}

.detail_content .pro-fda .pro-group, 
.detail_content .pro-in{float:left; width:45%; margin-right:3%;}
#parentHorizontalTab .pro-mi .pro-group {float:left; width:40%; padding-right:3%;}

#parentHorizontalTab .pro-fda:after, 
#parentHorizontalTab .pro-mi:after,
.detail_content .pro-in:after,
.detail_content .pro-content-2:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}

#parentHorizontalTab .pro-group:after, .detail_content .pro-group:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}


.more_infornation .download-btn { margin-top:20px;}
.more_infornation .download-btn a{padding:10px 15px; background:#325aad;color:#fff; display:inline-block;}

.menu ul li ul{ display:none} 
.scrollbar{width:100%; 	overflow-x: auto; 	margin-bottom: 25px;}
.scrollbar-2{width:100; 	overflow-y: auto; 	margin-left: 25px; max-height:480px;}
/*.scrollbar-3{ overflow:hidden;}*/
.style-1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}

.style-1::-webkit-scrollbar
{
	height:6px;
	background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar-thumb
{
	background-color:rgba(4,70,148,1.00);	
	background-image: -webkit-linear-gradient(45deg,
					  rgba(255, 255, 255, .2) 25%,
					  transparent 25%,
					  transparent 50%,
					  rgba(255, 255, 255, .2) 50%,
					  rgba(255, 255, 255, .2) 75%,
					  transparent 75%,
					  transparent)
}

.style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}

.style-3::-webkit-scrollbar
{
	width:10px;
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb
{
	background-color:rgba(4,70,148,1.00);	
	background-image: -webkit-linear-gradient(45deg,
					  rgba(255, 255, 255, .2) 25%,
					  transparent 25%,
					  transparent 50%,
					  rgba(255, 255, 255, .2) 50%,
					  rgba(255, 255, 255, .2) 75%,
					  transparent 75%,
					  transparent)
}

/*company*/
.com-content{line-height:1.5em;}
.com-item{ float:left; padding: 20px; border: 1px solid #e4e4e4; background:#f2f2f2; margin-bottom:3%; line-height:1.5em; width:48.5%; margin-right:3%; min-height:150px;}
.com-item:nth-child(2n){ margin-right:0;}
.com-item:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#com-item-3 .com-item{ width:100%; margin-right:0;}
#parentHorizontalTab .com-item{ width:100%; margin-right:0; float:none;}
#parentHorizontalTab .com-item:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.com-ti{ border-bottom:1px solid rgba(134,134,134,1.00); margin-bottom: 10px; padding-bottom:5px; font-weight:bold;font-size: 18px; }
.com-info a{color:#000;}
.com-info a:hover{text-decoration:underline;}	
.com-info i { font-size:20px;}
.com-info:nth-child(3){ display:block;}

/*news*/
.news-item{padding: 20px; /*border: 1px solid #e4e4e4; background:#f2f2f2;*/ margin-bottom:3%; line-height:1.5em;}
.news-date{color:rgb(255, 135, 0); display:block; font-weight:bold; }
.news-text a{color:#000;}
.news-text:before{ font-family: FontAwesome;content: "\f0c3"; color: rgb(255, 135, 0);padding-right:10px;}
.news-text a:hover{text-decoration:underline;}	

/*contact*/
.form-group {margin-bottom: 15px;}
label {float: left; width: 30%; padding-right: 2%; text-align: right; margin-bottom: 5px; font-weight: 700; max-width: 100%;  display: inline-block;}
input[type="text"], .form-group textarea, .form-group select{width: 50%;}
.security{ clear:both;}


.checkbox2{ display:inline-block;}
.checkbox-label{height:250px;}
.checkbox{ line-height: 1.42857143;}
	.checkbox a{color:#000;}
	.checkbox a:hover{ text-decoration:underline;}
option{ padding:5px; vertical-align:middle;}
.code input[type="text"]{width:20%; display:inline-block;}
	.code input[type="text"] img{ vertical-align:middle;}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {border-color: #325aad;}
.form-group:last-child{ text-align:center; margin-top:5%;}
textarea.form-control{height:auto;}
.btn{display: inline-block; padding: 6px 12px; font-weight: 400;line-height: 1.42857143;cursor: pointer;border-radius: 4px; border: 1px solid #1e479c;}
.btn_submit{ background:rgba(0, 22, 138, 0.89); color:#FFF;}
.btn_reset{background:#85beee; color:#FFF;}
/*color*/
.bk{ color:#000}
.red{ color:#7c0000; }

/*tabs_news*/
ul.resp-tabs-list{margin: 0;padding: 0;list-style: none;/*border-bottom: 1px solid #000;*/width: 100%; }
ul.resp-tabs-list, p { margin: 0px;  padding: 0px;}
.resp-tabs-list li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding-top: 0px;
	padding-right: 22px;
	padding-left: 21px;
	padding-bottom: 0px;
	line-height: 30px;
	overflow: hidden;
	position: relative;
	font-size: 13px;
}
.resp-tabs-list .resp-tab-item{ background:rgba(255,255,255,1) !important; border:1px solid #000; border-radius: 5px;
    margin: 0 10px 10px 0;/*border-bottom:0; border-right:0*/}

.resp-tabs-list li:before{ content: "\25BA";font-family: FontAwesome; font-size:13px;color:#ff9c00; position:absolute; left:8px}

.resp-tabs-list .resp-tab-item:last-child{border-right:1px solid #000}
.resp-tabs-list .resp-tab-item:hover{color:#325aad }
.resp-tabs-list .resp-tab-item.resp-tab-active{color: #fff;display: block !important; background:#000  !important; border:1px solid #000;  border-bottom:0}

.resp-tab-content { display: none;padding: 30px 15px 20px 15px}
.resp-tab-active { border-bottom: none;}
h5.resp-tab-active {color: #fff; }
.resp-content-active, .resp-accordion-active {display: block;}
h5.resp-accordion{ display:none}


.res-tab2 .res-tab2_li { width:22%; font-size:15px;border-right:1px solid #000; border-bottom :1px solid #000 !important; padding: 0px 2.5%;}
.res-tab2 { border-bottom: 1px solid #000;}


.iframe iframe { margin:1% 0;}

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

.resp-tabs-container{border:1px solid #c1c1c1; border-top:0}
ul.resp-tabs-list { display: none ;}

h5.resp-accordion {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,ffffff+100 */
background: rgb(226,226,226) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(255,255,255,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(255,255,255,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(255,255,255,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ) !important; /* IE6-9 */ ; display: block; border-collapse:collapse; font-size:16px;padding:8px 10px;border-top:1px solid #c1c1c1; cursor:pointer}
h5.resp-accordion span::before{  content: "+"; font-family: FontAwesome;margin-right:10px;color:rgba(0,0,0,1.00)}
h5.resp-tab-active{ background:#000 !important;color:#fff}
h5.resp-tab-active span::before{ content: "—"; font-family: FontAwesome;color:#fff}
.resp-accordion-closed {display: none !important; }

.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #fff !important; }

.detail_content  table{ width:850px !important;}
.detail_content  table img { width:80%;}

}


@media (max-width :1200px) {

.wrap{width:100%;}
.wrap{padding-right: 15px;padding-left:15px}
.logo img.logo_b{ display:none}
.logo img.logo_s{ display:block}
.logo{width:200px;margin-right:10px;padding-top:20px;margin-left:0}
.c_logo { width:200px;}
.menu{width:calc(100% - 210px)}	
.menu li a{ font-size:16px}
.main_head .wrap{padding-right:0}
.menu li a{padding: 50px 10px 22px 10px;}
.menu li .bg{width: 110px;}
.index_main{padding-bottom:80px}
.left_menu{margin-right:40px}
.flexslider:hover .flex-prev { opacity: 0.4; left: 12%}
.flexslider:hover .flex-next { opacity: 0.4; right: 12%}
.resp-tabs-list li {    padding: 0px 15px;}
.side_video iframe{ height:340px !important;}
}

@media (max-width :1100px) {
.menu li .bg{width:105px}
.menu li  a{margin-right:10px}
}

@media (max-width :1023px) {
#nav{ display:none}
.mobile_mu{ display:block}
.mobile_mu{ position:absolute;right:15px;top:51px; border:1px solid rgba(51,117,177,1.00); border-radius:3px;padding:5px;z-index: 99; }
.logo{padding:0px;margin:10px; float:none}
.sb-toggle-right{ font-size:16px;color:rgba(17,39,142,1.00)}
.sb-toggle-right i{margin-right:5px}
.com-cn>.com-info{width:50%;}
}
@media (max-width :1016px) {
	.objs img {float: left; width:50%;}

}
@media (max-width :500px) {
	.objs img {width:100%;}

}

@media (max-width: 365px){
	.logo {
		width: 160px;
	}	
}
@media (max-width :960px) {
.side_video iframe{ height:280px !important;}
}
@media (max-width :900px) {
.foot ul{display:-webkit-inherit ;display:inherit}
.foot ul li{width:50%; border:0; float:left;padding:20px 5px}
.foot ul.foot-add li:nth-child(2n+1) { clear: both; }
.foot ul.foot-copy { display:block; }
.foot ul.foot-copy li:first-child{ display:none}
.foot ul.foot-copy li:last-child{ width: 100%; }
.email{ display:block; }
#smo+p {clear: right;}
.foot{padding:15px 0}
.index_main .wrap{width:80%;margin:0 auto}
ul.pro_list li{width:calc(50% - 30px);margin:0 15px 30px}
.index_main{padding-bottom:50px}
ul.pro_list li:nth-child(2){-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
ul.pro_list li:nth-child(3){-webkit-animation-delay: 0s; animation-delay: 0s;}
ul.pro_list li:nth-child(4){-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
#banner img.ban_s{ display:block}
#banner img.ban_b{ display:none}
.left_menu{ display:none}
.right_zone{width:100%; float:none}
.more_infornation{margin:50px 0}
.info h3{margin:15px 0 10px 0}
.content_all .wrap{padding:0 20px}
.flexslider:hover .flex-prev { opacity: 0.4; left: 5% }
.flexslider:hover .flex-next { opacity: 0.4; right: 5%}
.flex-direction-nav a{ line-height:55px}
.flex-direction-nav .flex-prev { width:55px; height:55px; opacity: 0;}
.flex-direction-nav .flex-next { width:55px; height:55px; opacity: 0;}
#slider .flex-nav-prev a:before, #carousel .flex-nav-prev a:before{ line-height: 55px;}

.side_video iframe{ height:340px !important;}

}
@media (max-width :767px) {
.pic_info>li{ float:none}
.bigimg , .info{width:100%;padding:0}
.detail_content .pro-content .pro-img{ width:80%; float:none;}
.detail_content .pro-content .pro-txt{ width:100%;}

.detail_content  table{ width:767px !important;}
#parentHorizontalTab table td, .more_infornation table td { font-size:14px; padding:10px 8px;}
#parentHorizontalTab table th, .more_infornation table th { padding:5px 8px;}

.side_video iframe{ height:600px !important;}
}
@media (max-width :680px) {
.foot ul li{width:100%; border:0; float:none;padding:10px 5px; text-align:center}
.email{  text-align:center;}
.index_main .wrap{width:100%}
.foot ul li:last-child{ width:100%; text-align:center}
.foot ul.foot-copy p{text-align: center}
#smo{ text-align:center; display: inline-block; float: none; width: 100%;}
#smo a{ display: inline-block; float:none;}
#smo::after{
	content: "";
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#smo a.line-btn svg { top: 50%; }
.foot ul li p span::before{ display:none}
.foot ul li p span{margin-left:10px}
.pro-fda .pro-group { margin-bottom:5%;}
.pro-fda .pro-group, .pro-in { width:100%;}
.com-item{ width:100%;}
.com-cn>.com-info{width:100%;}
.com-item:nth-child(3){margin-bottom:3%;}
.com-item:nth-child(4){margin-bottom:5%;}
.iframe iframe { width:100% !important;}
}
@media (max-width :640px) {
.side_video iframe{ height:500px !important;}

#parentHorizontalTab table td, .more_infornation table td {
    font-size: 12px;
    padding: 10px 8px;
}
}

@media (max-width :556px) {
#parentHorizontalTab table td, .more_infornation table td {
    font-size: 10px;
    padding: 10px 8px;
}
}

@media (max-width :540px) {
.side_video iframe{ height:420px !important;}
}
@media (max-width :580px) {
ul.pro_list li{width:66%;margin:0 auto 30px ; float:none}
.index_main ul.pro_list li{ float:left; margin:0 5px 30px;}
.link_ft {padding:3px 0}
.flex-direction-nav a{ line-height:50px}
.flex-direction-nav .flex-prev { width:50px; height:50px;}
.flex-direction-nav .flex-next { width:50px; height:50px;}
#slider .flex-nav-prev a:before, #carousel .flex-nav-prev a:before{line-height:50px}
#parentHorizontalTab .pro-img{ float:none; width:100%;}
#parentHorizontalTab .pro-txt{ float:none;width:100%;}
.detail_content .pro-fda .pro-group, 
.detail_content .pro-in{float:none; width:100%; margin-right:0;}


}


@media (max-width :480px) {
.index_main{padding:40px 0}
.index_main h1{ font-size:28px}
 h2{ font-size:15px; line-height:150%;margin-bottom:30px}
ul.pro_list li:nth-child(2){-webkit-animation-delay: 0s; animation-delay: 0s;}
ul.pro_list li:nth-child(3){-webkit-animation-delay: 0s; animation-delay: 0s;}
ul.pro_list  li:nth-child(4){-webkit-animation-delay: 0s; animation-delay: 0s;}
ul.pro_list li{width:80%}
h2.colr01{margin-bottom:0%;}
.bot {margin-bottom: 5%;}


.right_zone h1 span::before{content:"\a"; white-space:pre}
.right_zone h1{ line-height:150%}
.flex-direction-nav a{ line-height:40px}
.flex-direction-nav .flex-prev { width:40px; height:40px;}
.flex-direction-nav .flex-next { width:40px; height:40px;}
#slider .flex-nav-prev a:before, #carousel .flex-nav-prev a:before{line-height: 40px;}
#parentHorizontalTab .pro-content .pro-img{width:100%;}
#parentHorizontalTab .pro-mi .pro-group{ width:100%; padding-bottom:8%; padding-right:0;}
label {width:100%; text-align:left;}
input[type="text"]{ width:100%;}
.checkbox-label{ height:auto;}
.checkbox2{ display:block;line-height: 1.42857143;}
.form-group textarea, .form-group select, .code input[type="text"]{ width:100%; display:block;}
.thermal-wen-01{
	float: left;
	width: 100%;
	padding: 0px 10px 10px 10px;
}


}

@media (max-width :425px) {
.link_ft .warp{ display:none}
.c_logo { width:200px;}
.side_video iframe{ height:320px !important;}
}
@media (max-width :375px) {
.index_main h1{ font-size:25px}
.link_ft a{ font-size:14px}

}
@media (max-width :320px) {
.foot ul li p span::before{ display:inherit }
.side_video iframe{ height:240px !important;}

}
.artable{
	 border: 1px solid black;
	 width: 25%;
}

.engtable{
	 border: 1px solid black;
	 width: 50%;
         text-align: left;
}

.arlink{
	font: inherit;
	color: inherit;
}

.aractive{
	background: #325AAD; 
	color: white;
}


/* 產品規格表 */
.resp-tab-content { display: none;padding: 20px 0px 20px 0px}
#parentHorizontalTab table th {
	padding: 5px 5px;
}

#parentHorizontalTab table td, .more_infornation table td {
	padding: 10px 8px;
}

@media (max-width :1023px) {
	.scrollbar.style-1:before {
		content: "";
		background-image: url(../images/arrow.svg);
		width: 100px;
		height: 40px;
		display: block;
		background-size: 80px;
		padding-left: 0;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0 0 10px 0;
	}
}
/* end of 產品規格表 */

/*start of FDA*/
.fda_list {
    margin-bottom: 2%;
    border-bottom: 1px dashed #1e479c;
}

.fda_list-item{
    margin-bottom: 2%;
}

.fda_list-item a {
    color: #1e4dac;
}

.fda_list-item a:hover {
    text-decoration: underline;
}

.fda_list-item >li{
    padding-left: 34px;
    margin-bottom: 7px;
}

.fda_list-item >li.fda_main_cate{
    font-weight: bold;
    padding-left: 0;
    margin-bottom: 7px;
}

ol.fda_number-list {
    list-style: decimal;
    padding-left: 25px;
}

ol.fda_number-list li {
    margin-bottom: 10px;
}
h2.fda_main_title {
    font-size: 22.5px;
    color: #00247f;
    margin-bottom: 1.5%;
}
@media(max-width: 450px){
    .fda_list-item{
        margin-bottom: 25px;
    }
    .fda_list-item >li{
        padding-left: 0;
    }
}
/*end of FDA*/