www.zfire.com/css/main.css

.global_newsList li {

  float: left;

  width: 30%;

  margin-right: 5%;

  border: 1px solid #eaeaea;

  box-sizing: border-box;

  margin-bottom: 60px;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);

  background: #fff;

}

.global_newsList li:hover .title span {

  color: #00A4FF;

  border-bottom: 1px solid #00A4FF;

}

.global_newsList li .img img {

  width: 100%;

}

.global_newsList li .bottom {

  padding: 20px 25px;

}

.global_newsList li .bottom .date {

  font-size: 16px;

  color: #999;

  line-height: 24px;

}

.global_newsList li .bottom .title {

  font-size: 18px;

  color: #333;

  line-height: 30px;

}

.global_newsList li .bottom .des {

  font-size: 14px;

  color: #999;

  line-height: 24px;

  margin-top: 15px;

  height: 48px;

}

.global_newsList li:nth-of-type(3n) {

  margin-right: 0;

}

.global_newsList .more {

  padding-bottom: 80px;

}

.global_newsList .more a {

  display: block;

  width: 100%;

  line-height: 64px;

  font-size: 16px;

  color: #333;

  background: #f2f1f6;

  text-align: center;

}

.global_banner {

  padding-top: 0px;

  position: relative;

}

.global_banner .img {

  width: 300%;

  margin-left: -100%;

  text-align: center;

}

.global_banner .mask {

  position: absolute;

  top: 100px;

  left: 0;

  z-index: 99;

  width: 100%;

  height: 290px;

  text-align: center;

}

.global_banner .mask .p1 {

  font-size: 40px;

  color: #333;

  line-height: 60px;

  padding-top: 110px;

}

.global_banner .mask .p2 {

  font-size: 18px;

  color: #666;

  line-height: 40px;

}

.global_menu_w .global_menu {

  text-align: center;

  padding: 10px 0 100px;

}

.global_menu_w .global_menu ul {

  display: inline-block;

  border-radius: 5px;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

.global_menu_w .global_menu ul li {

  float: left;

  padding: 0 10px;

}

.global_menu_w .global_menu ul li a {

  display: block;

  width: 130px;

  line-height: 58px;

  font-size: 16px;

  color: #464646;

  border-bottom: 2px solid #fff;

}

.global_menu_w .global_menu ul li.current a {

  color: #26ABFF;

  border-bottom: 2px solid #26ABFF;

}

.news_detail_w .news_detail .top {

  border-bottom: 1px solid #eaeaea;

  text-align: center;

  padding-bottom: 20px;

}

.news_detail_w .news_detail .top .title {

  font-size: 36px;

  color: #333;

  line-height: 60px;

}

.news_detail_w .news_detail .top .info {

  font-size: 16px;

  color: #B0B0B0;

  line-height: 50px;

}

.news_detail_w .news_detail .content {

  padding: 30px 0;

  font-size: 14px;

  color: #333;

  line-height: 20px;

}

.news_detail_w .news_detail .bottom {

  line-height: 80px;

  border-top: 1px solid #eaeaea;

  font-size: 14px;

  padding-bottom: 50px;

}

.news_detail_w .news_detail .bottom a {

  font-size: 14px;

}

.contact_way_w .contact_way {

  text-align: center;

  padding: 90px 0 0;

}

.contact_way_w .contact_way .contact_way_title {

  font-size: 24px;

  color: #000;

  line-height: 40px;

}

.contact_way_w .contact_way .contact_way_text {

  font-size: 16px;

  color: #5C5C5C;

  line-height: 30px;

}

.contact_way_w .contact_way .list {

  padding: 50px 0;

}

.contact_way_w .contact_way .list .li {

  width: 28%;

  border-right: 1px solid #eaeaea;

  text-align: center;

  float: left;

  box-sizing: border-box;

}

.contact_way_w .contact_way .list .li .icon i {

  display: inline-block;

  width: 72px;

  height: 72px;

  border-radius: 50%;

  background: #00A4FF;

  line-height: 72px;

  font-size: 24px;

  color: #fff;

}

.contact_way_w .contact_way .list .li .title {

  font-size: 16px;

  color: #000;

  line-height: 30px;

  padding-top: 20px;

}

.contact_way_w .contact_way .list .li .text {

  font-size: 16px;

  color: #5E5E5E;

  line-height: 30px;

  padding: 0 15%;

  height: 60px;

}

.contact_way_w .contact_way .list .img {

  padding-top: 10px;

}

.contact_way_w .contact_way .list .img img {

  width: 120px;

}

.contact_way_w .contact_way .list .img .text {

  font-size: 16px;

  color: #000;

  line-height: 40px;

}

.contact_message_w .contact_message {

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  padding: 60px 0;

  position: relative;

  z-index: 99;

  background: #fff;

}

.contact_message_w .contact_message .contact_message_title {

  font-size: 24px;

  color: #000;

  line-height: 40px;

  text-align: center;

}

.contact_message_w .contact_message .contact_message_text {

  font-size: 16px;

  color: #5C5C5C;

  line-height: 30px;

  text-align: center;

}

.contact_message_w .contact_message .contact_message_text a {

  color: #00A4FF;

}

.contact_message_w .contact_message .form {

  padding: 0 15%;

}

.contact_message_w .contact_message .form .input_w {

  padding-top: 50px;

}

.contact_message_w .contact_message .form .input_w .input {

  width: 48%;

  position: relative;

}

.contact_message_w .contact_message .form .input_w .input input {

  width: 92%;

  height: 54px;

  border: 1px solid #eaeaea;

  border-radius: 5px;

  padding: 0 4%;

  font-size: 16px;

  color: #333;

}

.contact_message_w .contact_message .form .input_w .input label.error {

  position: absolute;

  top: 0;

  right: 10px;

  line-height: 56px;

  font-size: 14px;

  color: #ff0000;

}

.contact_message_w .contact_message .form .textarea {

  padding-top: 30px;

}

.contact_message_w .contact_message .form .textarea textarea {

  width: 96%;

  height: 184px;

  padding: 15px 2%;

  border: 1px solid #eaeaea;

  border-radius: 5px;

  font-size: 16px;

  color: #333;

  resize: none;

}

.contact_message_w .contact_message .form .button {

  padding-top: 20px;

}

.contact_message_w .contact_message .form .button button {

  width: 100%;

  height: 48px;

  border: none;

  background: #00A4FF;

  font-size: 16px;

  color: #fff;

  border-radius: 5px;

  cursor: pointer;

}

.contact_map_w {

  margin-top: -150px;

}

.global_caseList li {

  float: left;

  width: 30%;

  margin-right: 5%;

  box-sizing: border-box;

  margin-bottom: 60px;

}

.global_caseList li:hover .title span {

  color: #00A4FF;

  border-bottom: 1px solid #00A4FF;

}

.global_caseList li .img {

  padding: 10px;

  background: #f5f5f5;

  border-radius: 5px;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);

}

