html,
body {
    margin: 0;
    font-size: 100%;
    background: #fff;
    scroll-behavior: smooth;
}

body a {
    text-decoration: none;
}

html {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

}

a:hover {
    text-decoration: none;
}

input[type="button"]:hover,
input[type="submit"]:hover {
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
}

p {
    font-size: 1em;
    color: #777;
    line-height: 1.8em;
}

ul {
    margin: 0;
    padding: 0;
}

/* body img {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
} */
img,input,button{
	border: none;
	padding: 0;
	margin: 0;
	outline-style: none;
}
ul,ol,li{
	list-style: none;
}
select,input,textarea{
	font-size: 12px;
	margin: 0;
}
input{
	padding-top:0;
	padding-bottom: 0;
}
select,input{
	vertical-align: middle;
}
.w{/*内容版心=============*/
	width: 980px;
	margin: 0 auto;
}
/* navigation */
/* 头部导航 */
.header{
    width:100%;top: 0px;position: absolute;margin: 0 auto;z-index: 10000000;height: 200px
}
.logoindex{
    float: left;
    width: 180px;
    height: 50px;
    margin-top: 32px;
}
.headercontent{
    position: absolute;height: 400px;width: 100%;z-index: 100
}
.headercontentdiv{
    height: 400px;width: 80%;margin-top: 280px;
}
.hytitle{
    width: 560px;font-size: 80px;color: #fff;font-weight: bold;
}
.hytitlebottom{
    width: 560px;font-size: 25px;color: #fff;margin-top: 20px
}
/* 轮播图 */
.showcut-items{
	/* width: 820px;
	height: 45px; */
	/* float: left; */
	overflow:hidden;
    float: right;
    height: 100px;
    width: 700px;
}
.headerliseltend{
    position: absolute;
    bottom: 5px;
    width: 28px;
    height: 4px;
    left: 28px;
    background-color: #0075FE;
} 

.showcut-items a{
	float: left;
/*	padding: 0 15px;*/
	padding-left: 25px;
	line-height: 43px;
	/* font-weight: bold; */
	color: #000;
	line-height: 43px;
	font-size: 17px;
	font-family:  "microsoft yahei";
    color: #fff;
/*	font: 500 15px/43px  "microsoft yahei" */
}
.showcut-items a:hover{
	color: #0075FE;
}
.showcut-items li{
    display: block;
    width: 100px;
    height: 50px;
    float: left;
    margin-left: 21px;
}
.hy-next{
    z-index: 100000;
}
.hy-prev{
    z-index: 10000;
}

