*{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,"微软雅黑","宋体","黑体";}
body{overflow:hidden;}
img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a{ text-decoration:none; outline:none;}
a:active {star:expression(this.onFocus=this.blur());} 
a:focus { outline: 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;}

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

.header{position:fixed;height:90px;width:100%;background:#fff;z-index:5;border-bottom:1px solid #cccccc;}
.header .logo{position:absolute;top:20px;left:31px;height:50px;}
.header .nav{position:absolute;top:0px;right: 0;/*width:840px;*/height:90px;}
.header .nav li{float:left;margin:0 15px;text-align:center;color:#666;font-size:16px;font-weight: bold;margin-top: 25px;}
.header .nav li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .nav li.on{color:#c00000;}
.header .nav li:hover{color:#c00000;}

.header .btn{position:absolute;top:0px;right:0px;}
.header .btn.pcBtn{}
.header .btn.wapBtn{display:none;z-index:1;}
.header .btn .title{line-height:24px;padding-top:23px;text-align:center;font-size:20px;color:#fff;}
.header .btn .icon{position:absolute;top:0px;right:0px;width:138px;height:101px;background:#1C8BD0;cursor:pointer;overflow:hidden;}
.header .btn .icon .sub{position:absolute;left:0px;right:0px;margin:0 auto;width:56px;height:3px;background:#fff;}
.header .btn .icon .sub{transition-duration:1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; }
.header .btn .icon .sub.sub1{top:60px;}
.header .btn .icon .sub.sub2{top:66px;}
.header .btn .icon .sub.sub3{top:72px;}

.header .btn .list{display:none;position:absolute;top:101px;right:0px;width:138px;}
.header .btn .list li{height:50px;line-height:50px;font-size:18px;color:#FFFFFF;text-align:center;background:#1C8BD0;}
.header .btn .list li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .btn .list li:hover{background:#1C8BD0;}
.header .btn .list li.on{background:#1C8BD0;}
.header .language{position:absolute;right:170px;top:0px;bottom:0px;height:20px;line-height:20px;margin:auto 0;text-align:right;}
.header .language .child{color:#999999;font-size:18px;float:right;width:48px;text-align:center;}
.header .language .child.on{color:#E52129;}
.header .language .sub{color:#BABABA;font-size:18px;float:right;}
.header .nav .navBg{display:none;position:absolute;top:0px;width:140px;height:4px;background:#1C8BD0;}
.header .nav .navBg{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }


.nav-list{position:fixed;z-index:2;top:-300px;left:0px;width:100%;background:url(../images/w-bg.png);padding:35px 0;}
.nav-list .n-content{position:absolute;}
.nav-list .container{height:220px;width:100%;}
.nav-list .content{float:left;border-right:1px solid #e0e2e5;}
.nav-list .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.nav-list .content ul{float:left;padding-right:30px;}
.nav-list .content li{text-align:center;padding:0 10px;/*width:80px;*/height:34px;line-height:34px;margin-bottom:10px;color:#656565;font-size:16px;}
.nav-list .content li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav-list .content li:hover{color:#FFFFFF;background:#1C8BD0;}
.nav-list .contentImg1{float:left;padding:0 60px;}
.nav-list .contentImg1 img{display:none;max-height:100%;}
.stance{height:90px;}

.banner{position:relative;width:100%;height:auto;overflow:hidden;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle; visibility:hidden;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-position:center center; background-attachment:fixed;background-size:cover;background-repeat:no-repeat;text-align:center;}

.bannerTitle{position: absolute;top: 0;bottom: 0px;margin: auto 0;width: 407px;height: 200px;line-height: 200px;color: #FFFFFF;font-size: 62px;text-align: center;background: #1C8BD0;}
.bannerTitle .title{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;width:264px;height:100px;line-height:100px;border-top:3px solid #fff;border-bottom:3px solid #fff;}


.footnav{position:relative;background:#cfcfcf;overflow:hidden;}
.footnav:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.footnav .left{width:81.458%;float:left;background:#e9e9e9;}
.footnav .left .content{padding:38px 3.196%;}
.footnav .left .child{float:left;width:14.45%;margin-right:10.23%;}
.footnav .left .child .childHead{position:relative;padding-bottom:24px;border-bottom:1px solid #efefef;}
.footnav .left .child .childHead .title{line-height:24px;color:#333333;font-size:18px;}
.footnav .left .child .childHead .titleEn{display:none;line-height:16px;color:#656565;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.footnav .left .child .childHead .sub{position:absolute;bottom:0px;left:0px;width:100%;height:1px;background:#bbbbba;}
.footnav .left .child .childContent{padding:18px 0;}
.footnav .left .child .childContent li{line-height:24px;padding:6px 0;color:#656565;font-size:14px;}
.footnav .left .child .childContent li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.footnav .left .child .childContent li:hover{color:#1C8BD0;}
.footnav .right{width:18.542%;float:left;}
.footnav .right .child{padding:38px 14.04%;}
.footnav .right .child .childHead{position:relative;padding-bottom:24px;border-bottom:1px solid #afaead;}
.footnav .right .child .childHead .title{line-height:24px;color:#333333;font-size:18px;}
.footnav .right .child .childHead .titleEn{display:none;line-height:16px;color:#656565;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.footnav .right .child .childHead .sub{position:absolute;bottom:0px;left:0px;width:100%;height:1px;background:#dcdcdc;}
.footnav .right .links{margin:26px 0;cursor:pointer;background:#fff;position:relative;z-index:1;width:100%;height:26px;border:1px solid #9c9c9c;}
.footnav .right .links .title{position:absolute;top:0px;bottom:0px;left:8px;margin:auto 0;line-height:26px;color:#333333;font-size:14px;}
.footnav .right .links .pointer{position:absolute;top:0px;bottom:0px;right:10px;margin:auto 0;}
.footnav .right .links ul{display:none;position:absolute;z-index:1;top:26px;left:-1px;width:100%;border:1px solid #9c9c9c;background:#fff;height:156px;overflow-y:scroll;}
.footnav .right .links ul li{line-height:26px;color:#666;font-size:12px;}
.footnav .right .links ul li div{padding:0 8px;}
.footnav .right .links ul li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.footnav .right .links ul li:hover{background:#F3F3F3;}
.footnav .right .codes{position:relative;margin-top:40px;}
.footnav .right .codes .code{position:relative;width:116px;height:116px;}
.footnav .right .codes .bg{position:absolute;top:0px;left:0px;}

.footer{position:relative;height:100px;background:#333;overflow:hidden;}
.footer .nav{position:absolute;top:0;bottom:0px;margin:auto 0;height:20px;left:2.605%;}
.footer .nav:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.footer .nav li{line-height:16px;color:#E3E3E3;font-size:12px;float:left;padding:0 12px;border-right:1px solid #E3E3E3;}
.footer .nav li.no{border-right:0px;}
.footer .copyright{position:absolute;right:2.605%;top:0px;bottom:0px;line-height:24px;height:24px;color:#E3E3E3;margin:auto 0;font-size:14px;}
.footer .copyright p{float:left;}
.footer .copyright a{color:#E3E3E3;}

.returnTop{display:none;cursor:pointer;bottom:450px;border:3px solid #b8b8b8;position:fixed;z-index:3;right:10%;width:62px;height:62px;line-height:62px;text-align:center;border-radius:62px;-moz-border-radius:62px;-ms-border-radius:62px;-o-border-radius:62px;-webkit-border-radius:62px;}
.returnTop img{ vertical-align:middle;}


.loading{position:absolute;top:0px;bottom:0px;left:0px;right:0px;width:64px;margin:auto;display:none;}
@media (max-width: 639px) {
.container{width:93.75%;}

.header{height:46px;}
.header .logo{top: 10px;left: 8px;height: 30px;}
.header .nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;left:inherit;top:47px;right:-125px;width:124px;height:auto;line-height:normal;}
.header .nav .wapno{display:none;}
.header .nav li{border-bottom:1px solid #ddd;font-size:14px;margin:0px;width:124px;height:40px;line-height:40px;float:none;}
.header .nav li.on{color:#1C8BD0;}
.header .nav li:hover{color:#1C8BD0;background:#ddd;}
.header .nav li .sub{display:none;}
.header .nav .navBg{display:none !important;}
.header .nav .navSub{display:none !important;}
.header .btn.pcBtn{display:block;}
.header .btn.wapBtn{display:block;}
.header .btn .icon{width:56px;height:46px;}
.header .btn .icon .sub{width:30px;height:2px;}
.header .btn .icon .sub.sub1{top:15px;}
.header .btn .icon .sub.sub2{top:23px;}
.header .btn .icon .sub.sub3{top:31px;}

.header .language{top:0px;bottom:0px;margin:auto 0;right:64px;height:14px;line-height:14px;}
.header .language .child{font-size:14px;width:30px;}
.header .language .sub{font-size:14px;}

.header .btn .list{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;left:inherit;top:47px;right:-125px;width:124px;height:auto;line-height:normal;}
.header .btn .list li{background:#fff;color:#333333;border-bottom:1px solid #ddd;font-size:14px;margin:0px;width:124px;height:40px;line-height:40px;float:none;}
.header .btn .list li.on{color:#E50012;}
.header .btn .list li:hover{color:#E50012;background:#ddd;}
.header .btn .list li div{border-left:0px;}

.nav-list{display:none;}

.stance{height:46px;}

.banner .bannerBg{height:200px;}
.banner .content{ background-attachment:inherit;background-position:center center !important;}
.bannerTitle{left:0;right:0px;top:0px;bottom:0px;margin:auto;width:160px;height:80px;line-height:80px;font-size:23px;}
.bannerTitle .title{width:100px;height:38px;line-height:38px;border-top:1px solid #fff;border-bottom:1px solid #fff;}

.footnav .left{width:100%;text-align:center;}
.footnav .left .content{padding:20px 3.196%;}
.footnav .left .child{ vertical-align:top;margin:0 5%;width:38%;float:none;display:inline-block;*display:inline;*zoom:1;}
.footnav .left .child .childHead{padding-bottom:10px;}
.footnav .left .child .childHead .title{line-height:20px;font-size:16px;}
.footnav .left .child .childHead .titleEn{line-height:14px;font-size:12px;}
.footnav .left .child .childContent{padding:14px 0;}
.footnav .left .child .childContent li{line-height:18px;padding:4px 0;font-size:12px;}
.footnav .right{width:100%;}
.footnav .right .child{padding:20px 3.196%;}
.footnav .right .child .childHead{padding-bottom:10px;}
.footnav .right .child .childHead .title{line-height:20px;font-size:16px;}
.footnav .right .child .childHead .titleEn{line-height:14px;font-size:12px;}
.footnav .right .links{margin:20px 0;height:30px;}
.footnav .right .links .title{left:8px;line-height:30px;font-size:14px;}
.footnav .right .links .pointer{right:12px;}
.footnav .right .links ul{top:30px;height:100px;overflow-y:scroll;}
.footnav .right .links ul li{line-height:30px;font-size:12px;}
.footnav .right .links ul li div{padding:0 8px;}
.footnav .right .codes{margin-top:20px;}
.footnav .right .codes .code{width:87px;height:87px;}
.footnav .right .codes .bg{width:190px;}

.footer{height:auto;padding:16px 0;}
.footer .nav{position:relative;top:auto;left:auto;text-align:center;margin:0 auto;text-align:center;padding-bottom:6px;}
.footer .nav li{display:inline-block;*display:inline;*zoom:1;float:none;line-height:16px;font-size:14px;padding:0 8px;}
.footer .copyright{position:relative;right:auto;top:20px;line-height:16px;font-size:12px;text-align:center;width:90%;margin:0 auto;height: 35px;margin-bottom: 16px;}

.returnTop{display:none !important;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.container{width:93.75%;}

.banner .bannerBg{height:300px;}
.bannerTitle{left:0;right:0px;top:0px;bottom:0px;margin:auto;width:305px;height:150px;line-height:150px;font-size:46px;}
.bannerTitle .title{width:200px;height:75px;line-height:75px;border-top:2px solid #fff;border-bottom:2px solid #fff;}

.header{height:60px;}
.header .logo{top: 12px;left: 10px;height: 38px;}
.header .nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:61px;left:inherit;right:-125px;width:124px;height:auto;line-height:normal;}
.header .nav .wapno{display:none;}
.header .nav li{border-bottom:1px solid #ddd;font-size:14px;margin:0px;width:124px;height:40px;line-height:40px;float:none;}
.header .nav li.on{color:#E50012;}
.header .nav li:hover{color:#E50012;background:#ddd;}
.header .nav li .sub{display:none;}
.header .nav .navBg{display:none !important;}
.header .nav .navSub{display:none !important;}
.header .btn.pcBtn{display:block;}
.header .btn.wapBtn{display:block;}
.header .btn .icon{width:70px;height:60px;}
.header .btn .icon .sub{width:42px;height:2px;}
.header .btn .icon .sub.sub1{top:21px;}
.header .btn .icon .sub.sub2{top:30px;}
.header .btn .icon .sub.sub3{top:39px;}


.header .btn .list{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:61px;left:inherit;right:-125px;width:124px;height:auto;line-height:normal;}
.header .btn .list li{background:#fff;color:#333333;border-bottom:1px solid #ddd;font-size:14px;margin:0px;width:124px;height:40px;line-height:40px;float:none;}
.header .btn .list li.on{color:#E50012;}
.header .btn .list li:hover{color:#E50012;background:#ddd;}
.header .btn .list li div{border-left:0px;}

.header .language{right:80px;height:20px;top:0px;bottom:0px;margin:auto 0;line-height:20px;}
.header .language .child{font-size:18px;width:48px;}
.header .language .sub{font-size:18px;}

.nav-list{display:none;}

.stance{height:60px;}
.banner .bannerBg{height:300px;}
.footnav .left{width:100%;}
.footnav .left .content{padding:28px 3.196%;}
.footnav .left .child{margin:0 5%;width:15%;}
.footnav .left .child .childHead{padding-bottom:10px;}
.footnav .left .child .childHead .title{line-height:20px;font-size:16px;}
.footnav .left .child .childHead .titleEn{line-height:14px;font-size:12px;}
.footnav .left .child .childContent{padding:14px 0;}
.footnav .left .child .childContent li{line-height:18px;padding:4px 0;font-size:12px;}
.footnav .right{width:100%;}
.footnav .right .child{padding:28px 3.196%;}
.footnav .right .child .childHead{padding-bottom:10px;}
.footnav .right .child .childHead .title{line-height:20px;font-size:16px;}
.footnav .right .child .childHead .titleEn{line-height:14px;font-size:12px;}
.footnav .right .links{margin:20px 0;height:30px;}
.footnav .right .links .title{left:8px;line-height:30px;font-size:14px;}
.footnav .right .links .pointer{right:12px;}
.footnav .right .links ul{top:30px;height:100px;overflow-y:scroll;}
.footnav .right .links ul li{line-height:30px;font-size:12px;}
.footnav .right .links ul li div{padding:0 8px;}
.footnav .right .codes{margin-top:30px;}
.footnav .right .codes .code{width:87px;height:87px;}
.footnav .right .codes .bg{width:190px;}

.footer{height:auto;padding:20px 0;}
.footer .nav{position:relative;top:auto;left:auto;text-align:center;margin:0 auto;text-align:center;padding-bottom:6px;}
.footer .nav li{display:inline-block;*display:inline;*zoom:1;float:none;line-height:16px;font-size:14px;padding:0 12px;}
.footer .copyright{position:relative;right:auto;top:20px;line-height:24px;font-size:14px;text-align:center;width:90%;margin:0 auto;}

.returnTop{display:none !important;}
}
@media (min-width: 1024px) and (max-width:1440px ) {
.container{width:900px;}

.bannerTitle{width:305px;height:150px;line-height:150px;font-size:46px;}
.bannerTitle .title{width:200px;height:75px;line-height:75px;border-top:2px solid #fff;border-bottom:2px solid #fff;}

.header{height:75px;}
.header .logo{top:19px;left:23px;height:38px;}
.header .nav{left:0px;right:0px;margin:0 auto;width:576px;height:75px;line-height:75px;}
.header .nav li{width:80px;margin:0;font-size:15px;}

.header .btn .title{line-height:18px;padding-top:17px;font-size:15px;}
.header .btn .icon{width:104px;height:76px;}
.header .btn .icon .sub{width:42px;height:2px;}
.header .btn .icon .sub.sub1{top:45px;}
.header .btn .icon .sub.sub2{top:49px;}
.header .btn .icon .sub.sub3{top:53px;}

.header .btn .list{top:76px;width:104px;}
.header .btn .list li{height:40px;line-height:40px;font-size:14px;}

.header .language{right:128px;height:20px;line-height:20px;}
.header .language .child{font-size:16px;width:38px;}
.header .language .sub{font-size:16px;}

.nav-list{top:-200px;padding:34px 0;}
.nav-list .container{height:170px;}
.nav-list .content ul{padding-right:28px;}
.nav-list .content li{padding:0 6px;width:68px;height:25px;line-height:25px;margin-bottom:7px;font-size:12px;}
.nav-list .contentImg1{padding:0 45px;}

.nav-service .content{border-right:0px;border-left: 1px solid #e0e2e5;}
.nav-service .contentImg1{position:absolute;left:-335px;}

.stance{height:75px;}

.footnav .left .content{padding:28px 3.196%;}
.footnav .left .child .childHead{padding-bottom:10px;}
.footnav .left .child .childHead .title{line-height:20px;font-size:16px;}
.footnav .left .child .childHead .titleEn{line-height:14px;font-size:12px;}

.footnav .left .child .childContent{padding:14px 0;}
.footnav .left .child .childContent li{line-height:18px;padding:4px 0;font-size:12px;}

.footnav .right .child{padding:28px 14.04% 28px 10%;}
.footnav .right .child .childHead{padding-bottom:10px;}
.footnav .right .child .childHead .title{line-height:20px;font-size:16px;}
.footnav .right .child .childHead .titleEn{line-height:14px;font-size:12px;}

.footnav .right .links{margin:20px 0;height:20px;}
.footnav .right .links .title{left:6px;line-height:20px;font-size:12px;}
.footnav .right .links .pointer{right:8px;}
.footnav .right .links ul{top:20px;height:100px;overflow-y:scroll;}
.footnav .right .links ul li{line-height:20px;font-size:12px;}
.footnav .right .links ul li div{padding:0 6px;}
.footnav .right .codes{margin-top:30px;}
.footnav .right .codes .code{width:87px;height:87px;}
.footnav .right .codes .bg{width:190px;}

.footer{height:143px;}
.footer .nav{height:15px;}
.footer .nav li{line-height:16px;font-size:12px;padding:0 9px;}
.footer .copyright{line-height:18px;height:18px;font-size:12px;}


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

}
