.cantact{ background: #f5f5f5;}
.cantact .title{ padding: 50px 0;}
.cantact .title h2{ text-align: center; font-size: 44px; color: #333; padding-bottom: 20px;}
.cantact .title p{ margin: 0 auto; line-height: 26px; text-align: center; font-size: 16px; color: #777;}

.cantact .layer1{ overflow: hidden; background: #fff; padding: 10px; box-sizing: border-box;}
.cantact .layer1 .icon{ width: 980px; height: 717px; float: left;}
.cantact .layer1 .icon img{ display: block; width: 100%; height: 100%;}
.cantact .layer1 .icon #map{ display: block; width: 100%; height: 100%;}


.cantact .layer1 .list{ float: left; box-sizing: border-box; width: calc(100% - 980px); float: left; padding-right: 40px;  padding-left: 45px;}
.cantact .layer1 .list ul{ width: 100%;}
.cantact .layer1 .list ul li{ width: 100%; min-height: 134px; border-bottom: 1px solid #eee;padding: 15px 0;display: flex;align-items: center}
.cantact .layer1 .list ul li .tp{ float: left; width: 70px; height: 100%; position: relative;}
.cantact .layer1 .list ul li .tp img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.cantact .layer1 .list ul li .nr{ width: calc(100% - 70px); float: left;}
.cantact .layer1 .list ul li .nr h2{ font-size: 20px; color: #333; margin-bottom: 15px;}
.cantact .layer1 .list ul li .nr p{ font-size: 18px; color: #777;}
.cantact .layer2{ margin-top: 100px; background: url(/frontEnd/static/img/cantact_16.jpg); height: 855px;background-size: cover;}
.cantact .layer2 .bt{ text-align: center; height: 205px; line-height: 205px; text-align: center; font-size: 44px; color: #fff;}
.cantact .layer2 ul{ width: 60%;margin: auto}
.cantact .layer2 ul li{ position: relative; overflow: hidden; margin-bottom: 20px;}
.cantact .layer2 ul li input{transition: 0.5s; width: 100%; height: 60px; background: rgba(255,255,255,0.5); border: none; outline: none; padding: 0 20px; box-sizing: border-box; color: #fff;}
.cantact .layer2 ul li input.on{ background: #fff;}
.cantact .layer2 ul li input.on:-moz-placeholder{ color: #333;}

.cantact .layer2 ul li input.small{ color: #fff; float: left; width: 32%; display: block; float: left; margin-right: 2%;}
.cantact .layer2 ul li input.small:last-child{ margin-right: 0;}
.cantact .layer2 ul li input.on{ background: #fff; color: #333;}
.cantact .layer2 ul li select{transition: 0.5s; width: 100%; height: 60px; background: rgba(255,255,255,0.5); border: none; outline: none; padding: 0 20px; box-sizing: border-box; color: #fff; appearance:none;}
.cantact .layer2 ul li select.on{ background: #fff; color: #333;}
.cantact .layer2 ul li .arrow{ background: url(/frontEnd/static/images/arrowSet_03.png) center center no-repeat; width: 60px; height: 60px; position: absolute; right: 0; bottom: 0;}
.cantact .layer2 ul li textarea{ transition: 0.5s; width: 100%; height: 220px; background: rgba(255,255,255,0.5); border: none; outline: none; padding: 20px; box-sizing: border-box; color: #fff;}
.cantact .layer2 ul li textarea.on{background: #fff; color: #333;}
.cantact .layer2 button{ width: 220px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #fff; border: none; background: #6eb92b; margin: 20px auto 0 auto;}
.cantact .layer2 button:hover{
    cursor: pointer;
}
::-webkit-input-placeholder {/*webkitÄÚºËä¯ÀÀÆ÷*/color: #fff;}
:-moz-placeholder{/* Firefox 18-*/color: #fff;}
::-moz-placeholder{/* Firefox 19+*/color: #fff;}
:-ms-input-placeholder {fcolor: #fff;}
.service{ width: 100%;}
.serviceList .NrBox{ transition: 0.5s; width: 100%; margin-bottom: 35px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 10px; box-sizing: border-box; height: 420px; background: #fff;}
.serviceList .NrBox .icon{ float: left; width: 710px; height: 400px;}
.serviceList .NrBox .icon img{ display: block; width: 100%; height: 100%;}
.serviceList .NrBox .text{ height: 100%; position: relative; width: calc(100% - 710px); float: right; padding: 20px 50px; box-sizing: border-box;}
.serviceList .NrBox .text h2{ width: 100%; height:70px; line-height:70px;
    border-bottom: 2px solid #eeeeee; font-size: 20px; color: #333;
    position: relative;
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;}
.serviceList .NrBox .text h2::after{ width: 70px; height: 2px; content: ''; position: absolute; left: 0; bottom: -2px; background: #004ea2;}
.serviceList .NrBox .text p{ width: 100%; padding: 35px 0 0 0; font-size: 15px; color: #777; line-height: 30px;}
.serviceList .NrBox .text img{ transition: 0.5s; opacity: 1; display: block; position: absolute; left: 50px; bottom: 30px;}
.serviceList .NrBox .text img.on{ opacity:0;}
.serviceList .NrBox:hover .text img{ opacity: 0;}
.serviceList .NrBox:hover .text img.on{opacity: 1;}
.serviceList .NrBox:hover{ background: #004ea2;}
.serviceList .NrBox:hover .text h2{ color: #fff; border-bottom: 2px solid rgba(255,255,255,0.6);}
.serviceList .NrBox:hover .text h2::after{ background: #fff;}
.serviceList .NrBox:hover .text p{ color: #fff;}
.serviceList .NrBox:nth-child(2n) .text{ float: left;}
.serviceList .NrBox:nth-child(2n) .icon{ float: right;}
.serviceList .hd{ padding-bottom: 40px; width: 100%;}
.serviceList .hd ul{ text-align: center;}
.serviceList .hd ul li{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: inline-block; margin: 0 10px; width: 180px; height: 50px; cursor: pointer; text-align: center; line-height: 50px; color: #777; font-size: 18px;}
.serviceList .hd ul li.on{ background: #004ea2; color: #fff;}

.serviceBottom{ overflow: hidden;}
.serviceBottom .left{ float: left; background: url(/frontEnd/static/img/service_09.jpg); width: 1080px; height: 260px; padding: 70px 80px 0 80px; box-sizing: border-box;}
.serviceBottom .left a{ display: block; width: 100%; height: 100%;}
.serviceBottom .left h2{ font-size: 28px; color: #fff;}
.serviceBottom .left span{ margin: 25px 0; display: block; width: 50px; height: 3px; background: #fff;}
.serviceBottom .left p{ font-size: 15px; color: #fff;}
.serviceBottom .right{ float: right; width: 350px; height: 260px;}
.serviceBottom .right img{ display: block; width: 100%; height: 100%;}
<!--ºÄʱ1754955189.9739Ãë-->