ul{ list-style:none;padding:0px}
body ul{padding-left:0px}

.scl,.scl a,.scl li a,.scl li a,.rom h3,.scl h3,.scl p,.scl img,.scl b,.scl a:hover em{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}

.scl_two a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}


.scl a:hover img,.scl img:hover{opacity:0.8;}




html body{ background:#f0f1ed}
/*�����б�--*/
body .detail ul li a{}
body .detail ul li a:hover{ color:#f60}
/*���л�ɫ*/
#rack .right .stripe li.alt{background: #f9f9f9;padding:0 10px;border-bottom:1px solid #eee;}
.arr{ background: url(../images/arrow.png) no-repeat left;padding:0 10px;}
#rack .right .stripe li {background: #FFF;padding:0 10px;border-bottom:1px solid #eee;}

/*��ҳ--*/
#rack{padding:20px 0px 0px 0; }
#rack .lefter{padding-right:30px;}
#rack ul{ list-style:none;padding:0px}
/*��ҳbanner*/
.pages_banner{}
.pages_banner img{width:100%; clear:both}
/*��ϸҳͷ*/
.pe_top{width:100%;margin:20px 0 10px 0;}
.pe_top h1{ font-size:19px;line-height:35px; font-weight:400; text-align:center; border-bottom: solid 1px #f5f5f5}
.pe_top span{ line-height:30px; font-size:12px;text-align:center; display:block;color:#888}
.pe_top span b{ font-weight:400;color:#888;margin:0 5px}
/*site*/
#rack .right h2{ font-size:18px;border-bottom:1px solid #eee;color:#0F6CB6}
#rack .right .bread a{}
#rack .right .bread a:hover{color:#f60}
/*��ҳ���*/
body .lefter .nav li{ background:#f5f5f5;}
body .lefter .nav li a:hover{  background:#fff;}
body .lefter .nav-sub a {margin-bottom:0px;}
body .lefter #subnav .nav-head{  height:40px;line-height:40px;background:#0F6CB6;color:#fff; margin-bottom:0px; font-size:18px}
body .lefter #subnav .active a{color:#f60;border-color: #f60;}
body .lefter #subnav li a:hover{color:#f60}
.con_p{ line-height:24px;padding:10px 10px; border:solid 1px #eee; font-size:12px; color:#666}
.con_p img{ margin:0 0 10px 0;width:100%;}
/*��ҳ���_����*/
body .lefter #subnav .active .ace{ display:block;color:red;border-color: #f60;}
body .lefter #subnav li ul li a,body .lefter #subnav .active ul li a{padding-left:30px;border-color: #ddd; color:#666}
body .lefter #subnav a.hover{ display:block;color:#f60; }
body .lefter #subnav .active a.hover{ color:red;}
body .lefter #subnav .navbx{ display:block}

body .lefter #subnav li ul{ display:none;}
body .lefter #subnav li:hover ul{ display:block;}
/*��ҳ�Ҳ�*/
body .rack .right #big{width:100%;}
body .detail{margin:20px 0 0 0; color:#666; font-size:13px;}
/*��ҳ��ҳ*/
/*��ҳ��ҳ*/
.flip{ float:left;width:100%; padding:10px 0 0px 0; position:relative;margin:28px 0 5px 0; border-top: solid 1px #ddd }
/*.flip hr{ padding:0px;margin:0px 0 5px 0; border:none; background:#ddd;height:1px;}*/
.flip span{margin-bottom:0px;}
.flip .tone{ position:absolute;top:0; left:0}
.flip .list span{margin-top:5px;}
.flip font{ font-size:13px;}

.flip .down{ position:absolute;top:0; right:0;}
.flip a{color:#777;font-size:13px; }

.flip .left{ float:left}
.flip .left span{ display:block;clear:both; color:#777;}
.flip .left span a{color:#999}
.flip .left span a:hover{ color:#f60}
.flip .right{ float:right}
.flip .right .list{ display:block; text-align:right; padding-right:10px; font-size:13px;}

/*��ҳ*/
#pages{ float:left; width:100%;margin:30px 0 20px 0;}
#pages .a1{ display:none;}
#selectreadpage{ display:none;}
#pages a{ background:#fff;color:#666;margin:0 2px; padding:5px;font-size:13px; border:solid #ddd 1px; border-radius:4px; }
#pages a:hover{ background:#eee}
#pages span{background:#eee;color:#f60;margin:0 2px; padding:5px;font-size:13px; border:solid #ddd 1px; border-radius:4px;}


/*����--*/
.view-body{padding-top:15px;}
body .form-x .form-group .label{width:30%;}
body .form-x .form-group .field{width:70%;}
body .form-x .form-button {     margin-left:30%;}

/*��Ʒ--*/
.ix_pt li img{ width:100%;border:solid 1px #ddd; padding:2px;}
.ix_pt li h3{ font-size:13px;color:#666; text-align:center;}
.ix_pt li a:hover h3{color:#f60;}
.ix_pt li a:hover img{ border:solid 1px #f60}

/*����ҳ���Ʒ*/
.pt_sw{ margin-top:20px;}
.pt_sw h1{ line-height:50px;}
.pt_sw .banner:hover .pager-prev, .pt_sw .banner:hover .pager-next{ display:none;}
.pt_sw .pointer{ display:none;}
.pt_sw .item{margin:0 10px;}

/*banner*/
.banner_box { width:100%; position:relative; margin:0; padding:0; overflow:hidden; }
.banner_box .banner_ul{ float:left;}
.banner_box .pager-prev{ display:none; position:absolute; top:50%; left:20px;}
.banner_box .pager-next{display:none;   position:absolute;top:50%; right:20px;}
.banner_box:hover .pager-prev,.banner_box:hover .pager-next{ display:block; color:#fff}

.banner_ul { width:100%; margin:0; padding:0; }
.banner_ul img { display:block; margin:0 auto; position:relative; width:100%;}
.banner_pic { width:100%; list-style:none; padding:0; overflow:hidden; }
/*banner�±߰�ť*/
.rslides_tabs { margin:5px auto; clear:both; overflow:hidden; text-align:center; position:absolute; width:100%;  bottom:10px; border:#F00 solid 0px; }
.rslides_tabs li { display:inline; float:none; _float:left; *float:left; margin-right:10px; }
.rslides_tabs a {background:#fff; width:12px; height:12px; border:solid 1px #ddd; text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; display:inline-block; _display:block; *display:block;}
.rslides_tabs .rslides_here a { background:#C7000A}
.page_left { width:217px; background:url(../images/page_l_bg.png) no-repeat; min-height:340px; margin-top:20px; }
.page_left h3.page_l_title { height:47px; line-height:47px; text-indent:125px; font-size:16px; }


/*����--*/
body .img-responsive{margin:auto;width:100% }
body .bread{ color:#ddd}
.wor{padding:10px 0px;line-height:23px; font-size:13px; color:#666;}
.page_v{margin:20px 0 0 0;}





/*-----------------------*/
/*����*/
#top{height:100px; position:relative;}
#top .bg-inverse{ background:none;}
#top .bg-inverse{ position:absolute; bottom:0;right:0;}
#top .bg-inverse ul li a,#top .bg-inverse ul .active .drop-menu a{ color:#666; line-height:45px; padding:0 13px; font-size:15px}
#top .bg-inverse ul li a:hover,#top .bg-inverse ul .active .drop-menu a:hover{ background:none; color:#f60}
#top .bg-inverse ul .active a{ background:none; color:#f60; font-weight:400;}
#top .bg-inverse .drop-menu{ border-radius: 0px; min-width:100%;}
#top .bg-inverse .drop-menu a,#top .bg-inverse ul .active .drop-menu a{ font-size:13px; line-height:30px; padding:0px; text-align:center;}
#top .tel{ position:absolute;right:10px; top:5px;padding:5px 0; color:#09c; line-height:20px; background: url(../images/tel.png) no-repeat left; padding-left:40px;}
#top .tel span{ display:block; color:#999}
#top .logo{ position:absolute;bottom:10px; left:0;}

#toper{padding:15px 0; background:#fff; border-bottom:1px solid #ddd}
#toper .container{position:relative;}
#toper .tel{ background:url(../images/tel.png) no-repeat;padding-left:25px; line-height:25px}
#toper .tel b{color:#3a79b1; font-size:20px; font-weight:400}

#toper .right{height:100%;}
#toper .nav{ position:absolute; bottom:-15px;right:0;}
#toper .nav li{ padding:0 0px;}
#toper .nav li hr{ float:left; margin:5px 0; height:10px; width:1px; clear:inherit}
#toper .nav li a{ float:left;  margin:0 20px;color:#3e4545; padding:0px 0 15px 0; border-bottom:2px solid #fff}
#toper .nav li a:hover{color:#f60; border-bottom:2px solid #f60}
#toper .nav li a.hover{ color:#f60;border-bottom:2px solid #f60}
#toper .nav .liactive .yiji{border-bottom:2px solid #f60}

#toper .nav li ul{ display:none; border:1px solid #f9f9f9; padding:10px 0; position:absolute; top:38px; z-index:99999; background:#fff; min-width:150px;}
#toper .nav li:hover ul{ display: block}

#toper .nav li ul a{padding:0px; font-size:13px; color:#666;  line-height:30px;text-align: center; border:none;}
#toper .nav li ul li a:hover{ border:none }


.footer{ float:left; width:100%; background:#5a5a5a; color:#d2d2d2;padding:20px 0; font-size:13px;}
.footer .left{ line-height:23px;}
.footer .left h3{ color:#fefefe; font-size:15px}

.footer .right{}
.footer .right a{ float:left; margin:0 10px 0 0;border-radius: 5px; display:block; border:1px #949494 solid; color:#eee; padding:3px 20px; }
.footer .right a:hover{ border:#ddd solid 1px;color:#eee;}
.footer .right .box h3{margin:0 0 10px 0; font-size:15px}
.footer .right .box{ margin-bottom:20px; clear:both}
.copy{ float:left; width:100%; background:#454545; color:#959595; font-size:12px; text-align:center;padding:10px 0}
.copy a{color:#959595; font-size:12px;}
.copy a:hover{color:#fff}


div.copy a:link {color: #959595}
div.copy a:visited {color: #959595}
div.copy a:hover {color: #fff}
div.copy a:active {color: #fff}




.home_pro_list{ float:left;  margin:20px 0 10px -20px }
.home_pro_list li{ }
.home_pro_list li .box{ position:relative}

.home_pro_list li .raw{ }
.home_pro_list li .vary{ opacity: 0; position:absolute;left:36px; top:0; margin:auto; display:block; text-align:center}
.home_pro_list li a:hover .vary{ opacity: 1;}
.home_pro_list li a:hover .raw{ opacity: 0;}

.home_pro_list li a{ float:left; margin:10px 0px 10px 20px; padding:25px 20px 30px 20px; display: block;color:#3373ae; background:#fff }
.home_pro_list li{ color:#3373ae; text-align:center}
.home_pro_list li h3{ margin:15px 0;color:#4a5050; font-size:16px;}
.home_pro_list li p{ margin:15px 0 30px 0;color:#707070; font-size:12px;}
.home_pro_list li b{ padding:5px 20px; margin:auto; font-size:12px; color:#3373ae; border:1px solid #3373ae; font-weight:400;
border-radius: 8px;} 
.home_pro_list li a:hover h3{color:#3373ae}
.home_pro_list li a:hover p{color:#3373ae}
.home_pro_list li a:hover b{background:#3373ae;color:#fff}



.home_ahout{ float:left; width:100%; background:#fff;padding:20px;}
.home_ahout h3{ color:#3373ae; font-size:28px; border-bottom:1px #ddd solid;padding-bottom:10px;margin-bottom:10px;}
.home_ahout p{ color:#4a5050; font-size:13px; line-height:27px;}
.home_ahout .right a{ float:right; display:block; border:#ddd solid 1px;padding:10px 15px;margin-top:30px; color:#898989}
.home_ahout .right a:hover{ border:#3373ae solid 1px; background:#3373ae;color:#ffffff;}
.home_ahout img{float:left}
.home_ahout .right{float:right; width:770px;}


.service{ float:left; width:100%; padding:25px; background:#fff; line-height:30px}

.home_link{ float:left; width:100%; margin:20px 0; background:#fff;padding:10px 10px}
.home_link a{ float:left; display:block; margin:15px 15px;}
.home_link a img{ border:#fff solid 1px;}
.home_link a:hover img{border:#3373ae solid 1px;}
.home_link h2{ width:100%; text-align:center;margin:20px 0}



ul.news_list{ float:left; width:100%;background:#fff; padding:40px; }
.news_list li{  background:#f7f7f7;margin:0 0 20px 0}
.news_list li img{ width:400px;}
.news_list .right{ float:right; width:650px; margin-right:30px;}


.news_list .right h3{ line-height:60px;color:#535353; font-size:18px; margin-bottom:15px; border-bottom:1px dashed #ddd}
.news_list .right p{ color:#535353; font-size:12px; margin-bottom:25px}
.news_list .right span{ color:#b5b5b5; font-size:12px;}
.news_list .right b{ float:right; color:#989898; font-size:12px; border:1px #ccc solid; font-weight:400; padding:5px 20px;} 
.news_list li a:hover .right h3{color:#3373ae}
.news_list li a:hover .right p{color:#3373ae}
.news_list li a:hover .right b{ border:1px solid #3373ae;background:#3373ae;color:#fff}

.wap_nav{ height:60px;}

.news_show{padding:0px; margin:0 0 20px 0}
.news_show .lefter{ float:left; width:860px; padding:20px; background:#fff}
.news_show .righter{ float:right; width:300px; background:#fff; border:1px solid #eee;padding:15px;}
.news_show .righter h2{  color:#333; font-size:16px; background:#eee;padding:5px 10px; margin:0 0 5px 0}
.news_show .righter h2 hr{display:none; clear:both; width:20px;}
.news_show .righter a{ float:left;display:block; margin:10px 0;color:#666; font-size:12px; padding:0 0 10px 0; border-bottom:1px dashed #ddd}
.news_show .righter a p{margin:0px; color:#999;  line-height:22px;}
.news_show .righter a span{ color:#666;margin:10px 0 0 0;}
.news_show .righter a h3{ font-size:14px;color:#333;margin:0 0 6px 0}
.news_show .righter a:hover h3{color:#3373ae}
.news_show .righter a:hover p{color:#3373ae}


div.bread{margin:0px;/*border-bottom:1px solid #ddd;*/ padding:5px;margin:0 0 0px 0}
.bread h2{ display:none; float:left; font-size:16px; color:#666; }
.bread .right{ float:left; line-height:30px;}
.bread .right a{ color:#999; font-size:12px;}
.bread .right a:hover{color:#3373ea}

div.content{padding:30px; margin:0 0 20px 0}

.content .right{ float:right; width:400px;}
.content .right h2{color:#626262; font-size:18px; margin-bottom:20px;}
.content .right h2 span{ display:block; color:#999; font-size:12px; }
.content .right b{ display:block;padding:0px 0 0px 40px; margin:15px 0; color:#666; font-size:13px; font-weight:400;line-height:30px;}
.content .right .tel{ background:url(../images/tel_contact_ico.png) no-repeat}
.content .right .fax{ background:url(../images/fax_contact_ico.png) no-repeat}
.content .right .add{ background:url(../images/add_contact_ico.png) no-repeat}
.content .right .mail{ background:url(../images/mail_contact_ico.png) no-repeat}
.content .right .web{ background:url(../images/web_contact_ico.png) no-repeat}

.room{ float:left; width:100%; margin:0 0 10px 0}
.room .box{ float:left; height:100%;background:#fff; padding:20px;}
.room .box h3{ font-size:18px; color:#ff0000;padding:10px 0}
.room .box h3 hr{ display:none; width:10px; background:#999}
.roomOne{height:337px;}
.roomOne .box{ float:left; width:800px;}
.roomOne img{ float:right;}

.roomTwo{height:336px;}
.roomTwo .box{ float:right; width:800px;}
.roomTwo img{ float:left;}

.roomThree{height:603px;}
.roomThree .box{ float:left; width:800px;}
.roomThree img{ float:right; }

.roomFout{ fllat:left;width:100%}
.roomFout .box{ fllat:left;width:100%}

.case_list{ float:left; margin:0px 0 20px 0;width:100%; background:#fff; padding:30px;}
.case_list li{ float:left; width:100%; background:#f7f7f7; margin-bottom:30px;}
.case_list li h3{color:#535353; font-size:20px; padding:0 0 15px 0;margin-bottom:10px;border-bottom: dashed 1px #ddd;}
.case_list li h3 span{color:#a0a0a0; font-size:15px; display:block; }
.case_list li p{color:#666}
.case_list li a:hover h3{color:#3a79b1}
.case_list li a:hover b{background:#3a79b1; color:#fff;}

.case_list li b{ float:right; background:#bdbdbd; color:#fff; font-weight:400; padding:5px 15px;}
.csse_list .one{}
.case_list .one .right{ float:right; width:500px;margin:20px 20px 0 0;}
.case_list .one .right p{color:#666; font-size:13px;}
.case_list .one .right b{ float:right;}

.case_list .one img{ float:left;width:560px;}

.product_show .lefter{ padding:25px;}

.product_show .righter a{ float:left; margin:5px 5px 10px 5px; position:relative;  border:1px #ddd solid;padding:0px; text-align:center }
.product_show .righter a h3{ position:relative; bottom:0; left:0; font-size:12px; margin:0px;padding:5px 0; color:#666; background: url(../images/black.png) }
.product_show .righter a:hover h3{ color:#fff; background:#3373ae }
.product_show .righter a:hover{ border:1px #3373ae solid;}
.product_show .righter a img{ width:100%;}
.product_show .righter li{ float:left; width:50%}

div.product_show .banner_box{ border:1px #ddd solid}
div.product_show .banner_box .rslides_tabs{}
div.product_show .banner_box .rslides_tabs .rslides_here a{ background:#3A79B1}
div.product_show .banner_box .rslides_tabs a{ background:#999}
div.product_show  .banner_box .pager-next{ border:1px solid #ddd; 
border-radius: 0px; background:#ddd;}
div.product_show  .banner_box .pager-prev{ border:1px solid #ddd; 
border-radius: 0px;background:#ddd;}
div.product_show .banner_ul img{ width:inherit; margin:auto; display:block;}

.tit{ float:left; width:100%; margin:0 0 20px 0; background:#fff; padding:25px 0; text-align:center;}

.case_list .two .left{ float:left; width:500px;margin:40px 0px 0 30px;}
.case_list .two .right p{color:#666; font-size:13px;}
.case_list .two .right b{ float:right}
.case_list .two img{ float:right;width:560px;}

.consult{ float:left; width:100%; margin:20px 0; background:#fff;padding:20px 20px 50px 20px;}
.consult h3{ color:#333333; font-size:25px;padding-left:10px;margin-left:20px;border-left:3px #3776af solid}
.consult form{ float:left; border-top:1px solid #ddd; margin-top:20px; padding:20px 0 0 0;}
.consult form .box{ float:left; width:450px; margin:10px 10px 10px 0}
.consult form .box b{ float:left; display:block; line-height:30px;color:#434343; width:80px;padding-right:10px; font-weight:400; text-align:right; font-size:14px;}
.consult form .box input{ border:1px #ddd solid;width:275px;line-height:30px;border-radius: 8px;}
.consult form .box span{ color:#aaaaaa; font-size:13px; margin-left:5px;}
.consult form .box_tex{ width:800px;}
.consult form .box_tex textarea{ float:left;width:500px;height:125px;}
.consult form .button{ float:left; display:block; clear:both; margin-left:500px; background:#bdbdbd; color:#fff; padding:5px 25px;border-radius: 8px;}
.consult form .button:hover{ background:#3373ea;color:#fff}



.product_list{ float:left; width:100%; background:#fff;padding:30px; margin:0 0 20px 0;}
.product_list .left{ float:left; width:200px; border-left: solid 2px #ddd}
.product_list .left a{ display:block; color:#333; font-size:15px; padding:10px 10px;}
.product_list .left a:hover{ color:#3373ae}
.product_list .left a.hover{ color:#3373ae}
.product_list .right{ float:right;width:875px;}
.product_list .right li{ float:left;width:407px;height:303px;margin:20px 15px 15px 15px;}
.product_list .right li a{ display:block}
.product_list .right li h3{ color:#666; font-size:14px;padding:5px 0 0 0; text-align:center;}
.product_list .right li img{ width:100%; border: #ddd solid 1px}
.product_list .right li a:hover h3{ color:#3474ae }
.product_list .right li a:hover img{ border:#3474ae solid 1px }


#map{width:700px;  height:450px;}
@media (min-width:760px){/*�ʼDZ�*/
.container{ padding-left:0px;padding-right:0px;}
}

@media (min-width:1000px){/*��ͨ����*/
.container{ padding-left:0px;padding-right:0px;}
}

@media (min-width:1200px){/*��������*/
.container{ padding-left:0px;padding-right:0px;}
}

@media (max-width:760px){/*�ֻ�*/

div.content{padding:20px 0 0px 0;}
.content .right b{margin:5px 0}
.case_list .two{margin-bottom:0px;}
.case_list{     margin: 0px 0 0px 0;}
.consult{     padding: 20px 20px 20px 20px;}

div.bdshare-button-style0-16 a, div.bdshare-button-style0-16 .bds_more{height:20px;line-height:20px;    display: inline-block; }
.home_ahout p{margin-bottom:5px;}
.home_ahout .right a{    margin-top: 0px;}
.home_pro_list{margin:20px 0}

.service{padding:15px;}
.news_show .lefter{padding:15px;}

.tit{padding:15px 0; margin-bottom:15px;}
.tit img{height:40px;}

.case_list{padding:15px;}

.wor img{ width:100%;}

.news_list .right h3{line-height:30px;margin-bottom:5px}
.news_list .right p{ margin-bottom:10px;}
ul.news_list{padding:15px;}
.news_list li{padding-bottom:15px; border-bottom: solid 1px #ddd}

div.product_show .banner_ul img{width:100%;}
div.product_show .wor img{ width:100%;}

.news_show .lefter{ width:100%;}
.news_show .righter{ display:none;}

.product_list{padding:10px;}
.product_list .right li a{ padding:10px;}
.product_list .right li{height: inherit;}

.rslides_tabs{bottom:0;}
.banner_box .pager-next{top:30%}
.banner_box .pager-prev{top:30%}
.home_ahout a{ margin-top:0px; padding:5px 10px}

.wap_logo img{ height:45px; margin:5px 0 5px 10px}

.home_pro_list .x3{ width:100%;}
.home_pro_list li{ margin:0 0 10px 0}
ul.home_pro_list li a{ margin:0px; padding:10px;}
.home_pro_list .box{ float:left; width:30%;}
.home_pro_list .box img{ width:100%; left:0}
.home_pro_list .down{ float:left; padding:0 10px 0 10px; width:70%; text-align:left}
.home_pro_list .down b{ display:none}
.home_pro_list .down h3{margin:0 0 0px 0}
.home_pro_list .down p{ margin:10px 0 0 0}

.home_ahout img{ display:none}
.home_ahout .right{ width:100%;}

.home_link a{ margin:0px; width:33.3%;}
.home_link a img{width:100%; padding:10px;}
.consult form{ margin-top:10px; padding-left:0px}
.consult form .box{width:100%;margin: 0px 0px 10px 0;}
.consult form .box b{ text-align:left; margin:0 0 0px 0;}
.consult form .box span{ display:none;}
.consult form .box_tex textarea{width:100%; }
.consult form .button{ float:right;margin:0px;}
.consult h3{ margin-left:0px;padding-bottom:5px}


.news_list li img{ display:none;}
.news_list li .right{ width:100%; margin:0px}
.news_list li{ float:left; background:none}

.case_list .one img{ width:100%;}
.case_list .one{ padding:0 0 10px 0}
.case_list .one .right{width:100%;margin:20px 0 0 0;padding:0 10px;}

.case_list .two img{ width:100%;}
.case_list .two{ padding:0 0 10px 0}
.case_list .two .left{width:100%;margin:20px 0 0 0;padding:10px;}

.content .right{ width:100%; margin-top:20px;}
#map{width:100%;height:200px;}
.roomOne,.roomTwo,.roomThree{ height:inherit}
.roomOne .box,.roomTwo .box,.roomThree .box{width:100%}
.roomOne img,.roomTwo img,.roomThree img{ display:none}

.product_list .left{width:100%; border:none}
.product_list .left a{ float:left; font-size:14px;background:#ddd; padding:5px 10px; margin:5px 5px}
.product_list .right{width:100%; margin-top:5px;}
.product_list .right li{ width:50%; margin:0px 0 0px 0;}
.product_list .right li img{ width:100%;}

.container{ padding-left:10px;padding-right:10px;}
#rack{padding-left:10px;padding-right:10px;}

/*����*/
#top .logo{ position:inherit; bottom:0px; margin:auto; display:block; width:100%; text-align:center; }
#top .bg-inverse{ float:left; position:inherit;width:100%; background:#eee;}
#top .bg-inverse .nav{ padding:0px;}
#top .bg-inverse ul li{ float:left; width:25%; border:solid 1px #fff}
#top .bg-inverse ul li a{ text-align:center;text-indent:0em; padding:0px;}
#top .bg-inverse ul li .drop-menu li{ width:100%;}


/*��ҳ��ർ��*/
body .lefter .nav li{float:left; width:25%; background:none}
body .lefter .nav a{ border:none;margin:0 10px; text-align:center; background:#eee;border-radius:0px;}
body .lefter .nav li a:hover{ background:#ddd}

/*��ҳ����*/
.flip .right{ margin:auto; margin-top:5px;text-align:center; width:100%;}
.flip .right a{ float:inherit; text-align:center;}
.flip .right .list{ text-align:center; width:100%; margin-top:5px;}
}