@charset "utf-8";
body{word-break:break-all;word-wrap:break-word}
body{background: #fff;}
.module{width:100%;margin:0 auto;padding:0;margin-bottom:0;*margin-bottom:0;}
.w-wrap-inner{width:990px;padding:0 5px;margin:0 auto}
.page-products{margin-top:20px}
.page-products ul{background:#fdfdfd;padding:0 2px;height:300px;overflow:hidden}
.page-products li{width:190px;height:300px;float:left;display:inline;overflow:hidden;border-right:solid 2px #e0e0e0}
.page-products li a{display:block;color:#73777a}
.page-products li a:hover{text-decoration:none}
.page-products li.last{border-right:none 0}
.page-products .item-inner{width:410px;height:100%}
.page-products .item-inne .big-wow{color:#ff4606;font-size:24px}
.page-products .main{text-align:center;width:190px;height:100%;border-right:solid 1px #e0e0e0;background-position:center 115px;background-repeat:no-repeat}
.page-products .main a{height:100%}
.page-products .main strong{display:block;font-size:18px;color:#000;line-height:25px;padding-top:23px}
.page-products .main .descrip{display:block;line-height:20px;padding-top:5px;height:60px}
.page-products .main .btm{display:block;line-height:20px;padding-top:110px}
.page-products .rubberconnector .main{background-image:url(../Images/products/icon_rubberconnector.png)}
.page-products .productsmore .main{background-image:url(../Images/products/icon_productsmore.png)}
.page-products .nameplate .main{background-image:url(../Images/products/icon_nameplate.png)}
.page-products .foampads .main{background-image:url(../Images/products/icon_foampads.png)}
.page-products .membraneswitch .main{background-image:url(../Images/products/icon_membraneswitch.png)}
.page-products .screen .main {background-image: url(../Images/products/icon_screen.png)}
.page-products .film-tape .main {background-image: url(../Images/products/icon_film_tape.png)}
.page-products .detail .sort{width:198px;height:115px;padding:25px 0 10px 20px;border-bottom:solid 1px #e0e0e0}
.page-products .detail .sort .tag{display:inline-block;color:#373d41;height:22px;line-height:22px;border:solid 1px #373d41;padding:0 10px;margin-bottom:10px}
.page-products .detail .sort .price{display:block;margin-bottom:10px}
.page-products .detail .sort .wow{color:#ff4606;font-size:24px}
.page-products .detail .sort .descrip{display:block}
.page-products .three-item .sort{height:75px;padding-top:15px}
.page-products .three-item .sort .price{display:inline-block;padding-left:10px}
.page-products .four-item .sort{height:55px;padding-top:11px}
.page-products li.on{background:#fff;width:410px;border-left:solid 2px #c26b73;border-right:solid 2px #c26b73;margin:0 -2px}
.page-products li.on .rubberconnector .main{background-image:url(../Images/products/icon_rubberconnector_on.png)}
.page-products li.on .productsmore .main{background-image:url(../Images/products/icon_productsmore_on.png)}
.page-products li.on .nameplate .main{background-image:url(../Images/products/icon_nameplate_on.png)}
.page-products li.on .foampads .main{background-image:url(../Images/products/icon_foampads_on.png)}
.page-products li.on .membraneswitch .main{background-image:url(../Images/products/icon_membraneswitch_on.png)}
.page-products li.on .screen .main {background-image: url(../Images/products/icon_screen_on.png)}
.page-products li.on .film-tape .main {background-image: url(../Images/products/icon_film_tape_on.png)}
.rohs{width:988px;border:1px solid #c26b73;margin:0 auto;padding:0;margin-bottom:36px;*margin-bottom:36px;color:#fff;}
.rohs:hover{border:1px solid #00c1de;box-shadow:0 0 10px 5px rgba(0,193,222,.2)}
.rohs H2{font-size:32px; font-weight:normal;background-color:#ff681d; text-align:center; height:90px; line-height:90px;letter-spacing:8px;color:#fff;}
.rohs .rohs_inner{margin:0;padding:0;clear:both;text-align:center;padding-bottom:36px;border-top:none;}
.rohs .triangle-down{width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 50px solid #ff681d;margin-left:444px; display:block;}
.rohs:hover H2{background-color:#00c1de;color:#fff;}
.rohs:hover .triangle-down{border-top: 50px solid #00c1de;}
.rohs H3{font-size:18px; font-weight:normal;text-align:center;}
.rohs .rohs_bg{height:54px; line-height:54px;color:#73777a;}
.rohs dl{margin-left:36px;padding:18px;float:left;width:401px; background-color:#000;-moz-border-radius: 5px;border-radius: 5px;}
.rohs .rohs_dl_last{margin-left:42px;}
.rohs dl dt{float:left; display:inline; width:80px;}
.rohs dl dd{float:left; display:inline; width:305px; height:90px; margin-left:15px;}
.rohs dl dd,.rohs dl dd h3{text-align:left;}
.rohs dl dd p{margin-top:7px;}
.rohs a{color:#fff; text-decoration:none;}
.rohs dl{filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;cursor:pointer;}
.rohs dl:hover{filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.use-example{width:990px;margin:0 auto;padding:0; padding-top:8px; *padding-top:8px; margin-bottom:70px;*margin-bottom:70px;color:#fff;}
.use-example .title{height: 54px;overflow: hidden;text-align: center;position: relative;margin-bottom:24px;}
.use-example .title .golink{display: inline-block;padding: 0 18px;height: 54px;line-height: 54px;text-decoration: none;background-color:#fff; position: relative;z-index: 2;overflow: hidden;}
.use-example .title .golink:hover .txt{color:#00c1de;transition: all .3s;}
.use-example .title .golink .txt{font-size: 32px;color: #373d41;line-height: 54px;}
.use-example .title .line{display: block;width: 100%;height: 1px;background-color:#efefef;position: absolute;top: 29px;left: 0;z-index: 1;}
.use-example .use-inner{margin:0;padding:0;clear:both;text-align:center;border:none; width:100%;}
.use-inner .good{float:left;width:320px;height:463px;border:1px solid #c26b73;margin-right:12px;transition:all .3s;background-color:#fff}
.use-inner .good .hd{height:114px;background-color:#f6f7f9;margin-bottom:12px}
.use-inner .good .hd .more{display:block;height:79px;padding-top:36px;position:relative;text-align:center;text-decoration:none}
.use-inner .good .hd .more .tip {width: 126px;height: 20px;font-size: 12px;color: #fff;line-height: 20px;background-color: #ff8a00;position: absolute;left: 50%;top: -1px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.use-inner .good .hd .more .h2{font-size:18px;color:#373d41;line-height:24px}
.use-inner .good .hd .more .t1{font-size:14px;color:#73777a;line-height:24px;margin-bottom:5px}
.use-inner .good .col{width:296px;height:296px;overflow:hidden;margin:0 auto;padding:0 12px;margin-bottom:12px;}
.use-inner .good .col img{margin:0 auto; padding:0; width:296px; height:296px; border:none; display:block;}
.use-inner .good .button{padding-left:12px;display:none}
.use-inner .good .button a{text-decoration:none;display:block;width:96px;height:28px;line-height:28px;text-align:center;font-size:14px;color:#fff;background:#00c1de}
.use-inner .good:hover{height:471px;margin-top:-8px;border:1px solid #00c1de;box-shadow:0 0 10px 5px rgba(0,193,222,.2)}
.use-inner .good:hover .hd{background-color:#00c1de}
.use-inner .good:hover .hd .h2,.use-inner .good:hover .hd .more,.use-inner .good:hover .hd .t1{color:#fff}
.use-inner .good:hover .button{display:block}
.use-inner .good:hover .button a:hover{background:#33cde5;transition:all .3s} 
.use-inner .last,div.good:last-child{margin-right:0;}
.use-example .use-more{height: 28px;overflow: hidden;text-align: center; margin-top:23px;}
.use-example .use-more .morelink{display: inline-block;height: 28px;line-height: 28px;font-size: 16px;color: #777f84;overflow: hidden;text-decoration: none;}
.use-example .use-more .morelink .lo1{display: none;width:15px;height: 16px;margin-left: 5px;vertical-align: middle;position: relative;top: -1px;background: url(../Images/products/UseExamples/more-36-36.png) no-repeat 50%;background-size: 100%;}
.use-example .use-more .morelink .lo2{display: inline-block;width: 15px;height: 16px;margin-left: 5px;vertical-align: middle;position: relative;top: -1px;background: url(../Images/products/UseExamples/more-32-32.png) no-repeat 50%;background-size: 100%;}
.use-example .use-more .morelink:hover{color: #00c1de;transition: all .3s;}
.use-example .use-more .morelink:hover .lo1{display:inline-block}
.use-example .use-more .morelink:hover .lo2{display:none}