@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}

@media only screen and (max-width: 1600px){
	
	.nav{
		margin-left: 80px;
	}
	.nav ul li {
		font-size: 16px;
		margin: 0px 10px;
	}
	
	
	
	
	
	
	
}

@media only screen and (max-width: 1440px){
	.nav{
		margin-left: 50px;
	}
	.nav ul li {
		font-size: 16px;
		padding: 0 5px;
	}
	.login{
		margin-right: 30px;
	}
	.video3{
		font-size: 60px;
	}
	.video4{
		font-size: 40px;
	}
	.video2{
		padding: 60px 0;
	}
	.video5 a {
	    width: 200px;
	    height: 50px;
	    font-size: 16px;
	}
	.video6 a {
	    height: 50px;
	    font-size: 16px;
	}
	
	
	
}

@media only screen and (max-width: 1366px){
	.nav{
		margin-left: 30px;
	}
	.nav ul li {
		font-size: 14px;
		padding: 0 5px;
	}
	.login{
		margin-right: 20px;
	}
	
}


@media only screen and (min-width: 1200px){
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.video3{
		font-size: 20px;
	}
	.video4{
		font-size: 12px;
	}
	.video2{
		padding: 20px 0;
	}
	.video5{
		margin-top: 10px;
	}
	.video5 a {
		width: 160px;
		height: 36px;
		font-size: 14px;
	}
	.video6{
		margin-top: 10px;
	}
	.video6 a {
		width: 180px;
		height: 36px;
		font-size: 14px;
	}
	.video video{
		height: auto;
	}
	.goTop{
		right: 10px;
	}
	.goTop img{
		width: 36px;
	}
	.title{
		font-size: 20px;
	}
	.works1{
		margin-top: 0;
	}
	.works2{
		width: 100%;
		margin-top: 20px;
		height: auto;
		padding-bottom: 20px;
		background-size: 100% auto;
		padding-top: 30px;
	}
	.works4{
		font-size: 20px;
	}
	.works5{
		font-size: 16px;
	}
	.works5a{
		font-size: 16px;
	}
	.works6{
		margin-top: 20px;
		font-size: 14px;
	}
	.works6 span{
		width: 100%;
	}
	.interactive{
		padding: 30px 0;
	}
	.interactive1{
		display: block;
	}
	.interactive2{
		width: 100%;
	}
	.interactive3{
		font-size: 20px;
		line-height: 36px;
	}
	.interactive4 {
	    margin-top: 16px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.interactive5{
		width: 100%;
		margin-top: 30px;
		padding-left: 30px;
		height: 240px;
	}
	.interactive7{
		font-size: 16px;
		line-height: 36px;
	}
	.service{
		padding: 30px 0;
	}
	.service2{
		margin-bottom: 20px;
	}
	.service2 a {
	    width: 160px;
	    height: 40px;
	    border-radius: 20px;
	    line-height: 40px;
	    font-size: 16px;
	}
	.service3 {
	    margin-top: 16px;
	    font-size: 16px;
	    line-height: 24px;
	}
	.service3 br{
		display: none;
	}
	.service5 a{
	    width: 160px;
	    height: 40px;
	    border-radius: 20px;
	    line-height: 40px;
	    font-size: 16px;
	}
	.faps1 {
	    height: auto;
	    display: block;
	    padding: 20px 0;
	}
	.faps2{
		font-size: 20px;
		text-align: center;
	}
	.faps3{
		margin-top: 10px;
		text-align: center;
	}
	.faps3 a {
		margin: 0 auto;
	    font-size: 16px;
	    width: 140px;
	    height: 40px;
	    border-radius: 20px;
	}
	.gywm{
		padding: 30px 0;
	}
	.client4{
		padding: 20px 16px;
	}
	.client12 {
	    font-size: 14px;
	    line-height: 20px;
	}
	.client12 .content-preview{
	    height: 140px;
	}
	.h_left{
		left: 0;
		z-index: 5;
		width: 20px;
	}
	.h_right{
		right: 0;
		z-index: 5;
		width: 20px;
	}
	.share{
		margin-top: 30px;
	}
	.share3 {
	    font-size: 16px;
	}
	.share4 {
	    font-size: 12px;
	    margin-top: 5px;
	}
	.share5{
		margin-top: 10px;
	}
	.share6 {
	    width: calc((100% - 20px) / 3);
	    height: 113px;
	    overflow: hidden;
	}
	.share6:nth-child(3n){
		margin-right: 0;
	}
	.fbutt2{
		margin-top: 10px;
	}
	.fbutt{
		margin: 20px 0 30px;
	}
	.footer{
		padding: 30px 0;
	}
	/*.footer{*/
	/*	display: none;*/
	/*}*/
	.footer1{
	    display: block;
	}
	.footer2{
	    text-align: center;
	}
	.footer3{
	    margin-right: 20px;
	    margin-top: 20px;
	    display: inline-block;
	    vertical-align: top;
	}
	.footer3b{
	    margin-top: 0;
	}
	.footer3b a{
	    display: inline-flex;
	}
	.beian{
		padding: 20px 2%;
		font-size: 12px;
		line-height: 24px;
	}
	.innertitle1 {
	    font-size: 20px;
	    line-height: 100px;
	}
	.about2{
		width: 100%;
		margin-top: 20px;
	}
	.about4 {
	    font-size: 16px;
	    line-height: 60px;
	}
	.about5{
		width: 100%;
	}
	.about6 {
	    margin-top: 30px;
	    font-size: 16px;
	}
	.about7 {
	    margin-top: 10px;
	    font-size: 20px;
	    line-height: 32px;
	}
	.about8 {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.coast{
		padding: 30px 0;
	}
	.coast1 {
	    font-size: 24px;
	}
	.coast2 {
	    margin-top: 20px;
	    display: block;
	    padding: 16px 20px;
	    height: auto;
	    width: 100%;
	    font-size: 16px;
	    text-align: center;
	}
	.coast2 a {
	    width: 160px;
	    margin: 10px auto 0;
	    height: 36px;
	    font-size: 16px;
	    border-radius: 20px;
	    line-height: 36px;
	}
	.abserve{
		padding: 30px 0;
	}
	.abserve1{
		display: block;
	}
	.abserve4{
		margin: 20px 0;
		font-size: 24px;
	}
	.abserve5 {
	    font-size: 14px;
	    line-height: 24px;
	    margin-bottom: 16px;
	}
	.abserve6 {
	    font-size: 14px;
	    line-height: 32px;
	}
	.faps4{
		margin-top: 10px;
		text-align: center;
	}
	.faps4 a {
		margin: 0 auto;
	    font-size: 16px;
	    width: 140px;
	    height: 40px;
	    border-radius: 20px;
	}
	.area{
		padding: 30px 0;
	}
	.area1{
		display: block;
	}
	.area4{
		font-size: 20px;
		margin-top: 20px;
	}
	.area5{
		margin-top: 15px;
		font-size: 14px;
		line-height: 24px;
	}
	.media{
		padding: 30px 0;
	}
	.media1 {
	    margin-top: 14px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.media3 ul li{
		float: left;
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		box-shadow: 0 5px 10px #f0ecee;
	}
	.media3 ul li .media4 {
	    height: 107px;
	    overflow: hidden;
	}
	.media3 ul li:nth-child(3n){
		margin-right: 20px;
	}
	.media3 ul li:nth-child(2n){
		margin-right: 0;
	}
	.media5 {
	    font-size: 14px;
	    line-height: 24px;
	    padding: 10px 10px;
		height: 68px;
	}
	.media2{
		padding-bottom: 30px;
	}
	.media4a img{
		width: 30px;
	}
	.flist1 ul li{
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
		height: auto;
		padding: 20px;
	}
	.flist2 {
	    font-size: 16px;
	    line-height: 30px;
	    padding-bottom: 10px;
	}
	.flist3 {
	    font-size: 14px;
	    line-height: 24px;
	}
	.flist{
		padding-bottom: 30px;
	}
	.partner{
		padding: 30px 0;
	}
	.partner3 {
	    margin-top: 20px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.partner4{
		padding: 30px 0;
	}
	.partner6{
		display: block;
		margin-top: 20px;
	}
	.partner7{
		width: 100%;
		border-right: 0;
	}
	.partner7a{
		font-size: 20px;
	}
	.partner2 img{
		width: 50px;
	}
	.partner7b img{
		width: 50px;
	}
	.partner8{
		margin-top: 20px;
		width: 100%;
		padding: 0;
	}
	.innerBanner > img{
		height: 200px;
	}
	.innerBanner2{
		font-size: 20px;
	}
	.innerBanner3 {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 28px;
	}
	.chef{
		padding: 30px 0;
	}
	.chef1{
		display: block;
	}
	.chef4{
		margin-top: 20px;
		font-size: 20px;
	}
	.chef5 {
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.chef6 {
	    font-size: 16px;
	    line-height: 36px;
	}
	.chef7{
		padding: 30px 0;
	}
	.chef8 ul li{
		width: 100%;
		margin: 20px 0 0;
	}
	.chef10a {
	    font-size: 20px;
	    line-height: 30px;
	}
	.chef10{
		padding: 16px;
	}
	.chef10b {
	    font-size: 14px;
	    line-height: 24px;
	}
	.chef11{
		padding: 30px 0;
	}
	.chef13{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.chef14{
		padding: 16px;
	}
	.chef15{
		font-size: 16px;
	}
	.chef16{
		font-size: 14px;
	}
	.contact2{
		width: 100%;
	}
	.contact3{
		margin-top: 30px;
		font-size: 20px;
	}
	.contact4 {
	    margin-top: 16px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.contact5 {
	    font-size: 18px;
	    margin-top: 30px;
	}
	.contact6 {
	    margin-top: 20px;
	    padding: 1px 16px 30px;
	    border-radius: 6px;
	}
	.contact7{
		margin-top: 20px;
	}
	.contact8 label{
		margin-right: 36px;
	}
	.contact11{
		margin-top: 30px;
		width: 100%;
	}
	.contact12 {
	    padding: 30px 0;
	    box-shadow: 0 5px 10px #f2f2f2;
	    margin-bottom: 20px;
	}
	.contact{
		padding-bottom: 30px;
	}
	.eveluate{
		padding: 36px 0;
	}
	.eveluate1{
		padding: 30px 20px;
	}
	.eveluate2{
		font-size: 20px;
	}
	.eveluate3{
		margin-top: 20px;
		padding: 80px 20px 30px;
	}
	.eveluate4{
		left: 16px;
		top: 16px;
	}
	.eveluate5{
		font-size: 20px;
		line-height: 30px;
	}
	.eveluate6 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.eveluate7{
		margin-top: 20px;
	}
	.eveluate7 a {
	    width: 200px;
	    padding: 0;
	    height: 50px;
	    border-radius: 25px;
	    line-height: 50px;
	    font-size: 16px;
	}
	.estimate{
		margin-top: 20px;
		padding: 30px 20px;
	}
	.estimate2{
		padding: 30px 20px;
	}
	.estimate3 {
	    font-size: 18px;
	    text-align: left;
	    line-height: 24px;
	}
	.estimate4 {
	    margin-top: 16px;
	    font-size: 14px;
	}
	.estimate5{
		margin-top: 15px;
	}
	.estimate5 input {
	    height: 40px;
	    border-radius: 20px;
	    padding: 0 10px;
	    font-size: 14px;
	}
	.estimate6{
		height: auto;
		padding: 10px;
	}
	.pc{
		display: none;
	}
	.estimate8.wap{
		display: flex;
	}
	.estimate8{
		width: 100%;
	}
	.estimate8a{
		flex: 1;
		width: auto;
		margin-right: 0;
	}
	.estimate8b{
		margin-left: 10px;
	}
	.estimate7{
		margin-top: 10px;
	}
	.estimate9{
		margin-top: 10px;
	}
	.step{
		padding: 20px 0;
	}
	.step2{
		padding: 0 10px;
	}
	.step4{
		font-size: 14px;
	}
	.information{
		padding: 25px 0;
	}
	.information1{
		font-size: 20px;
		display: block;
	}
	.information1a{
		margin-top: 20px;
	}
	.information1a a{
		margin: 0 10px 0 0;
		padding: 0 3px;
		font-size: 14px;
	}
	.appoint{
		display: block;
		padding: 20px;
	}
	.appoint1{
		margin-right: 0;
		text-align: center;
	}
	.appoint2{
		margin-top: 20px;
	}
	.appoint3{
		font-size: 20px;
	}
	.appoint5 {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.appoint6{
		margin-top: 20px;
		padding: 20px;
	}
	.appoint8{
		flex-wrap: wrap;
		height: auto;
		padding: 16px 0;
	}
	.appoint8e{
		width: 100%;
		margin-top: 10px;
	}
	.appoint8e a{
		margin: 0 auto;
	}
	.appoint9a{
		font-size: 16px;
	}
	.appoint9a span{
		font-size: 12px;
	}
	.appoint9b{
		font-size: 12px;
	}
	.appoint10{
		overflow-x: scroll;
	}
	.appoint10_d{
		width: 600px;
	}
	.appoint13{
		margin-top: 30px;
	}
	.appoint13 a {
	    width: 180px;
	    height: 50px;
	    font-size: 20px;
	    border-radius: 25px;
	}
	.information2{
		padding: 16px;
	}
	.information4 {
	    margin-top: 16px;
	    font-size: 20px;
	}
	.information7{
		padding: 1px 16px 16px;
	}
	.information7a{
		margin-top: 16px;
		font-size: 16px;
	}
	.information8{
		margin-top: 20px;
		padding: 16px;
	}
	.information8a{
	    font-size: 20px;
	}
	.information11{
		margin-top: 25px;
	}
	.information11 input{
		font-size: 20px;
		width: 280px;
	}
	.confirmation{
		padding: 16px;
	}
	.confirmation1{
		font-size: 20px;
	}
	.confirmation8{
		display: block;
	}
	.confirmation8b{
		margin-top: 10px;
	}
	.confirmation8e label{
		margin-top: 10px;
	}
	.person{
		padding: 1px 20px 30px;
	}
	.person1{
		margin-top: 30px;
		font-size: 20px;
	}
	.person2{
		display: block;
	}
	.person5 input{
		width: 100%;
		margin-top: 10px;
		margin-right: 0;
	}
	.person6 input{
		width: 100%;
		margin-top: 10px;
		margin-right: 0;
	}
	.person7{
		margin-top: 30px;
	}
	.order ul li{
		margin-top: 24px;
	}
	.order1{
		display: block;
	}
	.order2 span{
		display: block;
		margin: 10px 0;
	}
	.order4{
		padding: 16px;
	}
	.order8 span{
		display: block;
		padding: 0;
		border: 0;
		margin: 5px 0;
	}
	.order9{
		display: block;
	}
	.selections{
	    padding: 0;
	    font-size: 16px;
	    line-height: 30px;
	}
	.selections1 {
        margin-top: 20px;
        font-size: 20px;
    }
    .media_tc1{
        padding: 20px;
        display: flex;
        align-items: center;
    }
	.media_tc1 video{
	    height: auto;
	    width: 100%;
	}
	.language{
	    height: 40px;
	    float: right;
	    margin: 9px 5px;
	}
	.login{
	    height: 40px;
	    float: right;
	    margin: 9px 5px;
	}
	.login_tc4{
	    padding: 20px;
	}
	.login_tc3 a{
	    font-size: 20px;
	    line-height: 50px;
	}
	.login_tc7 input {
        font-size: 16px;
        width: 160px;
        height: 40px;
        border-radius: 20px;
    }
	.forget{
	    margin-top: 30px;
	    display: block;
	    text-align: left;
	}
	.forget span{
	    font-size: 12px;
	    display: flex;
	    align-items: center;
	}
	.login_sub{
	    top: 100%;
	    right: 0;
	    left: auto;
	}
	.eveluate8{
	    padding: 20px;
	}
	.eveluate9{
	    padding: 20px;
	}
    .privacy1{
       padding: 1.5em 1em;
    }
    .tanc{
        padding: 40px 0;
    }
    .tanc1{
        margin-top: 10px;
    }
	.tanc1 ul li{
	    width: 100%;
	    margin-top: 20px;
	}
	.tanaddr ul li{
        width: calc((100% - 20px)/2);
        margin-right: 20px;
        margin-top: 20px;
    }
    .tanaddr ul li:nth-child(2n){
        margin-right: 0;
    }
    .tanaddr2{
        padding: 0 10px;
        font-size: 16px;
        height: 40px;
    }
    .register_tc1 {
        padding: 20px 16px 30px;
    }
    .appoint_d{
        display: block;
    }
    .appoint7{
        font-size: 16px;
    }
    .appoint8c{
        font-size: 16px;
    }
    .appoint8d{
        font-size: 14px;
    }
    .problem{
        margin-top: 20px;
        font-size: 20px;
    }
    .problem2{
        padding: 10px;
    }
    .problem3 code{
        font-size: 16px;
    }
    .problem4{
        font-size: 14px;
        line-height: 20px;
    }
    .newRli1{
        margin: 20px 0;
    }
    .newRli2{
        font-size: 16px;
    }
    .newRli3{
        font-size: 14px;
    }
    .newRli4 span{
        height: 50px;
        font-size: 16px;
    }
    .tclist1{
        padding: 0 10px;
    }
    .tclist2{
        padding: 0 10px 16px;
    }
    .tclist1 ul li{
        font-size: 12px;
        word-break: break-all;
        width: 16%;
        padding-right: 5px;
    }
    .tclist1 ul li:first-child{
        width: 26% !important;
    }
    .tclist1 ul li:nth-child(2){
        width: 26% !important;
    }
    .tclist2 ul li{
        font-size: 12px;
        width: 16%;
        padding-right: 5px;
    }
    .tclist2 ul li:first-child{
        width: 26% !important;
    }
    .tclist2 ul li:nth-child(2){
        width: 26% !important;
    }
    .tcbanner2{
        font-size: 20px;
    }
    .tcaccount6{
        display: inline-block;
    }
    .tcaccount2{
       width: 100%;
    }
    .tcbanner3{
        font-size: 16px;
    }
    .tcbanner4{
        font-size: 12px;
    }
    
}
/** 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) {

}

@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){
    	.video66{
	    display: block;
	}
}
/** 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){}
/*******************************************************************/