@charset "utf-8";
@import url("base.css");
.footer{ margin-top: 0 }
input[type="button"] {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 4px;
	cursor: pointer;
	padding: 6px 20px;
	color: #fff;
	font-size: 16px;
	background: #0080bf;
	box-shadow: 1px 1px 2px rgba(64, 64, 64, 0.3);
}
input[type="button"]:hover {
	background: #046da0;
}
/* 网站主题样式 */
.banner{ width: 100%; height: 450px; background: url(../images/banner-contact.jpg) no-repeat center;  background-size: cover; text-align: center;}
.banner h2,.banner i,.banner p{  display: block; color: #fff; line-height: 40px; font-size: 18px; text-align: center;}
.banner h2{ font-size: 44px; font-weight: 100; margin-top: 150px; }
.contact-detail {width: 100%;overflow: hidden; text-align: left;}
.contact-detail li {float: left;width: 24%;margin: 0.5%;padding: 40px 0 168px 0;}
.contact-detail li a {display: block;margin-right: 20px;text-indent: -9999px;float: left;width: 90px;height: 90px;border-radius: 50%;box-shadow: 0 0 0 1px rgba(255,255,255,1);-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.contact-detail li a:hover {background-color: rgba(221,66,80,1);color: #fff;box-shadow: 0 0 0 3px rgba(221,66,80,0.3);}
.contact-detail li a.am-byqq {background-image: url(../images/c_bg.png);background-repeat: no-repeat;background-position: -90px 0px;}
.contact-detail li a:hover.am-byqq {background-position: 0px 0px;}
.contact-detail li a.am-byemail {background-image: url(../images/c_bg.png);background-repeat: no-repeat;background-position: 0px -90px;}
.contact-detail li a.am-byweibo {background-image: url(../images/c_bg.png);background-repeat: no-repeat;background-position: 0px -180px;}
.contact-detail li a.am-byphone {background-image: url(../images/c_bg.png);background-repeat: no-repeat;background-position: 0px -270px;}
.contact-detail li span {display: block;padding: 25px 0 0 0;line-height: 20px;color: #fff;overflow: hidden;text-overflow: hidden;white-space: nowrap;}
.contact-detail li em {display: block;font-size: 14px;line-height: 30px;color: #e40013;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/***************关于我们样式*******************/

/*我们的服务理念模块样式*/

.box-message{ background: url(../images/join-bg.jpg) no-repeat center; height: 1056px; overflow: hidden; }
.box-message .tit {padding: 100px 0 40px 0;overflow: hidden;text-align: center;color: #fff;}
.box-message .tit b {margin: 0;font-size: 44px;font-weight: 100;line-height: 40px;height: 40px;padding: 5px 0;color: #fff; display: block;}
.box-message .tit em {padding: 0; font-size: 22px;display: block;}
.box-message .tit p {font-size: 22px;line-height: 30px;color: #ccc; margin-top: 20px;}

.box-message .con {min-height: 420px; background: rgba(255,255,255,0.8); padding: 50px 100px; margin: 20px 200px;}
.box-message .con ul {margin: 0 auto;overflow: hidden;}
.box-message .con ul li {margin: 30px 0;}

.box-message .con ul li label {font-size: 16px;line-height: 47px;color: #333; margin-right: 10px;}
.box-message .con ul li label em {color: #c84537;}
.box-message .con ul li input[type="text"], .ctxt {display: block;border: 1px solid #ccc;padding: 10px;height: 25px;line-height: 25px;font-size: 16px;border-radius: 0px;-webkit-transition: box-shadow 0.30s ease-in-out;-moz-transition: box-shadow 0.30s ease-in-out;transition: box-shadow 0.30s ease-in-out;}
.box-message .con ul li input[type="text"]:focus, .ctxt:focus {box-shadow: 0 0 8px rgba(152,152,152,0.87); outline: none;}
.box-message .con ul li textarea, .ctxtarea {display: block;border: 1px solid #ccc;padding: 10px;height: 120px;line-height: 30px;border-radius: 4px;font-size: 16px;overflow: auto;x-overflow: hidden;-webkit-transition: box-shadow 0.30s ease-in-out;-moz-transition: box-shadow 0.30s ease-in-out;transition: box-shadow 0.30s ease-in-out;}
.box-message .con ul li textarea:focus, .ctxtarea:focus {box-shadow: 0 0 8px rgba(152,152,152,0.87); outline: none;}
.box-message .con input[type="button"].submit {display: block;margin: 10px auto;padding: 15px 0px;font-size: 18px; border: none; width: 100%;}


.box-contact .left{ width: 650px; height: 600px }
.box-contact .right{ width: 550px; height: 600px; background: url(../images/contact-img.jpg) no-repeat 0 center; color: #fff }
.box-contact .right h2{ font-size: 40px; padding-left: 70px; margin: 70px 0 30px 0; }
.box-contact .right p{ padding-left: 70px; height: 30px; line-height: 30px; }
.box-contact .right p.ewm{ display: inline-block; text-align: center; margin-top: 30px; font-size: 18px; }
.box-contact .right p.ewm img{ width: 200px; }