*{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
html,body{font-size:14px;background:#fff;width:100%;margin:0px;padding:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}

img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a{text-decoration: none;}
ul,li{list-style-type:none;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
.fl {float:left;}
.fr {float:right;}

.container{position:relative;width:1200px;margin:0px auto;}
.container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.header{position: relative;width:100%;height:100px;background:#fff;z-index:5;border-bottom:1px solid #e0e0e0;}
.header .container{height:100%;}
.header .headerLogo{position:absolute;top:6px;left:60px;width:181px;}
.header .nav .navTop{position:absolute;top:0px;display:none;height:4px;background:#1762aa;}
.header .nav .navTop{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .nav{position:absolute;top:0px;right:0px;width:75%;height:100px;}
.header .nav .child{position:relative;float:left;width:9%;height:100px;line-height:100px;text-align:center;color:#555555;}
.header .nav .child.navChildSearch{line-height:20px !important;}
.header .nav .child:hover .title{color:#0052a2;}
.header .nav .child .title{font-size:16px;color:#555555;}
.header .nav .child .title{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .nav .child.on .title{color:#0052a2;}
.header .nav .child .childContent{display:none;position:absolute;top:100px;width:150px;}
.header .nav .child .childContent .childContentLi{background:url(../images/navChildBg.png);color:#666;font-size:14px;height:38px;line-height:38px;border-bottom:1px solid #c6c5c4;
-webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);}
.header .nav .child .childContent .childContentLi:hover{background:#0a62a6;color:#fff;}
.header .list{
	margin-left: 20px;
	margin-right:60px;
	height: 100px;
	line-height: 100px;
	font-size: 14px;
	color: #b2b2b2;
}
.header .list a{
	color: #b2b2b2;
	margin-left: 16px;
}
.header .list a:hover{
	color: #0052a2;
}

.header .search{
	margin-left:16px;
 	float: right;
 	margin-top: 36px;
 	width: 208px;
 	height: 28px;
 	background: url("../images/ser.png") no-repeat center;
}
.header .search input{
    width: 165px;
    line-height: 28px;
    height: 28px;
    margin-left: 10px;
    border: none;
    background: none;
    float: left;
    display:inline;
    color: #b2b2b2;
    overflow: hidden;
}
.header .search input.submit{
	display: block;
	margin:0 5px 0 0;
    width: 22px;
    height:28px;
    float: right;
    cursor: pointer;
}

.wapNavBtn{display:none;position:absolute;top:38px;right:32px;cursor:pointer;}
.wapNavPointer{display:none;position:absolute;top:3px;right:3px;cursor:pointer;}

.stance{height:0px;}

.banner{height:400px;background-size:auto 400px;background-repeat:no-repeat;background-position:center center;}
.banner .container{height:100%;}
.banner .bannerTitle{width:180px;height:100px;position:absolute;top:0px;bottom:0px;left:0px;margin:auto 0;padding:20px 40px;background:url(../images/bl-bg.png);display:none;}
.banner .bannerTitle .title{line-height:54px;font-size:40px;color:#fff;}
.banner .bannerTitle .titleEn{line-height:26px;padding-bottom:14px;font-size:20px;color:#fff;font-family:"Century Gothic";}
.banner .bannerTitle .sub{width:53px;height:3px;background:#e8f0f6;}


.main .mainTitle{position:relative;height:54px;border-bottom:1px solid #cecece;}
.main .mainTitle .title{line-height:54px;color:#434343;font-size:26px;}
.main .mainTitle .link{position:absolute;bottom:10px;right:0px;text-align:right;line-height:22px;height:22px;}
.main .mainTitle .link a{color:#656565;font-size:14px;vertical-align:baseline;}
.main .mainTitle .link span{color:#656565;font-size:12px;font-family:"宋体";vertical-align:baseline;}

.mainBtn{position:relative;text-align:right;padding-right: 50px;}
.mainBtn .mainBtnContent{display:inline-block;*display:inline;*zoom:1;text-align:center;}
.mainBtn .mainBtnContent .child{color:#656565;font-family:Arial, Helvetica, sans-serif;width:30px;height:30px;line-height:30px;cursor:pointer;background:#ebebeb;display:inline-block;*display:inline;*zoom:1}
.mainBtn .btn{ vertical-align:middle;margin:0 40px;cursor:pointer;}
.mainBtn .mainBtnContent .child:hover{background:#1681d2;color:#fff;}
.mainBtn .mainBtnContent .child.on{background:#1681d2;color:#fff;}
.footstance{height:60px;background:#fff;}

.footer {
	padding-top: 56px;
	width: 100%;
	background: #0a62a6;
	overflow: hidden;
}
.footer .footer-top {
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #2480c6;
}
.footer .footer-top .footer-logo {
	overflow: hidden;
	padding-bottom: 26px;
}
.footer .footer-top .left {
	width: 50%;
	overflow: hidden;
	float: left;
}
.footer .footer-top .footer-logo::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	overflow: visible;
}
.footer .footer-top .erweima {
	width: 160px;
	height: auto;
	text-align: center;
	float: left;
	margin-right: 12px;
}
.footer .footer-top .erweima p {
	font-size: 16px;
	color: #fff;
	padding-top: 8px;
}
.footer .right {
	float: right;
}
.footer .right ul {
	overflow: hidden;
	padding-bottom: 40px;
}
.footer .right ul li {
	float: left;
}
.footer .right ul li a {
	font-size: 16px;
	color: #fff;
}
.footer .right ul .nor::after {
	content: "";
}
.footer .right ul li::after {
	content: "|";
	color: #fff;
	padding: 0 16px;
}
.footer .right p {
	font-size: 16px;
	color: #eeeeee;
	line-height: 28px;
	padding-left: 35px;
}
.footer .right .tel {
	background: url(../images/tel.png) no-repeat left center;
}
.footer .right .area {
	background: url(../images/area.png) no-repeat left center;
}
.footer .right .mail {
	background: url(../images/mail.png) no-repeat left center;
}
.footer .copy {
	height: 52px;
	line-height: 52px;
}
.footer .copy p {
	float: left;
	font-size: 13px;
	color: #fff;
}
.footer .copy .share {
	float: right;
}


@media (max-width: 639px) {
.container{width:93.75%;}

.header{height:50px !important;}
.header .headerLogo{top:3px !important;left:16px;width:92px;}
.header .nav .navTop{display:none !important;}
.header .nav{display:none;top:50px;right:0px;width:100%;height:auto !important;background:#fff;padding-bottom:10px;}
.header .nav .child{float:none;width:90%;text-align:left;margin:0 auto;color:#333333;
  background-color: #f9f9f9;
  border-left:1px solid #dadada;
  border-right:1px solid #dadada;
  border-bottom:1px solid #dadada;
  height:auto !important;
  line-height: 35px !important;}
.header .nav .child:nth-child(2){border-top:1px solid #dadada;}
.header .nav .child .title{font-size:12px;color:#666;padding:0 2%;display: inherit;}
.header .nav .child .childContent{display:none;position:relative;top:0px !important;width:100%;}
.header .nav .child .childContent .childContentLi{padding:0 4%;color:#666;font-size:12px;height:35px;line-height:35px;border-top:1px solid #dadada;border-bottom:0px;}
.header .list{display:none;}
.header .search{display:none;}
.wapNavPointer{display:block;top:3px;right:3px;}
.wapNavBtn{display:block;top:19px;right:16px;width:24px;}

.stance{height:46px;}

.banner{height:200px;background-size: auto 200px;}
.banner .bannerTitle{width:120px;height:66px;padding:15px 30px;}
.banner .bannerTitle .title{line-height:32px;font-size:24px;}
.banner .bannerTitle .titleEn{line-height:18px;padding-bottom:8px;font-size:12px;}
.banner .bannerTitle .sub{width:40px;height:2px;}

.main .mainTitle{height:40px;}
.main .mainTitle .title{line-height:40px;font-size:20px;}
.main .mainTitle .link{bottom:4px;line-height:22px;height:22px;}
.main .mainTitle .link a{font-size:12px;}
.main .mainTitle .link span{font-size:12px;}

.mainBtn{text-align:center;}
.mainBtn .mainBtnContent .child{width:30px;height:30px;line-height:30px;}
.mainBtn .btn{margin:0 20px;}


.footstance{height:24px;}

.footer {
	padding-top: 0px;
}
.footer .left {
	font-size: 0;
	text-align: center;
	overflow: hidden;
}
.footer .footer-top .erweima {
	float: none;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	vertical-align: middle;
	overflow: hidden;
}
.footer .footer-top .left,  .footer .right {
	width: 100%;
}
.footer .right {
	padding-top: 12px;
}
.footer .right p,  .footer .footer-top .erweima p,  .footer .right ul li a {
	font-size: 12px;
}
.footer .right ul {
	padding: 4px 0;
	height: 20px;
}
.footer .footer-top {
	padding-bottom: 10px;
	display: none;
}
.footer .copy .share {
	display: none;
}
.footer .right ul li::after {
	padding: 0 5px;
}
.footer .copy {
	height: auto;
	overflow: hidden;
	padding: 10px 0;
}
.footer .copy p {
	float:none;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}
	
	
}
@media (min-width: 640px) and (max-width:1023px ) {
.container{width:93.75%;}

.header{height:73px !important;}
.header .headerLogo{top:6px !important;left:31px;width:130px;}
.header .nav .navTop{display:none !important;}
.header .nav{display:none;top:73px;right:0px;width:100%;height:auto !important;background:#fff;padding-bottom:20px;}
.header .nav .child{float:none;width:90%;text-align:left;margin:0 auto;color:#333333;
  background-color: #f9f9f9;
  border-left:1px solid #dadada;
  border-right:1px solid #dadada;
  border-bottom:1px solid #dadada;
  height:auto !important;
  line-height: 35px !important;}
.header .nav .child:nth-child(2){border-top:1px solid #dadada;}
.header .nav .child .title{font-size:12px;color:#666;padding:0 2%;display: inherit;}
.header .nav .child .childContent{display:none;position:relative;top:0px !important;width:100%;}
.header .nav .child .childContent .childContentLi{padding:0 4%;color:#666;font-size:12px;height:35px;line-height:35px;border-top:1px solid #dadada;border-bottom:0px;}
.header .list{display:none !important;}
.header .search{display:none;}
.wapNavPointer{display:block;top:3px;right:3px;}
.wapNavBtn{display:block;top:29px;right:33px;width:32px;}

.stance{height:60px;}

.banner{height:260px;background-size: auto 260px;}
.banner .bannerTitle{width:135px;height:75px;padding:15px 30px;}
.banner .bannerTitle .title{line-height:40px;font-size:30px;}
.banner .bannerTitle .titleEn{line-height:20px;padding-bottom:10px;font-size:15px;}
.banner .bannerTitle .sub{width:40px;height:2px;}

.main .mainTitle{height:40px;}
.main .mainTitle .title{line-height:40px;font-size:20px;}
.main .mainTitle .link{bottom:8px;line-height:22px;height:22px;}
.main .mainTitle .link a{font-size:12px;}
.main .mainTitle .link span{font-size:12px;}

.footstance{height:45px;}

.footer {
	padding-top: 40px;
}
.footer .left {float: left;}
.footer .left,.footer .right {width: 50%;}
  .footer .right {
    padding-top: 22px;
  }
  .footer .right p,
  .footer .footer-top .erweima p,
  .footer .right ul li a {
    font-size: 14px;
  }
  .footer .right ul li::after {
    padding: 0 5px;
  }
  .footer .copy {
    height: auto;
    overflow: hidden;
  }
  .footer .copy p {
    font-size: 12px;
  }
}
@media (min-width: 1024px) and (max-width:1199px ) {
.container{width:900px;}
.header{height:80px !important;}
.header .headerLogo{top:7px !important;left:50px;width:140px;}
.header .nav .navTop{height:2px;}
.header .nav{height:80px !important;}
.header .nav .child{height:80px !important;line-height:80px !important;}
.header .nav .child .title{font-size:12px;}

.header .nav .child .childContent{top:80px !important;}
.header .nav .child .childContent .childContentLi{font-size:12px;height:30px;line-height:30px;}
.header .list{
	margin-left:10px;
	margin-right:50px;
	height: 80px;
	line-height: 80px;
	font-size:12px;
}
.header .search{
	margin-left:16px;
 	float: right;
 	margin-top: 36px;
 	width: 155px;
 	height: 21px;
 	background: url("../images/ser.png") no-repeat center;
}
.header .search input{
    width: 124px;
    line-height: 21px;
    height: 21px;
    margin-left: 10px;
    border: none;
    background: none;
    float: left;
    display:inline;
    color: #b2b2b2;
    overflow: hidden;
}
.header .search input.submit{
	display: block;
	margin:0 5px 0 0;
    width: 17px;
    height:28px;
    float: right;
    cursor: pointer;
}

}
@media (min-width: 1200px) and (max-width:1440px ) {


.banner{height:300px;background-size:auto 300px;}
.banner .bannerTitle{width:135px;height:75px;padding:15px 30px;}
.banner .bannerTitle .title{line-height:40px;font-size:30px;}
.banner .bannerTitle .titleEn{line-height:20px;padding-bottom:10px;font-size:15px;}
.banner .bannerTitle .sub{width:40px;height:2px;}

.main .mainTitle{height:40px;}
.main .mainTitle .title{line-height:40px;font-size:20px;}
.main .mainTitle .link{bottom:8px;line-height:22px;height:22px;}
.main .mainTitle .link a{font-size:12px;}
.main .mainTitle .link span{font-size:12px;}

.footstance{height:45px;}

.footer .head{padding:38px 0;}
.footer .code{width:140px;}
.footer .code .codeImg{padding:6px;}
.footer .code p{line-height:16px;padding-bottom:6px;font-size:12px;}
.footer .foot-child{margin-top:8px;padding:0 36px;min-height:180px;}
.footer .foot-child:nth-last-child(3){border-right:0;}
.footer .foot-child .title{line-height:16px;font-size:14px;}
.footer .foot-child .childContent{padding-top:20px;}
.footer .foot-child li{font-size:12px;line-height:18px;padding:2px 0;}
.footer .map{display:none;}
.footer .alibaba{height:38px;}
.footer .foot .container{height:42px;line-height:42px;}
.footer .foot .footnav{line-height:13px;height:13px;}
.footer .foot .footnav li{padding:0 10px;font-size:12px;}
.footer .foot .copyright{font-size:12px;}


}
@media (min-width: 1441px) and (max-width:1920px ) {

}


.banner .bannerTitle{animation:bannerTitle 1s  ease-in-out 0s  both;
	-moz-animation:bannerTitle 1s  ease-in-out 0s  both;
	-webkit-animation:bannerTitle 1s  ease-in-out 0s  both;
	-o-animation:bannerTitle 1s  ease-in-out 0s  both;}
	
@keyframes bannerTitle{
0%{ transform:translateX(200px); opacity:0;}
50%{ transform:translateX(-20px);}
100%{ transform:translateX(0px);opacity:1;}
}
@-moz-keyframes bannerTitle{
0%{ -moz-transform:translateX(200px); opacity:0;}
50%{ -moz-transform:translateX(-20px);}
100%{ -moz-transform:translateX(0px);opacity:1;}
}
@-webkit-keyframes bannerTitle {
0%{ -webkit-transform:translateX(200px); opacity:0;}
50%{ -webkit-transform:translateX(-20px);}
100%{ -webkit-transform:translateX(0px);opacity:1;}
}
@-o-keyframes bannerTitle{
0%{ -o-transform:translateX(200px); opacity:0;}
50%{ -o-transform:translateX(-20px);}
100%{ -o-transform:translateX(0px);opacity:1;}
}