/*载入通用样式*/

@import url('./global.css');

body{
    min-width: 1180px;
    padding:0;
    margin: 0;

}
/*顶部*/

.top_bar {
    height: 38px;
    line-height: 38px;
    background: #F7F7F7;
}
.top_bar .share{
    float: right;
    padding: 5px 0 0 0;
}

/*头部*/

.header {
    width: 100%;
    height: 80px;
    border-bottom: #F7F7F7 solid 1px;
    background: #fff;
    padding: 0 0 10px 0;
}

.header .logo {
    font-size: 30px;
    font-weight: bold;
    color: #ec4d38;
    float: left;
    line-height: 80px;
    padding-left:70px;
    background: url('../images/logo.png') no-repeat 0 15px;
}

.header .bar {
    float: right;
}

.header .nav {
    float: left;
    padding: 40px 0 0 0;
}

.header .nav li {
    float: left;
    font-size: 16px;
    padding: 0 10px;
}

.header .nav a {
    line-height: 40px;
    padding: 0 15px;
    display: block;
}

.header .nav a:hover,
.header .nav a.current {
    color: #EC4D38;
}


/*幻灯片*/

.banner {
    height: 500px;
}

.banner .swiper-slide {
    height: 500px;
    background-position: center;
}

.banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #EC4D38;
}

.banner [class^="swiper-button"] {
    opacity: 0.1;
    transition: all 0.3s;
}

.banner .swiper-container:hover [class^="swiper-button"] {
    opacity: 1;
}


/*首页大栏目名称*/

.con_rank_title {
    width: 860px;
    margin: 0 auto;
    padding: 40px 0;
}

.con_rank_title .title {
    font-size: 30px;
    color: #737373;
    text-align: center;
    position: relative;
}

.con_rank_title .title:before {
    content: '';
    height: 1px;
    background: #ABABAB;
    position: absolute;
    width: 330px;
    left: 0px;
    top: 15px;
}

.con_rank_title .title:after {
    content: '';
    height: 1px;
    background: #ABABAB;
    position: absolute;
    width: 330px;
    right: 0px;
    top: 15px;
}

.con_rank_title .desc {
    text-align: center;
    color: #B3B3B3;
    padding: 10px 0 0 0;
}


/*服务范围*/

.serve,
.about {
    width:100%;
    background: #fff;
}

.serve_box {
    padding-bottom: 80px;
}

.serve_con {
    overflow: hidden;
}

.serve_con ul {
    width: 1210px;
    margin: 0 0 0 -15px;
}

.serve_con li {
    width: 212px;
    margin: 0 15px;
    float: left;
}

.serve_con .main {
    width: 212px;
    height: 172px;
    padding: 40px 0 0;
    transition: all 0.3s;
}

.serve_con .main .icon {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 120px;
    transition: all 0.3s;
    background: url('./../images/serve_1.png') no-repeat;
}

.serve_con .main .title {
    font-size: 16px;
    text-align: center;
    padding: 10px 0 19px;
    transition: all 0.3s;
}
.serve_con .main .title h1 {
    font-size: 16px;
    text-align: center;
    padding: 10px 0 19px;
    transition: all 0.3s;
}


/*第一个服务*/

.serve_con .main .line {
    width: 40px;
    height: 4px;
    background: #FF5254;
    margin: 0 auto;
}

.serve_con .desc {
    line-height: 20px;
    text-align: center;
    padding: 15px 0 0;
}

.serve_con .desc h2{
    line-height: 20px;
    text-align: center;
    padding: 15px 0 0;
    font-size: 12px;
    font-weight: normal;
}

.serve_con li:hover .main {
    background: #FF5254
}

.serve_con li:hover .icon {
    background-image: url('./../images/serve_01.png')
}

.serve_con li:hover .title {
    color: #fff;
}


/*第二个服务*/

.serve_con li:nth-child(2) .main .line,
.serve_con li:nth-child(2):hover .main {
    background: #FFBA02;
}

.serve_con li:nth-child(2) .main .icon {
    background: url('./../images/serve_2.png') no-repeat;
}

.serve_con li:nth-child(2):hover .icon {
    background: url('./../images/serve_02.png') no-repeat;
}


/*第三个服务*/

.serve_con li:nth-child(3) .main .line,
.serve_con li:nth-child(3):hover .main {
    background: #60A0F7;
}

.serve_con li:nth-child(3) .main .icon {
    background: url('./../images/serve_3.png') no-repeat;
}

.serve_con li:nth-child(3):hover .icon {
    background: url('./../images/serve_03.png') no-repeat;
}


/*第四个服务*/

.serve_con li:nth-child(4) .main .line,
.serve_con li:nth-child(4):hover .main {
    background: #D33BCB;
}

