html body {width: 100%}
/*header{background: url(../image/home/header.png) no-repeat;background-size: 100% 100%;height: 937px;position: relative;width: 100%}*/
header{background: url(../image/home/1.png) no-repeat;background-size: 100% 100%;height: 937px;position: relative;width: 100%}

header .head-top{padding-top: 10px;display: flex;justify-content: space-between;width: 100%;height:40px;position: fixed;z-index:999999;background-color: #4355668a}
header .head-top .head-ser{width: 100%}
header .head-top .head-ser ul{display: flex;width: 100%}
header .head-top .head-ser ul li.li1{margin-left: 70%;}
header .head-top .head-ser ul li.li2{margin-left: 5%;}
header .head-top .head-ser ul li.li3{margin-left: 5%;}
.linkA{color: #fff;font-size:16px;margin-right: 10px;line-height: 30px;}



/*背景*/
header .head-bot{text-align: left;padding-top: 560px;padding-left: 135px;width: 90%;}
header .head-bot h4{font-size:45px;color:#772000;}/*更改字体颜色*/
header .head-bot p{font-size: 16px;color: #772000;}  /*更改字体颜色*/

header .head-last{position: absolute;bottom: 20px;width: 100%;text-align: center;}
header .head-last .head-last-center{width: 65px;height: 65px;background-color: rgba(255,255,255,0.3);border-radius: 65px;text-align: center;margin: 0 auto;}
header .head-last .head-last-center img{position: relative;top:30px;}

header .head-bot h4 span{font-size: 54px;}

header .head-last{position: absolute;bottom: 20px;width: 100%;text-align: center;}
header .head-last .head-last-center{width: 65px;height: 65px;background-color: rgba(255,255,255,0.3);border-radius: 65px;text-align: center;margin: 0 auto;}
header .head-last .head-last-center img{position: relative;top:30px;}

/*主体部分*/
.wrapper{width: 100%;}
.container{width: 1200px;margin:0 auto;position: relative;min-width: 1200px;}
/*----------首页----------*/
.one{padding: 60px 0;}
.one .one-title{text-align: center;position: relative;}
.one .one-title h4{font-size: 45px;color: #f6f6f6;position: absolute;width: 100%;z-index: 5;}
.one .one-title h5{font-size: 35px;color: #333;z-index: 10;position: relative;top: 20px;}
.one .one-title p{text-align: center;position: relative;top: 40px;}
.one .one-title p span{display: inline-block;width: 60px;height: 2px;background-color: #333;}
.one .one-center{padding-top: 80px;}
.one .one-center ul{display: flex;flex-wrap: wrap;}
.one .one-center ul li{width: 33.33%;position: relative;}
.one .one-center ul li.li1{}
.one .one-center ul li.li1 .li1-top{height: 440px; background: url(../image/home/one01.png) no-repeat;background-size: 100% 100%;position: relative;}
.one .one-center ul li.li1 .li1-top .li1-top-title{width: 200px; background-color: rgba(255,255,255,0.8);padding: 40px 20px;}
.one .one-center ul li.li1 .li1-top .li1-top-title h4{font-size: 20px;color: #333;}
.one .one-center ul li.li1 .li1-top .li1-top-title p{font-size: 14px;}
.one .one-center ul li.li1 .li1-bot{display: flex;height: 240px;}
.one .one-center ul li.li1 .li1-bot img{width: 100px;height: 100px;}
.one .one-center ul li.li1 .li1-bot .li1-bot-center{padding: 40px 20px 0 40px;}
.one .one-center ul li.li1 .li1-bot h4{font-size: 20px;}
.one .one-center ul li.li1 .li1-bot h5{font-weight: normal;font-size: 14px;margin-bottom: 20px;}
.one .one-center ul li.li1 .li1-bot p{font-size: 14px;line-height: 24px;}

/**hover**/
.one .one-center ul li.li1 .li1-all{display: none; position: absolute;width: 100%;height: 100%;z-index: 200;background-color: #0c4261;top: 0;}
.one .one-center ul li.li1 .li1-all .all-top{text-align: left;position: relative;left: 1px;top: 20px;padding: 4px}
.one .one-center ul li.li1 .li1-all .all-top p{color: #fff;font-size: 14px;line-height: 24px;}
.one .one-center ul li.li1 .li1-all .all-bot{position: absolute;bottom: 20px;left: 20px;}
.one .one-center ul li.li1 .li1-all .all-bot h4{color: #fff;font-size:28px; line-height: 38px;}
.one .one-center ul li.li1 .li1-all .all-bot p{color: #fff;font-size: 13px;line-height: 24px;}

.one .one-center ul li.li1 .li1-top:hover .li1-all{display: block;}

.one .one-center ul li.li2{background-color: #eeeeee;text-align: right;}
.one .one-center ul li.li2 .li2-top{height: 400px;padding:20px;}
.one .one-center ul li.li2 .li2-top h4{font-size: 20px;}
.one .one-center ul li.li2 .li2-top h5{font-size: 16px;font-weight: normal;margin-top: 20px}
.one .one-center ul li.li2 .li2-top p{font-size: 14px;line-height: 24px;}

.one .one-center ul li.li2 .li2-bot{position: relative; background: url(../image/home/one03.png) no-repeat;background-size: 100% 100%;height: 240px;text-align: center;}
.one .one-center ul li.li2 .li2-bot h4{font-size: 20px;color: #fff;text-align: left;padding-top: 20px;padding-left: 10px}
.one .one-center ul li.li2 .li2-bot h5{font-size: 16px;color: #fff;margin-top: 10px;font-weight: normal;}
.one .one-center ul li.li2 .li2-bot p{text-align: center;margin-top: 10px;}
.one .one-center ul li.li2 .li2-bot p span{display: inline-block;width: 60px;height: 2px;background-color: #fff;}
/**hover**/
.one .one-center ul li.li2 .li2-bot .li2-botHover{display: none; position: absolute;top: 0;left: 0;background-color: #0c4261;width: 100%;height: 100%;}
.one .one-center ul li.li2 .li2-bot .li2-botHover .li2-botHoverAll{padding: 20px;margin: 15px 20px;border: 1px solid #fff;}
.one .one-center ul li.li2 .li2-bot .li2-botHover .li2-botHoverAll p{font-size: 14px;color: #fff;line-height: 24px;margin-top: 0;}
.one .one-center ul li.li2 .li2-bot:hover  .li2-botHover{display: block;}






.one .one-center ul li.li3{}
.one .one-center ul li.li3 .li3-top{position: relative; height: 240px;background: url(../image/home/one04.png) no-repeat;background-size: 100% 100%;}
.one .one-center ul li.li3 .li3-top .li3-top-center{padding: 40px 20px;text-align: right;}
.one .one-center ul li.li3 .li3-top .li3-top-center h4{font-size: 20px;color: #fff;position: relative;z-index: 200;}
.one .one-center ul li.li3 .li3-top .li3-top-center h5{font-weight: normal;font-size: 14px;color: #fff;position: relative;z-index: 200;}
.one .one-center ul li.li3 .li3-top .li3-top-center p{font-size: 14px;color: #fff;line-height: 24px;position: relative;z-index: 200;}
.one .one-center ul li.li3 .li3-bot{height: 440px;background: url(../image/home/one05.png) no-repeat;background-size: 100% 100%;}
.one .one-center ul li.li3 .li3-bot .li3-bot-center{padding: 20px;}
.one .one-center ul li.li3 .li3-bot .li3-bot-center h4{font-size: 20px;color: #fff;}
.one .one-center ul li.li3 .li3-bot .li3-bot-center h5{font-size: 14px;font-weight: normal;margin-bottom: 20px;color: #fff;}
.one .one-center ul li.li3 .li3-bot .li3-bot-center p{font-size: 14px;color: #fff;line-height: 24px;}
/**hover**/
.one .one-center ul li.li3 .li3-top .li3-hover{display: none; position: absolute; z-index: 200;background-color: #0c4261;width: 100%;height: 100%;top: 0;left: 0;}
.one .one-center ul li.li3 .li3-top .li3-hover .li3-hover-center{position: absolute;bottom: 20px;left: 20px;}
.one .one-center ul li.li3 .li3-top .li3-hover .li3-hover-center p{font-size: 14px;color: #fff;line-height: 24px;}
.one .one-center ul li.li3 .li3-top:hover .li3-hover{display: block;}


/*----------底部----------*/
footer{height: 550px;overflow: hidden;position: relative;}
.foot-left{background-color: #1f93d3;height: 550px;width: 50%;float: left;}
.foot-right{background-color: #222222;height: 550px;width: 50%;float: left;}

.foot{position: absolute;top: 60px;display: flex;width: 100%;}
.foot-one{width: 780px;height: 180px;}
.foot-one .foot-one-center{padding: 60px;}
.foot-one{background-color: #fff;width: 780px;height: 430px;margin-right: 60px;}
.foot-one h4{font-size: 30px;margin-bottom: 10px;}
.foot-one p{font-size: 16px;line-height: 24px;margin-top: 30px;}
.foot-two{width: 40%}
.foot-two ul{width: 100%}
.foot-two ul li{}
.foot-two ul li .one-title h4{font-size: 40px;color: #222c34;text-align: center;}
.foot-two ul li .one-title h5{color: #1f93d3;font-size: 28px;text-align: center;position: relative;top: -33px;margin-bottom: -10px;}
.foot-two ul li .one-title p{text-align: center;}
.foot-two ul li .one-title p span{width: 60px;height: 2px;display: inline-block;background-color: #1f93d3;}
.foot-two ul li.li2{margin-top: 40px;}
.foot-two ul li img{vertical-align: middle;margin-right: 20px;}
.foot-two ul li span{font-size: 14px;color: #fff;}
.foot-two ul li p{color: #fff;}

.yuan01{position: fixed;top: 20px;left: 20px; width: 20px;height: 20px;border-radius: 20px;background-color: #fff;}
.yuan01{}