@charset "utf-8";
body{ min-width:1170px}
.beijing,.beijing1{width: 1170px;}
.beijing1{ padding: 10px 0;}

/**************header**************/
header{ overflow: hidden;}
header .beijing{ width: 100% !important; height: 100px; overflow: hidden;}
.head_fx{ height: 105px;}
header .beijing h2{height:70px; margin: 15px 1.5% 15px 3%;}
.head_addr{margin:25px 0;font-size: 14px; line-height: 25px;}
.nav{ display: none;padding: 15px;}
.menu{ position: relative; top: auto; height: 100%; *height: 50px; width:auto;font-size:16px; margin:25px 0;padding:0;overflow-y: hidden; display: block;/*float: right;*/ line-height: 50px;*min-height: 50px; text-align: right;}
.menu a{/*float: left; */padding: 0 2.5%; display: inline-block; clear: none; height: 50px;}
.menu a.hover,.menu a:hover{ background: url(../images/menu_1.png) no-repeat center 0;transition-property: all}

.menu a em,.menu a span{height: 50px; display: block;}
.menu a:hover em,.menu a:hover span{ top:-50px;}
/**************banner**************/
.banner .swiper-slide a,.banner{height:786px; overflow: hidden;}
.banner .swiper-slide a em,.banner .swiper-slide.ba1 a .baner_1{ top:62%; left: 0;}
.banner .swiper-slide.swiper-slide-active a em img,.banner .swiper-slide a em img,.banner .swiper-slide.swiper-slide-active.ba1 a .banner_1 img{width: 404px}
.banner .swiper_i{ display: block;}
.banner .swiper_b{position: absolute;top: 0;left: 0; height: 100%; width: 65px; cursor: pointer; background: url(../images/banner_03.png) no-repeat -65px center; z-index: 11;}
.banner .swiper_b.prev.swiper-button-disabled{ background-position: 0 center;}
.banner .swiper_b.next{ background-position: -195px center;right: 0; left: auto;}
.banner .swiper_b.next.swiper-button-disabled{ background-position: -130px center;}

.banner table{ margin: 0 auto; width: 1160px;}
.banner .ba3 table{ width: 1220px;}
.banner_1{width:40%; text-align:left;}
.banner_2{text-align: right; display: table-cell;}
.banner_1 img,.banner_2 img{ max-height:730px;max-width: 100%; }

.index_top{ line-height:28px; padding: 20px 0;}
.index_top strong{font-size:34px; }
.index_top big{font-size: 24px;background-size: auto auto !important;}
.index_top p{font-size: 18px;}
.index_more a{line-height: 42px; padding: 0 30px;font-size: 16px;}

/**************foot**************/
.mobile_foot{display: none;}
.foot_pc .beijing{ padding: 25px 30px;}
.foot_pc,.foot{ display: block;}
.foot_pc dl dd{padding:0 10px 0 25px; margin-right: 45px;width: 160px;*width: 124px;}
.foot .beijing{ padding: 0 30px;}
.foot1 dt{ width: 44%;}
.foot1 dd{margin-top: 20px; }
.foot_select{ height: 47px;*width: 50%;}
.foot1 dd p{ clear: none;}
.foot_select select{line-height:45px; height: 45px;-webkit-padding-end: 50px;}
.foot1 dd p img{ height: 47px;}

/*.bodyright{ display: block;}
*/

/**************index**************/
.index_mobile{ display: none;}
.index_pc dd,.index_pc dt{width:25%;*width: 24.9%;}
.index_pc .index_1,.case_list li .index_1{ line-height: 20px; *height:78px ;}
.index_pc .index_1 .index_a,.case_list li .index_1 .index_a{ padding: 15px 5% 10px;}
.index_pc .index_1 .index_a a,.case_list li .index_1 .index_a a{ font-size:16px; line-height: 28px;}
.index_pc .index_1 span a,.case_list li .index_1 span a{padding: 15px;}
.index1_list a{ padding:0 10px;}