.serve_con li:nth-child(4) .main .icon {
    background: url('./../images/serve_4.png') no-repeat;
}

.serve_con li:nth-child(4):hover .icon {
    background: url('./../images/serve_04.png') no-repeat;
}


/*第五个服务*/

.serve_con li:nth-child(5) .main .line,
.serve_con li:nth-child(5):hover .main {
    background: #37C453;
}

.serve_con li:nth-child(5) .main .icon {
    background: url('./../images/serve_5.png') no-repeat;
}

.serve_con li:nth-child(5):hover .icon {
    background: url('./../images/serve_05.png') no-repeat;
}


/*成功案例*/

.case_box {
    background: #F7F7F7;
    /*padding-bottom: 80px;*/
}

.case_con {
    overflow: hidden;
}

.case_con ul {
    width: 1204px;
    margin: 0 0 0 -12px;
}

.case_con li {
    width: 277px;
    height: 185px;
    float: left;
    margin: 0px 12px 24px;
    position: relative;
    overflow: hidden;
}

.case_con li .info {
    padding: 10px 15px 8px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    bottom: 0px;
    opacity: 0;
    transition: all 0.3s ease-out;
    transform: translate(0, 73px);
}

.case_con li .info h2 {
    font-size: 14px;
    padding-bottom: 5px;
    opacity: 0;
    transition: all 0.3s ease-out;
    transform: translate(0, 20px);
}

.case_con li .info p {
    line-height: 18px;
    max-height: 36px;
    transition: all 0.3s ease-out;
    opacity: 0;
    transform: translate(0, 20px);
    overflow: hidden;
}

.case_con li img {
    transition: all 0.3s;
}

.case_con li:hover img {
    opacity: 0.8;
}

.case_con li:hover .info {
    opacity: 1;
    transform: translate(0, 0);
}

.case_con li:hover .info h2 {
    opacity: 1;
    transition-delay: 0.2s;
    transform: translate(0, 0);
}

.case_con li:hover .info p {
    opacity: 1;
    transition-delay: 0.3s;
    transform: translate(0, 0);
}

.case_con .case_more {
    width: 50px;
    height: 50px;
    display: block;
    margin: 20px auto 40px;
    border-radius: 50px;
    background: #EC4D38 url('./../images/case_more.png') no-repeat center;
    transition: all 0.3s;
}

.case_con .case_more:hover {
    background-color: #FFBA02;
}
.caes_show_container{
    line-height: 22px;
}


/*关于我们*/

.about_con {
    padding-bottom: 40px;
}

.about_con .desc {
    width: 1050px;
    margin: 0 auto;
    text-align: center;
    line-height: 23px;
    font-size: 14px;
    color: #737373;
}

.about_con .img {
    margin: 40px 0 0 0;
    text-align: center;
}


/*联系我们*/

.contact_box {
    height: 358px;
    background: #F9F9F9 url('./../images/index_contact_bg.jpg') no-repeat center top;
}

.contact_con {
    width: 980px;
    padding: 60px 0 0 0;
}

.contact_con .contact_info {
    width: 396px;
    height: 180px;
    background: url('./../images/index_contact_box.png') no-repeat;
    padding: 20px;
    float: left;
}

.contact_con .contact_info h2 {
    font-size: 30px;
    color: #ec4d38;
}

.contact_con .contact_info div {
    width: 305px;
    line-height: 20px;
    font-size: 14px;
    color: #737373;
    padding: 20px 0 0 0;
}

.contact_con .site_map {
    float: right;
}

.contact_con .site_map li {
    padding-left: 38px;
    float: left;
}

.contact_con .site_map h3 {
    font-size: 14px;
    color: #737373; 
    padding-bottom: 20px;
}

.contact_con .site_map h2 a{
    font-size: 12px;
    color: #b8b7b7;
    line-height: 22px;
    font-weight: normal;
}

.contact_con .site_map h3 a {
    color: #B8B7B7;
    transition: all 0.3s;
}

.contact_con .site_map h3 a:hover {
    color: #EC4D38;
}


/*底部*/

.footer {
    background: #DDDDDD;
    padding: 15px 0;
}

.footer .container {
    line-height: 32px;
    text-align: center;
}


/*二级页面*/

.s_banner {
    height: 350px;
}

.s_main {
    margin: 40px auto 0;
    /*background: #fff;*/
}


/*左侧*/

.left_box {
    width: 220px;
    float: left;
}

.right_box {
    width: 960px;
    background: #fff;
    float: right;
}

.left_box .c_title {
    height: 80px;
    background: #EC4D38;
}

.left_box .c_title h2 {
    font-size: 25px;
    font-weight: normal;
    color: #fff;
    padding: 20px 0 0 32px;
}

.left_box .c_title p {
    color: #FFC3BD;
    text-transform: uppercase;
    padding: 5px 0 0 32px;
}

