﻿
@media (max-width:750px){
	 
	 .P_width {
		 width:100%;
		 margin:0 auto;
	 }
	 .P_bg {
		 padding-bottom:50px;
	 }

     
	 .A_summary {
		 width:90%;
		 margin:0 auto;
	}
	.A_summary .list {
		 
	}
	.A_summary .list li {
		 float:left;
		 width:33.3%;
		 position:relative;
		 margin-bottom:25px;
		 text-align:center;
	}
	.A_summary .list a {
		 display:block;
	}
	.A_summary .list li img {
		 width:80px;
		 height: 31px;
	}
	.A_summary .list li .show {
		 position:absolute;
		 width:100%;
		 padding:20px 0;
		 background:#e83738;
		 top:-14px;
		 left:-58px;
		 display:none !important;
	}


	 /* banner */
	 .banner .swiper-button-next,
	 .banner .swiper-button-prev {
		 width:20px;
		 height:60px;
		 margin-top:-6%;
	 }

	 .banner .swiper-button-next {
		 right:16px;
		 background:url("../images/next.png") no-repeat center;
		 background-size:contain;
	 }
	 .banner .swiper-button-prev {
		 background:url("../images/prev.png") no-repeat center;
		 background-size:contain;
		 left:16px;
	 }
	 .banner .swiper-pagination-bullet {
		 width:20px;
		 height:3px;
	 }

	 .bg1 {
		 width:100%;
		 padding-bottom:20px;
	 }
	 
	 .our_product {
		 padding-top:25px;
	 }

	 .caption {
		 width:200px;
		 margin:0 auto;
	 }
	 .caption .title {
		 width:100%;
		 padding-top:5px;
		 height:40px;
		 background:url("../images/title_bg.png") no-repeat;
		 padding-bottom:4px;
		 background-size:contain;
	}
	.caption .title h2 {
		 font-size:15px;
	}
	.caption .title span {
		 font-size:15px;
	}
	.caption p {
		 width:100%;
		 line-height:18px;
	}
	 
	 .our_product .photo {
		 width:96%;
		 margin:10px auto 0;
	}
	.our_product .list {
		 width:100%;
	}
	.our_product .list li {
		 width:100%;
		 float:left;
		 margin-right:10px;
		 margin-bottom:10px;
	}
	.our_product .list li.no_right {
		 margin-right:0;
	}

	 .our_product .P_more_center {
		 padding-top:20px;
	 }
	 .P_more {
		 display:inline-block;
		/*  width:100px; */
		 height:30px;
		 border:1px solid #da251c;
		 color:#da251c;
		 font-size:14px;
		 line-height:30px;
	}


	 /* 成功案例 */
	 .case {
		 padding-top:20px;
	}

	.case {
		 padding-top:30px;
	}
	.case .pic_list {
		 width:100%;
		 padding-top:25px;
	}
	.case .pic_list li {
		 width:50%;
	}
	.case .pic_list li img {
		 width:100%;
	}
	.case .pic_list .show {
		 width:100%;
		 background:#da251c;
		 text-align:center;
		 padding:134px 0;
		 position:absolute;
		 top:0;
		 left:0;
		 display:none !important;
	}

	.case .P_more_center {
		 padding:40px 0 20px 0;
	}

	/* 关于我们 */
	 .bg2 {
		 width:100%;
		 margin:0 auto;
		 background:url("../images/I_bg2.jpg") no-repeat center 0 fixed;
		 background-size:cover;
		 padding-bottom:15px;
	}
	.about {
		 width:100%;
		 margin:20px auto 0;
	}
	.about .info {
		 width:94%;
		 margin:0 auto;
	}
	.about .info .pic {
		 float:left;
		 width:100%;
	}
	 .about .info .mes {
		 width:96%;
		 margin-right:0;
		 padding-bottom:10px;
	}
	.about .info .mes p {
		 padding:0 5px;
	}
	.about .p_more_2 {
		 width:57px;
		 height:20px;
		 display:block;
	     margin:0 auto;
		 padding:5px 16px;
	}

	/* 新闻中心 */
	 .bg3 {
		 width:100%;
		 margin:0 auto;
		 background:url("../images/I_bg3.jpg") no-repeat center 0 fixed;
		 background-size:cover;
		 padding-bottom:20px;
	}
	.news_center {
		 width:100%;
	}
	.news_center .caption {
		 padding:20px 0;
	}
	.news_center .list {
		 width:90%;
		 margin:0 auto;
	}
	.news_center .list li {
		 width:100%;
		 height:auto;
		 padding-bottom:10px;
		 background:#fff;
		 float:left;
		 margin-right:10px;
		 margin-bottom:10px;
	}
	.news_center .list li.no_right {
		 margin-right:0;
	}
	.news_center .list li.sb_no_margin {
		 margin-right:0;
	}
	.news_center .list a {
		 display:block;
	}
	.news_center .pic {
		 width:100%;
		 margin-bottom:20px;
	}
	.news_center .pic img {
		 width:100%;
	}
	.news_center .company_news {
		 width:100%;
	}
	.news_center .list .title {
		 width:91%;
		 margin:0 auto;
		 padding-bottom:6px;
		 border-bottom:1px solid #707070;
	}
	.news_center .list .title h3 {
		 font-size:14px;
		 color:#333;
		 padding-bottom:6px;
	}
	.news_center .list .title span {
		 font-size:14px;
		 color:#5a5a5a;
	}
	.news_center .list .company_news p {
		 width:91%;
		 margin:0 auto;
		 padding-top:14px;
	}
	.news_center .P_more_center {
		 padding:40px 0 20px 0;
	}

	/* 我们的客户 */
	.bg4 {
		 width:100%;
		 margin:0 auto;
		 background:#e6e6e6;
		 padding-bottom:30px;
	}

	.f_index {
		 height:auto;
		 width:100%;
	}
	.our_customer .icon_list {
		 padding:0 40px;
	}
	.our_customer .icon_list li {
		 padding:0 18px;
	}

	/* 友情链接 */
	 .link .list li {
		 margin-bottom:6px;
	}
	.f_index .swiper-pagination {
				 margin-left:-30px;
			  }
			  .our_customer .icon_list {
				 text-align:center;
			  }
			  .our_customer .icon_list li {
				 float:none;
				 display:inline-block;
			  }
			  .right_section .search_box input { 
				 width:76% !important;
			  }
			  .main .left_section .tech_news_list li .pic {
				 float:none;
				 margin:30px auto 14px !important;
			  }
			  .main .left_section .tech_news_list li .intro {
				 float:none;
				 margin:0 auto;
			  }
	/* 内页共用搜索栏目 */
	.seacher_box {
		 height:40px;
		 margin-top:10px;
	}
	.seacher_box .info {
		 width:90%;
		 line-height:40px;
	}
	.seacher_box .info h2 {
		 width:40%;
		 font-size:12px;
	}
	.seacher_box h2 span {
		 font-size:10px;
	}
	.seacher_box .seacher {
		 width:162px;
	}
	.seacher_box .seacher .text,
	.seacher_box .seacher .btn {
		 float:left;
	}
	.seacher_box .seacher .text {
		 width:132px;
		 height:26px;
	}
	.seacher_box .seacher .btn {
		 width:20px;
		 height:26px;
		 background-size:cover;
	}

	/* 产品内页 */
	.pro_list {
		 width:90%;
		 margin:20px auto 0;
	}
	.pro_list li {
		 height:auto;
		 margin-top:30px;
	}
	.pro_list .pic {
		 width:56%;
		 margin:0;
		 float: right;
	}
	.pro_list .pic img {
		 width:100%;
	}
	.pro_list .explain h3 {
		 font-size:14px;
	}

	/* 产品中心内页 */
	.pro2 .main {
		 width:90%;
		 margin:20px auto 0;
	}
	.pro2 h2 {
		 font-size:16px;
	}
	.pro2 .Pr_info {
		 width:100%;
	}
	.pro2 .Pr_info .pr_list {
		 width:100%;
		 float:left;
	}
	.pro2 .pr_list li {
		 width:43%;
		 float:left;
		 margin:0 10px;
		 border-bottom:1px solid #c7c7c7;
	}
	.pro3 .pr_list li {
		 width:100%;
		 border-bottom:none;
	}

	.pro2 .pr_list li .pic {
		 width:70%;
		 float:left;
		 padding-top: 0;
		 margin:30px 0;
		margin-right:64px;
	}
	.pro2 .pr_list li .pic img {
		 width:100%;
	}
	.pro3 .pr_list li .pic img {
		 width:70%;
		 max-width:472px;
	}
	.pro2 .pr_list li .mes {
		 width:96%;
		 padding:10px 0;
	}
	.pro2 .pr_list li .mes h3 {
		 font-size:12px;
		 line-height:18px;
	}
	.pro2 .pr_list li .mes p {
		 font-size:12px;
		 line-height:18px;
	}
	.pro2 .pr_list li .mes .intro {
		 font-size:12px;
	}

	.other {
		 width:96%;
		 margin:0 auto;
		 float:left;
		 margin-left:0px;
		 padding-top:38px;
	}
	.other .technology {
		 padding-bottom:30px;
	}
	.other h3 {
		 font-size:14px;
	}
	.other .pr_link {
		 display:block;
		 line-height:18px;
	}
	.other .pr_link:hover {
		 color:#5a5a5a;
	}
	.other .technology p {
		 line-height:18px;
	}
	.other .case_list li {
		 width:48%;
		 margin:0 2% 10px 0;
		 float:left;
	}
	.other .case_list li.no_right {
		 margin-right:0;
	}
	.other .case_list a {
		 display:block;
	}
	.other .case_list li img {
		 width:100%;
	}


	.Pr_center {
		 width:100%;
		 text-align:center;
		 margin-top:20px;
	}
	.show_more {
		 display:inline-block;
		 padding:12px 50px;
		 border-radius:5px;
		 color:#da251c;
		 font-size:14px;
		 border:1px solid #ff0000;
	}

	/* 内页导航 */
	.tab {
		 padding:40px 0 25px 0;
		 width:94%;
		 text-align: center;

	}
	.tab li {
		 zoom: 1;
	    display: inline-block;
	    text-align: center;
	    width: 25%;
	    margin-bottom: 10px;
	    float: left;
	}
	.tab li a {
		 display:block;
	}
	.tab li.first .btn p,
	.tab li.first .btn span {
		 background:#e83738;
	}
	.tab li.first .btn p {
		 color:#fff;
	}
	.tab li.first .btn span {
		 display:block;
	}
	.tab li.active .btn p{
		 color:#e83738;
		 border:1px solid #e83738;
	}
	.tab li.first .btn p {
		 color:#fff;
	}
	.tab .btn {
		 position:relative;
	}
	.tab .btn p {
		 width:90%;
		 font-size:14px;
		 color:#333;
		 padding:10px 0;
		 text-align:center;
		 border:1px solid #a8a8a8;
	}
	.tab .btn span {
		 position:absolute;
		 width:5px;
		 height:26px;
		 right:1px;
		 top:8px;
		 border-radius:0 5px 5px 0;
		 display:none;
	}
	/* 公司简介 */
	.tab_info {
		 margin-bottom:10px;
	}
	 .A_about_us {
		 width:90%;
		 margin:0 auto;
	}
	.A_about_us .pic {
		 width:100%;
		 margin-bottom:10px;
	}
	.A_about_us .pic li {
		 width:100%;
		 float:left;
		 margin-bottom:10px;
	}
	.pic li img {
		 width:96%;
	}
	.A_mes p {
		 font-size:12px;
		 line-height:20px;
		 margin-bottom:16px;
     }
/* 合作伙伴简介单页 */
	.partner {
		 width:90%;
		 margin:0 auto;
		 padding-top:20px;
		 border-top:1px solid #d9d9d9;
	}
	.partner h2 {
		 font-size:16px;
		 color:#333;
		 text-align:center;
		 margin-bottom:34px;
	}
	.partner p {
		 color:#5a5a5a;
		 line-height:20px;
		 text-indent:2em;
	}
	.partner .pic {
		 width:100%;
		 margin-top:20px;
	}
	.partner .pic img {
		 width:100%;
	}

	.tab_info .case {
		 padding-top:0px;
	}
	.sb_padding {
		 padding-bottom:2px;
	}

/* 技术支持和新闻中心共用结构样式 */
	.main {
		 width:96%;
		 margin:30px auto 0;
	}
	.main h2 {
		 font-size:16px;
	}
	.main .section {
		 width:100%;
	}
	.main .left_section {
		 width:100%;
		 float:left;
	}
	.main .left_section .tech_news_list li {
		 width:100%;
		 border-bottom:1px solid #c7c7c7;
	}
	.main .left_section .tech_news_list li .pic {
		 width:100%;
		 padding:30px 0 14px 0;
	}
	.main .left_section .tech_news_list li .pic img {
		 width:100%;
	}
	.main .left_section .tech_news_list li .intro {
		 width:100%;
		 padding-top:20px;
	}
	.main .left_section .tech_news_list li .intro p {
		 font-size:12px;
		 color:#da251c;
		 line-height:24px;
	}

	.right_section {
		 width:100%;
		 padding-top:40px;
	}
	.right_section .search {
		 width:100%;
	}
	.right_section h3 {
		 font-size:14px;
		 color:#333;
		 border-bottom:1px solid #d8d8d8;
		 padding-bottom:6px;
		 margin-bottom:10px;
	}
	.right_section h3 span {
		 font-size:12px;
		 color:#999;
	}
	.right_section .search_box {
		 width:100%;
		 margin-bottom:24px;
	}
	.right_section .search_box input,
	.right_section .search_box a {
		 float:left;
	}
	.right_section .search_box input {
		 width:79%;
		 height:30px;
		 border:1px solid #d8d8d8;
		 border-right:none;
		 text-indent:10px;
	}
	.right_section .search_box a {
		 width:20%;
		 height:34px;
		 background:#d8d8d8 url("../images/seacher_bg.png") no-repeat center;

		 background-size:contain;

	}
	.right_section .recommend .mes a {
		 display:block;
		 color:#5a5a5a;
		 line-height:24px;
		 font-weight:bold;
		 margin-top:6px;
	}
	.right_section .recommend .mes p {
		 line-height:20px;
	}
/* 新闻内页 */
	.N_content {
		 width:90%;
	}
	.N_content h2 {
		 font-size:16px;
		 margin-bottom:20px;
	}

	.N_content .title_info {
		 text-align:center;
		 margin-bottom:30px;
	}

	.N_content .title_info span{
		 margin-right:17px;
	}

	.N_content .pic {
		 width:100%;
		 margin-bottom:30px;
	}
	.N_content .pic img {
		 max-width:100%;
	}
	.N_content .mes p {
		 width:100%;
		 margin-bottom:20px;
		 font-size:12px;
		 line-height:20px;
	}
/* 技术内页 */
	.T_main {
		 width:94%;
		 margin:0 auto;
	}
	.T_main h2 {
		 font-size:16px;
		 color:#333;
		 border-bottom:1px solid #e8e8e8;
		 padding-bottom:6px;
		 margin-top:40px;
	}
	.T_main .info {
		 margin-top:42px;
	}
	.T_main .info h3 {
		 width:100%;
		 text-align:center;
		 font-size:16px;
		 color:#333;
	}
	.T_main .info strong {
		 font-size:14px;
	}

	.T_main .info p {
		 line-height:20px;
	}
	.T_main img{max-width: 100%;float: left;}
	.T_main .info p.spacing1 {
		 margin-bottom:24px;
	}

	.T_main .info p.spacing2 {
		 margin:10px 0;
	}
	.T_main .spacing3 {
		 margin-right:0;
	}
	.T_main .info .pic {
		 margin:20px 0 20px 0;
	}
	.T_main .info .pic img {
		 width:49%
	}

/* 联系方式 */
	.C_content {
		 width:90%;
		 margin:60px auto 40px;
	}
	.C_content .contect {
		 width:100%;
	}
	.C_content .contect li {
		 width:100%;
		 float:left;
		 margin-bottom: 30px;
		 position:relative;
	}
	.C_content li .com {
		 color:#5b5757;
		 height:136px;
	}
	.C_content li .com p {
		 padding-top:73px;
	}
	.C_content li .address {
		 background:url("../images/contect_pic1.png") no-repeat center top;
		 background-size:45px 40px;
	}

	.C_content li .phone {
		  background:url("../images/contect_pic3.png") no-repeat center top;
		  background-size:45px 40px;
	}

	.C_content li .email {
		  background:url("../images/contect_pic2.png") no-repeat center top;
		  background-size:45px 40px;
	}
	.C_content li .show {
		 width:85%;
		 height:200px;
		 background:#de1111;
		 color:#fff;
		 position:absolute;
		 top:-48px;
		 left:21px;
		 display:none !important;
	}

@media screen and (max-width:750px){
.mini_tesxt{display: block;width: 80%;margin:auto;margin-top:-30px;text-align: center;height: auto;}
}
	
	.C_content li .show span {
		 display:block;
		 width:100%;
		 text-align:center;
		 padding:40px 0 25px 0;
		 font-size:16px;
	}
	.C_content li .show p {
		 width:55%;
		 margin:0 auto;
		 font-size:14px;
		 line-height:24px;
	}

/* 底部 */
	 #footer {
		 width:100%;
		 height:auto;
	}
	#footer .info {
		 width:86%;
		 padding-top:18px;
	}
	#footer .title{
		 text-align:center;
		 margin-bottom:12px;
	}
	#footer .title h2 {
		  font-size:16px !important;
		 color:#c8c3c3;
		 margin-bottom:10px;
	}
	#footer .title .line {
		 width:34px;
		 height:4px;
		 background:#585252;
		 margin:0 auto;
	}
	#footer p,#footer span {
		 text-align:center;
		 font-size: 12px !important;
		 width: 97%;
		 word-break: break-word;
	}
	#footer .phone {
		 width:174px;
		 margin:0 auto;
		 height:26px;
		 background:url("../images/phone_bg.png") no-repeat;
		 text-indent:30px;
		 line-height:26px;
		 font-size:16px !important;
		 font-weight:bold;
	}
	#footer .address {
		 width:100%;
		 margin:0 auto;
		 font-size:12px;
		 color:#888484;
		 margin-top:18px;
		 font-weight:bold;
		 margin-bottom:10px;
	}
	#footer .onwer {
		 width:100%;
		 color:#878383;
		 line-height:24px;
		 margin:0 auto;
		 text-align:center;
	}
}
@media(min-width:1280px){
/* .case .pic_list .show .sb_position{margin-top: 46%;} */
}

