@charset "utf-8";
 /*  
*@description: 内页 
*@author: name 林异频  
* @update: name (2015-10-14 18:32)更新 */
/**************企业邮箱**************/
.mail_banner{clear: both; overflow: hidden;padding: 0; position: relative; margin-top: -5px; z-index: 2; background-position: center 0; background-size: auto 100% !important; background-repeat: no-repeat; padding-bottom:15px;overflow: hidden;}
.mail_banner1{ clear: both; overflow: hidden; padding: 5% 0; text-align: center;}
.mail_banner1 img{ max-width: 80%;}
.mail_banner2{ padding: 5% 10px 0; clear: both; overflow: hidden; position: relative; margin: 0 auto;}
.mail_banner2 .mail_left{ clear: both; overflow: hidden; padding-bottom: 15px;}
.mail_banner2 .mail_left big{ display: block;font-size: 24px; text-align: center; padding-bottom: 15px;}
.mail_banner2 .mail_right{ text-align: center; clear: both; overflow: hidden;}
.mail_banner2 .mail_right img{ max-width:90%;}

.mail_banner2 .swiper_i,.mail_banner2 .swiper-slide a em{position: absolute;text-align: center; width: 100%; z-index: 2;}
.mail_banner2 .pagination{ clear: both; overflow: hidden; padding: 20px 0 0; text-align: center;}
.mail_banner2 .pagination .swiper-pagination-bullet{ margin: 0 5px;background:url(../images/mail_banner2.png) no-repeat 0 0;width: 16px; height: 16px;opacity:1; filter:alpha(opacity=100); background-size: auto 100% !important; display: inline-block; overflow: hidden; border-radius: 0;}
.mail_banner2 .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position: right 0; }
.mail_banner2 .swiper-slide.swiper-slide-active{position: relative; z-index: 10;}
.mail_banner2 .swiper-slide.swiper-slide-active a em img{width:190px;}
.mail_banner2 .swiper-slide.swiper-slide-active a em{ left:0;}

