@charset "utf-8";
/* CSS Document */

.bcontact {background: url(../images/contact-banner.jpg) 50% 50% no-repeat;}
.container{margin:0 auto;overflow:hidden;width:1100px}
.contact-tit h1{height:42px;line-height:30px;background:url(http://static.zzboiler.com/web/images/bg2.png) no-repeat center bottom;font-size:30px;text-align:center;font-weight:inherit;color:#333;margin:0 auto}
.contact{width:1100px;}
.contact-pt{width:350px;height:317px;float:left;margin:0 8px}
.contact .part{background-color:#f5f5f5;-webkit-transition-property: background-color;-webkit-transition-duration: 1s;-webkit-transition-timing-function: ease;}
.contact .part span{background:url(http://static.zzboiler.com/web/images/lx_3.png) no-repeat}
.contact .part:hover{background-color: #424355;-webkit-transition-property: background-color;-webkit-transition-duration: 1s;-webkit-transition-timing-function: ease;}
.contact .part:hover span{background-position-y:-72px;}
.contact .part:hover p {color:#fff;}
.contact .part:hover b {color:#fff;}
.contact .part:hover a {color:#fff;}
.contact .part a {color:#333;}
.contact .part span {width:72px;height:72px;margin:0 auto;margin-top:40px;display: block;}
.contact .part .span1{background-position: 0 0;}
.contact .part .span2{background-position: -72px 0;}
.contact .part .span3{background-position: -144px 0;}
.contact .part b{width:100%;font-size:20px;text-align:center;color:#333;display:block;margin-top:15px;line-height:40px;font-weight:inherit;}
.contact .part1 p{width:100%;font-size:16px;text-align:center;color:#333;display:block;line-height:35px;margin-top:10px;}
.contact .part2 p{width:243px;padding:0 60px;font-size:16px;text-align:center;color:#333;display:block;line-height:35px}
.contact .part3 p{width:150px;font-size:16px;text-align:center;color:#333;line-height:35px;float:left;margin-top:20px;overflow:hidden;display:inline;}
.contact .part3{position: relative;}
.weixin{cursor:pointer;display:none}
.weixin:hover .weima{opacity: 1;filter:alpha(opacity=100);transition:all 1s;}
.weima{position:absolute;width:174px;height:190px;top:252px;left:164px;opacity: 0;filter:alpha(opacity=0);transition:all 1s;}

@media screen and (max-width:1100px){
.bcontact {background: url(../images/pgcontact_s.jpg) 50% 50% no-repeat;}
.container,.cpnav,.header .hdbox,.navlist,.wrapper{width:990px}
.contact {width: 1030px;}
.contact .part1 p {width: 80%;padding: 0 10%;}
.contact .part2 p {width: 80%;padding: 0 10%;}
.contact .part3 p {width: 125px;}
.weima{left: 125px;}
.contact-pt {width: 30%;height: 317px;float: left;margin-right: 3%;}