/*!
 * description:首页适配样式 
 * require: index.css
 * relevancy: index.js
 *
 * date: 2019-07-01
 * update:
 */@media screen and (min-width:1740px) {
	#main .slideBox{
		height: 540px
	}
	.tableCell .amitop-a1 {
		top: 20%;
		left: 50%;
		-ms-transform: translateY(150%)
	}
	#main .page-title p{
		font-size: 32px;
		line-height:42px;
	}
	#main .dynamia-content .item .item-inner img{
		width:100%;
	}
	.tableCell .amitop-a2 {
		top: 50%;
		right: -10%;
		width: 40%;
		transform: translateY(-50%);
		-ms-transform: translateY(25%)
	}

	.tableCell .amitop-a3 {
		top: 33%;
		left: 50%;
		width: 40%;
		-ms-transform: translateY(70%)
	}

	.tableCell .amitop-a3 p {
		font-size: 30px
	}

	.tableCell .amitop-b1 {
		top: 0;
		left: 6%;
		-ms-transform: translateY(30%);
		width: 4.5%
	}

	.tableCell .amitop-b2 {
		bottom: -20%;
		left: 0;
		right: 0
	}

	.tableCell .amitop-b3 {
		top: 1px;
		left: 50%;
		width: 70%;
		-ms-transform: translateY(30%);
		transform: translateX(-50%)
	}

	.tableCell .amitop-c1 {
		top: 15%;
		-ms-transform: translateY(80%);
		left: 50%
	}

	.tableCell .amitop-c2 {
		bottom: -20%;
		left: 50%;
		transform: translateY(60%) translateX(-50%);
		width: 60%
	}

	.tableCell .amitop-d1 {
		top: 15%;
		left: 50%
	}

	.tableCell .amitop-d2 {
		top: -20%;
		left: 0;
		transform: translateY(-50%);
		width: 100%
	}

	.active .tableCell .amitop-a1 {
		left: 10%
	}

	.active .tableCell .amitop-a2 {
		right: 10%
	}

	.active .tableCell .amitop-a3 {
		left: 10%
	}

	.active .tableCell .amitop-b1 {
		top: 10%
	}

	.active .tableCell .amitop-b2 {
		bottom: 0
	}

	.active .tableCell .amitop-b3 {
		-ms-transform: translateY(30%) translateX(-50%);
		top: 20%
	}

	.active .tableCell .amitop-c1 {
		left: 10%
	}

	.active .tableCell .amitop-c2 {
		bottom: 50%;
		-ms-transform: translateY(-30%) translateX(-50%)
	}

	.active .tableCell .amitop-d1 {
		-ms-transform: translateY(150%);
		left: 10%
	}

	.active .tableCell .amitop-d2 {
		-ms-transform: translateY(30%);
		top: 55%
	}

	.active .tableCell .amitop-title {
		font-size: 50px
	}

	.solution {
		background-size: cover
	}

	.solution .comk {
		min-height: 700px
	}

	.solution .all {
		left: 17%;
		top: 50%
	}
}
@media screen and (max-width: 1100px){
	#page-header .navber-left .logo{
		width: 100px;
	    background-size: cover;
	    background: url(../img/logo.png) left center no-repeat;
	}
}

