@charset "utf-8";
/*****
* @description:responsive
* @author:chenmin
* @version:1.0
* @type:master
* @update:chenmin(2013-06-06 06:06)
*****/

/* Computer */
.container{width:960px;max-width:960px;margin:auto;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{position:relative;z-index:99;clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
@media only screen and (min-width:800px) and (max-width:960px){
.container{width:800px;text-align:center;}
.header_wrap{height:40px;}
#wellcome{}
.nav_tool{float:right !important;}
.menu{padding-top:40px;}
#logo{float:none;margin:0 auto;width:140px;height:70px;padding:0;}
.main_nav{float:none;margin:0 auto;width:660px;}
main_nav.fr{float:none;}
.main_nav li{border-top:1px #cecece solid;border-bottom:1px #cecece solid}
.grid1{display:none;}
.rps_slider{min-height:320px !important;}
.grid3{width:480px !important;margin-left:160px;_display:inline;}
.grid4{padding-left:160px;margin-top:28px;width:480px !important;height:830px !important;}
.grid5{height:810px !important;}
.grid5 li{float:left;width:480px !important;height:830px !important;padding:0;display:block;}
.grid6{text-align:center;margin-top:30px;width:480px !important;}
.grid7{width:280px;height:330px;float:none !important;margin:10px auto;}
.grid8{width:330px;margin:10px auto;}
.grid9{width:468px;float:none !important;margin:0 auto;}
.foot_service{float:left;padding:0 0 20px 100px;clear:both;}
.foot_extend{float:none;margin:10px auto;}
.foot_extend h4{clear:both;}
.listLoopScroll_wrapper{position:relative;width:480px !important;height:830px !important;}
.copyright{height:40px !important;}
.copyright b{padding-left:0 !important;padding-right:10px;}
}
@media only screen and (min-width:480px) and (max-width:799px){
.container{width:480px;}
.header_wrap{height:80px !important}
#wellcome{clear:both;padding-left:0;float:left !important}
.nav_tool{clear:both;}
.menu{padding-top:80px;}
#logo{margin-left:0;padding-right:0;float:left;width:140px;height:70px;padding-top:45px;padding-right:10px;}
.main_nav{float:left;width:328px;border-left:1px #cecece solid;}
.main_nav li{float:left;}
.grid1{display:none;}
.main_nav li{border-top:1px #cecece solid;border-right:1px #cecece solid;border-left:none;}
.rps_slider{min-height:192px !important;}
.grid3{width:480px !important;}
.grid4{padding:0;margin-top:28px;width:480px !important;height:830px !important;}
.grid5{height:810px !important;}
.grid5 li{float:left;width:480px !important;height:830px !important;padding:0;display:block;}
.grid6{text-align:center;margin-top:30px;width:480px !important;}
.grid7{width:280px;height:330px;float:none !important;margin:10px auto;}
.cptn_items{padding-top:10px;}
.cptn_items.fl{float:none;}
.grid8{width:330px;margin:10px auto;}
.grid9{width:468px;float:none !important;margin:0 auto;}
.foot_service{float:left;clear:both;}
.foot_service dl{margin-left:80px;clear:both;}
.foot_extend{float:left;}
.listLoopScroll_wrapper{position:relative;margin-top:28px;width:480px !important;height:830px !important;}
.copyright{height:60px !important;}
.copyright b{padding-left:0 !important;padding-right:10px;}
}
@media screen and (max-width:480px){
.container{width:480px;}
.header_wrap{height:80px !important}
#wellcome{clear:both;padding-left:0;float:left !important}
.nav_tool{clear:both;float:left !important}
.menu{padding-top:80px;}
#logo{margin-left:0;padding-right:0;float:left;width:140px;height:70px;padding-top:45px;padding-left:40px;}
.main_nav{float:left;width:328px;border-left:1px #cecece solid;}
.main_nav li{float:left;}
.grid1{display:none;}
.main_nav li{border-top:1px #cecece solid;border-right:1px #cecece solid;border-left:none;}
.grid1{display:none;}
.rps_slider{min-height:192px !important;}
.grid3{width:480px !important;margin-left:160px;_display:inline;}
.grid4{padding:0;margin-top:28px;width:480px !important;height:830px !important;}
.grid5{height:810px;}
.grid5 li{float:left;width:480px;height:830px;padding:0;display:block;}
.grid6{text-align:center;margin-top:30px;width:480px !important;}
.grid7{width:280px;height:330px;float:none !important;margin:10px auto;}
.cptn_items{padding-top:10px;}
.cptn_items.fl{float:none;}
.grid8{width:330px;margin:10px auto;}
.grid9{width:468px;float:none !important;margin:0 auto;}
.foot_service{float:left;clear:both;}
.foot_service dl{margin-left:80px;clear:both;}
.foot_extend{float:left;}
.listLoopScroll_wrapper{position:relative;margin-top:28px;width:480px !important;height:830px !important;}
.copyright{height:60px !important;}
.copyright b{padding-left:0 !important;padding-right:10px;}
}
