@CHARSET "UTF-8";
@import "init.css";
body{margin:0;min-width: 1080px;max-width: 1920px;}
.nav-header{
 	width: 100%;
    min-width: 1080px;
    max-width: 1920px;

	margin:0 auto;
	background:url(../images/header_bannner.jpg) no-repeat  scroll center 0;
	overflow: hidden;
	filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
	-moz-background-size:100% 100%;  
    background-size:100% 100%;  
}

.head-top{
	width: 36.75rem;
	height:2.98rem;
	margin:0 auto;
	margin-top:7rem;
	/* border:1px solid red; */
	background: url(../images/new-icon.png) no-repeat -6px -14px;
	/* background-size: 100% 100%; */
}
.head-m{
	width: 54rem;
	height:1rem;
	margin:5px auto;
	font-size:1.20rem;
	text-align:center;
	line-height:45px;
	color:#fff;
	/* border:1px solid red; */
}
.head-b{
	width: 44.78rem;
	height:7.5rem;
	margin:0 auto;
	margin-top:4rem;
	/* border:1px solid red; */
}
.head-b .head-b1{
	width: 7.38rem;
	height:7.38rem;
	/* border:1px solid red; */
	background: url(../images/new-icon.png) no-repeat -13px -86px;
	float:left;
}
.head-b .head-b2{
	width: 7.38rem;
	height:7.38rem;
	margin:0 30px;
	/* border:1px solid red; */
	background: url(../images/new-icon.png) no-repeat -143px -86px;
	float:left;
}
.head-b .head-b3{
	width: 7.38rem;
	height:7.38rem;

	/* border:1px solid red; */
	background: url(../images/new-icon.png) no-repeat -272px -86px;
	float:left;
}
.head-b .head-b4{
	width: 7.38rem;
	height:7.38rem;
	margin:0 30px;
	/* border:1px solid red; */
	background: url(../images/new-icon.png) no-repeat -404px -86px;
	float:left;
}
.head-b .head-b5{
	width: 7.38rem;
	height:7.38rem;
	margin:0 2px;
	/* border:1px solid red; */
	background: url(../images/new-icon.png) no-repeat -540px -86px;
	float:left;
}
.head-b .head-b1:hover,.head-b .head-b2:hover,.head-b .head-b3:hover,.head-b .head-b4:hover,.head-b .head-b5:hover{
	transform:translateZ(25px) translate(0px, 0px) rotate(360deg);
	-webkit-transform:translateZ(25px) translate(0px, 0px) rotate(360deg);
	-moz-transform:translateZ(25px) translate(0px, 0px) rotate(360deg);
	-o-transform:translateZ(25px) translate(0px, 0px) rotate(360deg);
	-ms-transform:translateZ(25px) translate(0px, 0px) rotate(360deg);
	-webkit-transition: all 2s ease-in-out 0.1s;
  	-o-transition: all 2s ease-in-out 0.1s;
  	-moz-transition: all 2s ease-in-out 0.1s;
  	transition: all 2s ease-in-out 0.1s;
}

.about_us{
	width: 100%;
    min-width: 1080px;
    max-width: 1920px;
/* 	border:1px solid red; */
}
.about_us .about{
	width:970px;
	height:600px;
	margin:0 auto;
	/* border:1px solid blue; */
}
.about_us .about .title{
font-family: mySecondFont;
}
.about_us .about div{
	width:100%;
	height:310px;
	margin:0 auto;
	float:left;
}
.about_us .about div a{
	color:#333;
}
.about_us .about div .zwdx{
	width:280px;
	height:280px;
	border-radius:10px;
	-moz-border-radius:10px;
	display:block;
	/* display:inline-block;text-align:center; */
	text-align:center;
	margin:10px 20px;
}
.about_us .about div .zwdx:hover{
	width:280px;
	height:280px;
	border-radius:10px;
	-moz-border-radius:10px;
	display:block;
	/* display:inline-block;text-align:center; */
	text-align:center;
	margin:10px 20px;
	background:#21a3fe;
	color:#fff;
}

