﻿html {
	min-width: 1000px;
	font-size: 60px;
}

@media only screen and (min-width: 958px) {
	html {
		font-size: 60px !important;
	}
}
@media only screen and (min-width: 1020px) {
	html {
		font-size: 63.7px !important;
	}
}

@media only screen and (min-width: 1080px) {
	html {
		font-size: 67.5px !important;
	}
}

@media only screen and (min-width: 1111px) {
	html {
		font-size: 69.4px !important;
	}
}

@media only screen and (min-width: 1239px) {
	html {
		font-size: 77.5px !important;
	}
}
@media only screen and (min-width: 1250px) {
	html {
		font-size: 78px !important;
	}
}

@media only screen and (min-width: 1279px) {
	html {
		font-size: 80px !important;
	}
}

@media only screen and (min-width: 1290px) {
	html {
		font-size: 80.6px !important;
	}
}

@media only screen and (min-width: 1439px) {
	html {
		font-size: 90px !important;
	}
}

@media only screen and (min-width: 1599px) {
	html {
		font-size: 100px !important;
	}
}

@media only screen and (min-width: 1910px) {
	html {
		font-size: 120px !important;
	}
}
@media only screen and (min-width: 2390px) {
	html {
		font-size: 149px !important;
	}
}

body{
	width: 100%;
	font-family: "microsoft yahei";
}

*{margin: 0;padding: 0;}
a{ text-decoration: none;}
.index-header-zhanwei{
	height: 1.125rem;
	width: 100%;
}
.index-header{
	position: fixed;
	top: 0;
	z-index: 999;
	background-color:rgba(255,255,255,0.93);
	height: 1.125rem;
	width: 100%;
	box-shadow: 0px 2px 3px rgba(0,21,26,0.3);
}

.index-header-logo{
	display: block;
	width: 15%;
	float: left;
	margin-left: 15%;
}
.index-header-logo img{
	width: 100%;
	height: auto;
}
.index-header-nav{
	width: 50.7%;
	height: 100%;
	float: right;
}
.index-header-nav a{
	width: 11%;
	text-align: center;
	display: block;
	font-family: "microsoft yahei";
	font-size: 0.2rem;
	float: left;
	margin-right: 8%;
	height: 0.32rem;
	margin-top: 0.587rem;
	color: black;
}



.index-header1{
	height: 0.625rem;
	width: 100%;
	border: 1px solid red;
}

.index-header1-logo{
	display: block;
	height: auto;
	line-height: 0.2rem;
	width: 6%;
	float: left;
	margin-left: 15%;
	border: 1px solid red;
}
.index-header1-logo img{
	width: 100%;
}
.index-header1-nav{
	width: 50.7%;
	height: 100%;
	float: right;
}
.index-header1-nav a{
	width: 11%;
	text-align: center;
	display: block;
	font-family: "microsoft yahei";
	font-size: 0.2rem;
	float: left;
	margin-right: 8%;
	height: 0.32rem;
	margin-top: 0.2rem;
	color: black;
}

.index-carousel{
	width: 100%;
	height: auto;
}
.index-carousel img{
	width: 100%;
	height: auto;
}
.index-services{
	width: 100%;
	height: auto;
}
.index-services-title{
	display: block;
	height: 0.5rem;
	width: 100%;
	text-align: center;
	font-size: 0.45rem;
	margin-top: 0.75rem;
	font-weight:bold ;
	color: #00151a;
}
.index-services-o-o-o{
	display: block;
	width: 2.6rem;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.325rem;
}
.index-services-p{
	display: block;
	font-size: 0.225rem;
	width: 40%;
	text-align: center;
	margin: 0.4rem auto;
	color: #333;
}
.index-services-yuans{
	width: 81%;
	margin-top: 0.637rem;
	margin-left: 19%;
	height: 2.5rem;
	position: relative;
}
.index-services-abstract{
	width: 1.5rem;
	height: 2.4rem;
	float: left;
	position: relative;
	margin-right: 10%;
}
.index-services-rotate{
	border: 2px solid black;
	border-radius: 50%;
	width: 100%;
	height: 62.5%;
}
.index-services-abstract img{
	position: absolute;
	width: 68%;
	height: auto;
	margin-top: -84%;
	margin-left: 16%;
}

