html,body{background:#fff;width:100%;margin:0px;padding:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
body{overflow-x:hidden;}
img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a{text-decoration: none;}
ul,li{list-style-type:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

.header{position:relative;width:100%;min-width:1200px;height:60px;background:#5b5c61;}
.header .logo{position:absolute;top: 8px;left: 10px;width: 220px;}
.header .wapLogo{position:absolute;top:13px;left:7px;display:none;}
.header .nav{position:absolute;left:430px;top:0px;color:#fff;font-size:18px;}
.header .nav .navLi{width:180px;height:60px;line-height:60px;float:left;cursor:pointer;overflow:hidden;}
.header .nav .navLi a{color:#fff;font-size:18px;}
.header .nav .navLi .navTitle{margin:0px;text-align: center;}
.header .nav .navLi .navWapTitle{position:relative;margin:0px;text-align: center;display:none;}
.header .nav .navLi img{ vertical-align:middle;margin:0px 10px;}
.header .nav .navLi font{ vertical-align:middle;}

.header .language{position:absolute;top:0px;right:0px;width:95px;background:#5b5c61;}
.header .language .child{width:95px;height:60px;line-height:60px;text-align:center;font-size:14px;color:#fff;}
.header .language #languageEn{position: relative;z-index:4;height:35px;line-height:35px;background:#00387d;display:none;}
.header .language .child img{ vertical-align:middle;margin:0px 10px;}
.header .language .child foot{ vertical-align:middle;}
.header .seach{position:absolute;top:10px;right:100px;width:250px;height:40px;background:#fff;}
.header .seach .seachTxt{position:absolute;top:0px;left:0px;width:200px;height:38px;line-height:38px;border:0px;padding-left:10px;}
.header .seach .seachBtn{position:absolute;top:10px;right:10px;cursor:pointer;}
.header .headPhone{position:absolute;top:0px;right:100px;height:60px;line-height:60px;font-size:20px;color:#fff;}
.header .wapNav{position:absolute;display:none;top:20px;right:30px;}
.header .wapNav .wapNavli{display:inline-block;margin:0px 5px;width:58px;height:58px;text-align:center;line-height:58px;border-radius:10px;border:2px solid #fff;}
.header .wapNav .wapNavli img{ vertical-align:middle;}
.navContent{display:none;position:absolute;z-index:3;top:60px;left:0px;width:100%;min-width:1200px;height:705px;border-bottom:1px solid #b9b9b9;background:#fff;}
.navContent .center{width:1200px;margin:0px auto;height:705px;}
.navContent .center .navContentTitle{width:100%;height:44px;line-height:44px;color:#333333;font-size:14px;margin-top:20px;border-bottom:1px solid #dddddd;}
.navContent .center .navChilds1{position:relative;width:100%;text-align:center;margin-top: 20px;}
.navContent .center .navChilds1 .child{ display:inline-block;width:205px;text-align:center;margin:0px 15px;}
.navContent .center .navChilds1 .child .childImg{overflow:hidden;width:205px;height:150px;line-height:150px; border-radius:7px;
transition-property: all;
transition-duration: 1s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: 1s; /* Opera */}
.navContent .center .navChilds1 .child .childImg img{ vertical-align:middle;max-width:70%;
transition-property: all;
transition-duration: 1s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: 1s; /* Opera */}
.navContent .center .navChilds1 .child:hover .childImg{background: #eaeaea;}
.navContent .center .navChilds1 .child:hover .childImg img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}

.navContent .center .navChilds1 .child .title{color:#999999;font-size:14px;margin:16px 0px;text-align:center;}
.navContent .center .navChilds1 .child:hover .title{color:#00387d;}
.navContent .center .navChilds2{position:relative;width:100%;text-align:center;}
.navContent .center .navChilds2 .child{ position:relative;display:inline-block;width:239px;height:255px;border-right:1px solid #ddd;text-align:center;margin-top:35px;}
.navContent .center .navChilds2 .child:nth-child(5){border:0px;}
.navContent .center .navChilds2 .child .title{position:absolute;top:0px;left:14px;margin:0px;color:#333333;font-size:14px;}
.navContent .center .navChilds2 .child .info{position:absolute;top:34px;left:14px;width:190px;}
.navContent .center .navChilds2 .child .info li{margin:5px 0px;text-align:left;}
.navContent .center .navChilds2 .child .info a{font-size:12px;color:#999999;}
.navContent .center .navChilds2 .child .info a:hover{color:#004DA1;font-weight:bold;}
.navContent .center .navChilds2 .child .childImg{position:absolute;right:55px;top:42px;}

.infoTop{position:fixed;bottom:330px;right:40px;z-index:2;cursor:pointer;}

.float{position:fixed;bottom:330px;right:10px;width:40px;z-index:2; opacity: 0;}
.float .floatCode{position:absolute;width:131px;height:124px;right:45px;top:3px;display:none; background:url(../images/index/code.png) no-repeat top left;}
.float .floatCode img{position:absolute;top:16px;left:16px;width:92px;height:92px;}
.float .floatChild{overflow: hidden;position:relative;width:40px;height:40px;line-height:40px;margin:2px 0px;cursor:pointer;background:#5179ab; border-radius:5px;text-align:center;
transition-property: all;
transition-duration: .5s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: .5s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: .5s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: .5s; /* Opera */}
.float .floatQQ img{position:absolute;top:10px;left:10px;}
.float .floatCall img{position:absolute;top:8px;left:8px;}
.float .floatChild:hover{background:#00387d;}
.float .floatQQ:hover{width:210px;transform:translateX(-170px);-moz-transform:translateX(-170px);-ms-transform:translateX(-170px);-o-transform:translateX(-170px);-webkit-transform:translateX(-170px);}
.float .floatQQ:hover .childFont{opacity:1;}
.float .floatCall:hover{width:210px;transform:translateX(-170px);-moz-transform:translateX(-170px);-ms-transform:translateX(-170px);-o-transform:translateX(-170px);-webkit-transform:translateX(-170px);}
.float .floatCall:hover .childFont{opacity:1;}
.float .floatChild img,.float .floatChild span{vertical-align:middle;}
.float .floatChild .childFont{opacity:0; position:absolute;top:0px;left:40px;height:40px;line-height:40px;margin:0px 2px;color:#fff;font-size:14px;}

.footer{position:relative;width:100%;min-width:1200px;height:220px;background:#5b5c61;}
.footer .footerCode{position:absolute;top:45px;left:30px;}
.footer .footerLogo{position:absolute;top:45px;left:140px;}
.footer .footerWapLogo{position:absolute;top:45px;left:140px;display:none;}
.footer .footerState{position:absolute;top:100px;left:140px;width:290px;font-size:12px;color:#CBCBCB;}
.footer .beian2{position:absolute;left: 50%;bottom:4%;font-size:14px;color:#CBCBCB;transform: translateX(-50%);}
.footer .beian{/*position:absolute;left: 45%;bottom:4%;*/font-size:14px;color:#CBCBCB;}
.footer .beian1{font-size:14px;color:#CBCBCB;}
.footer .footerState a{color:#CBCBCB;}
.footer .footerCall{position:absolute;top:100px;right:30px;}
.footer .footerCall li{float:left;margin:0px 3px;cursor:pointer;}
.footer .footerLink{position:absolute;top:60px;right:30px;}
.footer .footerLink li{float:left;margin:0px 13px;}
.footer .footerLink li a{color:#CBCBCB;font-size:14px;}
.footer .footerLink li a:hover{color:#FFFFFF;}


@media (min-width: 240px) and (max-width: 319px) {
	
}
@media (min-width: 320px) and (max-width: 479px) {
.header{min-width:320px;height:50px;}
.header .logo{display:none;}
.header .wapLogo{top:9px;left:8px;width:71px;display:block;}
.header .wapNav{top:10px;right:15px;display:block;}
.header .wapNav .wapNavli{margin:0px 0px;width:30px;height:30px;line-height:25px;border-radius:10px;border:1px solid #fff;}
.header .wapNav .wapNavli img{width:16px;}
.header .nav{width:100%;left:0px;top:50px;background:#578FD6;z-index:2;display:none;}
.header .nav .navLi{width:100%;height:45px;line-height:45px;float:none;}
.header .nav .navLi:nth-child(1){border-bottom:1px solid #8ab2e3;}
.header .nav .navLi .navTitle{display:none;}
.header .nav .navLi .navWapTitle{text-align: left;display:block;}
.header .nav .navLi .headWapIcon{width:23px;}
.header .nav .navLi .headWapPointer{position:absolute;top:18px;right:16px;width:10px;margin:0px;}
.header .nav .navLi img{ margin:0px 15px;}
.header .nav .navLi font{ font-size:16px;}
.header .language{display:none;}
.header .seach {display: none;background: #5791d6;height: 44px;width: 100%;top: 50px;left: 0px;z-index:2;}
.header .seach .seachTxt {top: 0px;left: 0px;width:88%;height: 41px;color:#fff;padding-left: 10px;background: none;font-size: 16px;}
.header .seach .seachBtn {top: 15px;right: 9px;width:13px;}
.header .headPhone{display: none;}
.navContent{display:none !important;}

.footer{min-width:320px;height:150px;}
.footer .footerCode{display:none;}
.footer .footerLogo{display:none;}
.footer .footerWapLogo{display:none;}
.footer .footerState{top:90px;left:0px;width:100%;text-align:center;}
.footer .footerCall{display:none}
.footer .footerLink{position:absolute;top:20px;left:0px;text-align:center;}
.footer .footerLink li{float:none;display:inline-block;margin:0px 13px;}

.float{display:none;}
}
@media (min-width: 480px) and (max-width: 639px) {
.header{min-width:480px;height:70px;}
.header .logo{display:none;}
.header .wapLogo{top:13px;left:12px;width:106px;display:block;}
.header .wapNav{top:12px;right:23px;display:block;}
.header .wapNav .wapNavli{margin:0px 0px;width:45px;height:45px;line-height:40px;border-radius:12px;border:2px solid #fff;}
.header .wapNav .wapNavli img{width:24px;}
.header .nav{width:100%;left:0px;top:70px;background:#578FD6;z-index:2;display:none;}
.header .nav .navLi{width:100%;height:68px;line-height:68px;float:none;}
.header .nav .navLi:nth-child(1){border-bottom:1px solid #8ab2e3;}
.header .nav .navLi .navTitle{display:none;}
.header .nav .navLi .navWapTitle{text-align: left;display:block;}
.header .nav .navLi .headWapIcon{width:35px;}
.header .nav .navLi .headWapPointer{position:absolute;top:27px;right:24px;width:15px;margin:0px;}
.header .nav .navLi img{ margin:0px 22px;}
.header .nav .navLi font{ font-size:20px;}
.header .language{display:none;}
.header .seach {display: none;background: #5791d6;height: 66px;width: 100%;top: 70px;left: 0px;z-index:2;}
.header .seach .seachTxt {top: 0px;left: 0px;width:88%;height: 61px;color:#fff;padding-left: 15px;background: none;font-size: 20px;}
.header .seach .seachBtn {top: 23px;right: 15px;width:20px;}
.header .headPhone{display: none;}
.navContent{display:none !important;}

.footer{min-width:480px;height:225px;}
.footer .footerCode{display:none;}
.footer .footerLogo{display:none;}
.footer .footerWapLogo{display:none;}
.footer .footerState{top:170px;left:0px;width:100%;text-align:center;}
.footer .footerCall{top:100px;left:0px;width:100%;text-align:center;}
.footer .footerCall li{float:none;margin:0px 3px;display:inline-block;}
.footer .footerLink{position:absolute;top:30px;left:0px;text-align:center;}
.footer .footerLink li{float:none;display:inline-block;margin:0px 20px;}

.float{display:none;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.header{min-width:640px;height:100px;}
.header .logo{display:none;}
.header .wapLogo{top:17px;left:15px;display:block;}
.header .wapNav{top:20px;right:30px;display:block;}
.header .wapNav .wapNavli{margin:0px 5px;width:58px;height:58px;line-height:58px;border-radius:10px;border:2px solid #fff;}

.header .nav{width:100%;left:0px;top:100px;background:#578FD6;z-index:2;display:none;}
.header .nav .navLi{width:100%;height:89px;line-height:89px;float:none;}
.header .nav .navLi:nth-child(1){border-bottom:1px solid #8ab2e3;}
.header .nav .navLi .navTitle{display:none;}
.header .nav .navLi .navWapTitle{text-align: left;display:block;}
.header .nav .navLi .headWapPointer{position:absolute;top:36px;right:32px;margin:0px;}
.header .nav .navLi img{ margin:0px 30px;}
.header .nav .navLi font{ font-size:30px;}
.header .language{display:none;}
.header .seach {display: none;background: #5791d6;height: 88px;width: 100%;top: 100px;left: 0px;z-index:2;}
.header .seach .seachTxt {top: 0px;left: 0px;width:88%;height: 84px;color:#fff;padding-left: 20px;background: none;font-size: 30px;}
.header .seach .seachBtn {top: 30px;right: 17px;width: 25px;}
.header .headPhone{display: none;}
.navContent{display:none !important;}

.footer{min-width:640px;height:200px;}
.footer .footerCode{display:none;}
.footer .footerLogo{display:none;}
.footer .footerWapLogo{display:none;}
.footer .footerState{top:150px;left:0px;width:100%;text-align:center;}
.footer .footerCall{top:100px;left:0px;width:100%;text-align:center;}
.footer .footerCall li{float:none;margin:0px 3px;display:inline-block;}
.footer .footerLink{position:absolute;top:40px;left:0px;text-align:center;}
.footer .footerLink li{float:none;display:inline-block;margin:0px 13px;}

.float{display:none;}

}
@media (min-width: 1024px) and (max-width:1300px ) {
.header{min-width:1024px;}
.header .logo{display:none;}
.header .wapLogo{display:block;top: 9px;left: 7px;width: 110px;}
.header .nav{left:180px;top:0px;}
.header .nav .navLi{width:150px;}
.header .seach{width:200px;height:40px;}
.header .seach .seachTxt{width:160px;height:38px;line-height:38px;border:0px;}

.navContent{min-width:1024px;height:705px;}
.navContent .center{width:1024px;height:705px;}
.navContent .center .navContentTitle{width:100%;height:44px;line-height:44px;color:#333333;font-size:14px;margin-top:20px;border-bottom:1px solid #dddddd;}
.navContent .center .navChilds1{position:relative;width:100%;text-align:center;}
.navContent .center .navChilds1 .child{ width:190px;margin:0px 5px;}
.navContent .center .navChilds1 .child .childImg{width:190px;height:150px;line-height:150px;}
.navContent .center .navChilds2 .child{ width:204px;height:255px;}
.navContent .center .navChilds2 .child .childImg{display:none;}
.footer{min-width:1024px;height:220px;}
.footer .footerLogo{display:none;}
.footer .footerWapLogo{display:block;}
.footer .footerCall{top:90px;}
.footer .footerCall li{margin:0px 5px;}
.footer .footerLink{top:50px;right:10px;}
.footer .footerLink li{margin:0px 13px;}
}



/*css3 animate*/

#imageMagnify{
	animation:imageMagnify 0.3s  ease-out 0s  both;
	-moz-animation:imageMagnify 0.3s  ease-out 0s  both;
	-webkit-animation:imageMagnify 0.3s   ease-out 0s  both;
	-o-animation:imageMagnify 0.3s   ease-out 0s  both;
}
@keyframes imageMagnify{
0%{ transform:scale(1);}
100%{ transform:scale(1.2);}
}
@-moz-keyframes imageMagnify{
0%{-moz-transform: scale(1);}
100%{ -moz-transform:scale(1.2);}
}
@-webkit-keyframes imageMagnify {
0%{-webkit-transform: scale(1);}
100%{ -webkit-transform:scale(1.2);}
}
@-o-keyframes imageMagnify{
0%{-o-transform: scale(1);}
100%{ -o-transform:scale(1.2);}
}

#imageNarrowing{
	animation:imageNarrowing 0.3s  ease-in 0s  both;
	-moz-animation:imageNarrowing 0.3s  ease-in 0s  both;
	-webkit-animation:imageNarrowing 0.3s   ease-in 0s  both;
	-o-animation:imageNarrowing 0.3s   ease-in 0s  both;
}
@keyframes imageNarrowing{
100%{ transform:scale(1);}
0%{ transform:scale(1.2);}
}
@-moz-keyframes imageNarrowing{
100%{-moz-transform: scale(1);}
0%{ -moz-transform:scale(1.2);}
}
@-webkit-keyframes imageNarrowing {
100%{-webkit-transform: scale(1);}
0%{ -webkit-transform:scale(1.2);}
}
@-o-keyframes imageNarrowing{
100%{-o-transform: scale(1);}
0%{ -o-transform:scale(1.2);}
}