﻿.clearfix:after{ content: ''; display: block; clear: both; width: 0; height: 0;}

.mail-banner{ width:100%; height:600px; background-repeat:no-repeat; background-position:center top;}
.mail-banner .banner-tex{ text-align: center; color: #fff; padding-top: 180px;}
.mail-banner .banner-tex p{ font-size: 48px; line-height: 58px;}
.mail-banner .banner-tex span{ font-size: 24px;  display: block; line-height:44px; padding-top: 25px;}

.mail-main { min-width: 1200px;}
.mail-main .tit{ text-align: center; padding-bottom: 35px;}
.mail-main .tit h4{ font-weight: normal; color: #333; font-size: 28px; line-height: 28px;}
.mail-main .tit p{ font-size: 14px; color: #000; line-height: 24px; padding-top: 10px;}
.mail-banner.mail{ position: relative; min-width: 1200px; overflow: hidden;}
.mail-banner.mail .bd li{ min-width: 1200px; height:600px; overflow: hidden; background-repeat: no-repeat; background-position: center;}
.mail-banner.mail .bd li:nth-child(1){ background-image:url(../images/17mail-29.jpg);}
.mail-banner.mail .bd li:nth-child(2){ background-image:url(../images/17mail-1.jpg);}
.mail-banner.mail .hd{ position: absolute; text-align: center; width: 100%; left: 0; bottom: 15px;}
.mail-banner.mail .hd li{ width:8px; height:8px; display:inline-block; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 4px; background:#ccc; text-indent:-9999px; cursor:pointer}
.mail-banner.mail .hd li.on{ background:#f86d0d}
.mail-main-o{ background-color: #f7fafb; padding: 60px 0;}
.mail-main-o .o-con{ position: relative; z-index: 3;}
.new-cy-main-o-o{-moz-box-shadow:0 10px 25px rgba(0,0,0,.08);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);box-shadow:0 10px 25px rgba(0,0,0,.08); width:288px; min-height:478px; background:#fff; border-top:2px solid #ff6800; float:left; margin-right:15px; position: relative;}
.new-cy-main-o-o .o-m{ width:288px; margin:0 auto; padding-top:30px;}
.new-cy-main-o-o .o-m-o{ font-size:20px; color:#333; text-align:center; line-height:25px; padding-top:60px; background:url(../images/17mail-2.gif) no-repeat center top;}
.new-cy-main-o-o .o-m-o span{ font-size:12px; color:#999; display:block;}
.new-cy-main-o-o .o-m-t { padding:30px 0 20px 0}
.new-cy-main-o-o .o-m-t dl{ float:left; line-height:20px; width:141.5px; text-indent: 2em; border-right:1px solid #f2f2f2;}
.new-cy-main-o-o .o-m-t.sf dl{ width: 95px;}
.new-cy-main-o-o .o-m-t dt{ font-size:12px; color:#333}
.new-cy-main-o-o .o-m-t dt span{ font-size:20px;}
.new-cy-main-o-o .o-m-t dd{ font-size:12px; color:#999}
.new-cy-main-o-o .o-m-t dl.dl-t{ border:0; text-indent:6em}
.new-cy-main-o-o .o-m-s{ text-indent: 2em; padding-bottom:20px; border-bottom:1px solid #f2f2f2; margin-bottom:20px; min-height: 97px;}
.new-cy-main-o-o .o-m-s p{ color:#333; font-size:12px; line-height:24px;}
.new-cy-main-o-o .o-m-s p span{ color: #ff6800;}
.new-cy-main-o-o .o-m-f{ text-align:center;}
.new-cy-main-o-o .o-m-f p{ color:#333; font-size:12px; line-height:32px; margin-bottom:5px; min-height: 40px;}
.new-cy-main-o-o.yjbj  .o-m-f p{ line-height: 40px;}
.new-cy-main-o-o .o-m-f span{ font-size:32px; color:#ff6800; line-height:32px; display:inline-block}
.new-cy-main-o-o .o-m-f i{color:#999; margin-left:10px; line-height:32px; display:inline-block;}
.new-cy-main-o-o .o-m-f a{ width:230px; height:48px; line-height:48px; text-align:center; color:#fff; display:block; background:#ff6800; font-size:18px; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius:2px; margin:0 auto; }
.new-cy-main-o-o .o-m-f a:hover{ background:#e85f00}
.new-cy-main-o-o.yjts{ margin-right:0}
.new-cy-main-o-o.swqqy .o-m-o{ background:url(../images/17mail-3.gif) no-repeat center top;}
.new-cy-main-o-o.yjbj .o-m-o{ background:url(../images/17mail-4.png) no-repeat center top;}
.new-cy-main-o-o.yjts .o-m-o{ background:url(../images/17mail-5.gif) no-repeat center top;}
.mail-main-o .tex{ margin-top: 50px; text-align: center; color: #333; font-size: 14px;}
.mail-main-o .tex a{ color: #ff6800;}
.mail-main-o .tex a:hover{ text-decoration: underline;}
.mail-main-o .o-bottom{ margin-top: 60px; height: 337px; background: url(../images/17mail-6.jpg) no-repeat;}
.mail-main-o .o-bottom ul{ padding-top: 195px;}
.mail-main-o .o-bottom li{ float: left; width: 20%; text-align: center;}
.mail-main-o .o-bottom li h4{ font-weight: normal; color: #333; font-size: 18px; line-height: 18px;}
.mail-main-o .o-bottom li p{ color: #666; font-size: 12px; line-height: 20px; padding-top: 5px;}
.mailZs{ margin-top:60px; padding: 50px 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.mailZs dl{ float: left; width: 33.3333%; text-align: center; color: #333;  font-size: 16px; position: relative;}
.mailZs dt{line-height: 1;}
.mailZs dd{ color: #999; line-height: 1.6;}
.mailZs dd b{ font-size: 36px; color: #333; display: inline-block; margin-right:10px;}
.mailZs dl:after{ content: ''; display: block; width: 1px; height: 60px; background-color: #ececec; position: absolute; right: 0; top: 2px;}
.mailZs dl:last-child:after{ display: none;}
.mailO-a{ margin-top: 60px; height: 155px; padding-top: 45px; background: url(../images/cMail-1.jpg) no-repeat; text-align: center;}
.mailO-a img{ display: inline-block}
.mailO-a dl{ display: inline-block; text-align: left; vertical-align: top; margin-left: 60px;}
.mailO-a dt{ color: #333; font-size: 20px; line-height: 34px;}
.mailO-a dd a{ font-size: 14px; color: #666; line-height: 1; margin-top: 15px; display:inline-block;}
.mailO-a dd a:hover{ color: #ff6800; text-decoration: underline;}
.mail-main-t { padding: 60px 0; background: url(../images/17mail-7.jpg) no-repeat; background-attachment: fixed; background-position:center;}
.mail-main-t .w-1200{ background-color: #fff; padding: 40px 0;}
.mail-main-t ul{ margin: 0 30px;}
.mail-main-t li{ width: 24.8%; float: left; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; padding: 20px 0}
.mail-main-t li:nth-child(4),.mail-main-t li:nth-child(8),.mail-main-t li:nth-child(12),.mail-main-t li:nth-child(16){ border-right: 0;}
.mail-main-t li:nth-child(13),.mail-main-t li:nth-child(14),.mail-main-t li:nth-child(15),.mail-main-t li:nth-child(16){ border-bottom: 0;}
.mail-main-t .li-img{ width: 69px; height: 69px; text-align: center; margin: 0 auto;}
.mail-main-t .li-img span{ display: block; float: left; width: 64px; height: 64px; margin: 2.5px 0 0 2.5px; background: url(../images/17mail-54.png) no-repeat; background-position: -10px -10px;}
.mail-main-t li:nth-child(2) .li-img span{ background-position: -94px -10px;}
.mail-main-t li:nth-child(3) .li-img span{ background-position: -252px -10px; width: 66px; height: 48px; margin: 10.5px 0 0 1.5px;}
.mail-main-t li:nth-child(4) .li-img span{ background-position: -252px -158px; width: 48px; height: 62px; margin: 3.5px 0 0 10.5px;}
.mail-main-t li:nth-child(5) .li-img span{ background-position: -252px -78px; width: 52px; height: 60px; margin: 4.5px 0 0 8.5px;}
.mail-main-t li:nth-child(6) .li-img span{ background-position: -96px -177px; width: 64px; height: 50px; margin:9.5px 0 0 2.5px;}
.mail-main-t li:nth-child(7) .li-img span{ background-position: -10px -247px; width: 38px; height: 64px; margin: 2.5px 0 0 15.5px}
.mail-main-t li:nth-child(8) .li-img span{ background-position: -178px -93px; width: 53px; height: 64px; margin: 2.5px 0 0 8px;}
.mail-main-t li:nth-child(9) .li-img span{ background-position: -10px -177px; width: 66px; height: 50px; margin: 9.5px 0 0 1.5px; }
.mail-main-t li:nth-child(10) .li-img span{ background-position: -10px -94px; width: 63px; height: 63px; margin: 3px 0 0 3px; }
.mail-main-t li:nth-child(11) .li-img span{ background-position: -178px -10px; width: 54px; height: 63px; margin: 3px 0 0 7.5px; }
.mail-main-t li:nth-child(12) .li-img span{ background-position: -93px -94px; width: 61px; height: 61px; margin: 4px 0 0 4px; }
.mail-main-t li:nth-child(13) .li-img span{ background-position: -64px -248px; width: 62px; height: 62px; margin: 3.5px 0 0 3.5px; }
.mail-main-t li:nth-child(14) .li-img span{ background-position: -135px -248px; width: 53px; height: 63px; margin: 3px 0 0 8px; }
.mail-main-t li:nth-child(15) .li-img span{ background-position: -196px -248px; width: 62px; height: 62px; margin: 3.5px 0 0 3.5px; }
.mail-main-t li:nth-child(16) .li-img span{ background-position: -262px -248px; width: 62px; height: 62px; margin: 3.5px 0 0 3.5px; }
.mail-main-t dl{width: 90%; margin: 0 auto; margin-top: 30px; text-align: center;}
.mail-main-t dt{ color: #333; font-size: 18px; line-height: 18px;}
.mail-main-t dd{ color: #666; font-size:14px; line-height: 20px; padding-top: 15px; min-height: 70px;}
.mail-main-s{ padding:60px 0 128px; background: url(../images/17mail-8.jpg) no-repeat center bottom #f7fafb;}
.mail-main-s .s-con-top ul{ margin-left: -30px;}
.mail-main-s .s-con-top li{ float: left; padding: 30px 0; width: 380px; margin-left: 30px; background-color: #fff; -moz-box-shadow:0 10px 25px rgba(0,0,0,.08);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);box-shadow:0 10px 25px rgba(0,0,0,.08);}
.mail-main-s .s-con-top .li-img{ width: 48px; height: 37px; margin: 0 auto; text-align: center;}
.mail-main-s .s-con-top .li-img span{ width: 48px; height: 34px; display: inline-block; vertical-align: top; background: url(../images/17mail-9.png) no-repeat; background-position: 0 -183px;}
.mail-main-s .s-con-top .li-t .li-img span{ width: 41px; height: 36px; background-position: 0 -147px;}
.mail-main-s .s-con-top .li-s .li-img span{ width: 34px; height: 37px; background-position: 0 -37px;}
.mail-main-s .s-con-top .li-f .li-img span{ width: 32px; height: 37px; background-position: 0 0;}
.mail-main-s .s-con-top .li-w .li-img span{ width: 36px; height: 37px; background-position: 0 -74px;}
.mail-main-s .s-con-top .li-l .li-img span{ width: 40px; height: 36px; background-position: 0 -111px;}
.mail-main-s .s-con-top dl{ text-align: center; margin: 0 auto; margin-top:20px; width: 300px;}
.mail-main-s .s-con-top dt{ color: #333; font-size: 18px; line-height: 18px;}
.mail-main-s .s-con-top dd{ color: #666; font-size:14px; line-height: 20px; padding-top: 15px;}
.mail-main-s .s-con-bottom{ margin-top: 20px;}
.mail-main-s .s-con-bottom dl{ margin-top: 30px; float: left; text-align: center; width:33.2%; border-right:1px dashed #e7e7e7;}
.mail-main-s .s-con-bottom dl:nth-child(3),.mail-main-s .s-con-bottom dl:nth-child(6),.mail-main-s .s-con-bottom dl:nth-child(9),.mail-main-s .s-con-bottom dl:nth-child(12){ border: 0;}
.mail-main-s .s-con-bottom dt{ color: #333; font-size: 18px; line-height: 18px;}
.mail-main-s .s-con-bottom dd{ color: #666; font-size:14px; line-height: 20px; padding-top:8px; min-height: 40px;}
.mail-main-s .s-con-bottom dl:before{ content: ""; display: block; width: 20px; height: 2px; background-color: #ff6800; margin:0 auto; margin-bottom: 20px;}
.mail-main-s .s-con:nth-child(2){ margin-top: 50px;}
.mail-main-f .ul-o li{ width:25%; float:left; padding-bottom:45px; margin-bottom:40px; border-bottom:1px solid #eee;}
.mail-main-f .ul-o li a{ display:block; width:90%; font-size:14px; color:#333; line-height:32px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;}
.mail-main-f .ul-o li a:hover{ color:#ff6800;}
.mail-main-f .ul-t{ margin-bottom:50px;}
.mail-main-f .ul-t li{ float:left; padding-right:35px; margin-right:35px; border-right:1px solid #eee}
.mail-main-f .ul-t li .li-img{ float:left; width:53px; height:45px; margin-right:10px;}
.mail-main-f .ul-t li .li-img span{ display:block; width:45px; height:45px; float:left; background:url(../images/17mail-9.png) no-repeat; background-position:0 -628px;}
.mail-main-f .ul-t li .li-img span.span-t{ background-position:0 -673px}
.mail-main-f .ul-t li .li-img span.span-s{ background-position:0 -718px}
.mail-main-f .ul-t li .li-img span.span-f{ background-position:0 -763px}
.mail-main-f .ul-t li p{ float:left; line-height:45px; font-size:16px; color:#666}
.mail-main-f .ul-t li.last{ margin:0; border:0; width:200px;}

.cyBuy.txMail-package-bottom{ 
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
	background-color: #fff; margin-top: 15px;
	}
.cyBuy.txMail-package-bottom li.li-o{ width: 400px; text-align: center;}
.cyBuy.txMail-package-bottom li.li-o p{ padding: 0;}
.cyBuy.txMail-package-bottom li.li-o p span{ color: #ff6800;}
.cyBuy.txMail-package-bottom li.li-t{ width: 345px; padding: 14.5px 0;}
.cyBuy.txMail-package-bottom li.li-s{ width: 225px; height: 60px;}
.cyBuy.txMail-package-bottom li.li-s p{ color: #333; font-size: 14px; margin-top: -10px;}
.cyBuy.txMail-package-bottom li.li-s span{ color: #ff6800; font-size: 12px; display: block;}
.cyBuy.txMail-package-bottom li.li-s a{ 
	-moz-border-radius:3%; 
	-webkit-border-radius:3%; 
	border-radius:3px;
	margin-top: 5px;  font-size: 14px; color: #ff6800; border: 1px solid #ff6800; width: 100px; line-height: 30px; text-align: center; display: inline-block;
	}

.mailFuntion{ padding: 60px 0; min-width: 640px; background: url(../images/17mail-55.jpg) no-repeat center #daeff7;}
.mailFuntion .tit p{ color: #666; margin-top: 15px;}
.mailFuntion-box{ text-align: center; margin-top: 55px;}
.mailFuntion-box h5{color: #333; font-size: 18px; line-height: 1;}
.mailFuntion-box .con{ margin-top: 20px;}
.mailFuntion-box .text{ color: 666; font-size: 14px; line-height: 1.2;}
.mailFuntion-box .download{ margin-top: 50px;}
.mailFuntion-box .download li{ display: inline-block; vertical-align: top; height: 70px; margin: 0 12px;}
.mailFuntion-box .download p{ line-height: 68px; border: 1px solid #ff6800; background-color: #fff; color: #ff6800; font-size: 16px; width: 330px; text-align: center;}
.mailFuntion-box .download a{ display: block; width: 70px; height: 70px; line-height: 70px; background: url(../images/17mail-56.png) no-repeat center #ff6800;}
.mailFuntion-box .advantage { font-size: 0; text-align: center; margin-top: 40px;}
.mailFuntion-box .advantage dl{ display: inline-block; vertical-align: top; width: 25%;}
.mailFuntion-box .advantage img{ display: inline-block; height: 34px;}
.mailFuntion-box .advantage dd{ font-size: 14px; color: #666; line-height: 24px; margin-top: 15px;}
.mailFuntion .tip{ color: #ff6800; font-size: 18px; line-height: 1; margin-top: 50px; text-align: center;}



.cloudMeau{ width: 100%; background-color: #fff;}
.cloudMeau ul{ margin-left: 1px;}
.cloudMeau li{ float: left; margin-left: -1px; border-left: 1px solid #dcdcdc; width: 173px;}
.cloudMeau li a{ height:80px; width:100%; text-align: center; font-size:18px; color: #333; display: block; background-color: #fff;}
.cloudMeau li span{ display: inline-block; line-height:78px}
.cloudMeau li a img{ padding:19.5px 0;}
.cloudMeau li span:after{ content:''; margin: 0 auto; display:none; width:80px; height: 2px; background-color: #0099ff;}
.cloudMeau li a:hover{ color: #0099ff;}
.cloudMeau li.on a{ color: #0099ff;}
.cloudMeau li.on span:after{ display: block;}
.cloudMeau li:first-child{ border: none;}
.cloudMeau li:last-child{ width: 160px; padding: 23px 0; text-align: right;}
.cloudMeau li:last-child a{ display:inline-block; border: 1px solid #ff6800; width: auto; padding: 0 10px; line-height: 32px; height: 32px; color: #ff6800; font-size: 16px;}
.cloudMeau li:last-child a:hover{ background-color: #ff6800; color: #fff;}

.mail-banner.wy{ background-image: url(../images/17mail-19.jpg);}
.wyMail-package .buyBtn{ 
	-moz-border-radius:2px; 
	-webkit-border-radius: 2px; 
	border-radius:2px;
	display: inline-block; line-height: 30px; width: 80px; text-align: center; color: #7f7f7f; font-size: 12px; border: 1px solid #dfdcdc;
	}
.wyMail-package .buyBtn:hover{ background-color: #4ab7ff; color: #fff;}
.wyMail-package{ padding: 60px 0; background-color: #f7fafb;}
.wyMail-package-con{-moz-box-shadow:0 10px 25px rgba(0,0,0,.08);
                    -webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);
                    box-shadow:0 10px 25px rgba(0,0,0,.08); 
                    width: 580px; background-color: #fff; border: 1px solid #eaeaea;
                    }
.wyMail-edition{ padding: 60px 0; border-top: 2px solid #0099ff; border-bottom: 1px solid #dfdcdc;}
.wyMail-edition dl{ float: left; width: 200px; text-align: center; margin-left: 50px;}
.wyMail-edition dt{ height: 55px;}
.wyMail-edition dt img{ display: inline-block;}
.wyMail-edition dd{ color: #0099ff; font-size: 30px; padding-top: 15px; line-height: 30px;}
.wyMail-edition ul{ float: left;}
.wyMail-edition li{ color: #0099ff; font-size: 14px; line-height: 24px;}
.wyMail-edition li span{ color: #333; width: 100px; display: inline-block;}
.wyMail-result{ padding:40px 0; border: 3px solid #fff; display: none;}
.wyMail-result:hover{ border-color: #48b3f9;}
.wyMail-result .user{ float: left; width: 215px; text-align: center;  color: #333; font-size: 18px; line-height: 42px;}
.wyMail-result .user span{ font-size: 36px; display: inline-block; border-bottom: 2px solid #4ab7ff;}
.wyMail-result ul{ float: left;}
.wyMail-result li{ color: #333; font-size: 12px; line-height: 22px; width: 120px;}
.wyMail-result li span{ color: #0099ff; font-size: 14px;}
.wyMail-result .price{ float: right; margin-right: 40px;}
.wyMail-result .price span{ display: inline-block; color: #0099ff; font-size: 18px; line-height: 32px; margin-right: 20px;}
.wyMail-package .wyMail-result .buyBtn{ color: #4ab7ff; border-color: #4ab7ff;}
.wyMail-package .wyMail-result .buyBtn:hover{ background-color: #4ab7ff; color: #fff;}
.wyMail-plan ul{ margin-left: 1px;}
.wyMail-plan li{ margin-left: -1px; float: left; width:33.33333333333%; text-align: center; color: #333; padding: 30px 0 20px; border-right: 1px solid #dcdcdc;  border-top: 1px solid #dcdcdc;}
.wyMail-plan li:nth-child(3),.wyMail-plan li:nth-child(6){ border-right:0 ;}
.wyMail-plan dl{ line-height: 30px; font-size: 12px;}
.wyMail-plan dt{ font-size: 36px;;}
.wyMail-plan p{ line-height: 22px;}
.wyMail-plan p span{ color: #0099ff; padding-top: 15px;}
.wyMail-plan b{ color: #0099ff; font-size: 18px; display:block; font-weight: lighter; line-height: 18px; padding: 15px 0 10px;}
.wyMail-search{ 
	-moz-border-radius:50%; 
	-webkit-border-radius:50%; 
	border-radius:50%;
	-moz-box-shadow:0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);
    box-shadow:0 10px 25px rgba(0,0,0,.08); 
	position: absolute; left: 50%; margin-left:-95px; top:85px; width: 190px; height: 190px; background-color: #4ab7ff; border: 1px solid #eaeaea;
	}
.wyMail-search-con{ width: 100px; margin: 0 auto; padding-top: 50px;}
.wyMail-search-con input{ text-align: center; width: 100px; display: block; border: none; background-color: inherit; border-bottom: 1px solid rgba(255,255,255,.5); color:rgba(255,255,255,.5); font-size: 14px; height: 36px; line-height: 36px;}
.wyMail-search-con input.on{ color: #fff; font-size: 16px;}
.wyMail-search-con .buyBtn{ width: 100px; line-height: 36px; border-color: #fff; background-color: #fff; color: #4ab7ff; margin-top: 15px;}
.wyMail-step{ height:590px; padding-top: 110px; background: url(../images/17mail-15.jpg) no-repeat center;}
.wyMail-step .w-1200{ background-color: #fff; padding: 45px 0;}
.wyMail-step-bar{ width: 908px; height: 50px; margin: 0 auto; background: url(../images/17mail-16.jpg) no-repeat;}
.wyMail-step-bar li{ float: left; color: #fff; font-size: 14px; width: 33.33333%; line-height: 50px; text-align: center; text-indent: 50px;}
.wyMail-form{width: 780px; margin: 0 auto; margin-top: 20px;}
.wyMail-form .form-group{ float: left; margin-top: 18px; margin-left: 105px;}
.wyMail-form .control-label{ line-height: 32px; display: block; float: left; width: 88px; color: #494949; font-size: 14px;}
.wyMail-form .control-label span{ color: #eb6100; display: inline-block;width: 7px;}
.wyMail-form .col-sm{ float: left;}
.wyMail-form .form-control{ width: 220px; padding: 0 10px; line-height: 30px; height: 30px; border: 1px solid #dfdcdc;}
.wyMail-form .margin-left-none{ margin-left: 0;}
.wyMail-form-btn{ text-align: center; margin-top: 30px;}
.wyMail-form-btn a{ 
	-moz-border-radius:2px; 
	-webkit-border-radius: 2px; 
	border-radius:2px;
	margin: 0 auto; display: block; width:230px; line-height: 48px; color: #fff; text-align: center; font-size: 18px; background-color: #4ab7ff;
	}
.wyMail-form-btn a:hover{ background-color: #038ce8;}
.wyMail-form-btn p{ color: #494949; font-size: 12px; line-height: 12px; padding-top: 10px;}
.wyMail-adv{padding: 60px 0 128px; background: url(../images/17mail-8.jpg) no-repeat center bottom #f7fafb;}
.wyMail-adv ul{ margin-left: -180px;}
.wyMail-adv li{ float: left; width:486px; padding-bottom: 34px; margin-bottom: 34px; margin-left: 200px; border-bottom: 1px dashed #dad9db;}
.wyMail-adv .li-img{ float: left; width: 75px; height: 75px; background: url(../images/17mail-18.png) no-repeat;}
.wyMail-adv li:nth-child(2) .li-img{ background-position: 0 -75px;}
.wyMail-adv li:nth-child(3) .li-img{ background-position: 0 -150px;}
.wyMail-adv li:nth-child(4) .li-img{ background-position: 0 -225px;}
.wyMail-adv li:nth-child(5) .li-img{ background-position: 0 -300px;}
.wyMail-adv li:nth-child(6) .li-img{ background-position: 0 -375px;}
.wyMail-adv dl{ float: left; margin-left: 16px; width: 335px;}
.wyMail-adv dt{padding-bottom:10px;line-height:20px;font-size: 20px;color: #0154a0;}
.wyMail-adv dd{font-size: 16px; line-height: 24px; color: #666;}


.mail-banner.tx{ background-image: url(../images/17mail-20.jpg);}
.txMail-main .tit p{ color: #666; font-size: 18px; line-height:30px;}
.txMail-main .tit p span{ display: block; color: #ff6800;}
.txMail-package{ padding: 60px 0; background-color: #f7fafb;}
.txMail-package-con{ 
	-moz-box-shadow:0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);
    box-shadow:0 10px 25px rgba(0,0,0,.08); 
	border: 1px solid #eaeaea;
	background-color: #fff;
	}
.txMail-package-top ul{border-top: 2px solid #0099ff;}
.txMail-package-top li{ float: left; text-align: center; margin-left: -1px; border: 1px solid #eaeaea; border-top: 0; width:199px; padding: 30px 0;}
.txMail-package-top dl{ line-height: 30px; font-size: 12px;}
.txMail-package-top dt{ font-size: 36px;}
.txMail-package-top p{ width:122px; margin: 0 auto;}
.txMail-package-top p span{ display: block; color: #666; font-size: 12px; line-height: 22px;}
.txMail-package-top p span.fr{ color: #0099ff;}
.txMail-package-top div{ margin-top: 5px;}
.txMail-package-top b{ color: #666; font-size: 12px; line-height: 24px; font-weight: normal; display: block; padding: 10px 0 5px;}
.txMail-package-top b em{ font-style: normal; color: #ff6800; font-size: 24px;}
.txMail-package .buyBtn{ 
	-moz-border-radius:2px; 
	-webkit-border-radius: 2px; 
	border-radius:2px;
	display: inline-block; line-height: 30px; width: 80px; text-align: center; color: #7f7f7f; font-size: 12px; border: 1px solid #dfdcdc;
	}
.txMail-package .buyBtn:hover{ background-color: #4ab7ff; color: #fff;}
.txMail-package-bottom{ padding: 40px 0;}
.txMail-package-bottom li{ float: left; border-right: 1px dashed #dfdfdf; width: 33.2%;}
.txMail-package-bottom li:last-child{ border: none;}
.txMail-package-bottom .li-o p{ padding-left: 72px; color: #999; font-size: 14px; line-height: 30px;}
.txMail-package-bottom .li-o p span{ display: block; font-size: 24px; color: #0099ff;}
.txMail-package-bottom .li-t p{ text-align: center; color: #333; font-size: 18px; line-height: 30px;}
.txMail-package-bottom .li-t span{ display: block; font-size: 16px;}
.txMail-package-bottom .li-t b{ font-weight: normal; color: #ff6800;}
.txMail-package-bottom .li-t input{ border: 1px solid #d2d2d2; line-height: 28px; width: 68px; padding: 0 10px; margin: 0 5px; color: #ff6800; font-size: 18px; text-align: center;}
.txMail-package-bottom .li-s{ text-align: center;}
.txMail-package-bottom .li-s .buyBtn{ border-color:#ff6800; color: #ff6800; width: 180px; padding: 0; line-height: 38px; font-size: 16px;} 
.txMail-package-bottom .li-s .buyBtn:hover{ background-color: #ff6800; color: #fff;}
.txMail-package-bottom .li-s p{ color: #ff6800; padding-top: 2px;}
.txMail-gn{padding: 0 0 128px; background: url(../images/17mail-8.jpg) no-repeat center bottom #f7fafb;}
.txMail-gxgn{ margin-top: 30px;}
.introduce_func_line{ margin-left: -35px;}
.introduce_func_item {
	-moz-box-shadow:0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);
    box-shadow:0 10px 25px rgba(0,0,0,.08); 
	width:170px;height:170px; background-color:#fff; border:1px solid #E0E0E0;float:left;margin-left:35px;margin-bottom:35px;-mz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.introduce_func_item:hover {border:1px solid #2C8DE1}
.introduce_integrate_item {width:260px;height:260px;border:1px solid #E0E0E0;float:left;margin-right:50px;margin-bottom:50px;-mz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.introduce_integrate_item:hover {border:1px solid #2C8DE1}
.introduce_func_item_last,.introduce_integrate_item_last {margin-right:0px}
.intro_title,.intro_hover_title {color:#000;font-size:16px;font-weight:200;text-align:center;line-height:1;margin-bottom:18px;margin-top:-5px}
.intro_hover_title {color:#252525}
.intro_integrate_title {color:#000;font-size:18px;text-align:center;line-height:1;margin-bottom:12px;font-weight:200}
.intro_sub_title_m15,.intro_sub_title_m14,.intro_sub_title_m12,.intro_sub_title_m7,.intro_sub_title_m13,.intro_integrate_sub_title_m15 {color:#757575;font-size:14px;text-align:left;margin:0 15px;line-height:18px;font-weight:200}
.intro_sub_title_m14 {margin:0 14px}
.intro_sub_title_m12 {margin:0 12px}
.intro_sub_title_m7 {margin:0 6px}
.intro_sub_title_m13 {margin:0 13px}
.intro_integrate_sub_title_m15 {font-size:14px}
.mail_func_icon,.manage_func_icon {margin:0px 63px 19px}
.integrate_icon {margin:50px 36px 20px}
.vip_tip {position:absolute;margin-left:137px !important;margin-top:-1px !important}
.introduce_func_item_normal {margin-top:46px}
.introduce_func_item,.introduce_func_item_normal,.introduce_func_item_hover {-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all 0.2s}
.introduce_func_item:hover .introduce_func_item_normal {-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-khtml-opacity:0;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px)}
.introduce_func_desc2:hover .introduce_func_item_hover {-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-khtml-opacity:1;-webkit-transform:translateY(-45px);-moz-transform:translateY(-45px);-ms-transform:translateY(-45px);-o-transform:translateY(-45px);transform:translateY(-45px)}
.introduce_func_desc3:hover .introduce_func_item_hover {-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-khtml-opacity:1;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}
.introduce_func_item:hover .introduce_func_item_hover {opacity:1}
.introduce_func_item_hover {opacity:0}
@media \0screen {.introduce_func_desc2:hover .introduce_func_item_hover {visibility:visible;position:relative;top:-44px}
.introduce_func_desc3:hover .introduce_func_item_hover {visibility:visible;position:relative;top:-30px}
.introduce_func_item_hover {visibility:hidden}
}
.mail_func_icon {display:inline-block;*display:inline;*zoom:1;font-size:0;background-repeat:no-repeat;background-image:url('../images/17mail-22.png');background-size:48px 1004px}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {.mail_func_icon {background-image:url('../images/17mail-22.png')}
}
.mail_func_icon_1 {background-position:0 0;height:44px;width:48px}
.mail_func_icon_10 {background-position:0 -54px;height:44px;width:44px}
.mail_func_icon_11 {background-position:0 -108px;height:44px;width:44px}
.mail_func_icon_12 {background-position:0 -162px;height:44px;width:44px}
.mail_func_icon_13 {background-position:0 -216px;height:44px;width:44px}
.mail_func_icon_14 {background-position:0 -270px;height:44px;width:44px}
.mail_func_icon_15 {background-position:0 -324px;height:44px;width:44px}
.mail_func_icon_16 {background-position:0 -378px;height:44px;width:44px}
.mail_func_icon_17 {background-position:0 -432px;height:44px;width:44px}
.mail_func_icon_18 {background-position:0 -486px;height:44px;width:44px}
.mail_func_icon_19 {background-position:0 -540px;height:32px;width:32px}
.mail_func_icon_2 {background-position:0 -582px;height:44px;width:44px}
.mail_func_icon_3 {background-position:0 -636px;height:44px;width:44px}
.mail_func_icon_4 {background-position:0 -690px;height:44px;width:44px}
.mail_func_icon_5 {background-position:0 -744px;height:44px;width:44px}
.mail_func_icon_6 {background-position:0 -798px;height:44px;width:46px}
.mail_func_icon_7 {background-position:0 -852px;height:44px;width:44px}
.mail_func_icon_8 {background-position:0 -906px;height:44px;width:44px}
.mail_func_icon_9 {background-position:0 -960px;height:44px;width:44px}
.manage_func_icon {display:inline-block;*display:inline;*zoom:1;font-size:0;background-repeat:no-repeat;background-image:url('../images/17mail-23.png');background-size:44px 960px}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {.manage_func_icon {background-image:url('../images/17mail-23.png')}
}
.manage_func_icon_1 {background-position:0 0;height:44px;width:44px}
.manage_func_icon_10 {background-position:0 -54px;height:44px;width:44px}
.manage_func_icon_11 {background-position:0 -108px;height:44px;width:44px}
.manage_func_icon_12 {background-position:0 -162px;height:44px;width:44px}
.manage_func_icon_13 {background-position:0 -216px;height:44px;width:44px}
.manage_func_icon_14 {background-position:0 -270px;height:44px;width:44px}
.manage_func_icon_15 {background-position:0 -324px;height:44px;width:44px}
.manage_func_icon_16 {background-position:0 -378px;height:44px;width:44px}
.manage_func_icon_17 {background-position:0 -432px;height:44px;width:44px}
.manage_func_icon_18 {background-position:0 -486px;height:44px;width:44px}
.manage_func_icon_2 {background-position:0 -540px;height:42px;width:36px}
.manage_func_icon_3 {background-position:0 -592px;height:44px;width:44px}
.manage_func_icon_4 {background-position:0 -646px;height:44px;width:44px}
.manage_func_icon_5 {background-position:0 -700px;height:44px;width:44px}
.manage_func_icon_6 {background-position:0 -754px;height:44px;width:44px}
.manage_func_icon_7 {background-position:0 -808px;height:44px;width:44px}
.manage_func_icon_8 {background-position:0 -862px;height:44px;width:44px}
.manage_func_icon_9 {background-position:0 -916px;height:44px;width:44px}
.client_case_table {margin:0 auto;margin-bottom:20px}
.client_case_td {width:242px;height:130px; text-align: center;}
.index_logo {display:inline-block;*display:inline;*zoom:1;font-size:0;background-repeat:no-repeat;background-image:url('../images/17mail-24.png');background-size:146px 2011px}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {.index_logo {background-image:url('../images/17mail-24.png')}
}
.index_logo_16 {background-position:0 -470px;height:41px;width:125px}
.index_logo_17 {background-position:0 -521px;height:39px;width:146px}
.index_logo_18 {background-position:0 -570px;height:34px;width:125px}
.index_logo_34 {background-position:0 -1412px;height:36px;width:112px}
.index_logo_19 {background-position:0 -614px;height:29px;width:119px}
.index_logo_20 {background-position:0 -695px;height:60px;width:64px}
.index_logo_21 {background-position:0 -765px;height:31px;width:90px}
.index_logo_22 {background-position:0 -806px;height:35px;width:105px}

.mail-banner.al{ background: url(../images/17mail-26.jpg) no-repeat center;}
.alMail-main{ padding-bottom: 60px;}
.alMail-main .paddingTop-60{ padding-top: 60px;}
.alMail-package{ background-color: #f7fafb;}
.alMail-package-top ul{ margin-left: -15px;}
.alMail-package-top li{ 
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
	width: 330px; padding: 30px; background-color: #fff; float: left; margin-left: 15px; border-top: 2px solid #fd5859;
	}
.alMail-package-top .li-img{ width: 86px; height: 91px; margin: 0 auto;}
.alMail-package-top .li-img span{ display: block; float: left; width: 86px; height: 79px; margin: 6px 0 0 0; background: url(../images/17mail-27.png) no-repeat; background-position: 0 -597px;}
.alMail-package-top li:nth-child(2) .li-img span{ width: 83px; height: 91px; margin: 0 0 0 1.5px; background-position: 0 -506px;} 
.alMail-package-top li:nth-child(3) .li-img span{ width: 83px; height: 88px; margin: 1.5px 0 0 1.5px; background-position: 0 -418px;} 
.alMail-package-top dl{ margin-top:15px; text-align: center; line-height: 24px;}
.alMail-package-top dt{ color: #333; font-size: 20px;}
.alMail-package-top dd{ color: #999; font-size: 12px;}
.alMail-package-top .text{ padding:20px 0; border-bottom: 1px solid #ddd;}
.alMail-package-top .text span{ color: #666; font-size: 14px; line-height: 30px; display: inline-block; vertical-align: top;}
.alMail-package-top .text b{ color: #333;}
.alMail-package-top .text span:first-child{ width: 140px; text-align: right; margin-right: 40px;}
.alMail-package-top .btn{ margin-top: 15px; text-align: center;}
.alMail-package-top .btn p{ color: #333; font-size: 12px; line-height: 32px;}
.alMail-package-top .btn span{ color: #ff6800; font-size: 32px;}
.alMail-package-top .btn i{ color: #999; display: inline-block; margin-left: 5px;}
.alMail-package-top .btn a{ 
	-moz-border-radius:2px; 
	-webkit-border-radius: 2px; 
	border-radius:2px;
	width: 230px; display: block; text-align: center; line-height: 48px; background-color: #fd5859; color: #fff; font-size: 18px; margin: 5px auto auto auto;
	}
.alMail-package-top .btn a:hover{ background-color: #e84e4f;}
.alMail-main .txMail-package-bottom{ 
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
	background-color: #fff; margin-top: 15px;
	}
.alMail-main .txMail-package-bottom .li-o p span{ color: #fd5859;}
.alMail-main .txMail-package-bottom .li-s a{ 
	-moz-border-radius:2px; 
	-webkit-border-radius: 2px; 
	border-radius:2px;
	color: #fd5859; font-size: 16px; width: 180px; line-height: 40px; border: 1px solid #fd5859; display:inline-block;
	}
.alMail-main .txMail-package-bottom .li-s a:hover{ background-color: #fd5859; color: #fff;}
.alMail-gn{ background-color: #f7fafb;}
.alMail-gn-con ul{ margin: -35px 0 0 -26px;}
.alMail-gn-con li{ 
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
	background-color: #fff; width: 240px; padding: 20px; float: left; margin: 35px 0 0 26px;
	}
.alMail-gn-con .li-img{ width: 127px; height: 74px; margin: 0 auto;}
.alMail-gn-con .li-img span{ width: 73px; height: 74px; float: left; margin: 0 0 0 27px; background:url(../images/17mail-27.png) no-repeat; background-position: 0 -217px;}
.alMail-gn-con li:nth-child(2) .li-img span{ width: 62px; height: 71px; margin: 1.5px 0 0 32.5px; background-position: 0 -74px;}
.alMail-gn-con li:nth-child(3) .li-img span{ width: 52px; height: 74px; margin: 0 0 0 37.5px; background-position: 0 0;}
.alMail-gn-con li:nth-child(4) .li-img span{ width: 76px; height: 69px; margin: 2.5px 0 0 25.5px; background-position: 0 -291px;}
.alMail-gn-con li:nth-child(5) .li-img span{ width: 72px; height: 72px; margin: 1px 0 0 27.5px; background-position: 0 -145px;}
.alMail-gn-con li:nth-child(6) .li-img span{ width: 127px; height: 56px; margin: 9px 0 0 0; background-position: 0 -734px;}
.alMail-gn-con li:nth-child(7) .li-img span{ width: 103px; height: 58px; margin: 8px 0 0 12px; background-position: 0 -676px;}
.alMail-gn-con li:nth-child(8) .li-img span{ width: 79px; height: 58px; margin: 8px 0 0 24px; background-position: 0 -360px;}
.alMail-gn-con dl{ margin-top:20px; text-align: center;}
.alMail-gn-con dt{ color: #333; font-size: 18px; line-height: 18px;}
.alMail-gn-con dd{ color: #666; font-size: 14px; line-height: 22px; padding-top: 10px; height: 66px;}
.alMail-main .mail-main-s .s-con-bottom{ margin-top: 0;}
.alMail-main .mail-main-s .s-con-bottom dd{ padding: 8px 15px 0 15px; min-height: 68px;}


.mail-banner.wr{ background-image: url(../images/17mail-31.jpg);}
.wrMain{ background-color: #f8f8f8;}
.wrMain .tit p{ font-size: 16px; color: #666; line-height: 20px; padding-top: 20px; font-weight: lighter;}
.wrMain-edition{ padding: 60px 0;}
.wrMain-edition-a{
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1);
	background-color: #fff; height: 1717px; width: 325px; padding: 30px; margin-right: 15px; border-top: 2px solid #fd5859; color: #666; line-height: 20px; font-size: 14px; float: left;}
.wrMain-edition-a:last-child{ margin-right: 0;}
.wrMain-edition-info{ text-align: center;}
.wrMain-edition-info h5{ color: #333; font-size: 26px; line-height: 36px; padding: 0 0 20px 0; font-weight: lighter;}
.wrMain-edition-info h6{ font-weight: normal;}
.wrMain-edition-info dl{ margin-top: 20px;}
.wrMain-edition-info dt{ color: #333; font-size: 12px; line-height: 32px;}
.wrMain-edition-info dt span{ color: #ff6800; display: inline-block; font-size: 32px;}
.wrMain-edition-info dt i{ color: #999; display: inline-block; margin-left: 5px;}
.wrMain-edition-info dd a{ display: block; width: 230px; line-height: 48px; text-align: center; color: #fff; background-color: #008a00; font-size: 18px; border-radius: 3px; margin: 5px auto auto auto;}
.wrMain-edition-info dd a:hover{ background-color: #047204;}
.wrMain-edition-info p{ text-align: left; color: #333; line-height: 24px; padding-top: 30px; margin-top: 30px; border-top: 1px solid #ddd;}
.wrMain-edition-inc dl{ margin-top: 30px;}
.wrMain-edition-inc dt{ color: #ff6800; font-size: 18px;}
.wrMain-edition-inc dd{ margin-left: -12px; margin-top: 20px;}
.wrMain-edition-inc .ddCon{ display: inline-block; vertical-align: top; width: 68px; text-align: center; margin-top: 20px; margin-left: 12px;}
.wrMain-edition-inc .ddCon img{ width: 68px; height: 68px;}
.wrMain-edition-inc .ddCon p{ font-size: 12px; line-height: 18px; margin-top: 10px;}
.wrMain-edition-inc .ddCon span{ display: block; color: #999;}
.wrMain-edition-list{padding-top: 30px; margin-top: 30px; border-top: 1px solid #ddd;}
.wrMain-edition-list li{ padding: 5px 0; list-style-type: disc;}
.wrMain-point{ padding-bottom: 60px;}
.wrMain-point-top li{ display: none;}
.wrMain-point-top .fl img{ float: left;}
.wrMain-point-top dl{ float: left; width: 300px; margin-left: 30px;}
.wrMain-point-top dt{ color:#0072c6; font-size: 20px; line-height: 30px;}
.wrMain-point-top dd{ font-size: 16px; line-height: 26px; padding: 10px 0 0 0;}
.wrMain-point-top a{ text-align: center;  color: #fff; background-color: #0072c6; width: 110px; line-height: 36px; display: block; font-size: 16px; margin-top: 20px;}
.wrMain-point-top a:hover{ background-color: #012055;}
.wrMain-point-bottom{ margin-top: 30px; text-align:center;}
.wrMain-point-bottom li{ display: inline-block; margin: 0 10px; cursor: pointer; vertical-align: top;}
.wrMain-point-bottom img{ width: 90px; height: 90px;   box-sizing: border-box;}
.wrMain-point-bottom li:after{ content: ''; display: block; background-color: #0072c6; height: 5px; width: 100%; margin-top: 10px; display: none;}
.wrMain-point-bottom li.on img{ border: 5px solid #ddd;}
.wrMain-point-bottom li.on:after{ display: block;}


.paddingTopBot-60{ padding: 60px 0;}
.mail-banner.els { background-image: url(../images/263-2.jpg);}
.els-package .alMail-package-top li{ border-color: #005fa8;}
.els-package .alMail-package-top .btn a{ background-color: #005fa8;}
.els-package .alMail-package-top .btn a:hover{ background-color: #015290;}
.alMail-main .els-package .txMail-package-bottom .li-o p span{ color: #005fa8;}
.alMail-main .els-package .txMail-package-bottom .li-s a{ border-color: #005fa8; color: #005fa8;}
.alMail-main .els-package .txMail-package-bottom .li-s a:hover { background-color: #005fa8; color: #fff;}
.els-package .alMail-package-top .li-img{ width: 96px; height: 77px;}
.els-package .alMail-package-top .li-img span{ width: 96px; height: 60px; margin:8.5px 0 0 0; background: url(../images/263-sprites.png) no-repeat; background-position: -10px -10px;}
.els-package .alMail-package-top li:nth-child(2) .li-img span{  width: 80px; height: 77px; margin: 0 0 0 8px; background-position: -10px -180px;}
.els-package .alMail-package-top li:nth-child(3) .li-img span{  width: 96px; height: 70px; margin: 3.5px 0 0 0; background-position: -10px -90px;}
.els-package .alMail-package-top .btn p.p-a{ color: #ff6800;}
.elsMain{background-color: #f7fafb; padding-bottom: 0;}
.elsMain-a ul{ margin-left: -26.5px;}
.elsMain-a li{ 
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1);
	float: left; padding:35px 20px; width: 240px; background-color: #fff; text-align: center; margin-left: 26.5px;}
.elsMain-a .li-img{ width: 87px; height: 87px; background: url(../images/263-sprites.png) no-repeat; background-position: -10px -277px; margin: 0 auto;}
.elsMain-a li:nth-child(2) .li-img{ background-position: -10px -384px;}
.elsMain-a li:nth-child(3) .li-img{ background-position: -10px -491px;}
.elsMain-a li:nth-child(4) .li-img{ background-position: -10px -598px;}
.elsMain-a dl{ margin-top: 25px;}
.elsMain-a dt{ font-size: 18px; color: #333;}
.elsMain-a dd{ font-size: 14px; color: #666; line-height: 24px; height: 168px;}
.elsMain-bCon{ width: 100%; min-height: 549px; background:url(../images/263-3.png) no-repeat center ;}
.elsMain-bCon ul{ margin-top: -20px;}
.elsMain-bCon li{ margin-top: 45px; width: 365px;}
.elsMain-bCon li:before{ content: ''; display: inline-block; width: 20px; height: 2px; background-color: #ff6800;}
.elsMain-bCon dl{ margin-top: 10px;}
.elsMain-bCon dt{ color: #333; font-size: 18px;}
.elsMain-bCon dd{ color: #666; font-size: 14px; line-height: 24px; width: 310px; display: inline-block;}
.elsMain-bCon .fl li{ text-align: right; border-right: 1px solid #e7e7e7; padding-right: 35px;}
.elsMain-bCon .fr li{ border-left: 1px solid #e7e7e7; padding-left: 35px;}
.elsMain-c{ background-color: #ecf2f4;}
.elsMain-c .tit { padding-bottom: 0;}
.elsMain-c .tit h4{ line-height: 40px; font-size: 24px;}

/*EDM*/
.seo-main .parallax{background-attachment: fixed;}
.seo-banner{ width:100%; height:700px; background-repeat:no-repeat; background-position:center top;}
.seo-banner .banner-tex{ text-align: center; color: #fff; padding-top: 180px;}
.seo-banner .banner-tex p{ font-size: 48px; line-height: 58px;}
.seo-banner .banner-tex p i{ color: #ff6800;}
.seo-banner .banner-tex span{ font-size: 24px;  display: block; line-height:44px; padding-top: 20px;}
.seo-banner.wztg{ background-image:url(https://style.cndns.com/cn/mail/images/17seo-1.jpg);}
.seo-banner .tg-btn{ display: block; margin: 30px auto auto auto; width:240px; height: 52px; line-height: 52px; text-align: center; color: #fff; background-color: #ff6800; font-size: 16px;}
.seo-banner .tg-btn:hover{ background-color: #ec6000;}
.seo-main .tit{ padding-bottom: 40px; text-align: center;}
.seo-main .tit h4{ color:#ff6800; font-size:30px; line-height:42px; padding-bottom:8px; font-weight:normal;}
.seo-main .tit p{ color:#666; font-size:14px; line-height:24px;}
.seo-main .tit p span{ display:block; color:#73b400; font-size:16px; padding:3px 0}
.edm-main .tit h4{ color: #333;}
.seo-banner.edm{ background-image:url(/newimages/mail/edm-banner.jpg); position: relative; z-index: 2;}
.edm-main{ margin-top: -102px;}
.edm-main-o ul{ position: relative; z-index: 3; margin-left: -16px;}
.edm-main-o li{ background-color: #fff; margin-left: 16px; float: left; width: 286px; border: 1px solid #e9e9e9; -moz-box-shadow:0 10px 25px rgba(0,0,0,.08);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);box-shadow:0 10px 25px rgba(0,0,0,.08);}
.edm-main-o li h4{ text-align: center; color: #333; font-size: 30px; line-height: 30px; font-weight: normal; padding: 35px 0; border-top: 2px solid #ff6800;}
.edm-main-o li dl{ padding: 20px 0 30px; margin: 0 20px; border-top: 1px solid #e9e9e9; text-align: center;}
.edm-main-o li dt{ color: #333; font-size: 12px; line-height: 32px;}
.edm-main-o li dt span{ color: #ff6800; font-size: 32px; display: inline-block;}
.edm-main-o li dd{ margin-top: 5px;}
.edm-main-o li a{ display: block; color: #fff; font-size: 18px; line-height: 48px; background-color: #ff6800; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius:2px;}
.edm-main-o li a:hover{ background-color: #ec6000;}
.edm-main-o .o-contact{ margin-top: 40px;}
.edm-main-o .o-contact .fl{ line-height: 26px; font-size: 14px; color: #666;}
.edm-main-o .o-contact .fl span{ color: #ff6800;}
.edm-main-o .online-btn{ border: 1px solid #ff6800; display: inline-block; line-height: 24px; padding:0 15px; color: #ff6800; font-size: 13px; margin-left: 10px;}
.edm-main-o .online-btn:before{ content: ""; width: 13px; height: 13px; display: block; float: left; margin: 5px 5px 0 0; background: url(https://style.cndns.com/cn/mail/images/17mail-11.png) no-repeat;}
.edm-main-o .online-btn:hover{ background-color: #ff6800; color: #fff;}
.edm-main-o .online-btn:hover:before{ background-position: 0 -13px;}
.edm-main-o .o-contact .fr p{ float: left; color: #666; font-size: 14px; padding-left: 22px; line-height: 26px; margin-left: 30px; background: url(https://style.cndns.com/cn/edm/images/edm_6.png) no-repeat left center;}
.edm-main-o .o-sev .tit:before{ content: ""; display: block; width: 40px; height: 1px; background-color: #d3d3d3; margin: 40px auto 30px auto;}
.edm-main-o table{width: 100%; border-collapse: collapse;border-spacing: 0;background: #fff; color: #999; font-size: 16px;}
.edm-main-o table th,.edm-main-o table td{ text-align: center; border: 1px solid #ededed; padding: 13px 0; line-height: 26px; font-weight: normal;}
.edm-main-o table td{ color: #ff6800; font-weight: bold;}
.edm-main-o table td .online-btn{ font-weight:normal;}
.edm-main-t{ margin-top: 70px; height: 494px; padding-top: 66px; background: url(https://style.cndns.com/cn/mail/images/17mail-12.jpg) no-repeat center;}
.edm-main-t-m{ width:1200px; height:429px; background:url(https://style.cndns.com/cn/mail/images/17mail-13.jpg) no-repeat; margin: 0 auto;}
.edm-main-t-m p{ color:#333; font-size:18px; line-height:30px; padding:50px 0 30px 570px;}
.edm-main-t-m ul{ margin-left:570px;}
.edm-main-t-m ul li{ color:#666; font-size:14px; line-height:24px; background:url(https://style.cndns.com/cn/edm/images/edm_6.png) no-repeat left center; padding-left:28px;}
.edm-main-t-m ul li.li1{ color:#ff6800; font-size:24px; padding-bottom:10px; background:none; padding-left:0;}
.edm-main-s{ padding: 70px 0;}
.edm-main-s .s-top ul{ margin-left: -23px;}
.edm-main-s .s-top li{ float: left; padding: 30px 0; width: 280px; margin-left:23px; background-color: #fff; -moz-box-shadow:0 5px 25px rgba(0,0,0,.08);-webkit-box-shadow:0 5px 25px rgba(0,0,0,.08);box-shadow:0 5px 25px rgba(0,0,0,.08);}
.edm-main-s .s-top .li-img{ width: 66px; height: 66px; margin: 0 auto; text-align: center;}
.edm-main-s .s-top .li-img span{ width: 66px; height: 66px; display: inline-block; vertical-align: top; background: url(https://style.cndns.com/cn/mail/images/17mail-14.png) no-repeat; background-position: 0 -568px;}
.edm-main-s .s-top li:nth-child(2) .li-img span{ height:62px; background-position: 0 -506px;}
.edm-main-s .s-top li:nth-child(3) .li-img span{ background-position: 0 -440px;}
.edm-main-s .s-top li:nth-child(4) .li-img span{ background-position: 0 -374px;} 
.edm-main-s .s-top dl{ text-align: center; margin: 0 auto; margin-top:20px; width: 250px;}
.edm-main-s .s-top dt{ color: #333; font-size: 18px; line-height: 18px;}
.edm-main-s .s-top dd{ color: #666; font-size:14px; line-height: 20px; padding-top: 15px; min-height: 80px;}
.edm-main-s .s-bottom{ margin-top: 70px;}
.edm-main-s .s-bottom-m{min-height: 216px; padding: 20px 0; float: left; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; width: 399px}
.edm-main-s .s-bottom-m:nth-child(3),.edm-main-s .s-bottom-m:nth-child(6){ border-right: 0;}
.edm-main-s .s-bottom-m:nth-child(7){ border-bottom: 0;}
.edm-main-s .s-bottom-m dl{ margin-top: 60px; width: 165px; float: left; text-align: center;}
.edm-main-s .s-bottom-m dt{ margin: 0 auto; width: 56px; height: 56px; text-align: center;}
.edm-main-s .s-bottom-m dt span{ display:inline-block; vertical-align: top; width: 53px; height: 53px; background: url(https://style.cndns.com/cn/mail/images/17mail-14.png) no-repeat; background-position: 0 -112px;}
.edm-main-s .s-bottom-m:nth-child(2) dt span{ width: 51px; height: 56px; background-position: 0 -56px;}
.edm-main-s .s-bottom-m:nth-child(3) dt span{ width: 54px; height: 56px; background-position: 0 -165px;}
.edm-main-s .s-bottom-m:nth-child(4) dt span{ width: 56px; height: 53px; background-position: 0 -321px;}
.edm-main-s .s-bottom-m:nth-child(5) dt span{ width: 56px; height: 56px; background-position: 0 -221px;}
.edm-main-s .s-bottom-m:nth-child(6) dt span{ width: 45px; height: 56px; background-position: 0 0;}
.edm-main-s .s-bottom-m:nth-child(7) dt span{ width: 56px; height: 44px; background-position: 0 -277px;}
.edm-main-s .s-bottom-m dd{ color: #444; font-size: 18px; line-height: 24px; margin-top: 10px;}
.edm-main-s .s-bottom-m ul{ float: left; margin-top: 70px;}
.edm-main-s .s-bottom-m li{ color: #666; font-size: 14px; line-height: 24px; list-style-type:disc ;}
.edm-main-s .s-bottom-m:nth-child(2) ul{ margin-top: 0;}
.edm-main-s .s-bottom-m:nth-child(3) ul{ margin-top: 20px;}
.edm-main-s .s-bottom-m:nth-child(5) ul{ margin-top: 55px;}
.edm-main-s .s-bottom-m:nth-child(6) ul{ margin-top: 30px;}
.edm-main-s .s-bottom-m:nth-child(7) ul{ margin-top: 55px;}

.edmPop{ display: none;}
.mask{ width: 100%; height: 100%; background-color: rgba(0,0,0,.8); position: fixed; left: 0; top: 0; z-index: 199;}
.edmPop-box{ display: none; z-index: 200; background-color: #fff; padding: 30px 60px; min-width: 200px; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border: 3px solid #ff6800;}
.edmPop-tip p{ text-align: center; color: #ff6800; font-size: 16px;}
.edmPop-btn{ width: 100%; text-align: center; font-size: 0; margin-top: 20px;}
.edmPop-btn a{ display:inline-block; width: 80px; line-height: 30px; text-align: center; background-color: #ff6800; color: #fff; font-size: 12px; margin: 0 5px;}
.edmPop-btn a.qx{ background-color: #e1e1e1; color: #666;}
.edmPop-btn a:hover{ opacity: .8;}


.mail-banner.mat{ background-image: url(../images/mat-1.jpg); background-color: #3e5fe5;}
.matText{ padding-top: 230px;}
.matText dl{ color: #fff; font-weight: lighter; line-height: 1;}
.matText dt{ font-size: 48px;}
.matText dd{ font-size: 24px; margin-top: 20px;}
.matBuy-btn{ color: #fff; font-size: 16px; width:248px; line-height: 46px; border: 1px solid #fff; text-align: center; display: block; margin-top: 35px;}
.matBuy-btn:hover{ background-color: #3b74d1; border-color: #3b74d1; color: #fff;}
.matA-con ul{ margin: -50px 0 0 -80px;}
.matA-con li{ float: left; width: 240px; margin: 50px 0 0 80px; text-align: center;}
.matA-con dt{ width: 67px; height: 58px; margin: 0 auto;}
.matA-con dt span{ display: block; float: left; width: 66px; height: 48px; margin: 5px 0 0 .5px; background: url(../images/mat-sprites.png) no-repeat; background-position: -87px -10px;}
.matA-con li:nth-child(2) dt span{ width: 48px; height: 58px; margin: 0 0 0 9.5px; background-position: -249px -88px;}
.matA-con li:nth-child(3) dt span{ width: 51px; height: 58px; margin: 0 0 0 8px; background-position: -249px -10px;}
.matA-con li:nth-child(4) dt span{ width: 67px; height: 47px; margin: 5.5 0 0 0; background-position: -10px -87px;}
.matA-con li:nth-child(5) dt span{ width: 57px; height: 57px; margin: 5 0 0 .5px; background-position: -10px -10px;}
.matA-con li:nth-child(6) dt span{ width: 56px; height: 56px; margin: 1px 0 0 5.5px; background-position: -173px -10px;}
.matA-con li:nth-child(7) dt span{ width: 59px; height: 52px; margin: 3px 0 0 4px; background-position: -10px -154px;}
.matA-con li:nth-child(8) dt span{ width: 59px; height: 50px; margin: 4px 0 0 4px; background-position: -89px -154px;}
.matA-con dd{ color: #000; font-size: 22px; line-height: 1; margin-top: 15px;}
.matA-con p{ color: #666; font-size: 14px; line-height: 24px; margin-top: 18px; height: 96px; }
.matB{ background-color: #f7fafb;}
.mail-main .matB .tit p{ color: #666; font-size: 16px; padding-top: 20px;}
.matB-con{ width: 100%; text-align: center; font-size: 0;}
.matB-con img{ display: inline-block;}
.matC{ width: 100%; height: 240px; background: url(../images/mat-3.jpg) no-repeat; background-size:cover; text-align: center;}
.matC p{ color: #fff; font-size: 30px; line-height: 1; padding-top: 65px;}
.matC a.matBuy-btn{ margin: 35px auto auto auto;}

.cyjrMain{ background-color: #eee;}
.cyjrMain-a{ padding: 100px 0;  background-color: #f5f5f5}
.cyjrMain-a .text{ text-align: center; color: #333}
.cyjrMain-a .text h4{ font-size: 48px; line-height: 1;}
.cyjrMain-a .text p{ font-size: 16px; line-height: 1.8; margin-top: 30px;}
.cyjrMain-tit{ text-align: center;}
.cyjrMain-tit h5{ color: #ff6800; font-size:22px; line-height: 1; margin-top: 40px;}
.cyjrMain-tit:before{ content: ''; display: block; width: 30px; height: 3px; background-color: #ff6800; margin: 0 auto;}
.cyjrMain-a .cyjrMain-tit { margin-top: 40px;}
.cyjrMain-aCon{ margin-top: 35px;}
.cyjrMain-aCon ul{ margin-left: -30px;}
.cyjrMain-aCon li{ float: left; width: 380px; height: 140px; text-align: center; background: url(../images/cyjr.png) no-repeat; margin-left: 30px}
.cyjrMain-aCon li:nth-child(2){ background-position: 0 -140px;}
.cyjrMain-aCon li:nth-child(3){ background-position: 0 -280px;}
.cyjrMain-aCon p{ font-size: 14px; color: #333; padding-top: 48px; line-height: 1.8;}
.cyjrMain-b{ padding: 70px 0;}
.cyjrMain-b .box{ margin-top: 60px;}
.cyjrMain-b .tit{ text-align: center;}
.cyjrMain-b .tit span{ margin: 0 auto; display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #333; font-size: 16px; border: 1px solid #333; border-radius: 50%;}
.cyjrMain-b .tit p{ color: #333; font-size: 24px; margin-top: 15px; line-height: 1;}
.cyjrMain-b .tit i{ color: #666; font-size: 16px; margin-top: 15px; line-height: 1; display: block;}
.cyjrMain-bCon{ margin-top: 40px;}
.cyjrMain-bCon ul{ margin: -30px 0 0 -30px;}
.cyjrMain-bCon li{ position: relative; font-size: 14px; color: #666; text-align: center; margin: 30px 0 0 30px; float: left; background-color: #fff; width: 380px; height: 140px; -moz-box-shadow: 0 10px 20px rgba(0,0,0,.05); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.05); box-shadow: 0 10px 20px rgba(0,0,0,.05);}
.cyjrMain-bCon p{width: 250px; line-height: 1.8; position: absolute; left: 50%; top: 50%;  transform: translateX(-50%) translateY(-50%);}
.cyjrMain-bCon dt{ color: #333; font-size: 16px; line-height: 64px; border-bottom: 1px solid #ededed;}
.cyjrMain-bCon dt.dh{ line-height: 24px; padding: 8px 0;}
.cyjrMain-bCon dd{ padding: 15px 15px 0 15px; line-height: 1.8; font-size: 14px; color: #666;}
.boxB .cyjrMain-bCon ul{ margin: -25px 0 0 -25px;}
.boxB .cyjrMain-bCon li{ width: 280px; height: 140px; margin: 25px 0 0 25px}
.boxC .cyjrMain-bCon ul{ margin: -25px 0 0 -25px;}
.boxC .cyjrMain-bCon li{ width: 280px; height: 200px; margin: 25px 0 0 25px}
.boxD .cyjrMain-bCon ul{ margin: -25px 0 0 -25px;}
.boxD .cyjrMain-bCon li{ width: 280px; height: 160px; margin: 25px 0 0 25px;}
.cyjrMain-c{ height: 220px; background: url(../images/cyjr-1.jpg) no-repeat center; background-size: cover}
.cyjrMain-cCon{ padding-top:70px; text-align: center;}
.cyjrMain-c a{ position: relative; display: inline-block; width: 398px; height: 88px; border: 1px solid #fff; margin: 0 20px;}
.cyjrMain-c p{ float: right; width: 308px; text-align: center; color: #fff; font-size: 24px; margin-top: 20px}
.cyjrMain-c p span{ display: block; font-size: 14px; margin-top:10px;}
.cyjrMain-c i{ display: block; width: 90px; height:88px; position: absolute; left: 0; top: 0; border-right: 1px solid #338cff;}
.cyjrMain-c i:before{ content: ''; margin: 0 auto; position: relative; top: 24px; display: block; width: 40px; height: 40px; background: url(../images/cyjr.png) no-repeat; background-position: 0 -420px;}

