#1262ab



.coltitle{position:relative;text-align:center;padding-bottom:30px;}
.coltitle:before{display:block;content:'';position:absolute;right:60%;width:80px;height:5px;top:30px;background:url(../images/line01.png) repeat left top;}
.coltitle:after{display:block;content:'';position:absolute;left:60%;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;}

.about{padding-bottom:60px;}
.abouttitle{text-align:center;width:300px;margin:0 auto;position:relative;color:#fff;padding-top:30px;}
.abouttitle:before{position:absolute;z-index:-1;top:0;left:-0px;display:block;content:'';width:0;height:0;border-right:150px solid #1262ab;border-bottom:150px solid transparent;}
.abouttitle:after{position:absolute;z-index:-1;top:0;left:149px;display:block;content:'';width:0;height:0;border-left:150px solid #1262ab;border-bottom:150px solid transparent;}
	.abouttitle h3{font-size:30px;line-height:120%;}
	.abouttitle p{padding:10px 0;font-size:14px;text-transform:uppercase;}
/* .aboutcon{width:400px;margin:0 auto;position:relative;}
	.abouttxt{position:relative;line-height:180%;text-indent:2em;padding-top:100px;height:400px;} */
	.abouttxt p{margin-bottom:10px;}
	.abouttxt a{display:inline-block;width:70px;height:70px;position:absolute;bottom:20px;left:165px;text-align:center;text-indent:0;}
	.abouttxt a img{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);background:#60a9ec;}
	.abouttxt a:hover{transform:rotateX(360deg);}
	.abouttxt a:hover img{background:#1262ab;}
	.abouttxt:after{position:absolute;z-index:-2;top:0;left:-20px;display:block;content:'';width:440px;height:440px;border:1px solid #ddd;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	 .aboutimg{position:absolute;top:0;    left: calc(50% - 600px);
        width: 1200px;} 
		.aboutimg ul{overflow:hidden;}
		.aboutimg li{}
		.aboutimg li:nth-of-type(1){float:left;}
		.aboutimg li:nth-of-type(2){float:right;}
        .aboutcon {
            width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .abouttxt {
            position: relative;
            line-height: 180%;
            text-indent: 2em;
            padding-top: 100px;
            height: 400px;
            width: 400px;
            left: calc(50% - 200px);
        }
      
        

.product{}
.productclass{text-align:center;margin:0 auto 30px;max-width:1200px; width: 100%;}
.productclass a{display:inline-block;line-height:38px;background:#fff;border:1px solid #ddd;padding:0 20px;margin:0 5px;box-shadow:0 2px 0 rgba(0,0,0,0.15);margin-bottom:15px;}
.productclass a:hover{background:#1262ab;color:#fff;border:1px solid #1262ab;box-shadow:0 2px 0 rgba(51,24,66,0.3);}
.productlist{margin:0 auto;width:100%;max-width:1200px;background:url(../images/bg3.png) repeat left top;text-align:center;}
	.productlist ul{overflow:hidden;padding-bottom:30px;}
	.productlist li{float:left;width:33.3%;padding:0 10px;margin-bottom:40px;transition:all ease-out 0.3s;text-align:center; box-sizing: border-box;}	
	.productlist li a{display:block;border:1px solid #ddd;padding:9px;}
	.productlist li a img{width:100%;height:360px;margin-bottom:10px;}
	.productlist li a p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;background:#fff;}
	.productlist li a:hover{border:1px solid #1262ab;}
	

.number{    background: url(../images/ban_5j99.jpg) no-repeat center center;
    color: #fff;
    position: relative;
    background-attachment: fixed;
    margin-bottom: 50px;
    padding: 130px 0 130px !important;
    width: 100%;;}
.number ul{display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 1200px;}
.number li{text-align:center;}
.number li h3{font-size:56px;line-height:70px;}
.number li p{font-size:16px;}
.number li:nth-of-type(1){}
.number li:nth-of-type(2){}
.number li:nth-of-type(3){}
.number li:nth-of-type(4){}

.case{}
.Caselist{margin-bottom:60px;}
.Caselist ul{margin:0 -30px;overflow:hidden;padding-bottom:40px;}
.Caselist li{float:left;width:33.3%;padding:0 30px; box-sizing: border-box;}
.Caselist li a{display:block;}
.Caselist li a img{width:100%;height:240px;}
.Caselist li a p{padding:10px 0;}
.Caselist a.more{display:block;width:140px;height:40px;line-height:40px;text-align:center;background:#fff;margin:0 auto;border:1px solid #ddd;}
.Caselist a.more:hover{background:#1262ab;color:#fff;border:1px solid #1262ab;}


.contact{background:url(../images/bg3.png) repeat left top;padding-bottom:30px;}
	.contact .mw p{}
	.linkinfo{float:left;width:50%;}
		.linkinfo h3{font-size:24px;margin-bottom:40px;line-height:30px;}
		.linkinfo p{line-height:44px;padding-left:40px;}
		.linkinfo p:nth-of-type(1){background:url('../images/01.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/02.png') no-repeat left center;}
		.linkinfo p:nth-of-type(4){background:url('../images/02.png') no-repeat left center;}
		.linkinfo p:nth-of-type(5){background:url('../images/04.png') no-repeat left center;}
		.linkinfo p:nth-of-type(6){background:url('../images/03.png') no-repeat left center;}
	.message{float:right;width:48%;}
		.messagehead{background:url(../images/pis.jpg) no-repeat left top;height:97px;text-align:right;padding-right:30px;margin-bottom:15px;}
			.messagehead h3{font-size:21px;font-weight:normal;padding-top:30px;}
			.messagehead p{font-size:12px;}
		.messageform{}
		.messageform ul{}
		.messageform li{position:relative;margin-bottom:10px;}
		.messageform li label{}
		.messageform li input{background:#fff;width:508px;}
		.messageform li input.txt{border:1px dashed #aaa;height:33px;background-color:#eee;}
		.messageform li textarea.txt{border:1px dashed #aaa;height:60px;width:508px;background-color:#eee;}
		.messageform li input.btn{height:35px;width:150px;background:#1262ab;color:#fff;}