@media screen and (max-width:1390px){
.header .head,.er_bg .er,.mainPhoto,.i_box_a,.i_box_b,.bq_bg .bq,.f_bg .foot,.about,.banner_s,.scd,.pro_d,.pro_dm,.join,.book{width:960px;}
.head .head_r{ margin-top:-40px;}
.head .nav_m{ margin-top:17px; width:815px;}
.nav_m .nav li{ margin-right:40px;}
.mainPhoto .go{ width:775px;}
.i_box_a li ,.i_box_a li img{ width:318px; height:245px;}
.i_box_a li p,.i_box_b .box_h{ font-size:22px;}
.i_box_b .box_m dl{ width:470px; margin-right:20px;}
.i_box_b .box_m dl dd{ width:305px; height:62px;}
.i_box_b .box_m dl dt{ font-size:18px;}
.scd .scd_l{ width:220px;}
.scd .scd_r{ width:720px;}
.pro li{ width:226px; margin-right:15px;}
.pro li img{ width:226px; height:226px;}
.pro_dm .wen{ width:480px;}
.pro_dm .wen h1{ font-size:20px;}
.join_zl li textarea{ width:740px;}
.book ul li input{ width:280px;}
.book ul li.chang input{ width:615px;}
.book ul li.zhong input,.book ul li textarea{ width:807px;}

}
@media screen and (max-width:1180px){
.header .head,.er_bg .er,.mainPhoto,.i_box_a,.i_box_b,.bq_bg .bq,.f_bg .foot,.about,.banner_s,.scd,.pro_d,.pro_dm,.join,.book{width:740px; margin:0px auto;}
.head .head_r{ margin-top:-30px;}
.head .nav_m{ width:598px; margin-top:7px;}
.nav_m .nav li .l_m{ font-size:14px;}
.nav_m .nav li{ margin-right:10px;}
.mainPhoto .go{ width:615px; left:60px;}
.join_zl li span{ width:92px; line-height:110%;}
.join_zl li.sex input{ margin-top:0px;}
.join_zl li.sex em{ padding-top:0px; margin-top:-8px;}
.join_zl li textarea{ width:625px;}
.foot .f_nav{ width:70%;}
.foot .f_nav a{ display:inline-block; *display:inline; zoom:1;}
.i_box_a li, .i_box_a li img{ width:244px; height:188px;}
.i_box_a li p{ height:40px; line-height:40px;}
.i_box_a li p, .i_box_b .box_h{ font-size:18px;}
.i_box_b .box_m dl{ width:365px; margin-right:10px;}
.i_box_b .box_m dl dd{ width:200px; margin-left:10px;}
.ctt .ctt_m{ font-size:20px; line-height:150%;}
.scd .scd_l{ width:195px;}
.scd .scd_r{ width:530px;}
.pro li{ margin-right:18px !important;}
.pro_dm .wen{ width:100%; padding:0px; border:0px; margin-top:20px;}
#bigView{ width:300px !important; height:300px !important;  top:228px !important;}
.book ul li.chang input,.book ul li.zhong input, .book ul li textarea{ margin-left:0px; width:685px;}
}
@media screen and (max-width:961px) {
.p_ctn .k_nav{ position:static; width:100%; text-align:center; background:none;}
.p_ctn .k_nav li{ width:100px; border:0px; background:#FF6600; display:inline-block; *display:inline; zoom:1; margin:20px 3px 0;}
}
@media screen and (max-width:870px) {
.header .head,.er_bg .er,.mainPhoto,.i_box_a,.i_box_b,.bq_bg .bq,.f_bg .foot,.about,.banner_s,.scd,.pro_d,.pro_dm,.join,.book,.head .nav_m{width:480px; margin:0px auto;}
.head .head_r{ margin-top:-20px;}
.er_bg{ display:none !important;}
.nav_m .nav{ display:none;}
.head .nav_m{ position:relative;}
.nav_m .n_icon{ display:block; top:-40px;}
.nav_m .nav{ width:100%; padding-bottom:20px;}
.nav_m .nav li,.nav_m .nav li .l_m{ width:100%; height:35px; line-height:35px; text-align:left; background:none;}
.nav_m .nav li.now .l_m, .nav_m .nav li:hover .l_m{ background:none;}
.i_email{ height:auto; padding-bottom:10px;}
.i_email span,.scd .scd_l,.scd .scd_r{ width:100%;}
.i_box_a li, .i_box_a li img{ width:158px; height:121px;}
.i_box_a li p, .i_box_b .box_h{ font-size:16px;}
.i_box_a li p{ height:26px; line-height:26px;}
.i_box_b .box_m dl{ width:100%; margin-right:0px;}
.i_box_b .box_m dl dd{ width:320px;}
.foot .f_nav{ width:100%;}
.foot .f_r{ width:100%; position:static; text-align:left; margin-top:15px;}
.ctt h1,.ctt .ctt_m em{ font-size:20px;}
.ctt{ font-size:14px;}
.ctt .ctt_m{ font-size:18px;}
.pro li{ margin-right:14px !important;}
#bigView,.bigImg #winSelector{ display:none !important;}
.preview{ margin-left:20px;}
.join table{ display:none;}
.join_sj{ display:block;}
.join_sj li{ padding-bottom:10px; border-bottom:1px dashed #ddd;}
.join_zl li,.book ul li{ width:100%;}
.join_zl li input, .join_zl li select,.join_zl li textarea{ width:350px;}
.book ul li input{ width:330px;}
.book ul li.chang input, .book ul li.zhong input, .book ul li textarea{ width:460px;}
.join a:hover{ color:#EE7422;}
.join_dsj{ display:block;}
}
@media screen and (max-width:500px) {
.header .head,.er_bg .er,.mainPhoto,.i_box_a,.i_box_b,.bq_bg .bq,.f_bg .foot,.about,.banner_s,.scd,.pro_d,.pro_dm,.join,.book,.head .nav_m{width:320px; margin:0px auto;}
.head .head_r{ width:320px; margin-top:-155px;}
.head .search{ width:198px;}
.head_r .lang,.lang .lang_m{ width:110px;}
.head .logo{ margin-top:40px;}
.about .p_title{ font-size:20px;}
.book ul li input,.book ul li.chang input, .book ul li.zhong input, .book ul li textarea{ width:300px;}
.cnp .cnp_l , .cnp .cnp_r{ width:100%; margin-bottom:20px;}
.pro li{ width:300px; margin:15px 10px;}
.pro li img{ width:300px; height:300px;}
.pro_dm .tu{ width:100%;}
.preview{ width:300px; margin-left:10px;}
.bigImg,.bigImg #midimg,.bigImg .d_video,.bigImg .d_video embed{ width:300px !important; height:229px !important;}
#imageMenu,.smallImg{ width:300px;}
.pro_dm .wen h1{ font-size:18px;}
.pro_dm .wen .td li{ width:48%;}
.join_zl li span{ text-align:left; width:100%;}
.join_zl li input, .join_zl li select, .join_zl li textarea{ margin-left:0px; width:300px;}
.tip{ width:100%; border:0px;}
.tip span{ margin-left:0px;}
.i_email .email_m{ width:320px; margin:0px auto; text-align:center;}
.i_email span{ height:auto; line-height:150%; padding:10px 0; text-align:left;}
.i_email .search{ width:318px;}
.i_email .search .text{ width:255px;}
.p_ctn .k_nav li{ width:90px;}

}
