.wide1190 {

	margin: 0 auto;

	min-width: 990px;

	max-width: 1190px;

	zoom: 1

}



.mail-section {

	margin:40px 0px 20px 0px;

	background:#fff;

	border-radius: 6px;

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

}



.mail-section .mail-config {

	padding:100px 0 50px 30px;

	float: right;

	width: 250px;

	border-left: 1px solid #eee;

	margin-top: 70px;

	box-sizing: border-box

}



.mail-section .mail-config .config-title {

	font-size: 16px;

	color: #303030

}



.mail-section .mail-config .config-list {

	padding-top: 10px

}



.mail-section .mail-config .config-list li {

	line-height: 28px;

	font-size: 12px;

	color: #535353

}



.mail-section .mail-config .config-list li label {

	padding-right: 10px;

	display: inline-block;

	width: 74px;

	text-align: right

}



.mail-section .mail-info {

	padding: 14px 14px 20px 40px;

	overflow: hidden

}



.mail-section .mail-info .info-title {

	height: 64px; text-align:center; padding:40px 0px;

}



.mail-section .mail-info .info-title i {

	float: left;

	display: inline-block;

	width: 64px;

	height: 64px;

}



.mail-section .mail-info .info-title .info-title-txt {

	margin-left: 74px;

	position: relative;

	font-size: 12px;

	color: #8e8e8e;

}



.mail-section .mail-info .info-title .info-title-txt p {

	padding-top: 10px;

	font-size: 22px;

	color: #181818

}



.mail-section .mail-info .info-box {

	padding: 15px 0px;

}



.mail-section .mail-info .info-box .box-left {

	float: left;

	width: 90px;

	line-height: 36px;

	font-size: 16px;

	color: #2e2e2e;

	text-align: right

}



.mail-section .mail-info .info-box .box-right {

	position: relative;

	padding-left: 96px;

	min-height: 36px;

	line-height: 36px

}



.mail-section .mail-info .info-box .box-right .sale-out-info {

	line-height: 20px;

	height: 20px;

	margin-left: 20px;

	display: inline-block

}



.mail-section .mail-info .info-box .box-right .sale-out-info .sale-icon {

	display: inline-block;

	background: url(../images/sale-icon.gif) no-repeat left top;

	width: 32px;

	height: 20px;

	vertical-align: top

}



.mail-section .mail-info .info-box .box-right .sale-out-info .sale-text-info {

	border: 1px solid #eee;

	display: inline-block;

	padding-left: 5px;

	height: 18px;

	background-color: #f9f9f9;

	color: #666;

	vertical-align: top;

	margin-bottom: 12px

}



.mail-section .mail-info .info-box .box-right .count {

	display: inline-block;

	vertical-align: middle;

	font-size: 0

}



.mail-section .mail-info .info-box .box-right .count .count-subtract,.mail-section .mail-info .info-box .box-right .count .count-add {

	position: relative;

	display: inline-block;

	width: 35px;

	height: 36px;

	background: #f9f9f9;

	border: 1px solid #dbdbdb; 

	vertical-align: middle;

	box-sizing: border-box; float:left;

}



.mail-section .mail-info .info-box .box-right .count .count-subtract::before,.mail-section .mail-info .info-box .box-right .count .count-add::before {

	content: "";

	display: inline-block;

	width: 16px;

	height: 16px;

	background: url(../images/newmail-icon.png) no-repeat;

	vertical-align: middle;

	position: absolute;

	top: 8px;

	left: 8px

}



.mail-section .mail-info .info-box .box-right .count .count-subtract {

	margin-right: -1px

}



.mail-section .mail-info .info-box .box-right .count .count-subtract::before {

	background-position: -23px -88px

}



.mail-section .mail-info .info-box .box-right .count .count-subtract:hover::before {

	background-position: -45px -88px

}



.mail-section .mail-info .info-box .box-right .count .count-add {

	margin-left: -1px

}



.mail-section .mail-info .info-box .box-right .count .count-add::before {

	background-position: 1px -107px

}



.mail-section .mail-info .info-box .box-right .count .count-add:hover::before {

	background-position: -24px -107px

}



.mail-section .mail-info .info-box .box-right .count .count-input {

	display: inline-block;

	width: 92px;

	height: 36px;

	line-height: 36px;

	border: 1px solid #dbdbdb; border-left:none; float:left;

	text-align: center;

	font-size: 14px;

	color: #6c6c6c;

	box-sizing: border-box

}