@media screen and (max-width:768px) {
	.comk {
		width: 100%
	}
	.aboutus{
	    padding-top: 60px;
	}
	.com-title{
		padding:10px 0 !important;
		font-size: 24px !important;
	}

	.big-img{
		display: none
	}
	.com1-cont{
		margin:0 20px!important;
	}
	.aboutus-com2 .com-content .history:before{
	    height: 0px!important;
	}
	.aboutus-com2 .com-content .history li .year.long{
		margin-bottom:0;
	}
	.aboutus-com2 .com-content .history li .year.longx{
		margin-bottom:0;
	}
	.aboutus-com2 .com-content .history{
		padding: 10px 20px 50px 20px!important;
	}
	.aboutus-com3 .com-content .content-shjx .shjx-list{
		width:100%;
		margin-bottom:20px;
	}
	.solution{
	    padding-top: 60px;
	}
	.solution .banner-theme p{
	    width: auto;
		padding:0 20px;
	}
	.solution .banner-theme h1{
		font-size: 24px;
		padding:0 20px;
	}
	.solution .solution-bg{
	    background: url(../images/solution1-bg.jpg)65% 50% no-repeat;
	}
	.solution .solution2-bg{
	    background: url(../images/solution2-bg.jpg)65% 50% no-repeat;
	}
	.solution-com .com-one .onelist{
		width:auto;
	    margin:20px 0;
	    display:flex;
	    flex-direction:column;
	}
	.solution-com .com-one .onelist .oneimg{
		margin:0 auto;
		width:80px;
	}
	.solution-com .com-one .onelist .onetext{
		text-align: center;
		width:100%;
	}
	.solution-com .com-one{
		padding:0 20px;
	}
	.solution-com .com-two{
		padding:10px 20px 30px;
	}
	.solution-com .com-three{
		padding:10px 20px 30px;
	}
	.solution-com .com-five{
		padding:10px 20px 30px;
	}
	.solution-com .com-four{
		padding:0 20px;
	}
	.solution-com .com-four p{
	    width: auto;
        font-weight: normal;
	    font-size: 14px;
	    line-height: 18px;
	}
	.solution-com .com-one .twolist{
		width: auto;
	    padding: 0;
	    margin:15px 0;
	    float: none;
	}
	.solution-com .com-one .twolist .oneimg{
		padding:10px 140px;
	}
	.solution-com .comtwo-one ul{
		padding:0 20px;
	}
	.solution-com .comtwo-one ul li{
		width: 100%;
	}
	.solution-com .comtwo-one ul li h3{
		margin:10px 0;
	}
	.solution-com .comtwo-one ul li p{
		margin:0;
	}
	.solution-com .com-threecom .three-leftcom{
		width:auto;
		padding:0;
		float: none;

	}
	.solution-com .com-threecom .three-leftcom h4{
		margin:10px 0;
	}
	.solution-com .com5-two{
	    padding: 20px 20px;
	}
	.com-threecom{
		padding:0 20px;
	}
	.solution-com .com-threecom .three-leftcom p{
		margin:0 0 10px;
	}
	.solution-com .com-threecom .three-img{
	    float: none;
		width:100%;
		padding:0;
	}
	.solution-com .com3-two{
		padding: 20px;
	}
	.solution-com .fourcont-one{
		padding:0 20px;
	}
	.solution-com .fourcont-one .fourcont-oneimg{
	    float: none;    
	    width: auto;
	}
	.solution-com .fourcont-one .fourcont-onelist{
		float: none;    
	    width: auto;
	}
	.solution-com .fourcont-one .fourcont-onelist ul{
		padding-left: 0;
	}
	.solution-com .com-fourw p{
        width: auto;
    	padding: 0 20px;
	    font-weight: normal;	
	}
	.solution-com .fourcont-two img{
	 	float: none;    
	    width:100%;
	    margin:0;
	}
	.solution-category ul li{
		width:auto;
	    margin: 10px 20px;
	}
	.solution-category ul{
	    padding: 20px 0;
	}
	.solution-category .category-con h2{
		margin:5px 0;
	}
	.com4-img{
		padding:0 20px 20px;
	}
	.com4-img img{
		width:100%;
	}
	.aboutus-com3 .com-content .content-img{
		position: relative;
	}

	.right-tese{
		margin:0 20px!important;
	}
	.aboutus-com3 .com-content .right-tese .oned{
		width:100%!important;
	}
	.aboutus .com-title p{
		font-size: 12px;
	}
	#main .dynamia-content .item{
		width:100%;
		padding:10px;
	}
	#main .dynamia-content .item .item-inner img{
		width:100%;
	}
	#main .slideBox {
		display: none;
	}
	#main .slideBox .hd ul{
		display:none;
	}
	#main .dynamib-content .item{
		width:100%;
		padding:20px 0;
	}
	#main .slidbeiyon{
		display: block;
	}
	#page-header {
		background: #007aff;
		height: 60px
	}
	#main .dynamid-content li{
		width:33%;
	}
	#main .dynamid-content ul{
	    padding: 20px 0;
   		 overflow: hidden;
	}

	#page-header .navber {
		position: relative;
		height: 60px;
		justify-content: center
	}


	#page-header .navber .navber-left .logo {
		width: 70px;
		background: url(../img/logo-white.png) center no-repeat;
		background-size:contain;
		height: 60px;
	}

	#page-header .navber .navber-right {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: none;
		z-index: 99
	}

	#page-header .navber .navber-right .navber-boa {
		background: rgba(0,0,0,.5);
		width: 100%;
		height: 100%;
		position: fixed;
		bottom: 0
	}

	#page-header .navber .navber-right li {
		padding: 13.33px 0;
		text-align: center;
		justify-content: center
	}

	#page-header .navber .navber-right li a {
		margin: 0
	}

	#page-header .navber .navber-right li .navber-menu {
		display: none
	}

	#page-header .navber .navber-right .navber-lists {
		display: block;
		width: 60%;
		height: 100%;
		background: #fff;
		transition: all .3s ease;
		opacity: 0;
		z-index: 9;
		position: relative
	}

	#page-header .navber .navber-bot {
		position: absolute;
		right: 20px;
		top: 15px;
		display: block
	}

	#page-header .navber .navber-bot i {
		font-size: 20px;
		color: #fff
	}

	#page-header .navber .show .navber-lists {
		width: 60%;
		opacity: 1
	}

	#page-header.sticky {
		background: #007aff!important
	}

	#main {
		padding-top: 60px
	}

	#main .message .swiper-message .swiper-slide {
		display: -webkit-box
	}

	#main .message .swiper-message .swiper-slide span {
		width: 100%
	}

	#main .page-title {
	/*	display: none*/
		padding:10px 0;
	}

	#main .message-title {
		display: none
	}

	#main .dynamic-content ul li {
		width: 100%
	}

	#main .dynamic-content ul li .dy-content-list {
		margin: 0
	}

	#main .dynamic-content ul li .dy-content-list .dy-comtent-con {
		padding-top: 0
	}

	.livetool {
		display: none
	}

	/*.footer {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0;
		z-index: 9
	}
*/
	.footer .footer-one .left {
		margin: 0
	}

	.footer .footer-one .left-com,.footer .left-com,.footer .right,.footer .text {
		display: none
	}

	.footer .c1 {
		text-align: center
	}

	.news {
		padding-top: 60px
	}

	.news .news-top {
		display: none
	}

	.news .news-content .news-tit {
		justify-content: space-between
	}

	.news .news-content .news-tit span {
		padding: 13.33px;
		width: 33.33333333%;
		flex: 1;
		text-align: center
	}

	.news .news-lists li {
		padding: 13.33px
	}

	.news .news-lists li .news-list-conte {
		width: 72%
	}

	.news .news-lists li .news-list-conte h2 {
		font-size: 16px
	}

	.news .news-lists li .news-list-conte .cont {
		margin: 0;
		-webkit-line-clamp: 1
	}

	.news .news-lists li .news-list-photo {
		margin-right: 10px
	}

	.news .news-lists li .news-list-photo img {
		width: 90px;
		height: 68px;
		border-radius: 0
	}

	.details {
		padding-top: 60px
	}

	.details .details-top {
		display: none
	}

	.details .details-mcontent {
		margin-top: 10px
	}

	.details .details-mcontent .mcontent-title {
		padding-bottom: 0;
	    display: block;
	}
	.details-mcontent .mcontent-title .left{
	    float: none;
	    width:100%;
	}
	.details-mcontent .mcontent-title .mail{
		padding:10px 0;
		text-align: center;
	}
	.zczp .zczp-list ul{
		padding:0 20px;
	}

	.details .details-mcontent .mcontent-title .right {
		display: none
	}

	.details .details-mcontent .mcontent-cont {
		padding-top: 5px
	}

	.details .details-mcontent .mcontent-cont img {
		width: 100%
	}

	#menu {
		top: 10%;
		left: 0;
		display: flex;
		margin: 0 5%;
		justify-content: space-between;
		transform: translateY(0)
	}

	#menu li {
		margin: 0
	}

	#page-header {
		position: fixed
	}

	.tableCell .amitop-a1 {
		top: 15%;
		left: 50%;
		width: 40%
	}

	.tableCell .amitop-a2 {
		top: 75%;
		right: 100%;
		width: 90%;
		transform: translateY(-50%)
	}

	.tableCell .amitop-a3 {
		top: 26%;
		left: 100%;
		width: 90%
	}

	.tableCell .amitop-a3 p {
		font-size: 16px
	}

	.tableCell .amitop-b1 {
		display: none
	}

	.tableCell .amitop-b2 {
		bottom: -20%;
		left: 0;
		right: 0
	}

	.tableCell .amitop-b3 {
		top: 0;
		left: 50%;
		width: 95%;
		transform: translateX(-50%)
	}

	.tableCell .amitop-c1 {
		top: 20%;
		left: 50%;
		width: 40%
	}

	.tableCell .amitop-c1 img {
		margin: 0!important
	}

	.tableCell .amitop-c2 {
		bottom: -20%;
		left: 50%;
		transform: translateY(50%) translateX(-50%);
		width: 98%
	}

	.tableCell .amitop-c2 img {
		margin: 0!important
	}

	.tableCell .amitop-d1 {
		top: 20%;
		left: 50%;
		width: 40%
	}

	.tableCell .amitop-d1 img {
		margin: 0!important
	}

	.tableCell .amitop-d2 {
		top: -20%;
		left: 0;
		transform: translateY(-50%);
		width: 100%
	}

	.tableCell .amitop-title {
		top: 30%;
		font-size: 18px;
		left: 6%
	}

	#section0 .tableCell .amitop-img {
		width: 95%;
		transform: translateY(-65%) translateX(-50%)
	}

	#section0 .tableCell .amitop-title {
		top: 25%;
		font-size: 24px;
		left: 3%
	}

	.active .tableCell .amitop-a1 {
		left: 5%
	}

	.active .tableCell .amitop-a2 {
		right: 5%
	}

	.active .tableCell .amitop-a3 {
		left: 5%
	}

	.active .tableCell .amitop-b1 {
		top: 10%
	}

	.active .tableCell .amitop-b2 {
		bottom: 0
	}

	.active .tableCell .amitop-b3 {
		top: 20%
	}

	.active .tableCell .amitop-c1 {
		left: 5%
	}

	.active .tableCell .amitop-c2 {
		bottom: 50%
	}

	.active .tableCell .amitop-d1 {
		left: 5%
	}

	.active .tableCell .amitop-d2 {
		top: 55%
	}

	.active .tableCell .amitop-title {
		top: 25%;
		font-size: 24px;
		left: 3%
	}

	.active .tableCell .amitop-img {
		width: 95%;
		transform: translateY(-65%) translateX(-50%)
	}

	.solution5 .text {
		font-size: 12px
	}

	.solution5 .bottom,.solution5 .center,.solution5 .left,.solution5 .lefter,.solution5 .right,.solution5 .righter {
		width: 80px;
		height: 100px
	}

	.solution5 .lefter {
		transform: translateX(50px) translateZ(-50px) translateY(-220px) rotateY(0)
	}

	.solution5 .righter {
		transform: translateX(-50px) translateZ(-50px) translateY(-220px) rotateY(0)
	}

	.solution5 .all {
		left: 2%;
		top: 50%
	}

	.solution5 .explainer {
		font-size: 18px
	}

}
@media screen and (max-width:400px) {
	#main .slideBox {
		height: 136px;
	}
}