.global_caseList li .img img {

  width: 100%;

}

.global_caseList li .bottom {

  padding: 20px 25px;

  text-align: center;

}

.global_caseList li .bottom .title {

  font-size: 18px;

  color: #333;

  line-height: 30px;

}

.global_caseList li .bottom .des {

  font-size: 14px;

  color: #999;

  line-height: 30px;

}

.global_caseList li:nth-of-type(3n) {

  margin-right: 0;

}

.global_caseList .more {

  padding-bottom: 80px;

}

.global_caseList .more a {

  display: block;

  width: 100%;

  line-height: 64px;

  font-size: 16px;

  color: #333;

  background: #f2f1f6;

  text-align: center;

}

.case_detail_w .case_detail {

  padding-top: 160px;

}

.case_detail_w .case_detail .case_detail_top {

  padding-bottom: 60px;

}

.case_detail_w .case_detail .case_detail_top .left {

  width: 75%;

}

.case_detail_w .case_detail .case_detail_top .left .title {

  font-size: 30px;

  color: #2d2d2d;

  line-height: 60px;

}

.case_detail_w .case_detail .case_detail_top .left .des {

  font-size: 14px;

  color: #656565;

  line-height: 24px;

}

.case_detail_w .case_detail .case_detail_top .left .bottom {

  padding-top: 60px;

}

.case_detail_w .case_detail .case_detail_top .right {

  width: 18%;

  border-left: 1px dashed #eaeaea;

  text-align: center;

}

.case_detail_w .case_detail .case_detail_top .right .img img {

  width: 160px;

}

.case_detail_w .case_detail .case_detail_top .right .btn {

  padding-top: 20px;

}

.case_detail_w .case_detail .case_detail_top .right .btn a {

  display: inline-block;

  width: 180px;

  height: 38px;

  line-height: 38px;

  border-radius: 38px;

  border: 1px solid #D0D0D0;

  text-align: left;

  text-indent: 20px;

  font-size: 14px;

  color: #656565;

}

.case_detail_w .case_detail .case_detail_top .right .btn a i {

  font-size: 16px;

  color: #656565;

  padding-right: 5px;

}

.case_detail_w .case_detail .case_detail_content {

  text-align: center;

  width: 300%;

  margin-left: -100%;

}

.case_detail_w .case_detail .case_detail_content img {

  display: inline-block;

}

.case_detail_w .case_detail .case_detail_bottom {

  padding: 20px 0 100px;

}

.case_detail_w .case_detail .case_detail_bottom .title1 {

  text-align: center;

  font-size: 30px;

  color: #505050;

  line-height: 110px;

}

.case_detail_w .case_detail .case_detail_bottom .more {

  text-align: center;

}