.mail-section .mail-info .info-box .box-right .config-time {

	display: inline-block;

	border: 1px solid #dedede;

	border-radius: 2px;

	vertical-align: middle;

	height: 30px;

	line-height: 30px

}



.mail-section .mail-info .info-box .box-right .config-time dd {

	width: 90px;

	float: left;

	border-right: 1px solid #dedede;

	font-size: 14px;

	color: #8b8b8b;

	cursor: pointer;

	position: relative;

	vertical-align: middle;

	height: 30px;

	line-height: 30px;

	text-align: center

}



.mail-section .mail-info .info-box .box-right .config-time dd .btn-desc {

	position: absolute;

	height: 20px;

	line-height: 20px;

	top: 36px;

	display: block;

	color: #fff;

	z-index: 2;

	background-color: #fe7a00;

	border-radius: 2px;

	padding-left: 5px;

	padding-right: 5px;

	left: 0;

	opacity: 0;

	-ms-filter: alpha(opacity=0);

	filter: alpha(opacity=0);

	text-align: center;

	font-size: 12px;

	white-space: nowrap;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease

}



.mail-section .mail-info .info-box .box-right .config-time dd .btn-desc-arrow {

	position: absolute;

	width: 100%;

	height: 5px;

	left: 50%;

	top: 31px;

	margin-left: -12px;

	background: url(../images/cloudhost/cloudhost-icon_2.jpg) no-repeat 0 -1215px;

	opacity: 0;

	-ms-filter: alpha(opacity=0);

	filter: alpha(opacity=0);

	overflow: hidden

}



.mail-section .mail-info .info-box .box-right .config-time dd .gift-icon {

	display: inline-block;

	width: 12px;

	height: 13px;

	line-height: 13px;

	background: url(../images/newmail-icon.png) no-repeat -24px -74px;

	vertical-align: middle;

	margin-top: -4px;

	margin-right: 4px

}



.mail-section .mail-info .info-box .box-right .config-time dd.gift .gift-icon {

	display: block

}



.mail-section .mail-info .info-box .box-right .config-time dd.active {

	background: #4a9bed;

	color: #fff

}



.mail-section .mail-info .info-box .box-right .config-time dd.active .gift-icon {

	background-position: -46px -74px

}



.mail-section .mail-info .info-box .box-right .config-time dd.active .btn-desc-arrow,.mail-section .mail-info .info-box .box-right .config-time dd.active .btn-desc {

	opacity: 1

}



.mail-section .mail-info .info-box .box-right .domain-input {

	display: inline-block;

	width: 350px;

	height: 36px;

	line-height: 36px;

	border: 1px solid #e6e6e6;

	box-sizing: border-box;

	padding: 0 10px;

	font-size: 14px

}



.mail-section .mail-info .info-box .box-right .info-box-domain {

	font-size: 12px;

	color: #878787;

	position: relative;

	line-height: normal;

	margin: 10px 0 -10px

}



.mail-section .mail-info .info-box .box-right .info-box-domain .blue-link {

	text-decoration: underline

}



.mail-section .mail-info .info-box .box-right .info-box-price {

	margin-top: -6px;

	font-size: 12px;

	color: #717171

}



.mail-section .mail-info .info-box .box-right .info-box-price span {

	color: #c1c1c1

}



.mail-section .mail-info .info-box .box-right .info-box-price span.price {

	font-size: 24px;

	color: #f60

}



.mail-section .mail-info .info-box .box-right .info-box-price span.common-coupons {

	color: #f30;

	vertical-align: middle;

	margin-top: -10px

}



.mail-section .mail-info .info-box .box-right .info-box-agreement {

	line-height: normal

}



.mail-section .mail-info .info-box .box-right .info-box-agreement .agreement-input-label {

	padding-left: 24px;

	background: url(../images/icon.png) no-repeat 0 -334px;

	font-size: 12px;

	color: #878787;

	height: 20px;

	line-height: 20px;

	display: inline-block;

	cursor: pointer

}



.mail-section .mail-info .info-box .box-right .info-box-agreement .agreement-input-label.checked {

	background: url(../images/icon.png) no-repeat 0 -297px

}



.mail-section .mail-info .info-box .box-right .info-box-btn {

	margin-top:30px;

	display: inline-block;

	width: 140px;

	height: 42px;

	line-height: 42px;

	background: #4a9bed;

	font-size: 14px;

	color: #fff;

	text-align: center;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	transition: all .3s ease

}



.mail-section .mail-info .info-box .box-right .info-box-btn:hover {

	background: #3a8de0

}



