@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}

@media only screen and (max-width: 1440px){
	.logo{
		font-size: 0;
	}
	.top2{
		font-size: 16px;
	}
	.nav{
		height: 60px;
	}
	.nav1 ul li{
		font-size: 18px;
		line-height: 60px;
		margin: 0 30px;
	}
	.banner{
		margin-top: 140px;
	}
	.reason {
	    padding: 60px 0 55px;
	}
	.title {
	    font-size: 36px;
	}
	.reason2 {
	    margin-top: 40px;
	}
	.reason4 {
	    width: 70px;
	    height: 70px;
	    font-size: 28px;
	    margin: -35px auto 0;
	    line-height: 70px;
	}
	.reason5 {
	    font-size: 16px;
	    padding: 0 20px;
	    margin-top: 10px;
		/* height: auto; */
	}
	.reason2 ul li {
	    padding-bottom: 30px;
	}
	.reason6 {
	    width: 500px;
	    height: 60px;
	    line-height: 60px;
	    border-radius: 30px;
	    margin: 50px auto 0;
	    font-size: 20px;
	}
	.video {
	    margin: 60px auto 0;
	}
	.rent {
	    margin-top: 72px;
	    padding: 72px 0 60px;
	}
	.rent9{
		width: 500px;
		height: 60px;
		line-height: 60px;
		border-radius: 30px;
		margin: 50px auto 0;
		font-size: 20px;
	}
	.rent4 {
	    font-size: 22px;
	}
	.rent5 {
	    font-size: 24px;
	}
	.photography {
	    margin-top: 72px;
	}
	.zllc {
	    margin-top: 45px;
	    padding: 20px 40px 30px;
	}
	.zllc3 {
	    padding: 0 20px;
	}
	.zllc4 {
	    width: 60px;
	}
	.zllc5 {
	    width: calc(100% - 75px);
	}
	.zllc6 {
	    font-size: 20px;
	}
	.zllc7 {
	    font-size: 14px;
	    line-height: 20px;
	}
	.footer1 {
	    padding-left: 30px;
	    padding-bottom: 25px;
	}
	.footer2a {
	    font-size: 16px;
	}
	.footer2b {
	    font-size: 16px;
	    line-height: 24px;
	}
	.footer2b p {
	    margin-top: 12px;
	}
	.footer3a {
	    font-size: 14px;
	    margin: 15px 0;
	}
	.reason3 img{
		height: 160px;
	}
	.rent3 img{
		height: 185px;
	}
	.rent8{
		font-size: 20px;
	}
	
	
	
	
	
	
}

