* {
			padding: 0;
			margin: 0;
			/* font-family: "微软雅黑"; */
		}
		
		body,
		div,
		dl,
		dt,
		dd,
		ul,
		ol,
		li,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		pre,
		form,
		fieldset,
		input,
		textarea,
		p,
		blockquote,
		th,
		td {
			padding: 0;
			margin: 0;
		}
		
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		
		fieldset,
		img {
			border: 0;
		}
		body{
			overflow-x: hidden;
		}
		a {
			color: #000;
			text-decoration: none;
		}
		html{
			font-family: "微软雅黑"; 
		}
		address,
		caption,
		cite,
		code,
		dfn,
		em,
		th,
		var {
			font-weight: normal;
			font-style: normal;
		}
		
		ol,
		ul {
			list-style: none;
		}
		
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-weight: normal;
			font-size: 100%;
		}
		
		q:before,
		q:after {
			content: "";
		}
		
		ol,
		ul {
			list-style: none;
		}
		
		img{
			vertical-align: middle;
		}
		
		.pc {
			display: block;
		}
		
		.mobile {
			display: none;
		}
		
		.container {
			width: 1400px;
			margin: 0 auto;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		.container1300{
			width: 1300px;
			margin:0 auto;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
		
		.clear {
			clear: both;
		}
		
		.clearfix:after {
			content: '';
			overflow: hidden;
			clear: both;
			visibility: hidden;
			display: block;
		}
		.banner .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;
		    overflow: hidden;
		}
		.banner .swiper-slide img{
		    display: block;
		    width: 100%;
		}
		.header{
			height: 115px;
		}
		.header .logo{
			line-height: 115px;
			float: left;
		}
		.header .header_nav{
			float: right;
			padding-top: 45px;
		}
		.header .header_nav ul li{
			display: inline-block;
			text-align: center;
			padding: 0 35px;
			vertical-align: text-top;
		}
		.header .header_nav ul li h3{
			font-size: 16px;
			color: #333333;
		}
		.header .header_nav ul li p{
				font-size: 12px;
				color: #999999;
		}
		.header .header_nav ul li:hover a h3{
			color: #0387FB;
		}
		.header .header_nav ul li:hover a p{
			color: #0387FB;
		}
		.banner .swiper-pagination-bullet {
		    width: 40px;
		    height: 8px;
		    display: inline-block;
		    border-radius: 30px;
		    background: none;
		    opacity: 1;
		    border: 1px solid #fff;
		}
		.banner .swiper-pagination-bullet-active{
			background-color: #fff;
		}
		.index_pro{
			background: url(../img/index_pro.jpg) no-repeat center top;
			height: 640px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			padding: 55px 0 0 0;
		}
		.comm_title{
			text-align: center;
		}
		.comm_title h3{
			font-size: 36px;
			color: #333333;
		}
		.comm_title .line{
			width: 45px;
			background-color: #0387FB;
			height: 3px;
			margin: 20px auto 38px auto;
		}
		.navmobile{
			display: none;
		}
		.index_pro .index_pro_list ul li{
			float: left;
			width: 33%;
			margin-right: 0.5%;
		}
		
		.index_pro .index_pro_list ul li:nth-child(3n){
			margin-right: 0;
		}
		.index_pro .index_pro_list ul li .img{
			position: relative;
			overflow: hidden;
		}
		.index_pro .index_pro_list ul li img{
			width: 100%;
			transition: .5s all ease-in-out;
			-webkit-transition: .5s all ease-in-out;
			-moz-transition: .5s all ease-in-out;
			height: 300px;
			max-height: 100%;
		}
		.index_pro .index_pro_list ul li p{
			font-size: 20px;
			color: #fff;
			position: absolute;
			bottom: 0;
			right: 0;
			transition: .3s all ease-in-out;
			-webkit-transition: .3s all ease-in-out;
			-moz-transition: .3s all ease-in-out;
			background: rgba(0,0,0,.5);
			/*padding: 10px 40px;*/
			padding: 10px 0;
			width: 100%;
			text-align: center;
		}
		.index_pro .index_pro_list ul li:hover p{
			background: #0387FB;
		}
		.index_pro .index_pro_list ul li:hover img{
			transform: scale(1.1);
		}
		.index_case{
			padding: 55px 0;
		}
		.index_case .index_case_list{
			position: relative;
		}
		.index_case .index_case_list .img img{
			width: 100%;
		}
		.index_case .index_case_list .swiper-container{
			width: 92%;
		}
		.index_case .index_case_list .swiper-slide{
			position: relative;
		}
		.index_case .index_case_list .hover{
			position: absolute;
			width: 100%;
			height: 100%;
			background: #0387FB;
			left: 0;
			top: 0;
			text-align: center;
			transition: .3s all ease-in-out;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding: 25% 45px 0 45px;
			opacity: 0;
		}
		.index_case .index_case_list .hover img{
			width: 56px;
		}
		.index_case .index_case_list .hover h3{
			font-size: 24px;
			color: #f0f0f0;
			margin: 25px 0 15px 0;
		}
		.index_case .index_case_list .hover p{
			font-size: 14px;
			color: #f0f0f0;
			line-height: 22px;
		}
		.index_case .index_case_list .swiper-slide:hover .hover{
			opacity: 1;
		}
		.index_about{
			background: url(../img/index_about.jpg) no-repeat center;
			height: 707px;
		}
		.index_about .info{
			float: right;
			width: 42%;
			padding: 15% 0 0 0;
		}
		.index_about .info h3{
			font-size: 36px;
			color: #fff;
		}
		.index_about .info .line{
			width: 50px;
			height: 1px;
			background: #fff;
			margin: 30px 0;
		}
		.index_about .info p{
			font-size: 14px;
			color: #fff;
			line-height: 1.8;
		}
		.index_about .info a{
			margin-top: 50px;
			display: block;
		}
		.index_new{
			padding: 55px 0;
		}
		.index_new_list .leftcom{
			float: left;
			width: 50%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			padding-right: 30px;
		}
		.index_new_list .leftcom h3.title{
			font-size: 24px;
			color: #353535;
		}
		.index_new_list .leftcom .list .item{
			background-image: url(../img/point.png);
			
			background-repeat: no-repeat;
			background-position: left 38px; 
			padding: 25px 0 25px 20px;
			border-bottom: 1px dashed #999;
		}
		.index_new_list .leftcom .list .item h3{
			font-size: 16px;
			color: #333333;
			line-height: 2;
			overflow: hidden;
			
			text-overflow: ellipsis;
			
			white-space: nowrap;
		}
		.index_new_list .leftcom .list .item p{
			font-size: 14px;
			color: #999;
		}
		.index_new_list .leftcom .list .item:hover h3{
			color: #0387FB;
			
		}
		.index_new_list .rightcom{
			float: right;
			width: 50%;
		}
		.index_new_list .rightcom h3.title{
			font-size: 24px;
			color: #353535;
			padding-bottom: 25px;
		}
		.index_new_list .rightcom .item{
			position: relative;
			overflow: hidden;
		}
		.index_new_list .rightcom .item img{
			width: 100%;
			transition: .3s all ease-in-out;
			-webkit-transition: .3s all ease-in-out;
			-moz-transition: .3s all ease-in-out;
		}
		.index_new_list .rightcom .item:hover img{
			transform: scale(1.1);
		}
		.index_new_list .rightcom .item .desc{
			position: absolute;
			width: 100%;
			bottom: 0;
			left: 0;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			background: #0387FB;
			padding: 10px 0 10px 20px;
		}
		.index_new_list .rightcom .item .desc p{
			font-size: 16px;
			color: #fff;
		}
		.footer{
			background: url(../img/footerbg.jpg) no-repeat center top;
			height: 399px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			padding: 65px 0 0 0;
			position: relative;
		}
		.footer .leftxinxi{
			float: left;
		}
		.footer .leftxinxi .info{
			color: #fff;
		}
		.footer .leftxinxi .info h3{
			font-size: 14px;
			color: #d8e8f8;
			padding: 5px 0 5px 20px;
		}
		.footer .leftxinxi .info p{
			font-size: 14px;
			color: #84a4c5;
		}
		.footer .leftxinxi .logo{
			padding: 0 0 30px 0;
			border-bottom: 1px solid #2a5f93;
		}
		.footer .leftxinxi .info h3.add{
			background: url(../img/add_icon.png) no-repeat center left;
		}
		.footer .leftxinxi .info h3.pho{
			background: url(../img/pho_icon.png) no-repeat center left;
		}
		.footer .leftxinxi .info .item{
			padding: 15px 0;
		}
		.footer .footnav{
			float: left;
			padding-left: 30px;
		}
		.footer .footnav ul li{
			float: left;
			padding: 0 30px;
		}
		.footer .footnav ul li>a{
			font-size: 16px;
			color: #a8caeb;
		}
		.footer .footnav ul li .sec{
			padding-top: 10px;
		}
		.footer .footnav ul li .sec a{
			display: block;
			font-size: 14px;
			color: #84a4c5;
			padding: 5px 0;
		}
		.footer .footnav ul li .sec a:hover{
			color: #c9dff6;
		}
		.footer .footwx{
			float: right;
		}
		.footer .footwx .item{
			float: left;
			text-align: center;
			margin-left: 20px;
		}
		.footer .footwx .item p{
			font-size: 14px;
			color: #fff;
			padding-top: 5px;
		}
		.footer .container{
			position: relative;
			height: 334px;
		}
		.copyright{
			position: absolute;
			bottom: 0;
			width: 100%;
			left: 0;
			color: #84a4c5;
			padding: 10px 0;
			border-top: 1px solid #2a5f93;
		}
		.copyright a{
			color: #84a4c5;
			font-size: 14px;
		}
		.copyright p{
			color: #84a4c5;
			font-size: 14px;
			display: inline-block;
		}
		.banner_index{
			background-position: center top;
			height: 430px;
			background-repeat: no-repeat;
		}
		.cate_nav{
			background: #f8f8f8;
		}
		.cate_nav ul{
			text-align: center;
			padding: 20px 0;
			
		}
		.cate_nav ul li{
			display: inline-block;
			padding: 0 20px;
			background: url(../img/jiange.png) no-repeat center right;
		}
		.cate_nav ul li:last-child{
			background: none;
		}
		.cate_nav ul li a{
			font-size: 18px;
			color: #999999;
		}
		.cate_nav ul li a:hover{
			color: #0387FB;
		}
		.cate_nav ul li a.on{
			color: #0387FB;
		}
		.comm_title2{
			text-align: center;
		}
		.comm_title2 h3{
			font-size: 36px;
			color: #0387FB;
			font-weight: bold;
		}
		.comm_title2 .line{
			width: 45px;
			background-color: #0387FB;
			height: 3px;
			margin: 20px auto 38px auto;
		}
		.case{
			padding: 55px 0;
		}
		.case .gallery-thumbs{
			width: 50%;
			padding: 50px 0 0 0;
		}
		.case .gallery-thumbs img{
			width: 100%;
		}
		.case .gallery-thumbs p{
			text-align: center;
			color: #666666;
			padding: 10px 0;
		}
		.case .gallery-thumbs .swiper-slide-thumb-active img{
			border:2px solid #0387FB;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		.case .top{
			text-align: center;
		}
		.case .top .mainimg{
			display: inline-block;
			margin-right: 70px;
			vertical-align:top;
		}
		.case .top .mainimg img{
			width: 392px;
		}
		.case .top .info{
			display: inline-block;
			width: 45%;
			vertical-align:top;
		}
		.case .top .info .img_list .item{
			float: left;
			padding: 0 10px;
			text-align: center;
			width: 20%;
		}
		.case .top .info .img_list .item img{
			width: 100%;
		}
		.case .top .info .img_list .item p{
			font-size: 14px;
			color: #666666;
			padding-top: 5px;
		}
		.case .top .info .desc{
			text-align: left;
			padding-top: 50px;
		}
		.case .top .info .desc h3{
			font-size: 24px;
			color: #333333;
			padding-bottom: 8px;
		}
		.case .top .info .desc p{
			font-size: 14px;
			color: #666666;
			line-height: 1.8;
		}
		.case .bottom{
			text-align: center;
			padding-top: 60px;
		}
		.case .bottom .item{
			display: inline-block;
			padding: 0 30px;
		}
		.case .bottom .item p{
			font-size: 14px;
			color: #666666;
			padding-top: 8px;
		}
		.kehucase{
				padding:0 0 55px 0;
			}
			.kehucase_list .swiper-slide{
				width: 1065px;
			}
			.kehucase_list .swiper-slide img{
				width: 100%;
			}
			.kehucase_list .swiper-slide .info{
				display: none;
			}
			.kehucase_list .swiper-slide .info h3{
				font-size: 20px;
				color: #0387FB;
				line-height: 2.5;
				border-bottom: 1px solid #999;
				margin-bottom: 10px;
			}
			.kehucase_list .swiper-slide .info h3 span{
				font-size: 14px;
				color: #999;
			}
			.kehucase_list .swiper-slide .info p{
				font-size: 16px;
				color: #666;
				line-height: 1.8;
			}
			.kehucase_list .swiper-slide-active .info{
				display: block;
			}
			.newshow{
				padding:60px 0;
			}
			.newshow .leftshow{
				float: left;
				width: 60%;
			}
			.newshow .leftshow .title{
				text-align: center;
				padding-bottom: 20px;
				border-bottom: 1px dashed #999;
			}
			.newshow .leftshow .title h3{
				font-size: 20px;
				color: #333333;
				line-height: 2;
			}
			.newshow .leftshow .title span{
				font-size: 14px;
				color: #999999;
			}
			.newshow .leftshow .content{
				padding: 20px 0 40px 0;
				border-bottom: 1px dashed #999;
			}
			.newshow .leftshow .content img{
				max-width: 100%;
			}
			.newshow .leftshow .content p,.newshow .leftshow .content span{
				font-size: 16px;
				/* color: #666666; */
				line-height: 32px;
			}
			.page_next{
				text-align: center;
				font-size: 0;
				margin-top: 45px;
			}
			.page_next a{
				font-size: 14px;
				color: #666666;
				display: inline-block;
				border:1px solid #999;
				padding: 5px 15px;
			}
			.page_next a.return{
				color: #fff;
				background: #717171;
			}
			.newshow .right_commit{
				float: right;
				width: 35%;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				padding: 20px;
				background: #f8f8f8;
			}
			.newshow .right_commit .stitle{
				padding: 0 0 30px 0;
			}
			.newshow .right_commit .stitle h3{
					font-size: 20px;
					color: #0387FB;
					font-weight: bold;
					position: relative;
					padding-left: 25px;
			}
			.newshow .right_commit .stitle h3::after{
				position: absolute;
				content: '';
				width: 2px;
				height: 80%;
				left: 0;
				top: 10%;
				background-color:#0387FB ;
			}
			.newshow .right_commit img{
				width: 100%;
			}
			.newshow .right_commit .info{
				padding-top: 15px;
			}
			.newshow .right_commit .info h3{
				font-size: 20px;
				color: #333;
			}
			.newshow .right_commit .info span{
				font-size: 14px;
				color: #999;
				display: block;
				margin-bottom: 15px;
			}
			.newshow .right_commit .info p{
				font-size: 14px;
				color: #666;
				line-height: 2;
				overflow: hidden;
				    text-overflow: ellipsis;
				    display: -webkit-box;
				    -webkit-line-clamp: 2;
				    -webkit-box-orient: vertical;
			}
			.newshow .right_commit .zw:hover h3{
				color: #0387FB;
			}
			.contact_list{
				padding: 80px 0;
			}
			.contact_list ul li{
				float: left;
				width: 24%;
				margin-right: 1.33%;
				text-align: center;
				padding: 40px 0;
				background: #f8f8f8;
				transition: .3s all ease-in-out;
			}
			.contact_list ul li:nth-child(4n){
				margin-right: 0;
			}
			.contact_list ul li .line{
				width: 20px;
				height: 2px;
				background: #a0a0a0;
				margin: 25px auto;
			}
			.contact_list ul li .info h3{
				font-size: 24px;
				color: #0387FB;
			}
			.contact_list ul li .info p{
				font-size: 18px;
				color: #333;
			}
			.contact_list ul li:hover{
				box-shadow: 1px 1px 10px #eaeaea;
				background: none;
			}
			.solve_show{
				padding: 50px 0;
			}
			.solve_show .title{
				text-align: center;
			}
			.solve_show .title h3{
				font-size: 24px;
				color: #0387FB;
			}
			.solve_show .title .line{
				width: 30px;
				height: 2px;
				background: #dcdcdc;
				margin: 25px auto;
			}
			.solve_show .show_content{
				padding: 0 10% 60px 10%;
				border-bottom: 1px solid #999;
			}
			.solve_show .show_content img{
				max-width: 100%;
			}
			.solve_show .show_content p{
				font-size: 16px;
				color: #666666;
				line-height: 2;
			}
			.customer{
				padding: 60px 0;
				
			}
			.customer .container{
				position: relative;
			}
			.customer .info{
				width: 60%;
				position: absolute;
				right: 0;
				top: 20%;
				background-color: #fff;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				padding: 40px;
				transition: .3s all ease-in-out;
				-webkit-transition: .3s all ease-in-out;
				-moz-transition: .3s all ease-in-out;
			}
			.customer .info:hover{
				transform: translateX(-30px)
			}
			.customer .info p{
				font-size: 18px;
				color: #131217;
				line-height: 1.5;
			}
			.our_customer{
				padding: 50px 0;
			}
			.our_customer .title{
				text-align: center;
			}
			.our_customer .title h3{
				font-size: 36px;
				color: #0387FB;
				font-weight: bold;
			}
			.our_customer .title .line{
				width: 30px;
				height: 2px;
				background: #dcdcdc;
				margin: 25px auto;
			}
			.our_customer_list{
				position: relative;
				/* padding-top: 60px; */
				}
			.our_customer_list ul{
				font-size: 0;
				text-align: center;
			}
			.our_customer_list ul li{
				display: inline-block;
				width: 10%;
				margin-right: 2.85%;
				text-align: center;
				margin-bottom: 30px;
				transition: .3s all ease-in-out;
								-webkit-transition: .3s all ease-in-out;
								-moz-transition: .3s all ease-in-out;
			}
			.our_customer_list ul li:hover{
				transform: scale(1.1);
			}
			.our_customer_list ul li:nth-child(8n){
				margin-right: 0;
			}
			.our_customer_list .swiper-container{
				width: 90%;
			}
			.our_customer_list ul li img{
				max-width: 100%;
			}
			.rylist{
				padding-top: 20px;
			}
			.rylist h3{
				font-size: 70px;
				color: #0387FB;
			}
			.rylist .item{
				display: inline-block;
				width: 32%;
				text-align: center;
			}
			.rylist .item .line{
				width: 15px;
				height: 2px;
				background: #464646;
				margin: 20px auto;
			}
			.rylist h3 span{
				font-size: 16px;
			}
			.rylist .item p{
				font-size: 16px;
				color: #181818;
			}
			.rongyus .info{
				top: 12%;
			}
			.our_rongyu{
				padding: 50px 0;
				background: #f8f8f8;
			}
			.our_rongyu .title{
				text-align: center;
			}
			.our_rongyu .title h3{
				font-size: 36px;
				color: #0387FB;
				font-weight: bold;
			}
			.our_rongyu .title .line{
				width: 30px;
				height: 2px;
				background: #dcdcdc;
				margin: 25px auto;
			}
			.zhengshu_list ul li{
				float: left;
				width: 18%;
				height: 289px;
				max-height: 100%;
				margin-right: 2.5%;
				text-align: center;
				background: #fff;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				padding: 20px 0;
				margin-bottom: 30px;
			}
			.zhengshu_list ul li:nth-child(5n){
				margin-right: 0;
			}
			.zhengshu_list ul li img{
				width: 70%;
				transition: .3s all ease-in-out;
				-webkit-transition: .3s all ease-in-out;
				-moz-transition: .3s all ease-in-out;
			}
			.zhengshu_list ul li:hover img{
				transform: scale(1.1);
			}
			.page{
				text-align: center;
				font-size: 0;
				margin-top: 30px;
			}
			.page a{
				    font-size: 14px;
				    color: #666666;
				    display: inline-block;
				    border: 1px solid #eeeeee;
				    padding: 8px 15px;
			}
			.page a.on{
				background: #0387FB;
				color: #fff;
			}
			.qiyewh{
				padding: 80px 0;
			}
			.qiyewh .container{
				padding: 0 100px;
			}
			.qiyewh .item{
				position: relative;
			}
			.qiyewh .img{
				width: 50%;
			}
			.qiyewh .img img{
				width: 100%;
			}
			.qiyewh .info{
				width: 50%;
				background-color: #f8f8f8;
				height: 360px;
				position: relative;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				padding:10% 35px 35px 35px;
			}
			.qiyewh .info h3{
				font-size: 30px;
				color: #0387FB;
				margin-bottom: 10px;
			}
			.qiyewh .info p{
				font-size: 16px;
				color: #666666;
			}
			.qiyewh .info .line{
				position: absolute;
				bottom: 40px;
				left: 0;
				right: 0;
				margin: 0 auto;
				width: 30px;
				height: 4px;
				background-color: #0387FB;
				
			}
			.zhuiqy{
				background-color: #f8f8f8;
				padding: 20px;
				margin-top: 20px;
			}
			.zhuiqy .lefttitle{
				display: inline-block;
				width: 21%;
				vertical-align: top;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				padding: 10% 0 0 8%;
			}
			.zhuiqy .lefttitle h3{
				font-size: 24px;
				color: #0387FB;
			}
			.zhuiqy .lefttitle .line{
				width: 30px;
				height: 3px;
				background-color:#0387FB ;
				margin: 20px 0 0 45px;
			}
			.zhuiqy .zhuiqylist{
				display: inline-block;
				width: 78%;
				vertical-align: top;
			}
			.zhuiqy .zhuiqylist h3{
				font-size: 14px;
				color: #333333;
				line-height: 2;
			}
			.zhuiqy .zhuiqylist p{
				font-size: 14px;
				color: #666666;
			}
			.about{
				
				padding: 60px 0;
			}
			.about .leftimg{
				width: 45%;
				float: left;
				vertical-align: top;
				background: #0387FB;
			}
			.about .leftimg img{
				position: relative;
				top: 20px;
				left: 20px;
				width: 100%;
			}
			.about .info{
				width: 50%;
				float: right;
				vertical-align: top;
				padding-top: 40px;
			}
			.about .info p{
				font-size: 16px;
				color: #666666;
				line-height: 1.5;
			}
			.about .aboutlist{
				font-size: 0;
				background-color: #efefef;
				margin-top: 80px;
			}
			.about .aboutlist .item{
				display: inline-block;
				width: 33.3333%;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				text-align: center;
				padding: 55px 0;
				border-right: 1px solid #dcdcdc;
				transition: .3s all ease-in-out;
				-moz-transition: .3s all ease-in-out;
				-webkit-transition: .3s all ease-in-out;
				cursor: pointer;
			}
			.about .aboutlist .item:hover{
				box-shadow: 3px 3px 5px #dcdcdc;
			}
			.about .aboutlist .item h3{
				font-size: 80px;
				color: #0387FB;
			}
			.about .aboutlist .item h3 span{
				font-size: 16px;
			}
			
			.about .aboutlist .item .line{
				width: 20px;
				height: 2px;
				background-color: #464646;
				margin: 15px auto;
			}
			.about .aboutlist .item p{
				font-size: 16px;
				color: #181818;
			}
			.hezuo{
				padding: 40px 0 60px 0;
			}
			.hezuo .item{
				padding: 20px 0;
				overflow: hidden;
			}
			.hezuo .item .title{
				margin-bottom: 30px;
				border-bottom: 1px solid #eeeeee;
			}
			.hezuo .item .title h3{
				font-size: 24px;
				color: #014180;
				font-weight: bold;
				padding: 0 0 10px 0;
				display: inline-block;
				position: relative;
			}
			.hezuo .item .title h3::after{
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				background-color: #014180;
				height: 2px;
			}
			.hezuo .item .itemlist ul li{
				float: left;
				width: 15%;
				margin-right: 2%;
				text-align: center;
				margin-bottom: 10px;
			}
			.hezuo .item .itemlist ul li img{
				width: 100%;
				transition: .4s all ease-in-out;
				-webkit-transition: .4s all ease-in-out;
				-moz-transition: .4s all ease-in-out;
			}
			.hezuo .item .itemlist ul li img:hover{
				transform: rotateY(360deg);
			}
			.hezuo .item .itemlist ul li:nth-child(6n){
				margin-right: 0;
			}
			.hezuo .item .itemlist ul li p{
				font-size: 16px;
				color: #333333;
				padding: 8px 0;
			}
			.hezuo .swiper-container{
				padding-bottom: 30px;
			}
			.hezuo .swiper-pagination-bullet {
			    width: 12px;
			    height: 12px;
				background: none;
				border: 1px solid #0387FB;
				opacity: 1;
			}
			.hezuo .swiper-pagination-bullet-active{
				background: #0387FB;
			}
			.proinfo{
				background: url(../img/probg.jpg) no-repeat center;
				height: 427px;

				padding: 70px 0 30px 0;
			}
			.proinfo .rightinfo{
				float: right;
				width: 40%;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				padding: 65px 20px 0 10px;
			}
			.proinfo .rightinfo p{
				font-size: 16px;
				color: #fff;
				line-height: 1.7;
			}
			.prodetail .title{
				text-align: center;
			}
			.prodetail .title h3{
				font-size: 24px;
				color: #333;
				font-weight: bold;
			}
			.prodetail .plist{
				text-align: center;
				padding: 30px 0;
			}
			.prodetail .plist a{
				display: inline-block;
				font-size: 18px;
				color: #999999;
				padding: 0 20px;
				border-right: 1px solid #999;
				line-height: 15px;
			}
			.prodetail .plist a.on{
				color: #0387FB;
			}
			.prodetail .plist a:hover{
				color: #0387FB;
			}
			.prodetail .plist a:last-child{
				border-right: 0;
			}
			.prodetail .proswiper{
				position: relative;
			}
			.proswiper .swiper-container{
				width: 90%;
			}
			.proswiper .leftimg{
				float: left;
				width: 42%;
				border:1px solid #e9e9e9;
				text-align: center;
				padding:100px 0;
			}
			.proswiper .leftimg img{
				width: 55%;
			}
			.proswiper .info{
				float: right;
				width: 53%;
			}
			.proswiper .info .top h3{
				font-size: 20px;
				color: #333333;
				font-weight: bold;
				margin-bottom: 20px;
			}
			.proswiper .info .top p{
				font-size: 14px;color: #666666;
				line-height: 1.5;
			}
			.proswiper .info .top{
				padding-bottom: 30px;
				border-bottom: 1px dashed #aaaaaa;
			}
			.proswiper .info .tedian{
				padding: 30px 0 0 0;
			}
			.proswiper .info .tedian h3{
				font-size: 14px;
				color: #0387FB;
			}
			.proswiper .info .tedian p{
				font-size: 14px;
				color: #666666;
				position: relative;
				line-height: 2.5;
				padding-left: 20px;
			}
			.proswiper .info .tedian p::after{
				content: '';
				width: 5px;
				height: 5px;
				border:1px solid #666;
				position: absolute;
				left: 0;
				top: 13px;
			}
			.proswiper{
				padding: 50px 0;
			}
			.proswiper .info .tedian a{
				display: inline-block;
				background-color: #0387FB;
				font-size: 18px;
				color: #fff;
				padding: 8px 50px;
				margin: 10px 0 0 20px;
			}
			.proli{
				padding: 45px 0;
				background: #f8f8f8;
			}
			.proli .title{
				text-align: center;
			}
			.proli .title h3{
				font-size: 24px;
				color: #333333;
				font-weight: bold;
			}
			.proli .list ul li{
				float: left;
				width: 24%;
				margin-right: 1.3%;
				text-align: center;
			}
			.proli .list ul li .img{
				overflow: hidden;
			}
			.proli .list ul li img{
				width: 100%;
				transition: .3s all ease-in-out;
								-webkit-transition: .3s all ease-in-out;
								-moz-transition: .3s all ease-in-out;
			}
			.proli .list ul li:hover img{
				transform: scale(1.1);
			}
			.proli .list ul li:nth-child(4n){
				margin-right: 0;
			}
			.proli .list ul li p{
				font-size: 14px;
				color: #333;
				padding: 10px 0;
			}
			.proli .list ul li:hover p{
				color: #0387FB;
				font-weight: 400;
			}
			.proli .list{
				padding-top: 30px;
			}
			.fazhanlist{
				padding: 100px 0;
				background: url(../img/line.png) no-repeat center;
			}
			.fazhanlist .item{
				overflow: hidden;
				padding: 0 20%;
				position: relative;
				
			}
			.fazhanlist .item .month h3{
				font-size: 24px;
				color: #0387FB;
				font-weight: bold;
			}
			.fazhanlist .item .month{
				width: 43%;
				padding-top: 60px;
			}
			.fazhanlist .item .month.left{
				text-align: right;
			}
			.fazhanlist .item .info{
				width: 43%;
			}
			.fazhanlist .item .info p{
				font-size: 14px;
				color: #666666;
				padding: 10px 0 10px 0;
				display: list-item;
				list-style-type: disc;
				margin-left: 1em;
			}
			.fazhanlist .item .info img{
				width: 100%;
			}
			.fazhanlist .item .point{
				position: absolute;
				width: 20px;
				height: 20px;
				border-radius: 100%;
				border:1px solid #e7e7e7;
				margin:65px auto;
				left: 0;
				right: 0;
				background: #fff;
				cursor: pointer;
			}
			.fazhanlist .item .point .hover{
				background: #0387FB;
				width: 10px;
				height: 10px;
				margin: 5px auto;
				border-radius: 100%;
				display: none;
			}
			.fazhanlist .item .point.on{
				border:1px solid #0387FB;
			}
			.fazhanlist .item .point.on .hover{
				display: block;
			}
			.fazhanlist .item .point:hover{
				border:1px solid #0387FB;
			}
			.fazhanlist .item .point:hover .hover{
				display: block;
			}
			.fazhanlist .item .point .hover {
			    margin: 4px auto;
			}
			.fazhanlist .item .point {
			    width: 18px;
			    height: 18px;
			}
			.newshow .leftshow .item{
				overflow: hidden;
				padding: 35px 0;
				border-bottom: 1px dashed #999;
			}
			.newshow .leftshow .item .img{
				width: 30%;
				float: left;
				overflow: hidden;
			}
			.newshow .leftshow .item .img img{
				width: 100%;
				transition: .3s all ease-in-out;
			}
			.newshow .leftshow .item .info{
				float: right;
				width: 65%;
			}
			.newshow .leftshow .item .info h3{
				font-size: 20px;
				color: #333333;
				margin-bottom: 10px;
			}
			.newshow .leftshow .item .info p{
				font-size: 14px;
				color: #999999;
				line-height: 1.8;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			.newshow .leftshow .item .info span{
				font-size: 14px;color: #999999;
				display: inline-block;
				margin-top: 70px;
			}
			.newshow .leftshow .item:hover img{
				transform: scale(1.2);
			}
			.newshow .leftshow .item:hover h3{
				color: #0387FB;
			}
			.solvelist{
				padding: 60px 0;
			}
			.solvelist ul li{
				float: left;
				width: 32.4%;
				margin-right:1.4% ;  
				margin-bottom: 15px;
			}
			
			.solvelist ul li:nth-child(3n){
				margin-right: 0;
			}
			.solvelist ul li .img{
				overflow: hidden;
			}
			.solvelist ul li img{
				width: 100%;
				transition: .3s all ease-in-out;
				-webkit-transition: .3s all ease-in-out;
				-moz-transition: .3s all ease-in-out;
			}
			.solvelist ul li .info{
				text-align: center;
				padding: 25px 40px;
				background: #f4f4f4;
				transition: .3s all ease-in-out;
				-webkit-transition: .3s all ease-in-out;
				-moz-transition: .3s all ease-in-out;
			}
			.solvelist ul li .info h3{
				font-size: 20px;
				color: #333333;
			}
			.solvelist ul li .info .line{
				width: 30px;
				height: 2px;
				background-color: #dcdcdc;
				margin: 15px auto;
			}
			.solvelist ul li .info p{
				font-size: 14px;color: #666666;
				line-height: 24px;
			}
			.solvelist ul li:hover .info{
				background: #fff;
				    box-shadow: 1px 4px 9px #eaeaea;
			}
			.solvelist ul li:hover img{
				transform: scale(1.1);
			}
			
			    @media (max-width:524px){
			        	    .index_pro .index_pro_list ul li img {
                width: 100%;
                transition: .5s all ease-in-out;
                -webkit-transition: .5s all ease-in-out;
                -moz-transition: .5s all ease-in-out;
                height: 100px;
                max-height: 100%;
                    }
			    }
			
			
			
				@media screen and (min-width:525px) and (max-width: 768px){
			
    		    .index_pro .index_pro_list ul li img {
                width: 100%;
                transition: .5s all ease-in-out;
                -webkit-transition: .5s all ease-in-out;
                -moz-transition: .5s all ease-in-out;
                height: 200px;
                max-height: 100%;
                    }
	
			
			
				}
			
		@media screen and (min-width: 300px) and (max-width: 768px){
		    

		    
			.container{
				width: 100%;
				padding: 0 10px;
				overflow: hidden;
			}
			.pc{
				display: none;
			}
			.mobile{
				display: block;
			}
			
			.banner img{
				width: 100%;
			}
			.header {
			    height: 70px;
			}
			.header .logo {
			    line-height: 70px;
			    float: left;
			}
			.header .logo img{
				height: 50px;
			}
			.header .header_nav{
				display: none;
			}
			.banner_index {
			    background-position: center top;
			    height: 22vw;
			    background-repeat: no-repeat;
				background-size: 100% auto;
			}
			.cate_nav ul li a {
			    font-size: 14px;
			    color: #999999;
			}
			.cate_nav ul {
			    text-align: center;
			    padding: 10px 0;
			}
			.cate_nav ul li {
			    display: inline-block;
			    padding: 4px 13px;
			    background: url(../img/jiange.png) no-repeat center right;
			}
			.about .leftimg {
			    width: 100%;
			    float: left;
			    vertical-align: top;
			    background: #0387FB;
			}
			.about .leftimg img {
			    position: relative;
			    top: 0;
			    left: 0;
			    width: 100%;
			}
			.about .info {
			    width: 100%;
			    float: right;
			    vertical-align: top;
			    padding-top: 30px;
			}
			.about {
			    padding: 30px 0;
			}
			.about .info p {
			    font-size: 14px;
			    color: #666666;
			    line-height: 1.5;
			}
			.about .aboutlist {
			    font-size: 0;
			    background-color: #efefef;
			    margin-top: 40px;
			}
			.about .aboutlist .item {
			    display: inline-block;
			    width: 50%;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    text-align: center;
			    padding: 30px 0;
			    border-right: 1px solid #dcdcdc;
			}
			.about .aboutlist .item h3 {
			    font-size: 38px;
			    color: #0387FB;
			}
			.footer {
			    background: url(../img/footerbg.jpg) no-repeat center top;
			    height: auto;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 35px 0 0 0;
			    position: relative;
			    background-size: cover;
			}
			.footer .leftxinxi {
			    float: left;
			    width: 100%;
			}
			.footer .leftxinxi .logo {
			    padding: 0 0 20px 0;
			    border-bottom: 1px solid #2a5f93;
			}
			.footer .container {
			    position: relative;
			    height: auto;
			}
			.copyright {
			    position: relative;
			    bottom: 0;
			    width: 100%;
			    left: 0;
			    color: #84a4c5;
			    padding: 10px 0;
			    border-top: 1px solid #2a5f93;
			}
			.footer .footnav{
				display: none;
			}
			.footer .footwx {
			    float: right;
			    width: 100%;
				padding: 20px 0;
			}
			.footer .leftxinxi .info .item {
			    padding: 10px 0;
			}
			.comm_title2 h3 {
			    font-size: 23px;
			    color: #0387FB;
			    font-weight: bold;
			}
			.comm_title2 .line {
			    width: 35px;
			    background-color: #0387FB;
			    height: 3px;
			    margin: 15px auto 25px auto;
			}
			.case .top .mainimg {
			    display: inline-block;
			    margin-right: 0;
			    vertical-align: top;
			    width: 100%;
			}
			.case .top .mainimg img{
				width: 90%;
			}
			.case .top .info {
			    display: inline-block;
			    width: 100%;
			    vertical-align: top;
			}
			.case .top .info .img_list{
					padding: 20px 0;
				}
			.case .top .info .img_list .item {
			    float: left;
			    padding: 0 10px;
			    text-align: center;
			    width: 23%;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			}
			.case .top .info .desc {
			    text-align: left;
			    padding-top: 20px;
			}
			.case .top .info .desc h3 {
			    font-size: 20px;
			    color: #333333;
			    padding-bottom: 8px;
			}
			.case .top .info .desc p {
			    font-size: 13px;
			    color: #666666;
			    line-height: 1.8;
			}
			.case .bottom .item {
			    display: inline-block;
			    padding: 0 10px;
			    width: 30%;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			}
			.case .bottom .item img{
				width: 100%;
			}
			.kehucase {
			    padding: 25px 0;
			}
			.kehucase_list .swiper-slide {
			    width: 90%;
			}
			.kehucase_list .swiper-slide .info h3 {
			    font-size: 18px;
			    color: #0387FB;
			    line-height: 2.5;
			    border-bottom: 1px solid #999;
			    margin-bottom: 10px;
			}
			.kehucase_list .swiper-slide .info h3 span {
			    font-size: 13px;
			    color: #999;
			}
			.kehucase_list .swiper-slide .info p {
			    font-size: 15px;
			    color: #666;
			    line-height: 1.8;
			}
			.case {
			    padding: 25px 0;
			}
			.contact_list {
			    padding: 30px 0;
			}
			.contact_list ul li {
			    float: left;
			    width: 100%;
			    margin-right: 0;
			    text-align: center;
			    padding: 20px 0;
			    margin-bottom: 20px;
			    background: #f8f8f8;
			    transition: .3s all ease-in-out;
			}
			.customer {
			    padding: 30px 0;
			}
			.customer .img img{
				width: 100%;
			}
			.customer .info {
			    width: 100%;
			    position: relative;
			    right: 0;
			    top: 0;
			    background-color: rgba(0,0,0,.5);
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 20px;
			}
			.customer .info p {
			    font-size: 13px;
			    color: #fff;
			    line-height: 1.5;
			}
			.our_customer {
			    padding: 20px 0;
			}
			.our_customer .title h3 {
			    font-size: 26px;
			    color: #0387FB;
			    font-weight: bold;
			}
			.our_customer .title .line {
			    width: 30px;
			    height: 2px;
			    background: #dcdcdc;
			    margin: 15px auto;
			}
			.our_customer_list {
			    position: relative;
			    padding-top: 30px;
			}
			.our_customer_list ul li {
			    display: inline-block;
			    width: 23%;
			    margin-right: 2.6%!important;
			    text-align: center;
			    margin-bottom: 30px;
			}
			.our_customer_list ul li:nth-child(4n){
				margin-right: 0!important;
			}
			.hezuo .item .itemlist ul li {
			    float: left;
			    width: 24%;
			    margin-right: 1.3%!important;
			    text-align: center;
			    margin-bottom: 10px;
			}
			.hezuo .item .itemlist ul li:nth-child(4n){
				margin-right: 0!important;
			}
			.hezuo .item .itemlist ul li p {
			    font-size: 13px;
			    color: #333333;
			    padding: 8px 0;
			}
			.hezuo {
			    padding: 20px 0 30px 0;
			}
			.hezuo .item .title h3 {
			    font-size: 20px;
			    color: #014180;
			    font-weight: bold;
			    padding: 0 0 10px 0;
			    display: inline-block;
			    position: relative;
			}
			.hezuo .swiper-pagination-bullet {
			    width: 8px;
			    height: 8px;
			    opacity: 1;
			}
			.banner .swiper-pagination-bullet {
			    width: 20px;
			    height: 4px;

			}
			.index_pro {
			    background: url(../img/index_pro.jpg) no-repeat center top;
			    height: auto;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 25px 0 0 0;
			    background-size: cover;
			}
			.comm_title .line {
			    width: 45px;
			    background-color: #0387FB;
			    height: 3px;
			    margin: 10px auto 25px auto;
			}
			.comm_title h3 {
			    font-size: 22px;
			    color: #333333;
			}
			.index_case {
			    padding: 35px 0;
			}
			.index_about .info {
			    float: right;
			    width: 100%;
			    padding: 15px;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				background-color: rgba(0,0,0,.4);
			}
			.index_about {
			    background: url(../img/index_about.jpg) no-repeat center;
			    height: auto;
				background-size: cover;
				padding: 30px 0;
			}
			.index_new {
			    padding: 35px 0;
			}
			.index_new_list .leftcom .list .item h3 {
			    font-size: 15px;
			    color: #333333;
			    line-height: 2;
			}
			.index_new_list .leftcom .list .item {
			    background-image: url(../img/point.png);
			    background-repeat: no-repeat;
			    background-position: left 38px;
			    padding: 15px 0 15px 20px;
			    border-bottom: 1px dashed #999;
			}
			.index_new_list .leftcom {
			    float: left;
			    width: 100%;
			    box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    padding-right: 30px;
			}
			.index_new_list .rightcom {
			    float: right;
			    width: 100%;
				padding-top: 35px;
			}
			.index_new_list .rightcom h3.title {
			    font-size: 22px;
			    color: #353535;
			    padding-bottom: 20px;
			}
			.index_new_list .leftcom h3.title {
			    font-size: 22px;
			    color: #353535;
			}
			.newshow {
			    padding: 30px 0;
			}
			.newshow .leftshow {
			    float: left;
			    width: 100%;
			}
			.newshow .leftshow .title h3 {
			    font-size: 18px;
			    color: #333333;
			    line-height: 2;
			}
			.newshow .right_commit {
			    float: right;
			    width: 100%;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 20px;
			    background: #f8f8f8;
				margin-top: 30px;
			}
			.newshow .right_commit .info h3 {
			    font-size: 16px;
			    color: #333;
			}
			.proinfo .rightinfo {
			    float: right;
			    width: 100%;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 65px 20px 0 10px;
			}
			.proinfo .rightinfo {
			    float: right;
			    width: 100%;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 35px 20px 0 10px;
			}
			.proinfo {
			    background: url(../img/probg.jpg) no-repeat center;
			    height: auto;
			    padding: 0px 0 30px 0;
				background-size: cover;
			}
			.prodetail .title h3 {
			    font-size: 22px;
			    color: #333;
			    font-weight: bold;
			}
			.prodetail{
				padding: 25px 0;
			}
			.prodetail .plist {
			    text-align: center;
			    padding: 20px 0;
			}
			.prodetail .plist a {
			    display: inline-block;
			    font-size: 16px;
			    color: #999999;
			    padding: 0 12px;
			    border-right: 1px solid #999;
			    line-height: 15px;
				margin-bottom: 10px;
			}
			.proswiper .leftimg {
			    float: left;
			    width: 100%;
			    border: 1px solid #e9e9e9;
			    text-align: center;
			    padding: 40px 0;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			}
			.proswiper .info {
			    float: right;
			    width: 100%;
			}
			.proswiper .info .top {
			    padding-bottom: 20px;
			    border-bottom: 1px dashed #aaaaaa;
				padding-top: 20px;
			}
			.proswiper .info .top h3 {
			    font-size: 18px;
			    color: #333333;
			    font-weight: bold;
			    margin-bottom: 15px;
			}
			.proswiper .info .top p {
			    font-size: 13px;
			    color: #666666;
			    line-height: 1.5;
			}
			.proswiper .info .tedian p {
			    font-size: 13px;
			    color: #666666;
			    position: relative;
			    line-height: 2;
			    padding-left: 20px;
			}
			.proswiper .info .tedian {
			    padding: 20px 0 0 0;
			}
			.proswiper .info .tedian a {
			    display: inline-block;
			    background-color: #0387FB;
			    font-size: 16px;
			    color: #fff;
			    padding: 8px 40px;
			    margin: 10px 0 0 20px;
			}
			.proswiper {
			    padding: 30px 0;
			}
			.proli {
			    padding: 25px 0;
			    background: #f8f8f8;
			}
			.proli .title h3 {
			    font-size: 22px;
			    color: #333333;
			    font-weight: bold;
			}
			.proli .list ul li {
			    float: left;
			    width: 49%;
			    margin-right: 2%!important;
			    text-align: center;
			}
			.proli .list ul li:nth-child(2n){
				margin-right: 0!important;
			}
			.page a {
			    font-size: 13px;
			    color: #666666;
			    display: inline-block;
			    border: 1px solid #eeeeee;
			    padding: 8px 15px;
				margin-bottom: 5px;
			}
			.qiyewh {
			    padding: 30px 0;
			}
			.qiyewh .container {
			    padding: 0 0;
			}
			.qiyewh .img {
			    width: 100%;
			}
			.qiyewh .info {
			    width: 100%;
			    background-color: #f8f8f8;
			    height: 40vw;
			    position: relative;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 15px;
			}
			.qiyewh .info .line {
			    position: absolute;
			    bottom: 20px;
			    left: 15px;
			    width: 30px;
			    height: 4px;
			    background-color: #0387FB;
			}
			.zhuiqy .lefttitle {
			    display: inline-block;
			    width: 100%;
			    text-align: center;
			    vertical-align: top;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			     padding: 0 0 0 0; 
			}
			.zhuiqy .lefttitle .line {
			    width: 30px;
			    height: 3px;
			    background-color: #0387FB;
			    margin: 15px auto;
			}
			.zhuiqy .zhuiqylist {
			    display: inline-block;
			    width: 100%;
			    vertical-align: top;
			}
			.rylist h3 {
			    font-size: 40px;
			    color: #0387FB;
			}
			.rylist .item .line {
			    width: 15px;
			    height: 2px;
			    background: #464646;
			    margin: 15px auto;
			}
			.our_rongyu {
			    padding: 30px 0;
			    background: #f8f8f8;
			}
			.our_rongyu .title h3 {
			    font-size: 26px;
			    color: #0387FB;
			    font-weight: bold;
			}
			.our_rongyu .title .line {
			    width: 30px;
			    height: 2px;
			    background: #dcdcdc;
			    margin: 15px auto;
			}
			.zhengshu_list ul li {
			    float: left;
			    width: 49%;
			    margin-right: 2%!important;
			    text-align: center;
			    background: #fff;
			    box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    padding: 20px 0;
			    margin-bottom: 20px;
			}
			.zhengshu_list ul li:nth-child(2n){
				margin-right: 0!important;
			}
			.solve_show {
			    padding: 30px 0;
			}
			.solve_show .title h3 {
			    font-size: 22px;
			    color: #0387FB;
			}
			.solve_show .title .line {
			    width: 30px;
			    height: 2px;
			    background: #dcdcdc;
			    margin: 20px auto;
			}
			.solve_show .show_content {
			    padding: 0 10px 30px 10px;
			    border-bottom: 1px solid #999;
			}
			.solve_show .show_content p {
			    font-size: 14px;
			    color: #666666;
			    line-height: 2;
			}
			.page_next {
			    text-align: center;
			    font-size: 0;
			    margin-top: 25px;
			}
			.menu-open {
			    display: block;
			    position: absolute;
			    top: 5px;
			    right: 0;
			    width: 70px;
			    height: 60px;
			    z-index: 1000;
			}
			.button-menu-line {
			    display: block;
			    position: absolute;
			    left: 30px;
			    width: 24px;
			    height: 1px;
			    background-color: #333333;
			    -webkit-transform-origin: center center 0px;
			    -moz-transform-origin: center center 0px;
			    -ms-transform-origin: center center 0px;
			    -o-transform-origin: center center 0px;
			    transform-origin: center center 0px;
			    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
			    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
			    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
			    -o-transform: matrix(1, 0, 0, 1, 0, 0);
			    transform: matrix(1, 0, 0, 1, 0, 0);
			    -webkit-transition: .25s;
			    -moz-transition: .25s;
			    -ms-transition: .25s;
			    -o-transition: .25s;
			    transition: .25s;
			}
			.button-menu-line--1 {
			    top: 24px;
			}
			.button-menu-line--2 {
			    top: 32px;
			}
			.button-menu-line--3 {
			    top: 40px;
			}
			.navmobile{
				position: absolute;
				    width: 100%;
				    text-align: center;
				    z-index: 9999;
				    background: rgba(0,0,0,.6);
					display: none;
			}
			.navmobile ul li a{
				display: block;
				padding: 10px 0;
			}
			.navmobile ul li h3{
				color: #fff;
				font-size: 16px;
			}
			.navmobile ul li p{
				color: #fff;
				font-size: 12px;
			}
			.menu-open.open {
			    top: 20px;
			    height: 40px;
			}
			.menu-open.open .button-menu-line--1 {
			    -webkit-transform-origin: center center 0px;
			    -moz-transform-origin: center center 0px;
			    -ms-transform-origin: center center 0px;
			    -o-transform-origin: center center 0px;
			    transform-origin: center center 0px;
			    -webkit-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
			    -moz-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
			    -ms-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
			    -o-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
			    transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -1);
			    top: 18px;
			}
			.menu-open.open .button-menu-line--2 {
			    -webkit-transform-origin: center center 0px;
			    -moz-transform-origin: center center 0px;
			    -ms-transform-origin: center center 0px;
			    -o-transform-origin: center center 0px;
			    transform-origin: center center 0px;
			    -webkit-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -9);
			    -moz-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -9);
			    -ms-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -9);
			    -o-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, -9);
			    transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -9);
			    top: 26px;
			}
			.menu-open.open .button-menu-line--3 {
			    -webkit-transform-origin: center center 0px;
			    -moz-transform-origin: center center 0px;
			    -ms-transform-origin: center center 0px;
			    -o-transform-origin: center center 0px;
			    transform-origin: center center 0px;
			    -webkit-transform: matrix(1, 0, 0, 1, 0, 3);
			    -moz-transform: matrix(1, 0, 0, 1, 0, 3);
			    -ms-transform: matrix(1, 0, 0, 1, 0, 3);
			    -o-transform: matrix(1, 0, 0, 1, 0, 3);
			    transform: matrix(1, 0, 0, 1, 0, 3);
			    opacity: 0;
			}
			.fazhanlist {
			    padding: 50px 0;
			    background: url(../img/line.png) no-repeat center;
			}
			.fazhanlist .item {
			    overflow: hidden;
			    padding: 0 0;
			    position: relative;
			}
			.fazhanlist .item .month h3 {
			    font-size: 18px;
			    color: #0387FB;
			    font-weight: bold;
			}
			.fazhanlist .item .info p {
			    font-size: 13px;
			    color: #666666;
			    padding: 8px 0 8px 0;
			    display: list-item;
			    list-style-type: disc;
			    margin-left: 1em;
			}
			.newshow .leftshow .item {
			    overflow: hidden;
			    padding: 15px 0px;
			    border-bottom: 1px dashed rgb(153, 153, 153);
			}
			.newshow .leftshow .item .info {
			    float: right;
			    width: 100%;
			    padding: 15px 0;
			}
			.newshow .leftshow .item .info h3 {
			    font-size: 18px;
			    margin-bottom: 10px;
			}
			.newshow .leftshow .item .img {
			    width: 100%;
			    float: left;
			    overflow: hidden;
			    /* text-align: center; */
			}
			.newshow .leftshow .item .info span {
			    font-size: 14px;
			    color: #999999;
			    display: inline-block;
			    margin-top: 20px;
			}
			.solvelist ul li {
			    float: left;
			    width: 49%;
			    margin-right: 2%!important;
			    margin-bottom: 15px;
			}
			.solvelist ul li:nth-child(2n){
				margin-right: 0!important;
			}
			.solvelist ul li .info {
			    text-align: center;
			    padding: 15px 10px;
			    background: #f4f4f4;
			    transition: .3s all ease-in-out;
			    -webkit-transition: .3s all ease-in-out;
			    -moz-transition: .3s all ease-in-out;
			}
			.solvelist ul li .info h3 {
			    font-size: 16px;
			    color: #333333;
			}
			.solvelist ul li .info p {
			    font-size: 13px;
			    color: #666666;
			    line-height: 24px;
			}
			.solvelist {
			    padding: 30px 0;
			}
			.case .gallery-thumbs {
			    width: 100%;
			    padding: 50px 0;
			}
			.job_title p {
                width: 90%;
			}
			.job_icon{
			    padding: 40px 0;
			}
			.job_icon ul {flex-wrap: wrap;}
			.job_icon li{
			    width:33% !important; 
			    padding: 10px 0;}

			.job_title p {
				width: 38%;
				max-width: 100%;
				margin: 0 auto;
				font-size: 15px !important;
				line-height: 29px;
		}

		
		.job_list_sub .job_list_sub_box {
			width: 45% !important;
			margin: 10px;
	}
	.job_list_sub ul{width: 1400px; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 30px; }

        
        
        .index_case .index_case_list .hover {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgba(11,95,171,.8); */
    left: 0;
    top: 0;
    text-align: center;
    transition: .3s all ease-in-out;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* padding: 25% 45px 0 45px; */
    padding: 36px 0;
    opacity: 0;
}

    .index_case .index_case_list .hover p {
    font-size: 12px;
    color: #f0f0f0;
    line-height: 19px;
    display: none;
}

