﻿@charset "utf-8";
/* banner */
.about_banner{background:url(../images/ban1.jpg) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;}
.about_banner .banText{position:relative;height:600px;text-align: center;color:#fff;}
.about_banner .banText h2{font:66px/1em "微软雅黑";padding-top:200px;} 
.about_banner .banText h4{font:28px/2em "微软雅黑";margin:30px 0;}

/*about us*/
.about_us{width:1200px;height:auto;margin:0 auto;}
.about_Tit{height:100px;width:100%;margin-top:30px;}
.about_Tit p{font:28px/1em "微软雅黑";line-height:3;}
.about_Tit p span{color:#204f83}
.about_Tit p small{font-size:20px;}
.about_content{height:600px;width:900px;margin:0 auto;}
.data_box{height:250px;width:298px;float:left;text-align:center;}
.data_span{display:block;height:150px;width:150px;margin:0 auto;background:url(../images/span_bg.png) no-repeat;text-align:center;font:32px "微软雅黑";margin-top:30px;line-height:150px;}
.data_span strong{display:block;margin-top:55px;}
.data_box p{font:24px "微软雅黑";line-height:2;color:#393939;}
.culture_box{width:500px;height:auto;margin:0 auto;padding-bottom:30px;}
.culture_tit{height:50px;width:400px;margin:0 auto;border-bottom:1px solid #999;text-align:center;line-height:50px;}
.culture_tit span{font:24px "微软雅黑"}
.culture_con{min-height:200px;width:520px;text-align:center;vertical-align:middle;margin-top:30px;}
.culture_con p{font:17px "微软雅黑";line-height:2;}




/*联系*/
.about_contect_us{width:100%;background:url(../images/contentbg.png) no-repeat center top;overflow:hidden;margin-top:50px;}
.about_contect_us .contectBox{padding:56px 0 22px;width:1200px;margin:0 auto;}
.about_contect_us .contectTit{width:100%;color:#000;margin-bottom:25px;}
.about_contect_us .contectLeft{width:30%;float:right;color:#000;}
.about_contect_us .contectLeft p{font:14px/20px "宋体";margin:15px 0;width:100%;}
.about_contect_us .contectLeft p a{color:#204f83;}


.about_contect_us .contectRight{float:left;width:70%;}
.input_box{width:35%;float:left;}
.submit_box{width:63%;float:right;}
.about_contect_us .contectRight input{margin-bottom:24px;width:100%;height:40px;font:14px/40px "微软雅黑";color:#999;border:1px solid #b2b2b2;border-radius:5px;}
.about_contect_us .contectRight .name{width:100%;}
.about_contect_us .contectRight .name{float:left;}
.about_contect_us .contectRight .tel{float:right;}
.about_contect_us .submit_box .message{margin-bottom:24px;width:90%;height:240px;font:14px/40px "微软雅黑";color:#999;border:1px solid #b2b2b2 ;border-radius:5px;}
.about_contect_us .submit_box .subBtn{width:140px;height:40px;font:16px/40px "微软雅黑";color:#fff;background-color:#204f83;text-align: center;cursor: pointer;border-radius:5px;}

.about_map{width:100%;height:auto;}

/*我们的服务页面*/
.service_page{width:1200px;margin:0 auto;}
.service_page .serTit{margin-top:80px;}

.ser_items{width:1200px;height:auto;margin-top:50px;overflow:hidden;zoom:1;margin-bottom:100px;}
.ser_items_box{width:570px;height:260px;float:left;padding:0 15px;margin-top:60px;}
.ser_items_box h1{font:24px '微软雅黑';margin-top:30px;}
.ser_items_box p{font:16px '微软雅黑';line-height:2;text-indent:30px;margin-top:20px;}
.ser_items_boxbg{background:url(../images/ser_items_boxbg.png) no-repeat}

.page_serlist{height:450px;width:100%;overflow:hidden;}
.page_serlist ul{width:100%;margin-top:50px;}
.page_serlist ul li{display:inline-block;height:200px;width:130px;text-align:center;margin-left:100px;cursor:pointer;}
.li_font{color:#204f83;font-weight:bold;}
.page_serlist ul li i{display:block;height:148px;width:128px;}
.page_serlist ul li span{display:block ;font:20px "微软雅黑";margin-top:20px;}
.ser_aim1{background:url(../images/objective.png) no-repeat center;}
.ser_aim2{background:url(../images/guidelines.png) no-repeat center;}
.ser_aim3{background:url(../images/target.png) no-repeat center;}
.ser_aim4{background:url(../images/features.png) no-repeat center;}
.ser_aim5{background:url(../images/vision.png) no-repeat center;}

.page_serlist ul li:hover .ser_aim1{background:url(../images/objective-2.png) no-repeat center;transition:all 0.5s;}
.page_serlist ul li:hover .ser_aim2{background:url(../images/guidelines-2.png) no-repeat center;transition:all 0.5s;}
.page_serlist ul li:hover .ser_aim3{background:url(../images/target-2.png) no-repeat center;transition:all 0.5s;}
.page_serlist ul li:hover .ser_aim4{background:url(../images/features-2.png) no-repeat center;transition:all 0.5s;}
.page_serlist ul li:hover .ser_aim5{background:url(../images/vision-2.png) no-repeat center;}

.page_ser_text{height:110px;width:85%;margin:0 auto;text-align:center;margin-top:50px;background:url(../images/pageser.png) no-repeat center;margin-left:120px;}
.page_ser_text p{font:28px "微软雅黑";line-height:4.5;}

.ser_adapt{width:100%;margin:0 auto;display:none;margin-top:20px;}
.ser_adapt ul{width:100%;margin-top:50px;}
.ser_adapt ul li{height:300px;width:80%;text-align:center;cursor:pointer;margin:0 auto;}
.ser_adapt ul li i{display:block;height:148px;width:100%;}
.ser_adapt ul li span{display:block ;width:70%;margin:0 auto;padding:10px 0;font:20px "微软雅黑";margin-top:20px;border-bottom:2px solid #204f83;}
.ser_adapt ul li p{font:14px "微软雅黑";line-height:2;}
.ser_aim1{background:url(../images/objective.png) no-repeat center;}
.ser_aim2{background:url(../images/guidelines.png) no-repeat center;}
.ser_aim3{background:url(../images/target.png) no-repeat center;}
.ser_aim4{background:url(../images/features.png) no-repeat center;}
.ser_aim5{background:url(../images/vision.png) no-repeat center;}

/*<!--实施特色-->*/
.implement{background:url(../images/implementser.png) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;}

.implement .serTit{width:297px;height:100px;margin:0 auto;text-align:center;margin-top:30px;}
.implement .serTit h4{width:100%;font:16px/32px "微软雅黑";border-bottom:2px solid #204f83;color:#fff;}
.implement .serTit h4 img{width:100%;height:auto;}
.implement .serTit h5{font:24px/42px "微软雅黑";color:#fff;text-align: center;}

.character_txt{width:1200px;margin:0 auto;}
.character_txt p{color:#fff;font:20px "airal";line-height:1.5;text-indent:40px;}
.chart_box{height:400px;width:1200px;margin:0 auto;margin-top:30px;}
.chart_img{width:240px;height:150px;float:left;margin:20px 0;}
.boult{width:70px;height:150px;float:left;background:url(../images/boult.png) no-repeat center;margin:20px 0;}

/*解决方案页面*/
.solution_white,.gray_center{width:100%;min-height:400px;height:auto;}
.gray_center{background-color:#efefef;}
.white_center{width:1200px;margin:0 auto;}
.white_center .serTit{margin-top:100px;}
.white_img_font{width:100%;height:400px;padding:50px 0;}
.white_img,.white_font{width:49%;height:400px;float:left;}
.white_img img{width:initial;vertical-align:middle;}
.solu01{width:550px;}
.solu02{width:490px;margin-left:40px;}
.solu03{width:480px;margin-left:50px;}
.solu04{width:460px;margin-left:40px;}
.solu05{width:540px;}
.solu06{width:540px;margin-left:30px;}
.solu07{width:418px;margin-left:120px;}
.solu08{width:316px;margin-left:50px;}
.solu09{width:398px;margin-left:150px;}
.solu10{width:375px;margin-left:50px;}
.solu11{width:500px;}
.solu12{width:550px;margin-left:60px;}
.solu13{width:490px;margin-left:40px;}
.solu14{width:330px;margin-left:50px;}
.solu15{width:540px;}
.font_con{height:auto;width:500px;margin:0 auto;margin-top:13%;}
.font_tit{font:24px "微软雅黑";color:#204f83;padding:10px 0;}
/*.font_tit span{border-bottom:2px solid #204f83;padding:10px 0;}*/
.paragraph{color:#393939;font:15px arial;margin-top:30px;text-indent:20px;line-height:2;}


/*我们的案例*/
.our_case{width:1200px;margin:0 auto;}
.our_case .serTit{margin-top:50px;}
.img_slide{height:900px;width:100%;top:-60px;position:relative;}
.hover_list{width:100%;min-height:100px;border-top:2px solid #204f83;position:absolute;}
.hover_list ul li{float:left;width:30px;font:22px arial;height:65px;text-align:center;margin-left:70px;margin-top:-10px;cursor:pointer;overflow:hidden;}
.hover_list ul li{background:url(../images/case_icon1.png) no-repeat top center;}
.hover_list ul li.case_libg{background:url(../images/case_icon2.png) no-repeat top center;color:#204f83;height:270px;}
.hover_list ul li span{display:block;margin-top:15px;}
.show_bigimg{width:1150px;height:600px;background:url(../images/show_bigimgbg.png) no-repeat;margin:0 auto;margin-top:50px;overflow:hidden;}
.bigimg_box{width:97%;/*height:550px;*/margin:0 auto;margin-top:25px;overflow:hidden;}
/*.bigimg_box{box-shadow:#b2b2b2 0 0 50px;-moz-box-shadow:#b2b2b2 0 0 50px;-webkit-box-shadow:#b2b2b2 0 0 50px;}*/
.bigimg_box .img_css{width:300px;margin-left:52px;}

.adaptive{width:100%;display:none;}
.adaptive_img{width:100%;text-align:center;}
.adaptive_img img{width:90%;}
.adaptive_img p{font:24px "微软雅黑"}

@media screen and (max-width:768px){
    .about_banner .banText{height:150px;}
    .about_banner .banText h2{font:20px/1em "微软雅黑";padding:30px 0 0 0;} 
    .about_banner .banText h4{font:14px/2em "微软雅黑";margin:20px auto;}
    .solution_white,.gray_center{min-height:200px;}
    .white_center{width:100%;}
    .serTit{width:60%;height:50px;}
    .white_center .serTit{margin-top:20px;}
    .white_img,.white_font{width:100%;height:auto;float:none;text-align:center;}
    .white_img img, .white_img img{width:120px;vertical-align:middle;}
   .font_con{width:100%;margin-top:0;}
   .white_img_font{height:auto;padding:30px 0;}
   .solu09{margin-left:50px;}
   .solu07{margin-left:50px;}
   .font_tit{font:18px "微软雅黑";}
   .paragraph{font-size:12px;}

   .about_us{width:100%;}
   .about_Tit{height:50px;margin-top:30px;}
   .about_Tit p{font:20px/1em "微软雅黑";}
   .about_content{height:300px;width:100%;}
   .data_box{height:150px;width:33%;}
   .data_span{height:70px;width:70px;background-size:70px;font:26px "微软雅黑";margin-top:0;line-height:70px;}
   .data_span strong{margin-top:0;}
   .data_box p{font:14px "微软雅黑";margin-top:10px;}
   .culture_box{width:100%;}
   .culture_tit{height:30px;width:60%;line-height:30px;}
   .culture_tit span{font:18px "微软雅黑"}
   .culture_con{min-height:120px;width:100%;margin-top:30px;}
.culture_con p{font:12px "微软雅黑";}
.about_contect_us .contectBox{width:100%;}
.about_contect_us .contectRight{width:100%;float:none;}
.input_box{width:100%;float:none;text-align:center;}
.submit_box{width:100%;float:none;text-align:center;}
.about_contect_us .input_box .name{float:none;width:90%;}
.about_contect_us .input_box .email{width:90%}
.about_contect_us .input_box .tel{float:none;width:90%;}
.about_contect_us .submit_box .subBtn{width:80px;height:30px;font:12px/40px "微软雅黑";line-height:30px;}
.about_contect_us .contectLeft{width:90%;float:none;padding-bottom:20px;margin:0 auto;}

.img_slide{display:none;}
.our_case{width:100%;}
.adaptive{width:100%;display:block;margin-top:20px;}
.adaptive_img{width:100%;text-align:center;margin-bottom:20px;}
.adaptive_img p{font:14px "微软雅黑";margin-top:10px;}
.our_case .serTit{margin-top:20px;width:50%}
.our_case .serTit h5{font-size:15px;}


.service_page{width:100%;}
.service_page .serTit{width:70%;margin-top:30px;}
.page_serlist{display:none;}
.ser_adapt{display:block;}


.ser_items{width:100%;margin-top:20px;margin-bottom:20px;}
.ser_items_box{width:100%;height:200px;float:none;padding:0 5px;margin-top:10px;}
.ser_items_box h1{font:18px '微软雅黑';margin-top:30px;}
.ser_items_box p{font:12px '微软雅黑';line-height:2;text-indent:0;margin-top:20px;}
.ser_items_boxbg{background:url(../images/ser_items_boxbg.png) no-repeat;background-size:100%}

.character_txt{display:none;}
.chart_box{width:95%;margin:0 auto;}
.chart_img{width:40%;height:70px;}
.boult{width:20%;height:70px;}
.boult1{display:none;}









}

















