.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item,
.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ih-item a {
    color: #333;
}

.ih-item a:hover {
    text-decoration: none;
}

.ih-item img {
    width: 100%;
    height: 100%;
}

.ih-item.circle {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}

.ih-item.circle .img {
    position: relative;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}

.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle .img img {
    border-radius: 50%;
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}



.ih-item.square.effect3 {
    overflow: hidden;
}

.ih-item.square.effect3.colored .info {
    background: #1a4a72;
}

.ih-item.square.effect3 .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square.effect3 .info {
    /*height: 50px;*/
    /* background: #5fbf5f; */
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.square.effect3 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font:normal 14px "微软雅黑",Hiragino Sans GB;
    padding: 10px;
    margin: 0;
}

.ih-item.square.effect3 a:hover .info {
    visibility: visible;
    opacity: 1;
}

.ih-item.square.effect3.bottom_to_top .info {
    top: auto;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

/* .ih-item.square.effect3.bottom_to_top a:hover .img {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
} */

.ih-item.square.effect3.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.ih-item.square.effect3.top_to_bottom .info {
    bottom: auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* .ih-item.square.effect3.top_to_bottom a:hover .img {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
} */

.ih-item.square.effect3.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

@media screen and (max-width: 780px) {

}


/*6-1*/
.about_box_1 {height:600px;background:url(../images/about_bg_3.jpg) no-repeat center center; overflow:hidden; width:100%;}

.number-list {width:100%;display: table;content: "";padding-top:13%;}
.number-list li {width:30.75%;margin-right:3%;color:#fff;text-align: center;float:left;}
.number-list li:last-child {margin-right:0px;}
.number-list li p.number {font-size:140px;color: #1e84e4;line-height:160px;margin-bottom:35px;font-family:Arial;border-bottom:1px solid #1e84e4;}
.number-list li p.number sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;top: -0.5em;}
.number-list li p.wz_1 {font-size:18px;line-height:26px;height:80px;}
.number-list li p.wz_2 {font-size:16px;}

.about_box_2{ width:100%; overflow:hidden; background:#fff;}
.fwb {
    font-weight: bold;
}
.about_box_2 .index_box {padding:0px 5%;}
.about_box_2 .con_1 {width:30%;float:left;margin:50px 0;}
.about_box_2 .con_1 p.icon span {width:40px;height:2px;background: #1e84e4;vertical-align: middle;display: inline-block;}
.about_box_2 .con_1 p.wz_1 {font-size:40px;line-height:60px;color: #1e84e4;}
.about_box_2 .con_1 p.wz_2 {font-size:20px;margin:10px 0px 20px 0px;}
.about_box_2 .con_1 p.wz_3 {font-size:16px;line-height:28px;margin-bottom:30px;}
.about_box_2 .con_1 .t_cz a.btn {font-size:16px;background: url(../images/ic_48.png) no-repeat right;padding-right:22px;color: #1e84e4;}
.about_box_2 .con_1 .t_cz {margin-top:10px;}
.about_box_2 .con_1 .t_cz a.btn:hover {text-decoration: underline;}

.about_box_2 .con_2 {width:46%;float:right;padding-left:3%;border-left:1px solid #d9d9d9;margin:50px 0;}
.about_box_2 .con_2 p.wz_1 {font-size:30px;line-height:34px;}
.about_box_2 .con_2 p.wz_2 {font-size:16px;padding-top: 20px;}
.about_box_2 .con_2 p.wz_3 {font-size:16px;margin-top:30px;}
.about_box_2 .con_2 p.wz_4 {font-size:20px;margin-bottom:4px;}
.about_box_2 .con_2 p.wz_5 {font-size:16px;line-height:28px;}
.about_box_2 .con_2 p.mar_1 {margin-top:30px;}

.about_box_2 .con_3 {width:50%;}

.about_box_2 .about_company{width:100%;height:122px;margin-bottom:5%;}
.about_box_2 .about_company ul li{float:left;width:50%;text-align:center;line-height:122px;}
.about_box_2 .about_company ul li p{color:#575757;font-size:36px;}

.about_box_2 .about_company ul li:hover p{background: #1e84e4;cursor:pointer;color:#FFF;}

.index_box {max-width:1200px;margin:0px auto;}
#inon{background: #1e84e4;color:#FFF;}
@media only screen and (max-width: 1000px){
	.banner_box,.carousel,.list_menu_box,.brand_banner_1,.ui_design_box,.web_design_box,#banner,.news_banner,.news_detail_box,.case_banner_1,.about_box_1,.contact_box_1,.case_banner_con,.web_map{margin-top:20px;}
	.about_box_1{ height:500px;}
    .number-list li p.number {font-size:70px;line-height:100px;}
}
@media only screen and (max-width: 860px){
    .number-list li p.wz_1 {font-size:16px;line-height:26px;height:80px;}
    .number-list li p.wz_2 {font-size:14px;}
}
@media only screen and (max-width: 768px){
    .gm_business .wz_pt_1 {display: none;}
    .gm_business .wz_pt_2 {display: block;padding:8% 0px;}
    /*.gm_business .imac_pt .gm_tel {display: block;}*/
    .gm_tel {display: block; position:fixed;bottom:0;}


    .con_box_1 p.wz_1 {font-size:40px;line-height:60px;}

    .case_box {padding-top:18px;}
    .case_box .index_box {padding:0px 2%;}
    .case_box ul li {width:49%;margin-right:2%;margin-bottom:14px;}
    .case_box ul li:nth-child(2n) {margin-right:0px;}
    .case_box a.more_btn {font-size:16px;}

    .con_box_2 {padding:6% 0px;}
    .con_box_2 img {width:95%;}
    .con_box_2 .pt_1 {width:100%;float:none;}
    .con_box_2 .pt_2 {width:100%;float:none;padding-top:2%;}

    .gm_design {height:680px;background-size: auto 100%;}
    .gm_design p.wz_1 {font-size:70px;line-height:100px;}
    .gm_design p.wz_2 {font-size:34px;line-height:50px;}
    .gm_design p.wz_3 {font-size:18px;line-height:25px;}

    .footer_box {padding:26px 0px 20px 0px;}
    .footer_box .ff_box .ff_con .con_1 p.wz_2 {line-height:24px;}
    .footer_box .ff_box .ff_con .con_1 {width:100%;float:none;}
    .footer_box .ff_box .ff_con .con_2 {width:100%;border-top:1px solid #f06671;margin-top:20px;}
    .footer_box .ff_box .apply_jh {display: none;}
    .footer_box .ff_box .ff_con .con_1 .code_ul {text-align: center;}
    .footer_box .ff_box .ff_con .con_1 .code_ul li {width:30%;margin:0px 3%;float:none;text-align: center;display: inline-block;}
    .footer_box .ff_box .ff_wz {line-height:20px;margin-top:12px;}
    .footer_box .ff_box .ff_con .con_2 .fx_box {height:36px;padding:12px 3px 4px 3px;}
    .ui_design_box p.lx_pt_2 img {width:80%;}
    .ecommercet_design .eco_ul li p.i_wz {font-size:17px;}

    .brand_wz_con {padding:25px 0px;}
    .brand_wz_con .wz {font-size:14px;line-height:22px;width:100%;border-bottom:1px dashed #b47585;border-left:none;padding-left:0;padding-bottom:15px;margin-bottom:15px;}
    .brand_wz_con .wz_1 {float:none;}
    .brand_wz_con .wz_2 {float:none;border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}

    .case_banner_1 {display: none;}
    .case_banner_con {display: block;}

    .partner_box ul li p.pt img {height:100px;}
    .partner_box ul li p.name {font-size:20px;margin-top:15px;}

    .phone_design_box .phone_index_box .phone_con .phone_detail{text-align:center;float:none;width:100%;}
    .phone_design_box .phone_index_box .phone_con .phone_img{float:none;width:100%;margin-top:40px;}
    .phone_design_box .phone_index_box .phone_con .phone_img img{transform-origin:center;transform:scale(0.8);}
    .phone_design_box .phone_index_box .phone_con .phone_detail .wz_2_phone{margin:0 16%;}
    .phone_design_box .phone_index_box .phone_con .phone_detail .phone_icon{margin:0 auto;margin-top:10%;}
    .phone_design_box .phone_index_box .phone_con .phone_detail .fg_box_phone {text-align: center;}
    .phone_design_box .phone_index_box{height:1390px;}

    .phone_design_box .phone_index_box .phone_con .phone{display:block;}
    .phone_design_box .phone_index_box .phone_con .window{display:none;}

    .news_slide_box .pt{display:none;}
    .news_slide_box .con{width:90%;padding:25px 5%;margin:0;}

    .about_box_2 .con_1{width:100%;}
    .about_box_2 .con_2{width:100%;float:left;padding-left:0; border-left:0; margin-top:0; border-top:1px solid #e6e6e6; padding-top:15px;}
    /*.number-list li{width:44%;margin:0 3%;}*/

    .contact_con{margin-top:20%;}


    .web_box .web_list {margin-bottom:24px;}
    .web_box .web_list .web_ul li {width:50%;}
    .web_map .web_title {line-height:56px;font-size:20px;}
    .web_box .web_list .tt_name {font-size:18px;}

    .links_box {padding:22px 0px;}
    .links_slide .bd li {width:22%;}
    .links_slide a.prev,.links_slide a.next {width:40px;height:40px;top:20px;}
    .links_slide a.prev {background: url(../images/links_prev.jpg) no-repeat;background-size:40px; left:0;}
    .links_slide a.next {background: url(../images/links_next.jpg) no-repeat;background-size:40px; right:0;}
}
@media only screen and (max-width: 767px){
    .about_box_1 {height:520px;}
    .number-list li{width:44%;margin:0 3%;}
}
@media only screen and (max-width: 480px){
    .number-list li {width:42%;margin:20px 4%;}
    .number-list li p.number {font-size:64px;line-height:80px;margin-bottom: 20px;}
    .number-list li p.wz_1 {font-size:12px;line-height:16px;height:65px;}
    .number-list li p.wz_2 {font-size:10px;line-height:14px;}
    .about_box_2 .con_1 {width:100%;float:none;margin-bottom:35px;}
    .about_box_2 .con_2 {width:100%;float:none;border-left:none;padding-left:0px;}
    .about_box_2 .con_2 p.wz_1 {font-size:24px;line-height:32px;}
}
@media only screen and (max-width: 420px){
    .number-list li {width:44%;margin:0 3%;}
}