@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1300px){
	.foot_main,.header-main,.index-main21 .index-main2-content{ width: 94%;}
	.header-left{ width: 850px; margin-left: 0}
	.header-right{  padding-left: 0}
.index-huaxiang-img-main,.index-video-main{ width: 94%;}
	.header-left2{ width: 100%;}
	.index-video-left{ width: 53%; background: none;}
	.index-video-right{ width: 45%; text-align: right;}
	.index-video-right img{ width: 100%;}
	.index-video-right a img{ text-align: left; width: 47%; margin-right: 2%;}
	.index-huaxiang-img2{ margin-top: 30px;}
	.index-main21 .index-main2-left{     width: 64%;
    max-width: 100%;}
	.newindex-video-content{ width:94%;}
	.newindex-video-left{ width:50%;}
	.newindex-video-right{  width:47%;}
	
}
@media screen and (max-width:1220px){
	.index-main3-content,.index-main4-content{ width: 94%;}
	.function-list{ width: 31.3333%; margin-left: 1%;margin-right: 1%; height: 365px;}
	.function-list img{ float: none; margin-bottom: 15px;}
	.function-list-right{ width: 100%; float: none;}
	.hoogege-service-list{ width: 29.3333%; margin: 0 1%; padding-left: 1%; padding-right: 1%;}
	.index-main5-content{ width: 94%;}
	.index-main5-left{ width: 100%; background: none; padding-top: 20px;}
	.index-main5-right{ width: 100%; margin: 0; background:none; text-align: left;}
	img.main5-right-l{ display: none;}

	.main5-right-r{ text-align: left; margin: 0; float: none; padding-top: 20px;}
}
@media screen and (max-width:1180px){
	.index-main1{ padding-bottom: 178px;}
	.index-main1-content{ width: 570px; }
	.index-main1-left,.index-main1-right{ float: none; margin: 15px auto;}
	.index-main2-content{ width: 94%;}
	.main5-content-down{ width: 94%;}
	.main5-content-down li{ width: 18%; margin: 0 1%;}
	

	.header-left2 li{ margin-left: 25px;}

		li.mobile-nav{ display: block;}
	.index-video-main h1{ font-size: 30px;}
	.header-left{width: 720px;}
	img.mobile-img{ display: block; width: 100%; margin-top:20px;}
	
	img.video-button{ display:none}
}
@media screen and (max-width:1023px){
	.function-list{ width: 48%; margin-left: 1%;margin-right: 1%; height: 350px;}
	.index-main4-content .function-list{ height: 350px;}
	.hoogege-service-list{ width: 46%; height: 425px; margin-bottom: 20px;}
	.main5-content-down li{ width: 31.3333%; height: 180px;}

	.header-right li{ margin-right: 10px;}
	.index-main5-title,.footer-login .foot_main{ width: 94%;}
	.hoogege-service-list h4{margin: 20px 0}
	.hoogege-service-list p{ height: auto;}
	.header-left2 li{ margin-left: 14px;font-size: 14px;}
	.index-main21 .index-main2-left{ width: 100%;}
	.index-main21 .index-main2-right{ width: 100%;top: 409px;}
	.index-main21{    padding-bottom: 20px;
    height: 1000px;}
	.index-main21 .index-main2-right .index-brain{    left: 50%;
    margin-left: -268px;}
	.header-right{ font-size: 13px;}
	.header-left{width: 570px;}
	.newindex-video-left{ width:50%; float:none; margin:0 auto}
	.newindex-video-right{  width:100%; float:none; padding:30px 0;}
}
@media screen and (max-width:850px){
	.header-left{ display:none;}
	.mobile-logo{display: block}
	}
@media screen and (max-width:815px){
	.index-main2-content div{ width: 100%;}
	/*.index-main2-content h1,.index-main3-content h1,.main5-right-r h1{ font-size: 22px; line-height: 30px;}*/
	.function-list{ width: 100%; height: auto; float: none; margin-bottom: 20px;}
	
	 
	.index-main1-content{ width: 94%;}
	.index-main1{ padding: 140px 0 40px 0px;}
	.index-main1-new{ min-height: 180px;}
	.index-main1-right{ width: 100%;}
	.main1-right-down input{ background-image: none; padding-left: 2%; line-height: 34px; height: 34px;}
	.main1-right-down input.hoogege-submit,.main1-right-down input.hoogege-submit-mobile{ width: 52px; height: 34px; background-size: 100% 100%;}
/*	.main1-right-top h1{ display: block; text-align: center; cursor: pointer; margin-bottom: 5px;}
	.main1-right-top ul{ display: none;}*/
	.main1-right-top li{  background: rgba(0,0,0,0.40); margin-bottom: 0px;padding: 0; font-size: 14px; line-height: 34px; height: 34px; }
	.main1-right-top li a{ text-decoration: none; text-align: center;}
	.index-main4{ padding-top: 30px;}
	.index-main2-content h3{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}
	.index-main2-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;

}
	.index-main2-content h4 {
    font-size: 18px;

    line-height: 26px;
    margin-top: 5px;
}
	.index-main4-content .function-list{ height: auto;}
	.footer{height: auto;}
	.foot_logo{ float: none; margin: 0 auto;padding: 10px 0}
	.foot_left p{ float: none; text-align: center; line-height: 30px;}
	.main5-content-down li br{display: none;}
	li.mobile-hide{ display: none;} 
	.main1-right-top li{ width: 24%; margin-right: 0.5%;}
	.main1-right-down{ width: 98%;}
		.main1-right-top{display: none;}
	.main1-right-top1{display: block}
	.mobile-logo{display: block}
	.pc-logo{display: none;}
	.main1-right-down1{ width: 97%;}
	.header-left{ display:none}
	li.mobile-tian{display:block;}
	.header-right{  width: 210px; margin-top: 0}
	.header-right ul{width: 210px;}
	.header-left1{display: block}
	.header-left-mobile li {
 font-size: 15px;
    margin-right: 0px;
}
	.header-right ul{margin-left: 0}
}
	  @media screen and (max-width: 800px){
		 .index-main1 {  padding-top:140px; margin-top:60px;}
		  .main1-right-down1{ width: 93%; padding: 2%; background-size: 100% 100%;}
		  .tel_box_main{ width: 96%; padding: 0; margin: 0 auto;}
		  .tel_box_main input.boda{ right: 1px; top:1px;}
	  }
