@charset "utf-8";

.container{
	margin:auto;
}
/* CSS Document */
/**判断**/
/**/

@media screen and (min-width: 3840px) {

}

@media screen and (min-width: 2560px) {

}

@media screen and (min-width: 1800px) {

}
@media all and (min-width:1600px) and (max-width: 1800px) {

}

@media all and (min-width:1360px) and (max-width: 1599px) {
	
}

@media all and (min-width: 1280px) and (max-width: 1359px) {

	
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
	

}

@media all  and (min-width: 768px) and (max-width: 1023px){	
	
	

}

/* 手机或小平板 phone */
@media all  and (max-width: 768px){

	img{
		width:100%;
	}
	.disMobile{
	    display: block;
	}
	.disPc{
		display: none;
	}
	.bgCover{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom:0;
		background-color:rgba(0, 0, 0, 0.19);
		z-index: 7000;
		display: none;
	}

	/* 头部 */
	.topTel{
	    height: 3rem;
	    line-height: 3rem;
	    position: absolute;
	    right: 1rem;
	    top: 0;
	    z-index:1000;
	}
	.topTel i{
	    font-size:20px;
	    color:#fff;
	}
	.m-navBarBox{
	    height: 3rem;
	    line-height: 3rem;
	    position: relative;
	    background-color: #1696bc;
	    border-bottom: solid 1px rgba(0,0,0,.05);
	    box-shadow: 0 0 15px 1px rgba(0,0,0,.15);
	    -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.15);
	    -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,.15);
	    -ms-box-shadow: 0 0 15px 1px rgba(0,0,0,.15);
	    -o-box-shadow: 0 0 15px 1px rgba(0,0,0,.15);

	    width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 3000;
	}
	.m-nav{
	    height: 3rem;
	    line-height: 3rem;
	    position: absolute;
	    left: 1rem;
	    top: 0;
	    color: #444;
	    z-index: 1000;
	}
	.m-nav > span{
	    display: block;
	}
	.m-navBarBox > a{
	    width: 60%;
	    margin: auto;
	    height: 3rem;
	    line-height: 3rem;
	    text-align: center;
	    display: block;
	    color:#fff;
	    font-size: 1rem;
	    letter-spacing: 1px;
	}
	.m-navBarBox > a > i{
	    color: #fff;
	}
	.m-navBarBox > a > img{
	    width:29%;
	}
	.m-nav i{
	    font-size: 1.2rem;
	    color: #fff;
	}
	.m-navList{
	    margin: 2rem 0;
	    padding: 0 1.8rem;
	}
	.m-navList > li > a > i{
	    padding-right: 15px;
	    font-size: 1rem;
	}
	.m-navList u{
	    float: right;
	}
	.m-navList u i{
	    font-size: 12px;    
	    color: #ececec;
	}
	.m-navList a{
	    display:block;
	    padding:15px 10px;
	    color:#f3f3f3;
	    font-size:13px;
		border-bottom: 1px solid #e8e8e84f;
	}
	.navBarListBox > span > i{
	    font-size: 20px;
	    color: #fff;
	    margin: 20px;
	    display: inline-block;
	}
	.navBarListBox{
	    width: 70%;
	    height: 100%;
	    float: right;
	    position: fixed;
	    left: -70%;
	    top: 0;
	    z-index: 8000;
	    color: #fff;
	    background-color: rgb(21, 135, 169);
	    overflow: scroll;
	}
	.secondNav{
		width: 93%;
		padding-left: 13px;
		position: static;
		top: 0;
		background-color: transparent;
	}
	.secondNav a{
	    padding: 15px 0;
		color:#fff !important;
	}
	.secondNav > li{
		height:auto;
		line-height:inherit;
	}
	.navDes{
	    padding:2rem;
	    font-size:13px;
	    line-height:22px;
	}
	.navDes > p{
	    margin-top: 0.5rem;
	    font-size: 19px;
	}
	.navDes > span{
	    display: block;
	    font-size:15px;
	}
	.topImg{
	    background-color:#1696bc; 
	    padding: 2rem 0;
	    text-align: center;
	}
	.topImg > img{
	    width: 85px;
	    height: 85px;
	    margin: auto;
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	}
	.topImg > span{
	    font-size: 15px;
	    display: block;
	}
	.topImg > p{
	    font-size: 13px;
	    line-height: 20px;
	}
	.topImg > i{
	    height: 45px;
	    line-height: 45px;
	    display: block;
	    font-size: 50px;
	    margin-bottom: 5px;
	}


	/*首页*/
	.main1_top{
		overflow: hidden;
		position: relative;
	}
    .main1_top > h5{
        height: 36px;
        line-height: 36px;
        position: relative;
        font-size: 23px;
        text-align: center;
        color: #282B45;
        font-weight: bold;
    }
    .main1_top > img{
        position: absolute;
        width: 46px;
        bottom: 5px;
    }
    .main1_top > img:first-child{
        left: 0;
    }
    .main1_top > img:last-child{
        right: 0;
    }
    .main1-tit{
        display: block;
        height: 26px;
        line-height: 26px;
        font-size: 13px;
        text-align: center;
        color: #6B6F8C;
    }
    .main1-wrap {
        margin: 30px 0;
    }
    .main1 {
        padding: 25px 15px;
    }
    .main1-con {
        margin: 20px 0;
    }
    .main1-tab {
        width: 100%;
        box-sizing: border-box;
        height: 65px;
        background: linear-gradient(90deg,rgba(252,198,96,1),rgba(255,179,91,1));
        box-shadow: 0px 10px 34px 0px rgba(10,5,68,0.18);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 18px;
        color: #282B45;
    }
    .main1-tab span:first-child {
        font-size: 30px;
    }
    .main1-tab em {
        font-size: 16px;
        padding-left: 10px;
    }
    .main1-tab img {
        width: 23px;
    }
    .flex{
        display: flex;
        align-items: center;
    }
    .main1-main {
        overflow: hidden;
        box-shadow: 0px 6px 17px 0px rgba(17,13,67,0.08);
        display: none;
    }
    .main1-con:first-child .main1-main {
        display: block;
    }
    .main1-main > img {
        width: 100%;
        margin: 25px 0;
        display: block;
    }
    .main1-main p {
        padding: 0 20px;
        font-size: 14px;
        line-height: 20px;
        color: #6B6F8C;
    }
    .main1-main a {
        margin: 25px auto;
        font-size: 15px;
        background: #2E62E1;
        border-radius: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        width: 155px;
        box-sizing: border-box;
    }
    .main1-main a img {
        width: 13px;
        height: 10px;
        margin-left: 8px;
    }
    .homePro {
        padding-top: 60px;
        padding-bottom: 100px;
        background-color: #202428;
    }
	
    .homeProTab {
        position: relative;
    }
    .banner {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }
    .banner ul li a {
        display: block;
    }
    .banner > img {
        display: block;
        width: 100%;
		min-height: 250px;
    }
    .homeProTab .swiper-pagination {
        width: 100%;
        height: 2px;
        line-height: 2px;
        text-align: center;
        position: absolute;
        bottom: -30px;
        left: 0;
        z-index: 66;
    }
    .homeProTab .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #12A7FF;
    }
    .homeProCont {
        position: absolute;
        width: 100%;
        height:69px;
        background: rgba(0,0,0,0.4);
        bottom: 0;
        left: 0;
        z-index: 66;
        overflow: hidden;
    }
    .homeProCont ul li {
        height: 69px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -70px;
    }
    .homeProCont ul li a {
        display: block;
        height: 100%;
        padding: 10px;
        color: #fff;
        box-sizing: border-box;
    }
    .homeProCont ul li .pic {
        height: 100%;
        padding-right: 10px;
        box-sizing: border-box;
        float: left;
    }
    .pic {
        text-align: center;
        overflow: hidden;
        font-size: 0;
    }
    .homeProCont ul li .pic img {
        width: auto;
        height: 100%;
        display: inline-block;
    }
    .homeProCont ul li .cont {
        float: right;
        width: calc(100% - 59px);
    }
    .single-line {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .homeProCont ul li .cont h3 {
        margin-top: 3px;
        font-size: 15px;
        line-height: 23px;
    }
    .homeProCont ul li .cont p {
        font-size: 12px;
        line-height: 17px;
        color: #fff;
    }
    .clearfloat:before, .clearfloat:after {
        content: "";
        display: table;
        line-height: 0;
        visibility: hidden;
    }
    .clearfloat:after {
        clear: both;
    }
    .homePro .main1_top > h5 , .homePro .main1-tit {
        color: #fff;
    }
    .mb30{
        margin-bottom: 30px;
    }
    .homeProTab .swiper-pagination .swiper-pagination-bullet {
        width: 18px;
        height: 2px;
        margin: 0 3px;
        background: rgba(255,255,255,0.3);
        border-radius: 0;
        vertical-align: top;
        opacity: 1;
    }
    .homeProTab .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #12A7FF;
    }
    .main5-wrap .main5-a {
        display: block;
    }
    .main5-con {
        border-bottom: 1px solid #E0E1E7;
        margin: 20px 20px 0;
    }
    .main5-con h6 {    
        height: 29px;
        line-height: 29px;
        font-size: 14px;
        color: #000;
        font-weight: 100;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .main5-con span {
        display: block;
        height: 23px;
        line-height: 23px;
        font-size: 12px;
        color: #9DA0B3;
    }
    .main5-con p {
        font-size: 12px;
        line-height: 20px;
        color: #6B6F8C;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .main5.news_html > a:nth-last-child(1) .main5-con{
        border-bottom: none;
    }

	/*尾部*/
	.footer{
		text-align: center;
		padding: 0.8rem 0;
		background-color: #1696bc;
		color: #fff;
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	.footer > a{
		color: #fff;
		flex: 1
	}
	.footer > a:nth-child(1){
		border-right: 1px solid #1382a3;
	}
	.footer span{
		font-size: 14px;
	}
	.footer i{
		vertical-align: middle;
	}







	/*滚动*/
	.swiper-pagination-bullet-active {
		background: #e7b657 !important;
	}
	.swiper-container {
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.newsList a{
		width: 100%;
		padding-bottom: 3rem;
		display: block;
	}
	.newsList h5{
		color: #333;
		padding: 0.5rem 2rem;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.newsList p{
		max-height: 6rem;
	}
	.newsList img{
		width: 90px;
		height: 90px;
		margin: auto;
		border-radius: 50%;
	}
	.container, .container-fullscreen{
		margin-bottom: 0;
	}
	.swiper-Des{
		width:60%;
		height: auto; 
		position:absolute;
		top:50%;
		left:50%;
		color:#fff;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
	}
	.swiper-Des > h5{
		font-size: 1.2rem;
		margin-bottom: 0.5rem;
	}
	.swiper-Des > p{
		font-size:0.9rem;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		width: 35px;
		height: 35px;
		background: url(../../images/mWeb/arrowLeft.png) 100% 100%;
		left: 10px;
		right: auto;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		width: 35px;
		height: 35px;
		background: url(../../images/mWeb/arrowRight.png) 100% 100%;
		right: 10px;
		left: auto;
	}



	/*关于我们*/
	.banner{
		margin-top: 1.5rem;
	}
	.bannerWrap{
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		transform:none;
		left:0;
		top:0;
	}
	/*.slideDes{
		width: 100%;
		transform:none;
		left:0;
		top:0;
		position:static;
	}*/
	.slideDes > h4{
		font-size: 20px;
		margin-bottom: 0;
		margin-top: 30px;
	}
	.slideDes > p{
		font-size: 14px;
	}
	.mySection {
		padding: 0 20px;
		display: block !importance;
	}
	.mainWrap {
		width: 100%;
		margin: 0 auto;
	}
	.about_left{
		width: 100%;
	}
	.about_titles{
		height: 80px;
	}
	.about_titles > h6{
		 font-size: 20px;
	}
	.about_content{
		font-size: 22px;
	}
	.about_content span, .about_content p{
		font-size: 13px !important;
	}
	.about_right{
		width: 100%;
		margin-top: 0;
		padding-left: 0;
	}
	.dflex , .hxflex{
		display:block;
	}
	.mySwipers img{
		padding: 20px 0 40px;
	}
	.mt120{
		margin-top:30px
	}
	.hxright{
		margin-bottom:30px;
	}
	.about_support{
		height: 500px;
	}
	.support_left{
		margin-left: 0;
		margin-top: 0;
		float: none;
		width: 50%;
		margin: auto;
	}
	.support_right{
		width: 100%;
		margin-right: 0;
		padding: 0 20px;
		box-sizing: border-box;
		padding-top: 100px;
	}
	.supportTitle{
		margin-top: 0;
		font-size: 20px;
	}
	.supportText{
		margin-top: 20px;
		font-size: 14px;
		text-align: justify;
		line-height: 26px;
	}
	.index-header{
		padding-bottom: 10px;
	}
	.index-header > h3{
		font-size: 25px;
		margin-top: 30px;
	}
	.whyChoose{
		overflow: visible;
	}
	.whyChoose > li{
		margin: 30px auto;
		width: 100%;
	}
	.aboutUsWhy > li{
		width: 100%;
		margin: 20px 0;
	}

	
	/*联系我们*/
	.right-box{
		display:none;
	}
	.left-box, .right-box{
		 width: 100%;
	}
	.contactBox{
		padding: 15px;
	}
	.contactBox h2 img{
		display: none;
	}
	.left-box p {
		margin-bottom: 2px;
	}
	.contactBox h2{
		margin-top: 20px;
	}
	.newsUl {
		padding: 0 15px;
	}
	.newsUl > li{
		padding: 30px 0;
	}
	.news_Img,.news_Img > a{
		width: 100%;
	}
	.news_Img img{
		width: 100%;
		height: auto;
	}
	.news_Des{
		width: 100%;
	}
	.news_Top{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.news_Top > h6{
		width: 100%;
	}
	.news_Top > h6 > a{
		font-size: 16px;
	}
	.news_Des > p{
		line-height: 22px;
	}
	#pages.text-c{
		padding: 0 20px 40px 0;
	}
	.columnBg {
		line-height: 60px;
	}
	.myWrap , .newsConent, .caseConBox{
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.pd30 {
		padding: 0;
	}
	.around-news > span{
		width: 100%;
	}

	/*详情页面*/
	.newsMoreList > li > a{
		width: 100%;
		box-sizing: border-box;
	}
	.newsDesImg{
		width: 30%;
		display: none;
	}
	.newsDesImg > img{
		min-height: auto;
		width: 90px;
		height: 90px;
	}
	.newsDes{
		width: 100%;
		padding-left: 0;
		box-sizing: border-box;
	}
	.newsMore {
		padding: 30px 0;
	}
	.newsMoreList {
		padding: 20px 0 0;
	}
	.newsDes h4{
		font-weight: normal;
		font-size: 15px;
		color: #333;
	}
	.newsDes p{
		color: #777;
	}

	.newsWrap {
		margin-top: 30px;
	}
	.breadcrumb {
		padding: 10px 0 20px;
	}
	.newsConBox{
		width: 100%;
	}
	.newsConent img{
		width:100% !important;
		height:auto  !important;
	}
	.newsConent{
		padding:0 !important;
	}
	.sideBar{
		width: 100%;
	}
	.hotNewsList img{
		width: 100%;
		height: auto;
	}
	.sideBar > h3{
		font-weight: bold;
	}
	.flex-column{
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
	}
	.serviceLeft{
		width: 100%;
	}
	.serviceLeft > h3 > a{
		 font-size: 17px;
	}
	.mac2-wrap ,.mac-wrap{
		padding: 20px 15px;
		box-sizing: border-box;
	}
	.con {
		width: 100%;
	}
	.tj_title2 {
		font-size: 25px;
	}
	.pro-box-des, .pro-box-img {
		width: 100%;
	}
	.pro-overview {
		display: block;
	}
	.pro-box-img > img {
		padding-left: 0;
		padding-top:20px;
		height:auto !important;
	}
	.mac-wrap .lists {
		margin-top: 20px;
		padding: 20px;
	}
	.con .lists .item .num {
		font-size: 30px;
	}
	.con .lists .item {
		padding:15px 0;
	}
	.mac2-wrap .lists .items .conn {
		width: 100%;
	}
	.mac2-wrap .lists .items .conn .item {
		padding: 20px 15px;
	}
	.mac2-wrap .lists .items .conn .item h4 {
		font-size: 16px;
	}
	.mac2-wrap .lists .items .conn .item p {
		padding-top: 15px;
		line-height: 1.5rem;
	}
	.lists {
		margin-top: 2rem;
	}
	.con .lists .item .conc::before {
		width: 4px;
	}
	
	/*列表*/
	.columnMobiles > a{
		width: 90%;
		padding: 0 20px;
		display: block;
		font-size: 13px;
		color: #333;
	}
	.columnMobiles > a.selectedTab {
		color: #fff;
		background-color: #05a3d2;
	}

	.banner.pr  .slideDes{
		width: 90%;
		padding: 0 20px;
	}

	.banner.pr .slideDes > h4 {
		font-size: 20px;
		margin-bottom: 0;
		margin-top: 0;
		padding-top: 0;
	}
	
	.newsBox.proList > li > a{
		width: 94%;
		margin: 10px 3%;
	}
	.newsBox {
		padding: 10px 0;
	}
	.serviceLeft {
		padding: 10px 5px;
	}
	.serviceOption {
		padding: 10px 10px;
	}
	.serviceLeft > p {
		padding: 10px 0;
	}
	.serviceRight {
		width: 100%;
	}
	.serBg .pro-box-des {
		padding-left: 0;
	}
	.ser_title {
		margin-bottom: 20px;
	}
	.problemsList {
		width: 98%;
	}
	
	
	.czque{
		background: none !important;
		height: auto !important;
		padding-top: 0 !important;
	}
	.project_list {
		padding: 0;
	}
	.project_list.flex{
		display: block;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.project_left > h6 {
		padding-bottom: 30px;
	}
	.project_right.flex1{
		padding-bottom: 30px;
	}
	.con_pos{
		padding: 0 15px;
		box-sizing: border-box;
		width: 100%;
	}
	.case_con > p{
		width: 100%;
		font-size:15px;
		padding-top: 15px;
	}
	.caseMy{
		width: 100%;
		display: block;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.project_content > div {
		font-size:15px;
	}
	.project_right > img{
		padding-left: 0;
	}
	#homeProSwiper > .swiper-wrapper > li > a > img{
		display: block;
	}
	.around-news > span {
		margin: 6px 0;
		font-size: 14px;
	}
	.around-news > span > a {
		font-size: 14px;
	}
	
	.tj_title {
		font-size: 20px;
	}
	.mySection2 {
		margin: 30px 0;
	}
	
	.tj_title {
		font-size: 20px;
	}
	
	.fuwu_list {
		width: 100%;
	}
	.fuwu_list li{
		height: auto;
	}
	
	.fuwu_list li .left , .fuwu_list li .right{
		width: 100%;
		height: auto;
	}
	.fuwu_list li .left .left_main{
		line-height: 1.9;
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.fuwu_list li .left .left_main h3{
		font-size: 18px;
		padding-bottom: 10px;
	}
	.mySection2.overH > .tj_title{
		padding-bottom: 30px;
	}
	.fuwu_even .right img {
		width: 100%;
		height: 100%;
		transform: translate(0%, 0%);
	}
	.fuwu_odd .right img{
		display: block;
	}
	.aboutUsWhy.safeBaozhang > li {
		width: 50%;
	}
	.aboutUsWhy.safeBaozhang > li{
		height: 250px;
	}
	.aboutUsWhy.safeBaozhang > li img {
		width: 25px;
		padding: 15px;
	}	
	.section-map.banner{
		display:none;
	}
	.partnerList{
		width: 100%;
		overflow: hidden;
		padding: 0 5px;
		box-sizing: border-box;
	}
	.partnerList > li {
		float: left;
		width: 33.333333%;
	}
	.partnerList > li > img{
		width: 100%;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
	}
	.introduceBox{
		padding-bottom:0;
	}
	#section-custom {
		padding: 20px !important;
	}
	.section-head {
		max-width: 100% !important;
		margin-bottom: 0 !important;
	}
	.viewMore{
		padding-top:10px !important;
	}
	.bannerWrap.aboutBan{
		top: 0;
	}
	.dflex .about_left{
		padding-top: 0;
	}
	.p79{
		padding: 30px 0;
	}

























}