@media only screen and (min-width: 1200px){
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	.tcdeta2 a{
		font-size: 20px;
	}
	.nav1 ul li{
		margin: 0 20px;
	}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.subsu{
		display: block;
	}
	.top{
		display: none;
	}
	.nav{
		display: none;
	}
	.header_m{
		display: block;
	}
	.reason {
	    padding: 30px 0 25px;
	}
	.title {
	    font-size: 18px;
	}
	.title img{
		max-width: 45px;
	}
	.reason2{
		margin-top: 0;
	}
	.reason2 ul li{
		width: calc(50% - 10px);
		margin-top: 20px;
		margin-right: 20px;
	}
	.reason2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.reason6 {
	    width: 72%;
	    height: 45px;
	    line-height: 45px;
	    border-radius: 22px;
	    margin: 30px auto 0;
	    font-size: 16px;
	}
	.video {
	    margin: 30px auto 0;
	}
	.video video {
	    height: 270px;
	}
	.rent {
	    margin-top: 36px;
	    padding: 36px 0 30px;
	}
	.rent2{
		margin-top: 0;
	}
	.rent2 ul li{
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}
	.rent4 {
	    font-size: 16px;
	}
	.rent5 {
	    font-size: 18px;
	}
	.rent7 {
	    font-size: 14px;
	    margin: 20px auto 0;
	    height: 32px;
	    border-radius: 16px;
	    line-height: 32px;
		width: 60%;
	}
	.rent3 img{
		height: auto;
	}
	.rent8 {
	    font-size: 16px;
	    line-height: 24px;
	    margin-top: 20px;
	    padding: 0px 20px;
	}
	.rent9{
		width: 72%;
		font-size: 16px;
		margin: 20px auto 0;
		height: 45px;
		border-radius: 23px;
		line-height: 45px;
	}
	.photography {
	    margin-top: 36px;
	}
	.zllc1{
		width: 100%;
		height: 140px;
	}
	.zllc {
	    margin-top: 45px;
	    padding: 10px 16px 15px;
	}
	.f_banner {
	    margin-top: 40px;
	}
	.footer1{
		display: none;
	}
	
	.tcdeta {
	    margin-top: 40px;
	    margin-bottom: 25px;
	}
	.tcdeta2{
		margin-top: 0;
	}
	.tcdeta2 a {
	    margin-top: 20px;
	    margin-right: 20px;
	    width: 100%;
	    height: 36px;
	    line-height: 34px;
	    font-size: 14px;
		border: 1px solid #f16e95;
	}
	.tcdeta2 a:first-child {
	    width: 100%;
	}
	.tcdeta2 a:nth-child(2n) {
	    width: 100%;
	    margin-right: 0;
	}
	.tcdeta3{
		margin-top: 0;
	}
	.tcdeta3 ul li{
		width: 48%;
		margin-right: 4%;
	}
	.tcdeta3 ul li:nth-child(3n){
		margin-right: 4%;
	}
	.tcdeta3 ul li:nth-child(2n){
		margin-right: 0;
	}
	.tcdeta4 img{
		width: 100%;
	}
	.tcdeta5 {
	    font-size: 18px;
	    margin-top: 10px;
	}
	.tcdeta6 {
	    font-size: 14px;
		height: 52px;
	}
	.tcdeta8 {
	    font-size: 14px;
	    line-height: 28px;
	    height: auto;
	}
	.tcdeta9 {
	    font-size: 14px;
	}
	.tcdeta9 span {
	    font-size: 24px;
	}
	.intro {
	    margin-top: 36px;
	}
	.intro1 {
		margin-top: 20px;
		font-size: 20px;
	}
	.intro2 {
	    font-size: 14px !important;
	    line-height: 24px !important;
	}
	.intro3 {
	    font-size: 14px;
	    line-height: 24px;
	}
	.intro4 {
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 20px;
	}
	.intro5 {
	    margin-top: 36px;
	}
	.intro5 iframe{
		height: 260px;
	}
	.footer {
	    padding: 20px 0 30px;
	}
	.footer4{
		margin-top: 10px;
	}
	.footer4 a img{
		width: 40px;
		height: 40px;
		border-radius: 40px;
	}
	.question {
	    margin-top: 36px;
	    margin-bottom: 25px;
	}
	.q_title a {
	    margin-top: 10px;
	    width: calc((100% - 9px)/2);
	    height: 45px;
	    line-height: 43px;
	    font-size: 14px;
	}
	.q_title a:nth-child(2n){
		margin-right: 0;
	}
	.question2 {
	    padding-left: 24px;
	    font-size: 20px;
	    margin-top: 36px;
	}
	.question2:before {
	    width: 10px;
	    height: 20px;
	}
	.question4 {
	    font-size: 16px;
	    line-height: 50px;
	    padding: 0 15px 0 20px;
	}
	.question4 code{
		max-width: calc(100% - 40px);
		vertical-align: middle;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-inline-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.question5 {
	    margin-top: 12px;
	    padding: 0 20px 25px;
	}
	.question5b {
	    font-size: 14px;
	    line-height: 24px;
	}
	.question5a {
	    width: 6px;
	    height: 6px;
	    margin-top: 9px;
	}
	.appoin_icon{
		display: none;
	}
	.appoin_icon1{
		display: none;
	}
	.appoin_icona{
		display: none;
	}
	.appoin_icon1a{
		display: none;
	}
	.contact_icon{
		display: none;
	}
	.contact_icon1{
		display: none;
	}
	.appointment {
	    padding: 45px 0 30px;
	}
	.contact {
	    padding: 45px 0 30px;
	}
	.iw-iconfont-bofang{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		width: 49%;
		display: inline-block;
	    font-size: 14px;
	}
	.appointment2 {
	    padding: 20px;
	}
	.appointment3 {
	    font-size: 16px;
	}
	.appointment4{
		margin-top: 20px;
	}
	.appointment4 thead{
		line-height: 36px;
	}
	.rili span {
	    font-size: 16px;
	    line-height: 30px;
	}
	.rili code{
		width: auto;
		font-size: 12px;
		line-height: 24px;
		height: 24px;
		margin-bottom: 0;
	}
	.appointment5 span {
	    width: calc((100% - 10px)/2);
	    height: 36px;
	    line-height: 36px;
	    margin-bottom: 8px;
	    margin-right: 10px;
	    font-size: 14px;
	}
	.appointment5 span:nth-child(2n) {
	    margin-right: 0;
	}
	.appointment6 {
	    margin-top: 30px;
	    padding: 20px 15px 15px;
		background-size: 100% 100%;
	}
	.contact1{
	    font-size: 16px;
	    height: 75px;
	}
		.contact6 {
	    margin-top: 0px;
	    padding: 23px 15px 15px;
		background-size: 100% 100%;
	}
	.appointment7 {
	    background-color: #ffffff;
	    padding: 25px 15px;
	}
	.appointment8a {
	    width: 30%;
	    font-size: 14px;
	    line-height: 60px;
	    padding-left: 0px;
		text-align: center;
	}
	.appointment8b {
	    float: left;
	    line-height: 60px;
	    width: 70%;
	    padding-left: 0;
	    font-size: 14px;
	    color: #434343;
	}
	.basemessa {
	    width: 30%;
	    font-size: 14px;
	    line-height: 60px;
	    padding-left: 0px;
		text-align: center;
	}
	.basemessa span{
		font-size: 14px;
	}
	.basemessb {
	    float: left;
	    height: 60px;
	    width: 70%;
	    padding: 9px 15px;
	    font-size: 14px;
	    color: #434343;
	}
	.basemess1{
		position: relative;
	}
	.basemess1a {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	    width: 30%;
	    font-size: 14px;
	    line-height: 16px;
	    padding-left: 0px;
		text-align: center;
	}
	.basemess1a span{
		font-size: 14px;
	}
	.basemess1b {
	    float: right;
	    height: 60px;
	    width: 70%;
	    padding: 9px 15px;
	    font-size: 14px;
	    color: #434343;
	}
	.basemess2a {
	    font-size: 14px;
	    padding-left: 0px;
	    padding-top: 10px;
	}
	.basemess2a span{
	    font-size: 14px;
	}
	.basemess2b {
	    padding: 10px 10px 10px 10px;
	    font-size: 14px;
	}
	.basemess2b label {
	    position: relative;
		display: inline-block;
	    font-size: 14px;
	    color: #434343;
	    margin-right: 10px;
	}
	.basemess3a {
	    position: absolute;
	    left: 0;
	    top: 0;
	    height: 100%;
	    width: 30%;
	    background-color: #f3f3f3;
	    border-right: 1px solid #dcdcdc;
	    font-size: 14px;
	    color: #434343;
	    padding-left: 0px;
	    padding-top: 10px;
	}
	.basemess3a span{
		font-size: 14px;
	}
	.basemess3b {
	    padding: 10px 10px 10px 10px;
	    font-size: 14px;
	}
	.basemess3b label{
	    font-size: 14px;
	}
	.people{
		position: relative;
	}
	.people1 {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	    width: 30%;
	    float: left;
	    background-color: #f3f3f3;
	    border-right: 1px solid #dcdcdc;
	    font-size: 14px;
	    color: #434343;
	    line-height: 40px;
	    padding-left: 0;
		text-align: center;
	}
	.service2.newService label img{
	    max-height: 30px;
	}
	.people2 {
	    float: right;
	    height: auto;
	    width: 70%;
	    padding: 16px 29px 15px 18px;
	    font-size: 14px;
	    color: #434343;
	}
	.itinerary1 {
	    position: absolute;
	    left: 0;
	    top: 0;
	    height: 100%;
	    width: 30%;
	    background-color: #f3f3f3;
	    border-right: 1px solid #dcdcdc;
	    font-size: 14px;
	    color: #434343;
	    padding-left: 0;
	    padding-top: 10px;
		text-align: center;
	}
	.itinerary2 {
	    position: relative;
	    float: right;
	    width: 70%;
	    padding: 10px 10px;
	    font-size: 14px;
	    color: #434343;
	}
	.itinerary2 label {
	    position: relative;
	    font-size: 16px;
	    color: #434343;
	    margin-bottom: 10px;
	    display: block;
	}
	.return1{
	    font-size: 14px;
	    color: #434343;
	    padding-left: 0;
	    padding-top: 10px;
		text-align: center;
	}
	.return2{
	    padding: 10px 10px;
	    font-size: 14px;
	}
	.return2 label {
	    font-size: 16px;
	}
	.service1{
	    font-size: 14px;
	    color: #434343;
	    padding-left: 0;
	    padding-top: 10px;
		text-align: center;
	}
	.service2{
	    padding: 10px 10px;
	    font-size: 14px;
	}
	.service2 label{
	    font-size: 16px;
	}
	.service3 {
	    font-size: 14px;
	    color: #842b22;
	}
	.submit input{
		height: 45px;
		border-radius: 22px;
		font-size: 18px;
		width: 100%;
	}
	.submit{
		margin-top: 30px;
	}
	.appointSuccess {
	    padding: 40px 0 30px;
	}
	.appointSuccess1 {
	    padding: 10px 10px;
		border: 3px solid #f16e95;
	}
	.appointSuccess2 {
	    padding: 16px 10px;
	}
	.appointSuccess4 {
	    padding: 20px 10px;
	}
	.appointSuccess5 {
	    font-size: 24px;
	}
	.appointSuccess6 {
	    font-size: 14px;
	    margin-top: 30px;
	}
	.appointSuccess7 {
	    font-size: 12px;
	    color: #842b22;
	    line-height: 24px;
	    margin-top: 27px;
	}
	
	
	.sureAppoint1 {
	    margin-top: 0;
	    padding: 20px 15px 15px;
		background-size: 100% 100%;
	}
	.sureAppoint {
	    height: 60px;
	    line-height: 60px;
	    font-size: 18px;
	}
	.hfDeta1 {
	    height: 60px;
	    font-size: 24px;
	    line-height: 60px;
	}
	.hfDeta1 img{
		max-height: 40px;
	}
	.hfDeta2a{
		width: 100%;
	}
	.hfDeta2{
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.hfDeta2b{
		width: 100%;
		margin-top: 20px;
	}
	.hfDeta2b1 {
	    font-size: 16px;
	    margin-bottom: 6px;
	}
	.hfDeta2b2 {
	    margin-top: 30px;
	    text-align: center;
	}
	.hfDeta2b2 a {
	    width: 130px;
	    height: 50px;
	    font-size: 16px;
	    line-height: 50px;
	}
	.hfDeta3 {
	    margin-top: 30px;
	    font-size: 16px;
	    padding-bottom: 10px;
	    border-bottom: 6px solid #fbf2d6;
	}
	.hfDeta3 img{
		max-height: 40px;
	}
	.hfDeta5 {
	    font-size: 16px;
	    margin-bottom: 25px;
	}
	.hfDeta6 {
	    margin-top: 30px;
	}
	.hfDeta7 img{
		max-width: 40px;
	}
	.hfDeta7 a{
		margin-left: 10px;
	}
	.hfDeta8 {
	    margin-top: 36px;
	}
	.hfDeta8 a{
	    width: 130px;
	    height: 50px;
	    font-size: 16px;
	    line-height: 50px;
	}
	.hfDeta9 {
	    padding-left: 16px;
	    line-height: 60px;
	    font-size: 16px;
		margin-top: 30px;
	}
	.hfDeta9 img{
		max-height: 40px;
	}
	.hfDeta_list{
		margin-top: 0;
	}
	.hfDeta_list ul li{
		margin-top: 20px;
		width: 48%;
	}
	.hfDeta_list ul li:nth-child(4n){
		margin-right: 4%;
	}
	.hfDeta_list ul li:nth-child(2n){
		margin-right: 0;
	}
	.hfDeta_list2 {
	    font-size: 14px;
	    margin-top: 6px;
	}
	.hfDeta_list3 {
	    font-size: 14px;
	    margin-top: 6px;
	}
	.reason3 img{
		height: 140px;
	}
	.reason4 {
	    width: 50px;
	    height: 50px;
	    font-size: 18px;
	    margin: -25px auto 0;
	    line-height: 50px;
	}
	.tcdeta4 img{
		height: auto;
	}
	
	.banner{
		margin-top: 0;
	}
	.footer4 a{
		margin: 0 9px;
	}
	.footer4a{
		margin: 0 9px;
	}
	.footer4a>img{
		width: 40px;
		height: 40px;
		border-radius: 40px;
	}
	.cb{
		display: none;
	}
	.mpic ul li{
		width: 48.5%;
		margin-right: 3%;
	}
	.mpic ul li img{
		height: 40vw;
	}
	.mpic ul li:nth-child(3n){
		margin-right: 3%;
	}
	.mpic ul li:nth-child(2n){
		margin-right: 0;
	}
	.reason5 {
	    font-size: 14px;
	    padding: 0 10px;
	    margin-top: 6px;
	    line-height: 20px;
		height: 80px;
	}
	.reason2 ul li{
		padding-bottom: 20px;
	}
	.pic_tc3{
		height: 55%;
	}
	.hfDeta6 img{
		height: auto;
	}
	.rent2 ul{
		padding: 0 10%;
	}
	
	.footer4a1{
		right: 0;
		z-index: 963;
		left: auto;
		transform: translateX(0);
	}
	.appointSuccess8 a {
	    width: 108px;
	    height: 32px;
	    line-height: 32px;
	    font-size: 14px;
	    margin: 0 5px;
	    border-radius: 16px;
	}
	.artical{
	    margin: 40px 0 80px;
	}
	.artical2 ul li{
        width: calc((100% - 10px)/2);
        height: 60px;
        font-size: 16px;
    }
    .artical2 ul li:nth-child(2n){
        margin-right: 0;
    }
	.artical3 {
        margin-bottom: 35px;
        margin-top: 50px;
        font-size: 20px;
    }
	/*.artical4 {*/
	/*    display: block;*/
 /*       padding-left: 0;*/
 /*       font-size: 16px;*/
 /*       line-height: 32px;*/
 /*   }*/
	/*.artical4 span{*/
 /*       width: 100%;*/
 /*       padding-right: 0;*/
 /*   }*/

	
	
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
	
	.tcdeta3 ul li{
		width: 100%;
		margin-right: 0;
	}
	.tcdeta6{
		height: auto;
	}
	
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/


