@charset "utf-8";



/* --手机端导航-- */



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

	

}

@media screen and (max-width: 1680px){

	

}

@media screen and (max-width: 1440px){

	.pub{width:90%;}

	.top{width:100%;}

	.header{width:90%;}

	

	.header .logo{width:30%;}

	

	



	

}

@media screen and (max-width: 1300px){

	.index1_left{ width:40%; height:auto; color:#fff; font-size:16px; position:absolute; left:10%; top:0; z-index:9999;}

	.index2_bj{ padding-top:10%;}



}



@media screen and (max-width: 1200px){

	

	



.index1_left{ width:40%; height:auto; color:#fff; font-size:16px; position:absolute; left:10%; top:0; z-index:9999;}

.index1_left p{ font-size:36px; margin-bottom:10px;}

.index1_right{ width:50%; height:auto;}

.index1_about{ display:none;}

.index1_about p{ font-size:36px; margin-bottom:10px;}

.index1_more{ width:153px; height:50px; line-height:50px; text-align:center; background:#02a7f3; color:#fff; font-size:16px; border-radius:50px; margin-top:50px;}

.index1_line{ width:90%; height:1px; background:#fff; margin-top:50px;}

.index1_num { position:relative; right:0%; bottom:0%; z-index:9999;}

.index2_bj{ padding-top:5%;}

.index5{ width:72%; height:730px;}

.index5_hzhb{ width:100%; height: 730px;background:url(../Image/index5_bj.png) bottom center no-repeat; background-size:100% auto; position:relative;}

.index5_hzhb li{ position:absolute;}

.index5_hzhb li img{ border-radius:60px; width:60px; height:60px;}

.index5_logo{ width:160px; height:160px; content:''; position:absolute; top:45%; left:42%; border-radius:50%; animation:rotate 3s infinite; -webkit-animation:rotate 3s infinite linear;}

.index5_logo img{ width:100%;}

.index5_con{ width:100%; text-align:center; color:#fff; font-size:16px; position:absolute; bottom:10%; left:0%;}

.index5_con p{ font-size:24px;}





.index5_hzhb li:nth-child(1){ left:-46px; top:50%;}

.index5_hzhb li:nth-child(2){ left:18%; top:25%;}

.index5_hzhb li:nth-child(3){ left:18%; bottom:15%;}

.index5_hzhb li:nth-child(4){ right:18%; top:25%;}

.index5_hzhb li:nth-child(5){ right:18%; bottom:15%;}

.index5_hzhb li:nth-child(6){ left:22%; top:47%;}

.index5_hzhb li:nth-child(7){ right:22%; top:47%;}

.index5_hzhb li:nth-child(8){ left:47%; top:23%;}

.index5_hzhb li:nth-child(9){ left:35%; top:39%;}

.index5_hzhb li:nth-child(10){ right:35%; top:39%;}

.index5_hzhb li:nth-child(11){ right:-46px; top:50%;}

	

	







}

/* --转成wap-- */

@media screen and (max-width: 960px){

	.l-anchor {display: none;}

	.logo{ width:30%;}



	.pub{width:90%;padding-left:20px;padding-right:20px;}

	header{ position:relative; background:#0055a7;}

	.head_right{ float: right; line-height: 85px; width: auto; text-align: center;color: #fff; margin-right:80px;}

	.nava{width:30%;}

	.search { display:none;}

	



	.banner_bj{ width: 100%; position: relative; top:0;}

	.banner1_1{width:50%;left:0%;top:40%;}

	.banner2_1{width:60%;right:0%;top:38%;}

	.banner3_1{width:50%;left:15%;bottom:30%;}

	.swiper-banner .banner_con {display:none;}

	.swiper-banner .banner_con .a1 {display:none;}

	

	.index1_bj{ width:100%; height:auto; position:relative; z-index:999;}

	.index1_bj1{ position:relative; z-index:999;}

	.index1_left{ width:90%; height:auto; color:#fff; font-size:16px; position: absolute; left:5%; top:10%; z-index:9999; margin:0 auto;}

	.index1_left p{ font-size:20px; margin-bottom:10px;}

	.index1_right{ width:90%; height:auto; position:relative; right:0%; top:0; z-index:9999; margin:0 auto;}

	.index1_about{ width:100%; height:auto; color:#fff; font-size:16px; float:right; position:relative; right:0%; bottom:0; z-index:9999;}

	.index1_about p{ font-size:20px; margin-bottom:10px;}

	.index1_num { position:relative; right:0%; bottom:0%; z-index:9999;}

	.index1_num .index-strength-list{ margin-top:50px;}



	.index1_num .index-strength-list li{width:50%;text-align:center;float:left;}

	

	.index2_top{ width:90%; height:auto; color:#fff; font-size:16px; margin-bottom:50px;}

	.index2_top p{ font-size:20px; margin-bottom:10px;}



	

	.card-fouth .desc.desc-list {

    width:100%; float:none; margin-top:30px;

	}

	.card-fouth .case-container {

		position: relative;

		width:100%; float:none; height:600px;

	}

	.index2_pro1_img{ width:90%; float:none; position:relative; margin-top:10%; margin-left:5%;margin-right:5%;}

	.index2_pro1_con{ width:90%; float:none; font-size:16px; color:#fff; line-height:25px; margin-top:5%;margin-left:5%; margin-right:5%;}



	

	.index3_left{ width:100%; margin-left:0%; float:none;}

	.index3_left_top{ font-size:22px; color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:80px; padding-bottom:30px;}

	.index3_left_con{ color:#fff; font-size:16px; line-height:30px;}

	.index3_left_con p{ font-size:24px;}

	.index3_more{ width:153px; height:50px; line-height:50px; text-align:center; background:#02a7f3; color:#fff; font-size:16px; border-radius:50px; margin-top:50px;}

	.index3_right{ width:100%; float:none; position:relative;}

	

	.index3_bottom{ text-align:center;background:url(../Image/p2.png) center top no-repeat; background-size:100% auto;  min-height:168px; font-size:18px; padding-top:50px; margin-top:80px;}



	.index4_left{ font-size:24px;}

	.index4_main ul li{ float:left; width:100%; margin:0 1.6%; margin-bottom:8%;}

	.index4_main ul li .news1_tit{ color:#fff; font-size:18px; margin-bottom:20px;}



	

	.lightbulb__container .lightbulb__glow {

	  z-index: 8;

	  position: absolute;

	  top: 8%;

	  right: -65%;

	  transform: translateX(-50%) translateY(-15%) scale(0.5);

	  filter: blur(5rem);

	  width: 346px;

	  height: 346px;

	  border-radius: 50%;

	  background: radial-gradient(rgba(255,255,255,0.5) 25%, transparent 80%);

	  animation: glow 5s ease infinite;

	}



	

	.index5{ width:72%; position:relative; min-height: inherit; margin-bottom:5%;}

	.index5_bj{ display:none;}

	.index5_bj img{ width:100%;}

	.index5_hzhb{ overflow:hidden; margin:5% 0;}

	.index5_hzhb li{ position:relative; float:left; width:46%; text-align:center; margin:2%;}

	.index5_hzhb li img{ border-radius:92px; width:92px; height:92px;}

	.index5_hzhb li:nth-child(1){ left:0; top:0%;}

	.index5_hzhb li:nth-child(2){ left:0; top:0%;}

	.index5_hzhb li:nth-child(3){ left:0; top:0%;}

	.index5_hzhb li:nth-child(4){ left:0; top:0%;}

	.index5_hzhb li:nth-child(5){ left:0; top:0%;}

	.index5_hzhb li:nth-child(6){ left:0; top:0%;}

	.index5_hzhb li:nth-child(7){ left:0; top:0%;}

	.index5_hzhb li:nth-child(8){ left:0; top:0%;}

	.index5_hzhb li:nth-child(9){ left:0; top:0%;}

	.index5_hzhb li:nth-child(10){ left:0; top:0%;}

	.index5_hzhb li:nth-child(11){ left:0; top:0%;}

	.index5_logo{ display:none;}

	.index5_con{ width:100%; text-align:center; color:#fff; font-size:16px; position:relative; bottom:0%; left:0%;}

	.index5_con p{ font-size:24px;}

	.index5_con a{ display:block; text-align:center; margin-top:20px;}









	.foot_bj{ width:100%; height:auto; background:#202020; padding-top:5%; overflow:hidden;}

	.foot_top{ border-bottom:1px solid #444444; padding-bottom:20px; margin-bottom:5%;}

	.foot_top .foot_tit{ font-size:22px; color:#fff; float:none;}

	.foot_top .foot_nav{ float:none; font-size:16px; color:#fff; margin-top:10px;}

	.foot_top .foot_nav a{ color:#fff; margin-left:0; display:block; width:33.3%; text-align:center; float:left; line-height:30px;}

	.foot_left{ min-height:193px; width:100%; float:none;background:url(../Image/p4.jpg) no-repeat;}

	.foot_contact{ float:none; color:#fff;}

	.foot_contact li{ margin-top:20px; padding-left:30px;}

	.foot_contact .p6{background:url(../Image/p6.png) left center no-repeat;}

	.foot_contact .p7{background:url(../Image/p7.png) left center no-repeat;}

	.foot_contact .p8{background:url(../Image/p8.png) left center no-repeat;}

	.cop{ float:none; margin-top:20px; text-align:center; font-size:16px; color:#787878;}

	.foot_right{ float:none; width:100%;}

	.foot_right .form-group{ width:100%; margin-bottom:20px;}

	

	

	.inner_about1_left{ width:100%; float:none;}

	.inner_about1_top{ font-size:24px; color:#fff;}

	

	.inner_about1_right{ width:100%; float:none;}

	.inner_about1_right .index-strength-title{height:105px;font-size:42px;font-weight:bold;line-height:52px;padding-top:40px;text-indent:360px;background:url(../images/index_strength_title.png) no-repeat center;background-size:100% auto;}

	.inner_about1_right .index-strength-list{margin-top:100px;}

	.inner_about1_right .index-strength-list li{ margin-top:50px;}

	.inner_about1_right .index-strength-list li h2{height:50px;line-height:50px;font-size:52px;color:#fff;display:inline-block; margin:0;}

	.inner_about1_right .index-strength-list li p{font-size:18px;color:#fff;line-height:24px;margin-top:12px;}

	.inner_about1_right .index-strength-list .inner_about1_line{ width:100%; height:1px; margin:10px auto; background:#fff; position:relative; transition:all 0.3s;}

	.inner_about1_right .index-strength-list .inner_about1_line p{ width:30%; height:3px; background:#02a7f3; position:absolute; top:-1px; left:0px; margin:0; transition:all 0.3s;}

	

	

	

	.inner_about2 ul{ margin-top:30px; margin-bottom:30px;}

	.inner_about2 ul li{ float:none; width:100%; margin:30px 0 0 0;}

	

	.inner_hxjz{ width:70%; background:url(../Image/a9.jpg) bottom center no-repeat; background-size:cover; padding:5%;}

	.inner_hxjz_top{ font-size:26px; color:#fff;}

	.inner_hxjz ul li{ font-size:16px; color:#fff; margin-top:20px;}

	.inner_hxjz ul li p{ font-size:20px; margin:0;}

	

	

	.inner_honor{ margin-top:5%;}

	.inner_honor_main li{ width:48%; margin:1%; float:left; position:relative;}

	

	

	.inner_top{ font-size:26px; color:#fff; text-align:center; margin-bottom:30px;}

	.inner_search .search-text{height:53px;width:65%; float:left;color:#888888; font-size:12px;outline:none; padding-left:10px; background:#fff;}

	

	.inner_type li{ float:left; width:48%; margin:1%; font-size:16px; color:#fff; text-align:center; line-height:30px;}

	

	

	.pro .item{margin: 1%;position:relative; float:left; width:48%; transition:all 0.3s;}

	.pro .item .pic img{display: block;width: 100%;height: auto;}

	.pro .item .pro_con{ padding:10px 0;}

	.pro .item .pro_con p{ color:#fff; font-size:18px; overflow:hidden; background:url(../Image/p10.png) left center no-repeat; padding-left:30px;}

	.pro .item .pro_con p img{ float:right; transition:all 0.3s;}

	.pro .item .pro_line{ width:100%; height:1px; margin:10px auto; background:#fff; position:relative; transition:all 0.3s;}

	.pro .item .pro_line p{ width:30%; height:3px; background:#02a7f3; position:absolute; top:-1px; left:0px; margin:0; transition:all 0.3s;}

	.pro .item:hover .pro_con p img{ margin-right:20px;}

	.pro .item:hover .pro_line p{ width:100%;}

	

	

	.inner_pro_main{ background:#fff; border-radius:5px; padding:5%;}

	.inner_pro_tit{ color:#fff; font-size:30px; background:url(../Image/p10.png) left 30px center no-repeat #03549a; padding:20px 60px;}

	.pro_fl{ border:2px solid #03549a; border-radius:5px; }

	.proshow {

	  margin-top: 55px;

	  

	}

	.proleft {

	  width: 100%; float:none; margin-left:0%;

	}

	.proright {

	  width: 95%; padding:20px; margin-top:50px;float:none; margin-right:0%;

	}

	.gallery-top .swiper-button-prev{ display:none;}

	.gallery-top .swiper-button-next{ display:none;}

	

	

	.new-lists li{ float:none; width:100%; margin:0%; margin-bottom:8%;}

	.new-lists li .news1_tit{ color:#fff; font-size:18px; margin-bottom:20px;}





	.inner_mes .form-group{ width:86%; margin-bottom:20px; float:none;}

	.inner_mes .form-control {outline:none;

	  display: block;

	  width:95%;

	  float:none;

	  height: 40px;

	  padding-left:60px;

	  font-size: 14px;

	  line-height: 1.42857143;

	  color: #fff;

	  border:1px solid #dcdcdc;

	  border-radius:5px;

	}

	.inner_mes .form-control:focus {

	  outline:none;

	}

	.inner_mes .form-group1{ width:85%;}

	.inner_mes #name{background:url(../Image/m5.png) no-repeat left 20px center rgba(3,84,154,0.5);}

	.inner_mes #tel{background:url(../Image/m6.png) no-repeat left 20px center rgba(3,84,154,0.5);}

	.inner_mes #content{ width:97%; height:90px; padding-top:10px; margin-top:0;background:url(../Image/m7.png) no-repeat left 20px top 10px rgba(3,84,154,0.5);}

	.inner_mes #submit{ width:50%; height:45px; line-height:45px;text-align:center; margin-left:25%; margin-top:22px; background:#03549a; color:#fff; font-size:15px; outline:none;border-radius:5px; padding:0; border:none; cursor:pointer;}

	

	

	.Address{ background:rgba(3,84,154,0.5); border-radius:5px; padding:2%; margin-bottom:5%;}

	.Address li{ float:none; width:96%; padding:1.5%; color:#fff; text-align:center; border-left:none; font-size:18px;}

	







	.video .play{width:30px;height:30px;background:url(../Image/play1.png) no-repeat center; background-size:100% auto;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;}

	.inner_video{ width:100%; height:auto; margin:0 auto;}

	

	.download li .download_tit{ width:80%; float:left; border:1px solid #dcdcdc; border-radius:5px; color:#ffffff; font-size:16px; padding:15px 0 15px 20%; background:url(../Image/download1.png) left 5% center no-repeat;}

	.download li a{ width:100%; float:right; border:1px solid #dcdcdc; border-radius:5px; color:#ffffff; font-size:16px; padding:15px 0; text-align:center; margin-top:10px;}

	.download li a img{ margin-left:10px;}

	

	

	.inner_jszc li p{ color:#fff; text-align:center; position:absolute; bottom:30px; left:0; font-size:16px; width:100%;}























	











	







	









	

	#dituContent{ width:100%; height:396px;}



	



	



	

}

@media screen and (max-width: 772px){

	.strengthMain li{float:left;width:100%;height:100%;overflow:hidden;background:#000;position:relative; margin:20px 0%;}

	

	



		



}

@media screen and (max-width: 584px){



}