@charset "utf-8";
/* CSS Document */
.index_img{ display:none}
.ph_join{display:black; text-align:center;}
.pc_join{display:none;}
.ph_join img{display: block;}

@media screen and (max-width: 1920px) {
/*header*/
.header{display:none; width:100%}/* 手机导航*/
.top{ display:block}/* pc导航*/
.ph_img{ display:none}
.ph_s_img{ display:none}
.inside_ban{display:none}

}

@media screen and (max-width: 1366px) {
.pc_img{display:none}
.ph_s_img{ display:block}

}



@media screen and (max-width: 1024px) {
.index_img{ display:block}
.index_tv{ display:none}	
.ph_s_img{ display:none}
.pc_img{display:block}
.header .logo{  width:13%}
.header .logo img{ width:50%}	
.header{display:block; width:100%}/* 手机导航*/
.top{ display:none}/* pc导航*/
.home-items img{ height:400px}
.number {left: 46%;}

.home-items .banner-wrapper .orientation {top: 175px;left:150px; width: 370px;height: 250px;*width: 120px; *height: 210px}
.home-items .banner-wrapper .orientation h1 img{ width:75%; height:auto;  }
.home-items .banner-wrapper .orientation h2 img{ width:90%; height:auto}
.why_main{ width:100%; }
.slideBox{  max-width:800px;}

.package_main{ width:100%; }
.case_main{width:100%; }

.package_main ul li{ width:20%}
.package_main ul li p{width:80%; padding-left:20%}

.case_main dl{ width:43%;margin:0 30px 30px;}
.case_main dl:hover{margin:0px 30px 0;}
.start_main{width:100%; }
.start_main h2{ margin-bottom:30px}

.foot_main{width:97%; padding:45px 20px}
.foot_main ul{ padding-right:21px}
.foot_main input{width:225px;}
.foot_main .foot_sub a{width:247px;}

.foot_t{ width:96%; padding:0 2%}

.ab_con{ width:100%;}
.ab_tl{ width:40%;}
.ab_tr{ width:59%}

.ab_cl{ width:45%; padding-left:30px}
.ab_cl img,.ab_cr img{ width:100%}
.ab_cr{ width:47%;padding-right:30px}
.ab_cr a{ width:94.2%}

.ab_con_b{ width:92%; padding:4%}

.jamu_main{ width:94%; padding:5% 3%}
.jamu_main dl{width:28%;}

.jamu_con{ width:88%;padding:15% 6% 0}
.jamu_con dl{ width:34%; margin:0 0 17% 5.5%;}

.pack_con{ width:100%;  padding:10% 0%;}
.pack_con li{ width:30.4%;}
.pack_con li span{width:100%;}

.pack_main{ width:96%; padding:100px 2%}
.pack_main li{ width:24.8%;}
.pack_main b{ width:100%;}
.pack_main b img{ width:50%}

.mother_con{ width:100%;  padding:60px 0;}
.mother_con dl{ width:30.5%; }
.mother_con dt img{ width:100%}

.mess_main{ width:92%; padding:40px 4%}
.mess_main textarea{width:94%;}

.start_con{ width:100%;}
.start_l{  margin:0 55px 0 40px}

.case_more{ padding:0 4%}

.appoint_main{ width:100%}

.app_l{ width:50%; padding-left:4%}
.app_r{ width:36%;}
#dituContent{width:100%;height:459px;}

.appoint_main .app_tab{ padding:0 4%}
.app_tab input{  width:270px;}
.app_tab select{ width:66%;}
.app_tab textarea{ width:94%;}

.pro_main{ width:92%; padding:60px 4%}

.pro_l{ width:32.5%}
.pro_c,.pro_r{ width:31.3%}
.pro_t img{ width:100%}

.dig_l{ width:55%; }
.dig_r{ width:42%;}

.picScroll{ padding-left:2%}
.picScroll ul li{ width:30%;}
.picScroll ul li img{ width:100%; height:auto}


.picScroll ul{ height:370px; overflow:hidden}

.mess_l{ width:30%;}
.mess_r{ width:65%}







}