.left_box .left_sidebar {
    background: #E6E6E6;
    padding: 20px 0 0 0;
}

.left_box .left_sidebar li {
    height: 51px;
}

.left_box .left_sidebar a {
    border-top: #fff solid 1px;
    line-height: 50px;
    display: block;
    font-size: 14px;
    padding-left: 30px;
    transition: all 0.3s;
}


/*.left_box .left_sidebar a:hover,*/

.left_box .left_sidebar a.current {
    color: #EC4D38;
    background: #fff url('./../images/left_sidebar_hover.png') no-repeat left center;
}


/*右侧*/

.right_box .main {
    margin: 0 40px;
}

.right_box .breadcrumb_bar {
    border-bottom: #E6E6E6 solid 1px;
    line-height: 40px;
}

.right_box .breadcrumb_bar .title {
    font-size: 15px;
    color: #EC4D38;
    float: left;
    font-weight: normal;
}

.right_box .breadcrumb {
    float: right;
    color: #959595;
}

.right_box .breadcrumb a {
    color: #959595;
}

.right_box .breadcrumb span {
    padding: 0 5px;
}

.right_box .content {
    padding: 12px 0;
    line-height: 22px;
    overflow-y: hidden;
}
.right_box .content img{
    max-width:100%;
}


/*案例*/

.case_con.case_box {
    background: none;
}

.case_con.case_box ul {
    width: 904px;
    margin: 0 0 0 -12px;
}

.case_con.case_box li {
    margin: 24px 12px 0;
}


/*招聘职位*/

.job_con .recruit_title {
    padding: 15px 0;
    font-size: 14px;
}

.recruit_list li {
    padding: 0 0 10px 0;
}

.recruit_list .title {
    height: 48px;
    background: #F6F6F6;
    line-height: 48px;
    font-size: 14px;
    position: relative;
    text-indent: 35px;
    transition: all 0.3s;
}

.recruit_list .title:before {
    content: '';
    width: 4px;
    height: 14px;
    background: #EC4D38;
    position: absolute;
    left: 20px;
    top: 17px;
    transition: all 0.3s;
}

.recruit_list .title a {
    position: absolute;
    right: 20px;
    text-indent: 22px;
}

.recruit_list .title a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #EC4D38 transparent transparent transparent;
    border-width: 6px;
    position: absolute;
    left: 0px;
    top: 20px;
    transition: all 0.3s;
}

.recruit_list .con {
    background: #FF624D;
    color: #fff;
    padding: 20px;
    display: none;
}

.recruit_list li.current .title {
    background: #EC4D38;
    color: #fff;
}

.recruit_list li.current .title a {
    color: #fff;
}

.recruit_list li.current .title:before {
    background: #fff;
}

.recruit_list li.current .title a:before {
    border-color: #fff transparent transparent transparent;
}


/*新闻*/

.news_list {
    padding: 20px 0 0 0;
}

.news_list li {
   border-left:2px solid #F0F0F0;
}

.news_list li a {
    display: block;
    border-bottom: #DEDEDE dotted 1px;
    line-height: 40px;
    padding: 2px 0 0 0;
    margin-left:30px;
    font-size: 13px;
}

.news_list li span {
    float: right;
    font-size: 12px;
}

.re_title {
    font-size: 20px;
    text-align: center;
    font-weight: normal;
}

.re_info {
    padding: 15px 0 10px 0;
    border-bottom: #E7E7E7 solid 1px;
    margin-bottom: 15px;
}

.re_info span {
    padding-right: 30px;
}

.re_share {
    padding: 20px 0 0 0;
    border-bottom: #E7E7E7 solid 1px;
}

.re_share .return {
    float: left;
    line-height: 22px;
}

.re_share .return a {
    padding-right: 30px;
    display: block;
    height: 22px;
    background: url('./../images/return.png') no-repeat right center;
}


/*留言反馈*/

.feed_back_form {
    width: 680px;
    margin: 0 auto;
    padding: 30px 0 50px;
}

.feed_back_form dl dt {
    font-size: 14px;
    padding: 10px 0;
}

.feed_back_form input[type="text"],
.feed_back_form textarea {
    width: 320px;
    height: 40px;
    text-indent: 5px;
    border: #CACACA solid 1px;
    line-height: 40px;
    margin-bottom: 10px;
}

.feed_back_form textarea {
    text-indent: 0;
    width: calc(100% - 12px);
    height: 140px;
    padding: 5px;
    line-height: 20px;
}

.feed_back_form input[type="submit"] {
    width: 136px;
    height: 30px;
    border: none;
    background: #ED4C38;
    color: #fff;
    border-radius: 30px;
}

/*案例详细*/
.case_show_container img{
    max-width: 1180px;
}




/*赵磊*/