.mail-section .mail-info .info-box .box-right .info-box-btn.try {

	margin-left: 10px;

	background: #f0f0f0;

	color: #9d9c9c

}



.mail-section .mail-info .info-box .box-right .info-box-btn.try:hover {

	background: #e2e2e2

}



.mail-section .mail-info .info-box .box-right .errmsg {

	display: inline-block;

	line-height: normal

}



.mail-section .mail-info .info-box .box-right .errmsg .validate-error {

	padding-left: 20px;

	margin-left: 0

}



.mail-advantage {

	margin-top: 20px;

	padding: 20px 0 20px;

	position: relative;

	background: #fff

}



.mail-advantage::before {

	content: "";

	width: 100%;

	height: 250px;

	background: url(../images/newmail-advantage-bg1.jpg) no-repeat top center;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -50%;

	z-index: 1

}



.mail-advantage::after {

	content: "";

	width: 100%;

	height: 510px;

	background: url(../images/newmail-advantage-bg2.jpg) no-repeat bottom center;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -50%;

	z-index: 1

}



.mail-advantage .advantage-title {

	padding-top: 10px;

	font-size: 28px;

	color: #000;

	text-align: center;

	z-index: 22;

	position: relative

}



.mail-advantage .advantage-title strong {

	font-weight: 400

}



.mail-advantage .advantage-title p {

	padding-top: 10px;

	font-size: 16px;

	color: #797979

}



.mail-advantage .advantage-list {

	z-index: 22;

	position: relative; padding:20px 0px 0px 0px;

}



.mail-advantage .advantage-list li {

	float: left;

	margin-top: 24px;

	margin-right: 40px;

	width: 370px;

	border-radius: 6px;

	text-align: center; padding:20px 0px 40px 0px;

	box-sizing: border-box; border:1px solid #ddd;

}



.mail-advantage .advantage-list li .al-img {

	margin: 15px auto 0;

	width: 90px;

	height: 90px;

	border-radius: 46px;

	background: url(../images/newmail-icon.png) no-repeat;

	box-shadow: 0 3px 5px 0 rgba(100,100,100,.11)

}



.mail-advantage .advantage-list li .al-title {

	padding-top: 14px;

	font-size: 20px;

	color: #2c2c2c

}



.mail-advantage .advantage-list li .al-txt {

	padding-top: 4px;

	line-height: 22px;

	font-size: 14px;

	color: #848687

}



.mail-advantage .advantage-list li:nth-child(3n) {

	margin-right: 0

}



.mail-advantage .advantage-list li.item-one .al-img {

	background-position: -72px 0

}



.mail-advantage .advantage-list li.item-two .al-img {

	background-position: -172px 0

}



.mail-advantage .advantage-list li.item-three .al-img {

	background-position: -272px 0

}



.mail-advantage .advantage-list li.item-four .al-img {

	background-position: -372px 0

}



.mail-advantage .advantage-list li.item-five .al-img {

	background-position: -472px 0

}



.mail-advantage .advantage-list li.item-six .al-img {

	background-position: -572px 0

}



.mail-advantage .advantage-list li.item-seven .al-img {

	background-position: -672px 0

}



.mail-advantage .advantage-list li.item-eight .al-img {

	background-position: -672px -200px

}



.mail-advantage .advantage-list li.item-nine .al-img {

	background-position: -672px -400px

}



.mail-advantage .advantage-list li:hover {

	transition: all .3s cubic-bezier(0.4,0,.2,1) 0s

}



.mail-advantage .advantage-list li:hover .al-img {

	transition: all .3s cubic-bezier(0.4,0,.2,1) 0s

}



.mail-advantage .advantage-list li:hover.item-one .al-img {

	background-position: -72px -100px

}



.mail-advantage .advantage-list li:hover.item-two .al-img {

	background-position: -172px -100px

}



.mail-advantage .advantage-list li:hover.item-three .al-img {

	background-position: -272px -100px

}



.mail-advantage .advantage-list li:hover.item-four .al-img {

	background-position: -372px -100px

}



.mail-advantage .advantage-list li:hover.item-five .al-img {

	background-position: -472px -100px

}



.mail-advantage .advantage-list li:hover.item-six .al-img {

	background-position: -572px -100px

}



.mail-advantage .advantage-list li:hover.item-seven .al-img {

	background-position: -672px -100px

}



.mail-advantage .advantage-list li:hover.item-eight .al-img {

	background-position: -672px -300px

}



