@media screen and (max-width:1200px){
.header .head,.i_ma,.i_mb,.friend,.fn_bg .f_nav,.scd{width:960px;}
.head .nav_m{ width:685px; margin-left:85px; }
.head .nav li a{ padding:0 9px;}
.er_m .hx i{ left:215px;}
.i_ma ul li{ margin-right:10px;}
.i_ma ul li,.i_ma ul li a{ width:149px; }
.i_ma ul li img{ width:72px; height:48px; margin-top:15px;}
.i_ma ul li h6{ height:40px; line-height:40px;}
.i_mb .i_mbl{ width:268px;}
.i_mbl .b_head span, .i_mbr .b_head span{ margin-left:10px;}
.i_mbl ul li p{ margin-left:28px;}
.i_mbl ul li:hover{ background-position:10px center;}
.i_mb .i_mbc{ margin-left:10px;}
.i_mb .i_mbr{ width:235px;}
.i_mb .i_mbc{ width:428px;}
.i_mbc1 dl{ width:325px;}
.i_mbc1 dl dd{ width:290px; padding-left:20px;}
.i_mbc .i_mbc1 .sq,.i_mbc .i_mbc1 .sq a{ width:102px;}
.i_mbc ul li,.i_mbc ul li a{ width:142px;}
.i_mbc ul li img{ margin-right:5px;}
.header .head .head_r{ width:755px;}
.join_a dd,.join_a dt,.news .news_l,.news .news_r,.mainPhoto,.mainPhoto .go li{ width:465px;}

.join_b li{ margin-right:10px; width:230px; margin-bottom:10px;}

.news .n_m .title p{ width:355px;}
.mainPhoto .go li .tu, .mainPhoto .go li .tu img{ width:465px; height:249px;}
.mainPhoto .go li .n_m .title{ width:415px;}
.mainPhoto .n_m .title p{ width:315px;}
.mainPhoto .n_m .des{ width:420px;}
.scd_m .scd_ml{ width:650px; padding-right:30px;}
.scd_m .scd_ml .ctn .des p{ width:620px;}

.join_d li{ width:306px;}
.join_d li .tu,.join_d li .tu img{ width:306px;}
.join_d li .wen{ top:180px;}
.join_d li:hover .wen{ top:65;}
.join_d li .wen .title{ width:250px; padding-top:0px; height:40px; line-height:40px; font-size:16px;}
.join_d li .wen .des{ width:250px; padding:10px 0;}

.products{ width:100%; margin-top:0px;}
.products li{ width:230px; float:left; margin-right:13px; position:relative; margin-bottom:20px; overflow:hidden;}
.products li .tu{ width:99%; border:1px solid #EEE; padding-bottom:40px; vertical-align:top;}
.products li .tu img{ width:100%;}
.products li .wen{ width:100%; height:100%; position:absolute; top:116px; left:0; z-index:99; background:url(../images/bg_a.png) repeat; color:#FFF; transition:0.7s;-moz-transition:0.7s;-webkit-transition:  0.7s;-o-transition:0.7s;}
.products li:hover .wen{ top:0;}
.products li .wen .title{ width:190px; height:40px; line-height:40px; margin:0px auto; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
.products li .wen .des{ width:190px; margin:0px auto; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.products li .wen .des p{ font-size:14px; line-height:180%;}

.book li .li_r{ width:800px;}
}

@media screen and (max-width:990px){
.header .head,.i_ma,.i_mb,.friend,.fn_bg .f_nav,.scd{width:740px;}
.fn_bg .f_nav li{ margin:0 10px 25px;}
.head .logo{ padding-left:20px;}
.header .head .head_r{ width:530px;}
.head .nav_m{ width:100%;}
.nav_m .er_m{ display:none !important;}
.nav_m .n_icon{ display:block; right:110px; }
.head .nav{ position:absolute; width:650px; height:30px; right:38px; top:60px; text-align:left; display:none; z-index:9999;}
.head .nav li a{ margin-top:6px; padding:0px 4px;}
.head .nav li{ height:30px; }
.i_ma ul li, .i_ma ul li a{ width:205px;}
.i_ma ul li{ margin:0 19px 20px;}
.i_ma ul li img{ width:91px; height:60px; margin-top:25px;}
.i_mb .i_mbl{ width:378px; margin-left:19px;}
.i_mb .i_mbr{ width:280px; margin-right:22px;}
.i_mb .i_mbc{ width:702px; margin-left:19px; margin-top:35px;}
.i_mbc ul li, .i_mbc ul li a{ width:233px;}
.i_mbc1 dl{ width:599px;}
.i_mbc1 dl dd{ width:550px; padding-left:20px;}
.scd .scd_top .s_nav{ width:60%;}
.scd .scd_top .pst{ width:40%;}
.join_a dd,.join_a dt,.news .news_l,.news .news_r,.mainPhoto,.mainPhoto .go li{ width:355px;}

.join_b li{ width:175px; }

.news .n_m .title p{ width:255px;}
.scd .news .scd_top .pst{ width:60%;}
.news .n_m{ padding-bottom:15px; margin-bottom:15px;}
.mainPhoto .go li .tu, .mainPhoto .go li .tu img{ width:355px; height:190px;}
.mainPhoto span.goleft, .mainPhoto span.goright{ margin-top:-75px;}
.mainPhoto .go li .n_m .title{ width:325px; padding:20px 15px 5px;}
.mainPhoto .n_m .title p{ width:230px;}
.mainPhoto .n_m .title p a{ font-size:16px;}
.mainPhoto .n_m .des{ width:335px; margin-left:15px;}
.mainPhoto{ height:372px;}
.scd_m .scd_ml{ width:455px; padding-right:20px;}
.scd_m .scd_ml .ctn .des p{ width:415px;}
.scd_m .scd_ml .time .font{ width:100%; text-align:left; position:static; margin-top:10px;}
.scd_m .scd_ml .time{ height:auto;}
.scd .scd_top .s_nav{ width:100%;}
.scd .scd_top{ margin-bottom:50px;}
.scd .scd_top .pst{ width:100%; text-align:left; border-bottom:1px dashed #ddd; top:45px;}
.scd .scd_top .s_nav a span{ font-size:16px;}
.scd .scd_top .s_nav a{ margin-right:25px;}

.join_d li{ width:232px;}
.join_d li .tu,.join_d li .tu img{ width:232px;}
.join_d li .wen{ top:115px;}
.join_d li:hover .wen{ top:30;}
.join_d li .wen .title{ width:180px; padding-top:0px; height:40px; line-height:40px; font-size:14px;}
.join_d li .wen .des{ width:180px; padding:10px 0;}
.join_d li .wen .des p{ font-size:12px;}

.products{ width:100%; margin-top:0px;}
.products li{ width:175px; float:left; margin-right:13px; position:relative; margin-bottom:20px; overflow:hidden;}
.products li .tu{ width:99%; border:1px solid #EEE; padding-bottom:24px; vertical-align:top;}
.products li .tu img{ width:100%;}
.products li .wen{ width:100%; height:100%; position:absolute; top:85px; left:0; z-index:99; background:url(../images/bg_a.png) repeat; color:#FFF; transition:0.7s;-moz-transition:0.7s;-webkit-transition:  0.7s;-o-transition:0.7s;}
.products li:hover .wen{ top:0;}
.products li .wen .title{ width:150px; height:28px; line-height:28px; margin:0px auto; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;}
.products li .wen .des{ width:150px; margin:0px auto; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.products li .wen .des p{ font-size:12px; line-height:160%;}

.book li .li_r{ width:600px;}
}
@media screen and (max-width:770px) {
.header .head,.i_ma,.i_mb,.friend,.fn_bg .f_nav,.scd{width:480px;}
.head .logo{ padding-left:3px;}
.header .head .head_r{ width:260px;}
.nav_m .n_icon{ right:5px; }
.head .nav_m{ margin-left:0px; }
.head .nav{ width:72px; height:auto; padding-bottom:5px; margin-top:5px; margin-right:-33px; background-color:#666;}
.head .nav li{ width:100%; height:30px; line-height:30px; border:0;}
.head .nav li a{ width:90%; padding:0 5%; text-align:center; border:0;}
.i_ma ul li, .i_ma ul li a{ width:148px;}
.i_ma ul li{ margin:0 5px 15px;}
.i_ma ul li img{ width:72px; height:48px; margin-top:15px;}
.i_mb .i_mbl{ width:265px; margin-left:5px;}
.i_mb .i_mbr{ width:193px; margin-right:5px;}
.tabBox .tabCont .videoRow-box,.videoImg img{ width:183px; height:106px;}
.tabBox .tabNav li{ padding:0 10px;}
.tabBox .tabNav{ bottom:20px;}
.i_mb .i_mbc{ width:470px; margin-left:5px;}
.i_mbc1 dl{ width:367px;}
.i_mbc1 dl dd{ width:330px; padding-left:22px;}
.i_mbc ul li, .i_mbc ul li a{ width:156px;}
.fn_bg .f_nav{ text-align:left;}
.fn_bg .f_nav li{ margin:0 35px 25px 0;}
.join_a dd,.join_a dt,.news .news_l,.news .news_r,.mainPhoto{ width:100%;}
.mainPhoto .go li{ width:480px;}
.join_c a{ width:223px; margin-right:10px; margin-bottom:20px;}
.join_c a img{ margin:18px 15px 18px 20px;}

.join_b li{ width:218px;}
.join_b li{ margin:10px}

.scd .news .scd_top .pst{ width:100%;}
.scd .news_r .scd_top{ margin-bottom:0;}
.mainPhoto .go li .tu, .mainPhoto .go li .tu img{ width:480px; height:256px;}
.news .n_m .title p{ width:365px;}
.mainPhoto .n_m .title p{ width:325px;}
.mainPhoto .go li .n_m .title{ width:450px;}
.mainPhoto .n_m .des{ width:455px;}
.scd_m .scd_ml,.scd_m .scd_mr{ width:100%; padding:0; float:none; border:0;}
.scd_m .scd_mr{ margin-top:30px;}
.scd_m .scd_ml h1{ padding:20px 0;}
.scd_m .scd_ml .ctn .des p{ width:450px;}
.scd .scd_top .s_nav a{ width:80px; margin-right:5px;}

.join_d li{ width:480px; margin-right:0;}
.join_d li .tu,.join_d li .tu img{ width:480px; height:340px;}
.join_d li .wen{ top:265px;}
.join_d li .wen .title{ width:400px; height:75px; line-height:75px; font-size:18px;}
.join_d li .wen .des{ width:400px; padding:20px 0; }
.join_d li .wen .des p{ font-size:14px;}

.products li{ width:480px; margin-right:0;}
.products li .tu{ width:478px; border:1px solid #EEE; padding-bottom:50px;}
.products li .tu img{ width:478px;}
.products li .wen{ top:232px;}
.products li .wen .title{ width:430px; height:60px; line-height:60px; font-size:16px;}
.products li .wen .des{ width:430px; padding:20px 0; }
.products li .wen .des p{ font-size:14px; line-height:30px;}

.invite th,.invite td{ width:auto !important;}
.attrct li .name,.attrct li .des{ padding-left:45px; background-position:3px;}
.attrct li .des{ background-position:3px top;}
.book li{ line-height:175%;}
.book li .title{ width:100%; text-align:left;}
.book li .li_r{ width:100%; margin-left:0;}
.book li .li_r .chang{ width:460px;}
}
@media screen and (max-width:510px) {
.header .head,.i_ma,.i_mb,.friend,.fn_bg .f_nav,.scd{width:320px;}
.head .logo img,.head .logo{ width:154px; height:42px;}
.head .logo{ margin-top:23px;}
.header .head .head_r{ width:150px;}
.head .nav{ width:72px;}
.head .nav li a{ text-align:center;}
.i_mb .i_mbl{ width:308px;}
.i_mb .i_mbr{ width:308px; margin-top:35px;}
.tabBox .tabNav{ bottom:0;}
.tabBox .tabCont .videoRow-box, .videoImg img{ width:224px; height:130px;}
.i_mb .i_mbc{ width:310px; height:auto;}
.i_mbc .i_mbc1 .sq, .i_mbc .i_mbc1 .sq a{ width:59px;}
.i_mbc .i_mbc1 .sq a{ line-height:19px; height:58px; width:39px; padding:20px 10px;}
.i_mbc1 dl{ width:250px;}
.i_mbc1 dl dd{ width:220px;}
.i_mbc ul li, .i_mbc ul li a{ width:102px; height:101px;}
.i_mbc ul li span{ margin-top:0;}
.scd .scd_top .s_nav a{ margin-right:0;}
.scd .scd_top .s_nav a span{ font-size:14px;}
.news .n_m .title p{ width:215px;}
.pages a{ margin:0 2px;}
.mainPhoto .go li .tu, .mainPhoto .go li .tu img{ width:320px; height:170px;}
.mainPhoto .n_m .des{ width:300px;}
.mainPhoto{ height:292px;}
.scd_m .scd_ml .ctn .des p{ width:300px;}
.mainPhoto .go li{ width:320px;}
.join_b li{ width:100%;}
.join_b li{ margin:10px 0;}

.join_d li{ width:320px; margin-right:0;}
.join_d li .tu,.join_d li .tu img{ width:320px; height:226px;}
.join_d li .wen{ top:172;}
.join_d li:hover .wen{ top:0;}
.join_d li .wen .title{ width:260px; height:55px; line-height:55px; font-size:14px;}
.join_d li .wen .des{ width:260px; padding:10px 0; }
.join_d li .wen .des p{ font-size:14px;}

.products li{ width:320px; margin-right:0;}
.products li .tu{ width:318px; border:1px solid #EEE; padding-bottom:30px;}
.products li .tu img{ width:318px;}
.products li .wen{ top:142px;}
.products li .wen .title{ width:280px; height:50px; line-height:50px; font-size:16px;}
.products li .wen .des{ width:280px; padding:15px 0; }
.products li .wen .des p{ font-size:14px; line-height:26px;}

.scd .scd_top{ margin-bottom:0;}
.scd .scd_top .s_nav,.scd .scd_top{ height:auto;}
.scd .scd_top .pst{ position:static; padding-top:10px; border:0; border-top:1px dashed #ddd;}
.invite table{ display:none;}
.invite .zp{ display:block;}
.attrct li .name,.attrct li .des{ width:290px; font-size:13px; }
.attrct li .name a{ font-size:14px;}
.attrct li .des p{ font-size:13px;}
.book li{ font-size:14px;}
.book li .li_r input,.book li .li_r .chang{ width:318px;}

.tel{color:#de5946; font-size:12px; text-align:right; font-weight:normal; padding-top:5px; padding-right:5px;}

}