.index_menu{ padding: 30px 0;}	
.index_menu li{  padding-right:10%;}
.index_menu li span{padding: 0 25px;}

/**************index1**************/
.index1{ background: url(../images/index1_bg.jpg) no-repeat center 0; padding:40px 0 120px;}
.index1 .beijing1{ width: 1220px;}
.index1_list .slider{overflow: hidden; padding: 10px 45px;}
.index1_list .slick-prev,.index1_list .slick-next{ width: 36px;}

/**************index2**************/
.index2{ background: url(../images/index2_bg.jpg) no-repeat center 0; background-size: auto 100% !important; height: 698px;}
.index2 .index_top{ padding:80px 15% 20px;}
.index2_list{padding: 30px 15% 0;}
.index2_list .swiper-container{ height: 328px;}
.index2_left{ clear: none;float: left; width: 45%;}
.index2_left big{ text-align: left; font-size: 28px; padding: 10px 0 20px;}
.index2_left em{ text-align: left;padding: 35px 0;}
.index2_right{ padding:0; text-align: right;float: right; width: 45%;}
.index2_right img{ width: 100%; max-width: 355px;}
.index2_list .swiper_b{ position: absolute; left:10px; top: 0; height: 100%; width: 65px; background: url(../images/index2_lr1.png) no-repeat 0 center; background-size: 200% auto !important; z-index: 2;cursor: pointer;}
.index2_list .swiper_b.next{left:auto; right: 10px;background-position: right center !important;}
.index2_list .swiper_b.swiper-button-disabled{background: url(../images/index2_lr.png) no-repeat 0 center;}