@media screen and (max-width:780px)
{
	
	
		.btn{ margin-bottom: 22px;}
}
@media screen and (max-width:550px){
	.hoogege-service-list{ width: 96%; float: none; margin: 0 auto; margin-bottom: 20px; height: auto; padding-left:2%; padding-right: 2%; padding-top: 20px; padding-bottom: 20px;}
	
	.index-main4-content h3{ font-size: 30px;}
	.main5-content-down li{ width: 96%; height: auto;margin-bottom: 30px;}
	.foot_logo{ float: none; margin: 15px auto; margin-bottom: 0;width: 100%;}
	.foot_left p{ float: none; text-align: center;line-height: 30px;}

	.header-down{ width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden;}
	
	.index-main5-title img{ width: 100%;}
	.main5-content-down .index-main5-title img{width: 100%;}
	.index-main4-content .hoogege-service-list h4{ font-size: 24px; margin: 20px 0;}

	.footer-login .foot_logo{ margin-top: 0}
	
	.index-main2-left{ position:relative; z-index:2;}
	.index-main2-right{ position:relative; z-index:1;}
	.function-list-right p{ text-align: justify; margin-top: 10px;}
	.index-main4-content h1{ margin: 10px auto;}
	
	.index-main1-left{ width: 170px; margin-bottom: 30px; margin-top: 0}
	.index-main1-left img{ width: 100%;}
		
	.function-list img{ margin: 0 auto; margin-bottom: 15px;}
	.function-list-right{ text-align: center;}
	

	.main5-content-down h1{ font-size: 16px; line-height: 25px;}
	.main5-content-top{ padding-top: 0}
.index-main4-content .function-list-right h3,.index-main3-content .function-list-right h3{ text-align: center;}
	.index-main2-content h1,.index-main3-content h4,.index-main4-content h4{ font-size: 20px; line-height: 36px;}
	.index-main3-content h1,.index-main4-content h3{ font-size: 18px;}
	.function-list-right h3,.index-main4-content h2,.index-main2-content h4,.index-main2-content h3,.index-main3-content h2,.index-main4-content .function-list-right h3,.index-main3-content h2 b,.index-main2-content h4 span{ font-size: 16px; font-weight: bold;}
	.index-main2-content p,.main5-content-down li{ font-size: 14px; line-height: 22px;}
	.index-main3-content h2,.index-main3-content h2 b,.index-main4-content h2,.index-main4-content h2 b{ margin-top: 0; font-size: 18px; font-weight: normal;}
	.noscroll,
.noscroll body {
    overflow-x: hidden;
}
.noscroll body {
    position: relative;
}
	.footer{ height: auto;}
	.mobile-line{display: block;}
	.main5-content-down img.pc-dream,.index-main5-dreampic img.pc-dream1{display: none;}
	.main5-content-down img.mobile-dream{display:block; width: auto;}
	.main5-content-down h1 img{display: block; margin: 10px auto;width: auto;}
	.main5-content-down .index-main5-title h1{ font-size: 24px; display: block;}
	.main5-content-down h1 span{display: none;}
	.index-main5-dreampic{width: 96%; margin: 0 auto;}
	.index-main5-dreampic img.moble-dream1{display: block;}
	.index-main5-dreampic{display: none}
	.index-main5-dreampic1{display: block; margin-top: 20px;}
	.index-video-left,.index-video-right{ width: 90%; float: none;}
	.index-login-video{ background: none; padding: 40px 0; height: auto}
	.index-video-main h1,.index-video-main h2,.index-video-right h3,.index-video-right h3{color: #222;}
	.index-video-left{ padding-bottom: 0}
	.index-video-right{ text-align: left}
	.index-huaxiang-img2{ margin-top: 0}
	.pc-huaxiang{display: none;}
	.mobile-huaxiang{display: block;}
	
	.index-video-right img{ width: auto;}
	.newindex-video-left{ width:100%;}
	.newindex-video-right h2{ font-size:24px;}
	 .index-main1{ padding-top:75px;}
}

@media screen and (max-width: 380px)
{
.btn{padding-right: 3%;padding-bottom:0px;}
}
@media screen and (max-width:340px)
{
    .logo {padding-right: 0px;;}
	.head_right1{ margin-right:8px;}
}