.mail_one1{ text-align: center; overflow: hidden; padding: 20px 0; clear: both; font-size: 28px; color: #272636;font-weight: bold;}
.mail_one2{ text-align: center; overflow: hidden; padding: 10px 0; clear: both; overflow: hidden; line-height: 32px;}
.mail_one2 span{ border: 1px solid #818181; color: #818181; padding: 0 15px; margin: 0 15px; display: inline-block; overflow: hidden;transition-property:all;transition-duration:.5s; border-radius: 5px; cursor: pointer;}
.mail_one2 span.hover{border-color: #c41305; color: #fff; background: #c41305;}
.mail_one3{ clear: both; overflow: hidden; padding:30px 0;}
.mail_one3 ul{ clear: both; display: none;border: solid #e4e4e4;border-width: 1px 0 0 1px; overflow: hidden;}
.mail_one3 li{float: left; overflow: hidden;border: solid #e4e4e4;border-width:0 1px 1px 0; padding: 10px; width: 50%;}
.mail_one3 li big{ clear:both; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size:16px;}
.mail_one3 li p{ overflow: hidden; color: #818181; line-height:2; height: 48px;font-size: 12px;}
.mail_one3 li.mail_odd{ background: #f5f7f8;}
.mail_two{ background: url(../images/mail_two.jpg) no-repeat center 0; background-size: auto 100% !important; padding:8% 0; text-align: center; color: #fff;}
.mail_two strong{ display: block; clear: both; overflow: hidden;font-size: 20px;}
.mail_two1{ clear: both; overflow: hidden; padding: 5% 0;}
.mail_two1 span{ display: inline-block; width:48%; padding:10px; overflow: hidden;}
.mail_two1 span img{width: 100%;}
.mail_two2{ clear: both; overflow: hidden; line-height: 40px;font-size: 18px;}
.mail_two2 span{ background: url(../images/mail_tel.png) no-repeat 0 center; padding-left:30px; display: inline-block; background-size:auto 30px !important;}
.mail_two2 b{ color: #feb402;}
.mail_three{ clear: both; overflow: hidden; padding: 20px 0;}
.mail_three .swiper-wrapper .swiper-slide{ min-width: 600px; }
.mail_three .swiper-container-horizontal>.swiper-scrollbar{ display: none;}
.mail_three table{ border:solid #d7e1e5; border-width: 1px 0 0 1px;font-size: 12px;}
.mail_three table td,.mail_three table th{border:solid #d7e1e5; border-width:0 1px 1px 0; padding: 10px 5px; text-align: center;}
.mail_three table th{font-weight: lighter; background: #c9cfd2;font-size: 14px;}
.mail_three table tr.mail_t1 td{ background: #f5f7f8;} 
.mail_three1{ text-align: center; padding: 20px 0 30px;}
.mail_three1 dd{ line-height: 32px; clear:both; overflow: hidden;font-size: 16px;}
.mail_three1 dd input{ border: 1px solid #d7e1e5; line-height: 30px; height:32px; margin: 0 5px; padding: 0 10px; width: 80px;}
.mail_three1 dd strong{ color: #c41305;}
.mail_three1 dt{ padding: 25px 0; clear: both; overflow: hidden;}
.mail_three1 dt span{ border: 1px solid #c41305; color:#c41305; line-height: 32px; display: inline-block; padding: 0 15px; cursor: pointer; border-radius: 10px;-webkit-transition: all ease-in-out .15s;-o-transition: all ease-in-out .15s;transition:all ease-in-out .15s}
.mail_three1 dt span:hover{border-color: #f00;
  box-shadow: 0px 0px 10px #c41305,0 0 10px #df9d98 inset}
.mail_enter{ position:fixed; top: 10%; left:5%; width:90%; z-index: 1001; display: none;}
.mail_enter1{ margin: 0 auto; background: #fff; clear: both; overflow: hidden; padding: 10px; width:100%;}
.mail_1{ clear: both; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; line-height:30px;}
.mail_1 span{float: right; display: inline-block; overflow: hidden; cursor: pointer;}
.mail_1 span img{ height:18px;}
.mail_1 big{ color: #c41305; font-size: 18px; overflow: hidden;}
.mail_2{ clear: both; overflow: hidden; padding:10px 0; line-height:24px;}
.mail_2 li{ clear: both; overflow: hidden; padding: 5px 0;}
.mail_2 li h4{ width:80px;float: left; overflow: hidden;font-weight: lighter; padding: 3px 0;}
.mail_2 li p{ overflow: hidden; padding: 3px;}
.mail_2 li .m_1{ border: 1px solid #d6d6d6; line-height: 22px; height: 24px; padding: 0 5px; width: 100%;}
.mail_2 li.mail_4 .ml_4{ overflow: hidden;padding: 3px;}
.mail_2 li .ml_4 select{float: left;width: 48%; margin-right: 2%; display: inline-block; overflow: hidden;
-moz-appearance:button;-webkit-appearance: button;appearance:button; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;background: url(../images/select_1.jpg) no-repeat right 0; background-size: auto 100% !important; outline: none; height: 24px;border: 1px solid #d6d6d6; text-indent: 5px;}
.mail_2 li .ml_4 select.m_r1{float: right; margin-right: 0;}
input,select,textarea{ resize: none;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
input:focus,select:focus,textarea:focus {
	border-color: #df9d98;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(196,19,5,.25);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(196,19,5,.25)
}

.mail_5 .m_2{ background: #c41305; height: 24px; padding: 0 20px; color: #fff; cursor: pointer;border: 0;}
.mail_5 p{ padding-top: 10px; clear: both; overflow: hidden;}
.mail_5 p span{ color: #c41305; padding: 0 5px;}
.mail_6{ overflow: hidden;}
/**************about**************/
 section.area_index{ height: auto;}
.home_area .pagination{ top: 50%; margin-top: -50px; display: none;}
.about .pagination li{ clear: both; overflow: hidden; padding: 2px 0; line-height: 25px;}
.about .pagination li:last-child{ display: none;}
.about .pagination li span{float: left; width: 13px; height: 13px; border:1px solid #9d9e9e; *width: 12px; *height: 12px; border-radius: 50%; display: inline-block; overflow: hidden; margin:6px 10px 6px 0;}
.about .pagination li aside{ white-space: nowrap; overflow: hidden;}
.about .pagination li.active{ color: #c41305;font-weight: bold;}
.about .pagination li.active span{ background: #c41305;border-color: #c41305;}
.about1{ background: url(../images/about_1.jpg) no-repeat center 0 #fafafa; clear: both; overflow: hidden; position: relative; margin-top: -5px; z-index: 2; height: 100%;}
.about1 .beijing1{ height: 100%;}
.about1 .index_top{ padding:3% 0;}
.about1 .index_top big{ background: url(../images/index1_02.png) no-repeat center center; background-size:200px auto !important; }

.about_one{ padding:0.7% 0 3.5%; position: relative; line-height: 2;overflow:hidden; height: 48%;}
.about_one .swiper-container{height: 100%; }
.about_one .swiper-slide{padding: 0 10px;}
.about_one .button{position: absolute;text-align: center; width: 100%; z-index: 2;}

.about_one .button{ bottom:0; left:0;  }
.about_one .button .swiper-pagination-bullet{ margin: 0 5px;background:url(../images/banner_b1.png) no-repeat 0 0;width: 19px; height: 19px;opacity:1; filter:alpha(opacity=100); background-size: auto 100% !important; display: inline-block; overflow: hidden; border-radius: 0;}
.about_one .button .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position: right 0; }

.about_two{ background: url(../images/about_2.jpg) no-repeat center 0; background-size: auto 100% !important;}
.about2{ clear: both; overflow: hidden; text-align: center; color: #fff; padding: 3% 0;}
.about2 strong{font-size: 26px; display: block; clear: both; overflow: hidden;}
.about2 p{font-size: 16px;font-family: arial;text-transform: uppercase;}

.about2_1{ clear: both; overflow: hidden; margin: 5% 0;}
.about2_1 li{ clear: both; overflow: hidden; margin: 10px 0; background: #fff;}
.about2_1 li em{float: left; width:120px; overflow: hidden; display: inline-block;}
.about2_1 li em a{ display: block; overflow: hidden;}
.about2_1 li em img{ width: 100%;}
.about2_2{ overflow: hidden;padding: 5px 10px;}
.about2_2 strong{ display: block; clear: both; overflow: hidden; background: url(../images/about_two2.png) no-repeat no-repeat 0 center;font-size: 20px; color: #c41305;line-height: 30px; padding-left: 40px; margin-bottom: 3px;}
.about2_2 p{ height: 40px; overflow: hidden; line-height: 20px;}
.youshi{ background: #f8f8f8;}
.about_three strong{ color: #454545;}
.about_three p{ color: #c41305;}
.about_three1{ clear: both; overflow: hidden; padding: 10px 0;}
.about_three1 li{ clear: both; overflow: hidden; padding: 10px 0;transition-property:all;transition-duration:.3s;}
.about_three2{border:1px solid #e6e6e6;box-shadow: 1px 1.732px 5px 0px #ececec;padding: 10px; background: #fff;}
.about_three2 em{border: 1px solid #dadada;border-radius: 50%; width: 70px; height: 70px; float: left; display: inline-block; margin: 5px 10px 5px 0; background-size: auto 200% !important;transition-property:all;transition-duration:.3s;}
.about_three1 li.about_t1 em{background: url(../images/about_three1.png) no-repeat center 0;}
.about_three1 li.about_t2 em{background: url(../images/about_three2.png) no-repeat center 0; }
.about_three1 li.about_t3 em{background: url(../images/about_three3.png) no-repeat center 0;}
.about_three3{ overflow: hidden;}
.about_three3 strong{ clear: both; overflow: hidden; color: #454545;font-size: 16px;}
.about_three1 li .about_three2:hover em{background-color: #c41305; background-position: center bottom;}
.about_three1 li .about_three2:hover .about_three3 strong{color: #c41305;}
/**************建站与服务**************/
.res .pagination{margin-top: -151px;}
.res .pagination li{ clear: both;  padding: 2px 0; line-height: 26px; position: relative;}
.res .pagination li:last-child,.rew .pagination li.reslast{ display: none;}
.res .pagination li span{float: right; width:50px; height: 50px; border:1px solid #9d9e9e; *width: 48px; *height: 48px; border-radius: 50%; display: inline-block; overflow: hidden; margin:6px 0 6px 10px; background: url(../images/res_r.png) no-repeat 0 0 #fff; position: relative; z-index: 2; cursor: pointer;transition-property:background-color;transition-duration:.5s;}
.res .pagination li aside{ white-space: nowrap; overflow: hidden; line-height: 26px; border: 1px solid #c8c8c8; border-radius: 26px; padding: 0 15px; background: #fff;  display: inline-block; position: absolute;right:0; top: 19px;opacity:0; filter:alpha(opacity=0);transition-property:all;transition-duration:.5s;}
.res .pagination li.active aside,.res .pagination li:hover aside{display: block;right: 60px; opacity: 1; filter:alpha(opacity=100);}
.res .pagination li.active span,.res .pagination li:hover span{ background-image:url(../images/res_r1.png); background-color: #c41305;border-color: #c41305;}
.res .pagination li:nth-child(2) span{ background-position: center -63px; }

.res .pagination li:nth-child(3) span{ background-position: center -126px; }
.res .pagination li:nth-child(4) span{ background-position: center -189px; }
.res .pagination li:nth-child(5) span{ background-position: center -252px; }
.res .pagination li:nth-child(6) span{ background-position: center -300px; }


.about .pagination li.active:nth-child(3){
	color: #fff !important;
}


.res1{ clear: both; overflow: hidden; position: relative; z-index: 2; margin-top: -5px; background: url(../images/index3_bg.jpg) no-repeat center 0 #f3f3f3; background-size: auto 100% !important;}
.res1 .beijing1{ height: 100%;}
.res1_1{ clear: both; overflow: hidden; padding: 5% 0 0;}
.res1_1 dt{ clear:both; overflow: hidden; padding: 10px 0; text-align: center;}
.res1_1 dt img{ max-width: 90%;}
.res1_1 dd{ clear: both; overflow: hidden; padding: 20px 0 0;}
.res1_1 dd strong{ display: block; clear: both; overflow: hidden;font-size: 24px; color: #272636; text-align: center;}
.res_a{ padding: 10px 0; clear: both; overflow: hidden; text-align: center;}
.res_a a{box-shadow: 2px 2px 0 #dbdbdb; border-radius: 3px; line-height:40px; background: #fff; padding: 0 15px; display: inline-block; overflow: hidden; color: #c41204;}
.res_a a span{ background: url(../images/more1.png) no-repeat right center; padding-right:30px ; display: inline-block;}

.res2{ background: url(../images/res_2.jpg) no-repeat center 0; background-size: auto 100% !important;}
.res2 dt{clear: both; overflow: hidden; padding: 20px 0; text-align: center;}
.res2 dt img{ width: 90%;}
.res2 dd{ clear: both; overflow: hidden; color: #fff;}
.res2 dd strong{ display: block; clear: both; overflow: hidden;font-size: 24px;text-align: center;}
.res2 dd img{ max-width: 90%;}

.res3{ background: url(../images/res_3.png) no-repeat center bottom;}
.res3 dt{clear: both; overflow: hidden; padding: 20px 0; text-align: center;}
.res3 dt img{ width: 90%;}
.res3 dd{ clear: both; overflow: hidden;}
.res3 dd strong{ display: block; clear: both; overflow: hidden;font-size: 24px; color: #272636; text-align: center;}
.res3_2{ clear: both; overflow: hidden; padding: 10px 0;}
.res3 .res3_2,.res5 .res3_2{display:none;}
.res3_2 a{float: left; display: inline-block; overflow: hidden;margin: 5px 10px 5px 0;border: 1px solid #dcdcdc;max-width: 30%;}
.res3_2 a img{ width: 100%;}
.res_a.res_a1 a{box-shadow: 2px 2px 0 #700303;background: #c41305;  color: #fff;}
.res_a.res_a1 a span{ background: url(../images/more2.png) no-repeat right center; }


.res4{ background: url(../images/res4_banner.jpg) no-repeat center 0; background-size: auto 100% !important;color: #fff;}
.res4 dt{clear: both; overflow: hidden; padding: 20px 0; text-align: center;}
.res4 dt img{ width: 90%;}
.res4 dd{ clear: both; overflow: hidden;}
.res4 dd strong{ display: block; clear: both; overflow: hidden;font-size: 24px;text-align: center;}
.res4_2{ clear: both; overflow: hidden; padding: 10px 0;}
.res4_2 span{float: left; display: inline-block; overflow: hidden;margin: 5px 10px 5px 0;border: 1px solid #fff;line-height: 3; padding: 0 10px;}

.res_a.res_a2 a{color: #f18113;}
.res_a.res_a2 a span{ background: url(../images/more3.png) no-repeat right center; }

.res5{ background: url(../images/res_banner.jpg) no-repeat center 0; background-size: auto 100% !important;}
.res5 dt{clear: both; overflow: hidden; padding: 20px 0; text-align: center;}
.res5 dt img{ width: 90%;}
.res5 dd{ clear: both; overflow: hidden;}
.res5 dd strong{ display: block; clear: both; overflow: hidden;font-size: 24px;text-align: center; color: #272636; }

/**************APP研发**************/
.app_one{clear: both; overflow: hidden;padding: 0; position: relative; margin-top: -5px; z-index: 2;background: url(../images/app_bg1.jpg) no-repeat center 0; background-size: auto 100% !important;padding-bottom:15px;}
.app_one1,.app_one2{ clear: both; overflow: hidden; margin: 0 auto; max-width: 820px; text-align: center;padding: 15px 0; line-height: 2;}
.app_one1 strong{ display: block; clear: both; overflow: hidden; color: #272636;font-size: 20px;}
.app_one1 strong span{ color: #c41305;}
.app_one1 p{font-size: 16px;}
.app_one2{ font-family: "微软雅黑";}
.app_one3{ clear: both; overflow: hidden; padding: 10px 0;}
.app_one3 li{clear: both; overflow: hidden; padding: 10px 0; color: #818181;}
.app_one3 li em{float: left; width:60px; overflow: hidden;margin-right:15px;display: inline-block;}
.app_one3 li em img{ width: 100%;}
.app_one3 li .app_one3_1{overflow: hidden;}
.app_one3 li big{ color: #000;}

@-webkit-keyframes myorientation1 {
    0% {bottom:0}
    25% {bottom:10px}
    50% {bottom:20px}
    75% {bottom:10px}
    100% {bottom:0}
}
.app_one4{bottom:0; display: none;height:76px;-webkit-animation-duration: 1s;-webkit-animation-name: myorientation1;-webkit-animation-timing-function: ease;-webkit-animation-iteration-count: infinite;position: relative;text-align: center; width: 100%; z-index: 2;}
.app_one4 img{ height: 100%; vertical-align: top;}

.height30{ height: 15px;}
.app_two{ clear: both; overflow: hidden; padding: 15px 0;}
.app_two img{ width: 100%;}
.app_three{ background: url(../images/app3_bg.jpg) no-repeat center 0; background-size: auto 100% !important; clear: both; overflow: hidden; padding: 3% 0; color: #fff;}
.app_three .app_one1 strong{ color: #fff;}
.app_three .app_one2{font-family: "微软雅黑";}
.app_three1{ clear: both; overflow: hidden; text-align: center;}
.app_three1 li{float: left; width: 50%; padding:10px; overflow: hidden;}
.app_three1 li big{ display: block; clear: both; overflow: hidden; width: 120px; height: 120px; border-radius: 50%; margin: 0 auto; border: 1px solid #fff; line-height: 118px;font-size:48px;font-family:roman; margin-bottom: 10px;}
.app_three1 li p{ clear: both; overflow: hidden;}
.app_three1 li.appclear{width: 100%; padding: 0;float: none; clear: both}	
.app_four{ clear: both; overflow: hidden; padding: 3% 0;}
.app_four li{float: left; display: inline-block;width:50%; padding: 10px; text-align:center;}
.app_four li img{ width: 100%;}

/**************咨  询**************/
.rightbar{margin-top: -120px; top: 50%; display: none; position: fixed; right: 10px; z-index:101;}
.rightbar li{ clear: both;  padding: 2px 0; line-height: 26px; position: relative;}

.rightbar li span{float: right; width:50px; height: 50px; border:1px solid #9d9e9e; *width: 48px; *height: 48px; border-radius: 50%; display: inline-block; overflow: hidden; margin:6px 0 6px 10px; background: url(../images/zx_bar.png) no-repeat center 0 #fff; position: relative; z-index: 2; cursor: pointer;transition-property:background-color;transition-duration:.5s;}
.rightbar li aside{ white-space: nowrap; overflow: hidden; line-height: 26px; border: 1px solid #c8c8c8; border-radius: 26px; padding: 0 15px; background: #fff;  display: inline-block; position: absolute;right: 20px; top: 19px;opacity:0; filter:alpha(opacity=0);transition-property:all;transition-duration:.5s;}
.rightbar li.current aside,.rightbar li:hover aside{display: block;right: 60px; opacity: 1; filter:alpha(opacity=100);}
.rightbar li.current span,.rightbar li:hover span{ background-image:url(../images/zx_bar1.png); background-color: #c41305;border-color: #c41305;}
.rightbar li.rightbar_2 span{ background-position: center -63px; }
.rightbar li.rightbar_3 span{ background-position: center -126px; }
.rightbar li.rightbar_4 span{ background-position: center -189px; }
.rightbar li.rightbar_5 span{ background-position: center -252px; }

.zixun{clear: both;/* overflow: hidden;*/padding: 0;}
.one_z{ clear: both; overflow: hidden; background: url(../images/zixun_bg.jpg) no-repeat center 0; background-size:auto 100% !important; color: #fff; position: relative; margin-top: -5px; z-index: 2;}
.one_z .weizhi *,.one_z .weizhi,.one_z .app_one1 strong{ color: #fff;}
.one_z1{ clear: both; overflow: hidden; padding: 10px 0; text-align: center;}
.one_z1 li{ padding: 0 0 10px; display: inline-block; overflow: hidden; line-height: 30px;font-size: 12px; cursor: pointer;}
.one_z1 li span{ border-radius: 2px;border: 1px solid #fff; padding: 0 4px; display: block; overflow: hidden;}
.one_z1 li.hover{ padding: 0 0;}
.one_z1 li.hover span{ background: #fff; color: #c41305;}
.one_z1 li.hover em{ display: block; clear: both; overflow: hidden; background: url(../images/zixin_1.png) no-repeat center 0; height:10px ; *display: none;}
.one_act{ clear: both; overflow: hidden; padding-bottom: 25px;}
.one_act1{ clear: both; overflow: hidden; display: none;}
.one_act2{ clear:both; overflow: hidden;}
.one_1{ clear: both; overflow: hidden; padding:0 0 8px;}
.one_1 big{font-size: 18px; margin-right: 20px;}
.one_act2 dl{ clear:both; overflow: hidden;padding-bottom:10px;}
.one_act2 dl dd{ clear: both; overflow: hidden;border-top: 1px dashed #fff; padding: 5px 0 10px;}
.one_act2 dl dd h4 img{margin-right: 10px;}
.one_act2 dl dt{ clear: both; overflow: hidden; width: 100%;}
.one_2 span{margin-right: 20px; display: inline-block; overflow: hidden;}
.one_map,.one_map1{ clear: both; overflow: hidden; border-radius: 8px; }
.one_map1{ display: none;}

.one_s{ clear: both; overflow: hidden;}
.one_s .app_one1 p{ color: #c41305;}
.two{ border: 1px solid #d6d6d6;margin:10px 0; clear:both; overflow: hidden; padding: 10px 0;}
.two_top{ background: url(../images/two_1.png) repeat-x center 0; clear: both; overflow: hidden; height:19px;}
.two_1{ clear: both; overflow: hidden; padding: 10px;}
.two_1 li{ clear: both; overflow: hidden; line-height: 30px;font-size: 12px; padding: 5px 0;}
.two_1 li span{float: left; text-align: right; width:65px; margin-right:10px; padding: 3px 0;}
.two_1 li span em{color: #f00; margin-right: 5px; font-style: normal;}
.two_1 li p{ overflow: hidden;padding: 3px;}
.two_i{ border: 1px solid #d6d6d6; line-height: 28px; height: 30px; padding: 0 5px;}
.two_w1{ width: 100%;}
.two_w2{ width: 50%;}
.two_w3{ width:30%;}
.two_i1{ margin: 0 5px;}
.two_2{ clear: both;overflow: hidden; padding: 10px;}
.two_2 table{ border: 1px solid #d6d6d6; background: #f8f8f8;font-size: 12px; line-height: 2;}
.two_2 th,.two_2 td{ padding: 10px;font-weight: lighter;}
.two_2 th span{ color:#f00; margin-right: 5px;}
.two_2 td input{margin-right: 5px;}
.two_2 td{ color: #818181;}
.two_1.two_3 li span{width: auto;}

.two_bg{ background: url(../images/tine.jpg) no-repeat right center; background-size: auto 100%;}
.two_3 p label{ margin: 0 5px;}
.two_t{ border: 1px solid #d6d6d6; line-height: 22px; padding: 0 5px; clear: both; overflow: hidden; resize: none; outline: none; width: 100%;}

.two1{ clear: both; overflow: hidden; padding: 20px 0; text-align: center;}
.two1 input{ cursor: pointer; border-radius: 8px; overflow: hidden; padding: 0 5%; margin: 0 5%; line-height: 40px; display: inline-block; border: 0;}
.two1_c{ background: #c41305; color: #fff;}
.two1_c1{ background: #d9d9d9;}

.one_f{ clear: both; overflow: hidden; background: url(../images/one_f.jpg) no-repeat center 0; background-size:auto 100% !important; padding:40px 0;}
.three{ background: #fff; clear: both; overflow: hidden; margin: 0 auto; width: 100%; max-width:920px;}
.three .app_one1{ background: url(../images/one_f1.jpg) no-repeat center 0; color: #fff; height: 90px; background-size: auto 100% !important;line-height: 1.5; }
.three .app_one1 strong{ color: #fff;}
.three1{ padding: 10px; clear: both; overflow: hidden;}
.three1 li{ clear: both; overflow: hidden; padding: 5px 0; line-height: 30px;}
.three1 li span{float: left; width: 85px; margin-right: 10px; display: inline-block;padding: 3px 0;}
.three1 li span em{ color: #f00; margin-right: 5px; font-style: normal;}
.three1 li p{ overflow: hidden; padding: 3px;}
.three1 li p label{margin-right:10px;}
.three1 li p label input.three_i{ margin-right: 5px;}
.three_i1{ width: 40%;}
.three1 li p em{ display: inline-block; border: 1px solid #d6d6d6; margin-left: 10px;}
.three1 li p em img{ height: 100%;vertical-align: top;}

.four{padding: 20px 0;}
.zx_four{ clear: both;}


.zx_four .swiper-slide dl{ margin: 0 auto; width: 100%; padding: 0 10px;}
.zx_four dl dt{ clear: both; overflow:hidden;border-bottom: 1px dashed #959595; padding: 10px 0; line-height: 32px; position: relative; z-index: 2; color: #818181;}
.zx_four dl .qust,.zx_tc .qust{ clear: both; overflow: hidden; cursor: pointer; margin-bottom: 10px; color: #c41305;}
.zx_four dl h4,.zx_tc h4{font-weight: lighter; width: 32px; height: 32px; color: #fff; margin-right: 10px; display: inline-block; float: left; text-align: center;}
.zx_four dl .qust h4,.zx_tc .qust h4{ background: #c41305;}
.zx_four dl dt .answ h4,.zx_tc .answ1 h4{ background: #272636;}
.zx_four dl dt p{ overflow: hidden;}
.zx_tc{ position: fixed; top:10%; left: 5%; width: 90%;  overflow: hidden; overflow-y: scroll; z-index:10000; background: #fff; padding:20px 10px; display: none;}
.close1{position: absolute; right: 5px;top:5px; width: 15px; cursor: pointer;}
.close1 img{ width: 100%;}
.answ2{ overflow: hidden;}
.zx_four .pagination{ clear: both; overflow: hidden; padding: 20px 0 0; text-align: center;}
.zx_four .pagination .swiper-pagination-bullet{ margin: 0 5px;background:url(../images/mail_banner2.png) no-repeat 0 0;width: 16px; height: 16px;opacity:1; filter:alpha(opacity=100); background-size: auto 100% !important; display: inline-block; overflow: hidden; border-radius: 0;}
.zx_four .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position: right 0; }

@media only screen and (max-width:768px){
.res1,.about1{ height: auto !important;}	

}
@media only screen and (min-width:480px) {
/**************企业邮箱**************/
.mail_banner2{ padding: 5% 60px 0;}	
.mail_banner2 .swiper_b{position: absolute;top: 0;left: 0; height: 100%; width:40px; cursor: pointer; background: url(../images/index2_lr1.png) no-repeat 0 center; z-index: 11; background-size:200% auto !important;}
.mail_banner2 .swiper_b.next{ background-position: right center;right: 0; left: auto;}
.mail_banner2 .swiper_b.swiper-button-disabled{background-image: url(../images/index2_lr.png) !important}
.mail_banner2 .swiper-container{ padding: 0 0 5%;}
.mail_two{letter-spacing: 2px; padding: 10% 0;}
.mail_two strong{font-size:26px;}
.mail_two1 span{ width:22%; padding:0; margin: 0 5px; max-width:196px;}
.mail_two2{line-height: 50px;font-size:24px;}
.mail_two2 span{padding-left:40px; display: inline-block; background-size:auto auto !important;}

/**************about**************/
.about2_1{ clear: both; overflow: hidden; margin: 5% 0;}
.about2_1 li{ clear: both; overflow: hidden; margin: 10px 0; background: #fff;}
.about2_1 li em{width:210px;}
.about2_2{padding:5% 10px;}
.about2_2 strong{ font-size:24px;line-height:40px;margin-bottom: 5px;}
.about2_2 p{ height: 50px;  line-height: 25px;}


/**************咨  询**************/
.one_z1 li{ padding: 0 10px 10px;font-size: 14px;}
.one_z1 li span{ padding: 0 10px;}
.one_z1 li.hover{ padding: 0 10px;}




}
@media only screen and (min-width:768px) {
/**************企业邮箱**************/
.mail_banner2{ padding: 5% 10% 3%; width: 88%;*width: 68%;overflow: hidden;}	
.mail_banner2 .mail_left{ clear: none;float: left; width: 45%;font-size: 16px;max-width: 380px;}
.mail_banner2 .mail_left big{font-size: 28px; text-align: left; padding:20px 0;}
.mail_banner2 .mail_right{ clear: none;float: right; width: 50%; text-align: left;}
.mail_banner2 .swiper_b{width:65px; }
.mail_one1{font-size: 36px;}
.mail_one3 li{ width: 33.333%;}
.mail_two{ padding: 5% 0; height:482px ;}
.mail_two1{ padding: 3% 0;}
.mail_two strong{font-size:36px;}
.mail_two2{font-size:30px;}
.mail_three table{font-size: 14px;}
.mail_three table td,.mail_three table th{padding: 15px 10px;}
.mail_three table th{font-size: 16px;}
.mail_three1 dd{font-size: 20px; line-height: 45px;}
.mail_three1 dd input{line-height: 43px; height: 45px; padding: 0 20px; width: 120px; margin: 0 10px;}
.mail_three1 dt span{font-size: 16px; line-height: 40px; padding: 0 25px;}
.mail_enter{width: 768px; left: 50%; margin-left: -384px;}
.mail_enter1{ padding:30px; max-width: 960px;}
.mail_1{  padding-bottom: 20px; line-height:40px;}
.mail_1 span img{ height:33px;}
.mail_1 big{font-size: 30px; }
.mail_2{padding:15px 0; line-height:40px;}
.mail_2 li{ clear: none; padding:15px 0;float: left;width: 48%;}
.mail_2 li.ml_r{float:right}
.mail_2 li .m_1{line-height:38px; height: 40px; padding: 0 10px;}
.mail_2 li .ml_4 select{height: 40px;}
.mail_2 li.mail_3{width: 38%;}
.mail_2 li.mail_4{width: 58%;}
.mail_2 li.mail_5{width: 100%;}
.mail_5 .m_2{height:50px; padding: 0 20px;width: 220px; text-align: center;font-size: 18px;}
.mail_5 p{ padding-top: 20px; font-size: 16px;}

/**************about**************/
section.area_index{ height: 100%;}
.home_area .pagination{ display: block;}
.about1 .index_top big{background-size:240px auto !important; }
.about_one{ padding: 0.7% 10% 3.5%;}
.about_one .swiper_b{position: absolute;top: 0;left: 0; height: 90%; width: 39px; cursor: pointer; background: url(../images/about_tr1.png) no-repeat 0 center; z-index: 11;}
.about_one .swiper_b.next{ background-position: right center;right: 0; left: auto;}
.about_one .swiper_b.swiper-button-disabled{ background-image: url(../images/about_tr.png)}
.about2 strong{font-size: 36px;}
.about2 p{font-size: 24px;}
.about2_1{ margin: 3% auto; background: url(../images/about_two3.png) no-repeat center 0; background-size:100% auto; height: 335px; max-width: 990px;}
.about2_1 li{ clear:none;float: left; margin:0; background:none;width: 45%; padding: 20px 15px;}
.about2_1 li em{ width:167px;}
.about2_1 li.a_1,.about2_1 li.a_3{float: right;}
.about2_1 li.a_1 em,.about2_1 li.a_3 em{float: right;}
.about2_1 li.a_2,.about2_1 li.a_3{ margin-top: 5px;}

.about_three1{ padding: 3% 0;}
.about_three1 li{ clear:none;float: left; width: 33.3333%;}
.about_three2{margin: 0 auto; width: 90%; text-align: center; padding: 10% 5%;}
.about_three2 em{ width: 150px; height: 150px; float:none; display:block; margin:10% auto; }
.about_three1 li.about_t1 em{background: url(../images/about_three1.png) no-repeat center 0;}
.about_three1 li.about_t2 em{background: url(../images/about_three2.png) no-repeat center 0; }
.about_three1 li.about_t3 em{background: url(../images/about_three3.png) no-repeat center 0;}
.about_three3{ overflow: hidden;}
.about_three3 strong{ clear: both; overflow: hidden; color: #454545;font-size: 16px;}
.about_three1 li:hover .about_three2 em{background-color: #c41305; background-position: center bottom;}
.about_three1 li:hover .about_three3 strong{color: #c41305;}

/**************建站与服务**************/
.res1{background-size: auto auto !important;}
.res1_1{padding: 5% 0 0;}
.res1_1 dt{ clear:none;float: left; width: 58%; margin-right:3%;}
.res1_1 dd{ clear:none; padding:0% 0 0;font-size: 16px; line-height: 2;}
.res1_1 dd strong,.res2 dd strong,.res3 dd strong,.res4 dd strong,.res5 dd strong{ font-size: 36px; text-align: left;padding-bottom: 4%;}
.res_a{ padding: 5% 0; text-align: left;}
.res_a a{line-height:50px;padding: 0 20px; }
.res2 .beijing1{ padding: 10% 0;}
.res2 dt{clear: none;float: right; width: 50%; padding: 0; margin-left: 4%; display: inline-block;}
.res2 dt img,.res3 dt img,.res4 dt img,.res5 dt img{ width: 100%;}
.res3 dd,.res2 dd,.res4 dd,.res5 dd{ clear: none;font-size: 16px; line-height: 2; padding: 0 0 0; }
.res3 .beijing1{ padding: 7% 0 13%;}
.res3 dt{clear: none;padding:0;float: left; width: 50%; margin-right: 5%; display: inline-block; }
.res3_2{padding: 20px 0;}
.res4{padding: 10% 0;}
.res4 dt{clear: none;float:right;width: 65%}
.res4_2{ clear: both; overflow: hidden; padding: 20px 0;}
.res4_2 span{padding: 0 20px;}
.res5{padding: 10% 0;}
.res5 dt{clear: none;float: left;width: 63%; margin-right: 3%; display: inline-block;}

/**************APP研发**************/
.app_one{background-size: auto auto !important;padding-bottom:25px;}
.app_one1,.app_one2{width: 85%;}
.app_one1 strong{font-size: 36px;}
.app_one1 strong span{ color: #c41305;}
.app_one1 p{font-size:24px;}
.app_one2{font-size: 16px;}
.app_one3{ padding: 20px 0 40px;}
.app_one3 li{clear: none; float: left; width: 20%; padding: 0 1%; *width: 18%;}
.app_one3 li em{float: none; width:100%; margin-right:0;display:block; clear: both; text-align: center; margin-bottom: 15px;}
.app_one3 li em img{max-width: 111px;}
.app_one3 li .app_one3_1{ clear: both; text-align: center;}
.app_one3 li big{ padding: 5px 0 10px;}
.app_one4{ display:block;}
.height30{ height: 60px;}
.app_two{ clear: both; overflow: hidden; padding: 80px 0;}
.app_three{background-size: auto auto !important;}
.app_three1{ padding: 3% 0 0;}
.app_three1 li{width:25%;font-size: 18px;}
.app_three1 li big{ width: 120px; height: 120px;line-height: 118px;font-size:48px;}
.app_three1 li.appclear{display: none !important;}
.app_four li{width:25%; padding: 10px 2%;}
.app_four li img{ width: 90%; max-width: 170px;}



/**************咨  询**************/
.rightbar{ display: block;}
.one_z1 li{ line-height: 36px;}
.one_1 big{ font-size: 22px;}
.one_act2 dl dd{ clear: none;float: left; width: 60%;padding-right: 5%;}
.one_act2 dl dd.one_3{ float: right; width: 40%;padding-right: 0;}
.one_act2 dl dd h4 img{margin-right: 10px;}
.one_act2 dl dt{ clear: both; overflow: hidden; width: 100%;}
.one_act2 dl dd.one_2{width: 100%; padding-right: 0;}
.one_2 span{ margin-right: 30px;}

.two{ margin: 10px auto; width: 95%; max-width: 1110px; padding: 15px 0;}
.two_1 li{float: left; width:50%; clear: none; line-height: 40px;font-size: 16px; padding: 8px 0;}
.two_1 li span{width:95px; }
.two_i{line-height: 38px; height: 40px;}
.two_w3{ width:30%;}
.two_2{ padding: 20px;}
.two_2 table{font-size: 14px;}
.two_2 th{ font-size: 16px; width: 150px;}
.two_2 td p{ float:left; width:50%; padding: 3px 0;}
.two_bg{ background: url(../images/tine.jpg) no-repeat right center; background-size: auto 100%;}
.two_1.two_3{padding: 0 20px;}
.two1 input{ line-height:50px;font-size: 18px;}
.two_1.two_3 li.two_texta{ width: 100%; padding: 15px 0 0;}


.one_f{  background-size:auto auto !important; }
.three{ width: 95%;}
.three .app_one1{ height:107px; line-height: 1.5; width: 100%; padding: 10px 0;max-width: 920px;}
.three .app_one1 p{font-size: 18px;}
.three1{ padding:20px;font-size: 16px;}
.three1 li{padding:10px 0; line-height:40px;}
.three1 li span{width:100px; text-align: right; }
.three1 li.three1_w{float: left; width: 48%; clear: none;}
.three1 li.three1_w1{float: right; width: 48%; clear: none;}
.three1 li p label{margin-right:40px;}
.three1 li p label input.three_i{ margin-right:10px;}
.zx_four .swiper-slide dl{ width: 768px;}


.zx_four dl dt{ clear: none;float: left; width: 48%; height: 191px;}
.zx_four dl dt.zxodd{ float: right;}
.zx_four dl .qust,.zx_tc .qust,.zx_four dl h4,.zx_tc h4{font-size: 18px;}

.zx_tc{ left: 20%; width: 60%; padding:30px; color: #818181;}
.close1{width:33px; right: 10px; top: 10px; }


}
@media only screen and (min-width:960px) {
/**************企业邮箱**************/
.mail_one3 li{ padding: 10px 20px ;}
.mail_one3 li big{ font-size:20px;}
.mail_one3 li p{ height:56px;font-size: 14px;}
.mail_two1 span{ margin: 0 1.5%;}
.mail_enter{width: 960px; margin-left: -480px;}
/**************about**************/

.about2_1{height: 410px;}
.about2_1 li{ clear:none;float: left; margin:0; background:none;width: 45%; padding: 23px 18px;}
.about2_1 li em{ width:214px;}

.about2_1 li.a_2,.about2_1 li.a_3{ margin-top:17px;}
.about2_1 li.a_1 .about2_2,.about2_1 li.a_3 .about2_2{padding-left: 8%;}

/**************APP研发**************/
.app_one3 li{font-size: 16px;}
.app_one3 li big{font-size: 20px;}
.app_one4{ height: 96px;}
.app_three1 li big{ width: 200px; height: 200px;line-height: 198px;font-size:100px;}



/**************咨  询**************/
.one_act{ margin: 0 auto; max-width: 1110px;}
.one_act2{clear:none;}
.one_act2 dl dd{line-height: 1.7;}
.one_map{ clear: none; margin-top:30px; display:none;}
.one_map1{float: right; margin:30px 0 0 3%; display:block;}
.one_map1 img{ max-width: 355px;}

.zx_four .swiper-slide dl{ width: 960px;}
}
@media only screen and (min-width:1170px) {

/**************咨  询**************/
.one_s{ padding:15px 0 30px;}
.two_1{ padding:20px;}
.two_1 li{width:33.3333%;}
.two_1 li.two_1_01{ width: 66.6666%;}

.two_2 td p{width:25%;}


.two_1.two_3 li{ width:50%;}


.zx_four .swiper-slide dl{ width:1170px;}
	
}
.honner{clear: both; overflow: hidden;padding:10px 0; text-align: center;position: relative;}
.honner .slider,.honner .slider .slick-list{overflow: hidden;}
.honner .slider .slick-slide .honner1{padding:5px 3%; display:block; overflow:hidden;}
.honner .slider .slick-slide .honner1 em{ display: block; clear: both; overflow: hidden; border: 3px solid #e6e6e6; border-radius: 5px; margin-bottom: 5px;}
.honner .slider img{ width: 100%;}
.honner .slider .honner1 p a{ white-space: nowrap; overflow: hidden;text-overflow: ellipsis; display: block;}
.honner .slider .slick-dots{ text-align: center;}
.honner .slider .slick-dots li{ display: inline-block;*display: inline; height: 19px; width: 19px; margin: 0 3px;overflow: hidden;}
.honner .slider .slick-dots li button{ line-height: 100; height: 19px; width: 19px;background:url(../images/banner_b1.png) no-repeat 0 0; overflow: hidden;border: 0;}
.honner .slider .slick-dots li.slick-active button{background-position: right 0;}

.honner .slider .slick-prev,.honner .slider .slick-next{position: absolute;top: 0;height: 90%; width: 39px; cursor: pointer; background: url(../images/about_tr1.png) no-repeat 0 center; z-index: 11;border: 0;outline: none; display: none !important;}

.honner .slider .slick-prev{ left:0;  }
.honner .slider button.slick-next{ right:0; background-position: right center; }

.honner .slider button.slick-disabled{ background-image: url(../images/about_tr.png)}

@media only screen and (min-width:768px) {
.honner .slider .slick-prev,.honner .slider .slick-next{ display: block !important;}
.honner .slider { padding:3% 10%;}
.area_index .index4{ padding: 10% 0;}
.area_index.index4{ padding: 5% 0;}
}