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

html {
   -ms-overflow-style: scrollbar;
}

* { -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 

body{color:#222; font-family:Arial, \5FAE\8EDF\6B63\9ED1\9AD4,  Helvetica, sans-serif; margin:0; padding:0; text-align:center; font-size:13px; line-height:1.6em;}

sub, sup { 	font-size: 75%;	line-height: 0; 	position: relative; 	vertical-align: baseline; }
sup { 	top: -0.5em; }sub { 	bottom: -0.25em; }

img{border:0; padding:0; margin:0; vertical-align: middle;	max-width: 100%; width: auto\9; /* ie8 */}
form {margin:0;}

a{  color:#000; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
	a:hover {text-decoration:none; color:#322688;}
	a img {border:none;}
	a:focus { -moz-outline-style: none; outline:none;} 

.table-container{width: 100%;	overflow-y: auto;	_overflow: auto;	margin: 0 0 1em;}
.table-container::-webkit-scrollbar{	-webkit-appearance: none;	width: 14px;	height: 14px;}
.table-container::-webkit-scrollbar-thumb{	border-radius: 8px;	border: 3px solid #fff;	background-color: rgba(0, 0, 0, .3);}


#container{background:#fff;}
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}

.wrap{margin:0 auto; width:1200px; text-align:left;}

#header{background:#ffea00;}
	#header .wrap{padding:0 16px;}
	#header.header--clone{}
	.header--clone {  position: fixed; width:100%;  z-index: 1002;  top: 0;  left: 0; padding:8px 0;
		/* Translate -100% to move off screen */  -webkit-transform: translateY(-100%);      -ms-transform: translateY(-100%);          transform: translateY(-100%);
		/* Animations */  -webkit-transition: all 300ms ease-in-out;     -moz-transition: all 300ms ease-in-out;          transition: all 300ms ease-in-out;}
	.header--stick {  /* Translate back to 0%; */  -webkit-transform: translateY(0%);      -ms-transform: translateY(0%);          transform: translateY(0%);}
	.sb-active .header--clone{-webkit-transform: translateY(-100%);      -ms-transform: translateY(-100%);          transform: translateY(-100%);}
	.header--unstick {}
	#logo{float:left; padding:8px 0;} #logo_s{display:none;} .header--clone #logo{display:none;}
	#nav{clear:both;}
	#nav ul{list-style:none; padding:0; margin:0;}
	#nav li{float:left;}
	#nav li a{font-size:16px; line-height:19px; padding:9px 18px; display:block; color:#000;} 

#banner-wrap{overflow:hidden}
#banner-wrap .wrap{position:relative; width:100%;}
	#banner{}
	


#middle{padding:30px 0;}
#side{float:left; width:23%;  position:relative; }
    #sidemenu{ text-align: center; padding:20px 0;}
	#sidemenu-ti{background:url(../images/side-bg.jpg) center bottom no-repeat; height:58px; font-size:31px; color:#000; text-shadow: 0px 0px 1px rgba(150, 150, 150, 1); line-height: 1em;}
	#sidemenu ul{list-style:none; padding:0; padding-right:56px; position:relative; margin: 20px 0 0 50px;}
	#sidemenu li{width:100%; margin-bottom:20px;}
	#sidemenu li a{ display:block; text-align:center; font-size:13px; line-height:1.8em;}
	#sidemenu li a img{border:4px #ffea00 solid; -webkit-border-radius: 150px; -moz-border-radius: 150px;border-radius: 150px;}
    
    

	
#main{width:77%; padding:0 16px; float:right;}
	.breadcrumb{list-style:none; padding:0; margin:0; text-align:right}
	.breadcrumb li{display:inline; }
	.breadcrumb li:after{content:'/';}
	.breadcrumb li:last-child:after{content:'';}
	.breadcrumb li a{padding:1px 5px 1px 2px; display:inline; font-size: 15px; color:#5d5d5d;}
	
	#main-ti{font-size:16px; margin-bottom:20px;}
	#main-ti h1{font-size:31px; border-bottom:3px #ffea00 solid; padding:1px 0 1px 4px;line-height: 1.4em;}
	#main-ti p{margin:4px 10px; font-size:19px; color:#5a5a5a; font-weight: bold;}
	.main-ti h3{font-size:20px; border-left:5px #322688 solid; padding:1px 0 1px 8px; margin:0; background:url(../images/pro-arrow.jpg) left center no-repeat;}
	.main-ti{margin:24px 0 12px 0;}
	.content{font-size:15px; padding:0 16px;}
	.content p{margin:1em 0 1em 0; padding:0 0 10px 10px; color:#1d1d1d; font-size: 17px; line-height: 1.5em;}
    .p1-s1 .spec-p {margin: 0em; padding:0 0 0 18px; color:#1d1d1d; font-size: 17px; line-height: 1.5em;}
    .p1-s1 ul li{margin: 10px 0;}
    .p1-s1 .spec-li{color: red;}
	.img-c{text-align:center; margin:24px auto;}
	.content table{width:100%;}
    h3{color:#0a0a0a; font-size: 26px; background:url(../images/pro-arrow.jpg) left center no-repeat; padding:0 0 0 32px; margin: 0 0 20px 0;}
    h4{color:#0a0a0a; font-size: 21px; background:url(../images/news-arrow.jpg) left center no-repeat; padding:0 0 0 32px; margin: 0 0 20px 0;}
    .qr{margin: 10px}

/*-------------- company ----------------*/
.company-s1{background:url(../images/company-bg.jpg) right bottom no-repeat; background-size:cover; min-height:488px; padding:26px 55% 0 20px; font-size:15px; line-height:1.8em;}
.company-list{width:28%; float:left; padding-right:16px;}
	.company-list ul{padding-left:1.2em; margin:12px 0}
.company-p1{width:30%; float:right; text-align:right;}
.company-p2{width:30%; float:left;}
@media(max-width : 999px) {
	.company-s1{height:0; padding-bottom:70%; min-height:auto}
}
@media(max-width : 800px) {
	.company-s1{height:auto; padding-right:20px; padding-bottom:62%; background-size:contain;}
	.company-list{width:50%;}
	.company-p1{width:100%; clear:both; float:none; text-align:center; margin-top:16px;}
	.company-p2{width:100%; clear:both; float:none; text-align:center; margin-top:16px;}	
}

/*-------------- news ----------------*/
#main-ti .spec-news{color: #e10202;}

/*---------------product-----------------*/
.p1-img1{margin:30px 0 50px 0; text-align: center;}
.p1-img1 img{ padding:28px; background:url(../images/pro-bg.jpg) right bottom no-repeat;}
.p1-s1{margin-bottom:40px;}
	.p1-s1:after{clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	.product-pto{width:105px; float:left; margin:0 16px 16px 0;}
	.p1-s1 b{color:#322688; font-size:115%; margin-bottom:8px; display:block;}
    .pro-photo{float:left; margin:0 10px 30px 10px;}
	.pro-photo img{ border:4px solid #d1d1d1;}
    .pro-photo2{float:left; margin:0 10px 30px 10px;}
    



	.content .product-table{width:100%; margin:0 auto; border-top:#999 solid 1px}
	.product-table td, .product-table th{ padding:8px 12px; border-bottom:1px #999 solid}
	.product-table td{border-right:#999 solid 1px;}
	.product-table th{background:#ffea00;border-left:#999 solid 1px; width:30%;}
    .product-table2 th{ border-bottom:2px #999 solid; padding:8px 12px; }
    .product-table2 td{ border-bottom:1px #999 solid; padding:8px 12px; }

	@media(max-width : 800px) {
		.content .product-table{width:100%;}
	}
/*-----------------------contact ------------------*/
.contact{margin:42px 0;}
.con-tab{width:100%; border-top:1px #f1f1f1 solid}
.con-tab th, .con-tab td{padding:10px 12px; border-bottom:1px #f1f1f1 solid;}
.con-tab th{background:#f9f9f9;}
.tdcolor-04 span{font-size: 18px;}
.tdcolor-05 input, .tdcolor-05 textarea, .tdcolor-main05 input{width:100%;}
	@media(max-width : 600px) {
		.con-tab{border-top:0;}
		.con-tab th, .con-tab td{display:block; text-align:left; background:none; border-bottom:0; padding:4px 12px;}
		.con-tab td{padding-bottom:12px;}
	}



#btntop{text-align:center; display:inline-block; position:relative; bottom:-55px; float:right; color:#fff;}
	#btntop:hover{text-decoration:none;}
	#btntop i{display:block; font-size:32px;}


#footer{background:#111; color:#fff; padding:40px 0; font-size:13px;}
	#footer a{color:#fff;}
	#footer-info{text-align:center;}
		.com-name{font-size:150%;margin-bottom: 8px;}
		.com-tel, .com-fax{display:inline-block;}
		.com-tel{margin-right:20px;}
		#footer-smo{margin:7px 0;}
		#footer-smo a{background:#FFF; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; width:20px; height:20px; display:inline-block; margin:0 3px; color:#0d0358; text-align:center; line-height:20px;}
		#footer-smo a i{padding-left:1px;}
		#footer-link, #footer-link a{color:#666; font-size:12px;}
		.copyrights{font-size:12px; }



/*-----------------  sidebar -------------------*/
.sb-toggle-right{ float:right; padding:24px 20px 19px 20px; top:0px; right:0px; display:none; cursor:pointer; }
.navicon-line {    background-color: #111;    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;    height: 3px;    margin-bottom: 6px;    width: 30px;}
.sb-active .navicon-line{background-color:#fff; }
.sb-active .sb-toggle-right{background:#222;}
.sb-slidebar{text-align:left; font-size:15px; color:rgba(255, 255, 255, 0.7); background:#222; }
.sb-slidebar a{color: #fff; }
	.sb-slidebar ul{list-style:none; padding:0; margin:0;}
    .sb-slidebar ul li{border-bottom: 1px solid #333;}
	.sb-slidebar ul li a{font-size:17px; text-transform:uppercase; padding:0.8em 1em; display:inline-block; width:100%;}
	.sb-slidebar ul li li a{ text-transform:none; padding:0.4em 1em; font-size:15px;}
		i.sb-caret {	width: 0;	height: 0;	display: inline-block;	margin: 0 5px;	border: 5px solid transparent; vertical-align:middle; border-top: 5px solid;	border-bottom: 0px solid transparent;}
		.sb-submenu-active > i.sb-caret {	border-top: 0px solid transparent;	border-bottom: 5px solid;}
	.sb-submenu{background-color:rgba(0, 0, 0, 0.1);}
	.sb-submenu a{font-weight:normal;}
	

/*1070911*/
#footer-link a{border-right:1px solid #888; padding:0 6px;}
#footer-link a:nth-child(4){border-right:0}
#footer-link a:hover{color:#ddd; text-decoration: underline;}









@media (max-width : 1201px) {
   .wrap{width:100%;}
}


@media (max-width : 999px) {
   #header .wrap{padding-right:0;}
   #nav{display:none;}
   .sb-toggle-right{display:block;}
	.header--clone #logo{display:block;}
	.header--clone{padding:0;}

	
	#side{display:none;}
	#main{width:96%; margin:0 auto; float:none}
	#topbtn-wrap{margin:10px 0 18px 0;}
	#topbtn-wrap .wrap{text-align:center;}
	#btntop{bottom:auto; float:none; color:#0d0358; margin:0 auto; line-height:1em;}
}

@media (max-width: 979px)  { /*bootstrap width 724px */
	
}
@media (max-width : 768px) {
	#main-ti h1 {font-size: 27px;}
	.breadcrumb li a {font-size: 14px;}
	#main-ti p {font-size: 18px;}
	h3 {font-size: 23px;}
	h4 {font-size: 18px;}
	.content p {font-size: 15px;}
	.p1-s1 p {font-size: 15px;}

}
@media (max-width: 767px)  { /*bootstrap width auto */
	#middle{padding:24px 0;}
	
	
}

@media (max-width : 600px){
	#middle{padding:16px 0;}
	#main{width:100%;}
	.breadcrumb{margin-bottom:12px;}
	.content {padding: 0;}
	.sb-toggle-right {padding: 28px 20px 19px 20px;}
}
	

@media (max-width : 480px){
	#logo_b{display:none;}
	#logo_s{display:block;}	
	.sb-toggle-right{padding-top:16px; padding-bottom:16px;}
	#middle{padding:12px 0;}
	#main-ti h1 {font-size: 22px;}
	.breadcrumb li a {font-size: 13px;}
	#main-ti p {font-size: 15px;}
	h3 {font-size: 20px;}
	h4 {font-size: 15px;}
	.content p {font-size: 14px;}
	.p1-s1 p {font-size: 14px;}
	.p1-img1 img{ padding:20px; background:url(../images/pro-bg-s.jpg) right bottom no-repeat;}
	#footer-link a {white-space: nowrap; padding: 0 4px;}
}

@media (max-width : 414px){
	#footer {padding: 9% 1%;}
}
	#footer-link a:nth-child(1){display: block; border-right:0}
	
}
@media (max-width : 375px){
	.com-tel, .com-fax{display:block;}
	.com-tel{margin-right:0;}
}
@media (max-width : 320px){
}