﻿.index_view .section {
    width: 100%;
    margin: 30px auto;
    position: relative;
}
    /*标题*/
    .index_view .section .title {
        height: 55px;
        width: 180px;
        padding-left: 10px;
        border-left: 3px solid #2828FF;
        margin-left: 10px;
    }

        .index_view .section .title p {
            margin-bottom: 0px;
        }
            /*大字*/
            .index_view .section .title p:first-child {
                font-size: 20px;
                color: #00008B;
            }
            /*小字*/
            .index_view .section .title p:last-child {
                font-size: 14px;
                color: #BEBEBE;
            }
    /*关于我们*/
    .index_view .section .about {
        display: flex;
        height: 200px;
        margin-top: 20px;
    }

        .index_view .section .about .left {
            flex: 3;
            display: flex;
            flex-direction: column;
            /*background-color:red;*/
        }

            /*左侧文字*/
            .index_view .section .about .left .content p {
                margin-left: 20px;
                height: 40px;
                font-size: 15px;
                text-indent: 2em;
                color: #808080;
                letter-spacing:1px;
            }
            /*按钮图层*/
            .index_view .section .about .left .aboutmorelink {
                margin-top: 80px;
                height: 20px;
                width: 100%;
                text-align: right;
            }
            /*按钮*/
            .index_view .section .about .left .aboutmore {
                display: inline-block;
                /*   margin-right: 80px;*/
                margin-right: 10%;
                width: 70px;
                height: 25px;
                border: 1px solid #00008B;
                border-radius: 5px;
                text-align: center;
                line-height: 25px;
                color: #00008B;
                font-size:14px;
            }

                .index_view .section .about .left .aboutmore:hover {
                    text-decoration: none;
                }

        .index_view .section .about .right {
            flex: 2;
            width: 100%;
            height: 100%;
        }
            /*右侧图片*/
            .index_view .section .about .right img {
                width: 280px;
                height: 175px;
                display: block;
                margin: 0 auto;
            }

    /*商业领域*/
    .index_view .section .business {
        width: 1100px;
        display: flex;     
        justify-content:space-around;
        margin: 15px auto;
        padding-right:80px;
        /*background-color:#f792c8;*/
    }
        /*第一个体系的盒子*/
        .index_view .section .business .box {
            width: 280px;
           border-radius:10px;
        }

        /*增加服务盒子加宽些*/
    .index_view .section .valueAdd .box {
        width: 350px;
        border-radius: 10px;
    }

