@charset "utf-8";
/* CSS Document */

*{padding: 0; margin: 0;}
body{ overflow-x: hidden;}
img{ border:none; font-size: 0; }
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: black;display: inline-block; }
li{ list-style: none; }

.banner{width:100%;position: relative;}
.banner img{width:100%;position: relative;}
.banner h3{font-size:2.2vw;font-weight:bold;color:#fff;position:absolute;top:300px;left:50%;text-shadow: 3px 3px 7px #333;margin-left:-50%;width:100%;text-align:center;}
.banner dd{font-size:1vw;font-weight:normal;color:#fff;position:absolute;top:370px;left:50%;text-shadow: 3px 3px 7px #333;margin-left:-50%;width:100%;text-align:center;}

/*分类*/
.fenlei{height: 76px;background-color: #edf3ff;}
.cop2{
  max-width: 1600px;min-width: 1200px;width: 80%; margin:0 auto;height: 76px;
}
.cop2 .ibox{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}
.cop2 .cop2_left{
    display: flex;
    align-items: center;
    height: 100%;
}

.cop2 .cop2_left a{
    color: #222222;
    margin-right: 86px;
    width: 8vw;
    display: block;
    align-items: center;
	height: 1.8vw;
	text-align: center;
	font-size:16px;
	line-height:1.8vw;
}

.cop2 .cop2_left .a_act{
    border-radius: 30px;
    background: #0081cc;
	color:#fff;
}

.cop2 .cop2_right{
   display: flex;
   align-items: center;
   height: 100%;
}

.cop2 .cop2_right a{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cop2 .cop2_right .cop2_right_icon{
    margin: 0 10px;
}

.cop2 .cop2_right .cop2_right_txt{
    color: #777777;
}

.cop2 .cop2_right .cop2_right_txt.cop2_right_txt1{
    color: #222222;
}


.jiaru{width:80%;margin:100px auto 0 auto;overflow:hidden;text-align: center;}
.jiaru h3{font-size:36px;color:#333;text-align: center;font-weight: bold;}
.jiaru h4{font-size:16px;color:#666;text-align: center;font-weight: normal;padding-top: 1vw;letter-spacing: 3px;}
.jiaru p{font-size:16px;color:#666;text-align: center;font-weight: normal;padding-top: 2vw;line-height: 30px;width:60%;margin:0 auto;}


/*研发++++++++++*/
.yanfaall{width:100%;background-color:#f7f7f7;margin-top: 0vw;overflow: hidden;padding-bottom:100px; border-bottom: 0px solid #ddd;}
.zhinang{width:80%;margin:0px auto 0 auto;overflow:hidden;max-width:1600px;min-width:1200px;padding-top: 5vw;}
.zhinang img{float:left;padding: 20px 20px;border-radius: 5px;background-color:#ffffff;width:40%;}
.right{width:50%;float:right;}
.right h3{font-size:36px;color:#333;text-align:left;font-weight: bold;margin-bottom: 10px;margin-top: 2vw;}
.right dd{font-size:16px;color:#666;text-align: left;font-weight: normal;padding-top: 0vw;letter-spacing: 3px;}
.right p{font-size:16px;color:#666;text-align:left;font-weight: normal;height:40px;line-height:40px;margin-top: 3vw;}

.shuoboall{width:80%;margin:0px auto 0 auto;overflow:hidden;max-width:1600px;min-width:1200px;padding-top: 3vw;}
.shuobo{width:100%;margin:0px auto 0 auto;overflow:hidden;max-width:1600px;min-width:1200px;}
.shuobo h3{font-size:36px;color:#333;text-align:center;font-weight: bold;margin-bottom: 1vw;margin-top: 2vw;}
.shuobo dd{font-size:16px;color:#666;text-align: center;font-weight: normal;padding-top: 0vw;letter-spacing: 3px;}
.shuobo p{font-size:16px;color:#666;text-align:left;font-weight: normal;height:40px;line-height:40px;margin-top: 3vw;margin-bottom: 1vw;}

.team{width:100%;margin:0px auto 0 auto;overflow:hidden;max-width:1600px;min-width:1200px;}
.team ul{overflow: hidden;margin-top: 2vw;}
.team ul li{  width: 27.5%;text-align: center;
    float: left;
    background-color: #ffffff;
    padding:1.5%;
    margin-right: 4%;
	margin-bottom: 3%;
    border-radius: 10px;}
.team ul li:nth-child(3n){margin-right:0;} 
.team ul li img{width: 40px;height: auto;margin-top: 2vw;}
.team_r {width: 100%;height:auto}
.team_r p{font-size: 16px;
    color: #ffffff;
    background-color: #0081cc;
    width: 8vw;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    margin:0 auto;
    }
.team_r dd{font-size: 0.7vw;
    color: #666;
	height: 4.6vw;
    line-height: 24px;
    margin-top: 1.5vw;}

.zhongxin{width:80%;margin:20px auto 0 auto;overflow:hidden;max-width:1600px;min-width:1200px;padding-top: 5vw;padding-bottom: 5vw;}
.zhongxin img{float:right;padding: 20px 20px;border-radius: 5px;background-color:#ffffff;width:40%;}
.left{width:50%;float:left;}
.left h3{font-size:36px;color:#333;text-align:left;font-weight: bold;margin-bottom: 10px;margin-top: 2vw;}
.left dd{font-size:16px;color:#666;text-align: left;font-weight: normal;padding-top: 0vw;letter-spacing: 3px;}
.left p{font-size:0.85vw;color:#666;text-align:left;font-weight: normal;height:40px;line-height:40px;margin: 3vw 0 5vw 0;}
.left dt{background-color: #0081cc;padding: 25px 25px;width: 7vw;color:#ffffff;margin-top: 3vw;}

/*数字++++++++++*/
.digital{width:50%;height: auto;background: #fff;padding:0%;color: #fff;margin:0 auto;}
.mainall{width: 100%;height: auto;margin:0 auto;font-size: 0;}
.mumping_mun li{width: 16%;display: inline-block;margin: 110px auto;margin-right:25%;}
.mumping_mun li:nth-child(3){margin-right:0px;}
.mun_top{margin-bottom:20px;}
.mumping_mun{width: 100%;list-style: none;}
.mumping_mun dd{font-size: 16px;width: 100%;display: block;clear: both;color: #666;text-align: left;font-weight:normal;}
.mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;color: #666;text-align: left;}
.mumping_mun h2{font-size: 50px;font-weight:bold;float: left;margin-right: 10px;color: #f08519;}
.mumping_mun img{padding:14px 0px 20px 0px;}

.fenge{width:100%;margin:80px auto 100px auto;}
.container{
		width: 80%;
		margin: 50px auto 0 auto;
		overflow: hidden;
		max-width:1600px;min-width:1200px;
	}
	.slide{
		width: 50%;
		min-height: 180px;
		overflow: hidden;
		position: relative;
		float:right;

	}
	.slide .img{
		overflow: hidden;
		position: absolute;
		transition: width 0.4s,height 0.4s,z-index 0.4s;
	}
	.slide .img img{
		width: calc(100% - 50px);
		height: calc(100% - 40px);
		margin: 7px;
		background: #fff;
        padding: 20px;
		border-radius: 15px;
	}
	.slide .img1{
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		z-index: 1;
	}
	.slide .img2{
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		z-index: 2;
	}
	.slide .img3{
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		z-index: 3;
	}
	
	.slide-bt{
		position: absolute;
		left: 50%;
		bottom: 13%;
		z-index: 10;
	}
	.slide-bt span{
		width: 10px;
		height: 10px;
		background: #c9caca;
		float: left;
		margin: 5px;
		border-radius: 50%;
	}
	.slide .slide-bt .on{
		background: #0081cc;
	}
	button{
	margin: 0px;
    background: #0081cc;
    border: 0;
    color: #fff;
    width: 6vw;
    height: 3.5vw;
	font-size: 1.5vw;
	}
	button .active{border:0;}

@media screen and (max-width: 767px) and (min-width: 0px){
.banner img {
    width: 100%;
    position: relative;
    margin-top: 10vw;
}
.banner h3 {
    font-size: 5vw;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 22vw;
    left: 50%;
    text-shadow: 3px 3px 7px #333;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}
.banner dd {
    font-size: 4vw;
    font-weight: normal;
    color: #fff;
    position: absolute;
    top: 28.5vw;
    left: 50%;
    text-shadow: 3px 3px 7px #333;
    margin-left: -50%;
    width: 100%;
    text-align: center;
}
.jiaru {
    width: 100%;
    margin:30px auto 0 auto;
    overflow: hidden;
    text-align: center;
}
.jiaru h3 {
    font-size: 5vw;
    color: #333;
    text-align: center;
    font-weight: bold;
}
.jiaru p {
    font-size: 3.5vw;
    color: #666;
    text-align: center;
    font-weight: normal;
    padding-top: 2vw;
    line-height: 30px;
    width: 94%;
    margin: 0 auto;
}
.jiaru h4 {
    font-size: 3.5vw;
    color: #666;
    text-align: center;
    font-weight: normal;
    padding-top: 3vw;
    letter-spacing: 3px;
}
.digital {
    width: 94%;
    height: auto;
    background: #fff;
    padding: 0%;
    color: #fff;
    margin: 0 auto;
}
.mumping_mun li {
    width: 23%;
    display: inline-block;
    margin:35px auto;
    margin-right:14%;
}
.mumping_mun h2 {
    font-size: 6vw;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    color: #f08519;
}
.mumping_mun img {
    padding: 0px 0px 20px 0px;
}

.mun_top {
    margin-bottom: 0px;
}
.yanfaall {
    width:100%;
    background-color: #f7f7f7;
    margin-top: 0vw;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 0px solid #ddd;
	margin:0 auto;
}
button {
    margin: 0px;
    background: #0081cc;
    border: 0;
    color: #fff;
    width: 20vw;
    height: 8.5vw;
    font-size: 4vw;
}
.zhinang {
    width:100%;
    margin: 0px auto 0 auto;
    overflow: hidden;
    /* max-width: 1600px; */
    /* min-width: 1200px; */
    padding-top: 5vw;
}
.zhinang img {
   float: left;
    padding: 39px 20px;
    border-radius: 5px;
    background-color: #ffffff;
    width: 31%;
}
.right {
    width:99%;
    float: right;
}
.right h3 {
    font-size: 5vw;
    color: #333;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 4vw;
}
.right dd {
    font-size: 14px;
    color: #666;
    text-align: left;
    font-weight: normal;
    padding-top: 0vw;
    letter-spacing: 3px;
}
.right p {
    font-size: 14px;
    color: #666;
    text-align: left;
    font-weight: normal;
    line-height:30px;
    margin-top: 3vw;
    width:32%;
    height: auto;
}
.shuoboall {
    width: 94%;
    margin: 0px auto 0 auto;
    overflow: hidden;
    max-width: 100%; 
    min-width: 100%; 
    padding-top: 0vw;
}
.shuobo {
    width: 100%;
    margin: 5vw auto 0 auto;
    overflow: hidden;
    max-width: 100%; 
    min-width: 100%; 
}
.team_r {
    width: 100%;
    height: 30vw;
}
.team {
    width: 97%;
    margin: 0px auto 0 auto;
    overflow: hidden;
    max-width: 100%; 
    min-width: 100%; 
}
.team_r p {
    font-size: 3.3vw;
    color: #ffffff;
    background-color: #0081cc;
    width: 28vw;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    margin: 0 auto;
}
.team ul li {
    width: 43%;
    text-align: center;
    background-color: #ffffff;
    padding: 2.5%;
    border-radius: 10px;
    margin: 1% 1%;
}
.team ul li img {
    width: 30px;
    height: auto;
}
.team_r dd {
    font-size: 3.3vw;
    color: #666;
    height: 4.6vw;
    line-height: 24px;
    margin-top: 1.5vw;
}
.shuobo h3 {
    font-size: 5vw;
    color: #333;
    text-align: left;
    font-weight: bold;
    width: 95%;
    margin: 0 auto;
}
.shuobo dd {
    font-size: 16px;
    color: #666;
    text-align: left;
    font-weight: normal;
    padding-top: 0vw;
    letter-spacing: 3px;
    width: 95%;
    margin: 0 auto;
}
.fenge {
    width: 94%;
    margin: 0px auto 0px auto;
}
.left h3 {
    font-size: 5vw;
    color: #333;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 6vw;
}
.slide {
    width: 100%;
    min-height: 180px;
    overflow: hidden;
    position: relative;
    float: right;
}
.left {
    width: 100%;
    float: left;
}
.left dd {
    font-size: 3.5vw;
    color: #666;
    text-align: left;
    font-weight: normal;
    padding-top: 0vw;
    letter-spacing: 3px;
}
.left p {
    font-size: 3.5vw;
    color: #666;
    text-align: left;
    font-weight: normal;
    height: 26vw;
    line-height: 7vw;
    margin: 3vw 0 5vw 0;
    width: 100%;
}
.container {
    width: 100%;
    margin: 13px auto 30px auto;
    overflow: hidden;
    max-width: 100%;
    min-width: 100%;
}
.slide .img img {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    margin: 7px;
    background: #fff;
    padding: 0px;
    border-radius: 15px;
}
}