@charset "utf-8"; 
/*!
 * edh5 1.0 
 * Copyright 2015 edh5.com
 * http://www.edh5.com/
 * author:sky
*/
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
   _background-image:url(../css/.com/css/about:blank);
   _background-attachment:fixed;
} 
/* 设置默认字体 */ 
body, button, input, select, textarea {
	font-family: "微软雅黑","宋体","Arail";
	font-size: 100%;
    outline:none;
    color: #333333;
}
/* 列表元素 */ 
ul,ol,li {
	list-style: none;
}
img {
	border: none;
    vertical-align: middle;
}
.img-responsive{width:100%;height: auto}  /*自适应图片*/
/* a标签 */ 
a {
	text-decoration: none ; 
    color:#c6c6c6 ;
}
a:hover {
	text-decoration: none ;
} 
/* 定义浮动居中 */ 
.fl {
	float: left;
	display: inline;
    margin-top: 25px;
    width: 9%;}
.fr {
	float: right;
	display: inline
}
.center {
	margin: 0 auto;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.clearfix:after, .clearfix:before {
	content:"";
	display:table
}
.clearfix:after {
	clear:both
}
.clearfix {
	zoom:1
}
/*重复div标签*/
.DIV{
    position:relative;
    width:90%;
    margin:0 auto;
}
.DIV3{
    position:relative;
    width:70%;
    margin:0 auto;
  /*  overflow: hidden;*/
   top: 0%;
}
.DIV2{
    position:relative;
    width:60%;
    margin:0 auto;
}
.DIV4{
    position:relative;
    width:80%;
    margin:0 auto;
}
.DIV5{
    position:relative;
    width:95%;
    margin:0 auto;
}
/* 重置h标签 */ 
h1 {
	font-size: 22px
}
h2 {
	font-size: 20px
}
h3 {
	font-size: 18px
}
h4 {
	font-size: 16px
}
h5 {
	font-size: 14px
}
h6 {
	font-size: 12px
}
/* 字体大小 */ 
.font12 {
	font-size: 0.75em;
}
.font14 {
	font-size: .875em;
}
.font16 {
	font-size: 1em;
}
.font18 {
	font-size: 1.125em;
}
.font20 {
	font-size: 1.25em;
}
.font22 {
	font-size: 1.375em;
}
.font24 {
	font-size: 1.5em;
}
.font26 {
	font-size: 26px
}
.font28 {
	font-size: 28px
}
.font30 {
	font-size: 30px
}
/* 主色 */ 
.role_color{ color:#3fb560 }
/* 所有颜色 */ 
.c1 {
    color:#cf1717; /*red*/
}
.c2 {
    color:#777777;
}
.c3{
    color:#e92d2d;
}
.c4{
    color:#6a6a6a;
}
.c5{
    color:#b8120e;
}
.c6{
    color:#797979;
}
/* 定义边距  padding margin*/ 
/*.p1{
    padding-top:30px;
}*/
.m1{
    margin-top: 150px;
}
.m2{
    margin-top:-3px;
}
.cus_icon img{
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
}
.cus_icon img:hover{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

/*.col-lg-3:hover{
    background: red;
}*/
/*line-height*/
.line1{line-height:20px;}
.line2{line-height:24px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#7e7e7e;font-size:0.875em;}
input:-moz-placeholder,textarea::-moz-input-placeholder{color:#7e7e7e;font-size:0.875em;}
@media (max-width:1500px) {
    .about_menu ul li {
        height: 360px;
    }
    .about_menu1 ul li{
        height: 180px;
    }
}
@media (max-width:1300px) {
    .about_menu ul li {
        height: 310px;
    }
    .about_menu1 ul li{
        height: 180px;
    }
}

/*media*/
/*@media (max-width: 645px) {
   .case_list2 ul{margin-left:0%;}
   .case_list2 ul li{width:100%;margin-left:0;} 
   .wap ul{margin-left:-2%;}
   .wap ul li{margin-left:3%;width:46%;}
   .category ul li{font-size:0.875em;margin-right:10px;}
   .case_logo,.tabBar .prev,.deg_con,.message,.c_shuade,.map,.code_list,.zz, .tabBar .next,.team_font,.news_main .fl,.cus_des,.search_inner,.menu_inner,.case_list ul li span,
   .arr,.new_list,.footer,.spot,.footer_inner,.shade_case,.goto,.menu_list,.other,.banner,.show_l .show_img,.code_r,
   .news_img,.lump,.case_info .fr,.link ,.logo dl dd,.from_img,.news_tit .fl, .news_tit .tit .font-size{display:none;}
    #video{
        display: block;
    }
   .p_footer,.logo dl dd:first-child,.arr_down_d,.web_site,.btn-navbar{display:block;}
   .heade_inner .DIV4,.case_det .DIV4,.news_det .DIV4{width:90%;}
   .show_info{margin-top:75px;}
   .show_l{width:100%;}
   .new_r{width:80%;margin-left:0;}
   .hot_news .news_h_img,.news_txt {width:100%;}
   .news_con{font-size:0.875em;line-height:30px;}  
   .case_info {text-align:center;font-size:0.875em}
   .case_info .fl{float:none;}
   .shade_v{background:url(../images/slide_4_bak.jpg) no-repeat center;}
   .big_txt1 img{width:60%;height:auto;}
   .big_txt2{width:100%;margin:20px 0px 38px 0px;}
   .big_txt2 img{width:100%;height:auto;}
   .section2  .DIV3,.section3  .DIV3{width:100%;}
   .m1{margin-top:100px;}
   .what_txt{top:-50px}
   .from_txt{top:-80px;}
   .what_txt img,.from_txt img{width:100%;height:auto;}
   .what_list ul{margin-left:-2%;}
   .what_list ul li{width:48%;padding-top:0px;padding-bottom:25px;margin-left:2%;}
   .what_list_tit{margin-top:10px;line-height:normal;}
   .what_list_tit p:first-child{font-size:1em;}
   .what_list_tit p:last-child{font-size:.75em;}
   .from_list ul li,.news_wrap .news_main,.news_txt_l{width:100%;}
   .f_txt .txt{width:80%}
   .from_list{margin-top:55px;margin-bottom:30px;}
   .txt p:nth-child(1){margin-top:0;}
   .tabBar,.contact_wrap{width:90%;}
   .team_list,.con_txt{width:100%}
   .tabBar .hd ul{position:inherit;overflow:hidden;margin-bottom:20px;}
   .tabBar .bd{width:100%;height:200px;z-index:999;}
   .about_menu ul{!*margin-left:-2%;*!   margin: 0 auto}
   .about_menu ul li{
                        width: 56%;
                       !* margin-left:65%;*!
                       font-size: 1em;
                       margin-bottom: 0px;
                       margin-top: 10px;
                       height: 70px;
                       }
   .cus_txt{line-height:70px;    margin-left: 5%;  float: left;}
    .cus_icon {
        padding-top: 15px;
        padding-left: 20px;
        position: relative;
        width: 20%;
        display: block;
        float: left;
    }
    .img-to {
        display: none;
    }
   .news_wrap ul >li:last-child .news_main{margin-right:0;margin-top:0;display:none;}
   .news_wrap ul >li:first-child .news_main{margin-bottom:0px;margin-top:0;}
   .team_list ul li{width:48.5%;margin-bottom:10px;opacity:1;}
   .team_list ul li:last-child{display:none;}
   .phone_num p:nth-child(1){margin-top:10px;font-size:1.875em;}
   .contact_list ul li{margin-bottom:20px;}
   .news_wrap{opacity:1;}
   .what_list ul li .DIV_cir{width:70px;height:70px;}
   .contact_wrap{height:auto;}
   .circle_m{
	     top: -8px;
		 left: -8px;
		 width: 135px;
		 height: 135px
	}
	.clientsLogos{height:50px;}
	#client_ul li img{width:1500px;height:auto;}
    .main_image li .img_1{background:url('../images/bg-s3.png') center top no-repeat; width: 100%;height: 100%; background-position: 70%; background-size: cover;}
    !*.main_image li .img_2{background:url('../images/bg4.jpg') center top no-repeat; width: 100%;height: 100%; background-position: 70%; background-size: cover;}*!
    .main_image li .img_2{background:url('../images/bg-s1.png') center top no-repeat; width: 100%;height: 100%; background-position: 70%; background-size: cover;}
    .main_image li .img_3{background:url('../images/bg-s2.png') center top no-repeat; width: 100%;height: 100%; background-position: 70%; background-size: cover;}

	!*page2 svg*!
   .a1,.a2,.a3,.a4,.what_con_list{display:none}
   .cus_icon{  width: 20%;
       padding-top: 80px;}
    .cus_txt{line-height:0px;float:left;text-align: center;  width: 100%;margin-top: -40px;}
    .liaojie {
        display: inherit;
        text-align: center;
        width: 20%;
        font-size: 12px;
        !* margin: 0 auto; *!
        margin-top: -52px;
        float: right;
        margin-right: 5px;
    }
    .cus_num {
        font-size: 0.875em;
        color: #ababab;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 71%;
        margin-left: 5px;
        font-size: 14px;
        letter-spacing: 0;
        text-align: left;
        text-indent: 2em;
        margin-top: 46px;
    }
   .news_tit .tit{width:100%;}
    .section5 ul strong {
        width: 50px;
        height: 80px;
        float: left;
        margin-right: 42px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .section5 ul{
        clear: both;
    }
    .section5 section {
        width: 944px;
        height: 158px;
        margin: 99px auto 154px;
    }
    .container {
        margin-top: -70%;
        !* width: 95%; *!
    }
    .container .text-fk .fk p {
        padding-top: 22%;
        padding-left: 13%;
        font-size: 20px;
    }
    .container {
        position: absolute;
    }
    .container {
        position: absolute;
        margin: -208px auto;
    }
    .container .text-fk .fk {
        float: left;
       !* background: deepskyblue;*!
        width: 130px;
        height: 90px;
        position: relative;
        z-index: 10;
        color: white;
        font-size: 1.5em;
    }
    .clearfix{
        display: none;
    }
    .col-sm-12{
        position: absolute;
        top: 75px;
        text-align: center;
        width: 100%;
    }
    .hr{
        text-align: center;
        width: 100%;
        height: auto;
        position: absolute;
        top: 103px;
    }
    .hrone {
        text-align: center;
        width: 79%;
        height: auto;
        position: absolute;
        top: 103px;
    }
    .col-sm-12one{
        position: absolute;
        top: 75px;
        text-align: center;
        width: 79%;
    }
    .hra{
        text-align: center;
        width: 38%;
        height: auto;
        position: absolute;
        top: 103px;
    }
    .col-sm-12a {
        position: absolute;
        top: 73px;
        text-align: center;
        width: 38%;
    }
    .p1 {
        padding-top: 22px;
    }
    .header {
        width: 100%;
        background: #464646;
        position: fixed;
        top: 0;
        left: 0;
        height: 45px;
        z-index: 9999;
    }
    .section5 footer {

        margin-top: -165px;
    }
}*/
/*@media (min-width: 645px) and (max-width: 804px) {
   .case_list2 ul{margin-left:-3%;}
   .case_list2 ul li{margin-left:3%;width:46%;}
   .search_inner,.menu_list,.spot,.cus_des{display:none;}
   .phone_num{width:100%;}
   .code_list.inner{float:left;margin-top:30px;}
   .heade_inner .DIV4,.case_det .DIV4{width:90%;}
   .new_list{display:none;}
   .btn-navbar{display:block}
   
   !*page2 svg*!
   .first,.second{width:80%;height:auto;}
   .what_list ul li .DIV_cir{width:130px;height:0px;}
   .circle_m{width:140px;height:140px;}
   .what_list_tit{margin-top:0px;}
   .a1,.a2,.a3,.a4,.what_con_list,.news_icon{display:none}
   
    .about_menu ul li{width:30%;margin-bottom:0px;}
	.team_font{width:110px;}
	.message{display:none;}
    .con_txt{float:left;margin-left:5%;}
	.f_txt .num,.txt_shade .into{display:none;}
    .section5 footer {

        margin-top: -165px;
    }
   
}*/
/*@media (min-width: 804px) and (max-width: 960px) {
   .case_list2 ul{margin-left:-3%;}
   .case_list2 ul li{margin-left:3%;width:29%;}
   .search_inner,.spot,.news_icon{display:none;}
   .phone_num{width:100%;}
   .code_list.inner{float:left;margin-top:30px;}
   .menu_list ul li{margin-left:20px;}
   .heade_inner .DIV4,.case_det .DIV4{width:90%;}
   
   !*page2 svg*!
   .first,.second{width:80%;height:auto;}
   .circle_m{width:170px;height:170px;}
   .a1,.a2,.a3,.a4,.what_con_list{display:none}
   .about_menu ul li{width:26%;margin-bottom:0px;}
   .team_font{display:none}
   .message{display:none;}
  .con_txt{float:left;margin-left:5%;}
  .f_txt .num,.txt_shade .into{display:none;}
    .section5 footer {

        margin-top: -165px;
    }
  .team_list {float:left;width:100%;}
}*/
/*@media (min-width: 960px) and (max-width: 1040px) {
  .case_list2 ul{margin-left:-3%;}
  .case_list2 ul li{margin-left:3%;width:21%;}
  .phone_num{width:100%;}
  .code_list.inner{float:left;margin-top:30px;}
  .menu_list ul li{margin-left:30px;}
  .spot,.message{display:none;}
  .con_txt{float:left;margin-left:5%;}
  .team_font{display:none}
  .team_list {float:left;width:100%;}
    .section5 footer {

        margin-top: -165px;
    }
  
}*/
@media (min-width: 1040px) and (max-width: 1280px) {
  .contact_list.inner ul li{margin-left:10px;}
  .code_list.inner{float:left;margin-top:30px;}
  .menu_list ul li{margin-left:30px;}
  .spot{display:none;}
  .team_font{width:130px;}
    .section5 footer {

        margin-top: -3px;
    }
}
 @media (min-width:1366px) {
 .section5 footer {
    position: absolute;
    width: 100%;
    /*height: 300px;*/
    /*margin-top: -50px;*/
}
}
@media (min-width:1360px) {
    .section5 footer .up {
        padding-top: 30px;
    }
    /*.section5 footer {
        margin-top: -11%;
    }*/
}
@media (min-width: 1600px){
    /*.section5 footer {
        margin-top: -2%;
    }*/
}
@media (min-width: 1920px){
    /*.section5 footer {
        margin-top: 11%;
    }*/
}

@media (max-width: 1200px) {
    .link_list{display:block}
    .link{display:none;}
	.nav{
      position: absolute;
	  float: right;
	  right: -6%;
	  /* z-index: 9999; */
	  top: -25px;
	  width: 0;
        background: #464646;
	  margin-right: 0;
	}
	.nav ul li:first-child{
	  margin-top: 100px;
	  border-top: 1px dashed #4d4d4d;
    }
	.nav ul li {
	  float: right;
	  margin-left: 25px;
	  font-size: 1.125em;
	  /* padding-bottom: 7px; */
	  width: 90%;
	  text-align: left;
	  line-height: 48px;
	  border-bottom: 1px dashed #4d4d4d;
	  padding-left: 5%;
	  padding-bottom:0;
	  
	  
	}
	.QQ_s{display:none;}
	
	/*.m2{display:block; !*   margin-top: -40px;*!}*/
   /* .fl img{
        width:200%;
    }*/
 	.code_list{display:none;}
    .section5 footer {

        margin-top: -165px;

    }
    .section5 footer {

        margin-top: -165px;
    }
}
/*试一试*/
@media (max-width: 1340px){
    .fl img {
        width: 200%;
    }
    .tabBar .hd {
        top: 21%;
    }
}
.xj{
    color: #0096e6;
    border-bottom: 1px solid #0096e6;
}
/*结束*/
/*@media (max-height: 650px) {
     .link_list{margin-top:30px;}
     .link_list dl dd{width:40px;margin-left:20px;}
	 .link_list dl dd a{border-bottom:none;}
	 .tabBar .hd ul{top:-50px;}
    .menu ul li {
        float: left;
        width: 80px;
        position: relative;
    }
}*/

/*
!* iphone4 *!
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){
    .about_menua{
        margin-left:-10%;
        width:96%;
    }
}
!* iphone5 *!
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){

    .container {
        position: absolute;
        margin: -200px auto;
        margin-left: 1%;
    }
    .container .text-fk .fk {
        float: left;
      !*  background: deepskyblue;*!
        width: 130px;
        height: 84px;
        position: relative;
        z-index: 10;
        color: white;
        font-size: 1.5em;
    }
    .tabBar {
          top: -28px;
      }
    .col-sm-12 {
        position: absolute;
        top: 75px;
        text-align: center;
        width: 100%;
    }
    .col-sm-12one {
        position: absolute;
        top: 75px;
        text-align: center;
        width: 68%;
    }

    .hr {
        text-align: center;
        width: 100%;
        height: auto;
        position: absolute;
        top: 103px;
    }
    .m1 {
        margin-top: 125px;
    }
    .what_list ul li .DIV_cir {
        width: 60px;
        height: 60px;
    }
    .section5 section {
        width: 944px;
        height: 158px;
        margin: 125px auto 91px;
    }
    .hra {
        text-align: center;
        width: 35%;
        height: auto;
        position: absolute;
        top: 103px;
    }
    .col-sm-12a {
        position: absolute;
        top: 75px;
        text-align: center;
        width: 36%;
    }
    .about_menua {
        margin-left:-10%;
        width:96%;
    }
    .hrone {
        text-align: center;
        width: 68%;
        height: auto;
        position: absolute;
        top: 103px;
    }
}
@media screen and (max-device-width: 600px) {
    .hr img {
        width: 100%;
        height: auto;
    }
    .container h4 {
        font-size: 1rem;
    }
    .section5 footer {

        margin-top: -165px;
    }
}


@media screen and (max-device-width: 600px){
.container h4 {
        margin-top: 8%;
        margin-bottom: 4%;
        font-size: 2em;
    }
 .container h4 {
        margin-top: 100px;
        margin-bottom: 22px;
        font-size: 36px;
    }
    .section5 footer {

        margin-top: -165px;
    }

}*/