.index_case .index_case_list .hover h3 {
    font-size: 17px;
    color: #f0f0f0;
    margin: 6px 0 5px 0;
}

.index_case .index_case_list .hover img {
    width: 38px;
}


.index_pro .index_pro_list ul li p {
    font-size: 11px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    background: rgba(0,0,0,.5);
    /* padding: 10px 40px; */
    padding: 10px 0;
    width: 100%;
    text-align: center;
}


.prodetail .plist li {
    display: inline-block;
    font-size: 14px !important;
    color: #999999;
    padding: 0px 5px !important;
    border-right: 1px solid #999;
    line-height: 15px;
    cursor: pointer;
}
    
	.form tbody th, td {
    padding: 4px 0 !important;
    border: 2px solid #fff;
    font-weight: 700;
    font-size: 18px;
}


		}
		@media screen and (min-width: 769px) and (max-width: 1400px){
			.container{
				width: 100%;
				padding: 0 15px;
			}
			.header .header_nav ul li {
			    display: inline-block;
			    text-align: center;
			    padding: 0 2vw;
			}
			.about .info {
			    width: 50%;
			    float: right;
			    vertical-align: top;
			    padding-top: 30px;
			}
			.about .aboutlist .item h3 {
			    font-size: 60px;
			    color: #0387FB;
			}
			.footer .leftxinxi {
			    float: left;
			    width: 23%;
			}
			.footer .footnav ul li {
			    float: left;
			    padding: 0 20px;
			}
			.footer .footnav {
			    float: left;
			    padding-left: 0 !important ;
			    width: 42% !important;
			}
			.footer {
			    background: url(../img/footerbg.jpg) no-repeat center top;
			    height: auto;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 60px 0 0 0;
			    position: relative;
			    background-size: cover;
			}
			.copyright {
			    position: relative;
			    bottom: 0;
			    width: 100%;
			    left: 0;
			    color: #84a4c5;
			    padding: 10px 0;
			    border-top: 1px solid #2a5f93;
			}
			.footer .container {
			    position: relative;
			    height: auto;
			}
			.footer .footwx {
			    float: right;
			    padding: 10px 0;
			}
			.cate_nav ul li {
			    display: inline-block;
			    padding: 5px 20px;
			    background: url(../img/jiange.png) no-repeat center right;
			}
			.kehucase_list .swiper-slide {
			    width: 90%;
			}
			.index_pro {
			    background: url(../img/index_pro.jpg) no-repeat center top;
			    height: auto;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 55px 0;
			}
			.qiyewh .container {
			    padding: 0 60px;
			}
			.qiyewh .info {
			    width: 50%;
			    background-color: #f8f8f8;
			    height: 26vw;
			    position: relative;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 10% 35px 35px 35px;
			    text-align: center;
			}
			.zhuiqy .lefttitle {
			    display: inline-block;
			    width: 21%;
			    vertical-align: top;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding: 10% 0 0 1%;
			}
			.fazhanlist .item {
			    overflow: hidden;
			    padding: 0 10%;
			    position: relative;
			}

		}

		@media screen and (min-width: 900px) and (max-width:1266px){

			.job_list_sub .job_list_sub_box {
				width: 25.33% !important;
				margin: 10px;
		}
		.job_list_sub ul{width: 1400px; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 30px; }

        				.form tbody th, td {
			padding: 15px 0 !important;
			border: 2px solid #fff;
			font-weight: 700;
			font-size: 18px;
	}

		}


		@media screen and (min-width: 900px) and (max-width:1149px){

			.job_list_sub .job_list_sub_box {
				width: 33% !important;
				margin: 10px;
		}
		.job_list_sub ul{width: 1400px; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 30px; }

        				.form tbody th, td {
			padding: 15px 0 !important;
			border: 2px solid #fff;
			font-weight: 700;
			font-size: 18px;
	}
	
	.footer .footnav {
    float: left;
    padding-left: 4px;
    width: 43% !important;
}

.footer .footnav ul li {
    float: left;
    padding: 0 8px !important;
}
    
        

		}
		
		
			@media screen and (min-width:770px) and (max-width:999px){
			    
			    
			    		    .index_pro .index_pro_list ul li img {
    width: 100%;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    height: 200px;
    max-height: 100%;
}

                .index_case .index_case_list .hover h3 {
                    font-size: 24px;
                    color: #f0f0f0;
                    margin: 5px 0 2px 0;
                }
                                
                .index_case .index_case_list .hover {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    background: rgba(11,95,171,.8);
                    left: 0;
                    top: 0;
                    text-align: center;
                    transition: .3s all ease-in-out;
                    box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    /* padding: 25% 45px 0 45px; */
                    opacity:0;
                    padding: 43px 0 !important;
                }
                      
                      
                      				.form tbody th, td {
			padding: 15px 0 !important;
			border: 2px solid #fff;
			font-weight: 700;
			font-size: 18px;
	}          
                
        	}
		
		
		@media screen and (min-width: 769px) and (max-width: 900px){
				.header .logo img{
					width: 180px;
				}
				.header .header_nav ul li {
				    display: inline-block;
				    text-align: center;
				    padding: 0 1vw;
				}
				.fazhanlist .item {
				    overflow: hidden;
				    padding: 0 5%;
				    position: relative;
				}
				.newshow .leftshow .item .info p {
				    font-size: 13px;
				    color: #999999;
				    line-height: 1.8;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    display: -webkit-box;
				    -webkit-line-clamp: 2;
				    -webkit-box-orient: vertical;
				}
				.newshow .leftshow .item .info h3 {
				    font-size: 17px;
				    color: #333333;
				    margin-bottom: 10px;
				}
				.newshow .leftshow .item .info span {
				    font-size: 14px;
				    color: #999999;
				    display: inline-block;
				    margin-top: 20px;
				}
				.job_icon ul {flex-wrap: wrap;}
				.job_icon li{width: 25% !important; padding: 10px 0;}
 
				.job_list_sub .job_list_sub_box {
					width: 33% !important;
					margin: 10px;
			}
			.job_list_sub ul{width: 1400px; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 30px; }
	
	             			.form tbody th, td {
				padding: 15px 0 !important;
				border: 2px solid #fff;
				font-weight: 700;
				font-size: 18px;
		}
	      
.footer .footnav {
    float: left;
    padding-left: 30px;
    width: 41% !important;
}



.footer .leftxinxi {
    float: left;
    width: 19% !important;
}

.footer .footnav ul li {
    float: left;
    padding: 0 8px !important  ;
}
            
			}




			.job_title{text-align: center;}
			.job_title h4{font-size: 30px; font-weight: bold; color: #0387FB; padding-bottom: 10px;}
			.job_1{padding-bottom: 0px;}
			.job_title p{width: 38%; max-width: 100%; margin: 0 auto; font-size: 18px;    line-height: 29px;}
			.job_icon{padding: 40px 20px;}
			.job_icon ul {
			    display: flex;
			    /*justify-content: center; */
			    text-align: center; 
			    color: #999; 
			    width: 1400px; 
			    max-width: 100%;
			}
			.job_icon ul i{font-size: 40px; margin-bottom: 10px; display: inline-block;}
			.job_icon li{width: 14%;}
			.job_p{color: #0387FB; font-size: 18px; text-align: center; font-weight: bold;}

			.job_list{background: #F8F8F8; padding: 60px 0; margin-top: 40px;}
			.job_list_title{text-align: center; color: #0387FB; font-size: 36px; font-weight: bold;}
			.job_list_sub{padding: 50px 0;}
			.job_list_sub ul{width: 1400px; max-width: 100%; display: flex; flex-wrap: wrap;  padding-bottom: 30px;}
			.job_list_sub .job_list_sub_box{width: 23%; margin: 10px; cursor: pointer;}
			.job_list_sub li div{
			    background: #fff; 
			    padding: 30px 20px;
			        overflow: auto !important;
			}
			.job_list_sub li div h6{font-weight: bold; }
			.job_list_sub li div h6 small{font-weight: lighter; color: #999; padding: 0 10px;}
			.job_list_sub li div h4{font-size: 32px; color: #0387FB;}
			.job_list_sub li div h4 small{font-size: 14px; color: #999; padding: 0 10px;}
			.job_list_sub li div i{border: 1px dashed #eee; display: inline-block; width: 80%; padding: 0 10px; display: flex; margin: 10px auto;}
			.job_list_sub li div h5{padding: 10px 0;}
			.job_list_sub li div p{padding-bottom: 10px; color: #999; font-size: 14px;}
			.job_list_sub_box:hover{box-shadow: 0px 0px 15px 8px #ddd;}
			
			
			/*2020-03-10 修改*/
			.prodetail .plist li {
				display: inline-block;
				font-size: 18px;
				color: #999999;
				padding: 0 20px;
				border-right: 1px solid #999;
				line-height: 15px;
				cursor: pointer;
			}
			
			.prodetail .plist .on {
				color: #0387FB;
			}
			
			.prodetail .plist li:last-child {
			    border-right: 0;
			}
			
			
			
			

.product_detail {
	/* float: left; */
	width: 100% !important;
	text-align: center;
	margin: 0 auto;
}
			
			
.form_title{padding-top:80px; text-align: center;}
.form_title h4{font-size: 30px; font-weight: bold;}
.form {width: 1600px;max-width: 100%;     position: relative;}
.form_item{width: 100%; display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.form table {margin: 50px auto;width: 100%;   text-align: center; font-weight: bold; font-size: 18px;     min-width: 1000px;}
.form	 .thead-dark{background: #0387FB; padding: 10px 10px; color: #fff;}
.form	 .thead-dark th,td{padding: 20px 0;border: 2px solid #fff;}

.form tbody th,td{padding:40px 0; border: 2px solid #fff;font-weight: 700; font-size: 18px;}


.form tbody tr:nth-child(2n){background: #B0C5E7;}
.form tbody tr:nth-child(2n-1){background: #E7E8E9;}

.form_a:hover{color: #0387FB !important;}

.our_customer_list .swiper-container{/* height:280px; */}
.our_customer_list .swiper-container .swiper-slide{  height: calc((100% - 30px) / 2);}
			
			
			
.swiper-container1 {height:280px;}
.swiper-container1 .swiper-slide{  height: calc((100% - 30px) / 2);}		   
.swiper-container1 .swiper-slide img:hover{}

    .container_1{padding:40px 0}
    .container_1 img:hover{ transform: rotateY(360deg);}   
     .container_1 img{ -webkit-transition: .4s all ease-in-out; cursor:pointer}
    .container_2{padding:40px 0}
    .container_3{padding:40px 0}
        .container_2 img:hover{ transform: rotateY(360deg);}   
     .container_2 img{ -webkit-transition: .4s all ease-in-out;  cursor:pointer}
         .container_3 img:hover{ transform: rotateY(360deg);}   
     .container_3 img{ -webkit-transition: .4s all ease-in-out;  cursor:pointer}
			
	.container_1 .title h3 {
    font-size: 24px;
    color: #0387FB;
    font-weight: bold;
    padding: 0 0 10px 0;
    display: inline-block;
    position: relative;
}

	.container_1 .title {
    margin-bottom: 30px;
    border-bottom: 1px solid #eeeeee;
}


.container_1 .title h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #014180;
    height: 2px;
}
		
		
		
		
		.swiper-container2 {height:280px}
.swiper-container2 .swiper-slide{  height: calc((100% - 30px) / 2);}			
			
	.container_2 .title h3 {
    font-size: 24px;
    color: #014180;
    font-weight: bold;
    padding: 0 0 10px 0;
    display: inline-block;
    position: relative;
}

	.container_2 .title {
    margin-bottom: 30px;
    border-bottom: 1px solid #eeeeee;
}


.container_2 .title h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #014180;
    height: 2px;
}

.swiper-container3 {height:280px}
.swiper-container3 .swiper-slide{  height: calc((100% - 30px) / 2);}			
			
	.container_3 .title h3 {
    font-size: 24px;
    color: #014180;
    font-weight: bold;
    padding: 0 0 10px 0;
    display: inline-block;
    position: relative;
}

	.container_3 .title {
    margin-bottom: 30px;
    border-bottom: 1px solid #eeeeee;
}


.container_3 .title h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #014180;
    height: 2px;
}



.swiper-container4 {height:762px;}
.swiper-container4 .swiper-slide{  height: calc((100% - 30px) / 2);}	


.swiper-container4 img{width:100%;max-width:100%}
   


	.swiper-wrapper1{ margin-bottom: -37px !important; }
	
@media screen and (min-width: 300px) and (max-width: 600px){
    .job_list_sub .job_list_sub_box {
       width: 100% !important;
       margin: 10px;
   }
   .job_title p {
    width: 90%;
}
}