@media(max-width:1280px){
	 .about .info .mes p {
		 height:118px;
		 overflow:hidden;
	 }
	 .main .left_section .tech_news_list li .pic {
		 width:70%;
	}

	.main .left_section .tech_news_list li .pic img {
		 width:100%;
	}
	.main .left_section .tech_news_list li .intro {
		 width:90%;
	}
}
@media screen and ( min-width:1150px ) and (max-width:1360px){
	 .pro_list .pic {
		 margin:0 10% 0 8%;
	 }
}
@media screen and (min-width:750px) and (max-width:1150px) {
	 .pro_list li {
		 height:auto;
	 }
	 .pro_list .pic {
		 width:100%;
		 float: right;
		 margin:0;
	 }
	  .pro_list .pic img {
		 width:50%;
		 float: right;
	 }
	 .pro_list .explain {
		 padding-left:20px;
	 }
}

@media screen and (min-width:750px) and (max-width:1024px){
	 .pro2 .main {
		 width:90%;
		 margin:20px auto 0;
	}
	.pro2 h2 {
		 font-size:16px;
	}
	.pro2 .Pr_info {
		 width:100%;
	}
	.pro2 .Pr_info .pr_list {
		 width:100%;
		 float:left;
	}
	.pro2 .pr_list li {
		 width:43%;
		 float:left;
		 margin:0 10px;
		 border-bottom:1px solid #c7c7c7;
	}
	.pro3 .pr_list li {
		 width:100%;
		 border-bottom:none;
	}
	.pro3 .pr_list li img {
		 width:70%;
		 max-width:472px;
	}

	.pro2 .pr_list li .pic {
		 width:70%;
		 float:left;
		 
		 margin:30px 0;
		margin-right:64px;
	}
	.pro2 .pr_list li .pic img {
		 width:100%;
	}
	.pro2 .pr_list li .mes {
		 width:96%;
		 padding:10px 0;
	}
	.pro2 .pr_list li .mes h3 {
		 font-size:12px;
		 line-height:18px;
	}
	.pro2 .pr_list li .mes p {
		 font-size:12px;
		 line-height:18px;
	}
	.pro2 .pr_list li .mes .intro {
		 font-size:12px;
	}

	.other {
		 width:96%;
		 margin:0 auto;
		 float:left;
		 margin-left:0px;
		 padding-top:38px;
	}
	.other .technology {
		 padding-bottom:30px;
	}
	.other h3 {
		 font-size:14px;
	}
	.other .pr_link {
		 display:block;
		 line-height:18px;
	}
	.other .pr_link:hover {
		 color:#5a5a5a;
	}
	.other .technology p {
		 line-height:18px;
	}
	.other .case_list li {
		 width:23%;
		 margin:0 2% 10px 0;
		 float:left;
	}
	.other .case_list li.sb_margin {
		 margin:0 2% 10px 0
	}
	.other .case_list a {
		 display:block;
	}
	.other .case_list li img {
		 width:100%;
	}
}

@media screen and (min-width:850px) and (max-width:1220px) {
	 .f_index {
		 width:824px;
	 }
}
@media screen and (min-width:750px) and (max-width:850px) {
	 .f_index {
		 width:700px;
	 }
}
@media screen and (min-width:688px) and (max-width:750px) {
	 .f_index {
		 width:600px;
	 }
}
@media (max-width:1024px){
	.case .pic_list li {
		width:50%;
	}
}
