@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 "microsoft yahei", "Arial";color:#333;outline:0;}
body{background:#fff;}
a,body a:hover{color:#333;}
img {
  width: 100%;
}
button {
  border: 0;
  background-color: transparent;
}
body a {
  color: #000;
  text-decoration: none;
}

.p_tb50 {
  padding: 50px 0;
}

.p_l40 {
  padding-left: 40px !important;
}
.bgc1 {
  background-color: #fbfbfb;
}
.bgc2 {
  background-color: #000;
}

body p {
  font-size: 16px;
}

@media(max-width:991px){
    body p {
  font-size: 14px;
}
}



      .projact {
            background: aliceblue;
        }

        .project-container {
            display: flex;
        }

        .project-container {
            display: flex;
            flex-wrap: wrap;
        }

        .project-container .project-item {
            width: calc(20% - 1em);
            position: relative;
            margin: .5em;
            text-align: center;
        }

        .project-container .project-item img {
            width: 100%;
        }

        .project-item-down {
            position: absolute;
            color: #fff;
            display: flex;
            flex-direction: column;
            width: 100%;
            background: #0000004a;
            transition: all .8s;
            bottom: 0;
            height: 4em;
            overflow: hidden;
        }

        .service-process {
            background: #f4f4f4;
        }

        .process-block {
            padding: 2em 1em;
            text-align: center;
            background: #fff;
            position: relative;
        }

        .process-block img {
            width: 80px;
        }

        .process-block h4 {
            padding: .5em 0;
        }

        .process-block::after {
            content: "";
            position: absolute;
            background: url(../images/process_connect.png);
            right: -42px;
            display: block;
            width: 52px;
            height: 52px;
            top: 50%;
            z-index: 99;
        }

        .service-process .col-6:last-child .process-block:after {
            display: none;
        }

        @media(max-width:640px) {
            .service-process .col-6:nth-child(even) .process-block:after {
                display: none;
            }
        }




        .project-item:hover .project-item-down {
            justify-content: center;
            height: 100%;
        }

        .project-item-down .project-item-title {
            padding: 1em 0;
        }
@media (max-width:640px) {
    .project-container .project-item {
	width: calc(50% - 1em);
}

/*index-5*/
.service-process {
    background: #f4f4f4;
}
.process-block {
	padding: 2em 1em;
	text-align: center;
	background: #fff;
	position: relative;
}
.process-block  img{
    width: 80px;
}
.process-block h4{
    padding: .5em 0;
}
.process-block::after {
	content: "";
	position: absolute;
	background: url(../images/process_connect.png);
	right: -42px;
	display: block;
	width: 52px;
	height: 52px;
	top: 50%;
	z-index: 99;
}
.service-process .col-6:last-child .process-block:after{
    display: none;
}
@media(max-width:640px){
    .service-process .col-6:nth-child(even) .process-block:after{
    display: none;
}   
}