/* 顶部导航 */
.xky_nav{width: 100%;max-width: 1920px;background: linear-gradient(#2c6dc5, #7dc4ea);display: flex;justify-content: space-around;position:fixed;z-index:999;top:0px;box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.nav_logo{text-align: center;max-width: 350px;min-width: 18.75rem;}
@media screen and (min-width:1500px) {
	min-width:400px;
}
.nav_logo img{width: 240px;height: 80px;}
.nav_center{margin: 0 auto;overflow: hidden;width: 1200px;}
.nav_center>ul{overflow: hidden;margin-bottom: 0px;display: flex;justify-content: center;}
.nav_center>ul>li{float: left;text-align: center;margin: 0 10px;}
.nav_center>ul>li:hover{border-bottom:3px solid #fff;}
.nav_center>ul>li>a{line-height: 77px;color: #fff;text-align: center;display: block;height: 100%;font-size: 14px;padding: 0 10px;}
.nav_seach{min-width: 300px;height: 80px;max-width: 350px;}
.nav_seach form{line-height: 80px;overflow: hidden;position: relative;top: 20px;}
.nav_seach input[type="text"]{background: rgba(0,0,0,0);border: 1px solid #fff;height: 38px;width: 180px;color: #fff;border-radius: 19px 0 0 19px;padding-left: 20px;outline: none;border-right: none;}
.nav_seach input[type="text"]::-webkit-input-placeholder{color: #fff;}
.nav_seach input[type="text"]::{color: #fff;}
.nav_seach input[type="submit"]{width: 40px;height: 40px;background: url(../images/search_nav.png) 1px 3px no-repeat;background-size: 30px 30px;border: 1px solid #fff;border-left: none;outline: none;cursor: pointer;border-radius: 0 19px 19px 0;}
.lang{font-size: 14px;color: #FFFFFF;position: absolute;right: 20px;top: 50%;transform: translate(0 , -50%);}
input:-webkit-autofill{box-shadow: 0 0 0px 0px white inset !important;}
.search_center{float: left;}
.search_right{float: left;}
.two_nav{position: absolute;background: #fff;min-width: 100px;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.3);z-index: 99;}

.two_nav li{margin: 10px 10px;border-bottom: 1px dashed #e5e5e5;transition: all 0.35s;border-radius: 2px;}
.two_nav li:hover{background: rgb(211,211,211,0.3);}
.two_nav li:hover a{color: #418dd6;}
.two_nav a{font-size: 14px;line-height: 30px;text-align: left;color: #878585;}
.nav_center>ul>li:hover .two_nav{display: block;}
/* 底部 */
.footer_bg{width: 100%;max-width: 1920px;margin: 0 auto;background: #418dd6;padding-bottom: 30px;;}
.footer_box{width: 1200px;margin: 0 auto;position: relative;}
.footer_logo{padding: 20px 0px;}
.footer_logo img{width: 190px; height: 80px;}
.footer_nav>ul{padding-bottom: 30px;width: -webkit-fit-content;width: fit-content;border-bottom: 1px solid #fff;margin-bottom: 30px;}
.footer_nav>ul>li{float: left;padding: 0 30px;border-left: 1px solid #fff;}
.footer_nav>ul>li:hover a{color: #c1c1c1;}
.footer_nav>ul>li>a{font-size: 14px;color: #fff;}
.footer_nav>ul:after{content: "";display: block;height: 0px;clear: both;visibility: hidden;}
.footer_text{font-size: 14px;color: #fff;line-height: 30px;}
.footer_mail_one{display: inline-block;}
.footer_mail_two{padding-left: 10px;display: inline-block;}
.footer_mail_three{padding-left: 10px;display: inline-block;}
.footer_QRcode{position: absolute;right: 0px;top: 120px;}
.footer_QRcode img{width:150px;height:150px;}
.footer_QRcode_text{text-align: center;font-size: 16px;line-height: 50px;color: #fff;}
.footer_copyright_bg{width: 100%;max-width: 1920px;height: 50px;margin: 0 auto;background: #000;}
.footer_copyright{width: 1200px;color: #fff;line-height: 50px;font-size: 14px;margin: 0 auto;}
.footer_copyright span,.footer_copyright a{color: #fff;font-size: 14px;}

/* 右侧悬浮客服*/
/* 公共属性,进行公共样式统一更改,一般不做更改. */
.lianxi_box{width:46px;position:fixed;top:34%;right:20px;z-index:9999;}
.right_box{width:46px;height:46px;position:relative;box-shadow:0 0 3px rgba(0,0,0,0.3);border: 1px solid #d1d1d1;border-radius: 23px;transition: 0.35s;}
.right_box:hover{border: 1px solid #418DD6;transform: scale(1.2);}
.right_box:hover .right_box_big{display: block;}
.big_box{position: absolute;bottom:0px;right:46px;padding-right:20px;}	
.right_box_big{min-width: 100px;min-height: 80px;box-shadow:0 0 5px rgba(0,0,0,0.2);display:none;transition:0.5s;background:#fff;border-radius: 5px;}
.box_in{min-width: 140px;margin:0 auto;padding:20px;}
.box_in:before{content: "";width: 36px;height: 36px;position: absolute;}
.box_in_text{margin-left: 50px;}
.box_in_title{color: #989898;font-size: 14px;white-space: nowrap;}
.box_in_content{color: #ff9900;font-weight: 600;font-size: 18px;white-space: nowrap;}
.right_box_big .QRcode{width:100px;margin:0 auto;display: block;padding: 15px 15px 0 15px;}/*二维码图片*/
.right_box_big .QRcode_text{text-align:center;font-size: 14px;line-height: 40px;color:#333;}/*二维码文字*/
button{outline: none;border: none;cursor: pointer;}
/* 私有属性,用作自定义修改 */
.lianxi_box_one{background:url(../images/kefu1.png) #FFF no-repeat center center/30px 30px;}
.lianxi_box_two{top:10px;background:url(../images/phone1.png) #FFF no-repeat center center/25px 25px;}
.lianxi_box_three{top:20px;background:url(../images/skype1.png) #FFF no-repeat center center/25px 25px;}
.lianxi_box_four{top:30px;background:url(../images/QRcode1.png) #FFF no-repeat center center/25px 25px;}
.lianxi_box_one:hover{background:url(../images/kefu2.png) #418dd6 no-repeat center center/30px 30px;}
.lianxi_box_two:hover{background:url(../images/phone2.png) #418dd6 no-repeat center center/25px 25px;}
.lianxi_box_three:hover{background:url(../images/skype2.png) #418dd6 no-repeat center center/25px 25px;}
.lianxi_box_four:hover{background:url(../images/QRcode2.png) #418dd6 no-repeat center center/25px 25px;}
.hot_phone:before{content: "";background: url(../images/zuoji1.png) no-repeat center center/36px 36px;}
.hot_phone:hover:before{background: url(../images/zuoji2.png) no-repeat center center/36px 36px;}
.mobile:before{content: "";background: url(../images/mobile1.png) no-repeat center center/36px 36px;}
.mobile:hover:before{background: url(../images/mobile2.png) no-repeat center center/36px 36px;}
.skype:before{content: "";background: url(../images/skype_in1.png) no-repeat center center/36px 36px;}
.skype:hover:before{background: url(../images/skype_in2.png) no-repeat center center/36px 36px;}
.return_top{top:40px;background:url(../images/return_top1.png) #fff no-repeat center center/25px 25px;}
.return_top:hover{background:url(../images/return_top2.png) #418dd6 no-repeat center center/25px 25px;}