.case_detail_w .case_detail .case_detail_bottom .more a {

  display: inline-block;

  width: 265px;

  height: 45px;

  line-height: 45px;

  border: 1px solid #00A4FF;

  border-radius: 45px;

  font-size: 16px;

  color: #00A4FF;

}

.case_detail_w .case_detail .case_detail_bottom .more a:hover {

  background: #00A4FF;

  color: #fff;

}

.global_tryList li {

  float: left;

  width: 20%;

  margin-right: 6.6666%;

  box-sizing: border-box;

  margin-bottom: 60px;

}

.global_tryList li:hover .title span {

  color: #00A4FF;

  border-bottom: 1px solid #00A4FF;

}

.global_tryList li .img {

  padding: 10px;

  position: relative;

}

.global_tryList li .img img {

  width: 100%;

}

.global_tryList li .img .imgg {

  position: absolute;

  top: 10%;

  left: 8%;

  width: 84%;

}

.global_tryList li .img .mask {

  display: none;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #f2faff;

  text-align: center;

}

.global_tryList li .img .mask .code {

  padding-top: 20%;

}

.global_tryList li .img .mask .code img {

  width: 150px;

}

.global_tryList li .img .mask .text {

  font-size: 14px;

  color: #000;

  line-height: 60px;

}

.global_tryList li .img .mask .btn {

  padding-top: 35%;

}

.global_tryList li .img .mask .btn span {

  display: inline-block;

  width: 190px;

  height: 36px;

  line-height: 36px;

  background: #00A4FF;

  border-radius: 36px;

  font-size: 14px;

  color: #fff;

}

.global_tryList li .bottom {

  padding: 20px 25px;

  text-align: center;

}

.global_tryList li .bottom .title {

  font-size: 18px;

  color: #333;

  line-height: 30px;

}

.global_tryList li .bottom .des {

  font-size: 14px;

  color: #999;

  line-height: 30px;

}

.global_tryList li:nth-of-type(4n) {

  margin-right: 0;

}

.global_tryList .more {

  padding-bottom: 80px;

}

.global_tryList .more a {

  display: block;

  width: 100%;

  line-height: 64px;

  font-size: 16px;

  color: #333;

  background: #f2f1f6;

  text-align: center;

}

.try_detail_w .try_detail .tab .li {

  width: 48%;

  margin-right: 4%;

  background: #e8f4ff;

  text-align: center;

  position: relative;

  float: left;

  padding: 20px 0;

  border-radius: 5px;

  cursor: pointer;

}

.try_detail_w .try_detail .tab .li:last-child {

  margin-right: 0;

}

.try_detail_w .try_detail .tab .li .title {

  font-size: 28px;

  color: #00A4FF;

  line-height: 50px;

}

.try_detail_w .try_detail .tab .li .text {

  font-size: 16px;

  color: #3E3E3E;

  line-height: 40px;

}

.try_detail_w .try_detail .tab .li .dui {

  position: absolute;

  right: 30px;

  bottom: 20px;

  display: none;

}

.try_detail_w .try_detail .tab .li .dui i {

  font-size: 38px;

  line-height: 40px;

  color: #fff;

}

.try_detail_w .try_detail .tab .li.current {

  background: #00A4FF;

}

.try_detail_w .try_detail .tab .li.current .title {

  color: #fff;

}

.try_detail_w .try_detail .tab .li.current .text {

  color: #fff;

}

.try_detail_w .try_detail .tab .li.current .dui {

  display: block;

}

.try_detail_w .try_detail .form {

  text-align: center;

  padding-top: 45px;

  padding-bottom: 110px;

}

.try_detail_w .try_detail .form .input {

  padding-top: 35px;

  position: relative;

}

.try_detail_w .try_detail .form .input input {

  width: 670px;

  height: 55px;

  border: 1px solid #DFDFDF;

  border-radius: 5px;

  font-size: 16px;

  color: #696969;

  padding: 0 15px;

  margin-left: 10px;

}

.try_detail_w .try_detail .form .input span {

  font-size: 20px;

  color: #FF0000;

  line-height: 55px;

  padding-left: 6px;

}

.try_detail_w .try_detail .form .input label.error {

  position: absolute;

  top: 35px;

  left: 968px;

  line-height: 56px;

  color: #ff0000;

  font-size: 14px;

}

.try_detail_w .try_detail .form .tips {

  width: 700px;

  display: inline-block;

  background: url(../img/dot.png) repeat-x center center;

}

.try_detail_w .try_detail .form .tips span {

  font-size: 18px;

  color: #828282;

  line-height: 76px;

  background: #fff;

  padding: 0 15px;

}

.try_detail_w .try_detail .form .button button {

  width: 700px;

  height: 56px;

  background: #00A4FF;

  border: none;

  border-radius: 5px;

  font-size: 18px;

  color: #fff;

  cursor: pointer;

}

}