@charset "utf-8";

/****************公用的头部*****************/
.header{ position: fixed; height: 50px; left: 0px;top:0px; width: 100%; z-index: 100;padding:10px 0;background: rgba(0,0,0,0.0);border-bottom: 1px solid rgba(255, 255, 255,0.1);}
.header .logo{float:left; width: 180px; height:50px;position: relative;margin-top: 11px;}
.header .logo .site_name{ position: absolute;top:2px;right:-70px;color:#fff; font-size: 12px;}
.header .logo a{ display: block; height: 40px;}
/******第一个导航********/
.header .menu{ float: left;margin:20px 0 0 106px;}
.header .menu li{float:left; height:20px; line-height:20px;margin:0 32px 0 0;}
.header .menu li a{color:rgba(238,238,238,0.8) ;position: relative;padding: 0 6px 20px;transition: 0.3s;}
.header .menu li a.current{border-bottom: 3px solid rgb(40, 208, 233);color: #eee;}
.header .menu a:hover{color:#fff;/*text-shadow:0 0px 12px #fff;*/border-bottom: 3px solid rgb(40, 208, 233);transition: 0s;}
.header .menu li:nth-of-type(5) a{font-size: 15px;}
.header .menu li:nth-of-type(6) a{font-size: 15px;}


.header .menu a .tag{ display: inline-block; width: 30px; height: 22px; background: url(../images/icon_hot.png) no-repeat; position: absolute;top:-19px;right:-21px;}
.header .phone{ float: right; width: 160px; height:35px; background: url(../images/header_phone.png) no-repeat; margin: 17px 0 0 0;}


/*********************公用的footer*****************/
.footer{ background: #262c30;overflow: hidden;width: 100%;}
.footer_top{height: 127px;border-bottom: 1px solid #3D4549;overflow: hidden;position: relative;}
.footer_top .footer_logo{margin-top: 60px;}
.footer_top .notes{color: #595E61;position: absolute;top: 71px;left: 174px;font-size: 16px;}

.footer_main{height: 220px;border-bottom: 1px solid #3D4549;overflow: hidden;}
.footer_main .footer_nav{width: 258px;height: 132px;margin-top: 45px;overflow: hidden;}
.footer_main .footer_nav li{margin-top: 8px;}
.footer_main .footer_nav li a{color: #919496;}
.footer_main .footer_nav li a:hover{color: #a9a9a9;}
.footer_main .main_info{margin-top: 45px;overflow: hidden;}
.footer_main .main_info li{height: 110px;width: 303px;border-left: 1px solid #3E464A;float: left;text-align: center;}
.footer_main .main_info li .info{font-size: 14px;text-align: center;color: #A9A9A9;}
.footer_main .main_info li .top_info{margin: 66px 0 4px 0;}

.footer_main .main_info li.a1{background: url("../images/email.png") no-repeat center 6px;}
.footer_main .main_info li.a2{background: url("../images/phone_footer.png") no-repeat center 6px;}
.footer_main .main_info li.a3{background: url("../images/address.png") no-repeat center 6px;}


.footer_bottom{height: 60px;line-height: 60px;overflow: hidden;}
.footer_bottom span{color: #676B6D;}
.footer_bottom  a.icon_admin{color: #676B6D;font-size: 15px;}
.footer_bottom  a.icon_count{color: #676B6D;margin-right: 16px;font-size: 15px;}



/*********************公用的案例图片展示*****************/
.com_case{ overflow: hidden;}
.com_case ul{ float: left; width: 1260px;}
.com_case ul li{ float: left; width: 270px;margin:0 30px 20px 0;}
.com_case ul li .pic{ width: 270px; height: 166px;}
.com_case ul li .pic a{display: block;width: 100%;height: 100%;overflow: hidden;transition: 2.5s;}
.com_case ul li .pic a img{display: block;width: 100%;height: 100%;transition: 3s;}
.com_case ul li .title{ height: 30px; line-height: 30px; overflow: hidden; text-align: center;margin: 10px 0 0 0;}
.com_case ul li .title a{ color: #555;font-size: 16px;}

.com_case ul li .pic a img:hover{transform: scale(1.4,1.4);  -moz-transform: scale(1.4,1.4);  -webkit-transform: scale(1.4,1.4);  -ms-transform: scale(1.4,1.4);-o-transform: scale(1.4,1.4);}

/*********************公用的内页banner and main包含块*************************/
.c-index-banner{  position: relative;z-index: 1;height: 520px;color: white;background-repeat: no-repeat;text-align: center;}
.c-main-box{min-height: 400px;width: 100%;overflow: hidden;}

/***********公用的编辑器编辑内容************/
.com-p{margin:10px 0px 50px}
.com-p img{max-width:100%;display: inline-block;}
.com-p p{text-align: justify;font-size:14px;color:#666;line-height:1.6;}


/*******************首页banner******************/
.m-index-banner{position: relative;z-index: 1;height:620px;width: 100%;}
.m-index-banner .item{background-repeat:no-repeat; background-position:50% 25%;}
.m-index-banner .item a.btn{ width: 120px; height: 34px; text-align: center; line-height: 34px;border:#04BDDB 1px solid;margin:350px 0 0 8px; display: block; font-size: 16px;color:#04BDDB;transition: 0.4s;}
.m-index-banner .item a.btn:hover{background: #fff;color:#04BDDB;border:#fff 1px solid;}
.m-index-banner .pagination{ position: absolute;bottom:18px;width:100%;left:0px; height: 20px; text-align: center;}

/*banner下*/
.m-index-menu{ height: 100px;width: 100%;z-index: 3;background: #D4D4D5;overflow: hidden;}
.m-index-menu ul{ width: 1200px; float: left;}
.m-index-menu li{ float: left;width: 33.333%; height: 100px;}
.m-index-menu li a{ display:block;width:100%; height:100px;overflow: hidden;transition: 0.4s;}
.m-index-menu li.li_1{background-color:#E7E7E8; }
.m-index-menu li.li_2{background-color:#EFEFF1; }
.m-index-menu li.li_3{background-color:#E7E7E8; }

.m-index-menu li.li_1 a{ background: url(../images/m-index-menu-01.png) 70px 50% no-repeat;}
.m-index-menu li.li_2 a{ background: url(../images/m-index-menu-02.png) 70px 50% no-repeat;}
.m-index-menu li.li_3 a{ background: url(../images/m-index-menu-03.png) 70px 50% no-repeat;}

.m-index-menu li.li_1 a:hover{ background: url(../images/m-index-menu-01_on.png) 70px 50% no-repeat;}
.m-index-menu li.li_2 a:hover{ background: url(../images/m-index-menu-02_on.png) 70px 50% no-repeat;}
.m-index-menu li.li_3 a:hover{ background: url(../images/m-index-menu-03_on.png) 70px 50% no-repeat;}


.m-index-menu li a:hover .head1{color:#01CAE4;}
.m-index-menu li a:hover .head2{color:#01CAE4;}
.m-index-menu li .head1{color:#333; font-size: 18px; font-weight: bold; text-indent: 140px;}
.m-index-menu li .head2{color:#333; font-size: 15px; text-indent: 140px;}


/*首页-体验式建站助您解决烦恼*/
.m-index-001{}
.m-index-001 .head1{ font-size: 36px; text-align: center;}
.m-index-001 .head2{ font-size: 16px; text-align: center;margin:15px 0 0 0; color:#888;}

/*首页-体验式建站立即体验*/
.m-index-002{background: #323a3f;}
.m-index-002 .head1{ font-size: 32px; text-align: center;color:#fff;font-weight: lighter;}
.m-index-002 .head2{ font-size: 14px; text-align: center;margin:8px 0 0 0; color:#A9A9A9;}
.m-index-002 .head3{color: #A9A9A9;font-size: 18px;margin-top: 22px;text-align: center;}
.m-index-002 .head3 a{font-size:14px;}
.m-index-002 .head4{color: #929292;font-size: 14px;text-align: center;}

/*首页-为什么选择体验式建站*/
.m-index-003{}
.m-index-003 .head1{ font-size: 36px; text-align: center;font-weight: lighter;}
.m-index-003 .head3{ font-size: 14px; text-align: center;margin:8px 0 0 0; color:#04c1de;}

/*首页-兄弟齐心*/
/*首页-兄弟齐心*/
.m-index-004{ height: 600px; background: url(../images/m-index-004.jpg) 50% 50% no-repeat;overflow: hidden;}
.m-index-004 .customer_people{}
.m-index-004 .customer_people .left_msg{width: 600px;height: 460px;}
.m-index-004 .customer_people .left_msg .tit1{font-size: 42px;color: white;font-weight: lighter;margin-top: 164px;}
.m-index-004 .customer_people .left_msg .tit2{font-size: 24px;font-weight: lighter;color: #D1D3D4;margin-top: 28px;line-height: 36px;}
.m-index-004 .customer_people .left_msg .tit3{font-size: 20px;font-weight: lighter;color: white;margin-top: 90px;}
.m-index-004 .customer_people .left_msg .tit3 em{ font-size: 30px; font-weight: bold}

.m-index-004 .customer_people .right_state{height: 600px;width: 540px;position: relative;}
.m-index-004 .customer_people .right_state .bg_big{height: 600px;width: 580px;position: absolute;border-radius: 50%;animation: 7s bg_big ease-in infinite;}
.m-index-004 .customer_people .right_state .bg_big_two{animation: 5s bg_big_two ease-in infinite;height: 900px;width: 900px;position: absolute;border-radius: 50%;background-color: rgba(4,193,222,0.06);}


.m-index-004 .customer_people .right_state .app{display: block;width: 137px;height: 137px;background-image: url("../images/n_app.png");  background-repeat: no-repeat;background-size: 100% 100%;  position: absolute;top: 90px;left: 82px; }
.m-index-004 .customer_people .right_state .wechat{display: block;width: 137px;height: 137px;background: url("../images/n_wechat.png") no-repeat;position: absolute;top: 90px;right: 59px;}
.m-index-004 .customer_people .right_state .pc{display: block;width: 137px;height: 137px;background: url("../images/n_pc.png") no-repeat;  position: absolute;top: 385px;left: 82px;}
.m-index-004 .customer_people .right_state .mibi{display: block;width: 137px;height: 137px;background: url("../images/n_mibi.png") no-repeat;  position: absolute;top: 385px;right: 59px;}

.m-index-004 .customer_people .right_state .all_people{display: block;width: 82px;height: 51px;background-image: url("../images/n_all_people.png");background-repeat:  no-repeat;
    position: absolute;top: 275px;right: 241px;background-size: 100% 100%; animation: 15s all_people ease-in infinite;}

/*.m-index-004 .customer_people .right_state .one_people{display: block;width: 32px;height: 30px;background: url("../images/n_one_people.png") no-repeat;
    position: absolute;top: 240px;right: 320px;}
.m-index-004 .customer_people .right_state .two_people{display: block;width: 24px;height: 24px;background: url("../images/n_two_people.png") no-repeat;
    position: absolute;top: 259px;right: 197px;}
.m-index-004 .customer_people .right_state .three_people{display: block;width: 19px;height: 19px;background: url("../images/n_three_people.png") no-repeat;
    position: absolute;top: 311px;right: 356px;}*/      /******三块小人，务必别删，留需要动画的时候做*******/

.m-index-004 .customer_people .right_state .char{font-size: 16px;color: white;font-weight: bold;position: absolute;top: 331px;left: 268px;animation: 7s char_mall ease-in infinite;}


/***************animation 动画*****************/
@-webkit-keyframes all_people {
    0% { width: 82px;height: 51px; top: 275px;right: 241px; }
    25% { width: 69px;height: 38px; top: 278px;right: 247px; }
    50% { width: 82px;height: 51px; top: 275px;right: 241px; }
    75% { width: 69px;height: 38px; top: 278px;right: 247px; }
    100% { width: 82px;height: 51px; top: 275px;right: 241px;}
}
@keyframes all_people {
    0% { width: 82px;height: 51px; top: 275px;right: 241px; }
    25% { width: 69px;height: 38px; top: 278px;right: 247px; }
    50% { width: 82px;height: 51px; top: 275px;right: 241px; }
    75% { width: 69px;height: 38px; top: 278px;right: 247px; }
    100% { width: 82px;height: 51px; top: 275px;right: 241px;}
}

@-webkit-keyframes char_mall {
    0% {  font-size: 16px;font-weight: bold;top: 331px;left: 268px;}
    25% {  font-size: 14px;font-weight:inherit;top: 331px;left: 274px;}
    50% {  font-size: 12px;font-weight: lighter;top: 331px;left: 280px;}
    75% { font-size: 14px;font-weight: inherit;top: 331px;left: 1274px;}
    100% { font-size: 16px;font-weight: bold;top: 331px;left: 268px;}
}


@-webkit-keyframes bg_big {
    0% { height: 600px;width: 600px; opacity: 1;background-color: rgba(4,193,222,0.06);left: 0%;top: 0%;}
    50% { height: 700px;width: 700px; opacity: 1;background-color: rgba(4,193,222,0.04);left: 50%;top: 50%;transform: translate(-350px,-350px)}
    80% { height: 900px;width: 900px; opacity: 1;background-color: rgba(4,193,222,0.02);left: 50%;top: 50%;transform: translate(-450px,-450px)}
    100% { height: 600px;width: 600px;opacity: 1;background-color: rgba(4,193,222,0.06);left: 0%;top: 0%;transform: translate(-0%,-0%)}
}
@keyframes bg_big {
    0% { height: 600px;width: 600px; opacity: 1;background-color: rgba(4,193,222,0.06);left: 0%;top: 0%;}
    50% { height: 700px;width: 700px; opacity: 1;background-color: rgba(4,193,222,0.04);left: 50%;top: 50%;transform: translate(-350px,-350px)}
    80% { height: 900px;width: 900px; opacity: 1;background-color: rgba(4,193,222,0.02);left: 50%;top: 50%;transform: translate(-450px,-450px)}
    100% { height: 600px;width: 600px;opacity: 1;background-color: rgba(4,193,222,0.06);left: 0%;top: 0%;transform: translate(-0%,-0%)}
}

@-webkit-keyframes bg_big_two {
    0% { height: 900px;width: 900px; opacity: 1;background-color: rgba(4,193,222,0.1);left: 50%;top: 50%;transform: translate(-450px,-450px)}
    40% { height: 1100px;width: 1100px; opacity: 1;background-color: rgba(4,193,222,0.06);left: 50%;top: 50%;transform: translate(-550px,-550px)}
    70% { height: 1200px;width: 1200px; opacity: 1;background-color: rgba(4,193,222,0.02);left: 50%;top: 50%;transform: translate(-600px,-600px)}
    100% { height: 900px;width: 900px;opacity: 1;background-color: rgba(4,193,222,0.1);left: 50%;top: 50%;transform: translate(-450px,-450px)}
}


/*首页-服务很贴心*/
.m-index-005 .head1{ font-size: 36px; text-align: center;font-weight: lighter;}
.m-index-005 .head2{ font-size: 16px; text-align: center;margin:10px 0 0 0; color:#888;}
.m-index-005 .head3{ font-size: 16px; text-align: center;margin:15px 0 0 0; color:#04c1de;}
.m-index-005 .head3 a{color:#04c1de;}

.m-index-005 .list{ overflow: hidden;}
.m-index-005 .list ul{ float: left; width: 1200px;}
.m-index-005 .list ul li{ width: 370px; padding:20px 0 20px 80px; height: 130px; border: #ddd 1px solid; float: left; position: relative;margin:0 30px 30px 0;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.m-index-005 .list ul li:nth-child(3n){margin-right: 0;}
.m-index-005 .list ul li .title{ font-size: 20px; height: 24px; line-height: 24px; overflow: hidden;color: #424242;}
.m-index-005 .list ul li .description{ font-size: 14px;color:#797979;height: 20px; line-height: 20px; overflow: hidden;margin:10px 0 0 0;}
.m-index-005 .list ul li a.btn{ display: block; width: 60px; height: 20px; line-height: 20px; text-align: center;border:#04c1de 1px solid;color:#04c1de;margin:15px 0 0 0;font-size: 12px;transition: 0.3s;}
.m-index-005 .list ul li a.btn:hover{ background: #04c1de;color:#fff;}

/*首页-托付更省心*/
.m-index-006 .head1{ font-size: 36px; text-align: center;font-weight: lighter;}
.m-index-006 .head2{ font-size: 16px; text-align: center;margin:10px 0 0 0; color:#888;}
.m-index-006 .head3{ font-size: 16px; text-align: center;margin:15px 0 0 0; color:#04c1de;}
.m-index-006 .head3 a{color:#04c1de;}
.m-index-006 .head3 em{ font-size: 30px; font-weight: bold}

/*********体验式建站，让一切皆有可能******************/
.advert_notes{width: 100%;height: 238px;background: url("../images/bg_advice.jpg") repeat;text-align: center;overflow: hidden;}
.advert_notes h2{margin: 60px 0 30px;font-size: 32px;font-weight: lighter;}
.advert_notes .contact_us{color: #04c1de;border: 2px solid #04c1de;padding: 8px 36px;transition: 0.3s;}
.advert_notes .contact_us:hover{background: #04c1de;color: white;}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<内页>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/***头部****/
.m-page-header{  height: 120px; left: 0px;top:0px;border-bottom:#ddd 1px solid;}
.m-page-header .logo{float:left; width: 360px; height:60px;margin:30px 0 0 0;}
.m-page-header .logo a{ display: block; height: 60px;}
.m-page-header .menu{ float: right; text-align: right;}
.m-page-header .menu a{ color: #333; display: inline-block;margin:50px 28px 0 0;}
.m-page-header .menu a:hover{color:#111;text-shadow:0 0px 12px rgba(0,0,0,0.5);}

/*联系我们*/
.m-contact{ background: #00194a;margin:30px 0 0 0; overflow: hidden;padding:0 0 50px 0;}
.m-contact .map{ width: 1110px; height:500px; margin:30px auto 0 auto; background: #fff;}
.m-contact .left{ width: 700px; float: left; display: inline; margin:60px 0 0 30px;}
.m-contact .left .title{height: 34px; line-height: 34px;font-size: 18px; font-size: 24px; color:#fff;}
.m-contact .left .item{ color: #555; height: 30px; line-height: 30px; overflow: hidden;font-size: 16px;color:#fff;}
.m-contact .right{ width: 160px; float: right;margin:60px 30px 0 0;}

/*频道页item*/
.m-channel-item{ height: 800px; background-position: 50% 0; background-repeat: no-repeat;}



/*********************************************************************************************************子页开始*****************************************************************************************************************/

/******************************案例中心***************************/
/******导航*******/
.c-main-box .c_menu_case{width: 100%;height: 66px;border-bottom: 1px solid #EDEDED;margin: auto;}
.c-main-box .c_menu_case ul{text-align: center;width: 100%;}
.c-main-box .c_menu_case ul li{display: inline;text-align: center;margin: 0 60px;line-height: 66px;}
.c-main-box .c_menu_case ul li:first-child{margin-left: 0;}
.c-main-box .c_menu_case ul li:last-child{margin-right: 0;}
.c-main-box .c_menu_case ul li a{transition: 0.3s;color: #797979;font-size: 16px;}
.c-main-box .c_menu_case ul li a:hover{color: #00D7ED;border-bottom: 3px solid #00D7ED;padding: 0 10px 22px;}
.c-main-box .c_menu_case ul li a.current{color: #00D7ED;border-bottom: 3px solid #00D7ED;padding: 0 10px 22px;}

.c-main-box .case_content_box{padding-top: 40px;margin-bottom: 76px;}

/****************************服务中心**************************/
.c-main-box .service_content_box{margin:60px auto 100px;}
.service_content_box{margin:20px auto 100px;}
.service_content_box .left_nav{width: 245px;border-left: 1px solid #A9A9A9;border-right: 1px solid #A9A9A9;padding-bottom: 16px;}


/*********左边导航*********/
.service_content_box .left_nav ul{width: 100%;}
.service_content_box .left_nav li{display: block;padding-left: 40px;width: 205px;cursor: pointer;}
.service_content_box .left_nav li a{display: block;height: 52px;width: 175px;line-height: 52px;font-size: 18px;color: #797979;transition: 0.4s;padding-left: 30px;}
.service_content_box .left_nav li a:hover{background: #00CAE3;color: white;}
.service_content_box .left_nav li a.current{background: #00CAE3 !important;color: white;}

/*.service_content_box .left_nav li a.hvr-rectangle-in{background: #00CAE3;}*/
.service_content_box .left_nav li a.current.hvr-bounce-to-left:before{background:#00CAE3 !important; }
.service_content_box .left_nav li a.hvr-bounce-to-left:before{background: #00CAE3;}

/**********右边内容********/
.service_content_box .right_msg{width:880px;}
.service_content_box .right_msg .title{height: 52px;width: 100%;border-bottom: 1px solid #F1F1F1;line-height: 52px;font-size: 22px;/*font-weight: lighter;*/}


/******************************案例中心---详情***************************/
.case_detail_box{margin:60px auto 100px;}
.case_detail_box .left_display{width: 780px;}
.case_detail_box .left_display .top_adorn{display: block;width: 780px;}
/****************************/
.case_detail_box .right_msg_display{width: 352px;overflow: hidden;}
.case_detail_box .right_msg_display .title_top{font-size: 28px;font-weight: lighter;}
.case_detail_box .right_msg_display .company_profile{padding: 16px 0;margin-top: 15px;border-top: 1px dashed #A9A9A9;border-bottom: 1px dashed #A9A9A9;}
.case_detail_box .right_msg_display .company_profile .com_item{font-size: 18px;color: #424242;font-family: "微软雅黑 Light";padding-left: 38px;line-height: 30px;}
.case_detail_box .right_msg_display .company_profile .item_a{background: url("../images/company_item.jpg ") no-repeat left center;}
.case_detail_box .right_msg_display .company_profile .item_b{background: url("../images/company_url.jpg ") no-repeat left center;transition: 0.3s;}
.case_detail_box .right_msg_display .company_profile .item_b:hover{color: #05D8F0;}

.case_detail_box .right_msg_display .general_profile{line-height: 22px;color: #A9A9A9;padding:22px 0 30px;position: relative;border-bottom: 1px dashed #D5D5D5;margin-bottom: 50px;}

.case_detail_box .right_msg_display .other_project{width: 100%;margin-top: 30px;}
.case_detail_box .right_msg_display .other_project li{width: 166px;display: block;float: left;margin-right: 20px;}
.case_detail_box .right_msg_display .other_project li:nth-child(2n){margin-right: 0;}
.case_detail_box .right_msg_display .other_project li a{width: 166px;display: block;}
.case_detail_box .right_msg_display .other_project li a .s1{width: 166px;display: block;}
.case_detail_box .right_msg_display .other_project li a .s2{width: 166px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #797979;margin: 10px 0 16px;}


/************主页体验式建站***************/
.index_taste{height: 445px;width: 100%;overflow: hidden;}
.index_taste .r_msg ul{width: 100%;position: relative;display: none;}
.index_taste .r_msg ul li{display: block;width: 370px;height: 80px;background: #4C5155;float: left;margin: 0 30px 30px 0;}
.index_taste .r_msg ul li:nth-child(3n){margin-right: 0;}
.index_taste .r_msg ul li a{width: 345px;height:65px;padding: 15px 0 0 25px;display: block;transition: 0.3s;}
/*.index_taste .r_msg ul li a:hover{background:#00cae4;}*/
.index_taste .r_msg ul li a:hover .q2{color:#ffffff;}


.index_taste .r_msg ul li a .q1{font-size: 16px;font-weight: bold;color: white;font-family: '微软雅黑 Light';white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_taste .r_msg ul li a .q2{font-size: 14px;color: #A9A9A9;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top: 8px;}
.index_taste .left_nav ul li a{color: white;font-family: "微软雅黑 Light"}


/*******公用的编辑器**********/
.com_p{width:100%;}
.com_p p{line-height:22px;}
.com_p p img{width:100%;display:block;}



/*********************************改掉的案例详情*************************************/
.son_banner{height: 600px;width: 100%;}
.son_case_menu{width: 100%;background: white;}
.son_case_menu .menu_box{height: 120px;}
.son_case_menu .menu_box .son_info{width: 33.33%;height: 100%;display: block;float: left;overflow: hidden;}
.son_case_menu .menu_box .item_a{background: url("../images/case_company.png") no-repeat left center;}
.son_case_menu .menu_box .item_b{background: url("../images/case_net.png") no-repeat left center;}
.son_case_menu .menu_box .item_c{background: url("../images/case_money.png") no-repeat left center;}
.son_case_menu .menu_box .son_info .english_info{color: #999999;font-size: 14px;margin: 40px 0 0 62px;}
.son_case_menu .menu_box .son_info .name_info{margin: 2px 0 0 62px;font-weight: lighter;font-size: 18px;color: #333333;}


/*****分页*****/
.g_pages{text-align: center;height:26px;color:#808080;font-size:12px;line-height:36px;margin:60px 0 0;}
.g_pages .in{display: inline-block;background:#fff;}
.g_pages a,.g_pages span{float:left;width:36px; text-align:center;height:36px;border:1px solid #CCCCCC;color: #666;box-sizing:content-box;margin-right: 7px;transition: 0.3s;}
.g_pages .prev{width:60px;}
.g_pages .next{width:60px;}
.g_pages .hide{display: none;}
.g_pages a:hover{background-color: #28D0E9;color:#fff;border-color:#28D0E9;text-decoration: none; }
.g_pages .current{background-color:#28D0E9;color: #fff;border-color:#28D0E9;text-decoration: none;}


/*****************************************************************************公司简介****************************************************************************/
.inner_content_profile{width: 1170px;min-height: 400px;margin: 0 auto;}

.inner_content_profile .com_inner_tit{width: 100%;}
.inner_content_profile .com_inner_tit .tit1{font-size: 24px;}
.inner_content_profile .com_inner_tit .tit2{font-size: 12px;color: #999999;margin-top: 6px;}

/****** 简介一***********/
.inner_content_profile .rango_one_inner{width: 100%;height: 338px;margin-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #EDEDED;}
.inner_content_profile .rango_one_inner .display_img{display: block;width: 600px;height: 100%;}
.inner_content_profile .rango_one_inner .content_info{width: 530px;}

.inner_content_profile .content_info .tit1{font-size: 16px;font-weight: bold;color: #797979;margin-bottom: 15px;}
.inner_content_profile .content_info .tit2{font-size: 14px;font-weight: lighter;color: #6F6F6F;line-height: 27px;}

.rango_two_inner{padding-bottom: 58px;border-bottom: 1px solid #EDEDED;margin-bottom: 60px;}

.rango_three_inner{padding-bottom: 58px;border-bottom: 1px solid #EDEDED;}
.rango_three_inner .img_info{width: 410px;min-height: 100px;padding-top: 18px;}
.rango_three_inner .img_info .a1{color: #6F6F6F;height: 32px;margin-bottom: 26px;position: relative;}
.rango_three_inner .img_info .a1 .char{padding-left: 47px;}
.rango_three_inner .item1{width: 26px;height: 24px;background: url(../images/item_company.jpg) no-repeat left center;display: block;position: absolute;}
.rango_three_inner .item2{width: 21px;height: 27px;background: url(../images/item_phone.jpg) no-repeat left center;display: block;position: absolute;}
.rango_three_inner .item3{width: 30px;height: 29px;background: url(../images/item_phone2.jpg) no-repeat left center;display: block;position: absolute;}
.rango_three_inner .item4{width: 30px;height: 29px;background: url(../images/item_mail.jpg) no-repeat left center;display: block;position: absolute;}
.rango_three_inner .item5{width: 30px;height: 29px;background: url(../images/item_address.jpg) no-repeat left center;display: block;position: absolute;}

.rango_three_inner .profile_map{background: #F6F4F1;width: 760px;height: 340px;}

.inner_content_profile .you_write_info { width: 100%; margin: 28px 0 140px;padding-bottom: 58px;border-bottom: 1px solid #EDEDED;}
.inner_content_profile .you_write_info .ask_tell { font-size: 12px; line-height: 23px; }
.inner_content_profile .you_write_info .ask_tell .red_tell { font-size: 16px; color: #FF3333; }
.inner_content_profile .you_write_info .people_msg { width: 100%; margin-top: 38px; }
.inner_content_profile .you_write_info .people_msg li { width: 368px; float: left; margin: 0 30px 20px 0; background: #FAFAFA; height: 40px;border: 1px solid #F4F4F4; }
.inner_content_profile .you_write_info .people_msg li .left_info { width: 88px; height: 100%; line-height: 42px; vertical-align: middle; padding-left: 10px; font-size: 12px; }
.inner_content_profile .you_write_info .people_msg li .left_info span { color: #FF3333; position: relative; top: 3px; font-size: 14px; margin-right: 7px; }
.inner_content_profile .you_write_info .people_msg li .write_in { width: 268px; height: 100%; display: block; line-height: 42px; outline: none;border: none;background: #FBFBFB;}
.inner_content_profile .you_write_info .people_msg li:nth-child(3n) { margin-right: 0; }
.inner_content_profile .you_write_info .write_words { height: 160px; width: 1150px; background: #FAFAFA; resize: none; padding: 14px 10px 10px 12px; border: 1px solid #F4F4F4;outline: none;}
.inner_content_profile .you_write_info .submit_btn { display: block; width: 178px; height: 48px; line-height: 48px; color: #0CC9DD; border: 1px solid #0CC9DD; text-align: center; transition: 0.3s; font-size: 16px; border-radius: 2px; margin-top: 40px; cursor: pointer; background: none;}
.inner_content_profile .you_write_info .submit_btn:hover { background: #0CC9DD; color: white; }



/*************************************新增--搜索页面***********************************************/
.service_content_box .right_msg .inner_search_title{height: 52px;width: 100%;border-bottom: 1px solid #F1F1F1;}
.service_content_box .right_msg .inner_search_title .search_char{line-height: 52px;font-size: 22px;}
.service_content_box .right_msg .inner_search_title .search_box{width: 172px;height: 28px;border: 1px solid #D5D5D5;border-radius: 20px;outline: none;font-size: 12px;color: #999999;text-indent: 16px;padding-right: 46px;margin-top: 12px;}

.service_content_box .right_msg .inner_search_title .form_search{position: relative;}
.service_content_box .right_msg .inner_search_title .form_search .btn_item{width: 16px;height: 18px;background: url("../images/search_btn.png") no-repeat center;position: absolute;left: 184px;top: 18px;display: block;cursor: pointer;}

.inner_search_list{width: 100%;}
.inner_search_list ul{width: 100%;}
.inner_search_list ul li{width: 100%;padding:22px 0 38px;border-bottom: 1px solid #F1F1F1;}
.inner_search_list ul li .tit1{display: block;font-size: 16px;color: #565656;font-weight: bold;}
.inner_search_list ul li  .tit2{margin: 22px 0 20px;}
.inner_search_list ul li  .tit2 a{line-height: 23px;color: #999999;transition: 0.3s;}
.inner_search_list ul li  .tit2 a:hover{color: #666;}

.inner_search_list .keyword_list{width: 100%;}
.inner_search_list .keyword_list .display_word{color: #00CAE4;border: 1px #00CAE4 solid;padding: 4px 12px;margin-right: 20px;font-size: 12px;border-radius: 3px;transition: 0.3s;}
.inner_search_list .keyword_list .display_word:hover{color: white;background: #00CAE4;}

/**********日志详情**********/
.log_detail{margin-top: 26px;}
.log_detail span{color: #797979;}
.log_detail .keyword_list{margin: 0 0 22px 50px;}
.log_detail .keyword_list .display_word{color: #00CAE4;border: 1px #00CAE4 solid;padding: 4px 12px;margin-right: 20px;font-size: 12px;border-radius: 3px;transition: 0.3s;}
.log_detail .keyword_list .display_word:hover{color: white;background: #00CAE4;}

.inner_recode_note{height: 68px;width: 820px;border-left: 2px solid #797979;background: #F7F7F7;margin: 4px 0 25px;padding: 18px 20px 0 18px;}
.inner_recode_note .note_char{color: #797979;line-height: 24px;}

.inner_article{border-top: 1px solid #F1F1F1;padding-top: 25px;margin-bottom: 70px;}
.inner_article .a{margin-top: 8px;color: #999999;font-size: 14px;}


/*************************************新增--高端定制页面***********************************************/

.service_content_box .new_left_nav{width: 200px;border-left: 1px solid #A9A9A9;border-right: 1px solid #A9A9A9;padding-bottom: 38px;}
.service_content_box .new_right_msg{width: 900px;min-height: 200px;}
.service_content_box .new_right_msg .title{height: 52px;width: 100%;border-bottom: 1px solid #F1F1F1;line-height: 52px;position: relative;}
.service_content_box .new_right_msg .title::before{content: "";display: block;width: 6px;height: 25px;background: #28D0E9;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.service_content_box .new_right_msg .title .char{font-size: 24px;margin-left: 23px;}
/*********左边导航*********/
.service_content_box .new_left_nav ul{width: 100%;}
.service_content_box .new_left_nav li{display: block;padding-left: 30px;width: 160px;cursor: pointer;}
.service_content_box .new_left_nav li a{display: block;height: 48px;width: 140px;line-height: 48px;font-size: 18px;color: #797979;transition: 0.4s;padding-left: 30px;}
.service_content_box .new_left_nav li a:hover{background: #28D0E9;color: white;}
.service_content_box .new_left_nav li a.current{background: #28D0E9 !important;color: white;}

/*.service_content_box .left_nav li a.hvr-rectangle-in{background: #00CAE3;}*/
.service_content_box .new_left_nav li a.current.hvr-bounce-to-left:before{background:#28D0E9 !important;}
.service_content_box .new_left_nav li a.hvr-bounce-to-left:before{background: #28D0E9;}

.new_customization{height: 95px;border-bottom: 1px solid #F1F1F1;width: 100%;background: #FBFBFB;line-height: 95px;}
.new_customization .wrap{position: relative;}
.new_customization .wrap .items{display: block;width: 33px;height: 33px;background: url("../images/customization.png") no-repeat;position: absolute;left: 0;top: 28px;}

.new_customization .char_note{font-size: 22px;color: #797979;margin-left: 60px;}
.new_customization .char_note .on{font-size: 24px;color: #28D0E9;}

/*************************************新增--体验中心页面***********************************************/
.inner_experience{min-height: 300px;margin: 40px auto 170px;}
.inner_experience  .display_group_list .both_title{margin-bottom: 38px;}
.inner_experience  .display_group_list .both_title .tit{font-size: 27px;color: #2D2D2D;padding-left: 22px;position: relative;}
.inner_experience  .display_group_list .both_title .tit::before{content: "";display: block;width: 6px;height: 28px;position: absolute;top: 0;bottom: 0;left: 0;background: #00D7ED;}
.inner_experience  .display_group_list{width: 100%;margin: 38px 0 0;padding-bottom: 38px;border-bottom: 1px solid #F1F1F1;}
.inner_experience  .display_group_list ul{width: 100%;}
.inner_experience  .display_group_list ul li{width: 270px;float: left;margin: 0 30px 28px 0;position: relative;height: 220px;}
.inner_experience  .display_group_list ul li:last-child{margin-right: 0;}
.inner_experience  .display_group_list ul li .show_btn{width: 100%;height: 166px;display: block;}

.inner_experience  .display_group_list ul li .big_title{font-size: 18px;color: #222222;margin-top: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.inner_experience  .display_group_list ul li .small_title{font-size: 12px;color: #5F5F5F;margin-top: 2px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.inner_experience  .display_group_list ul li .show_detail{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 166px;z-index: 2;background: rgba(0,0,0,0.6);text-align: center;}
.inner_experience  .display_group_list ul li .show_detail .look_detail{background: #00D7ED;color: white;padding: 8px 15px;line-height: 176px;border-radius: 4px;cursor: pointer;}


.pop_show_content{position: fixed;width: 100%;height: 100%;left:0;top: 0;z-index: 98;display: none;}
.pop_show_content .cover{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: absolute;left: 0;top: 0;z-index: 98;}
.pop_show_content .content_info{width: 1260px;height: 620px;background: #fff;margin:auto;z-index: 99;position: fixed;left: 0;right: 0;top: 0;bottom: 0;}
.pop_show_content .content_info .display_center_msg{margin-top: 36px;}
.pop_show_content .content_info .display_center_msg .tit{font-size: 28px;color: #222222;}
.pop_show_content .content_info .display_center_msg .close{width: 17px;height: 17px;display: block;margin-top: 6px;cursor: pointer;}
.pop_show_content .content_info .display_center_msg .emerge_box{width: 100%;height: 462px;background: #F7F7F7;margin-top: 25px;}


/************************更改的技术日志---左侧导航******************************/
.left_nav_change{width: 200px;background: white;}
.left_nav_change ul{width: 100%;padding: 20px 0;}
.left_nav_change ul li{width: 100%;height: 24px;padding: 13px 0;}
.left_nav_change ul li a{position: relative;display: block;  height: 100%;  width: 175px;line-height: 24px;  font-size: 16px;  color: #5F5F5F;  transition: 0.4s; padding-left: 25px;}
.left_nav_change ul li a:hover{color: #00CAE3;}
.left_nav_change ul li a.current{color: #00CAE3;font-size: 18px;}
.left_nav_change ul li a.current::before{content: "";display: block;width: 6px;height: 24px;background: #00CAE3;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}


/******************首页体验式动画****************************/
.hove_three_option{height: 500px;margin-top: 50px;}
.hove_three_option .option_about{height: 456px;width: 388px;border: 1px solid #D6D6D6;background-color: #F7F7F7;}
.hove_three_option .option_about .head_title{height: 116px;width: 100%;overflow: hidden;}
.hove_three_option .option_about .head_title .caption_tit{color: #5F5F5F;font-size: 24px;text-align: center;margin: 30px 0 4px;}
.hove_three_option .option_about .head_title .caption_en{color:#A9A9A9;font-size: 14px;text-align: center;}
.hove_three_option .option_about .content_info{height: 340px;background: white;width: 100%;}
.hove_three_option .option_about .content_info .content_note_list{height: 213px;}
.hove_three_option .option_about .content_info .content_note_list li{display: table;width: 320px;margin: 0 auto;height: 70px;border-top: 1px solid #F1F1F1;text-align: center;font-size: 16px;color: #797979;}
.hove_three_option .option_about .content_info .content_note_list li:last-child{border-bottom: 1px solid #F1F1F1;}
.hove_three_option .option_about .content_info .content_note_list li:first-child{border-color: white;}
.hove_three_option .option_about .content_info .content_note_list li .msg{display: table-cell;vertical-align: middle;}
.hove_three_option .option_about .content_info .state_item{height: 55px;width: 55px;display: block;background: url("../images/gray_no.png") no-repeat;margin: 38px 0 0 166px;}
.hove_three_option .option_about .content_info .important_state_item{height: 72px;width: 72px;display: block;background: url("../images/yes_ok.png") no-repeat;margin: 30px 0 0 160px;}

.hove_three_option .important_active{background: #01CAE4 !important;border-color:#01CAE4 !important;margin-top: -28px !important;padding-top: 28px !important;}
.hove_three_option .important_active .head_title .caption_tit{font-size: 32px !important;color: white !important;margin: 20px 0 4px !important;}
.hove_three_option .important_active .head_title .caption_en{font-size: 16px !important;;color: white !important;;}
.hove_three_option .important_active .content_info{background: #01CAE4 !important;}
.hove_three_option .important_active .content_info li{border-color: #F1F1F3 !important;color: white !important;}

.hove_three_option .active{border-color:#01CAE4 !important;}
.hove_three_option .active .head_title .caption_tit{font-size: 32px !important;margin: 20px 0 4px !important;}
.hove_three_option .active .head_title .caption_en{font-size: 16px !important;}
.hove_three_option .active .content_info{background: #FDFDFD !important;}
.hove_three_option .active .content_info li{border-color: #00CAE3 !important;}
.hove_three_option .active .content_info .state_item{background: url("../images/blue_no.png") no-repeat !important;}


/*************重新渲染一些动画样式*******************/
.r_msg .hvr-bounce-to-left:before{background: #06C1D9 !important;}


/********************************************************/
/********************************************************/
/***********20180808 MINSUNG 修改样式部分（开始）***********/

/*首页-公用样式*/
.n-index-tit{ text-align: center; padding: 50px 0 40px 0}
.n-index-tit h3{ font-size: 36px; text-align: center;font-weight: lighter;}
.n-index-tit p{ font-size: 16px; text-align: center;margin:10px 0 0 0; color:#888;}

/*首页-服务范畴*/
.n-index-service ul{ width: 1200px}
.n-index-service ul li{ position: relative; float: left; width: 370px; height: 240px; margin: 0 30px 30px 0; overflow: hidden}
.n-index-service ul li .d{ position: absolute; z-index: 1; width: 290px; height: 240px; padding: 0 40px; background: #F9F9F9; text-align: center}
.n-index-service ul li .d img{ width: 59px; height: 51px; margin: 30px 0 20px 0}
.n-index-service ul li .d h2{ font-size: 20px}
.n-index-service ul li .d p{ width: 100%; height: 65px; line-height: 180%; overflow: hidden; text-align: left; color:#878787; font-size: 13px; margin-top: 20px}
.n-index-service ul li .s{ position: absolute; z-index: 2; top: -240px; width: 310px; height: 190px; padding: 25px 30px; background: #01C0DE; transition: 1s}
.n-index-service ul li:hover .s{ top: 0}
.n-index-service ul li .s img{ float: left; width: 59px; height: 51px}
.n-index-service ul li .s h2{ float: left; font-size: 20px; color: #FFF; margin: 14px 0 0 20px}
.n-index-service ul li .s p{ float: left; width: 100%; height: 65px; line-height: 180%; overflow: hidden; color:#FFF; font-size: 13px; margin-top: 20px}
.n-index-service ul li .s a{ float: left; width: 100px; height: 28px; line-height: 28px; color: #FFF; background: #D42E18; margin: 20px 0 0 0; text-align: center; border:1px solid #B62814}
.n-index-service ul li .s a:hover{ background: #E84831}

/*首页-问题方案*/
.n-index-program{ min-height: 570px; padding: 0 0 40px 0; margin-top: 30px; background: #323A3F}
.n-index-program .n-index-tit h3{ color: #FFF}
.n-index-program .list{ position: relative; float: left; width: 100%}
.n-index-program .list ul{ position: absolute; z-index: 2}
.n-index-program .list ul.c{ left: 435px; top: 50px; z-index: 1}
.n-index-program .list ul.l{ width:517px; left: 0; top: 0}
.n-index-program .list ul.l li{ width: 517px; height: 113px; background: url("../images/new-index-program-left-1.png") right bottom no-repeat; margin-top: 15px}
.n-index-program .list ul.l li:hover{ background: url("../images/new-index-program-left-2.png") right bottom no-repeat}
.n-index-program .list ul.l li:nth-child(1){ margin-top: 0}
.n-index-program .list ul.l li span{ display: block; height: 30px; font-size: 20px; color: #E05F5F; padding-left: 35px; background: url("../images/new-index-program-left-icon-2.png") left no-repeat;}
.n-index-program .list ul.l li p{ display: block; width: 340px; padding-left: 30px; color: #AAA; font-size: 14px; line-height: 160%; margin-top: 10px}
.n-index-program .list ul.l li:nth-child(2){ width: 450px}
.n-index-program .list ul.l li:nth-child(2) span{ margin-right: 105px; text-align: right; padding-right: 35px; background: url("../images/new-index-program-left-icon-2.png") right no-repeat}
.n-index-program .list ul.l li:nth-child(2) p{ padding-left: 0}
.n-index-program .list ul.r{ width:508px; right: 0; top: 0}
.n-index-program .list ul.r li{ width: 508px; height: 113px; background: url("../images/new-index-program-right-1.png") left bottom no-repeat; margin-top: 15px}
.n-index-program .list ul.r li:hover{ background: url("../images/new-index-program-right-2.png") left bottom no-repeat}
.n-index-program .list ul.r li:nth-child(1){ margin-top: 0}
.n-index-program .list ul.r li span{ display: block; height: 30px; font-size: 20px; color: #01BFDD; text-align: right; padding-right: 35px; background: url("../images/new-index-program-right-icon-1.png") right no-repeat;}
.n-index-program .list ul.r li p{ display: block; float: right; width: 340px; padding-right: 30px; color: #AAA; font-size: 14px; line-height: 160%; margin-top: 10px}
.n-index-program .list ul.r li:nth-child(2){ width: 441px; margin-left: 66px}
.n-index-program .list ul.r li:nth-child(2) span{ margin-left: 105px; text-align: left; padding-left: 35px; background: url("../images/new-index-program-right-icon-1.png") left no-repeat}
.n-index-program .list ul.r li:nth-child(2) p{ padding-right: 0; margin-right: -20px}
.n-index-program .list ul li:hover span{ font-weight: bold}
.n-index-program .list ul li:hover p{ color: #DDD}

/*首页-合作客户*/
.n-index-brand .n-index-tit{ padding-top: 0}
.n-index-brand ul{ float: left; width: 1171px; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5;}
.n-index-brand ul li{ float: left; width: 194px; height: 140px; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5}
.n-index-brand ul li a{ display: block; width: 174px; height: 120px; border:10px solid #FFF}
.n-index-brand ul li a:hover{ border:10px solid #EEE}
.n-index-brand ul li a img{ width: 174px; height: 120px}
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}

/*首页-我们的优势*/
.n-index-advantage ul{ width: 1200px}
.n-index-advantage ul li{ float: left; width: 198px; padding: 30px 35px; text-align: center; border:1px solid #E5E5E5; margin: 0 30px 30px 0}
.n-index-advantage ul li img{ width: 64px; height: 64px}
.n-index-advantage ul li:hover{ border: 1px solid #01C0DE; cursor: pointer}
.n-index-advantage ul li h2{ font-size: 20px; color: #333; margin-top: 20px}
.n-index-advantage ul li:hover h2{ color: #01C0DE}
.n-index-advantage ul li p{ width: 100%; height: 62px; line-height: 160%; overflow: hidden; text-align: left; color:#878787; font-size: 13px; margin-top: 20px}
.n-index-advantage ul li:hover p{ color:#444}

/***********20180808 MINSUNG 修改样式部分（结束）***********/
/********************************************************/
/********************************************************/