/*业务领域*/
.ywcontent li{
    width: 292px;
    float: left;
    height: 420px;
    background-color: #fff;
    margin-left: 51px;
    position: relative;
}
.shadow {
    -moz-box-shadow:2px 2px 10px #ccc;
    -webkit-box-shadow:2px 2px 10px #ccc;
    box-shadow:2px 2px 10px #ccc;
    position: absolute;top:260px;width: 260px;height: 160px;left: 15px;background-color: #fff
}
.ywindex{
    height: 635px;position: relative;
}
.ywindexbg{
    position: absolute;top: 0;height: 635px;width: 100%
}
.ywtitle{
    height: 100px;text-align: center;padding-top: 51px;
}
.ywcontent{
    height: 420px;margin-top: 20px
}
/*公司简介开始*/
#company-profile {
    /* border: 1px solid red; */
    position: relative;
    height: 700px;
    width: 100%;
   }

   #kuang {
   /*  border: 1px solid red; */
    position: absolute;
    top: 0px;
    height: 645px;
    width: 640px;
   }

   .introduction {
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 1.75rem;
    color: #FFFFFF;
   }

   #introduction-one {
    font-weight: bold;
    font-size: 38px;
    margin-top: 62px;
    margin-left: 40px;
   }

   #introduction-two {
    padding-top: 31px;
    margin-top: 15px;
   }

   #introduction-three {
    padding-top: 16px;
   }

   #introduction-four {
    padding-top: 16px;
   }

   #introduction-five {
    padding-top: 16px;
   }

   #company-profile-button {
    background-color: #0075FE;
    color: white;
    border: 1px solid #0075FE;
    cursor: pointer;
    margin: 0;
    padding: 6px 14px;
    font-size: 17px;
    border-radius: 4px;
    margin-top: 43px;
    margin-left: 55px;
    font-family: "微软雅黑";
   }
   /*公司简介结束*/
    /*业务领域开始*/
    .yynl_body{
        width: 100%;
        height: 692px;
        background-image: linear-gradient(to right,#EBEEF6,#F5F5F6);
    }

    .yynl_top{
        position: relative;
        top: 51px;
        text-align: center;
    }

    .yynl_top>h1{
        font-weight: 450;
        font-size: 30px;
    }

    .yynl_top>p{
        color: #000000;
        opacity: 0.6;
        font-size: 17px;
        line-height: 12px;
    }
    .yynl_content{
        position: relative;
        top: 95px;
    }
    .yynl_content ul li{
        list-style-type: none;
        float: left;
        width: 245px;
        height: 452px;
    }
    .yynl_content_item>img{
        border: 0px;
        border-radius: 0%;
    }
    .yynl_logo_parent{
        position: relative;
    }

    .yynl_logo_parent>img{
        position: absolute;
        top: -380px;
        left: 100px;
    }
    .yynl_logo_parent>h3{
       text-align: center;
       position:relative;
       top: -320px;
       color: white;
       font-weight: 200;
       font-size: 16px;
    }
    .yynl_logo_parent>p{
        font-size: 11px;
        color: white;
        position: relative;
        top: -280px;
        margin: 0px 20px;
       font-weight: 150;
    }
    .yynl_content ul li:hover{
        filter:alpha(color=rgb(52, 52, 255),opacity=80);
        -moz-opacity:0.8;
        opacity: 0.8;
    }
    /*业务领域结束*/

            /* 客户案例css开始 */
            .khal_body{
                margin: 0px auto;
                width: 100%;
                background-image: url(../images/khal/ditu.png);
                height: 730px;
            }
           
            .khal_top{
                position: relative;
                top: 51px;
                text-align: center;
            }
            .khal_top>h1{
                font-weight: 450;
                font-size: 30px;
            }

            .khal_top>p{
                color: #000000;
                opacity: 0.6;
                font-size: 17px;
                line-height: 12px;
            }

            .khal_content{
                position: relative;
                top: 70px;
                text-align: center;
            }


            .group li{
                width: 316px;
                list-style-type: none;
                float: left;
                margin: 25px 12px;
            }
            .group .img-fluid{
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                border-bottom-left-radius: 0px;
                border-bottom-right-radius: 0px;
            }

            .gal-img{
                width: 300px;
                border-radius: 5px;
                height: 221px;
                background-color: white;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            }

            .gal-info{
                padding: 8px 18px;
            }
            .gal-info h5 {
                text-align: left;
                font-size: 0.9em;
                
            }
            .gal-info:hover{
                background: #212529;
                transition: .5s ease-in;
                -webkit-transition: .5s ease-in;
                -moz-transition: .5s ease-in;
                -o-transition: .5s ease-in;
                -ms-transition: .5s ease-in;
                
            }
            .gal-info:hover h5{
                color: #fff;
            }
           
            .gal-img:hover{
                z-index: 2;
                -webkit-transform: scale(1.1) translateY(-1px);	
                -moz-transform: scale(1.1) translateY(-1px);	
                -ms-transform: scale(1.1) translateY(-1px);	
                transform: scale(1.1) translateY(-1px);	
                -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
                box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
                transition: .3s ease-in;
                -webkit-transition: .3s ease-in;
                -moz-transition: .3s ease-in;
                -o-transition: .3s ease-in;
                -ms-transition: .3s ease-in;
            }
            
            .group li:nth-child(3n-2) .gal-img:hover {
                -webkit-transform: scale(1.1) translate3d(0, -1px, 0) rotate(-2.5deg);
                -moz-transform: scale(1.1) translateY(-1px) rotate(-2.5deg);
                -ms-transform: scale(1.1) translateY(-1px) rotate(-2.5deg);
                transform: scale(1.1) translateY(-1px) rotate(-2.5deg);
                transition: .3s ease-in;
                -webkit-transition: .3s ease-in;
                -moz-transition: .3s ease-in;
                -o-transition: .3s ease-in;
                -ms-transition: .3s ease-in;
            }

            .group li:nth-child(3n) .gal-img:hover {
                -webkit-transform: scale(1.1) translate3d(0, -1px, 0) rotate(2.5deg);	
                -moz-transform: scale(1.1) translateY(-1px) rotate(2.5deg);	
                -ms-transform: scale(1.1) translateY(-1px) rotate(2.5deg);	
                transform: scale(1.1) translateY(-1px) rotate(2.5deg);	
                transition: .3s ease-in;
                -webkit-transition: .3s ease-in;
                -moz-transition: .3s ease-in;
                -o-transition: .3s ease-in;
                -ms-transition: .3s ease-in;
            }

            .pop-overlay {
                position: fixed;
                top: 0px;
                bottom: 0;
                left: 0;
                right: 0;
                background: rgba(0, 0, 0, 0.7);
                transition: opacity 0ms;
                visibility: hidden;
                opacity: 0;
                z-index: 99;
            }

            .pop-overlay:target {
                visibility: visible;
                opacity: 1;
            }

            .popup {
                background: #fff;
                border-radius: 5px;
                width: 35%;
                position: relative;
                margin: 8em auto;
                padding: 3em 1em;
            }

            .popup p {
                font-size: 15px;
                color: #666;
                letter-spacing: .5px;
                line-height: 30px;
            }


            .popup .close {
                position: absolute;
                top: 5px;
                right: 15px;
                transition: all 200ms;
                font-size: 30px;
                font-weight: bold;
                text-decoration: none;
                color: #000;
            }

            .popup .close:hover {
                color: #30c39e;
            }
            .popup .img-fluid{
               width: 100%;
            }
             /* 客户案例css结束 */
    /*-- //popup --*/
			/*首页底板开始*/

			#shouye-footer {
				/* 	border: 1px solid red; */
				position: relative;
				background-color: black;
				height: 391px;
				width: 100%;
			}


			#shouye-footer-one-div {
				position: absolute;
				height: 317px;
				width: 1000px;
			 	/* border: 1px solid #0075FE; */
			}



			#shouye-footer-dividingline {
				position: absolute;
				left: 0px;
				bottom: 71px;
				height: 1px;
				width: 100%;
				border-bottom: 2px solid #313131;
			}

			.shouye-footer-dl {
				position: absolute;
				line-height: 35px;
			}
			
			.shouye-footer-dt-one {
				color: white;
				font-size: 26px;
				font-family: "微软雅黑";
				font-weight: bold;
			}
			
			.shouye-footer-dt-two {
				color: white;
				font-size: 26px;
			}

			.shouye-footer-dt-three {
				color: white;
				font-size: 26px;
			}


			.shouye-footer-dd {
				margin: 0;
				position: relative;
				top: 16px;
				font-size: 16px;
                color: white;
			}

			.shouye-footer-img {
				height: 16px;
				width: 16px;
				position: relative;
				top: 2.5px;
			}

			#shouye-footer-two-div {
				color: #EFEFEF;
				width: 430px;
				height: 50px;
				/* border: 1px solid orange; */
				/* text-align: center; */
				line-height: 50px;
				position: absolute;
				bottom: 8px;
				font-size: 19px;
			}

			/*首页底板结束*/




   .rongimg li{
    width: 225px;
    float: left;
    height: 150px;
    background-color: #fff;
    margin-left: 16px;
    position: relative;
    margin-top: 53px;
   }
   .margintop0{
    margin-top: 0 !important;
   }

   .topfh{
    position:fixed;right:12px;bottom:15%;
}