@charset "utf-8";


.icon-circle {
	font-size: 50px;
	border: 1px solid #d5d5d5;
	height: 89px;
	width: 89px;
	text-align: center;
	line-height: 89px;
	margin: 0 auto;
	border-radius: 100%;
	display: block;
}

.contact .icon-circle {
	border: 1px solid #daa106;
	color: #daa106;
}
.mapmarker .ion-ios-location {
	color: #daa106;
	font-size: 50px;
}

.page-news-gsjj{ text-align:center; line-height:26px; color:#666}
.page-news-gsjj h1{ font-weight:bolder; color:#333}
.lxwm_map{ width:100%; background:url(../../img/du.jpg) top center no-repeat}

@media (max-width: 767px){
	.pb-xs-30 {
		padding-bottom: 30px;
	}
}
/**************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;}

@-webkit-keyframes myorientation1 {
    0% {bottom:0}
    25% {bottom:10px}
    50% {bottom:20px}
    75% {bottom:10px}
    100% {bottom:0}
}


/**************咨  询**************/
.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) center repeat-y; background-size:auto 100% !important; padding:40px 0;}
.three{ background: #fff; clear: both; overflow: hidden; margin: 0 auto; width: 100%; max-width:1200px;}
.three .app_one1{ background: url(../../images/one_f1.jpg) no-repeat bottom center; color: #fff; height: 90px; background-size: 100% 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%;float:left}
.three1 li p em{ display: inline-block; border: 1px solid #d6d6d6; margin-left: 10px; float:left}
.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: 4% 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: 4% 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:127px; line-height: 1.5; width: 100%; padding: 25px 0;max-width: 1200px;}
.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) {

/**************咨  询**************/
.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;}
	
}