* {
			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;
		}
		
		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: 1200px;
			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;
		}
		.header{
			background: url(../images/header_bg.jpg) no-repeat center top;
			height: 120px;
		}
		.header .logo{
			line-height: 120px;
			float: left;
		}
		.header .rightword{
			float: right;
			padding-top: 25px;
		}
		.header .top .lang{
			float: right;
			color: #fff;
		}
		.header .top .lang a{
			color: #fff;
			font-size: 14px;
			margin: 0 15px;
		}
		.header .top .form{
			float: right;
		}
		.header .top .form input[type=text]{
			border:1px solid #fff;
			border-radius: 10px 0 0 10px;
			background: transparent;
			height: 26px;
			float: left;
			border-right: 0;
			outline: none;
			padding-left: 10px;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			color: #fff;
		}
		.header .top .form input[type=submit]{
			background: url(../images/search.png) no-repeat;
			background-position:10px center;
			width: 40px;
			height: 26px;
			border:1px solid #fff;
			float: left;
			position: relative;
			right: 10px;
			border-left: 0;
			border-radius: 0 10px 10px 0;
		}
		.header .rightword .nav{
			padding-top: 15px;
		}
		.header .rightword .nav ul li{
			float: left;
		}
		.header .rightword .nav ul li a{
			font-size: 14px;
			color: #fff;
			display: inline-block;
			padding: 3px 15px;
			border-radius: 10px;
			margin-right: 20px;
			letter-spacing: 1px;
		}
		.header .rightword .nav ul li:last-child a{
			margin-right: 0;
		}
		.header .rightword .nav ul li a:hover{
			background: #fff;
			color: #334ba5;
		}
		.header .rightword .nav ul li a.on{
			background: #fff;
			color: #334ba5;
		}
		.index_product{
			padding: 30px 0;
			background: #f9f9f9;
		}
		.index_product .title{
			text-align: center;
			position: relative;
		}
		.index_product .title h3{
			font-size: 30px;
			color: #334ba5;
			padding-bottom: 12px;
		}
		.index_product .title p{
			font-size: 14px;
			display: inline-block;
			color: #333333;
			vertical-align: middle;
		}
		.index_product .title .line {
		    display: inline-block;
		    width: 25px;
		    border-top: 2px solid #4c4c4c;
		    vertical-align: 11%;
		}
		.index_product .title .diword{
			position: absolute;
			font-size: 24px;
			color: rgba(137,162,255,.2);
			top: 20px;
			letter-spacing: 2px;
			left: 0;
			right: 0;
		}
		.index_product .catelist{
			padding: 60px 0 10px 0;
		}
		.index_product .catelist .procate ul li{
			float: left;
			position: relative;
			padding-bottom: 10px;
		}
		.index_product .catelist .procate ul li a{
			font-size: 14px;
			color: #333333;
		}
		.index_product .catelist .procate ul li.on:after{
			content: '';
			position: absolute;
			width: 25px;
			height: 3px;
			background: #334ba5;
			bottom: 0;
			left: 0;
		}
		.index_product .catelist .procate ul li.on a{
			font-size: 16px;
			font-weight: bold;
		}
		.index_product .catelist .procate ul li a.on{
			font-size: 16px;
			font-weight: bold;
		}
		.index_product .catelist .procate ul li:last-child span{
			display: none;
		}
		.index_prolist ul{
			display: none;
		}
		.index_prolist ul li{
			float: left;
			width: 32%;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			margin-right: 2%;
			margin-top: 15px;
		}
		.index_prolist ul li:nth-child(3n){
			margin-right: 0;
		}
		.index_prolist ul li .img{
			position: relative;
			height:300px;
		}
		.index_prolist ul li .img img{
			width: 100%;
		}
		.index_prolist ul li .img .info{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background: rgba(0,0,0,.5);
			transition: .4s all ease-in-out;
			transform: scale(0);
			overflow: hidden;
		}
		.index_prolist ul li .img .info .kuang{
			position: absolute;
			width: 80%;
			height: 70%;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			border:2px solid #fff;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding-top: 13%;
			
		}
		.index_prolist ul li .img .info .kuang h3{
			font-size: 20px;
			font-weight: bold;
			color: #fff;
			text-align: center;
			letter-spacing: 2px;
		}
		.index_prolist ul li .img .info .kuang p{
			font-size: 15px;
			color: #fff;
			text-align: center;
			padding-top: 5px;
		}

		.index_prolist ul li .img:hover .info{
			transform: scale(1);
		}
		.index_product .more{
			text-align: center;
			padding-top: 30px;
		}
		.index_product .more a{
			display: inline-block;
			font-size: 14px;
			color: #333333;
			border:1px solid #333333;
			padding: 3px 20px;
		}
		.index_case{
			background: url(../images/case_bg.jpg) no-repeat top;
			height: 600px;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding: 65px 0 0 0;
		}
		.index_case .title{
			text-align: center;
			position: relative;
		}
		.index_case .title h3{
			font-size: 30px;
			color: #fff;
			letter-spacing: 2px;
			padding-bottom: 10px;
		}
		.index_case .title p{
			font-size: 14px;
			display: inline-block;
			color: #fff;
			vertical-align: middle;
		}
		.index_case .title .line {
		    display: inline-block;
		    width: 25px;
		    border-top: 2px solid #fff;
		    vertical-align: 11%;
		}
		.index_case .title .diword{
			position: absolute;
			font-size: 24px;
			color: rgba(137,162,255,.2);
			top: 20px;
			letter-spacing: 2px;
			left: 0;
			right: 0;
		}
		.index_caselist{
			padding-top: 60px;
		}
		.index_caselist .img{
			position: relative;
		}
		.index_caselist .img img{
			width: 100%;
		}
		.index_caselist .img .info{
			position: absolute;
			width: 100%;
			background: #fff;
			bottom: 0;
			left: 0;
			text-align: center;
			height: 55px;
			transition: all .3s ease-in-out;
			overflow:hidden;
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding:0 8px;
		}
		.index_caselist .img .info p{
			font-size: 16px;
			color: #333333;
			line-height: 55px;
			white-space: nowrap; 
			  overflow: hidden;
			  text-overflow:ellipsis;
		}
		.index_caselist .img .info span{
			font-size: 14px;
			color: #767676;
			display: none;
		}
		.index_caselist .img:hover .info{
			height: 100px;
			background: #222222;
		}
		.index_caselist .img:hover .info p{
			color: #fff;
			font-size: 20px;
		}
		.index_caselist .img:hover .info span{
			display: block;
		}
		.index_caselist .swiper-wrapper{
			padding: 0 0 100px 0;
		}
		.index_caselist .swiper-button-next,.index_caselist .swiper-button-prev {
			top:auto;
			bottom: 0;
		}
		.index_caselist .swiper-button-next{
			background: url(../images/rightgo.png) no-repeat center;
			opacity: 1!important;
			width: 37px;
			height: 37px;
			right: 38%;
		}
		.index_caselist .swiper-button-next:after{
			content:'';
		}
		.index_caselist .swiper-button-prev{
			background: url(../images/leftgo.png) no-repeat center;
			width: 37px;
			height: 37px;
			opacity: 1!important;
			left: 38%;
		}
		.index_caselist .swiper-button-prev:after{
			content:'';
		}
		.index_caselist .more{
			position: absolute;
			bottom: 5px;
			left: 0;
			right: 0;
			margin: 0 auto;
			text-align: center;
			z-index: 999;
			display: inline-block;
			width: 120px;
		}
		.index_caselist .more a{
			border:1px solid #fff;
			padding: 3px 20px;
			color: #fff;
			display: inline-block;
		}
		.index_about{
			padding: 100px 0;
		}
		.index_about .leftinfo{
			float: left;
			width: 50%;
		}
		.index_about .leftinfo h3{
			font-size: 25px;
			color: #333333;
			font-weight: bold;
		}
		.index_about .leftinfo .line{
			background: #334ba5;
			width: 22px;
			height: 2px;
			margin: 20px 0;
		}
		.index_about .leftinfo p{
			font-size: 14px;
			color: #333333;
			line-height: 2;
		}
		.index_about .leftinfo a.learnmore{
			background: #334ba5;
			display: inline-block;
			padding: 3px 20px;
			border-radius: 10px;
			color: #fff;
			margin-top: 20px;
			font-size: 16px;
		}
		.index_about .leftinfo .about_nav{
			padding-top: 30px;
		}
		.index_about .leftinfo .about_nav a{
			border:1px solid #333333;
			display: inline-block;
			width: 32%;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			text-align: center;
			height: 140px;
			border-radius: 10px;
			padding-top: 30px;
		}
		.index_about .leftinfo .about_nav a .select{
			display: none;
		}
		.index_about .leftinfo .about_nav a p{
			font-size: 16px;
			color: #333333;
			padding-top: 5px;
		}
		.index_about .leftinfo .about_nav a:hover{
			background: #334ba5;
			border:1px solid #334ba5;
		}
		.index_about .leftinfo .about_nav a:hover p{
			color: #fff;
		}
		.index_about .leftinfo .about_nav a:hover .comm{
			display: none
		}
		.index_about .leftinfo .about_nav a:hover .select{
			display: inline-block;
		}
		.index_about .rightimg{
			float: right;
			width: 50%;
			text-align: right;
		}
		.index_news .title{
			background: url(../images/index_newbg.jpg) no-repeat center;
			height: 258px;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding-top: 60px;
		}
		.index_news .title{
			text-align: center;
			position: relative;
		}
		.index_news .title h3{
			font-size: 30px;
			color: #fff;
			font-weight: 100;
			letter-spacing: 3px;
		}
		.index_news .title p{
			font-size: 14px;
			display: inline-block;
			color: #fff;
			vertical-align: middle;
		}
		.index_news .title .line {
		    display: inline-block;
		    width: 25px;
		    border-top: 2px solid #fff;
		    vertical-align: 11%;
		}
		.index_news .title .diword{
			position: absolute;
			font-size: 24px;
			color: rgba(137,162,255,.2);
			top: 20px;
			letter-spacing: 2px;
			left: 0;
			right: 0;
		}
		.index_news .title .info{
			height: 130px;
			width: 400px;
			background: rgba(255,255,255,.3);
			margin: 0 auto;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding-top: 30px;
			position: relative;
		}
		.index_newlist{
			padding-top: 20px;
		}
		.index_newlist .item{
			overflow: hidden;
			padding: 25px 0;

		}
		.index_newlist .item .date{
			float: left;
			padding-right: 20px;
			border-right: 1px solid #eaeaea;
			width: 10%;
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
		}
		.index_newlist .item .date h3{
			font-size: 55px;
			color: #c0c0c0;
			font-weight: bold;
		}
		.index_newlist .item .date p{
			font-size: 20px;
			color: #333333;
		}
		.index_newlist .item .info{
			float: left;
			width: 60%;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding-left: 30px;
		}
		.index_newlist .item .info h3{
			font-size: 18px;
			color: #333333;
			padding-bottom: 15px;
		}
		.index_newlist .item .info p{
			font-size: 14px;
			color: #c0c0c0;
			line-height: 2;
		}
		.index_newlist .item .info span{
			font-size: 14px;
			color: #ffffff;
			background: #c0c0c0;
			display: inline-block;
			padding: 3px 10px;
			margin-top: 10px;
		}
		.index_newlist .item .img{
			float: right;
			width: 25%;
			text-align: right;
			height:145px;
			overflow:hidden;
			background-size:100% auto;
			background-position:center;
		}
		.index_newlist .item .img img{
			width: 100%;
		}
		.index_newlist .item:hover{
			background: #f7f7f7;
		}
		.index_newlist .item:hover .date h3{
			color: #333333;
		}
		.index_newlist .item:hover .info h3{
			color: #334ba5;
		}
		.index_newlist .item:hover .info span{
			background: #334ba5;
		}
		.footer{
			background: #1f2022;
			
			padding: 30px 0;
		}
		.footer .leftinfo{
			float: left;
			width: 35%;
		}
		.footer .wx-icon{
			float:left;
			width:25%;
			text-align:center;
		}
		.footer .wx-icon img{
			width:40%;
		}
		.footer .wx-icon p{
			font-size:14px;
			margin-top:10px;
			color:#fff;
		}
		.footer .leftinfo .title h3{
			font-size: 30px;
			color: #ffffff;
			font-weight: 100;
		}
		.footer .leftinfo .title p{
			font-size: 18px;
			color: #ffffff;
		}
		.footer .leftinfo .info{
			padding-top: 15px;
			color: #fff;
		}
		.footer .leftinfo .info p{
			font-size: 14px;
			line-height: 2;
		}
		.footer .map{
			float: right;
			width: 40%;
		}
		.footer .map #mapContainer{
			width: 100%;
			height: 200px;
		}
		.copyright{
			background: #131313;
			color: #fff;
			text-align: center;
			padding: 8px 0;
		}
		.copyright p{
			font-size: 12px;
		}
		.copyright a{
			font-size: 12px;
			color:#fff;
		}
		.location {
		    background: #f5f5f5;
		    color: #4c4c4c;
		    font-size: 14px;
		    padding: 10px 0;
		}
		.products{
			padding: 60px 0;
		}
		.products .index_product_left {
		    float: left;
		    width: 22%;
		    border: 1px solid #848484;
		}
		.products .index_product_left .top {
		    background: #334ba5;
		    color: #fff;
		    text-align: center;
		    padding: 30px 0;
		}
		.products .index_product_left .top h3 {
		    font-size: 24px;
		}
		.products .index_product_left .top p {
		    font-size: 16px;
		}
		.products .index_product_left .bottomnav>ul>li{
			position:relative;
		}
		.products .index_product_left .bottomnav>ul>li>a {
		    font-size: 16px;
		    color: #4c4c4c;
		    padding: 15px 0;
		    text-align: center;
		    display: block;
		    border-bottom: 1px solid #d7d6d6;
		}
		.products .index_product_left .bottomnav>ul>li>a:hover{
			color: #334ba5;
		}
		.products .index_product_left .bottomnav ul li a.on{
			color: #334ba5;
		}
		
		.products .index_product_left .bottomnav .seccate{
			position:relative;
			left:0;
			top:0;
			width:100%;
			border:1px solid #eaeaea;
			background:#f7f7f7;
			text-align:center;
			display:none;
			z-index:99;
		}
		.products .index_product_left .bottomnav .seccate.on{
			display:block;
		}
		.products .index_product_left .bottomnav .seccate a{
			color:#333;
			font-size:14px;
			display:block;
			padding:15px 0;
		}
		
		.products .index_product_left .bottomnav .seccate a:hover{
			background:#334ba5;
			color:#fff;
		}
		.products .rightlist {
		    float: right;
		    width: 75%;
		}
		.products .rightlist ul li {
		    float: left;
		    width: 32%;
		    margin-right: 2%;
		    margin-bottom: 20px;
		    box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-shadow: 2px 2px 5px #eaeaea;
		    border: 1px solid #eaeaea;
		}
		.products .rightlist ul li:nth-child(3n) {
		    margin-right: 0;
		}
		.products .rightlist ul li .img {
		    overflow: hidden;
			height:180px;
			text-align:center;
		}
		.products .rightlist ul li .img img {
		    max-width: 100%;
		    transition: .3s all ease-in-out;
			max-height:100%;
			text-align:center;
		}
		.products .rightlist ul li .info {
		    background: #f7f7f7;
		    padding: 15px 10px;
		    text-align: center;
		    transition: .3s all ease-in-out;
		}
		.products .rightlist ul li .info p {
		    font-size: 12px;
		    color: #4c4c4c;
			white-space:nowrap;
			text-overflow:ellipsis;
			overflow:hidden;
		}
		.products .rightlist ul li:hover .info{
			background: #334ba5;
		}
		.products .rightlist ul li:hover .info p{
			color: #fff;
		}
		.products .rightlist ul li:hover .img img{
			transform: scale(1.1);
		}
		.page {
		    text-align: center;
		    font-size: 14px;
		    color: #606060;
		    padding: 30px 0;
		}
		.page span {
		    border: 1px solid #d2d2d2;
		    padding: 3px 8px;
		    display: inline-block;
		}
		.page a {
		    border: 1px solid #d2d2d2;
		    padding: 3px 8px;
		    display: inline-block;
		}
		.page .on {
		    background: #041458;
		    color: #fff;
		}
		.newlist .title{
			padding: 60px 0 20px 0;
		}
		.newlist .title h3{
			font-size: 36px;
			color: #0e456e;
		}
		.newlist .title p{
			font-size: 18px;
			color: #0e456e;
		}
		.newlist .list_d ul li{
			overflow: hidden;
			padding: 35px 0;
			border-bottom: 1px solid #e3e3e3;
			transition:all .3s ease-in-out;
			
		}
		.newlist .list_d ul li:hover .rightinfo h3{
			color:#041458;
			
		}
		.newlist .list_d ul li:hover .rightinfo p{
			color:#041458;
		}
		.newlist .list_d ul li:hover .rightinfo span{
			color:#041458;
		}
		.newlist .list_d ul li .leftimg{
			float: left;
			width: 25%;
			height:145px;
			overflow:hidden;
			background-size:100% auto;
			background-position:center;
			background-repeat:no-repeat;
		}
		.newlist .list_d ul li .leftimg img{
			width: 100%;
		}
		.newlist .list_d ul li .rightinfo{
			float: right;
			width: 70%;
		}
		.newlist .list_d ul li .rightinfo span{
			display: block;
			font-size: 18px;
			color: #333333;
		}
		.newlist .list_d ul li .rightinfo h3{
			display: block;
			font-size: 18px;
			color: #6a6a6a;
			padding: 10px 0;
		}
		.newlist .list_d ul li .rightinfo p{
			display: block;
			font-size: 14px;
			color: #6a6a6a;
			line-height: 22px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.newlist .list_d ul li .rightinfo .readmore{
			font-size: 14px;
			color: #6a6a6a;
			padding-top: 40px;
		}
		.n_map {
		    padding: 60px 0 30px 0;
		}
		.feedback .title {
		    text-align: center;
		    padding: 60px 0 35px 0;
		}
		.feedback .title h3 {
		    font-size: 30px;
		    color: #334ba5;
		    line-height: 45px;
		}
		.feedback .title .line {
		    display: inline-block;
		    width: 35px;
		    border-top: 2px solid #4c4c4c;
		    vertical-align: 11%;
		}
		.feedback .title .txt {
		    color: #4c4c4c;
		    font-size: 18px;
		    vertical-align: middle;
		    letter-spacing: 2px;
		}
		.feedback .feedbacklist span{
			display: inline-block;
			width: 70px;
			font-size: 14px;
			color: #333333;
			float: left;
			padding-top: 10px;
		}
		.feedback .feedbacklist input[type=text]{
			height: 38px;
			width: 75%;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding-left: 10px;
			outline: none;
			border:1px solid #d9d9d9;
		}
		.feedback .feedbacklist .item{
			overflow: hidden;
			padding: 10px 0;
		}
		.feedback .feedbacklist .inputone{
			width: 46%;
			display: inline-block;
		}
		.feedback .feedbacklist textarea{
			border:1px solid #d9d9d9;
			width: 90%;
			height: 300px;
			color: #b4b4b4;
			padding-left: 10px;
			padding-top: 10px;
			box-sizing: border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			outline: none;
		}
		.feedback .feedbacklist .submit{
			text-align: center;
			padding: 40px 0;
		}
		.feedback .feedbacklist .submit input[type=submit]{
			width: 175px;
			height: 40px;
			background: #334ba5;
			color: #fff;
			border:0;
		}
		.n_about{
			padding: 60px 0;
		}
		.n_about .left{
			width:60%;
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding: 0 10px;
		}
		.n_about .right{
			width:40%;
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
		}
		
		.n_about img{
			max-width: 100%;
		}
		.n_about .right img{
			width:100%;
		}
		.n_case{
			padding: 60px 0;
		}
		.n_case ul li{
			float: left;
			width: 24%;
			margin-right: 1.33%;
			text-align: center;
			margin-bottom:15px;
		}
		.n_case ul li:nth-child(4n){
			margin-right: 0;
		}
		.n_case ul li .img{
			overflow: hidden;
		}
		.n_case ul li .img img{
			width: 100%;
			transition: .3s all ease-in-out;
		}
		.n_case ul li p{
			padding: 5px 0;
			font-size: 14px;
			color: #333;
		}
		.n_case ul li:hover .img img{
			transform: scale(1.1);
		}
		.n_case .title{
			text-align: center;
			padding-bottom: 30px;
		}
		.n_case .title h3 {
		    font-size: 30px;
		    color: #334ba5;
		    line-height: 45px;
		}
		.n_case .title .line {
		    display: inline-block;
		    width: 35px;
		    border-top: 2px solid #4c4c4c;
		    vertical-align: 11%;
		}
		.n_case .title .txt {
		    color: #4c4c4c;
		    font-size: 18px;
		    vertical-align: middle;
		    letter-spacing: 2px;
		}
		.proshow{
			padding: 60px 0;
		}
		.proshow .title{
			text-align: center;
		}
		.proshow .title h3{
			font-size: 30px;
			color: #333;
		}
		.proshow .title span{
			color: #666;
			font-size: 14px;
			display:block;
			padding-top:15px;
		}
		.proshow .BigPic{
			text-align:center;
		}
		.proshow .BigPic img{
			max-width:100%;
		}
		.proshow .zw{
			padding: 30px 0;
		}
		.proshow .zw img{
			max-width: 100%;
		}
		.newshow{
			padding: 60px 0;
		}
		.newshow .title{
			text-align: center;
		}
		.newshow .title h3{
			font-size: 30px;
			color: #333;
		}
		.newshow .title p {
				font-size: 12px;
				margin-top:15px;
			}
		.newshow .title span{
			color: #666;
			font-size: 14px;
			display: block;
			padding-bottom: 5px;
		}
		.newshow .content{
			padding: 30px 0;
		}
		.newshow .content iframe{
			width:700px;
			height:500px;
		}
		.newshow .content img{
			max-width: 100%;
		}
		.contact_info{
			padding-bottom:30px;
		}
		@media screen and (min-width: 300px) and (max-width: 768px){
			.pc {
				display: none;
			}
			
			.newshow .content iframe{
				max-width:100%;
				height:300px;
			}
			.proshow .title h3 {
    font-size: 20px;
    color: #333;
}
			.newshow .title h3 {
				font-size: 18px;
				color: #333;
			}
			.newshow .title p {
				font-size: 12px;
				
			}
			.n_about .left {
				width: 100%;
				padding:10px 10px;
			}
			.n_about .right {
				width: 100%;
			}
			.n_about {
				padding: 30px 0;
			}
			.mobile {
				display: block;
			}
			.container{
				width: 100%;
				padding: 0 10px;
				overflow: hidden;
			}
			.footer .map {
			    display: none;
			}
			.header {
			     background: none;
			    height: 70px;
			}
			.header .logo {
			    line-height: 70px;
			    float: left;
			}
			.header .logo img{
				height: 55px;
			}
			.header .rightword{
				display: none;
			}
			.banner img{
				width: 100%;
			}
			.products .rightlist ul li .img {
				height: 35vw;
				line-height: 35vw;
			}
			.index_product .title h3 {
			    font-size: 25px;
			    color: #334ba5;
			    padding-bottom: 8px;
			}
			.index_product .catelist {
			    padding: 20px 0 10px 0;
			}
			.index_prolist ul li {
			    float: left;
			    width: 49%;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    margin-right: 2%!important;
			    margin-top: 15px;
			}
			.index_prolist ul li:nth-child(2n){
				margin-right: 0%!important;
			}
			.index_prolist ul li .img .info .kuang h3 {
				font-size: 15px;
				font-weight: bold;
				color: #fff;
				text-align: center;
				letter-spacing: 2px;
			}
			.index_prolist ul li .img .info .kuang p {
				font-size: 12px;
				color: #fff;
				text-align: center;
				padding-top: 5px;
			}
			.index_prolist ul li .img .info .kuang {
				position: absolute;
				width: 90%;
				height: 90%;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				border: 2px solid #fff;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				padding-top: 9%;
			}
			.index_case {
			    height: auto;
			    padding: 30px 0 0 0;
			}
			.index_case .title h3 {
			    font-size: 25px;
			    color: #fff;
			    letter-spacing: 2px;
			    padding-bottom: 10px;
			}
			.index_caselist {
			    padding-top: 30px;
			}
			.index_caselist .swiper-wrapper {
			    padding: 0 0 70px 0;
			}
			.index_caselist .swiper-button-next {
			    right: 10%;
			}
			.index_caselist .swiper-button-prev {
			    left: 10%;
			}
			.index_caselist .swiper-button-next, .index_caselist .swiper-button-prev {
			    top: auto;
			    bottom: 20px;
			}
			.index_caselist .img .info p {
				font-size: 14px;
				line-height: 35px;
			}
			.index_caselist .img .info {
				height: 35px;
			}
			.index_caselist .more {
			    bottom: 25px;
			}
			.index_about {
			    padding: 60px 0;
			}
			.index_about .leftinfo {
			    float: left;
			    width: 100%;
			}
			.index_about .rightimg {
			    display: none;
			}
			.footer .leftinfo {
			    float: left;
			    width: 100%;
			}
			.index_newlist .item {
				overflow: hidden;
				padding: 15px 0;
			}
			.index_newlist .item .img {
			    float: right;
			    width: 100%;
			    text-align: right;
			    margin-top: 10px;
			}
			.index_newlist .item .date {
			    display: none;
			}
			.index_newlist .item .img img{
				width: 100%;
			}
			.index_newlist .item .info {
			    float: left;
			    width: 100%;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding-left: 0; 
			}
			.products .index_product_left {
			    float: left;
			    width: 100%;
			    border: 1px solid #848484;
			}
			.products .rightlist {
			    float: right;
			    width: 100%;
			    padding-top: 30px;
			}
			.products .rightlist ul li {
			    float: left;
			    width: 49%;
			    margin-right: 2%!important;
			}
			.products .rightlist ul li:nth-child(2n){
				margin-right: 0!important;
			}
			.products {
			    padding: 30px 0;
			}
			.products .nlist {
			    float: right;
			    width: 100%;
			}
			.products .nlist ul li {
			    overflow: hidden;
			    padding: 10px;
			    position: relative;
			    padding-bottom: 40px;
			}
			.products .nlist ul li .img {
			    float: left;
			    width: 100%;
			}
			.products .nlist ul li .img img{
				width: 100%;
			}
			.products .nlist ul li .info {
			    float: right;
			    width: 100%;
			}
			.products .nlist ul li .info .top{
				padding-top: 10px;
			}
			.products .nlist ul li .info .content {
			    padding: 15px 0;
			}
			.products .nlist ul li .info .top h3 {
			    font-size: 16px;
			    color: #1c1c1c;
			    display: inline-block;
			    width: 70%;
			    white-space:nowrap;
				text-overflow:ellipsis;
				-webkit-text-overflow:ellipsis;
				overflow:hidden;
			}
			.n_case {
			    padding: 30px 0;
			}
			.n_case .title h3 {
			    font-size: 26px;
			    color: #334ba5;
			    line-height: 45px;
			}
			.n_case ul li {
			    float: left;
			    width: 49%;
			    margin-right: 2%!important;
			    text-align: center;
			}
			.n_case ul li:nth-child(2n){
				margin-right: 0!important;
			}
			.newlist .title {
				padding: 20px 0 10px 0;
			}
			.newlist .title h3 {
				font-size: 22px;
				color: #0e456e;
				line-height:18px;
				
			}
			.newlist .title p {
				font-size: 16px;
				color: #0e456e;
			}
			.newlist .list_d ul li {
				width:49%;
				margin-right:2%;
				float:left;
				padding:10px 0;
			}
			.newlist .list_d ul li:nth-child(2n){
				margin-right:0;
			}
			.newlist .list_d ul li .leftimg {
			    float: left;
			    width: 100%;
			}
			.newlist .list_d ul li .rightinfo p {
				display:none;
			}
			.newlist .list_d ul li .rightinfo {
			    float: right;
			    width: 100%;
			    padding: 10px 0;
			}
			.newlist .list_d ul li .rightinfo h3 {
			    display: block;
			    font-size: 14px;
			    color: #6a6a6a;
				line-height:24px;
				padding:0;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				height:48px;
			}
			.newlist .list_d ul li .rightinfo .readmore {
			    font-size: 14px;
			    color: #6a6a6a;
			    padding-top: 15px;
			}
			
			.newlist .list_d ul li:nth-child(2n){
				margin-right:0%;
			}
			.feedback .feedbacklist input[type=text] {
			    height: 38px;
			    width: 100%;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    padding-left: 10px;
			    outline: none;
			    border: 1px solid #d9d9d9;
			}
			.feedback .feedbacklist span {
			    display: inline-block;
			    width: 70px;
			    font-size: 14px;
			    color: #333333;
			    float: left;
			    padding-top: 10px;
			    padding-bottom: 10px;
			}
			.feedback .feedbacklist textarea {
			    border: 1px solid #d9d9d9;
			    width: 100%;
			    height: 250px;
			    color: #b4b4b4;
			    padding-left: 10px;
			    padding-top: 10px;
			    box-sizing: border-box;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			}
			.feedback .title h3 {
			    font-size: 24px;
			    color: #090466;
			    line-height: 45px;
			}
			.feedback .title {
			    text-align: center;
			    padding: 30px 0 10px 0;
			}
			.menu-open {
			    display: block;
			    position: absolute;
			    top: 6px;
			    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;
			}
			.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;
			}
			.nav_mobile{
				position: absolute;
				width: 100%;
				background: #fff;
				z-index: 999;
				display: none;
				padding: 5px 0;
			}
			.nav_mobile ul li a{
				font-size: 16px;
				color: #333;
				text-align: center;
				display: block;
				padding: 5px 0;
			}
			.proshow {
			    padding: 30px 0;
			}
		}
		@media screen and (min-width: 769px) and (max-width: 1200px){
			.container{
				width: 100%;
				padding: 0 10px;
			}
			.banner img{
				width:100%;
			}
			.header .rightword .nav ul li a {
				font-size: 12px;
				color: #fff;
				display: inline-block;
				padding: 3px .5vw;
				border-radius: 10px;
				margin-right: 1vw;
				letter-spacing: 1px;
			}
			.header .logo img {
				height:70px;
			}
		}