@media (max-width:1580px){
	.w1580{
		width: 92%;
	}
	.about-history .pc-history{
		height: 0;
		overflow: hidden;
		margin-top: 0;
	}
	.mobile-history{
		height: auto;
		margin-top: 77px;
	}
	.mobile-history .list{
		width: 100%;
		position: relative;
		background: url(../img/a23.png) repeat-x left center;
	}
	.mobile-history .slides li{
		padding-top: 81px;
		font-size: 26px;
		color: #666666;
		line-height: 40px;
		text-align: center;
		font-family: 'Arial';
		background: url(../img/a26.png) no-repeat center;
		transition:color 0.3s;
		cursor: pointer;
	}
	.mobile-history .slides li:hover, .mobile-history .slides li.cur{
		color: #004da1;
	}
	.mobile-history .flex-control-nav{
		display: none;
	}
	.mobile-history .flex-direction-nav .flex-prev{
		background: url(../img/a24.png) no-repeat center;
		background-size: 100% 100%;
		left:-8px;
	}
	.mobile-history .flex-direction-nav .flex-next{
		background: url(../img/a25.png) no-repeat center;
		background-size: 100% 100%;
		right:-8px;
	}
	.mobile-history .flex-direction-nav a{
		width: 58px;
		height: 58px;
		top:50%;
		margin-top: -29px;
		opacity: 1 !important;
		transition:background 0.3s;
		z-index: 1 !important;
	}
	.mobile-history  .flex-direction-nav a:before{
		font-size: 0;
	}
	.mobile-history .show{
		width: 690px;
		margin: 0 auto;
	}
	.mobile-history .show h2{
		font-size: 24px;
		color: #fff;
		background: #004da1;
		line-height: 34px;
		padding:5px 4% 4px;
		width: 92%;
	}
	.mobile-history .show .bord{
		border: 1px solid #e0e0e0;
		background: #fff;
		position: relative;
	}
	.mobile-history .show .con{
		padding: 18px 3% 32px;
		width:94%;
	}
	.mobile-history .show p{
		padding-left: 18px;
		font-size: 13px;
		color: #888888;
		line-height: 30px;
		background: url(../img/a20.png) no-repeat left 10px;
	}
	.i-wrap3 .wel-about .unit{
		left: 73%;
	}
	.book-box .box .btn input.submit, .book-box .box .btn input.reset{
		width: 23%;
	}
}
@media (max-width:1530px){
	.w1530, .flex-viewport{
		width: 92%;
	}
}
@media (max-width: 1300px){
	.product-info-banner .slides .shop{
		padding-left: 50px;
	    width: 70px;
	    height: 35px;
	    line-height: 35px;
	    background-size: 100%;
	    font-size: 12px;
	    margin-top: 25px;
	}
	.product-info-banner .slides .back {
	    width: 120px;
	    height: 35px;
	    line-height: 35px;
	    text-align: center;
	    background-size: 100%;
	    font-size: 12px;
	    color: #fff;
	    margin-top: 25px;
	}
	.only-video .box video{
		height: 420px;
	}
	.pc-header .header-box a.tit{
		font-size: 12px;
	}
}
@media (max-width:1400px){
	.wel-pro-list li h2{
		    padding: 8.4vh 0 2vh;
	}
	.w1400{width: 92%;}
	.inline-banner img{
		width: 1400px;
		margin-left: -700px;
	}
	.inline-banner{
		height: 438px;
	}
	.inline-banner h2{
		padding-top: 105px;
	}
	.inline-banner .down{
    	margin-top: 40px;
	}
	.join-nav, .about-nav{
		margin-left: -46%;
		bottom: 10px;
	}
	.inline-banner.join-banner h2 {
	    padding-top: 70px;
	}
	.news-list li, .case-list li{
		width: 31.7%;
		margin-right: 2.3%;
	}
	.news-list li.li4, .case-list li.li4{
		margin-right:2.3%;
	}
	.news-list li.li3, .case-list li.li3{
		margin-right: 0;
	}
	.wel-service{
		margin: -280px 0 0 -46%;
	}
	footer .right h2{
		 font-size: 30px;
		 line-height: 55px;
	}
	footer .left-top {
	    padding-bottom: 80px;
	}
	footer .right dl {
	    width: 65%;
	    margin-left: 35%;
	}
	.inline-banner.product-banner{
		height: 306px;
	}
	.inline-banner.product-banner h2{
		font-size: 30px;
		line-height: 70px;
		padding-top: 158px;
	}
	.inline-banner.product-banner .box{
		height: 60px;
		line-height: 60px;
	}
	.inline-banner.product-banner .text{
		height: 60px;
		line-height: 60px;
	}
	.inline-banner.product-banner .submit{
		height: 60px;
		line-height:60px;
		font-size: 24px;
	}
	.only-back{
        background: url(../img/img_1.png)  no-repeat center center;
        width: 100%;
        background-size: 100% 100%;
        padding:110px 0 67px 0;
        position: relative;
    }
    .back-left{
        float: left;
        width: 43%;
        background: url(../img/img_4.png) no-repeat 15.2% bottom;
        background-size: 46%
    }
    .left-por1{
        width: 57.5%;
        overflow: hidden;
    }
    .left-por2{
        width: 61%;
        position: relative;
        box-shadow: 0 0 10px #6a6f77;
        margin-top: -158px;
        margin-left: 33.5%

    }
    .back-right h2{
        margin: 53px 0 20px 0;
        font-size: 35px;
        line-height: 86px;
    }
    .back-right h3{
        padding-bottom: 10px
    }

    .website-map .map-list{
		padding-top: 150px;
	}
	.about-intro .list .unit{
		left: 78%;
	}
	.about-intro .list h2{
		font-size: 44px;
    	line-height: 50px;
	}
	.revolve .w1200{
		width: 92%;
	}
	.pc-header .header-box nav .three{
		top:100px;
		padding: 20px 0;
	}
	.pc-header .nav-btn{
		width: 60px;
		height: 60px;
	}
	.pc-header .header-box{
		height: 60px;
	}
	.pc-header .header-box nav .con1,.pc-header .header-box nav .con2{
		height: 40px;
		top:60px;
		line-height:40px;
	}
	.pc-header .header-box .logo,.pc-header .header-box .font,.pc-header .header-box .laun,.pc-header .header-box .shop,.pc-header .header-box li,.pc-header .con .logo{
		line-height: 60px;
		
	}
	.pc-header,.pc-header .con{
		height: 60px;
	}
	.pc-header .serch-con{
		top:60px;
	}
	.w1200{
		width: 80%;
	}
	.wel-banner .btns{
		left:60%;
	}
	.i-wrap1 .mouth{
		left: 60%;
	}
	.i-wrap2 .wel-product{
		margin: -42.4vh 0 0 -46%;
	}
	#i-navli{
		display: none;
	}
	.i-wrap3 .wel-about{
		width: 38%;
	}
	.wel-news-intro .slides .font{
		padding: 7px 20% 7px 4%;
	}
	.wel-news-intro .flex-direction-nav{
		display: none;
	}
	.wel-service{
		padding-top: 0;
	}
	.wel-service .list{
		margin-top: 2vh;
	}
	.wel-service .list .ser{
		padding: 14px 6% 0;
	}
	.wel-service .list .box img{
		padding-top: 16vh;
	}
	.product-info-banner .slides .pic{
		width: 35.5%;
	}
	.complaint .box .name, .complaint .box .time{
		background-size: 4.5%;
	}
	.only-one .slides h2{
		font-size: 15px;
	}
	.only-service .flex-viewport{
		width: 100%;
	}
	.revolve .btn{
		margin-top: -51px;
	}
	.about-honor{
		padding: 50px 0;
	}
	.about-honor .link{
		margin: 35px auto;
	}
	.wel-news-intro .flex-control-nav{
		bottom: 14px;
	}
	.wel-news{
		margin: -303px 0 0 -46%;
	}
	.join-idea-list .slides h2{
		font-size: 18px;
	}
	.about-culture .slides li{
		min-height: 396px;
	}
	.join-idea-list .slides li{
		min-height: 450px;
	}
	.join-history li .font{
		min-height: 320px;
	}
	.product-info-banner .slides .con{
		width: 55%;
	}
}
@media (max-width:1200px){
	.service-title-box{
		width: 96%;
		padding: 77px 2% 38px;
	}
	.service-title-box .left{
		width: 50%;
	}
	.service-title-box .left span{
		padding-top: 20px;
	}
	.revolve .w1200{
		width: 102%;
	}
	.service-flow .list .font{
		font-size: 13px;
	}
	.w1200{
		width: 92%;
	}
	.wel-service .list .text{
		width: 91%;
	}
	.book-box .box{
		width: 54.6%;
		margin: -251px 0 0 -29.8%;
	}
	.pc-header .header-box nav{
		width: 72%;
	}
}
@media (max-width:1024px){
	.inline-banner img{
		width: 1100px;
		margin-left: -550px;
	}
	.wel-pro-list li h2{
		padding: 3.4vh 0 2vh
	}
	.inline-banner{
		height: 344px;
	}
	.inline-banner h2{
		padding-top: 74px;
		font-size: 40px;
		line-height: 50px;
	}
	.inline-banner p {
	    font-size: 22px;
	    line-height: 32px;
	}
	.inline-banner .down{
    	margin-top: 40px;
    	width: 45px;
    	height: 45px;
	}
	.inline-banner.join-banner h2{
		padding-top: 52px;
	}
	.join-nav .slides li, .about-nav .slides li{
		line-height: 50px;
		height: 50px;
	}
	.join-nav .slides li .font, .about-nav .slides .font{
		line-height: 50px;
		font-size: 12px;
	}
	.contact{
		padding: 50px 0 55px;
	}
	#allmap{
		height: 300px !important;
	}
	.contact-bot li{
		width:94%;
		padding:20px 3%;
		margin-left:0;
		margin-bottom: 20px;
	}
	.contact-bot li span{
		width: 12%;
	}
	.contact-center .left{
		width: 100%;
		float: none;
	}
	.contact-center .right{
		width: 65%;
		float: none;
	}
	.contact-center {
	    padding: 20px 0 35px;
	}
	.join-idea-list .flex-direction-nav .flex-prev{
		background: url(../img/join06_h.png) no-repeat center;
		background-size: 100% 100%;
		left:40px;
	}
	.join-idea-list .flex-direction-nav .flex-next{
		background: url(../img/join07_h.png) no-repeat center;
		background-size: 100% 100%;
		right:40px;
	}
	.join-idea-list .flex-direction-nav a{
		width: 10px;
		height: 19px;
		top:50%;
		margin-top: -15px;
		opacity: 1 !important;
		transition:background 0.3s;
		z-index: 1 !important;
	}
	.join-idea-list .flex-control-paging{
		display: none;
	}
	.join-idea{
		padding: 30px 0 45px;
	}
	.join-idea-list{
		padding: 25px 0 0;
	}
	.join-history{
		padding: 30px 0 20px;
	}
	.join-history .box {
	    font-size: 14px;
	    line-height: 24px;
	    padding: 15px 0 16px;
	}
	.join-history li{
		width: 100%;
		margin-left: 0;
	}
	.join-history li .font{
		min-height: auto;
		padding: 15px 3% 10px;
		font-size: 12px;
		line-height: 22px;
	}
	.bus-member{
		padding: 30px 0 25px;
	}
	.bus-intro {
	    padding: 26px 0 18px;
	}
	.bus-intro .font,.bus-intro .pic{
		width: 100%;
	}
	.join-nav li .font, .about-nav .slides .font{
		background-size: 20px;
	}
	.bus-intro .font h2 {
	    font-size: 20px;
	    line-height: 30px;
	    padding: 10px 0;
	}
	.bus-intro .font p {
	    font-size: 12px;
	    line-height: 22px;
	}
	.bus-preferred{
		padding: 35px 0 40px;
	}
	.bus-preferred img{
		margin-top: 25px;
	}
	.bus-engineer{
		padding: 30px 0;
	}
	.bus-engineer .list{
		padding:30px 0 43px;
	}
	.bus-engineer .slides .con{
		padding: 10px 0 12px;
		width: 92%;
	}
	.bus-engineer .slides h2{
		font-size: 14px;
		line-height: 24px;
	}
	.bus-engineer .slides .font{
		font-size: 12px;
		line-height: 20px;
	}
	.news {
	    padding: 34px 0 42px;
	}
	.news-intro .slides h2{
		line-height: 26px;
	}
	.news-intro{
		padding-bottom: 90px;
	}
	.news-intro .flex-control-nav{
		bottom: 33px;
	}
	.news-list li, .case-list li{
		width: 48.7%;
		margin-right: 2.3%;
	}
	.news-list li.li4, .case-list li.li4{
		margin-right:2.3%;
	}
	.news-list li.li3, .case-list li.li3{
		margin-right:2.3%;
	}
	.news-list li.li2, .case-list li.li2{
		margin-right: 0;
	}
	.news-list{
		padding-bottom: 20px;
	}
	.info-title{
		padding-bottom: 15px;
	}
	.info-title h2{
		font-size: 16px;
		line-height:30px;
	}
	.info-title .time{
		font-size: 12px;
		line-height: 22px;
	}
	.info-box {
	    padding: 15px 0;
	    font-size: 12px;
	}
	.info-page {
	    padding-top: 15px;
	}
	.info-page .left{
		width: 70%;
	}
	.info-page .left p {
	    font-size: 12px;
	    line-height: 22px;
	    height: 22px;
	}
	.mobile-footer{
		display: block;
	}
	.pc-footer{
		display: none;
	}
	.service-title-box .left{
		width: 100%;
	}
	.service-title-box .right{
		width: 100%;
	}
	.service-title-box{
		margin-top: 25px;
		padding: 35px 2% 19px;
	}
	.service-center{
		padding: 32px 0 44px;
	}
	.complaint .box{
		padding: 10px 2.5% 25px;
		width: 95%;
		top:0;
		left:0;
		margin: 0 0 0 0;
	}
	.complaint .box h2 {
	    font-size: 15px;
	    line-height: 25px;
	    padding-bottom: 5px;
	    margin-bottom: 10px;
	}
	.complaint .box .close{
		width: 30px;
		height: 30px;
		position: absolute;
		top:auto;
		bottom:-35px;
		right:50%;
		margin-right: -15px;
	}
	.complaint .box .btn{
		width: 94%;
		margin-bottom: 10px;
		height: 35px;
		line-height: 35px;
		float: left;
	}
	.complaint .box .btn input{
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	}
	.complaint .mas{
		margin-bottom:10px;
	}
	.complaint .mas textarea{
		font-size: 12px;
		line-height: 22px;
	}
	.complaint .submit{
		width: 150px;
		height: 35px;
		line-height: 35px;
		background: #004da1;
		font-size: 12px;
	}
	.complaint .box .time{
		background-size: 1.5%;
	}
	.complaint .box .name{
		background-size: 1.5%;
	}
	.inline-banner.product-banner{
		height:241px;
	}
	.inline-banner.product-banner h2{
		font-size: 15px;
		line-height: 35px;
		padding-top: 158px;
	}
	.inline-banner.product-banner .box{
		height: 35px;
		line-height: 35px;
	}
	.inline-banner.product-banner .text{
		height: 35px;
		line-height: 35px;
	}
	.inline-banner.product-banner .submit{
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
	.product{
		padding: 20px 0 37px;
	}
	.join-nav, .about-nav{
		margin-bottom: 20px;
	}
	.product-list li{
		width: 31.3%;
		margin: 0 2.9% 25px 0;
	}
	.product-list li.li4{
		margin-right: 2.9%;
	}
	.product-list li.li3{
		margin-right: 0;
	}
	.product-list{
		padding-bottom: 21px;
	}
	.product-info-banner .slides .font,.product-info-banner .slides i{
		display: none;
	}
	.product-info-banner .slides .pic{
		width: 30.5%;

	}
	.product-info h2, .product-recommend h1{
		font-size: 14px;
		line-height: 30px;
		padding-bottom: 10px;
	}
	.product-info span{
		font-size: 12px;
		line-height: 30px;
	}
	.product-info h2 span{
		font-size: 12px;
		line-height: 34px;
	}
	.product-info .box th{
		font-size: 14px;
		padding:16px 0;
	}
	.product-info .box td{
		font-size: 12px;
		padding:16px 0;
	}
	.product-info .box table{
		margin-top: 0;
	}
	.product-info {
	    padding: 28px 0 43px;
	}
	.product-recommend{
		padding: 19px 0 55px;
	}
	.only-back{
        padding:55px 0 33px 0;
    }
    .left-por2{
        margin-top: -124px;
    }
     .back-right h2{
        margin: 26px 0 10px 0;
        font-size: 24px;
    	line-height: 50px;
    }
    .back-right h3{
        padding-bottom: 5px;
        font-size: 18px;
        line-height: 30px;
    }
    .back-right p{
        font-size: 12px;
    }
    .back-right span{
    	font-size: 14px;
    }
    .only-one{
    	padding: 60px  0 40px 0;
    }
    .only-one .list{
    	padding-bottom: 35px;
    }
    .only-one .slides h2{
		font-size: 14px;
		line-height: 24px;
	}
	.only-one .slides img{
		width: 17px;
		margin-right: 5px;
	}
	.only-one .slides p{
		font-size: 12px;
		line-height: 20px;
		min-height: 80px;
	}
	.only-service{
		padding: 50px 0 90px;
	}
	.only-service h1 {
	    font-size: 18px;
	    line-height: 28px;
	    padding-bottom: 15px;
	    margin-bottom: 16px;
	}
	.only-service .slides h2 {
	    font-size: 16px;
	    line-height: 26px;
	    padding: 7px 0 6px;
	}
	.only-service .slides .font {
	    font-size: 12px;
	    line-height: 20px;
	    padding: 15px 0;
	    min-height: 100px;
	}
	.only-service .flex-control-nav {
	    bottom: -61px;
	}
	.about-nav .flex-direction-nav a,.join-nav .flex-direction-nav a{
		opacity: 0.5;
		width: 12px;
		height: 20px;
		margin: -10px 0 0;
		background-size: 100% 100% !important;
	}
	.about-nav .flex-direction-nav a.flex-prev,.join-nav .flex-direction-nav a.flex-prev{
		left: 5px;
		background: url(../img/a06.png) no-repeat center;
	}
	.about-nav .flex-direction-nav a.flex-next,.join-nav .flex-direction-nav a.flex-next{
		right: 5px;
		background: url(../img/a07.png) no-repeat center;
	}
	.about-nav .flex-direction-nav a:before,.join-nav .flex-direction-nav a:before{
		display: inline;
	}
	.about-nav .flex-control-nav,.join-nav .flex-control-nav{
		display: none;
	}
	.about-intro{
		padding: 30px 0 0;
	}
	.about-intro h3 {
	    font-size: 20px;
	    line-height: 30px;
	    padding: 20px 0 16px;
	}
	.about-intro p {
	    font-size: 12px;
	    line-height: 20px;
	    padding-bottom: 10px;
	}
	.about-intro .list {
	    padding: 20px 0 15px;
	    margin-top: 16px;
	}
	.about-intro .list h2 {
	    font-size: 36px;
	    line-height: 40px;
	}
	.about-intro .list h4 {
	    font-size: 12px;
	    line-height: 20px;
	    padding-top: 4px;
	}
	.about-culture{
		padding: 50px 0 30px;
		margin-top: 0px;
	}
	.revolve .w1200 {
	    width: 100%;
	}
	.revolve li{
		width: 100%;
		text-align: center;
	}
	.revolve li img{
		width: auto;
		max-width: 100%;
		height: auto !important;
	}
	.about-honor{
		padding: 30px 0 45px;
	}
	.about-honor .link{
		margin: 20px auto;
	}
	.revolve{
		padding-bottom: 55px;
	}
	.about-duty-intro{
		width: 100%;
	}
	.about-duty .right-list{
		width: 100%;
	}
	.about-duty .right-list li{
		width: 100%;
		margin-top: 10px;
	}
	.about-duty .right-list a, .load-list li a{
		width: 94%;
		padding: 20px 3%;
	}
	.about-duty .right-list .pic, .load-list li .pic{
		width: 40%;
		float: left;
	}
	.about-duty .right-list .con, .load-list li .con{
		width: 54%;
		float: right;
		margin:0;
	}
	.load-list{
		padding: 10px 0 25px;
	}
	.load-list li{
		width: 100%;
		margin-right: 0;
	}
	.about-duty .list{
		padding-top: 20px;
	}
	.about-duty{
		padding: 30px 0;
	}
	.revolve .btn{
		background: none;
		margin-top: -67px;
		font-size: 40px;
		width: 17px;
	}
	.revolve .btn:hover{
		background: none;
	}
	.service-flow{
		padding: 26px 0 25px;
	}
	.service-flow .list{
		margin-top: 35px;
	}
	.service-flow .list li{
		width: 32%;
		margin:0 1.9% 15px 0;
	}
	.service-flow .list li.on{
		margin-right:1.9%;
	}
	.service-flow .list li.cur{
		margin-right: 0;
	}
	.mobile-history .flex-viewport{
		width: 85%;
	}
	.mobile-history .slides li{
		font-size: 20px;
	}
	.mobile-history .show h2{
		font-size: 16px;
	}
	.about-history{
		padding: 40px 0 56px;
	}
	.mobile-history{
		margin-top: 35px;
	}
	.pc-header{
		display: none;
	}
	.mobile-header{
		display: block;
	}
	.fixed-right.on{
		display: none;
	}
	.fixed-right{
		display: none;
	}
	#i-navli{
		display: none;
	}
	.wel-font-left{
		display: none;
	}
	.wel-font-right{
		display: none;
	}
	.i-wrap1 .mouth{
		display: none;
	}
	.wel-banner{
		height: 700px;
	}
	.wel-banner li{
		background-size: 1400px 700px !important;
	}
	.wel-banner .btns{
		left: 50%;
	}
	.wel-banner li h3 {
	    font-size: 18px;
	    line-height: 28px;
	}
	.wel-banner li h2{
		font-size: 38px;
    	line-height: 58px;
	}
	.wel-banner li p.font {
	    font-size: 18px;
	    line-height: 34px;
	}
	.wel-banner li span.bg{
		width: 60px;
    	height: 20px;
	}
	.wel-banner li .con{
		margin-top: -102px;
	}
	.i-wrap{
		height: auto !important;
	}
	.i-wrap2 .wel-product{
		position: relative;
		left:4%;
    	top:0;
    	margin:30px 0;
    	height: auto;
	}
	.i-wrap3 .video{
		width: 100%;
	}
	.i-wrap3 .video img{
	    position: absolute;
	    top: 50%;
	    left:0


	    ;
	    width:100%;
	    height:auto;
	    margin:-53% 0 0 0;
	}
	.i-wrap3 .wel-about{
	    width: 92%;
	    padding: 7vh 0 4vh;
	    margin-left: 4%;

	}
	.i-wrap3 .join-title{
		text-align: center;
	} 
	.i-wrap3 .join-title i{
		margin: 30px auto 0;
	}
	.i-wrap3 .wel-about li{
		width: 33.3%;
		text-align: center;
	}
	.i-wrap3 .wel-about li:nth-child(3){
		width: 33.3%;
	}
	.i-wrap3 .wel-about .unit{
		left: 78%;
	}
	.wel-news{
		position: relative;
		top:50px;
		margin-top: 0;
		padding-top: 38px;
	}
	.wel-news-intro, .wel-news-list{
		width: 100%;
	}
	.wel-news-intro{
		margin-bottom: 20px;
	}
	.wel-news-list li{
		 margin-bottom: 25px;
	}
	.wel-news-list li .time{
		text-align: left;
	}
	.wel-service{
		position: relative;
		top:0;
		margin-top: 0;
		padding:30px 0;
	}
	.wel-service .list li{
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.wel-service .list li.one{
		padding: 10px 3%;
		box-sizing: border-box;
	}
	.wel-service .list .box{
		display: none;
	}
	.i-wrap3 .wel-about{
		top: 0;
		margin-top: 0;
	}
	.join-nav li:hover .font4, .join-nav li.cur .font4{
		background-size: 18px;
	}
	.complaint.on .box{
		width: 95%;
		margin: 0;
		min-height: 350px;
	}
	.complaint.on p{
		font-size: 12px;
		line-height: 1.3;
	}
	.wel-service .list .add,.wel-service .list .odd{
		padding-bottom: 20px;
	}
	.join-idea-list .slides h2{
		font-size: 16px;
		line-height: 32px;
	}
	.join-idea-list .slides .font{
		font-size: 12px;
		line-height: 20px;
		min-height: 120px;
	}
	.contact-center .right ul{
		width: 80%;
	}
	.service-title-box .left .pic{
		width: 21%;
	}
	.zindex{
		margin-top: 60px;
	}
	.join-nav li:hover .font, .join-nav li.cur .font, .about-nav .slides li:hover .font, .about-nav .slides li.cur .font{
		background-size: 15px !important;
	}
	.wel-news-list li .time{
		margin-right: 0;
	}
	.complaint.in .box{
		width: 95%;
		margin: 0;
	}
	.complaint.in .box .time{
		font-size: 12px;
	}
	.complaint.in .font h3{
		font-size: 16px;
		line-height: 30px;
	}
	.complaint.in .font h4{
		font-size: 14px;
		line-height: 24px;
		padding-bottom: 4px;
	}
	.complaint.in .font p{
		font-size: 12px;
		line-height: 20px;
	}
	.complaint.in .font{
		margin-bottom: 22px;
    	padding-bottom: 20px;
	}
	.complaint.in .line{
	    width: 120px;
	    height: 35px;
	    line-height: 35px;
	    font-size: 12px;
	    border-radius: 25px;
	}
	.only-video .box video{
		height: 368px;
	}
	.product-list li .con, .product-recommend .slides .con{
		display: none;
	}
	.wel-banner{
		height: 0;
		overflow: hidden;
	}
	.wel-swiper{
		height: auto;
	}
	.join-idea-list .slides li{
		min-height: 300px;
	}
}
@media (max-width:768px){
	.inline-banner img{
		width: 800px;
		margin-left: -400px;
	}
	.wel-pro-list li h2{
		    padding: 6.4vh 0 2vh;
	}
	.inline-banner{
		height: 250px;
	}
	.inline-banner h2{
		padding-top: 74px;
		font-size: 26px;
		line-height: 36px;
	}
	.join-nav li:hover .font4, .join-nav li.cur .font4{
		background-size: 14px !important;
	}
	.inline-banner p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.inline-banner .down{
    	margin-top: 14px;
    	width: 30px;
    	height: 30px;
	}
	.inline-banner .down span{
		background-size: 5px;
	}
	.inline-banner.join-banner h2{
		padding-top: 45px;
	}
	.join-nav, .about-nav{
		bottom: 0;
		width: 100%;
		margin-left: -50%;
		bottom: 0px;
		margin-bottom: 0;
		border-bottom: 1px solid #eee;
	}
	.join-nav .slides li, .about-nav .slides li{
		line-height:45px;
		height:45px;
	}
	.join-nav .slides li .font, .about-nav .slides .font{
		line-height:45px;
		background-size: 20px !important;
		font-size: 14px;
	}
	.join-nav li:hover .font, .join-nav li.cur .font, .about-nav .slides li:hover .font, .about-nav .slides li.cur .font{
		padding-left:24px;
	}
	.flex-viewport{
		width: 100%;
	}
	.join-intro-list .flex-direction-nav .flex-prev{
		background: url(../img/join06_h.png) no-repeat center;
		background-size: 100% 100%;
	}
	.join-intro-list .flex-direction-nav .flex-next{
		background: url(../img/join07_h.png) no-repeat center;
		background-size: 100% 100%;
	}
	.join-intro-list .flex-direction-nav a{
		width: 10px;
		height: 19px;
	}
	.join-intro{
		padding: 32px 0 50px;
		background-size: 100% 100%;
	}
	.join-title h2{
		font-size: 25px;
		line-height: 35px;
	}
	.join-title i{
		margin: 10px auto 0;
	}
	.join-intro-list{
		margin-top: 25px;
	}
	.join-intro-list .slides h2 {
	    font-size: 16px;
	    line-height: 24px;
	    padding: 10px 4% 5px;
	}
	.join-intro-list .slides .con {
	    padding: 7px 4% 3px;
	}
	.join-intro-list .slides h3 {
	    font-size: 14px;
	    line-height: 24px;
	    padding-bottom: 6px;
	}
	.join-intro-list .slides p {
	    font-size: 12px;
	    line-height: 20px;
	}
	.join-intro-list .slides .more {
	    margin: 13px 4% 0;
	}
	.join-intro-list .slides li{
		padding-bottom: 12px;
	}
	.bus-preferred .font{
		width:100%;
		margin: 10px auto 0;
		font-size: 12px;
		line-height: 22px;
	}
	.bus-preferred .font p{
		font-size: 12px;
		line-height: 22px;
	}
	.service-title-box .left h2{
		font-size: 30px;
	}
	.service-title-box .left li{
		margin-bottom: 20px;
	}
	.inline-banner.product-banner{
		height:175px;
	}
	.inline-banner.product-banner h2{
		padding-top: 93px;
	}
	.inline-banner.product-banner .box{
		background-size: 3% !important;
	}
	.product-list li{
		width: 48.3%;
		margin: 0 3% 25px 0;
	}
	.product-list li.li4{
		margin-right: 3%;
	}
	.product-list li.li3{
		margin-right: 3%;
	}
	.product-list li.li2{
		margin-right: 0;
	}
	.product-info-banner .slides .pic{
		width: 72%;
		float: none;
		margin: 0 auto;
		min-height: 279px;
	}
	.product-info-banner .slides img{
		max-height: 260px;
	}
	.product-info-banner{
		border-bottom: 1px solid #e6e5e5;
	}
	.product-info-banner .slides .con{
		width: 100%;
	}
	.product-info-banner .slides h2{
		font-size: 14px;
		line-height:20px;
	}
	.product-info-banner .slides .shop{
		font-size: 14px;
		margin-top: 9px;
		height: 30px;
		line-height: 30px;
		padding-left: 40px;
		width: 71px;
		background: url(../img/pro10.png) no-repeat center;
		background-size: 100% 100%;
	}
	.product-info-banner .slides .back{
		font-size: 14px;
		margin-top: 9px;
		height: 30px;
		line-height: 30px;
		width: 110px;
	}
	.product-info-banner .slides li{
		    padding: 50px 0% 0;
	}
	.product-info-banner{
		background-size: 960px 215px !important;
	}
	.product-info-banner .flex-direction-nav a{
		width: 18px;
		height: 33px;
		margin-top: -16px;
	}
	.product-info span{
		/*display: none;*/
	}
	.product-info .box table{
		width: 200%;
	}
	.product-info .box{
		padding-bottom: 34px;
	}
	.product-info .box::-webkit-scrollbar{
		width:100%;
		height: 6px;
		border-radius: 5px;
		background: #f7f7f7;
	}
	.product-info .box::-webkit-scrollbar-track{
		width: 100%;
		height: 6px;
		border-radius: 5px;
		background: #f7f7f7;
	}
	.product-info .box::-webkit-scrollbar-thumb{
		border-radius: 5px;
		width: 80px;
		height: 6px;
    	background-color: #004da1;
	}
	.only-back{
        padding:28px 0 16px 0;
    }
    .back-left{
        width: 100%;
    }
    .left-por2{
        margin-top: -173px;
    }
    .back-right{
        width: 100%;
    }
    .about-intro .list{
    	padding: 0;
    	width: 110%;
    	margin-left: -5%;
    }
    .about-intro .list li{
    	width: 50%;
    	border-bottom: 1px solid #1a5fab;
    	border-left:  1px solid #1a5fab;
    	box-sizing: border-box;
    	padding: 26px 0 22px;
    }
    .about-intro .list h2{
    	font-size: 30px;
    }
    .about-intro .list h4{
    	padding-top: 0;
    }
    .about-intro h3{
    	padding: 15px 0 10px;
    }
    .about-culture .flex-viewport{
    	padding: 30px 0;
    	width: 90%;
    }
    .about-culture .slides .pic{
    	width: 48px;
    	height: 48px;
    	line-height: 48px;
    }
    .about-culture .slides img {
	    max-width: 80%;
	    max-height: 25px;
	}
	.about-culture .slides h2 {
	    font-size: 16px;
	    line-height: 26px;
	    padding: 7px 0 8px;
	}
	.about-culture .slides .font {
	    font-size: 12px;
	    line-height: 20px;
	    min-height: 80px;
	}
	.about-culture .slides a{
		width: 94%;
    	padding: 15px 3%;
	}
	.about-culture .flex-control-nav{
		display: none;
	}
	.about-culture .flex-direction-nav a{
		width:8px;
		height:17px;
		top:50%;
		margin-top: -8px;
		opacity: 1 !important;
		transition:background 0.3s;
		z-index: 1 !important;
		
	}
	.about-culture .flex-direction-nav .flex-prev{
		left: 0;
		background: url(../img/a15.png) no-repeat center;
		background-size: 100% 100%;
	}
	.about-culture .flex-direction-nav .flex-next{
		right: 0;
		background: url(../img/a16.png) no-repeat center;
		background-size: 100% 100%;
	}
	.about-duty-intro .slides p{
		padding: 30px 3% 5px;
	    font-size: 14px;
	    color: #ffffff;
	    width: 94%;
	    line-height: 24px;
	}
	.about-duty-intro  .flex-control-nav{
		bottom: 5px;
	}
	.revolve .w1200{
		width: 88%;
		margin: 0 auto;
	}
	.revolve .btn{
		background: none;
		margin-top: -38px;
		font-size: 40px;
		width: 17px;
	}
	.service-flow .list li{
		width: 48.5%;
		margin:0 3% 15px 0;
	}
	.service-flow .list li.on{
		margin-right:3%;
	}
	.service-flow .list li.cur{
		margin-right: 3%;
	}
	.service-flow .list li.act{
		margin-right:0;
	}
	.mobile-history .show{
		width: 100%;
	}
	.wel-product .list i{
		bottom: 10px;
    	right: 10px;
	}
	.wel-product .list li, .wel-pro-list li{
		width: 48.3%;
    	margin-left: 2.3%;
    	margin-bottom: 13px;
	}
	.wel-product .list li:nth-child(3), .wel-pro-list li:nth-child(3){
		margin-left: 0;
	}
	.i-wrap3 .wel-about li h2{
		font-size: 30px;
	}
	.i-wrap3 .wel-about .unit{
		left: 74%;
	}
	.wel-news-list li p{
		display: none;
	}
	.wel-news-list li .time{
		padding-top: 10px;
	}
	.wel-news-list li h3{
		font-weight: normal;
	}
	.service-title-box{
		width: 92%;
		padding: 35px 4% 19px;
	}
	.join-nav .slides li, .about-nav .slides li{
		background-size: 1px 12px;
	}
	.product-list{
		padding-top: 25px;
	}
	.join-idea-list .slides .font{
		min-height: 60px;
	}
	.join-nav li:hover .font, .join-nav li.cur .font, .about-nav .slides li:hover .font, .about-nav .slides li.cur .font{
		background-size: 15px !important;
	}
	.only-video .box video{
		height: 260px;
	}
	.book-box .box{
		top: 0;
		left: 0;
		margin: 0;
		width: 95%;
	}
	.book-box .box .close{
		top: auto;
		width: 35px;
		height: 35px;
		bottom: -35px;
		left: 50%;
		right: auto;
		margin-left: -18px;
	}
	.wel-banner{
		height: 0;
	}
	.about-intro .list li{
		background: none;
	}
	.wel-product .list h2{
		min-height: 52px;
	}
	.about-culture .slides li{
		min-height: 320px;
	}
	.product-list li .font, .product-recommend .slides .font{
		font-size: 12px;
		line-height: 22px;
		min-height: 66px;
	}
	.only-one .slides dd{
		min-height: 170px;
		margin-bottom: 10px;
	}
}
@media (max-width:480px){
	.inline-banner img{
		width: 600px;
		margin-left: -300px;
	}
	.only-video .box video{
		height: auto;
	}
	.inline-banner{
		height: 188px;
	}
	.inline-banner h2{
		padding-top: 30px;
	}
	.contact-center .left p{
		font-size: 12px;
		line-height: 22px;
	}
	.contact-center .right{
		width: 100%;
	}
	.contact-bot li span {
	    width: 24%;
	}
	.inline-banner.join-banner h2{
		padding-top: 25px;
	}
	.join-nav li .font, .about-nav .slides .font{
		background-size: 15px !important;
		font-size: 12px;
	}
	.join-nav li:hover .font, .join-nav li.cur .font, .about-nav .slides li:hover .font, .about-nav .slides li.cur .font-weight: {
		padding-left:20px;
	}
	.inline-banner h2{
		padding-top: 74px;
		font-size: 20px;
		line-height: 30px;
	}
	.inline-banner p {
	    font-size: 14px;
	    line-height: 16px;
	}
	.wel-news-list li h3{
		font-size: 13px;
		line-height: 23px;
	}
	.wel-news-intro .slides .font{
		font-size: 12px;
		line-height:19px;
		height: 19px;
		overflow-y: hidden;
		padding: 7px 20% 0 4%;
	}
	.contact{
		padding: 25px 0 30px;
	}
	.wel-news-intro .flex-control-nav{
		bottom: 6px;
	}
	.wel-news-intro .flex-control-nav li{
		margin: 0 2px;
	}
	.wel-news-intro .slides li{
		padding-bottom: 7px;
	}
	.inline-banner h2{
		padding-top: 36px;
	}
	.join-idea-list .flex-direction-nav .flex-prev{
		left:5px;
	}
	.join-idea-list .flex-direction-nav .flex-next{
		right:5px;
	}
	.news-page a{
		width: 30px;
		height: 30px;
		font-size: 14px;
		line-height: 30px;
	}
	.service-title-box .left span{
		width: 66%;
	}
	.service-title-box .left h2{
		font-size: 16px;
		background-size: 18px;
		padding-left: 20px;
		line-height: 24px;
	}
	.service-title-box .left span{
		padding-top: 0;
	}
	.service-title-box .left p{
		font-size: 12px;
		line-height: 20px;
	}
	.service-title-box .right h2{
		font-size: 14px;
	}
	.service-title-box .right p{
		font-size: 12px;
		line-height: 22px;
	}
	.service-title-box .right a{
		width: 150px;
		height: 30px;
		line-height: 30px;
	}
	.complaint .mas textarea{
		height: 110px;
	}
	.complaint .box .btn{
		padding: 0 8%;
		width: 84% !important;
	}
	.complaint .box .time{
		background-size: 4%;
	}
	.complaint .box .name{
		background-size: 4%;
	}
	.complaint .mas{
		padding: 0 0 0 8%;
		background-size:4% !important;
		background: url(../img/ser11.png) no-repeat 2% 10px;
		    width: 92%;
	}
	.complaint .mas textarea{
		padding: 5px 0 0 0;
	}
	.inline-banner.product-banner{
		height:109px;
	}
	.inline-banner.product-banner h2{
		padding-top: 34px;
	}
	.inline-banner.product-banner .box{
		background-size: 5% !important;
    	padding-left: 8%;
    	width: 76%;
	}
	/*.product-list li{
		width:100%;
		margin: 0 0 25px 0;
	}*/
	.product-list li.li4{
		margin-right: 3%;
	}
	.product-list li.li3{
		margin-right: 3%;
	}
	.product-list li.li2{
		margin-right: 0;
	}
	.left-por2{
        margin-top: -125px
    }
    .about-honor .link{
		width: 81%;
	}
	.about-duty .right-list .font, .load-list li .font{
		display: none;
	}
	.about-duty .right-list h4, .load-list li h4{
		display: none;
	}
	.about-duty .right-list h2, .load-list li h2{
		font-size: 13px;
		color: #333;
		line-height: 23px;
		padding-top: 10px;
	}
	.about-duty .right-list h3, .load-list li h3{
		line-height: 22px;
		padding-left: 14px;
		background-size: 11px;
	}
	.about-duty .right-list a, .load-list li a{
		padding: 10px 3%;
	}
	.load-list li{
		margin-bottom: 10px;
	}
	.inline-banner.join-banner.on h2,.inline-banner.on h2{
		padding-top: 48px;
	}
	.load-btn {
	    width: 38%;
	    height: 35px;
	    line-height: 35px;
	    font-size: 12px;
	    border-radius: 20px;
	}
	.service-flow .list li{
		width: 100%;
		margin:0 0 15px 0;
	}
	.service-flow .list li.on{
		margin-right:0;
	}
	.service-flow .list li.cur{
		margin-right: 0;
	}
	.service-flow .list li.act{
		margin-right:0;
	}
	.mobile-history .slides li{
		font-size: 16px;
		background-size: 10px !important;
		line-height: 40px;
		padding-top: 40px;
	}
	.mobile-history .show .con{
		padding: 9px 3% 16px;
	}
	.mobile-history .show p{
		font-size: 12px;
		line-height: 22px;
		background: url(../img/a20.png) no-repeat left 7px;
		background-size: 5px;
		padding-left: 9px;
	}
	.mobile-history .flex-direction-nav a{
		width: 29px;
		height: 29px;
		margin-top: -14px;
	}
	.mobile-header .nav-btn{
		width: 8%;
	}
	.mobile-header .logo{
		width: 35%;
	}
	.wel-banner li{
		background-size: 800px 400px !important;
	}
	.wel-banner li .con{
		display: none;
	}
	.wel-banner{
		height: 400px;
	}
	.i-wrap3 .wel-about .font {
	    font-size: 12px;
	    line-height: 22px;
	}
	.i-wrap3 .wel-about h3{
		font-size: 16px;
	}
	.i-wrap3 .wel-about li h4{
		font-size: 12px;
		line-height: 22px;
	}
	.i-wrap3 .wel-about li{
		width: 100%;
		text-align: center;
	}
	.i-wrap3 .wel-about li:nth-child(3){
		width: 100%;
	}
	.i-wrap3 .wel-about .unit{
		left: 68%;
	}
	.i-wrap3 .wel-about li h4{
		padding: 0 0 10px;
	}
	.wel-news-list li h2{
		font-size: 20px;
		line-height: 30px;
	}
	.wel-news-list li{
		margin-bottom: 3vh;
	}
	.wel-service .list{
		margin-top: 25px;
	}
	.wel-service .list .pic{
		float: left;
		width: 45%;
	}
	.wel-service .list .con{
		float: right;
		width: 50%;
		padding: 24px 0 24px;
	}
	.wel-service .list li .font{
		display: none;
	}
	.wel-service .list h2{
		font-size: 12px;
		background-size: 15px !important;
		padding-left: 20px;
		background-position: left 5px !important;
	}
	.wel-service .list .ser{
		padding: 14px 6% 28px;
	}
	.wel-service .list .add {
	    margin-bottom: 17px;
	}
	.wel-service .list h3 {
	    font-size: 18px;
	    line-height: 40px;
	}
	.wel-banner li p.font{
		display: none;
	}
	.wel-banner li span.bg{
		margin-top: 20px;
	}
	.i-wrap2{
		padding:30px 0;
	}
	.i-wrap2 .wel-product{
		margin: 0;
	}
	.i-wrap3 .wel-about{
		text-align: center;
	}
	.i-wrap3 .wel-more{
		margin: 15px auto;
	}
	.about-culture .slides h2{
		font-size: 14px;
	}
	.about-culture .slides .font{
		width: 98%;
		min-height: 80px;
	}
	.info-page .left{
		width: 90%;
	}
	.info-page a.back{
		float: left;
		margin-top: 10px;
	}
	.join-intro-list .flex-direction-nav .flex-next{
		right: -9px;
	}
	.join-intro-list .flex-direction-nav .flex-prev {
    	left: -9px;
    }
   .mobile-footer .font{
   		width: 92%;
   		margin: 0 auto;
   }
   .revolve .w1200{
   		width: 80%;
   }
   .revolve .btn{
   		margin-top: -47px;
   }
   .bus-engineer .flex-control-paging li a{
   		width: 8px;
   		height: 8px;
   }
   .complaint .box .time {
	    background: url(../img/ser09.png) no-repeat 2% center;
	}
	.complaint .box .name {
	    background: url(../img/ser10.png) no-repeat 2% center;
	}
	.join-intro-list .flex-viewport{
		width: 92%;
	}
	.join-nav li:hover .font.font18, .join-nav li.cur .font.font18{
		padding-left: 17px;
	}
	.product-list li .pic, .product-recommend .slides .pic{
		height: 100px;
	    line-height: 100px;
	}
	.product-list li img, .product-recommend .slides img {
	    max-width: 100%;
	    max-height: 100px;
	}
	.product-recommend .flex-control-nav {
	    bottom: -7px;
	}
	.product-recommend {
	    padding: 19px 0 35px;
	}
	.product-info-banner .slides .pic {
	    width: 62%;
	}
	.product-info-banner a.btn{
		margin-top: -51px;
	}
	.contact-center .right ul{
		width: 100%;
	}
	.join-nav li:hover .font, .join-nav li.cur .font, .about-nav .slides li:hover .font, .about-nav .slides li.cur .font{
		background-size: 16px !important;
	}
	.news-list li, .case-list li{
		width: 100%;
		margin-right:0;
		margin-bottom: 20px;
	}
	.news-list li.li4, .case-list li.li4{
		margin-right:0;
	}
	.news-list li.li3, .case-list li.li3{
		margin-right:0;
	}
	.news-list li.li2, .case-list li.li2{
		margin-right: 0;
	}
	.wel-news-list li .time{
		margin-right: 3%;
	}
	.complaint.in .box{
		min-height: 300px;
	}
	.complaint.in .con{
		height:300px; 
	}
	.complaint.in .box .time{
		background: none;
	}
	.book-box .box{
		padding: 10px 2.5% 25px;
	}
	.book-box .box h2{
		font-size: 18px;
		line-height: 40px;
	}
	.book-box .box .btn,.book-box .mas{
		width: 100%;
		margin-bottom: 10px;
	}
	.book-box .box .btn.shf{
		margin-bottom: 0;
		margin-top: 0;
	}
	.book-box .box .btn input.submit, .book-box .box .btn input.reset{
		width: 33%;
		height: 35px;
		line-height: 35px;
	}
	.book-box .box .btn{
		height: 30px;
		line-height: 30px;
	}
	.book-box .box .btn input{
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.book-box select {
	    height: 25px;
	    line-height: 25px;
	}
	.book-box .mas textarea{
		height: 80px;
		padding: 3px 0 0 0;
	}
	.book-box .mas {
	    background: url(../img/pp05.png) no-repeat 8px 9px;
	}
	.wel-banner{
		height: 0;
	}
}