@charset "utf-8";



/*title*/

.miantitle{text-align: center;margin-bottom: 35px;}

.miantitle h3{font-size: 40px;color: #222;font-weight: bold;line-height: 40px;text-transform: uppercase;}

.miantitle span{font-size: 24px;color: #444;display: block;line-height: 45px;}

.miantitle p{font-size: 16px;line-height: 28px;}

/*关于*/

.main1{padding: 40px 0;overflow: hidden;}

.main1 ul li{width: 314px;float: left}

.main1 ul li a{display:block;overflow:hidden;padding-left:110px;height:90px;}

.main1 ul li .main1info{margin: 20px 0;}

.main1 ul li .main1info h3{font-size: 18px;color: #222;}

.main1 ul li .main1info p{font-size: 14px;color: #666666;}

.main1 ul li a:hover .main1info h3{color: #1a2583;}

.main1 ul li.i1 a{background:url(../images/1.png) no-repeat center left;}

.main1 ul li.i2 a{background:url(../images/2.png) no-repeat center left;}

.main1 ul li.i3 a{background:url(../images/3.png) no-repeat center left;}

.main1 ul li.i4 a{background:url(../images/4.png) no-repeat center left;}

.main1 ul li.i1 a:hover{background:url(../images/1h.png) no-repeat center left;}

.main1 ul li.i2 a:hover{background:url(../images/2h.png) no-repeat center left;}

.main1 ul li.i3 a:hover{background:url(../images/3h.png) no-repeat center left;}

.main1 ul li.i4 a:hover{background:url(../images/4h.png) no-repeat center left;}



/*服务领域*/

.main2{padding: 70px 0 120px 0;}

.main2 .main2bottom{position: relative;}

.main2 .main2bottom .block{height: 675px;position: relative;}

.main2 .main2bottom .block ul{position: relative;}

.main2 .main2bottom .block li a{height: 265px;width: 265px;color: #fff;display: table-cell;text-align: center;vertical-align: middle;}

.main2 .main2bottom .block li p{line-height: 22px;margin-top: 16px;font-size:14px;}

.main2 .main2bottom .block li b{text-transform: uppercase;}

.main2 .main2bottom .block1 ul{height: 675px;width: 265px;}

.main2 .main2bottom .block1 li{left: 0;position: absolute;}

.main2 .main2bottom .block1 .l1{background: url(../images/m1.jpg) no-repeat center center;top: 0;}

.main2 .main2bottom .block1 .l2{background: url(../images/m2.jpg) no-repeat center center;top: 265px;}

.main2 .main2bottom .block2{width: 464px;}

.main2 .main2bottom .block2 .contact_us{height: 385px;overflow: hidden;padding: 60px 40px 20px;width: 384px;background: #f5f5f5;}

.main2 .main2bottom .block2 .contact_us h3{color: #474747;font-size: 38px;font-weight: bold;}

.main2 .main2bottom .block2 .contact_us p{color: #707070; font-size:14px;}
.main2 .main2bottom .block2 .contact_us p span{color: #286299;font-size: 18px;display: block;margin-bottom: 10px;font-weight: bold;}
.main2 .main2bottom .block2 .contact_us .p1{margin-top: 20px;}

.main2 .main2bottom .block2 .contact_us .p2{margin-top: 60px;}

.main2 .main2bottom .block2 .contact_us i{color: #616161;font-size: 30px;line-height: 40px;margin-top: 8px;display: block;}

.main2 .main2bottom .block2 ul{height: 210px;width: 464px;}

.main2 .main2bottom .block2 li{background: url(../images/m4.jpg) no-repeat center center;height: 250px;left: 0;position: absolute;top: 0;}

.main2 .main2bottom .block2 li a{height: 210px;width: 464px;}

.main2 .main2bottom .block3 ul{height: 265px;width: 530px;}

.main2 .main2bottom .block3 li{position: absolute;top: 0;}

.main2 .main2bottom .block3 .l1{background: url(../images/m5.jpg) no-repeat center center;left: 0;}

.main2 .main2bottom .block3 .l2{background: url(../images/m6.jpg) no-repeat center center;right: 0;}

.main2 .main2bottom .block3 .chain{color: #fff;left: 0;position: absolute;text-align: center;top: 265px;width: 530px;}

.main2 .main2bottom .block3 .chain .title{color: #fff;display: table-cell;height: 326px;text-align: center;padding: 0;vertical-align: middle;width: 530px;background: url(../images/m7.jpg) no-repeat center center }

.main2 .main2bottom .block3 .chain a{background-color: #4a4a4a;color: #fff;display: block;font-size: 60px;height: 124px;line-height: 124px;width: 530px;}

.main2 .main2bottom .block3 .chain a:hover{background:#286299;}

.main2 .main2bottom .block li:hover p{color: #e3e3e3;}

.main2 .main2bottom .block li:hover b{color: #e3e3e3;}



/*产品*/

.main3{padding: 70px 0 100px 0;overflow: hidden;background: url(../images/bg.jpg) repeat top left;}

.main3 .main3con{overflow: hidden;}

.main3 .main3con .main3left{width: 630px;}

.main3 .main3con .intro1{height: 312px;width: 630px; position: relative;}

.main3 .main3con .intro2{height: 178px;width: 315px; position: relative;}

.main3 .main3con .intro3{height: 315px;width: 315px; position: relative;}

.main3 .main3con .intro4{height: 493px;width: 314px; position: relative;}

.main3 .main3con .intro5{height: 315px;width: 315px; position: relative;}

.main3 .main3con .intro6{height: 178px;width: 315px; position: relative;}

.main3 .main3con .intro7{height: 493px;width: 315px; position: relative;}

.main3 .main3con .intro8{height: 312px;width: 629px; position: relative;}

.main3 .main3con .layer{height: 100%;text-align: center;width: 100%;position: absolute;top: 0;left: 0;background: url(../images/layker.png) repeat center center;}

.main3 .main3con .layer:hover{background: none;}

.main3 .main3con .layer .wrap_img{height: 80px;padding-top: 90px;}

.main3 .main3con .layer .wrap_img .img{display: block;margin: 0 auto;height: 60px;width: auto;}

.main3 .main3con .layer h4{color: #fff;font-size: 20px;line-height: 28px;text-transform: uppercase;}

.main3 .main3con .intro2 .layer .wrap_img{padding-top: 40px;}

.main3 .main3con .intro5 .layer .wrap_img{padding-top: 100px;}

.main3 .main3con .intro4 .layer .wrap_img{padding-top: 200px;}

.main3 .main3con .intro7 .layer .wrap_img{padding-top: 200px;}

.main3rtop{overflow: hidden;}



/*案例*/

.main4{padding: 70px 0 70px 0;overflow: hidden;background: url(../images/bg.jpg) repeat top left;}

.main4 .main4con{margin-top: 40px;overflow: hidden;}

.main4 .main4con .main4left{width: 630px;border-right: 1px solid #cdcdcd;margin-right: 30px;}

.main4 .main4con .main4left img{margin-right: 20px;width: 316px;height: 176px;}

.main4 .main4con .main4left .main4txt{width: 280px;height: 176px;}

.main4 .main4con .main4left .main4txt h3{height: 36px;line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 18px;margin-bottom: 10px;}

.main4 .main4con .main4left .main4txt h3 a{color: #005baa;}

.main4 .main4con .main4left .main4txt span{margin-top: 10px;}

.main4 .main4con .main4left .main4txt p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: 10px;}

.main4 .main4con .main4left .main4txt p a{color: #666666;}

.main4 .main4con .main4left:hover .main4txt h3 a{color: #f5a101;}

.main4 .main4con .main4right{width: 570px;}

.main4 .main4con .main4right ul li{margin-bottom: 15px;overflow: hidden;}

.main4 .main4con .main4right ul li .main4time{width: 45px;height: 45px;border: 1px solid #cdcdcd;text-align: center;margin-right: 15px;color: #666666;}

.main4 .main4con .main4right ul li .main4time h3{font-size: 20px;width: 45px;margin-top: 2px;}

.main4 .main4con .main4right ul li .main4desc{width: 505px;}

.main4 .main4con .main4right ul li .main4desc h3{font-size: 18px;color: #333;}

.main4 .main4con .main4right ul li .main4desc p{white-space:nowrap;height:32px;line-height:32px;overflow:hidden;text-overflow:ellipsis;}

.main4 .main4con .main4right ul li .main4desc p a{color: #666666;}

.main4 .main4con .main4right ul li:hover .main4time{color: #f5a101;border: 1px solid #f5a101;}

.main4 .main4con .main4right ul li:hover .main4desc h3{color: #f5a101;}

.main4 .more{text-align: center;margin: 10px auto 0 auto;}

.main4 .more a{height: 40px;display: block;border: 1px solid #327bc0;line-height: 40px;width: 170px;color: #327bc0;text-align: center;margin: 0 auto;}

.main4 .more a:hover{border:1px solid #f5a101;background:#f5a101;color:#fff;}