/*添加阴影效果*/
    .index_view .section .business .box:hover {
        -webkit-box-shadow: #ccc 0 0 13px;
        -moz-box-shadow: #ccc 0 0 13px;
        box-shadow: #ccc 0 0 13px; 
        transition: -webkit-box-shadow .5s;
        transition: -moz-box-shadow .5s;
        transition: box-shadow .5s;
    }

            /*体系名*/
    .index_view .section .business .box a {
        font-size: 18px;
        color: #00008B;
        text-align: center;
        font-weight: 800;
        display: inline-block;
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin-bottom: 20px;
        padding-top: 10px;
    }
        .index_view .section .business .box a .iconfont{
            font-size:30px;
            color:#2828FF;
        }


        .index_view .section .business .box a:hover {
            text-decoration: none;
        }
            /*体系描述*/
            .index_view .section .business .box .description {
                width: 100%;
                padding: 0 20px;
            }

                .index_view .section .business .box .description p {
                    font-size: 14px;
                    color: #808080;
                    text-indent: 1rem;
                    letter-spacing:1.5px;
                }

  /*  .index_view .section .secondLine{
        display:flex;        
       justify-content : space-around;
    }*/
    /*认证步骤*/
    .index_view .section .step {
        width: 1000px;
        height: 230px;
        display: flex;
        margin: 0px auto;
    }
        /*窄格*/
        .index_view .section .step .narrowbox {
            width: 45px;
            height: 160px;
            line-height: 160px;
            text-align: center;
            color: #00008B;
            /*         border:1px solid blue;*/
        }

            .index_view .section .step .narrowbox span {
                font-size: 35px;
            }
        /*宽格*/
        .index_view .section .step .contentbox {
            width: 130px;
            height: 190px; 
            margin-top: -40px;
        }

            /*生成六边形*/
            .index_view .section .step .contentbox .hexagon,
            .index_view .section .step .contentbox .hexagon:before,
            .index_view .section .step .contentbox .hexagon:after {
                width: 65px;
                height: 113px;
                border: 1px solid #00008B;
                border-left: none;
                border-right: none;
            }

            .index_view .section .step .contentbox .hexagon {
                position: relative;
                margin: 63px auto;     
            }

                .index_view .section .step .contentbox .hexagon:before {
                    display: block;
                    content: ' ';
                    transform: rotate(60deg);               
                }

                .index_view .section .step .contentbox .hexagon:after {
                    position: absolute;
                    left: 0;
                    top: 0;
                    content: ' ';
                    transform: rotate(-60deg);
                          }

                .index_view .section .step .contentbox .hexagon .inner {
                    width: 100px;
                    height: 100px;
                    position: absolute;
                    top: 0px;
                    left: -17px;
                }

                    .index_view .section .step .contentbox .hexagon .inner span {
                        width: 100px;
                        display: inline-block;
                        margin: 0 auto;
                        text-align: center;
                        line-height: 100px;
                        color: #00008B;
                        font-size: 50px;                  
                    }


            /*步骤说明*/
            .index_view .section .step .contentbox .description {
                width: 80px;
                margin: 0 auto;        
                text-align: center;
                margin-top: -30px;
                font-size: 14px;
                color: #808080;             
            }


    /*新闻和信息*/
    /*设置更多按钮*/
    .index_view .section .more {
        position: absolute;
        width: 120px;
        height: 30px;
        top: 40px;
        left: 700px;
    }

        .index_view .section .more a {
            color: #808080;
            font-size: 14px;
        }

            .index_view .section .more a:hover {
                text-decoration: none;
            }
    /*设置新闻盒*/
    .index_view .section .newsbox {
        width: 1100px;
        margin: 20px auto;    
        height: 500px;
        display: flex;
    }

        .index_view .section .newsbox .left {
            width: 100%;
            height: 100%;
            overflow:hidden;
        }

            .index_view .section .newsbox .left .newscontent {
                position:relative;
                display: flex;
                width: 100%;
                height: 50px;
                margin: 10px 0;
                padding-right: 20px;
/*                border-bottom: 1px dashed #808080;*/
            }
                .index_view .section .newsbox .left .newscontent::after {
                    content: "";
                    position:absolute;
                    display:block;
                    height:1px;
                    width:97%;
                    margin:0 auto;
/*                    background-color:red;*/
                    top:50px;
                    border-bottom: 1px dashed #808080;
                }
                /*日期及年度*/
                .index_view .section .newsbox .left .newscontent .datetime {
                    flex: 1;
                    width: 100%;
                    height:100%;
                }
                    /*新闻日期*/
                    .index_view .section .newsbox .left .newscontent .datetime .date {
                        box-sizing: border-box;
                        width: 100%;
                        display: block;
                        font-size: 22px;
                        color: #00008B;
                    }
                    /*新闻年度*/
                    .index_view .section .newsbox .left .newscontent .datetime .year {
                        box-sizing: border-box;
                        margin-top: -8px;
                        padding-left: 0px;
                        width: 100%;
                        display: block;
                        text-align: left;
                        font-size: 12px;
                        color: #808080;
                    }

            /*标题及简述*/
            .index_view .section .newsbox .left .newsinfo {
                flex: 6;
                padding-left: 0px;            
            }
                .index_view .section .newsbox .left .newsinfo .top{
                    padding-bottom:0px;
                }
                .index_view .section .newsbox .left .newsinfo h2 {
                    padding-top:5px;
                    line-height: .5;
                }
                .index_view .section .newsbox .left .newsinfo h2 a {
                    font-size: 18px;
                    color: #3C3C3C;
                    font-weight: 400;
                }

                        .index_view .section .newsbox .left .newsinfo h2 a:hover {
                            text-decoration: none;
                        }


                .index_view .section .newsbox .left .newsinfo h3 {
                    text-indent: 2em;
                    font-size: 15px;
                    color: #808080;
                    font-weight: 400;
                }



        /*右侧图片区域设置*/
        .index_view .section .newsbox .right {
            flex: 1;        
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .index_view .section .newsbox .right img {
                width: 330px;
                height: 220px;
                margin: 10px 10px;
            }

/**  服务认证认证公示开始*/
    .index_view .section .sevicebox {
        width: 1100px;
        margin: 20px auto;
        height: 300px;
        display: flex;
        /*background-color:red;*/
    }

        .index_view .section .sevicebox .left {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            .index_view .section .sevicebox .left .newscontent {
                position: relative;
                display: flex;
                width: 100%;
                height: 50px;
                margin: 10px 0;
                padding-right: 20px;
                /*                border-bottom: 1px dashed #808080;*/
            }

                .index_view .section .sevicebox .left .newscontent::after {
                    content: "";
                    position: absolute;
                    display: block;
                    height: 1px;
                    width: 97%;
                    margin: 0 auto;
                    /*                    background-color:red;*/
                    top: 50px;
                    border-bottom: 1px dashed #808080;
                }
                /*日期及年度*/
                .index_view .section .sevicebox .left .newscontent .datetime {
                    flex: 1;
                    width: 100%;
                    height: 100%;
                }
                    /*新闻日期*/
                    .index_view .section .sevicebox .left .newscontent .datetime .date {
                        box-sizing: border-box;
                        width: 100%;
                        display: block;
                        font-size: 22px;
                        color: #00008B;
                    }
                    /*新闻年度*/
                    .index_view .section .sevicebox .left .newscontent .datetime .year {
                        box-sizing: border-box;
                        margin-top: -8px;
                        padding-left: 0px;
                        width: 100%;
                        display: block;
                        text-align: left;
                        font-size: 12px;
                        color: #808080;
                    }

            /*标题及简述*/
            .index_view .section .sevicebox .left .newsinfo {
                flex: 6;
                padding-left: 0px;
            }

                .index_view .section .sevicebox .left .newsinfo .top {
                    padding-bottom: 0px;
                }

                .index_view .section .sevicebox .left .newsinfo h2 {
                    padding-top: 5px;
                    line-height: .5;
                }

                    .index_view .section .sevicebox .left .newsinfo h2 a {
                        font-size: 18px;
                        color: #3C3C3C;
                        font-weight: 400;
                    }

                        .index_view .section .sevicebox .left .newsinfo h2 a:hover {
                            text-decoration: none;
                        }


                .index_view .section .sevicebox .left .newsinfo h3 {
                    text-indent: 2em;
                    font-size: 15px;
                    color: #808080;
                    font-weight: 400;
                }



        /*右侧图片区域设置*/
        .index_view .section .sevicebox .right {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .index_view .section .sevicebox .right img {
                width: 330px;
                height: 220px;
                margin: 10px 10px;
                border-radius: 5px;
            }


/*服务认证认证公示结束*/

.sevicebox,
.newsbox img {
    border-radius: 5px;
}
/*快捷链接*/
.index_view .section .quicklinks {
    width: 1050px;
    height: 150px;
    margin: auto;
    display: flex;
}

        .index_view .section .quicklinks .contentbox {
            flex: 1;
            width: 60px;
            height: 100%;
        }

            .index_view .section .quicklinks .contentbox .logo {
                width: 100%;
                height: 100px;
                text-align: center;
                line-height: 100px;
            }

                .index_view .section .quicklinks .contentbox .logo span {
                    color: #00008B;
                    font-size: 60px;
                }

            .index_view .section .quicklinks .contentbox .description {
                width: 100%;
                height: 30px;
                text-align: center;
                line-height: 30px;
            }

                .index_view .section .quicklinks .contentbox .description a {
                    color: #808080;
                    font-size: 15px;
                }

                    .index_view .section .quicklinks .contentbox .description a:hover {
                        text-decoration: none;
                    }
    /*友情链接*/
    .index_view .section .linksbox {
        width: 1100px;
        height: 100px;
        margin: 0 auto;
    }
        /*每行一个容器*/
        .index_view .section .linksbox .content {
            display: flex;
            margin: 20px 0;
        }
            /*容器内的层*/
            .index_view .section .linksbox .content div {
                flex: 1;
            }
                /*层内span设置*/
                .index_view .section .linksbox .content div > span {
                    font-size: 18px;
                    color: #0080FF;
                }
                /*层内a设置*/
                .index_view .section .linksbox .content div > a {
                    color: #808080;
                    font-size: 15px;
                }

                    .index_view .section .linksbox .content div > a:hover {
                        text-decoration: none;
                    }
