@charset "utf-8";
/* CSS Document */
.banner{width:100%;height:350px;background:url("/res/im/global/img/banner.jpg") no-repeat center center;}
.im-banner{ height:340px; background-color:#fff; position:relative;}
.im-banner .contact{ padding-top:50px;margin-left: -25px;}
.im-banner .contact li{ width:362px;text-align:center; height:178px; padding-top:30px;display:inline-block; margin-left:30px;  border-radius:10px; transition:all .2s; border:1px solid #e6edf2;}
.im-banner .contact li {
    background: -webkit-linear-gradient(#fff, #f0f7fc); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff, #f0f7fc); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff, #f0f7fc); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff, #f0f7fc); /* 标准的语法 */
}
.im-banner .contact li:hover {
     background: -webkit-linear-gradient(#3faefb, #2d98e9); /* Safari 5.1 - 6.0 */
     background: -o-linear-gradient(#3faefb, #2d98e9); /* Opera 11.1 - 12.0 */
     background: -moz-linear-gradient(#3faefb, #2d98e9); /* Firefox 3.6 - 15 */
     background: linear-gradient(#3faefb, #2d98e9); /* 标准的语法 */
 }
.im-banner .contact li:hover p{color:#fff;}
.im-banner .contact li .img1{width:104px;height: 103px;background: url("/res/im/global/img/icon_hqq.png") no-repeat center center;margin: 0 auto;}
.im-banner .contact li:hover .img1{width:104px;height: 103px;background: url("/res/im/global/img/icon_hqq-hover.png") no-repeat center center;}
.im-banner .contact li .img2{width:104px;height: 103px;background: url("/res/im/global/img/icon_tel.png") no-repeat center center;margin: 0 auto;}
.im-banner .contact li:hover .img2{width:104px;height: 103px;background: url("/res/im/global/img/icon_tel-hover.png") no-repeat center center;}
.im-banner .contact li .img3{width:104px;height: 103px;background: url("/res/im/global/img/icon_pdf.png") no-repeat center center;margin: 0 auto;}
.im-banner .contact li:hover .img3{width:104px;height: 103px;background: url("/res/im/global/img/icon_pdf-hover.png") no-repeat center center;}

.im-banner .contact li p{ font-size:18px; color:#333;margin-top: 5px;}
.im-banner .contact a{ color:#333;text-decoration: none;}
.im-contact-txarbox{ width:864px; margin:0 auto; padding:30px;}
.im-contact-txar{ border:#ddd solid 1px; padding:20px 30px; line-height:24px; height:160px; width:800px; margin-bottom:20px; border-radius:20px; font-size:14px;}

.im-contact-btn{ background-color:#137fd7 !important; border:none; float:right; border-color:#137fd7; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; font-size:16px; border-radius:21px; display:inline-block; cursor:pointer; }
.im-contact-btn:hover{ border-color:#137fd7;}