@media screen and (max-width: 1222px) { 
.header .logo img{width:143px;}
.header .logo{float:none!important;text-align:center;}
.header .search{margin-top: 0px!important;}
.header .search .form-control{width: 270px!important;}
.home-about .img-about{display:none;}
.home-about .text-about{width: 100%!important;}
.container .row .col-4{display:none;}
.container .row .col-8{width:100%;}
.container .row .col-8 .product-list .Datasheet{display:none;}
.product-list ul > li.PartNumber{width:50%!important;}
.product-list ul > li.Description{width:50%!important;}
.products-item{padding-left: 5px!important;}
.products-item .product-image{position: static!important;}
.products-item .product-image img{max-height: 340px!important;padding: 10px!important; border: 0px #ccc solid!important;}
.row-title h3{font-size:14px;}
.product-body .row .col-3{float:none;width: 100%;}  
.advantage .row .col-6 {float:none;width: 100%;}
.product-category .row .col-3{float:none;width: 100%;} 
.products-shop ul > li{width: 100%!important;margin-bottom:10px;}
.products-shop ul{padding: 0px 12px!important;}
.products-shop{padding: 0!important;}
.main-banner .breadcrumbs{padding-left: 0px!important;}
.header{padding:0px 0px!important;}
.main-banner{line-height: 20px!important;}
}
.text-about,.row-title,.advantage h2,.product-category,.main-banner{padding-right: 15px;padding-left: 15px;}

html, body { padding: 0px; margin: 0px; font-size: 14px; font-family: Microsoft Yahei, Tahoma, Arial; }

a { color: #337ab7; text-decoration: none; }

a:hover, a:focus { color: #23527c; text-decoration: underline; }

a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.container { margin: 0px auto; max-width: 1200px; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* container */

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; }

.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after { clear: both; }

.form-control { display: inline-block; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; vertical-align: middle; background-image: none; border: 1px solid #ccc; }

.form-control:focus { border-color: #66afe9; outline: 0; }

.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; text-decoration: none; }

.btn-info { background-color: #0197f1; color: #fff; border-radius: 6px; }

/* clo */

.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; }

.col-12 { width: 100%; }

.col-11 { width: 91.66666667%; }

.col-10 { width: 83.33333333%; }

.col-9 { width: 75%; }

.col-8 { width: 66.66666667%; }

.col-7 { width: 58.33333333%; }

.col-6 { width: 50%; }

.col-5 { width: 41.66666667%; }

.col-4 { width: 33.33333333%; }

.col-3 { width: 25%; }

.col-2 { width: 16.66666667%; }

.col-1 { width: 8.33333333%; }

h1, .h1 { font-size: 26px; }

h2, .h2 { font-size: 20px; }

h3, .h3 { font-size: 18px; }

h4, .h4 { font-size: 16px; }

h5, .h5 { font-size: 14px; }

h6, .h6 { font-size: 12px; }

p { margin: 0 0 10px; }

/* header */

.header .logo { float: left; }

.header .search { float: right; margin-top: 20px;}

.header .search .btn-search { background-color: #0197f1; color: #fff;border:1px solid #0197f1;}

.header .search .form-control { width: 350px; border-color: #0197f1; }

.header .search .keywords { font-size: 12px; margin-top: 8px; }
.header{padding:10px 0;}
.nav { background-color: #0197f1; color: #fff; }

.nav .menu { text-align: center; }

.nav .menu a { color: #fff; text-decoration: none; display: table-cell; width: 1%; padding: 12px 5px; }

.swiper-slide { text-align: center; }

.swiper-slide img { max-width: 100%; }

/* Home */

.home-about { padding: 30px 0px; }

.home-about .img-about { width: 40%; float: left;padding-top:70px; }

.home-about .img-about > img { max-width: 96%; }

.home-about .text-about { width: 60%; float: right; }

.home-about .text-about h1 { color: #0197f1; text-transform: uppercase; }

.home-about .text-about p { color: #333333; }

/* row-title */
.row-title { background-color: #434343; border-bottom: 3px #0197f1 solid; position: relative; color: #fff; text-transform: uppercase; }

.row-title > .container { position: relative; }


.row-title a.more { position: absolute; top: 20px; right: 10px; color: #fff; text-decoration: none; }

.row-title a.more:hover { text-decoration: underline; }

/* product-item */

.row-body { margin-left: -15px; margin-right: -15px; }

.product-body { padding-top: 40px; padding-bottom: 40px; background: url(/upload/images/home/product-body.jpg) center repeat-y; }

.product-item { margin-bottom: 30px; }

.product-item h5 { margin: 8px 0px; }

.product-item .img-thumbnail a { display: block; border: 1px #fff solid; border-bottom: 3px #fff solid; }

.product-item .img-thumbnail a > img { max-width: 100%; }

.product-item .img-thumbnail a:hover { border: 1px #0197f1 solid; border-bottom: 3px #0197f1 solid; }

/* advantage */

.advantage { padding-top: 20px; padding-bottom: 30px; }

.advantage h2 { color: #0197f1; text-transform: uppercase; }

.advantage .info-item { background-color: #f5f5f5; margin-bottom: 30px; border: 3px #f5f5f5 solid; }

.advantage .info-item .img-thumbnail img { width: 100%; }

.advantage .info-item h3, .advantage .info-item p { padding-left: 20px; padding-right: 20px; }

.advantage .info-item p { color: #666666; }

.advantage .info-item:hover { border: 3px #0197f1 solid; background-color: #0197f1; color: #fff; }

.advantage .info-item:hover a, .advantage .info-item:hover p { color: #fff; }

/* product-category */

.product-category { padding-top: 20px; padding-bottom: 30px; background-color: #0197f1; }

.product-category h2 { color: #fff; text-transform: uppercase; }

.product-category .item { border: 1px #fff solid; border-radius: 10px; text-align: center; margin-top: 10px; margin-bottom: 20px; display: block; }

.product-category .item > a { font-size: 12px; color: #fff; }

.product-category .item > a > img { max-width: 100%; }

/* case */

.case { padding-top: 40px; padding-bottom: 30px; }

.case .info-item { margin-bottom: 30px; }

.case .info-item .img-thumbnail img { width: 100%; }

.case .info-item h3, .case .info-item p { padding-left: 20px; padding-right: 20px; }

.case .info-item p { color: #666666; }
.pdf-middle{vertical-align: baseline;}
/* footer */

.footer { background-color: #31353d;padding-right: 15px;padding-left: 15px;}

.footer .about { color: #999999; float: left; width: 100%; padding: 20px 0px; }

.footer .about h3 { margin-bottom: 10px; padding-bottom: 8px; padding-top: 8px; border-bottom: 1px #ccc dotted; text-transform: uppercase; }

.footer .menu { float: right; width: 36%; margin-top: 78px; }

.footer .menu a { width: 45%; display: inline-block; line-height: 1.5em; padding: 6px 0px; margin-left: 4%; margin-bottom: -1px; border-top: 1px #ccc dotted; border-bottom: 1px #ccc dotted; color: #999999; }

.copyright { color: #999; background-color: #444850; padding: 10px 15px; }

/* main */

.main-banner {height: 40px; position: relative; line-height:40px}

.main-banner img { max-width: 100%; }

.main-banner .breadcrumbs { color: #337ab7; font-size: 12px; position: absolute;padding-left: 15px;}

.main-banner .breadcrumbs a { color: #337ab7; }

/* product-cat */

.product-cat { background-color: #fff; margin: 0px 0px 30px 0px; }

.product-cat .logo { text-align: center; border: 1px #ccc solid; padding: 20px 0px; }

.product-cat .logo img { max-width: 100%; }

.product-cat h1 { background-color: #0197f1; color: #fff; font-size: 16px; font-weight: bold; padding: 5px 10px; }

.product-cat dl, .product-cat h1 { margin: 0px; }

.product-cat dt { background-color: #eeeeee; color: #666666; border-bottom: 1px #ccc solid; font-size: 12px; padding: 5px 10px; }

.product-cat dd { background-color: #fafafa; color: #999999; border-bottom: 1px #eeeeee solid; font-size: 12px; padding: 5px 10px; margin-left: 0px; }

/* product-list */

.product-list { margin: 0px 0px; }

.product-list ul { border-bottom: 1px #eee solid; padding: 8px 10px; margin: 0px; font-size: 12px; }

.product-list ul.dt { border-top: 3px #eee solid; background-color: #eee; font-size: 14px; font-weight: bold; }

.product-list ul > li { display: inline-block; margin: 0px; float: left; }

.product-list ul > li.PartNumber { width: 30%; }

.product-list ul > li.Description { width: 40%; }

.product-list ul > li.Datasheet { width: 30%; }

/* product-item */

.products-item { position: relative; min-height: 200px; padding-left: 210px; }

.products-item > p > b { color: #333; }

.products-item .supplier-logo { border: 1px #ccc solid; display: inline-block; padding: 5px; }

.products-item .product-image { position: absolute; left: 0px; top: 10px; }

.products-item .product-image img { max-height: 180px; padding: 3px; border: 1px #ccc solid; }

.products-item .btn-down { padding: 2px 10px; border-radius: 5px; }

.products-shop { padding: 2px 12px; margin: 20px 0px; border: 1px #ccc solid; }

.products-shop ul > li { width: 49%; display: inline-block; }

.products-description { padding: 8px 12px; margin: 20px 0px; border: 1px #ccc solid; }

.products-related { background-color: #fafafa; margin: 30px 0px 30px 0px; }

.products-related h3 { background-color: #0197f1; color: #fff; font-size: 16px; font-weight: bold; padding: 5px 10px; margin: 0px; }

.products-related ul { margin: 0px; padding: 0px; list-style: none; }

.products-related ul > li { background-color: #fafafa; border-bottom: 1px #eee solid; font-size: 12px; padding: 5px 10px; margin: 0px; }

.products-related ul > li > span { color: #999; }

/* news-list */

.news-list { margin-top: 30px; }

.news-list ul { border-bottom: 1px #ccc dotted; margin-bottom: 20px; padding-bottom: 20px; padding-left: 140px; position: relative; }

.news-list ul { list-style: none; }

.news-list ul > li { font-size: 14px; list-style: none; color: #666; }

.news-list ul > li.Title { font-size: 14px; margin-bottom: 8px; }

.news-list ul > li.DateTime { font-size: 16px; position: absolute; left: 0px; top: 10px; padding: 10px; border: 1px #ccc solid; }

.news-item hr { border: 0px; border-bottom: 1px #ccc solid; margin: 20px 0px; }

/* page-body */

.page-body { min-height: 500px; }

/* pages */

.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }

.pager li { display: inline; }

.pager li > a, .pager li > span { display: inline-block; padding: 2px 10px; background-color: #eee; color: #0197f1; border: 2px solid #0197f1; font-size: 14px; border-radius: 15px; }

.pager li.active > a, .pager li.active > span { background-color: #0197f1; color: #fff; }

.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; color: #000; }

.pager .previous > a, .pager .previous > span { float: left; }

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }

.pages { text-align: center; }

.page-header-fullscreen { height: 550px; }

/* table */

table { background-color: transparent; border-collapse: collapse; border-spacing: 0; }

caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; }

th { text-align: left; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; margin-top: 20px; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }

.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; }

.table > tbody + tbody { border-top: 2px solid #ddd; }

.table .table { background-color: #fff; }

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; }

.table-bordered { border: 1px solid #ddd; }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }

.table-hover > tbody > tr:hover { background-color: #f5f5f5; }

table col[class*="col-"] { position: static; display: table-column; float: none; }

table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; }

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }

.table-responsive { min-height: .01%; overflow-x: auto; }