/* CSS Document */

/*
font-family: 'Roboto', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;  100 300 400 700
font-family: 'Oswald', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;
font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;
*/

html {
   -ms-overflow-style: scrollbar;
}
*{ -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 
.header *, .main *, #footer *{ -webkit-transition: all 0.5s ease-out 125ms; -moz-transition: all 0.5s ease-out 125ms; -ms-transition: all 0.5s ease-out 125ms; -o-transition: all 0.5s ease-out 125ms; transition: all 0.5s ease-out 125ms;} 

body{color:#333; font-family:'Roboto', \5FAE\8EDF\6B63\9ED1\9AD4,  Helvetica, sans-serif; margin:0; padding:0; text-align:center; font-size:15px;}

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:#222; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
	.header a *, .main a *, #footer a *{-webkit-transition: all 0.3s ease 0.2s;    -moz-transition: all 0.3s ease 0.2s;    -ms-transition: all 0.3s ease 0.2s;    -o-transition: all 0.3s ease 0.2s;    transition: all 0.3s ease 0.2s;}
	a:hover {text-decoration:underline; color:#e50012;}
	a img {border:none;}
	a:focus { -moz-outline-style: none; outline:none;} 

.table-container{width: 100%; overflow-y: auto;	_overflow: auto; margin: 0 0 20px;}
.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);}
.about .table-container th{text-align: center;}


#container{background:#fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5); overflow:hidden;}
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}

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


.header{background:#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(-100%);  -ms-transform: translateY(-100%); transform: translateY(-100%);
		-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%); 
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
	.sb-active .header--clone{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);}
	.header--unstick {}
	#logo{float:left;} #logo a{padding:18px 0 0 0; height:auto; display:block;} .logo_m, .logo_s{display:none;} .logo_b{width:330px; height:73px;} .logo_m{width:220px; height:49px;} .logo_s{width:160px; height:35px;}
	#top-nav{float:right; padding-top:20px;}
		#top-nav > ul{list-style:none; margin:0; padding:0;}
		#top-nav > ul > li{float:left;}
		#top-nav > ul > li:after{content:'|';}
		#top-nav > ul > li:last-child:after{content:'';}
		#top-nav > ul > li > a{color:#303030; padding:4px 10px; display:inline-block;}
		#top-nav > ul > li.top-nav-lan > a{color:#e50012;}
		#top-nav .dropdown-menu{left:auto; right:0;}
		#top-nav .dropdown-menu>li>a:focus, #top-nav .dropdown-menu>li>a:hover{background:#006db8; color:#fff;}
	#nav{float:right; clear:right;}
		#nav > ul{list-style:none; margin:0; padding:0;}
		#nav > ul > li{float:left;}
		#nav > ul > li > a{font-family: 'Oswald', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:20px; color:#000; line-height:26px; padding:20px 24px 10px; display:block;}
		#nav > ul > li > a:hover{color:#006db8; text-decoration:none;}
		#nav > ul > li.active > a{color:#e50012;}

