body {font-size: 12px;color: #000000;font-family: 'Microsoft YaHei';}



body, div, ul, ol, li, dl, dt, dd, p, span, h1, h2, h3, h4, h5, h6, form, pre, fieldset, legend, table, tr, td, th, input, textarea, img {



	margin: 0;padding: 0;font-family: 'Microsoft YaHei';}



section, article, header, footer, aside, nav, dialog, figcaption, figure, menu, details {margin: 0;padding: 0;font-family: 'Microsoft YaHei';}



div, ul, ol, li, dd, dl, dt {list-style: none;}



table {border-collapse: collapse;border: 0;}



td, tr, th {font-size: 12px;}



img {border: none;}



select, input, img {vertical-align: middle;}



textarea {vertical-align: middle;font-size: 12px;resize: none;}



em {font-style: normal;}



b {font-weight: normal;}



h1, h2, h3 {font-weight: bold;font-size: 16px;}



h4, h5, h6 {font-weight: bold;font-size: 12px;}



a:link, a:visited {color: #0076BE;text-decoration: none;}



a:hover, a:active {color: #FF0000;text-decoration: underline;}



a.sethome:link, a.sethome:visited {color: #273843;font-size: 12px;text-decoration: none;}



a.sethome:hover, a.sethome:active {color: #FF0000;font-size: 12px;text-decoration: underline;}



a.links:link, a.links:visited {color: #3C3B3B;font-size: 12px;text-decoration: none;}



a.links:hover, a.links:active {color: #FF0000;font-size: 12px;text-decoration: underline;}



a.white:link, a.white:visited {color: #FFFFFF;font-size: 12px;text-decoration: none;}



a.white:hover, a.white:active {color: #FF0000;font-size: 12px;text-decoration: none;}



a.black:link, a.black:visited {color: #666666;font-size: 12px;text-decoration: none;}



a.black:hover, a.black:active {color: #FF0000;font-size: 12px;text-decoration: none;}



a.detail:link, a.detail:visited {color: #000000;font-size: 12px;text-decoration: none;}



a.detail:hover, a.detail:active {color: #FF0000;font-size: 12px;text-decoration: none;}



a.newslist:link, a.newslist:visited {color: #666666;font-size: 13px;text-decoration: none;}



a.newslist:hover, a.newslist:active {color: #FF0000;font-size: 13px;text-decoration: none;}



a.job:link, a.job:visited {color: #333333;font-size: 12px;text-decoration: none;}



a.job:hover, a.job:active {color: #FF0000;font-size: 12px;text-decoration: none;}



a.botmenu:link, a.botmenu:visited {color: #FFFFFF;font-size: 13px;text-decoration: none;margin: 0px 8px 0px 7px;}



a.botmenu:hover, a.botmenu:active {color: #FFFF00;font-size: 13px;text-decoration: none;margin: 0px 8px 0px 7px;}







.clear, .cl {clear: both;}



.text-left {text-align: left;}



.text-right {text-align: right;}



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



.tl {text-align: left;}



.tr {text-align: right;}



.tc {text-align: center;}



.fl, .l {float: left;}



.fr, .r {float: right;}



.mt5 {margin-top: 5px;}



.mt10 {margin-top: 10px;}



.mt20 {margin-top: 20px;}



.mb5 {margin-bottom: 5px;}



.mb10 {margin-bottom: 10px;}



.h20 {height: 20px;line-height: 20px;}



.h22 {height: 22px;line-height: 22px;}



.red {color: #FF0000;}



.blue {color: #0000FF;}



.blank {font-family: Times New Roman;font-size: 12px;}



.bridgeCode {width: 990px;margin: 0 auto;text-align: center;clear: both;padding: 0px 0px 5px 0px;}



.button {border: 1px solid #000000;padding-top: 1px;font-weight: normal;font-size: 12px;color: #000000;background-color: transparent;cursor: pointer;vertical-align: middle;}



.button_submit {border: 0px solid #000000;padding-bottom: 2px;font-weight: normal;font-size: 12px;color: #000000;background-color: transparent;width: 50px;height: 22px;cursor: pointer;vertical-align: middle;background: url('../images/btn_submit.gif') no-repeat;}



.button_submit2 {border: 0px solid #000000;padding-bottom: 2px;font-weight: normal;font-size: 12px;color: #000000;background-color: transparent;width: 70px;height: 22px;cursor: pointer;vertical-align: middle;background: url('../images/btn_submit2.gif') no-repeat;}



.button_submit3 {color: #fff;font-weight: normal;cursor: pointer;height: 25px;width: 100px;font-weight: bold;background-color: #e0661f;border: 1px solid #999999;border-radius: 5px;margin-right: 10px;}



.button_submit4 {color: #fff;font-weight: normal;cursor: pointer;height: 25px;width: 90px;font-weight: bold;background-color: #e0661f;border: 1px solid #999999;border-radius: 5px;}



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







/**********************************************************************************************/



.divCon {max-width: 940px;width: 100%;margin: 0 auto;}



/* topHeader */



.topHeader {float: left;width: 100%;height: 36px;background-color: #F5F5F5;}



.topNav {float: left;line-height: 36px;}



.topNav ul{ float:left;}



.topNav ul li { float:left; margin-left: 10px; position:relative;}



.topHeader a {font-size: 12px;color: #777777;text-decoration: none;}



.topNav a:first-child {margin-left: 0;}



.child_hover{ position:absolute; left:-12px; top:33px; width:70px; background-color:#f3f3f3; display:none;}



.child_hover a{ display:block; width:100%; line-height:25px; text-align:center;}



.topNav ul li:hover .child_hover{ display:block;}



.topRight {float: right;text-align: right;line-height: 36px;}



.topRight div {float: left;margin-left: 20px;padding-left: 20px;}



.topRight div {margin-left: 0px;background: url('../images/topShop.png') no-repeat center left;}



.topRight div a:first-child {margin-left: 5px;}



.topRight div a {margin-left:5px;}



.topRight p {float: left;margin-left: 20px;padding-left: 20px;background: url('../images/topPhone.png') no-repeat center left;}



.head-right {display: none;}







/* topLogo */



.topLogo {float: left;width: 100%;height: 180px;display: flex;align-items: center;justify-content: center;}



.topLogo img {max-width: 100%;}



/* search */



.Search {float: left;width: 100%;line-height: 40px;}



.searchLeft {float: left;width: 50%;font-size: 12px;text-align: left;color: #777777; overflow:hidden;}



.searchRight {float: right;width: 50%;text-align: right;position: relative;}



.searchTxt {padding-left: 10px;width: 175px;height: 23px;border: 1px solid #CCCCCC;outline: none;font-size: 12px;}



.searchTxt::-webkit-input-placeholder {color: #A8A8A8;}



.searchTxt::-moz-placeholder {/* Mozilla Firefox 19+ */color: #A8A8A8;}



.searchTxt:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #A8A8A8;}



.searchTxt:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #A8A8A8;}



.searchBtn {position: absolute;right: 5px;top: 14px;width: 16px;height: 16px;background: url('../images/search.png') no-repeat center;border: none;outline: none; cursor:pointer;}







/* indexBanner */



.indexBanner {float: left;width: 100%;}



#container {width: 100%;height: 420px;overflow: hidden;}



.sections, .section {height: 100%;}



#container, .sections {position: relative;}



.section {background-size: cover;background-position: 50% 50%;text-align: center;color: white;}







/* products */



.products {float: left;margin: 30px 0;width: 100%;}



.products ul {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}



.products ul li {width: 210px;height: 170px;overflow: hidden;}



.products ul ul {display: none;}



.model_tit {padding-left: 10px;height: 30px;line-height: 30px;position: relative;}



.model_tit:after {position: absolute;content: "";left: 0;top: 5px;width: 3px;height: 20px;background-color: #FF6A00;}



.model_tit span {font-size: 22px;font-family: arial;color: #D4D4D4;}



.model_tit i {margin-left: 15px;font-style: normal;font-size: 16px;color: #414141;}







/* featured */



.featured {float: left;width: 100%;}



.featuredPro {float: left;margin: 10px 0;width: 100%;}



.featuredPro > .left {float: left;width: 600px;}



.featuredPro > .right {float: right;width: 300px;height: 275px;position: relative;}



.featuredPro > .right h1 {margin-top: 20px;font-size: 21px;font-weight: normal;color: #414141;}



.featuredPro > .right h1 a {color: #414141;}



.featuredPro > .right p {margin-top: 20px;font-size: 12px;color: #777777;line-height: 30px;}



.featuredPro > .right i {position: absolute;left: 0;bottom: 0;font-size: 30px;color: #414141;font-style: normal;}



.featuredPro > .right i:before {content: "￥";font-size: 19px;margin-right: 5px;}



.featuredPro > .right i:after {content: "元";font-size: 15px;margin-left: 5px;}



.featuredPro > .right a.buy {position: absolute;right: 0;bottom: 0;width: 100px;height: 30px;text-align: center;line-height: 30px;font-size: 13px;text-decoration: none;background-color: #FF6A00;color: #FFFFFF;}







/* hotPro */



.hotPro {float: left;margin-top: 20px;width: 100%;}



.hotList {margin: 20px 0;float: left;width: 100%;}



.hotList > .left {float: left;width: 580px;height: 457px;}



.hotList > .right {float: right;width: 345px;}



.hotList > .right p {margin: 12px 0;font-size: 12px;position: relative;}



.hotList > .right p:before {content: "▲";}



.hotList > .right a {text-decoration: none;color: #333333;}



.hotBanner {float: left;width: 100%;margin-top: 20px;}



.hotBanner img {margin-bottom: 25px;}



.proUl {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}



.proUl li {float: left;margin: 5px 0;width: 300px;height: 395px;}



.proUl li .IMG {float: left;width: 100%;height: 300px;overflow: hidden;display: flex;align-items: center;justify-content: center;transition: .5s;}



.proUl li .IMG img {max-width: 100%;transition: .5s;}



.proUl li .TXT {float: left;position: relative;width: 100%;height: 84px;background: url('../images/proRight.png') no-repeat center right 20px;border-bottom: 1px solid #CCCCCC;transition: .5s;}



.proUl li .TXT a {text-decoration: none;}



.proUl li .TXT p {margin-top: 20px;font-size: 12px;color: #666666;transition: .5s;}



.proUl li .TXT span {font-size: 13px;color: #B7B7B7;line-height: 30px;}



.proUl li .TXT:after {position: absolute;opacity: 0;content: "";right: 40px;top: 30px;width: 1px;height: 20px;background-color: #CCCCCC;transition: .5s;}



.proUl li:hover .IMG {height: 290px;}



.proUl li:hover .TXT {height: 99PX;background: url('../images/proRight.png') no-repeat center right 10px;}



.proUl li:hover .TXT p {margin-top: 35px;}



.proUl li:hover .TXT:after {right: 45px;top: 45px;opacity: 1;}



.proBanner {float: left;margin: 10px 0;width: 100%;}







/* newPro */



.newPro {float: left;width: 100%;}



.newUl {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}



.newUl li {float: left;margin: 5px 0;width: 225px;height: 300px;}



.newUl li .IMG {float: left;width: 100%;height: 225px;overflow: hidden;display: flex;align-items: center;justify-content: center;transition: .5s;}



.newUl li .IMG img {max-width: 100%;transition: .5s;}



.newUl li .TXT {float: left;position: relative;width: 100%;height: 60px;background: url('../images/proRight.png') no-repeat center right 20px;border-bottom: 1px solid #CCCCCC;transition: .5s;}



.newUl li .TXT a {text-decoration: none;}



.newUl li .TXT p {margin-top: 12px;font-size: 12px;color: #666666;transition: .5s;}



.newUl li .TXT span {font-size: 13px;color: #B7B7B7;line-height: 30px;}



.newUl li .TXT:after {position: absolute;opacity: 0;content: "";right: 40px;top: 30px;width: 1px;height: 20px;background-color: #CCCCCC;transition: .5s;}



.newUl li:hover .IMG {height: 215px;}



.newUl li:hover .TXT {height: 75px;background: url('../images/proRight.png') no-repeat center right 10px;}



.newUl li:hover .TXT p {margin-top: 20px;}



.newUl li:hover .TXT:after {right: 45px;opacity: 1;}







/* divfooter */



.divfooter {float: left;width: 100%;}



.footIMG_Ul {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}



.footIMG_Ul li {float: left;height: 90px;display: flex;align-items: center;}



.copyright {float: left;width: 100%;padding: 20px 0;text-align: center;line-height: 21px;font-size: 12px;color: #777777;border-top: 1px solid #CCCCCC;}



.proContent {float: left;margin: 30px 0;width: 100%;}



.leftNav {float: left;width: 220px;}



.rightList {float: right;width: 700px;}



.rightList ul {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}



.rightList ul li {float: left;margin-bottom: 10px;width: 220px;height: 290px;}



.rightList ul li .IMG {float: left;width: 100%;height: 215px;overflow: hidden;display: flex;align-items: center;justify-content: center;transition: .5s;}



.rightList ul li .IMG img {max-width: 100%;transition: .5s;}



.rightList ul li .TXT {float: left;position: relative;width: 100%;height: 60px;background: url('../images/proRight.png') no-repeat center right 20px;border-bottom: 1px solid #CCCCCC;transition: .5s;}



.rightList ul li .TXT a {text-decoration: none;}



.rightList ul li .TXT p {margin-top: 10px;font-size: 12px;color: #666666;transition: .5s;}



.rightList ul li .TXT span {font-size: 13px;color: #B7B7B7;line-height: 30px;}



.rightList ul li .TXT:after {position: absolute;opacity: 0;content: "";right: 40px;top: 30px;width: 1px;height: 20px;background-color: #CCCCCC;transition: .5s;}



.rightList ul li:hover .IMG {height: 205px;}



.rightList ul li:hover .TXT {height: 80PX;background: url('../images/proRight.png') no-repeat center right 10px;}



.rightList ul li:hover .TXT p {margin-top: 20px;}



.rightList ul li:hover .TXT:after {right: 45px;top: 30px;opacity: 1;}



.rightDetail {float: right;width: 700px;}



.detail {float: right;width: 100%;}



.detail_left {float: left;width: 362px;height: 430px;display: flex;align-items: center;justify-content: center;border:0px solid #FF0000;}



.detail_left img {max-width:350px;}



.detail_right {float: right;width: 320px;border:0px solid #00FF00;}



.detail_right h1 {margin: 10px 0;font-size: 18px;font-weight: normal;text-align: center;line-height: 30px;color: #414141;}



.detail_right div {margin: 5px 0;}



.detail_right label {float:left;width:65px;margin-left: 10px;line-height: 40px;font-size: 12px;color: #777777;}



.detail_right div p.pshare {float: right;margin: 5px 5px;width: 235px;font-size: 12px;color: #777777;line-height: 30px;}



.detail_right div.price > p {font-size: 18px;color: #FFA000;}



.detail_right div.price > p span {font-size: 14px;}



.detail_right div a.fbuy {display: inline-block;float: left;margin-left: 20px;margin-top: 5px;width: 103px;height: 28px;text-align: center;line-height: 28px;font-size: 13px;text-decoration: none;border: 1px solid #FFA000;background-color: #FF6A00;color: #FFFFFF; text-decoration:none;}



.detail_right div a.fcart {display: inline-block;float: left;margin-left: 10px;margin-top: 5px;width: 103px;height: 28px;text-align: center;line-height: 28px;font-size: 13px;text-decoration: none;border: 1px solid #FFA000;background-color: #FFF5EC;color: #FFA000;text-decoration:none;}



.detail_right .description {width: 100%; min-height: 138px;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}



.detail_ul {float: left;margin-top: 50px;width: 100%;}



.detail_ul {float: left;width: 100%;height: 35px;border-bottom: 1px solid #CCCCCC;}



.detail_ul li {float: left;padding: 0 14px;line-height: 35px;cursor: pointer;}



.detail_ul li.tabon {background-color: #FF6A00;color: #FFFFFF;}



.detail_Con {float: left;margin-top: 25px;width: 100%;}



.wap_nav {display: none;float: left;margin-top: 5px;width: 26px;height: 26px;border-radius: 5px;



    background: url('../images/wap_nav.png') no-repeat center;background-color: #333333;cursor: pointer;}



.wap_navlist {display: none;float: left;width: 100%;background-color: #E1E1E1;}



.wap_navlist ul {float: left;padding: 15px 0;width: 100%;}



.wap_navlist ul li {float: left;width: 100%;}



.wap_navlist ul li a {text-decoration: none;color: #000000;font-size: 13px;line-height: 30px;}



.wap_child{ padding-left:15px;}



.wap_child>a{ display:block; width:100%; font-size:12px; color:#666666;}







.aboutbg { padding-bottom: 50px;}



.abouttitle { height:40px;box-sizing: border-box; padding-top: 20px 0 20px 0; }



.abouttitle h2 { text-align: center; font-size: 20px; color: #666666; }



.abouttitle p { text-align: center; font-size: 14px; line-height: 24px; color: #818181; }



.aboutgroup {padding:20px 0;}



.aboutlist {padding:0px 0;}



.contentgroup img,.aboutgroup img,.contactgroup img {max-width:99%;height:auto !important;padding:10px 0;}



.contentgroup table,.aboutgroup table,.contactgroup table {width:99% !important;word-break:break-all;}







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



.page {margin-top:30px;text-align:center;}



.page span {display:inline-block;width:36px;height:38px;line-height:38px;background:#2e0b4e;color:#FFFFFF;text-align:center;font:12px;}



.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}



.pagination > li {display: inline;}



.pagination > li > a,



.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}



.pagination > li:first-child > a,



.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}



.pagination > li:last-child > a,



.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}



.pagination > li > a:hover,



.pagination > li > span:hover,



.pagination > li > a:focus,



.pagination > li > span:focus {color: #23527c;background-color: #eee;border-color: #ddd;}



.pagination > .active > a,



.pagination > .active > span,



.pagination > .active > a:hover,



.pagination > .active > span:hover,



.pagination > .active > a:focus,



.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #2e0b4e;border-color: #2e0b4e;}



.pagination > .disabled > span,



.pagination > .disabled > span:hover,



.pagination > .disabled > span:focus,



.pagination > .disabled > a,



.pagination > .disabled > a:hover,



.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}







.pro-feature-area{ margin:0 auto; width:100%; }



.parame-bott{border:1px solid #dedede; background-color:#FFF; margin-bottom:20px; margin-top:-1px}



.spxq p a img{ vertical-align:top}



.pro-disclaimer-area{padding:0 10px 20px}



.pro-disclaimer-area p{text-indent:2em; color:#666; line-height:1.8}



.pro-disclaimer-area img {max-width:98%;height:auto !important;}



.pro-disclaimer-area table {width:99% !important;word-wrap:break-word;}



.pro-disclaimer-area div {max-width:98%;width:98% !important;height:auto !important;}



.pro-disclaimer-area .desc-lazyload-container {width:98% !important;}



.pro-disclaimer-area p img {max-width:98% !important;height:auto !important;}







.wi850{width:850px}



.modity-zhut tr th,.modity-zhut tr td{text-align:left;padding:0px 0}



.modity-zhut tr th h3{font-size:15px;  font-weight:100; border-bottom:1px solid #ccc; padding:0px 0 10px 0; margin-bottom:10px}



.modity-zhut tr{ line-height:20px; font-size:14px;color:#404040;font-family: 'Tahoma',\5FAE\8F6F\96C5\9ED1;}



.wi143{width:143px; vertical-align:top}



.padding36-0-36-0{padding:36px 0 36px 0}



.fo-si-14{font-size:14px}



.li-hi-1-5{line-height:1.5}



.wi146{width:146px}



.wi150{width:150px}



.wi123{width:123px}



.wi516{width:516px}



.pa-to-7{padding-top:7px}



.pa-to-43{padding-top:43px}







.yqlj {clear:both;margin:0 auto;width:950px;border-top:1px dashed #BBBBBB;padding:10px 0px 5px 0px;line-height:25px;}



.yqlj span {float:left;width:80px;font-weight:bold;height:30px;margin-right:0px;text-align:left;font-size:14px;color:#4F4949;}



.yqlj div {float:left;width:860px;} 



.yqlj div a,.yqlj div a:visited {margin:0px 10px 0px 0px;color:#666666;font-size:12px;}







@media only screen and (max-width: 1024px) {



	.divCon {width: 750px;}



	.topLogo {height: 120px;}



	.topRight p {display: none;}



	.head-right {display: block;}



	.topNav {display: none;}



	.products ul li {margin: 5px 0;width: 48%;height: 300px;}



	.products ul li img {width: 100%;}



	.featuredPro > .left {width: 58%;}



	.featuredPro > .left img {width: 100%;}



	.featuredPro > .right {width: 39%;height: 200px;}



	.featuredPro > .right h1, .featuredPro > .right p {margin-top: 10px;}



	.hotBanner img {max-width: 100%;}



	.proUl li {width: 32%;height: 320px;}



	.proUl li .IMG {height: auto;}



	.proUl li:hover .IMG {height: auto;}



	.proUl li .TXT {height: 65px;}



	.proUl li:hover .TXT {height: 75px;}



	.proUl li .TXT p {margin-top: 10px;}



	.proUl li:hover .TXT p {margin-top: 15px;}



	.proUl li:hover .TXT:after {top: 30px;}



	.proBanner img {max-width: 100%;}



	.newUl li {width: 48%;height: 350px;}



	.newUl li .IMG {height: 280px;}



	.newUl li:hover .IMG {height: 280px;}



	.newUl li .TXT {height: 65px;}



	.newUl li:hover .TXT {height: 75px;}



	.newUl li .TXT p {margin-top: 10px;}



	.newUl li:hover .TXT p {margin-top: 15px;}



	.newUl li:hover .TXT:after {top: 30px;}



	.footIMG_Ul li {width: 48%;justify-content: center;}



	#container {height: 330px;}



	.leftNav {width: 165px;}



	.leftNav img {max-width: 100%;}



	.rightList {width: 570px;}



	.rightList ul li {width: 180px;}



	.rightList ul li .IMG {height: 185px;}



	.rightList ul li:hover .IMG {height: 175px;}



	.rightList ul li .TXT {height: 50px;}



	.rightList ul li .TXT p {margin-top: 5px;}



	.rightList ul li:hover .TXT {height: 65px;}



	.rightList ul li:hover .TXT:after {top: 25px;}



	.rightDetail {width: 560px;}



	.detail_left {width: 100%;}



	.detail_right {width: 100%;}



	.detail_right div p.pshare {width: 460px;}



	.detail_right .description {height: 68px;}



    .wap_nav {



        display: block;



    }	



}







@media only screen and (max-width: 750px) {



	.divCon {width: 96%;}



	.topLogo {height: 100px;}



	.searchLeft, .searchRight {width: 100%;}



	.searchLeft {float: left;font-size: 12px;text-align: left;color: #777777; overflow:hidden; line-height:25px;}



	#container {height: 170px;}



	.products {margin-top: 10px;}



	.products ul li {width: 100%;}



	.featuredPro > .left {width: 100%;}



	.featuredPro > .right {display: none;}



	.hotPro {margin: 0;}



	.hotBanner {margin-top: 10px;}



	.hotBanner img {margin-bottom: 5px;}



	.proUl li {width: 100%;height: auto;}



	.newUl li {width: 100%;height: auto;}



	.footIMG_Ul li {width: 100%;}



	.proContent {margin: 15px 0;}



	.leftNav {width: 100%;}



	.leftNav img {width: 100%;}



	.detail_left img {max-width:400px;}



	.rightList {width: 100%;}



	.rightList ul li {width: 100%;}



	.rightList ul li .IMG {height: 300px;}



	.rightList ul li {height: 360px;}



	.rightDetail {width: 100%;}



	.detail_right label {width:20%;margin-left: 3%;}



	.detail_right div p.pshare {width:74%;}



	.detail_right .description {height: 100px; overflow:hidden;}



}







@media all and (max-width:640px) {



	body {max-width:640px;margin:0 auto;}



	.detail_left img {max-width:400px;}



}