.mail-advantage .advantage-list li:hover.item-nine .al-img {

	background-position: -672px -500px

}



.mail-state {

	padding-top: 20px;

	padding-bottom: 30px;

	background: #fff

}



.mail-state .state-column {

	padding-top: 20px; 

}



.mail-state .state-column .column-title {

	font-size: 28px;

	color: #000;

	text-align: center; margin:20px 0px;

}



.mail-state .state-column .column-title strong {

	font-weight: 400

}



.mail-state .state-column .column-title p {

	padding-top: 10px;

	font-size: 16px;

	color: #797979

}



.mail-state .state-column .column-list {

	padding-top: 60px;background:url(../images/map.png) bottom center no-repeat; overflow:hidden;

}



.mail-state .state-column .column-list li {

	float: left;

	width: 33.333333%;

	border-right: 1px solid #f1f1f1;

	margin-right: -1px;

	text-align: center

}



.mail-state .state-column .column-list li .cl-img {

	margin: -20px auto 0;

	width: 214px;

	height: 214px;

	background: url(../images/newmail-icon.png) no-repeat

}



.mail-state .state-column .column-list li .cl-img.cl-img1 {

	background-position: 0 -200px

}



.mail-state .state-column .column-list li .cl-img.cl-img2 {

	background-position: -224px -200px

}



.mail-state .state-column .column-list li .cl-img.cl-img3 {

	background-position: -448px -200px

}



.mail-state .state-column .column-list li .cl-img.cl-img4 {

	background-position: 0 -424px

}



.mail-state .state-column .column-list li .cl-img.cl-img5 {

	background-position: -224px -424px

}



.mail-state .state-column .column-list li .cl-img.cl-img6 {

	background-position: -448px -424px

}



.mail-state .state-column .column-list li .cl-title {

	padding-top: 4px;

	font-size: 20px;

	color: #000

}



.mail-state .state-column .column-list li .cl-txt {

	line-height: 20px;

	font-size: 14px;

	color: #797979

}



.mail-state .state-column .column-list li dl {

	margin-top: 20px;

	padding: 10px 20px 30px;

	border-top: 1px solid #f1f1f1;

	text-align: left

}



.mail-state .state-column .column-list li dl dt {

	padding-top: 10px;

	font-size: 16px;

	color: #323232;

	position: relative;

	padding-left: 14px

}



.mail-state .state-column .column-list li dl dt::before {

	content: "";

	width: 8px;

	height: 8px;

	background: url(../images/newmail-icon.png) no-repeat -50px -108px;

	position: absolute;

	top: 15px;

	left: 0

}



.mail-state .state-column .column-list li dl dd {

	padding-top: 4px;

	padding-left: 14px;

	line-height: 18px;

	font-size: 14px;

	color: #828282

}



.mail-state .state-column .column-list li:first-child dl {

	padding: 10px 20px 30px 0

}



.mail-state .state-column .column-list li:last-child {

	border-right: 0

}



.mail-state .state-column .column-list li:last-child dl {

	padding: 10px 0 30px 20px

}



.mail-state .state-line {

	margin: 20px 0 10px;

	width: 100%;

	height: 3px;

	background: url(../images/newmail-line-bg.jpg) repeat-x

}



.mail-faq {

	padding: 30px 0;

	background: #f7f8ff

}



.mail-faq .faq-title {

	font-size: 28px;

	color: #000;

	text-align: center; margin:20px 0px;

}



.mail-faq .faq-list {

	padding-top: 10px

}



.mail-faq .faq-list li {

	float: left;

	width: 25%;

	padding-top: 10px

}



.mail-faq .faq-list li a {

	display: block;

	font-size:14px;

	color: #373737;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.mail-faq .faq-list li a span {

	padding-right: 10px;

	font-size: 16px

}



.mail-faq .faq-list li a:hover {

	color: #2086ee

}



.wzw_more{ width:100%; text-align:center; margin:30px 0px 45px 0px;}
.wzw_more a{ width:200px; height:45px; line-height:45px; background:#0085d0; color:#fff; display:inline-block; border-radius:15px;}



.pageMail .section-banner .xw-banner .swiper-wrapper {
	height: 400px
}

.pageMail .section-01 {
	margin-bottom: 10px
}

.pageMail .section-01 .container {
	width: 1200px
}

.pageMail .section-01 h3 {
	padding:60px 0px 40px 0px;
	font-size: 25px;
	text-align: center
}

.pageMail .section-01 .row {
	margin-right: -20px;
	margin-left: -20px
}

.pageMail .section-01 .col {
	padding: 10px
}

.pageMail .section-01 .col-wrap {
	height: 506px;
	border: 1px solid #e8e8e8;
	text-align: center;
	position: relative
}

.pageMail .section-01 .col-wrap:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.1)
}