.top_menu .dropdown-menu > li >a{font-weight: bold; /*background: #eee;*/}
.top_menu .dropdown-menu > li >a:hover{background-color: #e50012; color: #fff;}
.top_menu .dropdown-menu>.active>a{background-color: #e50012;}

.top_menu .dropdown-menu ul{list-style: none; padding-left: 25px;}
.top_menu .dropdown-menu ul li{padding: 3px; padding-right: 10px}
.top_menu .dropdown-menu ul{display: none;}
.top_menu .dropdown-menu li{position: relative;}
.top_menu .dropdown-menu > li:hover{background-color: #e50012;}
.top_menu .dropdown-menu > li:hover >a{color: #fff;}
.top_menu .dropdown-menu li:hover ul{display: block;position: absolute;left: 100%;top:0;width: 100%;padding:0 0 0 10px; background:rgba(255, 255, 255, 0.9); border-radius: 5px;}
.top_menu .dropdown-menu li ul li{display: block; padding: 5px 3px;}

#banner{position:relative; z-index: -1;}
#banner:before{ background:url(../image/banner-l.png); width:100%; height:340px; position:absolute; /*top:-14px;*/ left:0; display:inline-block; content:''; z-index:102; bottom: 0;}
/*#banner:after{background:url(../images/banner-r.png); width:60px; height:140px; position:absolute; bottom:-14px; right:0; display:inline-block; content:''; z-index:105;}*/




#banner > .wrap{padding:0;}	
#banner-wrap{width:100%; position:relative; margin:0 auto;}
	.banner-wrap{position:absolute; top:0; left:18.5%; right:18.5%; bottom:0;}
	.banner-wrap *{-webkit-transition: all 0.3s ease 0.2s;    -moz-transition: all 0.3s ease 0.2s;    -ms-transition: all 0.3s ease 0.2s;    -o-transition: all 0.3s ease 0.2s;    transition: all 0.3s ease 0.2s;}
	.banner-w1{position:absolute; width:35%; top:40%; left:-5%; opacity:0.1; transform: translateY(-50%);}
	.swiper-slide-active .banner-w1{left:8%; opacity:1;}
    .swiper-pagination-bullet-active {background: #222;}


.swiper-container{width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide{text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.duns ul{padding:0;margin:0 10px}
.duns ul li{ list-style:none; padding-right:20px;  display:inline-table; vertical-align:bottom}	
#middle{background-image:url(../image/middle-bg.jpg); background-repeat: no-repeat; background-position: center top; }
.middle-proshow .page-header{display:none;}
#side{width:21%; float:left; padding-top:70px;}
	#sidemenu ul{list-style:none; padding:0; margin:0;}
	#sidemenu>ul>li>a{font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:19px; color:#111; border-bottom:1px #e50012 solid; display:block; position:relative; padding-right:16px;}
	#sidemenu>ul>li.active>a, #sidemenu>ul>li>a:hover{color:#e50012; text-decoration:none;}
	#sidemenu>ul>li>a:after{width: 0;height: 0;border-style: solid;border-width: 7px 5px 0 5px;  content:''; border-color: #e50012 transparent transparent transparent; position:absolute; right:0; top:0.5em;}
	#sidemenu>ul>li>ul{padding:0.7em 0 1.2em;}
	#sidemenu>ul>li>ul>li>a{font-size:15px; color:#555; font-weight:400; line-height:1.5em; display:block; padding:3px 0;}
	#sidemenu>ul>li>ul>li.active>a, #sidemenu>ul>li>ul>li>a:hover{color:#e50012; text-decoration:none;}
	
	
	
.main{width:70%; float:right; padding-top: 30px;}
	.breadcrumb{background:none; text-align:right; font-size:13px; color:#444; padding:8px 0;}
	.breadcrumb>li+li:before{content:'>';}
	.breadcrumb a{color:#444;}
	.breadcrumb a:hover{text-decoration:none; color:#e50012;}
	.breadcrumb li:last-of-type a{color:#999;}
	.page-header{border-bottom:0;} .page-header *{margin:0; padding:0;}
	.page-header h1{font-size:27px; font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;}
	.page-header small{font-size:75%; color:#555;}



.pro-des p span{ color:#CC0306; font-size: 16px; font-weight: bold;}

.main-fullwidth{width:100%; float:none;}
	.catelist{list-style:none; margin:35px 0 0 0; padding:0 25px;} 
	.catelist:after{clear:both; height:0; overflow:hidden; content:''; display:block;}
	.catelist li{width:33.3%; float:left; padding:0 18px; margin-bottom:36px;}
	.catelist li:nth-child(3n+1){clear:left;}
	.catelist li .cate-wrap{-webkit-transition:none;    -moz-transition:none;    -ms-transition:none;    -o-transition:none;   transition:none;}
	.cate-wrap{border:1px #999 solid; position:relative; margin:2px;}
	.cate-wrap:after{width: 0;height: 0;border-style: solid;border-width: 0 0 20px 20px;border-color: transparent transparent #999 transparent; content:''; position:absolute; bottom:0; right:0; z-index:10;}
	.cate-wrap:hover{border:2px #e50012 solid;margin:0px;}
	.cate-wrap:hover:after{border-color: transparent transparent #e50012 transparent;}
	.cate-img{ position:relative; background:#000; overflow:hidden;} .cate-img img{width:100%;  -webkit-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1); opacity:1;}
	.cate-name{position:absolute; bottom:0; left:0; right:0; padding:4px 12px; display:block; background:rgba(58, 58, 58, 0.5);}
	.cate-name a{color:#fff; font-size:19px; font-family: 'Oswald', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; display:block;} .cate-name a:hover{text-decoration:none;}
	.cate-pro a{display:block; padding:20px;} .cate-pro a img{display:block; opacity:1;}
	.cate-img, .cate-name, .cate-pro{-webkit-transition: all 0.3s ease 0.2s;    -moz-transition: all 0.3s ease 0.2s;    -ms-transition: all 0.3s ease 0.2s;    -o-transition: all 0.3s ease 0.2s;    transition: all 0.3s ease 0.2s;}
	.cate-wrap:hover .cate-img img{ -webkit-transform:scale(1.1);	-ms-transform:scale(1.1);	transform:scale(1.1); opacity:0.5;}
	.cate-wrap:hover .cate-name{background:rgba(58, 58, 58, 0.9);}
	.cate-wrap:hover .cate-pro a img{opacity:0.7;}

.about h4 {color:#1262a9;}
	.about .section {margin-bottom: 30px;}
	.about dl {margin: 10px 0 40px;}
	.about dd {margin-bottom: 10px;}
	.about .pic img {margin:0 10px 20px;}

.prolist{list-style:none; margin:0; padding:0;}
	.prolist li{width:33.3%; float:left;  padding:0 16px; margin-bottom:30px;}
	.prolist li:nth-child(3n+1){clear:left;}
	.prolist-img a *{-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
	.prolist-img a{display:block; text-align:center;}
	.prolist-img a img{display:block; opacity:1; }
	.prolist li:hover .prolist-img a img{opacity:0.7;}
	.prolist-name a{font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:18px; padding:0.2em 0; display:block; color:#222;}
	.prolist li:hover .prolist-name a{color:#e50012; text-decoration:none;}
	.prolist-txt{font-weight:300;}
    .prolist-img{ border:1px solid #bbb;}
	
	.prolist li, .catelist li{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
	
  	.prolist li:nth-child(3n+1), .catelist li:nth-child(3n+1){-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
	.prolist li:nth-child(3n+2), .catelist li:nth-child(3n+2){-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
	.prolist li:nth-child(3n), .catelist li:nth-child(3n){-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}

.pro-img-wrap{width:60%; float:left; }
	#slider, #carousel{margin-bottom:10px; padding:0 16px;}
	#slider .flex-viewport { border: #ccc 1px solid; }
	#carousel .flex-viewport li { border: #ccc 1px solid; }
	.flexslider .slides > li{cursor:pointer;}
	#carousel .flex-active-slide img{opacity:0.7;}
	
.pro-txt-wrap{width:34%; float:right; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
	.pro-name *{font-size:25px; font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; margin:0 0 4px; padding:0; color:#222;}
	.pro-no *{font-size:18px; font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; margin:0 0 12px; padding:0; color:#222;}
	.pro-des {font-weight:400;}
	
.pro-info-wrap{clear:both; padding-top:60px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
	.pro-info-wrap .nav-tabs{border-bottom:2px #cb0010 solid;}
	.pro-info-wrap .nav-tabs>li{margin-bottom:-1px	;}
	.pro-info-wrap .nav-tabs>li>a{border-color:#cb0010; border-radius:0; border-bottom:0; margin-right:0; width:190px; text-align:center;  font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:18px;} 	
	.pro-info-wrap .nav-tabs>li+li>a{border-left:0;}
	.pro-info-wrap .nav-tabs>li>a:hover{border-color:#cb0010;}
	.pro-info-wrap .nav>li>a:focus, .pro-info-wrap .nav>li>a:hover{background-color:#cb0010; color:#fff;}
	.pro-info-wrap .nav-tabs>li.active>a, .pro-info-wrap .nav-tabs>li.active>a:focus, .pro-info-wrap .nav-tabs>li.active>a:hover{background-color:#cb0010; color:#fff; border-color:#cb0010;}
	.pro-info-wrap .tab-content{padding:30px 0;}
	
	.table-pro{border:2px #999 solid; font-size:14px; margin-bottom:0;}
	.table-pro>thead>tr>td, .table-pro>thead>tr>th{background:#333333; color:#fff; text-align:center; border-bottom:1px #999 solid;}
	.table-pro>tbody>tr>th, .table-pro>tbody>tr>td{border-left:1px #999 solid; border-bottom:1px #999 solid;}
	.table-pro>tbody>tr>th{text-align:left; font-weight:normal; vertical-align:middle; background:#333; color:#fff;}
	.table-pro>tbody>tr>td{text-align:center;}
	/*.table-pro>tbody>tr>td:first-of-type{text-align:left;}*/
	.table-pro>tbody>tr:nth-child(odd)>td{background:#eee;}
	.note-tab{font-size:13px; color:#900; position:relative; margin:-15px 0 20px;}
    .note{color:#cb0010; }
	
	.pro-info-wrap h4{color:#222; font-size:22px; font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;}
	.pro-info-wrap .tab-pane ul{list-style:none; margin:0; padding:0;}
	.pro-info-wrap .tab-pane li{position:relative; padding:2px 2px 2px 18px;}
	.pro-info-wrap .tab-pane li:before{width:4px; height:4px; content:''; background:#cb0010; display:inline-block; position:absolute; top:0.5em; left:4px;}
.pro-info-wrap .tab-pane li span{color:#CC0306; font-weight: bold;}


	.pro-info-wrap .panel-group .panel-title a{display:block; color:#fff; font-size:18px; padding:10px 15px; background:rgba(0, 0, 0, 0.6); }
	.pro-info-wrap .panel-group .panel:first-child .panel-title a{background:#0152ab;}
	.pro-info-wrap .panel-group .panel:first-child .panel-title a[aria-expanded=false]{background:rgba(0, 0, 0, 0.6);}
	.pro-info-wrap .panel-group .panel-title a[aria-expanded=true]{background:#0152ab;}
	.pro-info-wrap .panel-default>.panel-heading{background:none; padding:0; border-radius:0;}
	.pro-contact {
    text-align: left;
    padding-top: 20px;
}

.pro-contact a {
    border: 1px solid #cb0010;
    padding: 5px 15px;
    font-size: 17px;
    background: #cb0010;
    color: #fff;
}

.pro-contact a:hover{
    text-decoration: none;
    background: #ec3311;
}
.sampleroom .section h4 {border-left: #1262a9 5px solid; padding-left:10px;}
	.sampleroom .section img {vertical-align: top;}

.video{margin-bottom:50px;}
	.video h4{border-bottom:2px solid #166681; margin-bottom:10px; padding-bottom:10px;}
	
.content .form-group > label {text-align: right;}
	.content .form-group div > label {font-weight: normal;}
	.form-control-50 {width:45%; display:inline-block;}
	.form-control-20 {width:20%; display:inline-block;}
	.continfo .section {float: left; width: 31.3%; margin:1%; border:#ccc 1px solid; border-radius:5px; padding:10px 5px; min-height: 260px;}
	.continfo .country {display:block; border-top:#d61318 1px solid;}
	.continfo .title {color:#1262a9; font-weight:bold; font-size:14px;}

.map-container {
    margin: 30px 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	

#topbtn-wrap{/*margin-top:20px;*/}
	#topbtn-wrap .wrap{text-align:right;}
	#btntop{width:50px; height:50px; line-height:42px; background:#e50012; color:#fff; display:inline-block; text-align:center; border-radius: 100px; margin-bottom: 6px;}

.footer1{/*background:url(../images/bg-footer.png) top center no-repeat;*/ color:#222; padding:30px 0;/* min-height:331px;*/ background-color: #eeeeee; /*border-top:1px solid #bbb;*/}	
	.footer1 .wrap{text-align:center;}
	.footer1 a{color:#222;}
	.footer-nav ul{list-style:none; margin:0 0 20px 0; padding:0;}
		.footer-nav ul:after{clear:both; content:''; height:0; overflow:hidden; display:block;}
		.footer-nav li{display:inline-block; }
		.footer-nav li:after{content:'|'; font-family: 'Roboto', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif;  top: -2px; position:relative;}
		.footer-nav li:last-child:after{content:'';}
		.footer-nav li a{display:inline-block; padding:4px 12px; font-family: 'Oswald', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:15px;}
		.footer-nav li a:hover{color:#87cdff; text-decoration:none;}
	.footer-logo{margin:20px 0;max-width: 300px; display: flex; flex-wrap: wrap; justify-content: center; margin: auto; margin-bottom: 10px}
.footer-logo > div{flex: 0 0 50%; padding: 0 10px}

	.footer-info{font-size:14px;}
		.footer-info ul{list-style:none; margin:0 auto; padding:0; width:500px;}
		.footer-info li{display:inline-block; margin:0 8px;}
.footer2{font-size:13px; padding:6px 0; color:#ddd;  background-color: #ce2000;} .footer2 a{color:#eee;}
		.footer2 .wrap{text-align:right;}
		#footer-smo{float:left;}
			#footer-smo a{font-size:18px; padding:1px 4px; margin:0 2px; display:inline-block; color: #bbb;}
		.footer-copyright{display:inline-block; padding:5px 0;}
		.footer-link{display:inline-block; padding:5px 0;}
        .footer-link a{ color:#ddd;}
.footer-link{float:right; color:#bbb; margin:0 0 0 20px;}
.footer-link a{color: #bbb; border-right:1px solid #bbb; padding:0 5px;}
.footer-link a:nth-child(4){border-right:0}
.footer-link a:hover{color:#bbb; text-decoration: underline;}


		
.sb-toggle-left{display:none; float:left; background:#e50012; color:#fff; height:68px; padding:20px 20px 0 120px; cursor:pointer; font-size:22px; position:relative;}
.sb-toggle-left>span{font-size:18px; line-height:1em; position:absolute; top:25px; left:15px; text-transform:uppercase;}
.sb-toggle-right{ float:right; padding:24px 15px 0 80px; height:68px; cursor:pointer; position:relative; background:#333; display:none;} 
.sb-toggle-right *, .sb-toggle-left *{-webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}
.sb-toggle-right>span{ position:absolute; left:15px; top:25px; font-size:18px; text-transform:uppercase; color:#fff; display:block; line-height:1em; }
.sb-toggle-right:hover{ background:rgba(0,0,0,1);} .sb-toggle-left:hover{ background:rgba(0,0,0,0.4);}
.navicon-line {    background-color: #fff;    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;    height: 3px;    margin-bottom: 4px;    width: 26px;}
.sb-active .navicon-line{background-color:#fff; }
.sb-active-right .sb-toggle-right *:nth-child(4){transform: rotate(-45deg); position:relative; -webkit-transform: rotate(-45deg);top:0px;}
	.sb-active-right .sb-toggle-right *:nth-child(3){display:none;}
 	.sb-active-right .sb-toggle-right *:nth-child(2){transform: rotate(45deg); position:relative; -webkit-transform: rotate(45deg); top:7px;}

.sb-slidebar{text-align:left; font-size:15px; color:rgba(255, 255, 255, 0.7); background:#222; }
.sb-slidebar a{color: #fff; cursor:pointer;}
	/* Main Menu */
	.sb-menu {	padding: 0;	margin: 0;	list-style-type: none;}
	.sb-menu li {	width: 100%;	padding: 0;	margin: 0; }
	.sb-menu > li > a{ font-family: 'Oswald', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:20px; padding:0.5em 20px; display:block; }
	.sb-menu > li.active > a, .sb-menu > li.active > a.sb-submenu-active{background:#333;}
	.sb-menu > li > ul > li > a{  font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:19px; padding:0.5em 20px; display:block;}
	.sb-menu > li > ul > li > ul > li > a{padding:0.5em 20px; display:block;}
	.sb-menu li li li a { padding:0.8em 1em;}
	.sb-menu li a:hover {	text-decoration: none;	background-color: rgba(255, 255, 255, 0.2);}
	.sb-menu li a.sb-submenu-active{background-color:#ca0000;}
	.sb-submenu li.active > a, .sb-menu2 li.active > a{color:#999;}
	/* Borders */
	.sb-right .sb-menu li a {	border-right: 3px solid transparent;}
	.sb-right .sb-menu li a:hover {	border-right: 3px solid;}
	/* Submenus */
	.sb-submenu {	display: none;	padding: 0;	margin: 0;	list-style-type: none;	background-color: rgba(255, 255, 255, 0.08);}
	/* Caret */
	span.sb-caret {	width: 0;	height: 0;	display: inline-block;	margin: 0 5px 2px 5px;	border: 4px solid transparent; border-top: 4px solid;	border-bottom: 0px solid transparent;}
	.sb-submenu-active > span.sb-caret {	border-top: 0px solid transparent;	border-bottom: 4px solid;}
	
	.sb-menu2{background:rgba(255, 255, 255, 0.05);}
	.sb-menu2 > ul{list-style:none; margin:0; padding:0;}	
	.sb-menu2 > ul > li > a{padding:0.5em 20px 0.5em 35px; display:block; font-family: 'Roboto Condensed', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:18px; position:relative;}
	.sb-menu2 > ul > li > a:before{width:5px; height:5px; content:''; display:inline-block; background:#999; position:absolute; top:1em; left:20px;}
	.sb-menu2 > ul > li > a:hover{text-decoration:none; background-color: rgba(255, 255, 255, 0.2);}

	.sb-left .sb-menu > li{ }
	.sb-left .sb-menu > li > a{border-top:1px rgba(255, 255, 255, 0.1) solid;}
	.sb-left .sb-menu > li > a:hover{}
	.sb-left .sb-menu > li.active > a, .sb-left .sb-menu > li.active > a:hover{background:#e50012;}
	
	.sb-left .sb-menu ul{padding: 0;	margin: 0;	list-style-type: none;}
	.sb-left .sb-menu > li > ul > li.active > a{color:#d57c83;}
	.sb-left .sb-menu > li > ul > li > a{  font-family: 'Roboto', \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; color:#999; font-size:16px;}
.sampleroom .section{margin-bottom:40px}	
.table-pro thead td{ white-space:nowrap}	

.news {border-bottom: 2px dashed #e8e8e8;padding: 5px 0 1px;margin: 5px 0;}
.news p { font-size:16px;}
.news a {text-decoration: none;}
.news_content .list { list-style: none; text-align: center; }
.news_content .list li { float: left; padding: 5px; display: inline-block; width: 250px; margin: 5px 0; }
.news_content img{ height: 220px; border: 1px solid #c7c7c7; box-shadow: #b7b7b7 3px 3px 10px; }
.news_content h4 {border-left: #1262a9 5px solid;padding: 7px 10px;}



.tw #nav > ul > li > a{text-shadow:0 0 2px rgba(100, 100, 100, 0.5);}
.tw #nav > ul > li.active > a{text-shadow:0 0 2px rgba(255, 50, 50, 0.5);}
.tw .page-header h1{text-shadow:0 0 2px rgba(100, 100, 100, 0.5);}
.tw .prolist-name a{text-shadow:0 0 2px rgba(100, 100, 100, 0.4);}
.tw .pro-info-wrap .nav-tabs>li>a{text-shadow:0 0 2px rgba(100, 100, 100, 0.25); font-size:17px;}
.tw .sb-toggle-right{padding-left:60px;}
.tw .sb-toggle-left{padding-left:65px;}
.tw .sb-menu > li > ul > li > a{font-size:17px;}
.tw .sb-menu2 > ul > li > a{font-size:17px;}
.tw .pro-name *, .tw .pro-info-wrap h4{text-shadow:0 0 2px rgba(100, 100, 100, 0.5);}
#Other {text-align: center; margin-bottom: 20px;}


/* 相關產品 - 輪播*/
.has-arrows .nav-tabs {
    position: relative;
}

.pro-info-wrap .custom-arrow-prev {
    left: auto;
    right: 0;
    margin-right: 50px;
}
.relative-products-swiper {
    padding: 1px;
}

.relative-products-swiper img {
    border: 1px solid #000;
    margin-bottom: 5px;
}

.relative-products-swiper span:not(.swiper-pagination-bullet) {
    display: block;
}

.pro-name {
    font-weight: bold;
}

.pro-no {
    font-size: 15px;
}

.relative-products-swiper a {
    transition: all ease .2s !important;
}

.relative-products-swiper:hover a {
    text-decoration: none;
}

.custom-arrow-prev,
.custom-arrow-next{
    background: #cb0010;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.custom-arrow-prev:hover,
.custom-arrow-next:hover {
    background: #333;
}

.custom-arrow-prev::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 10px;
    left: 11px;
    transform: rotate(-135deg);
}

.custom-arrow-next::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 10px;
    left: 8px;
    transform: rotate(45deg);
}

@media (min-width : 1000px) {
	#header2 #logo a{padding-top:6px; height:86px;}
	#header2 #top-nav{padding-top:6px;}
	#header2 #nav > ul > li > a{ padding-top:15px;}
}




@media (max-width : 1320px) {
	
}
@media (max-width : 1199px) {
	.wrap{width:100%;}
	#top-nav{padding-top:30px;}
	#nav > ul > li > a{padding-left:16px; padding-right:16px;}
	.continfo .section {min-height:280px;}
	.footer2 .wrap{text-align:center;}
	#footer-smo{float:none;}
}
@media (max-width : 999px) {
	#logo a{padding-top:20px; height:70px;}
    .logo_b{display:none;} .logo_m{display:block;}
	#nav{text-align:center; float:none; clear:both;}
	#nav > ul{margin:0 auto; text-align:center; width:100%;}
	#nav > ul:after{clear:both; content:''; display:block; overflow:hidden; height:0;}	
	#nav > ul > li{float:none; display:inline-block;}
	#nav > ul > li > a{padding-left:0; padding-right:0; text-align:center;}
	#nav .n1{width:15%;} #nav .n2{width:15%;} #nav .n3{width:22%;} #nav .n4{width:18%;} #nav .n5{width:8%;} #nav .n6{width:15%;}	
	.tw #nav .n1, .tw #nav .n2, .tw #nav .n4, .tw #nav .n5, .tw #nav .n6{width:15%;} .tw #nav .n3{width:20%;}
	
	#side{width:25%;}
	.main{width:70%;} .main-fullwidth{width:100%;}
	#sidemenu>ul>li>a{font-size:18px;}
	#sidemenu>ul>li>ul>li>a{font-size:14px;}
	.pro-img-wrap, .pro-txt-wrap{width:auto; float:none;} .pro-img-wrap{margin-bottom:42px;}
	.pro-info-wrap .nav-tabs>li>a{width:auto;}
	.pro-info-wrap{padding-top:25px;}
	.catelist{padding:0;}
	.catelist li{width:50%;}
	.catelist li:nth-child(3n+1){clear:none;}
	.catelist li:nth-child(2n+1){clear:left;}
	.cate-pro a{ padding:5px 20px;}
	
	.prolist li{width:50%;}
	.prolist li:nth-child(3n+1){clear:none;}
	.prolist li:nth-child(2n+1){clear:left;}
	
	
	.prolist li:nth-child(3n+1), .catelist li:nth-child(3n+1){-webkit-animation-delay:0; animation-delay:0;}
	.prolist li:nth-child(3n+2), .catelist li:nth-child(3n+2){-webkit-animation-delay:0; animation-delay:0;}
	.prolist li:nth-child(3n), .catelist li:nth-child(3n){-webkit-animation-delay:0; animation-delay:0;}
	
	.prolist li:nth-child(2n+1), .catelist li:nth-child(2n+1){-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
	.prolist li:nth-child(2n), .catelist li:nth-child(2n){-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
	
	.continfo .section {width:48%; min-height:265px;}
	.footer-nav li a{padding-left:8px; padding-right:8px;}
}
@media (max-width: 1500px){
	#banner:before {
		background-image: url(../image/banner-lm.png); height: 300px;background-size: cover;}
}

@media (max-width: 1300px){
	#banner:before {
		background-image: url(../image/banner-ls.png); height: 240px;background-size: cover;}
	#banner-wrap {
    width: 140%;
    margin: 0 -20%;
}
}

@media (max-width: 979px)  { /*bootstrap width 724px */
	.video{max-width:500px; margin: 10px auto 40px;}
	.footer-link {float: left; margin: 0 0 0 18%;}
	#banner:before{display: none;}
	
}
@media (max-width : 768px) {
	.header{height:68px;}
	.header .wrap{text-align:center; padding:0;}
	#logo{float:none; display:inline-block;}
	#logo a{padding-top:10px; height:68px;}
	#nav, #top-nav{display:none;}
	.sb-toggle-left, .sb-toggle-right{display:block;}
	#side{display:none;}
	.main{width:100%; float:none;}
	.page-header{margin-top:20px;}
	.catelist{margin-top:0;}
	.catelist li{padding:0 12px;}
	.footer-nav{display:none;}
	.footer-copyright, .footer-link{padding:1px 0 0;}
	.footer-link {margin: 0 0 0 14%;}
	
}
@media (max-width: 767px)  { /*bootstrap width auto */
    .pro-no {font-size: 14px;}
	.continfo .section {width: 48%;}
	
	
}
@media (max-width : 720px){
	.cate-name a{ font-size:16px;}
}
@media (max-width : 600px){
	.header{height:47px;}
	#logo a{padding-top:6px; height:47px;}
	.logo_s{display:block;} .logo_m{display:none;}
	.sb-toggle-left>span, .sb-toggle-right>span{display:none;}
	.sb-toggle-right, .tw .sb-toggle-right{ height:47px; padding:14px 0 0 14px; width:54px; }
	.sb-toggle-left, .tw .sb-toggle-left{height:47px; width:54px; padding:9px 0 0 0;}
	.about .pic img {margin: 0 10px 20px;}
/*	.footer-logo {margin: 10px 0 20px 0;}*/
	.footer-info ul{width:auto;}
	.footer-link {margin: 0 0 0 4%;}
	.footer2 {padding: 4% 0;}
	
	
}
@media (max-width : 480px){
	.breadcrumb{font-size:12px;}
	.about .pic {text-align:center;}
	.catelist li, .prolist li{width:100%; float:none; margin-bottom:26px;}
	.catelist li:nth-child(2n+1), .prolist li:nth-child(2n+1){clear:none;}
	.prolist li:nth-child(2n), .catelist li:nth-child(2n){-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
	.continfo .section {width:100%; margin:10px auto; float:none; min-height:inherit;}
	.content .col-xs-3 {width: inherit;}
	.pro-info-wrap .nav-tabs>li{width:100%;border:1px solid #cb0010;margin:0; float:none; }
	.pro-info-wrap .nav-tabs>li>a{ border:0}
	.pro-info-wrap .tab-content{ border:1px solid rgba(144,144,144,0.5);padding:15px;  border-radius:0 0 5px 5px}
	.pro-info-wrap .nav-tabs{ border:0}
	.footer1 {padding: 6% 0;}
	.footer-link {margin: 0 ;}
	.footer2 .wrap {padding: 0 2%;}
	.page-header h1 {font-size: 25px;}
    .pro-info-wrap .nav-tabs {margin-bottom: 30px;}
    .pro-info-wrap .custom-arrow-prev {top: calc(100% + 30px)}
    .pro-info-wrap .custom-arrow-next {top: calc(100% + 30px)}
}
@media (max-width : 360px){
	
	
	
}
@media (max-width : 320px){
	
}