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

.contact{ overflow: hidden; background: #f5f5f5;}
.contact .lianxi_ml{background: #067df9;color: #fff;padding: 30px;overflow: hidden;float: left; width: 320px;}
.contact .lianxi_ml span{ float: left;font-family: Arial, Helvetica, sans-serif;}
.contact .lianxi_ml span:nth-child(1){overflow: hidden;font-size: 38px;font-weight: bold;line-height: 52px;margin-bottom: 18px;}
.contact .lianxi_ml span:nth-child(2){width: 315px;border: solid 2px #fff;font-size: 30px;text-align: center;margin-bottom: 18px;line-height: 45px;}
.contact .lianxi_ml span:nth-child(3){font-size: 24px;font-style: italic;line-height: 40px;}
.contact .lianxi_mr{ float: right; overflow: hidden; width: 780px;}

.contact .lianxi_mr i {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 100px;font-weight: bold;line-height: 100px;color: #333;position: absolute;overflow: hidden;margin-top: 18px;font-style:normal;}
.contact .lianxi_mr div{width: 550px;float: left;overflow: hidden;padding-left: 80px;padding-right: 20px;padding-top: 25px;line-height: 24px;color: #333;font-size: 16px;}
.contact .lianxi_mr div span {font-size: 24px;font-weight: bold;line-height: 60px;color: #333;}
.contact .lianxi_mr i:nth-child(3) {margin-top: 160px;}


.contact .clearfix{ float: left;}
.contact .clearfix li{ float: left;}
.contact .clearfix li .box {width: 240px;padding-bottom: 47px;background: #f4f3f3;margin-right: 0px;text-align: center;cursor: pointer;transition: all .5s;}
.contact .clearfix li img {margin-top: 30px;width: 132px;height: 132px;}
.contact .clearfix li p {font-size: 20px;margin-top: 30px;margin-bottom: 22px;font-weight: bold;padding: 0 10px;}
.contact .clearfix li i {width: 60px;height: 1px;background: #595757;display: block;margin: auto;margin-bottom: 16px;transition: all .5s;}
.contact .clearfix li span {display: block;font-size: 18px;line-height: 26px;padding: 0 20px;height: 75px;overflow: hidden;}
.contact .clearfix li .box:hover{background: #067df9;box-shadow: 0px 0px 20px #aaa;color: #fff;}
.contact .clearfix li:hover i{background: #fff;}
.contact .clearfix li:hover img {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);transition: all .5s;}

.contact .tcom01 { float: left; width: 100%; height: auto;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.contact .tcom01 li {padding: 3% 0 3% 2.5%;border-right: 1px solid #ddd;font-size: 15px;float: left;width: 569px;}
.contact .tcom01 img {width: 150px;padding-right: 30px;}
.contact .tcom01 span{padding-left:15px;}
.contact .tcom01 li:nth-child(2){text-align: center; padding-left: 0; border: none;}
.contact .tcom01 p {line-height: 38px;font-size: 15px;margin: 0;}

.contact .formData{padding: 28px 0 48px;text-align: center; background: #fff;}
.contact .formData .titb{font-size: 48px; margin-bottom: 16px;font-weight: bold;}
.contact .formData .txt{font-size: 16px; line-height: 24px;}
.contact .formData .txt span{font-weight: bold; color: #dc0000;}

.Data{ float: left;padding-bottom: 20px; background: #fff;}
.Data .item{float: left; color: #333; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-bottom: 30px; position: relative;}
.Data .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #333;}
.Data .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}
.Data .item .txt{width: 500px; height: 50px; line-height: 50px; display: block; background: #f4f3f3; padding-left: 60px; border: 0 none; color: #333;}
.Data .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.Data .item.mr0{ float: right;}
.Data .msg-box{position: absolute; left: 0; top: 0px;}
.Data .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}
.Data .liuyan label{text-align: right; display: block;}
.Data .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: #f4f3f3;resize: none;display: block;outline: none;}
.Data .bot{ float: right; width: 232px;}
.Data .sub{ width: 100%;line-height: 46px;border: 2px solid #001149;margin-right: 2px;text-align: center;background: #001149;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.Data .sub:hover{background: #dc0000;color: #fff;border: 2px solid #dc0000;}
.Data .yzm{width: 432px;}
.Data .yzm .txt{padding-left: 80px;}
.Data .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}