.pageMail .section-01 .tit {
	background: #fbfbfb;
	height: 170px
}

.pageMail .section-01 b {
	font-weight: 400;
	font-size: 16px;
	display: block;
	padding: 30px 0 10px
}

.pageMail .section-01 .p1 {
	font-size: 12px;
	color: #666;
	margin-bottom: 30px
}

.pageMail .section-01 .cont {
	height: 240px
}

.pageMail .section-01 .info {
	margin-bottom: 10px
}

.pageMail .section-01 .style1 .item {
	width: 75px;
	display: inline-block;
	text-align: center;
	margin-right: 10px
}

.pageMail .section-01 .style1 .item em {
	display: block;
	border-radius: 5px;
	border: 1px dashed #d7d7d7;
	height: 40px;
	line-height: 38px;
	font-weight: 600;
	margin-bottom: 10px
}

.pageMail .section-01 .style1 .item span {
	font-size: 12px;
	display: block
}

.pageMail .section-01 .style2 {
	border: none;
	text-align: left;
	padding: 20px 46px
}

.pageMail .section-01 .style2 p {
	padding: 0 10px;
	line-height: 32px;
	border-bottom: 1px dashed #e8e8e8;
	font-size: 12px;
	color: #666
}

.pageMail .section-01 .price {
	display: block;
	margin-bottom: 8px;
	position: relative
}

.pageMail .section-01 .price .original {
	color: #9a9a9a;
	display: inline-block;
	margin-left: 10px
}

.pageMail .section-01 .price em {
	font-size: 30px;
	font-weight: 600;
	color: #ff6a00;
	position: relative
}

.pageMail .section-01 .price .tips {
	display: block;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	font-weight: 200;
	background: #ee3519;
	padding: 1px;
	position: absolute;
	bottom: 100%;
	left: 100%;
	white-space: nowrap;
	color: #fff;
	margin-bottom: -8px
}

.pageMail .section-01 .price .tips:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 3px solid #ee3519;
	border-right: 3px solid transparent;
	position: absolute;
	left: 0;
	top: 100%;
	margin-left: 3px
}

.pageMail .section-01 .btn {
	width: 250px;
	height: 50px;
	line-height: 50px;
	font-size: 15px; margin-top:15px;
}


.pageMail .section-price .container {
	text-align: right
}

.pageMail .section-price .div1 {
	padding: 58px 109px 0 0;
	font-size: 19px
}

.pageMail .section-price .div1 em {
	font-weight: 600;
	color: #e50014
}

.pageMail .section-price .div2 {
	padding: 6px 109px 0 0
}

.pageMail .section-price input {
	display: inline-block;
	width: 120px;
	height: 38px;
	background: #fff;
	margin: 37px 278px 0 0;
	text-indent: 10px;
	font-size: 18px
}

.pageMail .section-price .div3 {
	padding: 47px 109px 0 0
}

.pageMail .section-price .div3 span {
	display: inline-block;
	margin-right: 20px
}

.pageMail .section-price .div3 em {
	font-size: 26px;
	font-weight: 600;
	color: #e50014
}

.pageMail .section-nav {
	height: 75px
}

.pageMail .section-nav .nav-wrap {
	height: 75px;
	text-align: center;
	background: #fff;
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	box-shadow: 2px 2px 5px rgba(0,0,0,.2)
}

.pageMail .section-nav .nav-tabs {
	width: 1200px;
	margin: 0 auto;
	border-bottom: none
}

.pageMail .section-nav .nav-tabs,.pageMail .section-nav .nav-tabs a,.pageMail .section-nav .nav-tabs li,.pageMail .section-nav .nav-tabs ul {
	height: inherit;
	padding: 0;
	line-height: 70px
}

.pageMail .section-nav .nav-tabs li {
	margin-right: 100px
}

.pageMail .section-nav .nav-tabs a {
	width: 130px;
	text-align: center;
	font-size: 15px;
	border: none;
	border-bottom: 2px solid #fff
}

.pageMail .section-nav .nav-tabs a:hover {
	background: #fff;
	border: none
}

.pageMail .section-nav .nav-tabs .active a {
	border-color: #e7313e
}

.pageMail .section-advantage .container {
	width: 1200px
}