.about_us .about div div .icon1{
	/* clear:both; */
 	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -6px -228px;
	/* border:1px solid blue;  */
}
.about_us .about div div .icon2{
	/* clear:both; */
 	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -117px -228px;
	/* border:1px solid blue;  */
}
.about_us .about div div .icon3{
	/* clear:both; */
 	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -228px -228px;
	/* border:1px solid blue;  */
}
.about_us .about div div .icon4{
	/* clear:both; */
 	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -337px -228px;
	/* border:1px solid blue;  */
}
.about_us .about div div .icon5{
	/* clear:both; */
 	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -444px -228px;
	/* border:1px solid blue;  */
}
.about_us .about div div .icon6{
	/* clear:both; */
 	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -550px -228px;
	/* border:1px solid blue;  */
}
.about_us .about div .zwdx:hover .icon1{
	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -6px -343px;
}
.about_us .about div .zwdx:hover .icon2{
	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -117px -343px;
}
.about_us .about div .zwdx:hover .icon3{
	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -228px -343px;
}
.about_us .about div .zwdx:hover .icon4{
	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -337px -343px;
}
.about_us .about div .zwdx:hover .icon5{
	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -444px -343px;
}
.about_us .about div .zwdx:hover .icon6{
	width:102px;
	height:94px;
	margin:20px 90px;
	background: url(../images/new-icon.png) no-repeat -550px -343px;
}

.about_us .about div div .title{
	width:102px;
	margin:5px 27.5%;
 	width:45%;
	height:1.8rem;
	line-height:1.8rem;
	font-size:1.5rem;
	/* border:1px solid blue; */
	overflow: hidden; 
}
.about_us .about div div .content{
	width:102px;
	margin:5px 15%;
 	width:70%;
	height:45px;
	/* border:1px solid blue;  */
	overflow: hidden;
}

.case{
	width: 100%;
    min-width: 1080px;
    max-width: 1920px;
/* 	border:1px solid red; */
	clear:both;
}
.case .case-all{
	width:1080px;
	height:690px;
	/* border:1px solid red; */
	margin:0 auto;
}
.case .case-all a{
	color:#333;
}
.case .case-all h1{
	margin:20px;
	text-align:center;
	
}
.case .case-all .caseone{
	width:238px;
	height:295px;
	/* border:1px solid #0000ff; */
	text-align:center;
	float:left;
	margin:10px 15px;
	
}
.case .case-all h1{
	/*
            width: 150px;
            height: 200px;
            background: url("images/balloon.png");
            background-size: 150px 200px;
            -webkit-animation-name: scaleDraw; /*关键帧名称
            -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线
            -webkit-animation-iteration-count: infinite;  /*动画播放的次数
            -webkit-animation-duration: 5s; /*动画所花费的时间
	 */
}

.case .case-all .caseone dt{
	width:224px;
	height:224px;
	margin:8px;
	border-radius: 15px;
	/* padding:10px; */
	/* border:1px solid #ffff00; */
	background:#ccdce6;
	overflow: hidden;
}
.case .case-all .caseone dt img{
	width:180px;
	margin:20px;
}
.case .case-all .caseone dt dl{
	line-height:25px;
}
@keyframes scaleDraw {
   0%{
      transform: scale(1);
     }
   25%{
       transform: scale(1.1);
      }
   50%{
       transform: scale(1);
      }
   75%{
       transform: scale(1.1);
      }
}



.partner{
	width: 100%;
    min-width: 1080px;
    max-width: 1920px;
	/* border:1px solid red; */
	/* clear:both; */
}
.partner .partner-box{
	max-width:1080px;
	min-width:954px;
	height:580px;
	/* border:1px solid blue; */
	margin:0 auto;
}
.partner .partner-box h1{
	margin:20px;
	text-align:center;
}
.partner .partner-box .partner-one{
	width:157px;
	height:144px;
/* 	border:1px dotted #eee; */
	border:1px solid #eee;
	overflow: hidden;
	float:left;
	margin:10px;
}
.partner .partner-box .partner-one img{
	margin:5px 10px;
	width:133px;
	height:130px;
	/* border:1px solid #eee; */
}
.partner .partner-box .partner-one:hover{
	width:157px;
	height:144px;
/* 	border:1px dotted #eee; */
	border:1px solid #eee;
	float:left;
	margin:10px;
}
.partner .partner-box .partner-one img:hover{
	transform:scale(1.2);
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-moz-transform:scale(1.2);
	
	-webkit-transition: all 0s ease-in-out 0s;
  	-o-transition: all 0s ease-in-out 0s;
  	-moz-transition: all 0s ease-in-out 0s;
  	transition: all 0s ease-in-out 0s;
}