﻿/*首页*/
/*轮显*/
.flash_div{ width:100%; margin:0 auto; overflow:hidden;/* min-height:550px;*/display:none;}
.flash{height:140px;width:320px;overflow:hidden;position:relative;margin:0 auto;/*margin-top:100px;*/}
.ul_flash{width:100000px;height:100%}
.ul_flash li{float:left;width:320px;height:100%;}
.ul_flash img{width:100%;height:100%}
.flash .pagination{clear:both;position:absolute; width:100%; left:0;bottom:12px;z-index:2;height:10px; float:left; text-align:center;}
.flash .pagination span{ display:inline-block;background:url(../images/dian.png) no-repeat; background-size:100% 100%;width:9px;height:9px;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;margin:0 3px;cursor:pointer;position:relative}
.flash .pagination span.swiper-active-switch{ background:url(../images/dian2.png) no-repeat; background-size:100% 100%;}

/*学员风采*/
.i_xy{ overflow:hidden; background-color:#f7f7f7;}
.i_xy .i_xy_t{ padding-top:2.5%; color:#4ca7ba; font-size:32px; line-height:50px; letter-spacing:1.5px; padding-bottom:3%; text-align:center;}
.i_xy .i_xy_t span{ display:block; line-height:28px; text-transform:uppercase; font-size:15px; letter-spacing:1px; background:url(../images/i_bg3.png) center center no-repeat;}
.i_xy_ul{ width:100%; max-width:1100px; margin:0 auto;}

/*爱思华宝企业邮优势*/
.i_ys_t{ text-align:center;  overflow:hidden; line-height:50px; font-size:32px; color:#237eec; letter-spacing:2px; margin-bottom:6%; margin-top:6%;}
.i_ys_t label{ margin:0 auto; width:90%; max-width:272px;display:block; line-height:28px; color:#808080; font-size:15px; text-transform:uppercase;background:url(../images/i_bg1.png) center center no-repeat; background-size:100% auto;letter-spacing:1px;}
.i_one{ overflow:hidden; padding-bottom:5%;width:100%;}
.i_one ul li{ float:left; width:33.3%; overflow:hidden; text-align:center; }
.i_one ul li div{ border-bottom:1px solid #d6d6d6;border-right:1px solid #dadada;height:198px; padding-top:40px;/*transition:all 0.3s;*/}
.i_one ul li:nth-child(3n+0) div{border-right:1px solid #fff;}
.i_one ul li:nth-child(4) div{border-bottom:0;}
.i_one ul li:nth-child(5) div{border-bottom:0;}
.i_one ul li:last-child div{border-bottom:0;}
.i_one ul li img{ display:block; margin:0 auto; width:27.4%; }
.i_one ul li h2{ font-weight:normal; font-size:18px; color:#0f62cc; margin-top:30px; margin-bottom:2%; height:30px; line-height:30px; overflow:hidden;}
.i_one ul li p{ font-size:14px; line-height:20px; height:60px; overflow:hidden; padding-left:10px; padding-right:10px;transition:all 0.3s;filter: Alpha(Opacity=0);opacity: 0; color:#333333;}
.i_one ul li:hover div{ height:228px; padding-top:10px;}
.i_one ul li:hover p{filter: Alpha(Opacity=100);opacity: 1.0;}
/*首页*/
.i_two{ overflow:hidden; text-align:center;}
.i_two img{ width:100%; display:block; margin:0 auto;}
/*计算器*/
.i_jsq{ overflow:hidden; padding-top:50px; clear:both; padding-bottom:10px;}
.i_jsq ul li{ width:31.4%; float:left; margin-right:2.7%; overflow:hidden;}
.i_jsq ul li:last-child{ margin-right:0;}
.i_jsq ul li h2{ height:86px; line-height:86px; overflow:hidden; text-align:center; font-weight:normal; font-size:26px; color:#fff; letter-spacing:3px; margin-bottom:5px;}
.i_jsq ul li .i_jsq_scroll label{ font-size:12px;}
.i_jsq ul li .i_jsq_b{ border-radius:6px; overflow:hidden;}
.i_jsq ul li:nth-child(1) .i_jsq_b{ border:1px solid #f35f5f;}
.i_jsq ul li:nth-child(2) .i_jsq_b{ border:1px solid #368cf4;}
.i_jsq ul li:nth-child(3) .i_jsq_b{ border:1px solid #67c63d;}
.i_jsq ul li:nth-child(1) h2{ background-color:#f35f5f;}
.i_jsq ul li:nth-child(2) h2{ background-color:#368cf4;}
.i_jsq ul li:nth-child(3) h2{ background-color:#67c63d;}
.i_jsq ul li .i_jsq_scroll{ padding-right:5px; float:right; width:100%; max-width:260px; overflow:hidden; line-height:35px; height:268px; padding-bottom:10px; font-size:15px;}
.i_jsq ul li:nth-child(1) .i_jsq_scroll label{ color:#f68a8a;}
.i_jsq ul li:nth-child(2) .i_jsq_scroll label{ color:#368cf4;}
.i_jsq ul li:nth-child(3) .i_jsq_scroll label{ color:#67c63d;}
.i_jsq ul li .price{ clear:both; height:68px; line-height:68px; overflow:hidden; border-bottom:1px solid #cccccc;border-top:1px solid #cccccc; text-align:center; font-size:16px;}
.i_jsq ul li .price .num{ font-size:28px; font-weight:bold;}
.i_jsq ul li:nth-child(1) .price{ color:#f35f5f;}
.i_jsq ul li:nth-child(2) .price{ color:#368cf4;}
.i_jsq ul li:nth-child(3) .price{ color:#67c63d;}
.comp-input{ text-align:center; border:1px solid #cccccc; padding-top:9px;}
.comp-input .comp-button{ height:26px; line-height:26px; font-size:14px; color:#808080; padding-left:16px; padding-right:16px; border-radius:6px;  background-color:#e6e6e6; display:inline-block; margin-left:10px; margin-right:10px; cursor:pointer; margin-bottom:9px;}
.comp-input .comp-button:hover{background-color:#ff9900; color:#fff;}
.comp-input .comp-button.button-active{ background-color:#ff9900; color:#fff;}
.comp-input input.comp-input{ padding-top:0; text-align:left; height:26px; line-height:26px; background:none; text-indent:10px; border-radius:6px; width:230px; margin-left:30px; margin-right:18px; outline:none;font-size:14px; font-family:"微软雅黑"; display:inline-block;margin-bottom:9px;color:#949494;}
.comp-input .comp-submit{width:100px; height: 28px; line-height:28px;border-radius:6px; letter-spacing:3px; background:#ff9900;cursor: pointer; border:none; color:#fff; font-size:14px; font-family:"微软雅黑"; display:inline-block;margin-bottom:9px;}
.comp-input .comp-submit.comp-disable{background: #9b9b9b; cursor: default;}
.comp-text{color:#666666;line-height:30px; font-size:14px;padding-bottom: 40px;}
.comp-text span{ float:right;color:#666666;}
.comp-text.comp-warning{color: #f44336;}
/*案例*/
.i_case_ul{ width:100%; max-width:900px; margin:0 auto; padding-bottom:60px;}

/*联系我们*/
.i_contact{ background-color:#f5f5f5; overflow:hidden; padding-top:40px; padding-bottom:20px;}
.i_contact .i_contact_div{ width:96%; margin:0 auto; max-width:800px;}
.i_contact .i_contact_div .i_contact_l{ float:left; width:23%;}
.i_contact .i_contact_div .i_contact_l .i_contact_t{ height:36px; background:url(../images/i_bg2.png) left bottom no-repeat; color:#1a1a1a; font-size:22px; font-weight:normal;}
.i_contact .i_contact_div .i_contact_m{ float:left; width:31%;}
.i_contact .i_contact_div .i_contact_m p{ text-align:center; font-size:12px; color:#8c8c8c; line-height:30px; float:left;}
.i_contact .i_contact_div .i_contact_m img{ max-width:177px; width:100%; display:block;}
.i_contact .i_contact_div .i_contact_r{ float:left; width:46%; margin-top:5px;}
.i_contact .i_contact_div .i_contact_r p{ line-height:22px; margin-top:5px; padding-bottom:5px; font-size:14px; color:#237eec; padding-left:24px; overflow:hidden;}
.i_contact .i_contact_div .i_contact_r a{ color:#237eec;}
.i_contact .i_contact_div .i_contact_r a:hover{transition:all 0.3s;filter: Alpha(Opacity=70);opacity: 0.7;}
.i_contact .i_contact_div .i_contact_r p.bgs1{ background:url(../images/i_pic7.png) left 6px no-repeat; padding-bottom:0; }
.i_contact .i_contact_div .i_contact_r p.bgs2{ background:url(../images/i_pic8.png) 3px 6px no-repeat; }
.i_contact .i_contact_div .i_contact_r p.bgs3{ background:url(../images/i_pic9.png) left 6px no-repeat; }
.i_contact .i_contact_div .i_contact_r p.bgs4{ background:url(../images/i_pic10.png) left 6px no-repeat; }
.i_contact .i_contact_div .i_contact_r b{ display:block; padding-left:24px; font-size:32px; color:#237eec;}

@media screen and (max-width:1100px) {

}

@media screen and (max-width:830px) {
/*轮显*/
.module-content{ display:none;}
.flash_div{ display:block;}
}


@media screen and (max-width: 780px) {
/*学员风采*/
.i_xy .i_xy_t{ font-size:26px;}
.i_xy .i_xy_t span{ font-size:14px;}
/*爱思华宝企业邮优势*/
.i_one ul li{ width:50%;}
.i_one ul li:nth-child(3n+0) div{border-right:1px solid #dadada;}
.i_one ul li:nth-child(2n+0) div{border-right:1px solid #fff;}
/*案例*/
.i_case_ul{ padding-bottom:40px;}
/*联系我们*/
.i_contact{ padding-top:20px;}
.i_contact .i_contact_div .i_contact_l{ width:100%; margin-bottom:10px;}
.i_contact .i_contact_div .i_contact_l .i_contact_t{ font-size:20px;}
.i_contact .i_contact_div .i_contact_m{ width:40%;}
.i_contact .i_contact_div .i_contact_r{ width:60%;}
.i_contact .i_contact_div .i_contact_r b{ font-size:28px;}
}
@media screen and (max-width: 640px) {
/*爱思华宝企业邮优势*/
.i_ys_t{ font-size:24px;}
.i_ys_t label{ font-size:13px;}
.i_one ul li div{height:168px; padding-top:40px;}
.i_one ul li h2{ font-size:16px; margin-top:20px;}
.i_one ul li:hover div{ height:198px; padding-top:10px;}
/*计算器*/
.i_jsq ul li h2{ height:60px; line-height:60px; font-size:22px;}
.i_jsq ul li{ width:100%; max-width:390px; margin:0 auto;float:none; margin-bottom:20px;}
.i_jsq ul li:last-child{ margin-right:auto; margin-bottom:10px;}
.i_jsq ul li .price{ height:50px; line-height:50px;}
.comp-input .comp-button{ margin-left:5px; margin-right:5px;}
.comp-input input.comp-input{ margin-left:10px; margin-right:10px;}

/*联系我们*/
.i_contact .i_contact_div .i_contact_m{ width:100%;}
.i_contact .i_contact_div .i_contact_r{ width:100%;}
}

@media screen and (max-width: 480px) {
/*学员风采*/
.i_xy .i_xy_t{ font-size:20px; line-height:44px;}
.i_xy .i_xy_t span{ font-size:13px; line-height:22px;}
/*爱思华宝企业邮优势*/
.i_ys_t{ font-size:22px;}
.i_ys_t label{ font-size:12px; line-height:18px;}
.i_one ul li div{height:158px;}
.i_one ul li h2{ font-size:14px; margin-top:10px; margin-bottom:1%;}
.i_one ul li p{ font-size:12px; line-height:18px; height:72px;}
.i_one ul li img{ width:70px;}
.i_one ul li:hover div{ height:188px;}
/*计算器*/
.i_jsq ul li h2{ height:50px; line-height:50px; font-size:20px;}
.i_jsq ul li .price{ line-height:40px; height:40px;}
.i_jsq ul li .price .num{ font-size:22px;}
.comp-input input.comp-input{ font-size:12px;}
.comp-input .comp-button{ margin-left:2px; margin-right:2px;}
.comp-text{ font-size:12px;}
/*案例*/
.i_case_ul{ padding-bottom:20px;}
}

@media screen and (max-width:360px) {
/*计算器*/
.comp-text{ font-size:10px;}
}