.lianxi{
            position:fixed;
            top:300px;
            right:0px;width:60px;
            height:60px;
            background-color:#000
        }
        .lianxi>div{
            position:absolute;
            width:60px;
            height:60px;
            /*float:right;*/
            
        }
        .lianxi>div>img{
            margin-top:18px;
            margin-left:18px;
            width:24px;
            height:24px;
            float:left;
        }
        .lianxi1{
            top:0px;
            right:0px;
            overflow:hidden;
        }
        .lianxi2{
            top:62px;
            right:0px;
            transition: all .3s ease;
            overflow:hidden;
        }
     
        .lianxi3{
            top:124px;
            right:0px;
            overflow:hidden;
        }
        
        .lianxi4{
            top:186px;
            right:0px;
            overflow:hidden;
        }
        .lianxi5{
            top:248px;
            right:0px;
        }
        .lianxi div span{
            float:left;
            line-height:60px;
            margin-left: 10px;
            font-size:20px;
            display:none;
            color:#fff;
        }
        .erweima{
            width:150px;
            height:184px;
            position:absolute;
            top:-124px;
            right:60px;
            display:none;
            z-index:100;
        }
        .erweima img{
            width:150px;
            height:184px;
            float:left;
        }


/*王飞洋后添*/
.wfy_top1{
    width:100%;
    background:url(./../images/wfy_top1.png) center no-repeat;
}
.page_list .current{
    display: inline-block;
    width:32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    background:#EC4D38;
    color:white;
}
.page_list .prev{
    display: inline-block;
    width:100px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    background:#F0F0F0;
}
.page_list .next{
    display: inline-block;
    width:100px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    background:#F0F0F0;
}

.wfy_con{
    width:1180px;margin:30px auto;background:white;padding:20px 0;
}
.wfy_con_p{
    width:100%;height:40px;line-height:40px;border-bottom:#E6E6E6 solid 1px;
}
.wfy_con_span{
    float:right;color:#959595
}
.wfy_con h1{
    text-align:center;margin:50px 0; 
}
.wfy_div{
    width:250px;height:170px;float:left;margin:0 22px;
}
.wfy_div_1{
    width:100%;height:100px;border:1.5px solid #E6E6E6;text-align: center
}
.wfy_div_1 p{
    margin:8px 0;font-size:14px;
}
/*.wfy_div_1:hover{
    color:white;
    background:#EC4D38;
    border:1.5px solid #EC4D38;
}*/
.wfy_con_info{
    width:100%;
    height:300px;
    float:left;
}
.wfy_con_info1{
    width:585px;
    height:300px;
    float:left;
}
.wfy_con_info2{
    width:584px;
    height:300px;
    float:left;
    border-left:#E6E6E6 solid 1px;
}
.wfy_con_info1_div{
    width:100%;height:50px;margin:15px 0 50px 30px;
}
.wfy_con_info1_div img{
   height:50px;float:left
}
.wfy_con_info2 table{
    width:500px;border:none;
}
.wfy_td1{
    width:20%;text-align:right;font-size:15px;color:#bababa;
}
.wfy_td2{
    width:50%;padding-left:2%;height:30px;
}
.wfy_td2 input{
    width:100%;height:100%;border:1px solid #bababa;border-radius:3px
}
.wfy_td2 textarea{
    width:100%;height:100px;resize:none;border:1px solid #bababa;border-radius:3px
}
.tr:hover{
    background:#E6E6E6;
}


/*咨询框样式*/
.lianxi{
                position:fixed;
                top:300px;
                right:0px;width:60px;
                height:60px;
                background-color:#000;
                z-index:3;
            }
            .lianxi>div{
                position:absolute;
                width:60px;
                height:60px;
                /*float:right;*/
                /*overflow:hidden;*/
            }
            .lianxi>div>a>img{
                margin-top:18px;
                margin-left:18px;
                width:24px;
                height:24px;
                float:left;
            }
            .lianxi1{
                top:0px;
                right:0px;
            }
            .lianxi2{
                top:62px;
                right:0px;
            }
            .lianxi3{
                top:124px;
                right:0px;
            }
            
            .lianxi4{
                top:186px;
                right:0px;
            }
            .lianxi5{
                top:248px;
                right:0px;
            }
            .lianxi div span{
                float:left;
                line-height:60px;
                margin-left: 10px;
                font-size:20px;
                display:none;
                color:#fff;
            }
/*友情链接样式*/
            .f-clearfix,.f-zm { *zoom:1;}
            .link{ background-color:#3D3D3D; padding:8px; line-height:23px; font-size:12px; border-top:1px solid #444444; width: 99%; height: 21px;}
            .link p{float:left; color:#cccccc; margin:-2px 6px 0 6px;}
            .link a{float:left; margin:-2px 6px 0 6px; color:#666666; font-size:12px;}