.index-services-yuan{
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.7rem;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #00151A;
	float: left;
	margin-right: 10%;
	position: relative;
}
.index-services-yuan img{
	width: 60%;
	height: 60%;
}
.index-services-text{
	display: block;
	font-size: 0.3rem;
	width: 1.52rem;
	text-align: center;
	float: left;
	margin-top: 0.3rem;
	margin-right: 10%;
	line-height: 0.2rem;
	color: black;
}

.index-services-text span{
	display: block;
	font-size: 0.15rem;
	display: inline-block;
	height: 0.2rem;
}
.index-services-button{
	display: block;
	font-size: 0.2rem;
	height: 0.45rem;
	width: 15%;
	background-color: #4FD671;
	line-height: 0.45rem;
	text-align: center;
	margin: 0.5rem auto;
	color: white;
}
.index-services-button:hover{
	color: #00151A;
}
.index-whoLoveUs{
	width: 100%;
	height: 4.25rem;
	background: url(../img/bei-jin-tu.png) no-repeat;
	background-size: 100% 350%;
	background-position-y: 60%;
}
.index-whoLoveUs-cont{
	height: 4.25rem;
	width: 100%;
	background-color: rgba(0,21,26,0.65);
	position:absolute;
}
.index-whoLoveUs-title{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.31rem;
	margin-top: 0.68rem;
	font-weight:bold ;
	color: white;
}
.index-whoLoveUs-o-o-o{
	background: url(../img/O-O-O.png) no-repeat;
	background-size: 100% 100%;
	width: 210px;
	height: 46px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.33rem;
}
.index-whoLoveUs-imgs{
	width: 970px;
	height: auto;
	margin: 0 auto;
	margin-top: 0.387rem;
	overflow: hidden;
	position: relative;
}
.index-whoLoveUs-imgs img{
	width: 75%;
	height: auto;
}
#marquePic1 table tr td{
	margin-right: 10px;
}
.index-whoLoveUs-imgs-container{
	width: 100%;
	height: auto;
	align-self: center;
	border: 1px solid red;
	overflow: hidden;
}
/*#marquePic1 table{
	width: 3000px;
	height: auto;
}
#trtdwid td{
	width: 300px;
	height: auto;
}*/
.index-whoLoveUs-imgs-container img{
	width: 100%;
	height: auto;
	/*margin-right: 4%;*/
}
.index-portfolio{
	height: 8.125rem;
	width: 100%;
}
.index-portfolio-title{
	display: block;
	font-size: 0.212rem;
	width: 100%;
	text-align: center;
	margin-top: 0.512rem;
}
.index-portfolio-imgs{
	width: 64%;
	height: auto;
	margin-left: 18%;
	margin-top: 0.387rem;
}
/*.index-portfolio-img{
	width: 20.7%;
	margin-right: 5.85%;
}*/
.index-portfolio-dians{
	width: 54%;
	margin-left: 45.5%;
	margin-top: 0.612rem;
	height: 0.2rem;
}
.index-portfolio-dian{
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #a1a1a1;
	float: left;
	margin-right: 4.2%;
}
.index-portfolio-dian:hover{
	background-color: #4FD671;
	cursor: pointer;
}
.index-aboutUs{
	width: 100%;
	height: 6.64rem;
	background:url(../img/bei-jin-tuQ.png) no-repeat;
	background-size: 100% 130%;
}
.index-aboutUs span,.index-aboutUs div,.index-aboutUs p{
	color: white;
}
.index-aboutUs-title{
	display: block;
	height: 0.5rem;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 0.45rem;
	margin-top: -0.25rem;
	font-weight:bold ;
	color: #00151a;
}
.index-aboutUs-cont{
	position: absolute;
	left: 15%;
	width: 70%;
	height: 5.275rem;
	background: url(../img/xiankuang.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 0.9rem;
}
.index-aboutUs-bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0,21,26,0.65);
}
.index-aboutUs-text{
	font-size: 0.225rem;
	width: 65%;
	margin: 0.312rem auto;
	text-align: center;
}
.index-aboutUs-img{
	width: 80.5%;
	height: 1rem;
	margin: 0 auto;
	padding-left: 19.5%;
}
.index-aboutUs-img a{
	display: block;
	width: 10%;
	height: 1rem;
	float: left;
	margin-right: 3.2%;
	line-height: 0.3rem;
}
.index-aboutUs-img a img{
	display:block;
	width: 80%;
	height: auto;
	border: 2px solid #4FD671;
	border-radius: 50%;
	margin-left: 7%;
}
.index-aboutUs-img a span{
	display: block;
	width: 100%;
	height: 0.275rem;
	font-size: 0.13rem;
	text-align: center;
	font-family: simhei;
	color: #4FD671;
}
.index-aboutUs-button{
	display: block;
	font-size: 0.2rem;
	height: 0.45rem;
	width: 21.5%;
	background-color: #4FD671;
	line-height: 0.45rem;
	text-align: center;
	margin: 0.3rem auto;
	color: white;
}
.index-aboutUs-button:hover{
	color: #00151A;
}
.index-whyChooseUs-divs{
	width: 77.5%;
	height: auto;
	margin-left: 22.5%;
	margin-top: 1rem;
}
.index-whyChooseUs{
	width: 100%;
	height: 5.5rem;
}
.index-whyChooseUs-div{
	width: 20%;
	height: 2.475rem;
	box-shadow: 0px 1px 4px #646464,0px 2px 4px #646464;
	float: left;
	margin-right: 5.5%;
	text-align: center;
}
.index-whyChooseUs-div-yuan{
	position: relative;
	display: block;
	width: 47%;
	height: 1.23rem;
	border-radius: 50%;
	background:url(../img/4.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	top: -0.605rem;
}
.index-whyChooseUs-div-yuan img{
	display: block;
	width: 45%;
	height: 45%;
	position: relative;
	top: 28%;
	left: 28%;
}

.index-whyChooseUs-div-title{
	display: block;
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	color: #00151A;
	font-size: 0.187rem;
	margin-top: -0.6rem;
}
.index-whyChooseUs-div p{
	display: block;
	width: 100%;
	line-height: 0.2rem;
	font-size: 0.137rem;
	color: #232323;
}
.index-whyChooseUs-div-more{
	display: block;
	font-size: 0.162rem;
	color: #00151A;
	text-align: center;
	width: 100%;
	margin-top: 0.25rem;
}
.index-whyChooseUs-div-more:hover{
	color: #4FD671;
}
.index-contactUs{
	width: 100%;
	height: 7.86rem;
	background:url(../img/bei-jin-tu33.png) no-repeat;
	background-size: 100% 180%;
	background-position-y: 25%;
}
.index-contactUs-bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0,21,26,0.65);
	padding-top: 1px;
}
.index-contactUs-bg span{
	color: white;
}
.index-contactUs-form{
	 width: 63.5%;
	 margin: 0.475rem auto 0.202rem auto;
	 padding-left: 6.5%;
}
.index-contactUs-form-mininput{
	text-indent: 1em;
	display: block;
	float: left;
	width: 26%;
	height: 0.462rem;
	border: 2px solid white;
	background-color: rgba(255,255,255,0);
	font-size: 0.2rem;
	color: white;
	margin-right: 5%;
}
.index-contactUs-form-maxinput{
	text-indent: 1em;
	width: 88.8%;
	height: 2.08rem;
	line-height: 0.4rem;
	border: 2px solid white;
	background-color: rgba(255,255,255,0);
	font-size: 0.2rem;
	color: white;
	margin: 0.312rem auto;
	resize: none;
}
.index-contactUs-imgs{
	width: 91%;
	padding-left:9%;
	height: 0.7rem;
}
.index-contactUs-imgs a{
	display: block;
	float: left;
	width: 14%;
	height: 0.68rem;
	margin-left: 0.86rem;
}
.index-contactUs-imgs div{
	display: block;
	width: 0.427rem;
	height: 0.427rem;
	margin: 0 auto;
}
.index-contactUs-img1{
	background:url(../img/dianhua.png) no-repeat;
	background-size: 110% 110%;
	background-position-x: 35%;
	background-position-y: 35%;
	border-radius: 50%;
	border: 2px solid white;
}
.index-contactUs-img2{
	background:url(../img/WeChat.png) no-repeat;
	background-size: 110% 110%;
	background-position-x: 35%;
	background-position-y: 35%;
	border-radius: 50%;
	border: 2px solid white;
}
.index-contactUs-img3{
	background:url(../img/email.png) no-repeat;
	background-size: 110% 110%;
	background-position-x: 35%;
	background-position-y: 35%;
	border-radius: 50%;
	border: 2px solid white;
}
.index-contactUs-imgs span{
	display: block;
	width: 100%;
	line-height: 0.3rem;
	text-align: center;
	font-size: 0.1rem;
	font-family: "fzltkhk-gbk1-0";
}
.index-contactUs-button{
	display: block;
	font-size: 0.2rem;
	height: 0.45rem;
	width: 21.5%;
	background-color: #4FD671;
	line-height: 0.45rem;
	text-align: center;
	color: white;
	border: 0;
	margin-top: 0.3rem;
	margin-left: 33.5%;
}
.index-contactUs-button:hover{
	color: #00151A;
}
.index-contactUs-button:hover{
	cursor: pointer;
}
.index-footer{
	width: 100%;
	height: 3.15rem;
	background-color: #00151A;
}
.index-footer-contact{
	display: block;
	width: 20%;
	margin-left: 9.2%;
	margin-top: 1.2rem;
	float: left;
}
.index-footer-contact span{
	display: block;
	font-size: 0.375rem;
	font-family: "adobeheitistd-regular";
	color: white;
	width: 100%;
	text-align: center;
	text-indent: -1em;
}
.index-footer-contact span img{
	width: 13%;
	height: auto;
}
.index-footer-contact p{
	display: block;
	font-size: 0.187rem;
	font-family: "adobeheitistd-regular";
	color: white;
	text-align: center;
	width: 100%;
	line-height: 0.25rem;
}
.index-footer-logo{
	display: block;
	width: 15.6%;
	height: auto;
	float: left;
	margin-top: 0.337rem;
	margin-left: 12.7%;
}
.index-footer-imgs{
	width: 20%;
	height: 0.5rem;
	margin-top: 1.562rem;
	float: left;
	margin-left: 13.5%;
}
.index-footer-img1{
	display: block;
	float: left;
	width:  0.387rem;
	height: 0.387rem;
	background:url(../img/dianhua.png) no-repeat;
	background-size: 110% 110%;
	background-position-x: 35%;
	background-position-y: 35%;
	border-radius: 50%;
	border: 2px solid white;
	margin-right: 15%;
}
.index-footer-img2{
	display: block;
	float: left;
	width: 0.387rem;
	height: 0.387rem;
	background:url(../img/WeChat.png) no-repeat;
	background-size: 110% 110%;
	background-position-x: 35%;
	background-position-y: 35%;
	border-radius: 50%;
	border: 2px solid white;
	margin-right: 15%;
}
.index-footer-img3{
	display: block;
	float: left;
	width:  0.387rem;
	height: 0.387rem;
	background:url(../img/email.png) no-repeat;
	background-size: 110% 110%;
	background-position-x: 35%;
	background-position-y: 35%;
	border-radius: 50%;
	border: 2px solid white;
}
.index-footer-beian{
    width: 100%;
	height: .5rem;
	line-height: .5rem;
	background-color: #00151A;
	color: white;
	text-align: center;
}
.index-footer-beian a{
	color: white;
}
.index-dingbu{
	display: block;
	position: fixed;
	right: 0.4rem;
	bottom: 3.5rem;
	background-color: #4FD671;
	width: 0.5rem;
	height: 0.5rem;
	line-height: 0.15rem;
	border-radius: 50%;
	cursor: pointer;
	display: none;
}
.index-dingbu img{
	width: 80%;
	height: 80%;
	margin-left: 10%;
}

.index-contactUs-call,.index-contactUs-email{
	display: none;
	width: 50%;
	text-align: center;
	height: 2rem;
	line-height: 2rem;
	background-color: white;
	font-size: 0.5rem;
	position: fixed;
	top: 2.5rem;
	left: 25%;
}
.index-contactUs-tankuanglogo{
	width: 13%;
	height: auto;
	margin-top: -0.187rem;
}
.index-contactUs-erweimabox{
	display: none;
	position: fixed;
	top: 2rem;
	left: 35%;
	width: 30%;
	background-color: white;
}
.index-contactUs-erweima{
	width: 80%;
	margin-left: 10%;
	height: auto;
}
.index-contactUs-tankuangguanbi,.index-contactUs-tankuangguanbi2{
	position: absolute;
	top: 0;
	right: 0;
	width: 10%;
	height: auto;
}
.index-contactUs-tankuangguanbi1{
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: auto;
}
.index-footer a{
	text-decoration: none;
}
.index-aboutUs-img a{
	text-decoration: none;
}
