/*************************
*******pagestyle CSS******
**************************/
.breadcrumb{
	list-style: none;
	border-radius: 0px;
	font-size: 13px;
	margin: 0;
	text-align: left;
	padding: 10px 5px;
	background-color: transparent;
	border-bottom: 1px solid #d6d6d6;
}
.breadcrumb>li{display:inline-block;color:#888;}
.breadcrumb>li+li:before{padding:0 5px;color:#d0d0d0;content:"/\00a0";}
.breadcrumb>.active{color:#888}
.breadcrumb>li a{color:#333;}
.breadcrumb>li a:hover{color:#00aeef;text-decoration:underline;}
#pcontent {
	width: 100%;
	float: left;
	padding-bottom: 50px;
	background-image: url(../page-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.pbox1 {
	float: left;
	width: 100%;
	padding-top: 30px;
	font-size: 1.1em;
	line-height: 1.8em;
	min-height: 300px;
}
.pbox1 img {
	display:block;
	height:auto;
	max-width:100%;
}
.pbox1 iframe,
.pbox1 object,
.pbox1 embed {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	min-height: 450px;
}
.page-header {
	padding: 0 0 12px;
	border-style: none;
	width: 100%;
	margin: 0;
	font-size: 2.2em;
	line-height: 1.3em;
	color: #000;
	display: inline-block;
	background-image: url(../line2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
h1.page-header {
	padding: 0 0 12px;
	border-style: none;
	width: 100%;
	margin: 0;
	font-size: 2.2em;
	line-height: 1.3em;
	color: #000;
	display: inline-block;
	background-image: url(../line2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
h2.page-header {
	padding: 0 0 12px;
	border-style: none;
	width: 100%;
	margin: 0;
	font-size: 2.2em;
	line-height: 1.3em;
	color: #000;
	display: inline-block;
	background-image: url(../line2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.iqlist {
	float:right;
	margin: 3px 0 0;
	padding: 0;
}
.iqlist a {
	font-size:13px;
	font-weight:normal;
	line-height:20px;
	padding: 5px 15px;
	background-color: #999;
	color: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none;
	font-style: normal;
	float: right;
}
.iqlist a:hover {
	background-color: #0072bc;
	color: #FFF;
	text-decoration: none;
}
.itemarea {
	width: 100%;
	float: left;
}
.itemarea2 {
	width: 50%;
	float: left;
}
.pageleft {
	float: left;
	width: 210px;
	margin: 35px 0 0;
}
.pageleft1 {
	float: left;
	width: 100%;
	margin: 15px 0 0;
}
.pageright {
	float: left;
	width: calc(100% - 210px);
	padding: 30px 0 0 40px;
}
.navexb {
	float: left;
	width: 100%;
	margin: 0;
}
.navex {
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.navex {
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 22px;
	list-style: none;
	border-top: 1px solid #e1e1e1;
}
ul.navex li {
	border-bottom: 1px solid #e1e1e1;
	cursor:pointer;
}
ul.navex li a {
	line-height: 20px;
	font-size: 16px;
	color: #333;
	display: block;
	text-decoration: none;
	padding: 12px 10px 12px 15px;
}
ul.navex li a:hover {
	color:#fff;
	background-color: #0072bc;
}
ul.navex li a.current{
	color: #fff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	background-color: #0072bc;
}
ul.navex li a:hover.current{
	color:#fff;
	font-weight: bold;
	text-decoration: underline;
}
ul.navex ul {
	display: none;
	display: none !important\9;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.navex ul li {
	margin: 0;
	padding: 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-bottom-style: none;
	background-image: none;
	background-color:#dadada;
}
ul.navex ul li a {
	padding-left: 28px;
	font-size: 15px;
	font-weight: normal;
	outline:0;
	background-image: url(../icon5.png);
	background-repeat: no-repeat;
	background-position: 17px 14px;
	color: #666;
	padding-top: 6px;
	padding-bottom: 6px;
}
ul.navex ul li a:hover {
	color:#0072bc;
	background-image: url(../icon6.png);
	background-repeat: no-repeat;
	background-position: 17px 14px;
	text-decoration: none;
	background-color:#dadada;
}
ul.navex ul li a.current {
	background-image: url(../icon6.png);
	background-repeat: no-repeat;
	background-position: 17px 14px;
	color: #0072bc;
	font-weight: bold;
	text-decoration: none;
	background-color:#dadada;
}
ul.navex ul li a:hover.current {
	background-image: url(../icon6.png);
	background-repeat: no-repeat;
	background-position: 17px 14px;
	color: #0072bc;
	text-decoration: underline;
}
ul.navex ul ul {
	display: none;
	display: none !important\9;
	margin: 0;
	padding: 3px 0;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	background-color: #efefef;
}
ul.navex ul ul li {
	margin: 0;
	padding: 0;
	clear: both;
	border-top-style: none;
	border-bottom-style: none;
	background-image: none;
	background-color: #efefef;
}
ul.navex ul ul li a {
	padding-left: 38px;
	font-size: 14px;
	font-weight: normal;
	outline:0;
	background-image: url(../icon11.gif);
	background-repeat: no-repeat;
	background-position: 27px 10px;
	color: #999;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul.navex ul ul li a:hover {
	color:#0072bc;
	background-image: url(../icon11.gif);
	background-repeat: no-repeat;
	background-position: 27px 10px;
	text-decoration: none;
	background-color: #efefef;
}
ul.navex ul ul li a.current {
	background-image: url(../icon12.gif);
	background-repeat: no-repeat;
	background-position: 27px 10px;
	color: #0072bc;
	font-weight: bold;
	text-decoration: none;
	background-color: #efefef;
}
ul.navex ul ul li a:hover.current {
	background-image: url(../icon12.gif);
	background-repeat: no-repeat;
	background-position: 27px 10px;
	color: #0072bc;
	text-decoration: underline;
}
ul.navex span{
	float:right;
}
@media (min-width: 768px) and (max-width: 991px) {
.itemarea2 {
	width:100%;
	float: left;
}
.pageleft {
	display: none;
	display: none !important\9;
}
.pageright {
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
}
}
@media (max-width: 767px) {
.pbox1 iframe,
.pbox1 object,
.pbox1 embed {
	min-height: 300px;
}
.itemarea2 {
	width:100%;
	float: left;
}
.pageleft {
	display: none;
	display: none !important\9;
}
.pageright {
	float: left;
	width: 100%;
	padding: 30px 0 0 0;
}
}
/*************************
******* pagesearch CSS ***
**************************/
.pagesearch {
	width: 100%;
	float: left;
	padding: 0;
	margin: 25px 0 0;
}
.pagesearch .tit {
	width: 100%;
	float: left;
	font-size: 18px;
	padding: 28px 10px 6px 65px;
	background-image: url(../search-bg.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
.pagesearch .sbox {
	width: 100%;
	float: left;
	padding: 2px 10px 7px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: #fff;
}
.pagesearch .sbox1 {
	width: 100%;
	float: left;
	margin: 0 0 8px;
}
.pagesearch .sbox1 .form-control {
    display: table-cell;
    float: left;
    width: 100%;
    height: 32px;
	padding: 3px 5px 5px;
	font-size: 14px;
	line-height: 20px;
	background: #f5f5f5;
}
.pagesearch .sbox button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 32px;
	text-align: center;
	line-height: 26px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	background: #7f7f7f;
	font-weight: bold;
	transition: background 0.3s;
}
.pagesearch .sbox button:hover{
	background:#010094;
}
/*************************
******* profile CSS ******
**************************/
.about1 {
	width: 100%;
	padding: 0 0 20px;
	margin: 0 0 30px;
	display: inline-block;
	border-bottom: 1px dashed #D3D3D3;
}
.about1:last-child {
	width: 100%;
	padding: 0;
	margin: 0;
	display: inline-block;
	border-bottom: none;
}
.about1 p {
	margin: 0 0 10px;
}
.about1 .plinks {
	width: 100%;
	font-size: 1.1em;
	margin: 5px 0 0;
	display: inline-block;
}
.about1 .plinks a {
	padding: 5px 30px 7px;
	color: #fff;
	background-color: #99d2e8;
	border-radius: 3px;
}
.about1 .plinks a:hover {
	color: #ffff33;
	background-color: #0072bc;
}
.about1 .pic {
	margin: 0 0 10px 20px;
	float: right;
}
.about2 {
	width: 100%;
	padding: 15px 10px;
	margin: 5px 0 15px;
	display: inline-block;
	background-color: #d8f2fc;
}
.about2 dl {
	width: 50%;
	float: left;
	margin: 10px 0;
	padding: 0 10px;
}
.about2 dt {
	float: left;
	width: 100%;
	color: #020191;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 13px;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: left 8px;
}
.about2 dt .txt {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 0 5px;
}
.about2 dd {
	float: left;
	width: 100%;
	padding: 4px 0 4px 13px;
	font-size: 14px;
	line-height: 24px;
	color: #555;
}
.about2 dd .googlemap {
	font-size: 13px;
	line-height: 15px;
	padding: 5px;
	display: inline-block;
}
.about2 dd .googlemap a {
	padding: 3px 8px 5px;
	color: #d8f2fc;
	background-color: #99d2e8;
	border-radius: 3px;
}
.about2 dd .googlemap a:hover {
	color: #fff;
	background-color: #0072bc;
}
.about3 {
	width: 100%;
	float: left;
	background-image: url(../line3.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.about3-1 {
	width: 32%;
	padding: 10px 0;
	margin: 0;
	display: inline-block;
	text-align: center;
}
.about3 dl.color1 {
	width: 160px;
	height: 160px;
	margin: 0;
	padding: 10px;
	background-color: #00aeef;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	border: 3px solid #FFFFFF;
}
.about3 dl.color2 {
	width: 160px;
	height: 160px;
	margin: 0;
	padding: 10px;
	background-color: #33cc99;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	border: 3px solid #FFFFFF;
}
.about3 dl.color3 {
	width: 160px;
	height: 160px;
	margin: 0;
	padding: 10px;
	background-color: #f8b536;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	border: 3px solid #FFFFFF;
}
.about3 dt {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 36px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
.about3 dd {
	float: left;
	width: 100%;
	font-size: 22px;
	color: #fff;
}

.about5 {
	float: left;
	width: 100%;
	background-image: url(../line16.png);
	background-repeat: no-repeat;
	background-position: 5px top;
	padding: 20px 0 0;
	margin: 0 0 10px 0;
}
.about5 dl {
	width: 100%;
	margin: 0px;
	float: left;
	padding: 10px 0;
	background-image: url(../line17.png);
	background-repeat: repeat-y;
	background-position: 5px;
}

.about5 dl:nth-child(odd) {
	background-image: url(../line18.png);
	background-repeat: repeat-y;
	background-position: left;
}
.about5 dt{
	float: left;
	color: #222;
	line-height: 1.2em;
	font-family: Tahoma, Geneva, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	width: 100%;
	padding: 2px 0 2px 35px;
	background-image: url(../icon10.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}
.about5 dd {
	float: left;
	line-height: 1.5em;
	margin: 0px;
	padding: 2px 0 2px 35px;
	font-weight: normal;
	color: #444;
	width: 100%;
}
.about6 {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}
.about6:last-child {
	margin: 0;
}
.about6 .title1 {
	width: 100%;
	float: left;
	font-size: 1.3em;
	color: #010080;
	background-color: #d8f2fc;
	padding: 5px 0 5px 30px;
	margin: 0 0 10px;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 15px 17px;
}
.about6 ul {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}
.about6 li { 
	display:block;
	width:50%;
	float: left;
	list-style:none;
	text-decoration: none;
	padding: 15px 2%;
	margin: 0;
}
.about6 li .pro-img { 
	width:100%;
	float: left;
	overflow: hidden;
	padding: 5px;
	border: 1px solid #e6e6e6;
	position: relative;
	background-color: #fff;
	/*-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );*/
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.about6 ul li .pro-name {
	font-size: 1em;
	line-height: 1.4em;
	color: #000000;
	margin-top: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.about6 ul li .productimg {
	width: 100%;
	height: 140px;
	outline: none;
	display: inline-block;
	float: left;
}
.about7 {
	width: 50%;
	padding: 0;
	margin: 0 0 20px;
	display: block;
	float: left;
}
.about7 p {
	margin: 0 0 3px;
}
.about8 {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}
.about8 .title2 {
	width: 100%;
	float: left;
	font-size: 18px;
	color: #000;
	padding: 5px 0;
}
.about8 .title2 span {
	font-size: 16px;
}
.about8 li { 
	margin: 0 0 0 6px;
	width:100%;
	float: left;
}
.about8 .car-w {
	width: 70%;
	float: left;
}
.about8 .car-p {
	width: 30%;
	float: left;
}
.about9 {
	float: left;
	width: 100%;
	margin: 20px 0 10px;
}
.about9 dl {
	width: 49%;
	float: left;
	padding: 13px 10px 10px 5px;
	margin: 10px 2% 10px 0;
	background-color: #d8f2fc;
	border-radius: 4px;
	min-height: 200px;
}
.about9 dl:last-child {
	margin: 10px 0 10px 0;
}
.about9 dt{
	float: left;
	color: #020191;
	line-height: 1em;
	font-size: 1.2em;
	font-weight: bold;
	width: 100%;
	padding: 3px 10px;
	margin: 0 0 3px;
}
.about9 dt .num{
	float: left;
	font-size: 14px;
	line-height: 15px;
	width: 20px;
	height: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	margin: 0 5px 0 0;
	background-color: #fc7c01;
	border-radius: 50%;
}
.about9 dd {
	float: left;
	margin: 0px;
	padding: 2px 0 2px 50px;
	font-weight: normal;
	color: #444;
	width: 100%;
	background-image: url(../icon1.gif);
	background-repeat: no-repeat;
	background-position: 38px 12px;
}
.about10 {
	width: 100%;
	float: left;
}
.about10 img {
	margin: 0 auto;
}
@media (max-width: 767px) {
.about2 dl {
	width: 100%;
}
.about6 ul {
	width: 100%;
}
}
@media (max-width: 480px) {
.about3 {
	background-image: none;
}
.about3-1 {
	width: 100%;
}
.about6 li { 
	width:100%;
	padding: 10px 0;
}
.about7 {
	width: 100%;
}
.about8 .car-w {
	width: 100%;
}
.about8 .car-p {
	width: 100%;
	margin: 15px 0 0;
}
.about9 dl {
	width: 100%;
	margin: 10px 0 10px 0;
	min-height: 120px;
}
}
/*************************
******* contact CSS ******
**************************/
#contact_form {
	float: left;
	width: 100%;
}
.verify {
     width: 100%;
	display: inline-block;
	overflow: hidden;
}
.contact1 {
	width: 65%;
	padding: 0;
	margin: 0 0 30px;
	float: left;
}
.contact1 .contact-text {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	color: #666;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.contact1 .control-label {
	text-align: left;
}
.contact1 label {
	padding-left: 10px;
	padding-bottom: 3px;
	float: left;
	width: 100%;
	color: #666;
}
.contact1 .required {
	color: #E85500;
	border: 0;
	margin-left:5px;
}
.contact2 {
	float: left;
	display: inline-block;
	width: 100%;
	padding-top: 5px;
}
.contact2 .cleft {
	width: 30%;
	float: left;
}
.contact2 .cright {
	width: 25%;
	float: left;
	margin: 0px;
	padding-left: 5%;
}
.contact3 {
	padding-top: 25px;
	float: left;
	width: 100%;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	text-align: center;
}
.contact3 button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	width: 200px;
	height: 40px;
	margin-left: 10px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	
	font-weight: bold;
	margin-bottom: 10px;
	transition: background 0.3s;
}
.contact3 .send {
	background: #555;
}
.contact3 .send:hover{
	background:#00a1e9;
}
.contact3 .reset {
	background: #ccc;
}
.contact3 .reset:hover{
	background:#999;
}
.contact6 {
	float: left;
	width: 31%;
	padding-top: 5px;
	margin-left: 2%;
}
.contact6:first-child {
	float: left;
	width: 34%;
	padding-top: 6px;
	margin-left: 0;
}
.contact7 {
	width: 100%;
	padding: 0;
	margin: 0 0 30px;
	float: left;
}
.contact7 .contact-text {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	color: #666;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.contact7 .control-label {
	text-align: left;
}
.contact7 label {
	padding-left: 10px;
	padding-bottom: 3px;
	float: left;
	width: 100%;
	color: #666;
}
.contact7 .required {
	color: #E85500;
	border: 0;
	margin-left:5px;
}
.contact-dep {
	float: right;
	width: 30%;
	padding: 15px;
	margin: 0 0 30px;
	background-color: #F0F0F0;
}
.contact-dep .txt {
	width: 100%;
	display: inline-block;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #ccc;
}
.contact-dep dl {
	width: 100%;
	float: left;
	margin: 6px 0;
	padding: 0;
}
.contact-dep dl:last-child {
	width: 100%;
	float: left;
	margin: 6px 0 0;
	padding: 0;
}
.contact-dep dt {
	float: left;
	width: 100%;
	color: #010080;
	font-size: 18px;
	line-height: 25px;
	padding: 0 0 1px 30px;
	background-image: url(../icon8.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.contact-dep dt.qq {
	float: left;
	width: 100%;
	color: #010080;
	font-size: 18px;
	line-height: 25px;
	padding: 0 0 1px 30px;
	background-image: url(../icon9.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.contact-dep dd {
	float: left;
	width: 100%;
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 22px;
	color: #333;
}
.contact-dep dd.name {
	font-size: 15px;
	font-weight: bold;
}
@media (min-width: 992px) and (max-width: 1199px) {


}
@media (min-width: 768px) and (max-width: 991px) {
.contact1 {
	width: 100%;
}
.contact2 .cleft {
	width: 50%;
	float: left;
}
.contact2 .cright {
	width: 45%;
	float: left;
	margin: 0px;
	padding-left: 5%;
}
.contact-dep {
	float: left;
	width: 100%;
}
.contact-dep dl {
	width: 50%;
}
.contact-dep dl:last-child {
	width: 50%;
}
}
@media (max-width: 767px) {
.contact1 {
	width: 100%;
}
.contact2 .cleft {
	width: 50%;
	float: left;
}
.contact2 .cright {
	width: 45%;
	float: left;
	margin: 0px;
	padding-left: 5%;
}
.contact-dep {
	float: left;
	width: 100%;
}
.contact-dep dl {
	width: 50%;
}
.contact-dep dl:last-child {
	width: 50%;
}
}
@media (max-width: 480px) {
.contact1 {
	width: 100%;
}
.contact3 button {
	width: 100%;
	margin-left: 0px;
}
.contact6 {
	float: left;
	width: 100%;
	padding-top: 6px;
	margin-left: 0;
}
.contact6:first-child {
	float: left;
	width: 100%;
	padding-top: 6px;
	margin-left: 0;
}
.contact-dep dl {
	width: 100%;
}
.contact-dep dl:last-child {
	width: 100%;
}
}
/*************************
*****  careers CSS  ******
**************************/
#careers-ov {
	width: 100%;
	float: left;
}
#careers-ov ul {
	display: block;
	width: 50%;
	float: left;
	overflow: hidden;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#careers-ov ul li { 
	display:block;
	list-style:none;
	float:left;
	margin: 10px 1%;
	padding: 5px 5px 10px;
	overflow:hidden;
	width:48%;
	border: 1px solid #e6e6e6;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
#careers-ov ul li:hover {
	text-decoration:none;
	background-color:#e4f6fd;
	border: 1px solid #fff;
}
#careers-ov ul li .news-tit {
	font-size: 16px;
	line-height: 26px;
	color: #008ccb;
	width: 100%;
	padding: 2px 5px;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
}
#careers-ov ul li:hover .news-tit {
	color: #006694;
	text-decoration: underline;
}
#careers-ov li .pro-img { 
	width:100%;
	float: left;
	overflow: hidden;
	padding: 5px;
	background-color: #fff;
}
#careers-ov ul li .careersimg {
	width: 100%;
	height: 160px;
	outline: none;
	display: inline-block;
	float: left;
}
#careers-ov ul li .news-txt {
	font-size: 14px;
	line-height: 22px;
	color: #555;
	width: 100%;
	display: inline-block;
}
#careers-ov ul li .news-sort {
	color: #666666;
	font-size: 14px;
	line-height: 18px;
	float: right;
	background-color: #EFEFEF;
	padding: 2px 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 2px;
	display: block;
}
#careers-ov ul li:hover .news-sort {
	background-color: #fff;
}
#careers-ov ul li .news-date {
	font-size: 14px;
	color: #999;
	margin: 0;
	float: left;
	width: 100%;
	padding: 5px 5px 2px;
}
.careerslist {
	float: left;
	width: 100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2bbee6;
}
.careerslist dl {
	width: 100%;
	margin: 0px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-color: #f0f0f0;
}
.careerslist dt {
	float: left;
	font-size: 15px;
	color: #333;
	line-height: 24px;
	width: 150px;
	margin: 0;
	padding: 15px 10px 15px 5px;
	text-align: right;
	font-weight: bold;
}
.careerslist dd {
	float: right;
	font-size: 15px;
	line-height: 24px;
	color: #666;
	width: calc(100% - 150px);
	margin: 0px;
	padding: 15px;
	background-color: #FFF;
}
.careerslist dd A:link {color:#049ed4;text-decoration:none}
.careerslist dd A:visited {color:#049ed4;text-decoration:none}
.careerslist dd A:hover {color:#ef4f69;text-decoration:underline}
.careerslist dd.title1 {
	font-size: 20px;
	line-height: 24px;
	color: #0080D5;
}
.activity-b1 {
	float: left;
	width: 100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2bbee6;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
@media (min-width: 769px) and (max-width: 991px) {
#careers-ov ul li { 
	margin:7px 1%;
	width:98%;
}
}
@media (max-width: 768px){
#careers-ov ul li { 
	margin:7px 1%;
	width:98%;
}
}
@media (max-width: 480px) {
#careers-ov ul {
	width: 100%;
}
#careers-ov ul li { 
	margin:7px 0;
	width:100%;
}
.careerslist dl {
	border-bottom-style: none;
}
.careerslist dt {
	width: 100%;
	text-align: left;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.careerslist dd {
	float: left;
	width: 100%;
}
}
/*************************
*******   csr CSS   ******
**************************/
.csr1 {
	width: 100%;
	padding: 0;
	margin: 0 0 25px;
	display: inline-block;
}
.csr1 p {
	width: 100%;
	padding: 0;
	margin: 5px 0;
	display: inline-block;
}
.csr1 ul{
    width: 100%;
	display: inline-block;
}
.csr1 ol{
    width: 100%;
	display: inline-block;
}
.csr1 .title1 {
	width: 100%;
	float: left;
	font-size: 1.3em;
	color: #010080;
	background-color: #d8f2fc;
	padding: 5px 0 5px 30px;
	margin: 0 0 10px;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 15px 17px;
}
.csr1 .word {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	display: block;
}
.csr2 {
	width: 100%;
	float: left;
}
.csr2 ul {
	display: block;
	width: 100%;
	float: left;
	text-decoration: none;
	margin: 0;
	padding:0;
}
.csr2 ul li {
	display: block;
	width: 100%;
	float: left;
	text-decoration: none;
	padding: 10px;
	background-color: #FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}
.csr2 ul li:hover {
	text-decoration:none;
	background-color:#e4f6fd;
}
.csr2 .news-det {
	display: inline-block;
	width: calc(100% - 270px);
	margin: 5px 0 0 20px;
}
.csr2 .news-det .newsdate {
	font-size: 14px;
	color: #999;
	float: left;
	width: 100%;
}
.csr2 .news-det h3 {
	font-size: 18px;
	line-height: 28px;
	color: #008ccb;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	margin: 5px 0;
	padding: 0;
}
.csr2 li:hover .news-det h3 {
	color: #006694;
	text-decoration: underline;
}
.csr2 .news-det p.news-txt {
	font-size: 14px;
	line-height: 22px;
	color: #555;
	padding: 0;
	margin: 0;
}
.csr2 .news-img {
	float: left;
	width: 250px;
}
.csr2 .newsimg {
	width: 100%;
	height: 160px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	float: left;
}
@media (max-width: 768px){
.csr2 .news-det {
	width: calc(100% - 220px);
}
.csr2 .news-img {
	float: left;
	width: 200px;
}
}
@media (max-width: 480px) {
.csr2 .news-det {
	width: 100%;
	margin: 5px 0;
}
.csr2 .news-img {
	float: left;
	width: 100%;
}
}

/*************************
*******news CSS******
**************************/
.newslist{
	float: left;
	width: 100%;
	visibility: visible;
	padding: 0;
	margin: 0;
}
.newslist ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.newslist ul li{
	width: 100%;
	float: left;
	padding: 10px 8px;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px dashed #ccc;
}
.newslist ul li:hover{
	background-color: #efefef;
}
.newslist ul li .date{
	float: left;
	padding: 1px 10px;
	color: #FFF;
	background: #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	transition: background 0.3s;
	font-size: 13px;
}
.newslist ul li:hover .date{
	background:#010080;
}
.newslist ul li a{
	width: calc(100% - 110px);
	display: block;
	float: right;
	color: #333;
}
.newslist ul li a:hover{
	color: #0072bc;
}
.newslist2 {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0px;
}
.newslist2 dl {
	width: 100%;
	margin: 0px;
	float: left;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-top: 0px;
}
.newslist2 dt {
	float: left;
	background-color: #010080;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
}
.newslist2 dd {
	float: left;
	margin: 0px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: bold;
	color: #333333;
	width: 100%;
}
.newslist2 h2.newstitle {
	float: left;
	margin: 0px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: bold;
	color: #333333;
	width: 100%;
}
.newslist2 .newstitle {
	float: left;
	margin: 0px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: bold;
	color: #333333;
	width: 100%;
}
.newscontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 35px;
	padding-bottom: 35px;
}
.newslist4 {
	font-size: 1em;
	line-height: 1.6em;
	color: #333333;
	background-color: #e8e8e8;
	float: left;
	width: 100%;
	padding: 10px 8px;
}
.newslist4 A:link {color:#009bd8;text-decoration:none}
.newslist4 A:visited {color:#009bd8;text-decoration:none}
.newslist4 A:hover {color:#eb6100;text-decoration:underline}

.faqlist{
	float: left;
	width: 100%;
	visibility: visible;
	padding: 0;
	margin: 0;
}
.faqlist ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.faqlist ul li{
	width: 100%;
	float: left;
	padding: 10px 8px;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px dashed #ccc;
}
.faqlist ul li:hover{
	background-color: #efefef;
}
.faqlist ul li a{
	width: 100%;
	display: block;
	float: right;
	color: #333;
	padding: 0 0 0 20px;
	background-image: url(../icon5.png);
	background-repeat: no-repeat;
	background-position: 5px 12px;
}
.faqlist ul li a:hover{
	color: #0072bc;
	background-image: url(../icon6.png);
	background-repeat: no-repeat;
	background-position: 5px 12px;
}
@media (max-width: 480px) {
.newslist ul li a{
	width: 100% ;
	float: left;
}
}

/*************************
*******Product CSS******
**************************/
.ptitle1 {
	font-size: 26px;
	line-height: 1.4;
	color: #010080;
	padding: 0 0 10px 27px;
	margin: 0;
	display: inline-block;
	background-image: url(../icon10.png);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}
h1.ptitle1 {
	font-size: 26px;
	line-height: 1.4;
	color: #010080;
	padding: 0 0 10px 27px;
	margin: 0;
	display: inline-block;
	background-image: url(../icon10.png);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}
h2.ptitle1 {
	font-size: 26px;
	line-height: 1.4;
	color: #010080;
	padding: 0 0 10px 27px;
	margin: 0;
	display: inline-block;
	background-image: url(../icon10.png);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}
#product-ov {
	width: 100%;
	float: left;
}
#product-ov ul {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}
#product-ov li { 
	display:block;
	list-style:none;
}
#product-ov li a { 
	display:block;
	width:50%;
	float: left;
	text-decoration: none;
	padding: 15px 2%;
	margin: 0;
}
#product-ov li .pro-img { 
	width:100%;
	float: left;
	overflow: hidden;
	padding: 6px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	position: relative;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
#product-ov li a:hover .pro-img {
	border: 1px solid #0072bc;
}
#product-ov ul li .pro-name {
	font-size: 1em;
	line-height: 1.4em;
	color: #000000;
	margin-top: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	display: inline-block;
	width: 100%;
	text-align: center;
}
#product-ov li a:hover .pro-name {
	color: #0072bc;
}
#product-ov ul li .productimg {
	width: 100%;
	height: 180px;
	outline: none;
	display: inline-block;
	float: left;
}
#product-ov ul li a:hover .productimg {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.products-brand {
	width: 100%;
	float: left;
	margin: 40px 0 0;
}
.products-brand .title3 {
	width: 100%;
	float: left;
	font-size: 1.3em;
	color: #010080;
	background-color: #d8f2fc;
	padding: 7px 0 7px 30px;
	margin: 0 0 10px;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 15px 19px;
}
.products-brand ul {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}
.products-brand li { 
	display:block;
	width:100%;
	float: left;
	list-style:none;
	text-decoration: none;
	padding: 0;
	margin: 8px 0;
}
.products-brand li.pro-img { 
	width:25%;
	float: left;
	overflow: hidden;
	padding: 5px;
	background-color: #fff;
}
.products-brand ul li .productimg {
	width: 100%;
	height: 45px;
	outline: none;
	display: inline-block;
	float: left;
}

.products-results {
	width: 100%;
	float: left;
	margin: 30px 0 0;
}
.products-results .title {
	width: 100%;
	float: left;
	font-size: 1.3em;
	color: #010080;
	background-color: #d8f2fc;
	padding: 7px 0 7px 30px;
	margin: 0 0 20px;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 15px 19px;
}
.products-results .word1 {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.products-results .word1 li { 
	float: left;
	width: 100%;
	margin: 0 0 0 15px;
}

.products-results2 {
	width: 100%;
	float: left;
	padding: 30px 0 0;
	margin: 10px 0 0;
	border-top: 1px dashed #ccc;
}
.products-results2 .title5 {
	width: 100%;
	float: left;
	font-size: 1.3em;
	color: #010080;
	padding: 5px 0 5px;
	margin: 0;
}
.products-results2 .title6 {
	width: 100%;
	float: left;
	font-size: 1.2em;
	color: #000;
	padding: 5px 0 5px 10px;
	margin: 0 0 8px;
}
.products-results2 .word3 {
	width: 100%;
	float: left;
	margin: 20px 0 0;
	padding: 10px;
	background-color: #f1f1f1;
}
.products-results2 .word4 {
	width: 100%;
	float: left;
}
.products-results2 .word5 {
	width: 100%;
	float: left;
	padding: 15px 0 0;
	margin: 10px 0 0 0;
	border-top: 1px dotted #ccc;
}
.products-results2 .word6 {
	width: 100%;
	float: left;
	padding: 25px 0 8px 10px;
	margin: 25px 0 10px 0;
	border-top: 1px dotted #ccc;
}
.products-results2 .word6 a {
	font-size: 16px;
	color:#fff;
	text-decoration:none;
	background-color: #0072bc;
	padding: 8px 30px 10px;
	border-radius: 3px;
}
.products-results2 .word6 a:hover {
	color:#f1121a;
	text-decoration:none;
	background-color: #8bdff6;
}
.products-results3 {
	width: 100%;
	float: left;
	margin: 30px 0 0;
}
.products-results3 .title {
	width: 100%;
	float: left;
	font-size: 1.3em;
	color: #010080;
	background-color: #d8f2fc;
	padding: 7px 0 7px 30px;
	margin: 0 0 20px;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 15px 19px;
}
.products-results3 .word1 {
	width: 100%;
	float: left;
	padding: 20px 0 0;
	margin: 20px 0 0 0;
	border-top: 1px dashed #ccc;
}
.products-results3 .word2 { 
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.products-results3 .word1 li { 
	float: left;
	width: 100%;
	padding: 20px 0 0;
	margin: 20px 0 0 0;
	border-top: 1px dashed #ccc;
}
.products-results3 .word1 li:first-child { 
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: none;
}
.products-results5 .word3 { 
	margin: 0 0 15px;
}
.products-results3 .pt1 {
	font-size: 16px;
}
.products-results3 .pt2 {
	font-size: 20px;
	color: #010080;
}
.products-results3 .pw1 {
	width: 100%;
	margin: 3px 0 0;
	color: #999;
	text-align: center;
	display: inline-block
}
.products-results3 .photo {
	margin: 10px 0 0;
	width: 100%;
	display: inline-block
}
.products-w1 {
	width: 60%;
	float: left;
	margin: 0 0 10px;
}
.products-w2 {
	width: 100%;
	float: left;
}
.products-w1 a, .products-w2 a {color:#337ab7;text-decoration:underline;}
.products-w1 a:hover, .products-w2 a:hover {color:#ff9331;text-decoration:none;}
.products-w3 .pw2 {
	width: 100%;
	float: left;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.products-w3 dl {
	width: 100%;
	float: left;
	margin: 10px 0;
	padding: 0;
}
.products-w3 dt {
	float: left;
	width: 100%;
	color: #000;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 0 20px;
	margin: 0 0 5px;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
.products-w3 .pw3 {
	color: #0072bc;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.products-w3 dd {
	float: left;
	width: 100%;
	padding: 1px 0 1px 35px;
	font-size: 15px;
	line-height: 24px;
	color: #333;
	background-image: url(../icon11.gif);
	background-repeat: no-repeat;
	background-position: 22px 12px;
}
.products-p1 {
	width: 37%;
	float: right;
	margin: 0 0 20px;
}
.products-p2 {
	margin: 0 0 5px ;
}

.product-info { 
	width:36%;
	float:right;
}
.product-info h2 {
	font-size: 1.8em;
	color: #01008d;
	font-weight: 300;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 5px 0 15px;
	border-bottom: #ddd solid 3px;
}
.product-info h1.title {
	font-size: 1.8em;
	color: #01008d;
	font-weight: 300;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 5px 0 15px;
	border-bottom: #ddd solid 3px;
}
.product-info .info {
  margin: 0;
  padding: 0 0 20px;
  border-top: #ddd solid 1px;
  width:100%;
  float:left;
}
.product-info .info ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.product-info .info ul li {
	width: 100%;
	float: left;
	line-height: 24px;
	padding: 12px 0;
	margin: 0;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d1d0d0;
}
.product-info .info .ti {
  float: left;
  width: 60px;
  color: #888;
}
.product-info .info .txt {
	color: #111;
	display: block;
	width: calc(100% - 70px);
	float:right;
}
.product-info .info .txt a {
	color: #c30000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.product-info .info .txt a:hover {
	color: #c30000;
	text-decoration: underline;
}
.product-info .info .submit-btn {
	float: left;
	width: 100%;
	margin: 15px 0 0;
}
.product-info .info .submit-btn button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 40px;
	margin:5px 0;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	border: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	transition: background 0.3s;
}
.productpicbig {
	float: left;
	padding: 5px;
	display: block;
	width: 61%;
	border: 1px solid #E3E3E3;
	margin: 0;
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .1 ); /* 5 */
	box-shadow: 0 0 0.313em rgba( 0, 0, 0, .1 ); /* 5 */
}

.productpicbig {
	float: left;
	padding: 5px;
	display: block;
	width: 61%;
	border: 1px solid #E3E3E3;
	margin: 0;
	position: relative;
	background-color: #fff;
}
.spec-note{ display:none;}

.download {
	width: 100%;
	float: left;
}
.download .title {
	width: 100%;
	float: left;
	font-size: 1.3em;
	color: #010080;
	background-color: #d8f2fc;
	padding: 7px 0 7px 30px;
	margin: 0;
	background-image: url(../icon7.png);
	background-repeat: no-repeat;
	background-position: 15px 19px;
}
.download ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.download li { 
	display:block;
	width:100%;
	float: left;
	font-size: 16px;
	list-style:none;
	padding: 12px 0 12px 38px;
	background-image: url(../icon-download.png);
	background-repeat: no-repeat;
	background-position: 10px 20px;
	border-bottom: 1px dashed #E3E3E3;
}
.download li:hover { 
	background-color: #f7f7f7;
}
@media (min-width: 992px) and (max-width: 1199px) {
#product-ov ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#product-ov ul {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}
#product-ov ul li .productimg {
	height: 150px;
}
}
@media (max-width: 767px) {
#product-ov ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.products-w1 {
	width: 100%;
}
.products-p1 {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 30px;
}
.product-info { 
	width:100%;
	float:left;
	margin-top: 20px;
}
.product-info .info .txt {
	float: left;
}
.productpicbig {
	width: 100%;
}
.spec{ width:100%; overflow-x:scroll;}
.spec table{ width:100%; overflow-x:scroll;}
.spec-note{ display:block; background:url(../drag.png) left center no-repeat; padding:0 0 0 50px; margin:0 0 8px; font-size:13px; width:100%; float:left;}
}
@media (max-width: 480px) {
#product-ov li a { 
	width:100%;
	padding: 12px 0;
}
#product-ov ul li .productimg {
	height: 160px;
}
.products-brand ul {
	width: 100%;
}
.products-brand li.pro-img { 
	width:25%;
}
.products-w1 {
	width: 100%;
}
.products-p1 {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 30px;
}
.product-info .info .txt {
	width: 100%;
	float: left;
}
}
@media (max-width: 320px) {
.products-brand ul {
	width: 100%;
}
.products-brand li.pro-img { 
	width:50%;
}
}

.productlist {
	width: 100%;
	float: left;
}
.productlist dl {
	width: 100%;
	float: left;
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px dashed #ddd;
}
.productlist dl:last-child {
	border-bottom: none;
}
.productlist dt {
	float: left;
	width: 160px;
	padding: 0 5px;
	margin: 0;
}
.productlist dd {
	float: left;
	width: calc(100% - 160px);
	padding: 0 5px;
}
.productlist a.date-dl {
	display: inline-block;
	padding: 3px 15px 3px 33px;
	margin: 1px 12px 1px 0;
	color: #007cca;
	background: #eee url(../icon-download.png) no-repeat 10px 8px;
	border-radius: 50px;
	text-decoration: none;
}
.productlist a:hover.date-dl {
	color: #fff;
	background: #007cca url(../icon-download.png) no-repeat 10px 8px;
	text-decoration: none;
}
@media (max-width: 600px) {
.productlist dt {
	width: 100%;
}
.productlist dd {
	width: 100%;
	margin-top: 8px;
}
}

/*詢價*/
.inquire-b1 {
	float: left;
	width: 100%;
	border: 4px solid #E7E7E7;
	margin-top: 7px;
	font-size: 13px;
	line-height: 18px;
	color: #666;
	margin-bottom: 7px;
}
.inquire-b1 A {color:#00a0e9;text-decoration:none;}
.inquire-b1 A:hover {color:#0068b7;text-decoration:underline}

/*表格*/
.fancytable1 {
	width: 100%;
	border-collapse: collapse;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fancytable1 thead {
	visibility: visible;
	background-color: #1f619e;
}
.fancytable1 th {
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	visibility: visible;
	padding: 6px 15px;
}
.fancytable1 tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.fancytable1 tbody tr:nth-of-type(odd) {
	background-color: #F7F7F7;
}
.fancytable1 td {
	padding: 6px 10px;
	border: 1px dotted #CCC;
}
.fancytable1 td A:link {color:#4e98c8;text-decoration:underline}
.fancytable1 td A:visited {color:#4e98c8;text-decoration:underline}
.fancytable1 td A:hover {color:#c30e27;text-decoration:none}
.fancytable1 td:nth-child(1) {
	width:30%;
}

.fancytable2 {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	border-collapse: collapse;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fancytable2 thead {
	visibility: visible;
	background-color: #d9f4bf;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #7ac234;
}
.fancytable2 thead th {
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	visibility: visible;
	padding: 5px 15px;
	background-color: #6ab51f;
}
.fancytable2 thead td {
	font-weight: normal;
	color: #333;
	visibility: visible;
	padding: 5px 10px;
	text-align: center;
	vertical-align: top;
	/*border: 1px solid #fff;*/
}
.fancytable2 tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.fancytable2 tr.pb1 {
	background-color: #e5e5e5;
	text-align: left;
}
.fancytable2 td.tb1 {
	text-align: left;
}
.fancytable2 td {
	padding: 4px 6px;
	border: 1px dotted #CCC;
	text-align: center;
}
.fancytable2 td A:link {color:#4e98c8;text-decoration:underline}
.fancytable2 td A:visited {color:#4e98c8;text-decoration:underline}
.fancytable2 td A:hover {color:#c30e27;text-decoration:none}

.fancytable3 {
	width: 100%;
	border-collapse: collapse;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.fancytable3 thead td {
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	color: #fff;
	padding: 7px 15px;
	background-color: #1f619e;
	border: 1px dotted #fff;
}
.fancytable3 tdody tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.fancytable3 tbody tr:nth-of-type(odd) {
	background-color: #F7F7F7;
}
.fancytable3 tbody th {
	padding: 8px 10px;
	background-color: #e5f2f6;
	border: 1px dotted #CCC;
}
.fancytable3 tbody td {
	padding: 8px 10px;
	border: 1px dotted #CCC;
}
.fancytable3 td A:link {color:#4e98c8;text-decoration:underline}
.fancytable3 td A:visited {color:#4e98c8;text-decoration:underline}
.fancytable3 td A:hover {color:#c30e27;text-decoration:none}

.fancytable4 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.fancytable4 th {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #666;
	visibility: visible;
	padding: 10px 5px;
	background-color: #EBEBEB;
	border: 1px solid #CCC;
	text-align: center;
}
.fancytable4 td:nth-child(1) {
	width: 12%;
	min-width: 60px;
}
.fancytable4 td:nth-child(3) {
	width: 20%;
	min-width: 38px;
}
.fancytable4 td:nth-child(4) {
	width: 10%;
	min-width: 30px;
}
.fancytable4 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	padding: 6px;
	min-width: 38px;
}
.fancytable4 td .productimg {
	width: 100%;
	min-width: 60px;
	height: 60px;
	outline: none;
	display: inline-block;
	float: left;
}
.fancytable5 {
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.fancytable5 th {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #666;
	visibility: visible;
	padding: 5px;
	background-color: #fffdf1;
	border: 1px solid #CCC;
	text-align: right;
	width: 15%;
	min-width:90px;
}
.fancytable5 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	text-align: left;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	width:85%;
}

/*選項卡*/
.tab{
    margin-top: 35px;
	width: 100%;
	float: left;
}
.tab ul{
    padding: 0;
}

.tab .nav-tabs{
    border:none;
    border-bottom: 1px solid #e4e4e4;
}
.nav-tabs li{
	padding: 0;
}
.nav-tabs li a{
	font-size: 16px;
	line-height: 21px;
    padding: 10px 25px;
    border:1px solid #fff;
    border-right: 0px none;
    background: #ebebeb;
    color:#888;
    border-radius: 0px;
    margin-right: 0px;
    transition: all 0.3s ease-in 0s;
}
.nav-tabs li a:hover{
    border-bottom-color: #fff;
    border-right: 0px none;
    background: #4e98c8;
    color: #fff;
}
.nav-tabs li a i{
    display: inline-block;
    text-align: center;
    margin-right:10px;
}
.nav-tabs li:last-child{
    border-right:1px solid #ededed;
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover{
    border-right: 1px solid #d3d3d3;
    margin-top: -7px;
	font-size: 16px;
	background: #0072bc;
    color: #fff;
	font-weight: bold;
    padding: 13px 25px;
}
.tab .tab-content{
	width: 100%;
	float: left;
    padding: 20px 5px 30px;
    box-shadow:0px 1px 0px #808080;
}
@media only screen and (max-width: 767px){
    .tab{
         margin-top: 15px;
	}
	.nav-tabs li{
        width:100%;
        margin-bottom: 0;
    }
    .nav-tabs li a{
        padding: 12px;
    }
    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover{
        padding: 12px;
        margin-top: 0;
    }
}

div.container_img {
	width:100%;
	height:410px;
	overflow:hidden;
	position:relative;
	display:block;
	text-align:center;
	vertical-align:middle;
	margin: 0;
	padding: 0;
	float: left;
}
div.container_img:after {
    padding-top: 56.25%;
    content:"";
    display: block;
}
div.container_img img {
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
	max-height:400px;
	max-width:100%;
}
@media only screen and (max-width: 767px){
div.container_img {
	height:300px;
}
div.container_img img {
	max-height:300px;
}
}

/*********************************************************************************/
/* imagelightbox                                                                 */
/*********************************************************************************/

.imagecontainer {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}
.imagecontainer ul {
	margin-top: 5px;
	width: 100%;
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.imagecontainer ul.item {
	margin-top: 0px;
	width: 100%;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #F0F0F0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.imagecontainer li {
	display: inline-block;
	margin: 0.3em; /* 10 */
	border-color: #ccc;
	border: 0.3em solid rgba( 255, 255, 255, .5 ); /* 10 */

	-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .1 ); /* 5 */
	box-shadow: 0 0 0.313em rgba( 0, 0, 0, .1 ); /* 5 */

	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
	width: 70px; 
	height: 70px;
	background:#FFF;
	position:relative;
    overflow:hidden;
}
.imagecontainer li:after {
    padding-top: 56.25%;
    content:"";
    display: block;
}
.imagecontainer li img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:60px;
    margin:auto;
}
.imagecontainer li:hover,
.imagecontainer li:focus {
	border-color: #fff;
	-webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
	box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
}


/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #000;
			background-color: rgba( 0, 0, 0, .8 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3em; /* 60 */
			height: 7em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			display: none !important\9;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}