/**************index3**************/
.index3{background: url(../images/index3_bg.jpg) no-repeat center 0 #f3f3f3;}
.index3 .beijing1{ padding: 10px;}
.index3 .index_top,.index4 .index_top{ padding: 50px 0 30px;}
.index3 .index_top big,.index4 .index_top big{background-size: auto auto !important;}
.index3_top{line-height: 50px;*padding-bottom: 30px;}
.index3_top li,.index3_top a{margin: 0 20px;padding: 0 30px;font-size: 18px;*display: inline;}
.index3_top li p,.index3_top a p{ padding: 0 10px 0 35px;}
.index3_list{ padding: 0 15px 60px;}
.index3_list li{float: left; padding:0 15px 20px; width:50%; clear: none; display: inline-block;*padding: 0 1% 20px;*width:48% ;}
.index3_list li em{width:255px; height: 160px;}
.index3_1{height: 160px; padding: 15px; *height:130px;}
.index3_1 p{ margin-right: 30px;}
.index3_1 span,.index3_1 small,.index3_1 big{ display: block;}

/**************index4**************/
.index4_list{  margin:15px;}
.index4_list li{width:16.6666%;}
.index4_list li a{ margin:15px;}

/**************成功案例**************/
.banner_case{ height: 300px;}
.case_1.beijing1{ padding: 10px;}
.case_list{ padding:10px 0 30px ;}
.case_list li{width: 31%;*width:30.8%;margin: 15px 3.5% 15px 0; padding: 0;}	
.case_list li.case_nr{ margin-right: 0;}
.case_list li.case_clear{ display: block;}

/**************新闻列表**************/
.news.index3{ padding:0 0 30px;}
.news_banner dl dd{display: block;}
.news .index3_list{ padding: 20px 15px 30px;}
.news_right{ display: inline-block;width: 285px; margin-left:30px;}
.news_1 dt big{font-size:24px;}
.news_1 small{font-size: 14px;}
.news_3,.news_4{padding:10px 20px;}
.news1{ padding: 30px 0;}
.news2{ clear: none;}
.news2_1{padding:20px;}
.news2_1 dd h1{font-size: 26px; text-align: left;float: left; width: 70%;}
.news2_1 dd p{display: inline-block; margin-right: 6px;}
.news2_1 dt{ clear: both; overflow: hidden; text-align: left; height: 28px;}
.news2_1 dt .news2_2{float: left; display: inline-block; margin-right: 10px;}
.news2_1 dt .fx{float: right; display: inline-block;text-align: right; clear: none;}
.news_article{ padding:20px;}
.news2_3{padding:20px;}
.news2_3 dd{ display:block;float: left; width: 80%;}
.news2_3 dt{float: right; margin-top: 5px;}



/**************企业邮箱**************/
.mail_banner2{ padding: 5% 10% 0; width: 88%;*width: 68%; height:440px;*height:380px; }
.mail_banner2 .swiper-wrapper{ height: 328px; 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{position: absolute;top: 0;left: 0; height: 100%; width:65px; 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_one1{font-size: 36px;}
.mail_one3{*width: 1168px;}
.mail_one3 li{ width: 33.333%; padding: 10px 20px ; *width:348px ;}
.mail_one3 li big{ font-size:20px;}
.mail_one3 li p{ height:56px;font-size: 14px;}
.mail_two{letter-spacing: 2px;padding: 5% 0; height:482px ;*padding:100px 0;*height: 282px}
.mail_two strong{font-size:36px;}
.mail_two1{ padding: 3% 0;}
.mail_two1 span{ width:22%; padding:0; margin: 0 1.5%; max-width:196px;}
.mail_two2{line-height: 50px;font-size:30px;}
.mail_two2 span{padding-left:40px; display: inline-block; background-size:auto auto !important;}
.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_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{ clear: both; overflow: hidden;margin: 2% auto; background: url(../images/about_two3.png) no-repeat center 0; background-size:100% auto; height: 410px; max-width: 990px;}
.about2_1 li{  overflow: hidden;float: left; width: 45%; padding:15px 18px 25px; background: none;*width: 43%; clear: none;}
.about2_1 li em{width:214px;}
.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: 17px;}
.about2_2{padding:5% 10px;}
.about2_1 li.a_1 .about2_2,.about2_1 li.a_3 .about2_2{padding-left: 8%;}
.about2_2 strong{ font-size:24px;line-height:40px;margin-bottom: 5px;}
.about2_2 p{ height: 50px;  line-height: 25px;}
.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%; *width: 80%;}
.about_three2 em{ width: 180px; height: 180px; 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: 17.9%;font-size: 16px;}
.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;font-size: 20px;}
.app_one4{ display:block; height: 96px;}
.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; *padding:10px 1% ; *width: 22.9%;}
.app_three1 li big{ width: 200px; height: 200px;*width:198px; *height: 198px;line-height: 198px;font-size:100px;}
.app_three1 li.appclear{display: none !important;}
.app_four li{width:25%; padding: 10px 2%;*width: 21%;}
.app_four li img{ width: 90%; max-width: 170px;}


/**************咨  询**************/
.rightbar{ display: block; *width:150px ;}
.one_z1 li{ padding: 0 10px 10px;font-size: 14px; line-height: 36px;*display: inline; *height: 36px;}
.one_z1 li span{ padding: 0 10px;}
.one_z1 li.hover{ padding: 0 10px; *padding: 0 10px 10px;}

.one_1 big{ font-size: 22px;}
.one_act{ margin: 0 auto; max-width: 1110px;}
.one_act2{clear:none;}
.one_act2 dl dd{ clear: none;float: left; width: 60%;padding-right: 5%; line-height: 1.7;*width: 55%;}
.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%; height: 1px;}
.one_act2 dl dd.one_2{width: 100%; padding-right: 0;}
.one_2 span{ margin-right: 30px;}
.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;}
.one_s{ padding:15px 0 30px;}
.two{ margin: 10px auto; width: 95%; max-width: 1110px; padding: 15px 0;}
.two_1{ padding:20px;}
.two_1 li{float: left; width:33.3333%; clear: none; line-height: 40px;font-size: 16px; padding: 8px 0;}
.two_1 li.two_1_01{ width: 66.6666%;}
.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:25%; 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;}
.two_1.two_3 li{ width:50%;}
.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-container{height: 477px;}
.zx_four .swiper-slide dl{ width: 1170px;}


.zx_four dl dt{ clear: none;float: left; width: 48%;}
.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; }