@media screen and (min-width:721px){}
@media only screen and (max-width:720px){}

.coltitle{position:relative;text-align:center;padding-bottom:30px;}
.coltitle:before{display:block;content:'';position:absolute;right:62%;width:80px;height:5px;top:30px;background:url(../images/line01.png) repeat left top;}
.coltitle:after{display:block;content:'';position:absolute;left:62%;width:80px;height:3px;top:30px;background:url(../images/line01.png) repeat left top;}
.coltitle h3{font-size:30px;line-height:120%;}
.coltitle p{padding:10px 0;color:#666;font-size:14px;text-transform:uppercase;}

.product{max-width:1200px; width: 100%; margin:0 auto}
.case{max-width:1200px; width: 100%; margin:0 auto}
.colclass{text-align:center;margin:0 auto 30px;max-width:1200px; width: 100%;}
.colclass a{display:inline-block;line-height:38px;background:#fff;border:1px solid #ddd;padding:2px 24px;margin:0 5px;box-shadow:0 2px 0 rgba(0,0,0,0.15);margin-bottom:15px; font-size:17px;}
.colclass a:hover,.colclass a.on{background:#1262ab;color:#fff;border:1px solid #1262ab;box-shadow:0 2px 0 rgba(51,24,66,0.3);}
.colimglist{margin:0 auto;width:100%;max-width:1200px;background:url(../images/bg3.png) repeat left top;text-align:center;}
	.colimglist ul{overflow:hidden;padding-bottom:30px;}
	.colimglist li{float:left;margin-bottom:40px;transition:all ease-out 0.3s;text-align:center;}	

	.colimglist li a img{margin-bottom:10px;}
	.colimglist li a p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;background:#fff;}

	.prodlist li{width:31.3%;margin: 0 1% 2%;  border: 1px solid #ddd;box-sizing: border-box;}
	.prodlist li:hover{cursor:pointer}
	.prodlist li a{display:block;}
    .prodlist li figure{position: relative;margin: 5px 5px;
        overflow: hidden;
      
        height: 280px;
       
        display: block;
      
    }
    .prodlist li p{ font-size:17px; padding:10px 0;}
	.prodlist li figure img{max-height: 280px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);}
	 .prodlist li:hover {border:1px solid #1262ab;} 
    .prodlist li h4{ margin:10px 0; font-size:15px}
	.caselist li{width:360px;padding:0 15px;}
	.caselist li a{}
	.caselist li a img{width:360px;height:240px;}

.sd,.mn{ margin-bottom:20px;}
.sd{ float:left; width:270px;}
.mn{ float:right; width:900px;}

.pagebanner{ height:300px;}

.position{    background: rgb(237 246 253); font-size: 16px;
    border-bottom: 1px solid #d7ebf7;
    line-height: 60px;
    margin-bottom: 60px;}
.position p{ font-size:12px; line-height:40px; margin-bottom:20px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding-left:300px;}
	.position strong{ color:#ff4c46;}
.position a.home{display:inline-block;background:url(../images/home_mb2x.png) no-repeat left center;padding-left:30px;}

.newslist{}
.newslist ul{margin:0 -20px;}
	.newslist li{float:left;    width: 48%; box-sizing: border-box;
        margin: 0 1%;overflow:hidden;border-bottom:1px dotted #dbd4cd;padding-bottom:25px;margin-bottom:25px;}
		.newslist li .date{float:left;width:60px;height:60px;background:#1262ab;text-align:center;color:#fff;margin-right:15px;}
			.newslist li .date strong{display:block;font-size:23px;line-height:120%;padding-top:8px;}
			.newslist li .date p{font-size:12px;}
		.newslist li .sumary{}
			.newslist li .sumary h4{font-weight:normal;white-space: nowrap; 
                overflow: hidden; 
                text-overflow: ellipsis; }
			.newslist li .sumary h4 a{color:#4a4a4a;font-size:16px;}
				   .newslist li:hover .sumary h4 a{ color:#1262ab; cursor: pointer;}
			.newslist li .sumary p{height:40px;overflow:hidden;font-size:12px;color:#908f8f;}

.info{min-height:500px;}
	.infohead{text-align:center;}
		.infohead h1{ font-size:24px; line-height:30px; color:#333;}
		.infohead p{ font-size:12px; color:#999;}
	.infoedit{ padding:20px 0 50px; line-height:200%; word-break:break-all;font-size:15px; overflow:hidden;}

	.infoedit a{ text-decoration:underline; color:#0093dd;}
	.infoedit img{ max-width:790px; margin-bottom:15px; width: 100%;}
	.infoedit table{ border-collapse:collapse;border:none;}

	.infoedit table { margin-top:10px; border-collapse:collapse; border:1px solid #aaa; width:100%;}
	.infoedit table th { vertical-align:baseline; padding:5px 6px 5px 6px; background-color:#d5d5d5; border:1px solid #aaa; text-align:left;}
	.infoedit table td { vertical-align:text-top; padding:6px 6px 6px 6px; background-color:#efefef; border:1px solid #aaa;}
	.infoedit table pre{ width:auto; margin:0; padding:0; border:0; background-color:transparent;}
	.infoedit table p{margin:0 0 2px 0;}
	.infoedit table ul, .infoedit  table li { list-style-type:none; margin:0; padding:0;}
	.infoedit table td em{ color:#0000ff; font-weight:normal;}
	.infoedit table .table_value {color:#0F93D2;}

	.releate{ padding:20px 0; font-size:12px; margin-bottom:50px;}
	.releate a{ color:#666;}


		.producthead{ padding:30px;}
			.producthead dl{ overflow:hidden;}
			.producthead dl dt{ float:left; margin-right:30px;}
				.producthead dl dt img{ width:300px; height:300px; border:1px solid #ddd;}
			.producthead dl dd{font-size:12px;}
				.producthead dl dd h1{ margin-bottom:20px; font-size:24px;}
	.productinfo{margin:30px;}

.infobox{ border:1px solid #f1f1f1; padding:29px;}
	.infosummary{ overflow:hidden; margin-bottom:20px;}
		.infogallery{ float:left; margin-right:20px;}
			.infogallery a{ display:block; overflow:hidden; width:150px; height:150px;}
			.infogallery img{ width:150px; height:150px; transition:all ease-out 0.3s;}
			.infogallery img:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
		.infoproperty{}
		.infoproperty h1{ line-height:30px;}
		.infodetail{ font-size:12px; color:#ccc; line-height:30px;}
	.infocontent{ background:url(../images/productsummary.jpg) no-repeat center top;}
		.infocontent dt{ line-height:30px; border-bottom:1px solid #ccc;}
			.infocontent dt span{}
		.infocontent dd{ padding:15px 0;}


.pagenum{ clear:both; padding:40px 0; overflow:hidden; _zoom:1; margin:0; text-align:center;}
	.pagenum a{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#ddd; border-radius:5px;}
	.pagenum a:hover,.pagenum a.cur{ background:#1262ab; color:#fff; text-decoration:none;}
	.pagenum span{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#1262ab; color:#fff; border-radius:5px;}

/* 分页 page_num */
.page_num{clear:both;text-align:center;overflow:hidden; line-height: 1; margin:20px 0; font-size:16px}
.page_num a,.page_num span{display:inline-block;padding:6px 12px;margin:0 5px 10px;border:1px solid #ccc; background: rgba(255,255,255,0.52);}
.page_num a:hover{background:#d02128;border:1px solid #d02128;color:#fff;}
.page_num span{background:#d02128;border:1px solid #d02128;color:#fff;}






.contact{background:url(../images/bg3.png) repeat left top;padding-bottom:30px;}
	.contact .mw p{}
    .map{ float:right; width: 48%;}
	/* .linkinfo{float:left;width:530px;} */
		.linkinfo h3{font-size:24px;margin-bottom:40px;line-height:30px;}
		.linkinfo p{line-height:30px;padding:10px 0;padding-left:40px; }
		.linkinfo p:nth-of-type(1){background:url('../images/06.png') no-repeat left center;}

		.linkinfo p:nth-of-type(2){background:url('../images/02.png') no-repeat left center;}
		.linkinfo p:nth-of-type(3){background:url('../images/01.png') no-repeat left center;}
		.linkinfo p:nth-of-type(4){background:url('../images/04.png') no-repeat left top 10px;}
		.linkinfo p:nth-of-type(6){background:url('../images/07.png') no-repeat left center;}
			.linkinfo p:nth-of-type(7){background:url('../images/04.png') no-repeat left top 10px;}

    .vcode{position:absolute;top:1px;right:1px; margin:0}
        .vcode img{height:26px;}
        
.feedback{ display:flex; margin-bottom:50px}
.feedback .flimg{width:80%; padding-right:50px; margin:0}
.feedback .formitems{ flex:0 0 500px}
.formitems{ width:400px; margin:0 auto; padding:20px 0;}
	.formitems input,.formitem textarea{ border:none;}
	.formitem{ padding-bottom:20px;}
	.formitem lable{ font-weight:bold;}
	.formitem p{}	
	.formitem input.txt{ background:#edf6fd; line-height:30px; width:100%;box-shadow:0px 0px 3px rgba(0,0,0,0.3) inset;padding-left: 10px;
    box-sizing: border-box;}
	.formitem textarea.txts{ background:#edf6fd; line-height:30px; width:100%;box-shadow:0px 0px 3px rgba(0,0,0,0.3) inset;}
	.formaction input.btn{ background:#1262ab; height:30px; margin-right:20px; color:#fff; padding:0 30px;}