@media screen and (max-width: 800px) {
.header .logo img{ width:70%}
.home-items .banner-wrapper .orientation {top: 155px;left: 120px; width: 370px;height: 250px;*width: 120px; *height: 210px}
.slideBox{  max-width:600px;}
#package{ background:#69bcc5; padding-bottom:0px; height:auto}
.package_main ul{ width:85%}
.package_main ul li{ margin-bottom:30px;width:50%;}
.package_main ul li p{  padding-left:0%}
.package_main .dis_block{ margin-left:100px}

.case_main dl{ width:41%;}
.start_main p{ font-size:17px}
.start_main p span{ font-size:11px; line-height:35px}
.foot_main ul{ padding-right:26px}


.foot_main .foot_r{ display:none}
.foot_t{ width:100%} 
.foot_t .span_2{ display:none}

.ab_tl{ text-align:center; width:100%;margin-bottom:30px}
.ab_tl img{ width:50%}
.ab_tr{ width:100%}

.ab_cl{ float:none; display:block; width:92%; padding:0 4%}
.ab_cr{ float:none; display:block; width:92%; margin-top:40px;padding:0 4%}
.ab_cr a{ width:92%;left:4%}
.ab_con_t{ padding:0 30px 60px;}

.ab_con_b{ background:#fff; margin:4%; width:84%; height:auto}
.ab_cb_main{ margin:0px}


.jamu_main{ width:94%; padding:5% 3%}
.jamu_main dl{width:26%;}
.jamu_dl{ margin:30px  auto 0; width:94%; padding:5% 3%}


.jamu_con{ width:96%;padding:17% 2% 0}
.jamu_con dl{ width:37.5%; margin:0 0 18% 3%; padding:30px; min-height:600px}
.jamu_con dt img{ width:90.2%}
.jamu_con dt{left:30px;}
.jamu_con h2 a{  margin-top:98px;}

.pack_con{ width:94%;  padding:10% 3%;}
.pack_con li{ width:45.4%; margin-bottom:6%}

.pack_main{ width:92%; padding:100px 4%}
.pack_main li{ width:49.8%; margin-bottom:5%}
.pack_main b img{ width:40%}
.pack_main .pack_li_3{ background:url(../images/pack_li_3.jpg) repeat-x left; height:130px;}
.pack_main .pack_li_4{ background:url(../images/pack_li_4.jpg) repeat-x left; height:130px}
.pack_main .pack_li_5{ background:url(../images/pack_li_5.jpg) repeat-x left; height:130px}

.mother_con dl{ width:46%; }

.start_con{  padding:30px 0;}
.start_l{ margin-top:30px; width:90%; text-align:center}
.start_l img{ width:60% }
.start_r{ padding-left:7%; }

.app_tab input{  width:200px;}

.pro_l{ width:31.5%}
.pro_c,.pro_r{ width:30.3%}

.pro_con dl{ width:44%; height:auto;  min-height:270px}
.pro_con dl dt img{ width:100%}

.dig_l{ width:100%;}
.game163 .bigImg li img{ width:99%; height:310px}
.dig_r{ width:100%; margin-top:6%}

.picScroll ul li{ margin: 30px 9px 0px 8px;}

.picScroll ul{ height:390px; overflow:hidden}
.app_f .weixin{ width:35%}
.app_f .weixin img{ width:100%}
.tab_bak{ width:80%}

.mess_l{ width:30%}
.mess_r{ width:58%}




}



@media screen and  (max-width: 640px) {
.header .logo{ width:18%}
.top_tel{ width:65%; margin-left:25px; margin-top:10px}
.pc_img{ display:none}
.ph_img{ display:block}
.header .logo img{width:95%}
.number {left: 40%;bottom: 10px}
.home-items img{ height:260px}
.home-items .ph_img{ width:100%; height:auto}
.home-items .banner-wrapper .orientation{  width:300px;left:400px; top:90px}
.home-items .banner-wrapper .orientation h1 img{ width:70%; height:auto;  }
.home-items .banner-wrapper .orientation h2 img{ width:95%; height:auto}
.home-items .banner-wrapper .orientation h1{margin-bottom:10px}

.slideBox{  max-width:300px;}
.slideBox .bd li .tit p{ color:#797979; line-height:25px; margin-top:13px; font-size:13px}

.package_main ul{ width:100%}
.package_main ul li{ margin-bottom:20px; width:100%}

.start_l{  width:75%;}
.start_l img{ width:100% }



.case_main dl{ width:89%;margin:0 20px 30px; height:auto}

#strart{ background:#e7ddd7; padding-bottom:40px; /*height:330px*/}
.start_main{ padding:30px 20px 0px;text-align:center}
.start_main h2{font-size:32px; margin-bottom:20px}
.start_main p{ font-size:16px; width:90%; line-height:25px}
.start_main p span{ font-size:13px; line-height:23px; padding-top:10px; display:block}
.start_main ul{ width:63%; margin:15px auto 0}

#foot{ display:none}
.foot_t .span_2{ display:none}
.foot_t .span_1{ float:left;}


/*#ab_ban{height:220px;background:url(../images/ph_about_ban.jpg) no-repeat center center;}*/
.ab_main h2{  padding-top:105px;}

.ab_con{padding:40px 0}
.ab_cr a{ height:45px; line-height:45px}

/*#jamu_ban{height:220px;background:url(../images/ph_jamu_ban.jpg) no-repeat center center;}*/
#jamu_ban,#ab_ban,#pack_ban,#pro_ban,#mother_ban,#start_ban,#app_ban{ position:relative; height:350px;width:100%;background:none; height:auto}

#jamu_ban .ab_main h2{ font-size:25px; }
#jamu_ban .ab_main {margin-left: -133px;}

.jamu_main dl{ width:96%; display:block; float:none; margin:10% 0 0; padding:0 2% 7%; border-bottom:1px dashed #dadada;}

.jamu_con{ width:90%;padding:40% 5% 1%}
.jamu_con dl{ width:81.5%; margin:0% 0 40% 0; float:none; min-height:inherit}
.jamu_con dt img{ width:90.2%}

/*#pack_ban{height:220px;background:url(../images/ph_pack_ban.jpg) no-repeat center center;}*/

.pack_con{ width:100%;  padding:10% 0%;}
.pack_con li{ width:87.5%; margin-bottom:15%;}

.pack_main{ width:80%; padding:0px 10%}
.pack_main li{ width:99%; margin-bottom:9%}
.pack_main b img{ width:35%}


/*#mother_ban{height:220px;background:url(../images/ph_mother_ban.jpg) no-repeat center center;}*/

.mother_con{ padding:30px 0;}
.mother_con dl{ width:89%; }

.mess_main{ width:88%; padding:40px 6%}
.mess_main textarea{width:90%; height:100px}

/*#start_ban{height:220px;background:url(../images/ph_start_ban.jpg) no-repeat center center;}*/
.start_con{  padding:0px 0 30px;}
.start_r{ padding-left:7%; width:86%}

.case_more li a{overflow:hidden }

/*#app_ban{height:220px;background:url(../images/ph_app_ban.jpg) no-repeat center center;}*/
.appoint_main{ width:88%; padding:10% 6%}

.app_l{ width:99%; margin:0; padding:0}
#dituContent{ width:100%; height:300px;font-size:9px; line-height:17px}
.app_r{ width:80%; height:auto}
.app_tab{ display:none; }
.app_none{ display:block;padding:0}
.app_tab textarea{ width:89%;}

/*#pro_ban{height:220px;background:url(../images/ph_pro_ban.jpg) no-repeat center center;}*/

.pro_l,.pro_c,.pro_r{ width:100%; margin-bottom:7%}

.pro_con dl{ width:85%;}


.dig_l{ width:100%;}
.game163 .bigImg li img{ width:99%; height:auto}
.game163 .bigImg li { height:160px; padding:16px}
.dig_r{ width:100%; margin-top:6%}
.game163 .bigImg{ border:none; }
.game163 .bigImg li img{ width:100%}
.game163 .smallScroll{ width:80%}
.game163 .sPrev{ top:256px; left:15px}
.game163 .sNext{top:256px; right:15px;}
.game163 .smallImg{ margin-left:17px}
.game163 .smallImg li{  width:64px; }
.game163 .smallImg img{  width:55px; height:30px; }

.pro_main{ padding:30px 0}
.pro_main h2{ margin-bottom:30px}

.case_more li a{ padding-left:10px; font-size:13px;}

.slideBox .bd li img{ width:100%}
.case_main{ height:auto}

.picScroll ul li img{ width:100%; height:auto}

.picScroll ul li{ width:90%; margin:5%}
.mother_con dl{ min-height:inherit}
#case{ height:auto}

.picScroll ul{ height:auto}
.app_f .weixin{ display:block; width:58%; margin:0; padding:20px 0 80px}

.jamu_main dt{height:auto}
.jamu_dl dt img{ width:100%; height:auto}

.detail-list dt{padding: 0 24px 0 15px;}
.inside_ban{display:block}
#ban{ height:200px}
.ab_main{ z-index:999}
.ab_tl img{ width:90%}

.mess_l{ width:100%; float:none; margin-top:0; margin-bottom:30px}
.mess_l img{ width:100%}
.mess_r{ width:85%; float:none}
#mess_main { background:#69bcc5; height:inherit}

.join1200,.join1920{width:auto;text-align: center;}
.join1200 img{width:90%;}
.join1920 img{width:90%;}
.join1920.b02 img,.join1920.b11 img{width:100%;}


.ph_join{display:block;text-align: center;}
.ph_join img{width:100%;}
.pc_join{display:none;}
}


@media screen and  (max-width: 320px) {
.foot_t .span_1 span{display:none;}

}