.pageMail .section-advantage h3 {
	padding-top: 30px;
	font-size: 15px;
	margin: 0 -10px 20px
}

.pageMail .section-advantage .row {
	margin-right: -20px;
	margin-left: -20px
}

.pageMail .section-advantage .col {
	padding: 0 10px;
	margin-bottom: 20px
}

.pageMail .section-advantage .col-wrap {
	border: 1px solid #e8e8e8;
	padding: 0 20px;
	height: 175px
}

.pageMail .section-advantage .col-wrap:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.1)
}

.pageMail .section-advantage h4 {
	font-size: 15px;
	padding-bottom: 10px;
	padding-top: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px
}

.pageMail .section-advantage ul {
	padding-left: 20px
}

.pageMail .section-advantage li {
	line-height: 24px;
	font-size: 12px;
	list-style-type: disc
}

.pageMail .section-function .container {
	width: 1200px
}

.pageMail .section-function h3 {
	padding-top: 30px;
	font-size: 15px;
	margin: 0 -10px 20px
}

.pageMail .section-function .row {
	margin-right: -20px;
	margin-left: -20px
}

.pageMail .section-function .col {
	padding: 0 10px;
	margin-bottom: 20px;
	float: left;
	width: 20%
}

.pageMail .section-function .col-wrap {
	border: 1px solid #e8e8e8;
	padding: 0 20px;
	height: 130px;
	text-align: center;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: ease
}

.pageMail .section-function .col-wrap:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.1)
}

.pageMail .section-function .img {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 20px 0;
	overflow: hidden;
	-webkit-transition-property: height,margin-top;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: ease
}

.pageMail .section-function h4 {
	font-size: 15px;
	margin-bottom: 10px
}

.pageMail .section-function p {
	font-size: 12px;
	line-height: 18px;
	display: none;
	-webkit-transition-property: display;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: ease
}

.pageMail .section-function .col-wrap:hover {
	background-color: #494949
}

.pageMail .section-function .col-wrap:hover .img {
	height: 0;
	margin-top: 5px
}

.pageMail .section-function .col-wrap:hover h4 {
	color: #fff
}

.pageMail .section-function .col-wrap:hover p {
	display: block;
	color: #fff
}

.pageMail .section-case .container {
	width: 1200px
}

.pageMail .section-case h3 {
	padding-top: 30px;
	font-size: 15px;
	margin: 0 -10px 20px
}

.pageMail .section-case .row {
	margin-right: -20px;
	margin-left: -20px
}

.pageMail .section-case .col {
	padding: 0 10px;
	margin-bottom: 20px
}

.pageMail .section-case .col-wrap {
	border: 1px solid #e8e8e8;
	height: 170px
}

.pageMail .section-case .col-wrap:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.1)
}

.pageMail .section-case .tit {
	height: 78px;
	line-height: 78px;
	background: #f9f9f9;
	text-align: center;
	margin-bottom: 10px
}

.pageMail .section-case p {
	line-height: 22px;
	font-size: 12px;
	padding: 0 20px;
	color: #666
}

.pageMail .section-serve {
	margin-bottom: 20px
}

.pageMail .section-serve h3 {
	padding-top: 30px;
	font-size: 15px;
	margin: 0 -10px 20px
}

.pageMail .section-serve .container {
	width: 1200px
}

.pageMail .section-serve .col {
	height: 50px;
	position: relative
}

.pageMail .section-serve .col:after {
	content: "";
	height: 50px;
	width: 1px;
	background: #e4e4e4;
	position: absolute;
	right: 0;
	top: 0
}

.pageMail .section-serve .col-last:after {
	display: none
}

.pageMail .section-serve .media {
	padding-left: 5px
}

.pageMail .section-serve .media-left {
	padding-right: 20px
}

.pageMail .section-serve .media-body {
	font-size: 12px;
	color: #666
}

.pageMail .section-serve .media-heading {
	font-size: 14px;
	margin-bottom: 8px;
	color: #000
}

.pageMail .section-qu {
	margin-bottom: 20px
}

.pageMail .section-qu h3 {
	padding-top: 30px;
	font-size: 15px;
	margin: 0 -10px 20px
}

.pageMail .section-qu .container {
	width: 1200px
}

.pageMail .section-qu .row {
	margin-right: -10px;
	margin-left: -10px
}

.pageMail .section-qu .col {
	padding: 0
}

.pageMail .section-qu li {
	padding: 7px 0;
	font-size: 12px
}

.col-md-4{ width:31% !important;}