@import url("//at.alicdn.com/t/font_2380836_oalvlq9fdbo.css");
.xhmain{width: 100%;box-sizing: border-box;}
/* 鍏叡澶撮儴 */
.cy_header{position: fixed;top: 0;z-index: 999;width: 100%;}
.cy_header .top{width: 100%;background: #5dc2d0;color: #fff; line-height:30px;}
.cy_header .top span{color: #fff;font-size: 12px;}
.cy_header .top>div{display: flex;box-sizing: border-box;width: 1380px;align-items: center;justify-content: space-between;margin: 0 auto;padding: 5px 0;}
.cy_header .top .header_mobile{margin-right: 40px;display: inline-block;}
.header{width: 100%;background: #fff;height: 80px;box-shadow: 0 0 5px #c1c1c1;}
.header>hr{width: 100%;height: 2px;position: absolute;top: 0;background: #5dc2d0;display: block;border: none;margin: 0;}
.header .header_body{width: 1400px;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.header_body ul{display: flex;height: 100%;justify-content: center;}
.header_body ul li{height: 100%;display: flex;justify-content: center;align-items: center;position: relative;margin: 0 3px;}
.header_body ul li>a{height: 63px;line-height: 63px;text-align: center;color: #333;font-size: 16px;display: block;transition: .2s text-indent ease-in;padding: 0 16px;}
.header_body ul li:after{content: '';display: block;width: 0%;height: 3px;background: #5dc2d0;transition: .3s all ease;margin: 0 auto;position: absolute;top: 77px;}
.header_body ul li:hover::after{width: 100%;transition: .3s all ease;}
.header_body ul li>a:hover{color:#5dc2d0;transition: .2s all ease-in;}
.head_link{position: absolute;display: flex;width:425px;align-items: flex-start;background: #fff;z-index: 0;visibility: hidden;top: 100px;left: -70px;box-shadow: 0px 8px 20px -5px #d0d0d0;transition: .3s transparent ease-in;transform: translateY(20px);opacity: 0;padding: 10px 0;}
.head_link .left{width: 120px;flex-shrink: 0;display: flex;flex-direction: column;align-items: center;border-right: 1px solid #f4f4f4;}
.head_link .left a{width: 100%;text-align: center;height:43px;color: #333;line-height: 43px;transition: .2s color ease-in;}
.head_link .left a:hover{transition: .2s all ease-in;color: #5dc2d0;}
.head_link .right{box-sizing: border-box;padding: 15px 25px;}
.head_link .right img{width: 256px;height: 111px;}
.head_link .right p{color: #666;font-size: 12px;padding: 10px 0;box-sizing: border-box;line-height: 22px;}
.header_body ul li:hover .head_link{opacity: 1;transition: .3s all ease-in;transform: translateY(-20px);z-index: 99;visibility: visible;}
.boxnone{height: 500px;width: 100%;}

/* 搴曢儴 */
.footer{width: 100%;display: flex;align-items: center;position: relative;height: 320px;}
.footer .left{width: 70%;height: 100%;background:url(../img/bg2.png)}
.footer .right{width: 30%;background:url(../img/bg.png);height: 100%;}
.footer .footer_main{position: absolute;height: 100%;width: 1400px;top: 0;left: 50%;margin-left: -700px;display: flex;align-items: center;justify-content: space-between;}
.footer_main .item1{text-align: center;padding-top: 20px;}
.footer_main .item1 h3{font-size: 40px;font-weight: bold;}
.footer_main .item1 p{font-size: 17px;font-weight: bold;text-transform:uppercase;margin: 20px 0 70px 0;}
.footer_main .item1 a{color: #666;font-size: 14px;}
.footer_main .item2{width: 410px;}
.footer_main .item2>div ul{display: flex;align-items: center;justify-content: space-between;padding: 17px 0;}
.footer_main .item2>div ul li{position: relative;transition: .2s all ease-in;}
.footer_main .item2>div ul li::before{content: '';width: 0px;height: 5px;border-radius: 50%;background: #5dc2d0;display: inline-block;position: absolute;top: 50%;margin-top: -2px;left: -10px;transition: .2s all ease-in;}
.footer_main .item2>div ul a{font-size: 16px;color: #666;transition: .2s all ease-in;}
.footer_main .item2>p{color: #666;font-size: 16px;margin-top: 20px;}
.footer_main .item2>div ul li:hover::before{width: 5px;transition: .2s all ease-in;}
.footer_main .item2>div ul li:hover{transform: translateX(5px);transition: .2s all ease-in;}
.footer_main .item2>div ul li:hover a{color: #3d999e;transition: .2s all ease-in;}

.footer_main .item3{padding-right: 26px;}
.footer_main .item3 .top{display: flex;align-items: center;margin-bottom: 45px;}
.footer_main .item3 .top  img{margin-right: 15px;}
.footer_main .item3 .top h3{color: #fff;font-size: 28px;font-weight: bold;}
.footer_main .item3 .top p{color: #fff;font-size: 13px;}

.footer_main .item3 .bom{display: flex;align-items: center;}
.footer_main .item3 .bom img{width: 100px;height: 100px;margin-right: 10px;}
.footer_main .item3 .bom div{text-align: center;}
.footer_main .item3 .bom p{color: #fff;font-size: 16px;margin-bottom: 10px;}

/* 搴曢儴 */