/* 手机 mobile start*/
@media (max-width: 767px) {
body{
	background-size:100% auto;
	font-size:13px;
}

.visible-xs{display: block !important;}
.visible-xs-block {display: block !important;}
.visible-xs-inline {display: inline !important;}
.visible-xs-inline-block {display: inline-block !important;}
.hidden-xs{display:none !important;}

.wrapin{
	width:92%;
	margin: 0 auto;
}
    
.wrapin2{
	width:92%;
	margin: 0 auto;
}   

.pcpc{
		display: none;
}
.topbottom{padding: 20px 0px;}
.topbottom2{padding: 50px 0px;}
.bottombottom{padding: 0px 0px 50px;}
.toptop{padding: 50px 0px 0px;}
.w_1600{ max-width:96%; margin-right: auto; margin-left: auto;}

    .position{height:auto;}
    .position .pbox{height:40px; display:none; }
    .position .curt{height:auto;max-width:100%;/*display:flex;*/justify-content:center;width:100%;line-height:40px;overflow: scroll}
    .position .curt li{margin:0 15px;}
    .position img{font-size:12px;margin-right:8px;}
    .position a{font-size:14px;line-height:40px;}

    .dcontent{padding-top:20px;padding-bottom:20px;}
    .dcontent .dbj{flex-direction:column}
    .dcontent .dbj .dright{padding-left:0 !important}
    .dcontent .dbj .dright h4{font-size:16px;line-height:20px;text-align:center;margin-top:10px;}
    .dcontent .dbj .dright h6{font-size:14px;margin-top:14px;line-height:24px;}
    .position .ebj{flex-direction:column}    
    
 .header-mb .logo{
	float:left;
	margin-left:3%;
}
.header-mb .logo img{
	display:block;
	height:45px;
	width:auto;
}   
    
.h_str{
	width: 94%;
	margin:0 auto;	
}
.h_str dl{
	padding:10px 0;
}
.h_str dt{
	height: 44px;
	font-size:18px;
	line-height: 44px;	
	padding:0 0 0 35px;
}
.h_str .s1{
	background:url("../images/str1.png") no-repeat left center;
}
.h_str .s2{
	background:url("../images/str2.png") no-repeat left center;
}
.h_str .s3{
	background:url("../images/str3.png") no-repeat left center;
}
.h_str dd{
	font-size:14px;
	line-height: 26px;
}

.h_cuo{
	background:#f6f7f8;
	padding:20px 0 0px 0;
    margin-bottom:20px;
}
.h_cuo .title{
	text-align: center;
	font-size:20px;
	line-height: 60px;
}
.h_cuo .wp{
	width: 94%;
	margin:0 auto;
}
.h_cuo .cleft{
	width:90%;
	float:inherit;
	padding-top:5%;
    padding-left:0%;
    padding-right:0%;
    font-size:16px;
	line-height: 30px;
    margin:0 auto;
}
.h_cuo .cleft p{
	font-size:14px;
	line-height: 20px;
}
.h_cuo .more{
	display: block;
	width: 150px;

	border-radius:5px;
	background:#004d73;
	text-align: center;
	color:#fff;
	font-weight: bold;
	margin-top:10px;
	line-height: 44px;
}
.h_cuo .more:hover{
	background:#007fbd;
}
.h_cuo .cright{
	width: 100%;
	margin-top:20px;
	height:auto;
}
	.h_cuo .cright img{
		width: 100%;
		height: auto;
	}

    
    
    .banner_video{position:absolute;width:100%;height:300px;background:rgba(25,80,135,.7);display:flex;justify-content:center;align-items:center;z-index:5;overflow: hidden}
    .banner_video div{position:relative;transition:.5s;width:80px;height:80px;background-color:#fff;border-radius:50%;color:#fff;display:flex;align-items:center;padding:0;margin:0;justify-content:center;cursor:pointer;}
    .banner_video div:hover{background-color:#00d8ff}
    .banner_video div:hover .iconfont{color:#fff}
    .banner_video div .iconfont{color:#00d8ff;font-size:26px}
    .banner_video div:before{content:'';position:absolute;border-radius:50%;top:-12px;left:-12px;width:calc(100% + 20px);height:calc(100% + 20px);border:2px solid #fff;animation-name:pulseInOut;opacity:0;animation-duration:3s;animation-iteration-count:infinite}
    
    .banner_video div:after{content:'';border-radius:50%;position:absolute;top:-12px;left:-12px;width:calc(100% + 20px);height:calc(100% + 20px);border:2px solid #fff;animation-name:pulseInOutSM;opacity:0;animation-duration:3.5s;animation-iteration-count:infinite}
    
    .aboutvideo{width:100%;height:300px;float:inherit;position:relative;margin:40px auto 0;background: url('../images/bg2.jpg')}
    .aboutvideo video{width:100%;z-index:0;float:left}
    /*@media screen and (max-width:1000px){.aboutvideo video{width:100%}}*/
            
    
    
    .padding20{
        padding-top:20px;
    }  
    
    
.mains{ margin-top:10px;margin-bottom:50px;}
    
    
    
.mainban  h2{font-size:20px; font-weight: bold;margin-bottom:0px;margin-top:15px;}
    
.cfont{
	font-size: 14px;
	line-height:30px;
}    
    
    
.news_imgs2 {
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
}

.news_imgs2>img {
    width: 100%;
    height: 100%;
}    
.news_body {
    padding: 12px 23px 0;
}

.news_body h2 {
    font-size:12px;
    font-weight:normal;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 1px;
}    
    
    
.h_cnc .title{
	line-height: 60px;
	text-align: center;
	font-size:18px;
}
.h_cnc .wp{
	width: 94%;
	margin:0 auto;
}
.h_cnc .item{
	display: block;
	width: 100%;	
	border:1px solid #dbebfa;	
	position: relative;
	padding-bottom:20px;
	margin-bottom:20px;
}
.h_cnc .photo{
	display: block;
	width: 100%;
	height:auto;
}
.h_cnc dl{
	padding:20px 20px 20px 20px;
}
.h_cnc dt{
	height: 34px;
	line-height: 34px;
	font-size:16px;
}
.h_cnc dd{	
	line-height: 24px;
}
.h_cnc .more{
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	border-radius:3px;
	background:#004d73;
	text-align: center;
	font-weight: bold;
	color:#fff;
	margin-left:20px;
}
.h_cnc .more:hover{
	background:#007fbd;
}

.h_cli{
	height: 450px;
	background:url("../images/bg002.jpg?v=2") no-repeat center center;
	background-size:cover;
	position: relative;
}
.h_cli .bg{
	height: 450px;
	width: 100%;
	background:rgba(50,55,60,0.8);
}
.h_cli dl{
	width: 94%;
	color:#fff;
	padding-top:50px;
	margin:0 auto;
}
.h_cli dt{
	line-height: 44px;
    font-size:18px;
}
.h_cli dd{
	text-align:left;
	font-size:14px;
    line-height:30px;
}

.h_our{
	width: 94%;
	margin:0 auto 20px auto;
	position: relative;	
}
.h_our .tit{
	font-size:20px;
	line-height: 3;
}
.h_our .item{
	width: 50%;
	float: left;
	height: 80px;
}
.h_our .item dl{
	padding:15px 0 0 50px;
}
.h_our .item dt{
	height: 26px;
	line-height: 26px;
	font-size:16px;
}
.h_our .item dd{
	height: 26px;
	line-height: 26px;
	color:#2A99D4;
    font-size:20px;
}
.h_our .item dd span{
    font-size:14px;
    padding-left:5px;
}
    
.h_our .item1{
	background:url("../images/ou1.png") no-repeat left center;
	background-size:auto 40px;
}
.h_our .item2{
	background:url("../images/ou2.png") no-repeat left center;
	background-size:auto 40px;
}
.h_our .item3{
	background:url("../images/ou3.png") no-repeat left center;
	background-size:auto 40px;
}
.h_our .item4{
	background:url("../images/ou4.png") no-repeat left center;
	background-size:auto 40px;
}
.h_our .item5{
	background:url("../images/ou5.png") no-repeat left center;
	background-size:auto 40px;
}
.h_our .item6{
	background:url("../images/ou6.png") no-repeat left center;
	background-size:auto 40px;
}

.h_why{
	background:#f6f7f8;
}
.h_why .cright{
	width: 100%;
	height:auto;
}
.h_why .title{
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size:20px;
}
.h_why .items{
	padding:0 3%;
}
.h_why .item{	
	margin-bottom:20px;
	height: 70px;
	line-height: 18px;
	font-size:13px;
	color:#555;
}
.h_why .tip{
	padding-left:50px;
}
.h_why .item1{
	background:url("../images/wy01.png") no-repeat left center;
	background-size:auto 40px;
}
.h_why .item2{
	background:url("../images/wy02.png") no-repeat left center;
	background-size:auto 40px;
}
.h_why .item3{
	background:url("../images/wy03.png") no-repeat left center;
	background-size:auto 20px;
}
.h_why .item4{
	background:url("../images/wy04.png") no-repeat left center;
	background-size:auto 40px;
}
.h_why .item5{
	background:url("../images/wy05.png") no-repeat left center;
	background-size:auto 30px;
}
.h_why .item6{
	background:url("../images/wy06.png") no-repeat left center;
	background-size:auto 40px;
}
.h_ins{
	padding:20px 0;
}
.h_ins .head{
	text-align: center;
}
.h_ins .head dt{
	line-height: 30px;
	font-size:24px;
}
    
.h_ins .item  img{
        width: 100%;
        height: auto;
    }    
.h_ins .head dd{	
	line-height: 20px;
	font-size:14px;
	color:#666;
	padding-top:12px;
}
.h_ins .wp{
	width: 94%;
	margin:0 auto;
}
.h_ins .item{
	width: 48%;
	height: auto;	
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	margin-top:20px;
    float: left;
    margin: 20px 1% 0;
}
.h_ins .item dl{
	padding:0px 0px 0 0px;
}
.h_ins .item dt{
    height: auto;
	font-size:18px;
}
.h_ins .item dd{
	font-size:14px;
	line-height:40px;
    padding: 0 18px;
}
.h_ins .get{
	display: block;
	width: 130px;
	height: 44px;
	line-height: 44px;
	border-radius:5px;
	background:#004d73;
	text-align: center;
	color:#fff;
	font-weight: bold;
	margin-top:10px;
}
.h_ins .get:hover{
	background:#007fbd;
}
.h_res{
	background:#f5f5f5;
	padding-bottom:20px;
}
.h_res .title{
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size:20px;
	font-weight: bold;
}
.h_res .wp{
	width: 94%;
	margin:0 auto;
}
.h_res .item{
	width: 48%;
	margin-bottom:20px;
	float: left;
    margin: 20px 1% 0px;
}
.h_res .item img{
	display: block;
	width: 100%;
	height:120px;
	margin-bottom:15px;
}
.h_res .item dt{
	font-size:14px;
	line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.h_res .item dd{
	font-size:13px;
	line-height: 24px;
	color:#666;
}

.indexnews{
    width: 100%;
    margin: 20px auto 0;
}
.indexnews ul {
    width: 104%;
    margin: 0 -2%;
}
.indexnews ul li{
    width: 96%;
    margin: 20px 2%;
    float: left;
}

.indexnews ul li .datetime{
    width: 18%;
    text-align: center;
    float: left;
    font-size: 20px;
    padding: 10px 0;
}
.indexnews ul li .datetime span{
    font-size: 14px;
}
.indexnews ul li .info{
    float: right;
    width: 78%;
}

.indexnews ul li .info .ti{
      font-size: 16px;
      overflow: hidden;
      white-space: nowrap; /* 防止文字换行 */
      text-overflow: ellipsis; /* 超出部分显示省略号 */
      padding-bottom:5px;
      line-height: 30px;
}
.indexnews ul li .info .infos{
    line-height:22px;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis; /* 超出部分显示省略号 */
    height: 44px;
    
}     
    

.news_uls3 {
    margin-top:10px;
}

.news_ul3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news_ul3 li {
    width: 96%;
    background-color: #ffffff;
    margin-top: 34px;
    padding: 12px 2%;
    box-shadow:0 0 10px rgba(0,0,0,0.06);
}

.news_ul3 li.news_last3 {
    width: 33%;
    height: 0;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}


.news_imgs3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.news_imgs3>img {
    width: 100%;
    height: 100%;
}

.news_cover3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(30, 114, 189, 0.69);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: scale3D(0, 0, 0);
    transform: scale3D(0, 0, 0);
}

.news_cover3 img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.news_ul3 li:hover .news_cover3 {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.news_body3 {
    padding: 22px 3px 0;
}

.news_body3 h2 {
    font-size:16px;
    font-weight: bold;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom:5px;
	padding-bottom:5px;
}

.news_desc3 {
    min-height: 32px;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    overflow: hidden;
	padding-bottom: 10px;
}

.newss_more3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #333333;
    padding: 25px 0 13px;
    border-top: 1px solid #f0f0f0;
    margin-top: 35px;
}


.contents{
	width: 100%;
	margin: 50px auto 0;
	line-height: 30px;
	font-size: 16px;
	min-height: 200px;
}

.contents img{
	max-width: 100%;
	height: auto;
}


.contents p{
	margin-bottom: 15px;
}


.contents2{
	width: 100%;
	margin:10px auto 20px;
	line-height: 30px;
	font-size: 16px;
	min-height: 30px;
}

.contents2 img{
	max-width: 100%;
	height: auto;
}


.contents2 p{
	margin-bottom:15px;
}



.lineheight2{ line-height: 25px;}
.kuan75{
    width: 100%;
}
.kuan25{
    width: 100%;
}
.kuan75 img{
    width: 100%;
    height: auto;
}


    
    
.footer{
	background:#0f0f0f;
	padding:20px 0;
	color:#fff;
}
.footer .wp{
	width: 94%;
	margin:0 auto;
}
.footer dl{
	width: 300px;
	float: left;
}
.footer dt{
	height: 46px;
	line-height: 46px;
	font-size:20px;
	font-weight: bold;
}
.footer dd{
	font-size:14px;
	line-height: 35px;
}
    
.footer .ftlogo{
	font-size: 34px;
	font-weight: bold;
}
.footer .ftlogo img{
        width:100px;
        height: auto;
}
    
    
.footer .fb{
	margin-right:10px;
}
.footer a{
	color:#fff;
}
.footer_copy{
	text-align: center;
	background:#1e1e1e;
	padding:20px 0;
	line-height: 26px;
	color:#fff;
	font-size:13px;
}
	
	
.lybanner{height:auto;}
.lybanner .tex{
	font-size: 26px;
	margin:60px auto 0;
}

.banner .tex{
	position: absolute;
	color: #fff;
	top:40px;
	left:5%;
}
.banner .tex .t1{
	font-size: 20px;
	font-weight: bold;
	width: 60%;
	padding-bottom: 30px;
}

.banner .tex .t2{
	font-size: 16px;
	font-weight: bold;
	width: 80%;
	padding-bottom: 50px;
	line-height: 30px;
}
.banner .tex .t3 img{
	max-width: 100%;
	width: 192px;
	height: auto;
}
.kechixulist{
    width:104%;
    margin: 0 -2%;
}
.kechixulist ul li{
    width: 48%;
    margin:10px 1% ;
    padding:4%;
    float: left;
    text-align: center;
    background:#EFF7EA;
    border-radius:20px;
    min-height:180px;
}
	
.cinfo{
	line-height: 25px;
	font-size: 14px;
  
}
	.cinfo img{
		max-width: 100%;
		height: auto;
	}
.mainban3{
	width: 100%;
	min-height: 230px;
	line-height: 25px;
}
	.mainban4{
	width: 100%;
	min-height: 230px;
	line-height: 25px;
}

.cinfo h2{
	text-align: center;
	width: 100%;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 20px;
}


.mainban2{
	width: 100%;min-height: 430px;
}
	
	
	
	
.mainban33{
	width: 100%;
	min-height: 230px;
	line-height: 25px;
}
.mainban33 img{
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
.mainban33 ul li{
	width: 33.3%;
	text-align:left;
	float: left;
	
}
.mainban33 p{
	padding-bottom: 15px;
}

.mainban44{
	width: 100%;
	min-height: 230px;
	line-height: 25px;
}
.mainban44 img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.mainban44 p{
	padding-bottom: 10px;
}



.mainban033{
	width: 100%;
	min-height: 300px;
	line-height: 30px;
}
.mainban033 img{
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
.mainban033 ul li{
	width: 33.3%;
	text-align:left;
	float: left;
	
}
.mainban033 p{
	padding-bottom: 15px;
}

.mainban044{
	width: 100%;
	min-height: 430px;
	line-height: 25px;
}
.mainban044 img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.mainban044 p{
	padding-bottom: 10px;
}	
	
.mainban5{
	width: 100%;
	margin: 0 auto;
}
	.mainban{width: 100%; line-height: 25px; margin:0 auto;}
	
	.aboutinfo{font-size: 14px; line-height: 25px;}
	
.h_qu{
	height: 350px;
	background:url("../images/bg001.jpg?v=3") no-repeat center center;
	position: relative;
    background-size:100% 1005;
}
.h_qu .bg{
	height: 350px;
	width: 100%;
	background:rgba(50,55,60,0.8);
	text-align: center;
}
    
.h_qu dl{
	width: 100%;
	color:#fff;
	padding-top:100px;
	margin:0 auto;
}	

.h_qu dl h2{
		padding-bottom:10px;
		font-weight: bold;
		font-size: 30px;
	}
	
.coninfo{
	color: #fff;
	padding: 30px 20px;
}

.conmessage .button{
	margin-bottom: 20px;

}
	
.news_ul li {
    width: 45%;
    background-color: #ffffff;
    margin-top: 34px;
    padding: 5px;box-shadow:0 0 10px rgba(0,0,0,0.2);
}

.news_imgs {
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.news_body {
    padding: 12px 10px 0;
}

.newss_more {
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    color: #333333;
    padding: 15px 0 13px;
    border-top: 1px solid #f0f0f0;
    margin-top:15px;
}

.news_ul2 li {
    width: 45%;
    background-color: #ffffff;
    margin-top: 14px;
    padding: 5px;
}

    
.kechixuti{
    width:100%;
    text-align:center;
    font-size:20px;
    margin: 10px auto 30px;
}    
.kechixulist ul li .kechixulistinfo{
    font-size:20px;
    line-height:25px;
    color: #008D36;
    padding-top:30px;
}
.kechixulist ul li .kechixulistinfo .tonum{
    font-size:22px;
}
.kechixuti2{
    width:100%;
    text-align:left;
    font-size:20px;
    margin:30px auto 30px;
    float:left;
    color:#666;
    line-height:45px;
}

.kechixu2 ul li{
    background:#fff;
    width:47%;
    margin:20px 1.5%;
    float:right;
    padding:3%;
    border-radius:10px;
    min-height:250px;
    
}
    
    
.kechixu3 ul li{
    background:#fff;
    width:47%;
    margin:20px 1.5%;
    float:right;
    padding:3%;
    border-radius:10px;
    min-height:220px;
    
}  
    
.develop2 .develop2left{
    width:100%;
    float:inherit;
}
    
.develop2 .develop2right{
    width:100%;
    float:inherit;
    margin-top:55px;
    color:#fff;
    line-height:25px;
}    
.develop2 .develop2right p{
    padding-bottom:10px;
}
    
.bg6{
    margin:40px auto;
}    
    
.develop3{
    width:100%;
    background: url("../images/k.jpg");
    background-size:100% 100%;
    height:300px;
}
.develop3 .bg7{
    width:100%;
    height:300px;
    background:rgba(0,0,0,0.8);
}
.develop3 .infos{
    text-align:center;
    width:92%;
    margin:30px auto 0;
    font-size:20px;
    color:#fff;
} 
    
    

.case_slider{
	width: 100%;
	height: 285px;
	margin:0 auto;
	position: relative;
}

.case_slider li{
	width: 94%;
	float: left;
	margin:10px 10px;
	background:#fff;
	box-shadow:0 0 0px #ccc;
	text-align: center;
	position: relative;
}
.case_slider a{
	display: block;
    width:100%;
	max-width:350px;
	height: 250px;
	position: relative;
	overflow: hidden;
    background: #7F7F7F;
    text-align: center;
    color: #fff;
    border-radius:10px;
    background-size:100% 100%;
}
.case_slider a img{
	display:block;
	width:50px;
	height:50px;
    margin: 0 auto;
}
.case_slider a .t1{
    padding-top:30px;
    width:80%;
    margin:0 auto;
    text-align:left;
    font-size:18px;
}
.case_slider a .timg{
    padding-top:60px;
    width:100%;
    margin:0 auto;
    text-align: center;
}
.case_slider .c_btn{
	width: 36px;
	height: 36px;
	border:1px solid #dedede;
	position: absolute;
	bottom: -30px;
	margin-top:-19px;
	cursor: pointer;
    text-align: center;
    line-height:36px;
    color:#ccc
}
.case_slider .pre{
	left:37%;
	/*background:url("../images/case_pre.png") no-repeat center center;*/
}
.case_slider .pre:hover{
    background: #007FBD;
    color:#fff;
    border:1px solid #007FBD;
}
.case_slider .next{
	right: 37%;
	/*background:url("../images/case_next.png") no-repeat center center;*/
}
.case_slider .next:hover{
    background: #007FBD;
    color:#fff;
    border:1px solid #007FBD;
}    
  
.develop5 ul li a .img2{
   float:right;
   background: #FDFDFD;
   padding:12px;
   border-radius:50px;
   margin-right:20px;
   background:linear-gradient(45deg,#5FCD5D,#3A98D5);
}    
    
/* 手机 mobile end*/	
}