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

.fax {
	display:none;
	position: fixed;
	top: 20%;
	left: 0px;
	right: 0px;
	width: 1000px;
	height: 400px;
	margin: 0 auto;
    z-index:10000;
	background:#AAAAAA;
}
.fax .fa_img{ float:left; width:40%;}
.fax .fa_img img{width:100%;}
.fax .fa_txt{ float:left; width:calc(60% - 60px); padding:10px 30px;}


.fax1 {
	display:none;
	position: fixed;
	top: 20%;
	left: 0px;
	right: 0px;
	width: auto;
	height: auto;
	margin: 0 auto;
    z-index:10000;
	background:#AAAAAA;
max-width:1000px;
max-height:600px;
}
.fax1 img{width:100%;}
.fax2{
	display:none;
	position: fixed;
	top: 5%;
	left: 0px;
	right: 0px;
	width: auto;
	height: auto;
	margin: 0 auto;
    z-index:10000;
	background:#AAAAAA;
max-width:30%;
max-height:100%;
}
.fax2 img{max-width:100%;}
/* 关闭*/

.cd-close::after, .cd-close::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cd-close::after, .cd-close::before {
  content: '';
}
.cd-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
  transition: transform .3s 0s, visibility 0s .3s;
}
.cd-close::before, .cd-close::after {
  /* close icon in css */
  position: absolute;
  top: 12px;
  left: 5px;
  display: inline-block;
  height: 4px;
  width: 20px;
  background: #47374e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-close:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.cd-close {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
  transition: transform .3s 0s, visibility 0s 0s;
}











