box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
@charset "utf-8";
/* 清除内外边距 */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td {margin: 0;padding: 0;}
input,textarea {border: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body, button, input, select, textarea{font: 14px/22px 'Helvetica Neue',Helvetica,Arial,'Microsoft YaHei','PingFang SC',sans-serif;color: #787878;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0;} /*覆盖bootstrape对标题加的默认外边距*/
address, cite, dfn, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #787878; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#666;}

/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */}

/* 重置表格元素 */
table {border-collapse: collapse;border-spacing: 0;}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html{overflow-y: scroll;overflow-x:hidden;}
body{width: 100%;margin: 0 auto;overflow-x:hidden;}
.body-color{background: #fff;}
.bodyHtml{height: 100%;overflow: hidden;}
/* 设置滚动条的样式 */::-webkit-scrollbar {width: 6px;height:6px;}
/* 滚动槽 */::-webkit-scrollbar-track {border-radius: 3px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb {border-radius: 3px;background: rgba(0,0,0,0.3);;}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.1);}

/*设置浮动与定位*/
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*清除浮动*/
.clear{clear: both;height: 0;}
.clearafter:after,.clearfix:after {content:"";display:block;height:0;visibility:hidden;clear:both;}

/*内容区域宽度*/
.content, .center_ny{width: 1280px;margin: 0 auto;}
@media screen and (max-width: 766px){
    .content, .center_ny{width: 94%;margin: 0 auto;}
}

/*动画*/
@keyframes heart{
    from{transform:translate(0,0)}
    to{transform:translate(0,10px)}
}
.heart{animation: heart 1s ease-in-out infinite alternate;}

@font-face{
	font-family: 'Arial';
	src : url('../fonts/Arial.ttf');
}

@font-face{
	font-family: 'Calibri';
	src : url('../fonts/Calibri.ttf');
}

@font-face{
	font-family: 'Impact';
	src : url(' ../fonts/Impact.ttf');
}

a:link{text-decoration:none;}
a:hover{color: none;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left: 0px;padding-right: 0px;}
.row{margin-right: 0px;margin-left: 0px;}
ul{margin-bottom: 0px;padding-inline-start: 0;}
h1, h2, h3, h4, h5, h6{margin: 0px;}
h1, .h1, h2, .h2, h3, .h3 ,p{margin: 0px;}

ul,li{ list-style:none;}
.c{clear: both;}
.fl{float: left;}
.fr{float: right;}


/*网站头部*/
.head{position: relative;}
.head-fixed{background: #ffffff;padding: 0 5.21%;height: 110px;/*box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);*/z-index: 99;}
.head-fixed.fixed{position: fixed;left: 0;right: 0;top: 0;}
.head-logo{float: left;width: 12.791%;display: table;}
.head-logo a{display:table-cell;vertical-align: middle;height: 110px;padding: 5px 0;}
.head-logo img{max-width: 100%;max-height: 100px;display: inline-block;}
.head-text, .head-icon{display: none;}
.head-nav{float: right;width: 80%;padding-right: 125px;position: relative;}
.head-nav li{float: left;width: 12.5%;height: 110px;padding-top: 32px;position: relative;}
.head-nav li > a{display: block;height: 46px;line-height: 46px;padding: 0 10px;font-size: 18px;font-weight: 400;color: #233550;text-transform: uppercase;text-align: center;position: relative;border-radius: 10px;overflow: hidden;}
.head-nav li.cur > a, .head-nav li:hover > a{background: linear-gradient(90deg, #2794cf, #07afd9, #0bdcee);color: #ffffff;}
.head-nav li dl{position: absolute;
    top: 100px;
    left: 0;
    background: rgba(35, 53, 80, 0.6);
    z-index: 999;
    padding: 0 10px;
    overflow: hidden;
    min-width: 100%;
    box-sizing: border-box;
    -webkit-transition: max-height 0.4s linear;
    -moz-transition: max-height 0.4s linear;
    transition: max-height 0.4s linear;
    max-height: 0;
}
.head-nav li dt{line-height: 24px;height: 24px;overflow: hidden;display: block;margin: 8px 0;}
.head-nav li dt a{font-size: 14px;line-height: 20px;display: block;color: #fff;height: 20px;word-break: keep-all;white-space: nowrap;}
.head-nav li dt:hover a{text-decoration: underline;}
.head-nav li:hover dl{max-height: 500px;}
.head-language{height: 46px;position: absolute;right: 0;top: 50%;margin-top: -23px;z-index: 10;}
.head-language span{display: block;padding: 0 46px 0 32px;background: url("../images/head-language-icon1.png") no-repeat left center;height: 46px;line-height: 46px;font-size: 18px;color: #6c6c6c;cursor: pointer;}
.head-language span:before{content: "";width: 10px;height: 6px;background: url("../images/head-language-icon2.png") no-repeat center;position: absolute;top: 50%;margin-top: -3px;right: 25px;z-index: 10;}
.head-language span:after{content: "";width: 2px;height: 20px;background-color: #aaaaaa;position: absolute;right: 0;top: 50%;margin-top: -10px;z-index: 5;}
.head-language dl{
    width: 110%;
    position: absolute;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 9999;
    top: 45px;
    right: 0;
    background: rgba(35, 53, 80, 0.6);
    padding: 0 10px;
}
.head-language dd{line-height: 20px;height: 20px;overflow: hidden;display: block;margin: 8px 0;}
.head-language dd a{font-size: 13px;line-height: 20px;display: inline-flex;color: #fff;}
.head-language dd i{padding-right: 10px;display: inline-block;height: 20px;padding-top: 1px;}
.head-language dd i img{width: 24px;height: 16px;}
.head-language:hover dl{max-height: 500px;}
.head-language dd a:hover{text-decoration: underline;}
@media screen and (max-width: 1740px) {
    .head-fixed{padding: 0 4.5%;}
    .head-nav li > a{padding: 0 5px;font-size: 16px;}
    .head-nav li dt a{font-size: 14px;}
    .head-language span{font-size: 16px;}
}
@media screen and (max-width: 1540px) {
    .head-fixed{padding: 0 3%;}
    .head-nav li > a{padding: 0 5px;font-size: 15px;}
    .head-nav li dt a{font-size: 14px;}
}
@media screen and (max-width: 1420px){
    .head-fixed{width: 1280px;margin: 0 auto;padding: 0;}
    .head-nav li > a{padding: 0 5px;font-size: 14px;}
    .head-nav li dt a{font-size: 13px;}
    .head-language span{font-size: 14px;}
}
@media screen and (max-width: 765px){
    .head{position: relative;height: 9rem;}
    .head-fixed{width: 100%;height: 9rem;box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);z-index: 99;}
    .head-logo{float: left;width: 24%;margin-left: 4%;height: 9rem;overflow: hidden;}
    .head-logo a{height: 9rem;padding: 0;}
    .head-text{float: left;width: 50%;height: 9rem;margin-left: 8%;display: block;}
    .head-text span{float: left;width: 50%;padding: 0 1rem;}
    .head-text span a{display: block;height: 9rem;font-size: 2.8rem;line-height: 9rem;color: #53637f;text-transform: uppercase;overflow: hidden;}
    .head-icon{position: absolute;width: 5.6rem;height: 5.6rem;background: linear-gradient(90deg, #2794cf, #07afd9, #0bdcee);border-radius: 50%;right: 4%;top: 50%;margin-top: -2.8rem;z-index: 2;cursor: pointer;display: block;}
    .head-icon:before, .head-icon:after, .head-icon i{content: "";position: absolute;width: 2.6rem;height: 0.2rem;left: 50%;margin-left: -1.3rem;right: 0;background: #ffffff;border-radius: 2rem;z-index: 2;}
    .head-icon:before{top: 2rem;}
    .head-icon:after{bottom: 2rem;}
    .head-icon i{top: 50%;margin-top: -0.1rem;}
    .head-nav{float: none;max-width: none;padding-right: 0;border-top: 0.1rem solid #e6e6e6;background: #ffffff;position: fixed;left: 0;right: 0;top: 9rem;bottom: 0;z-index: 999;display: none;}
    .head-nav ul{width: 86.667%;margin: 0 auto;padding-top: 2rem;}
    .head-nav ul > li{float: none;padding: 0;height: 8rem;border-bottom: 0.1rem solid #e4e6eb;position: relative;}
    .head-nav ul > li > a{display: block;max-width: 100%;height: 8rem;line-height: 8rem;font-size: 3rem;color: #53637f;font-weight: 400;overflow: hidden;}
    .head-nav ul > li dl{display: none;}
    .head-nav ul > li.cur > a,
    .head-nav ul > li:hover > a{background: none;color: #53637f;}
    .head-language{display: none;}
}

/*网站底部*/
.footer{padding: 180px 0 30px;background: #111d3a;overflow: hidden;}
.footer .footer-top{padding-bottom: 100px;}
.footer .top-left{float: left;width: 65%;}
.footer .top-left dl{margin-bottom: 50px;}
.footer .top-left dd{float: left;margin-right: 7.6%;}
.footer .top-left dd:last-child{margin-right: 0;}
.footer .top-left h4{margin-bottom: 2px;}
.footer .top-left h4,
.footer .top-left h4 a{display: block;height: 40px;line-height: 40px;font-size: 24px;color: #fefeff;font-weight: 400;text-transform: uppercase;}
.footer .top-left dd h4 i{display: none;}
.footer .top-left dd p a{display: block;height: 36px;line-height: 36px;font-size: 16px;color: #8da6c4;overflow: hidden;}
.footer .top-left dd p a:hover{text-decoration: underline;}
.footer .left-follow p{height: 36px;line-height: 36px;font-size: 16px;color: #8da6c4;overflow: hidden;}
.footer .follow-list{padding-top: 5px;}
.footer .follow-list-mc{display: none;}
.footer .follow-list a{float: left;width: 26px;margin-right: 18px;}
.footer .follow-list img{width: 26px;height: 26px;display: block;}
.footer .top-right{float: right;width: 32.8125%;position: relative;}
.footer .top-right h4{margin-bottom: 18px;height: 40px;line-height: 40px;font-size: 24px;color: #fefeff;font-weight: 400;text-transform: uppercase;}
.footer .top-right input, .footer .top-right textarea{display: block;width: 100%;padding: 0 10px;height: 37px;line-height: 35px;font-size: 15px;color: #fefeff;background: none;margin-bottom: 9px;border: 1px solid #475774;border-radius: 4px;box-sizing: border-box;}
.footer .top-right .form-code{padding-right: 100px;position: relative;}
.footer .top-right .form-code img{position: absolute;width: 90px;height: 37px;right: 0;top: 0;}
.footer .top-right textarea{height: 72px;resize: none;}
.footer .top-right input::-webkit-input-placeholder,
.footer .top-right textarea::-webkit-input-placeholder {color: #8da6c4;}
.footer .top-right input::-moz-placeholder,
.footer .top-right textarea::-moz-placeholder {color: #8da6c4;}
.footer .top-right input:-ms-input-placeholder,
.footer .top-right textarea::-ms-input-placeholder {color: #8da6c4;}
.footer .top-right .tj{display: inline-block;width: auto;max-width: 300px;height: 38px;line-height: 38px;font-size: 16px;color: #ffffff;text-transform: uppercase;border: 0;background: linear-gradient(90deg, #2794cf, #07afd9, #0bdcee);cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.footer .footer-bot{min-height: 30px;position: relative;}
.footer .footer-bot .mc{display: none;}
.footer .footer-bot .pc{line-height: 30px;min-height: 30px;font-size: 16px;color: #84a1b8;text-align: center;overflow: hidden;opacity: 0.5;}
.footer .footer-bot .pc p span{padding-left: 20px;}
.footer .footer-bot .pc p a{color: #84a1b8;}
.footer .footer-bot .pc p a:hover{text-decoration: underline;}
@media screen and (max-width: 765px){
    .footer{padding: 4rem 0 5.5rem;}
    .footer .footer-top{padding-bottom: 4rem;}
    .footer .top-left{float: none;width: 100%;}
    .footer .top-left dl{margin-bottom: 9rem;}
    .footer .top-left dd{float: none;width: 100%;margin: 0;padding: 0;border-bottom: 1px solid #3a4967;}
    .footer .top-left dd h4,
    .footer .top-left dd h4 a{display: block;height: 11rem;line-height: 11rem;font-size: 3rem;color: #99b0cf;margin: 0;}
    .footer .top-left dd h4 a{padding-right: 8rem;position: relative;}
    .footer .top-left dd h4 i{display: block;position: absolute;width: 3rem;height: 3rem;line-height: 3rem;font-size: 2.6rem;font-family: "宋体";font-style: normal;color: #99b0cf;text-align: center;right: 2.5rem;top: 50%;margin-top: -1.5rem;}
    .footer .top-left dd p{display: none;}
    .footer .left-follow h4,
    .footer .left-follow p,
    .footer .follow-list{display: none;}
    .footer .follow-list-mc{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;flex-wrap: wrap;}
    .footer .follow-list-mc a{width: 7rem;height: 7rem;margin: 0 1rem;}
    .footer .follow-list-mc img{width: 7rem;height: 7rem;display: block;}
    .footer .top-right{float: none;width: 100%;display: none;z-index: -10;}
    .footer .footer-bot{min-height: 4.6rem;position: relative;}
    .footer .footer-bot .pc{display: none;}
    .footer .footer-bot .mc{display: block;line-height: 4.6rem;min-height: 4.6rem;font-size: 2.8rem;color: #84a1b8;text-align: center;overflow: hidden;opacity: 0.5;}
    .footer .footer-bot .mc p span{padding: 0 1.2rem;}
    .footer .footer-bot .mc p a{color: #84a1b8;}
}

/*在线客服*/
.wsc-fixBar{position: fixed;right: 0;top: 40%;z-index: 1000;}
.fb-lx,.fb-em,.fb-online,.fb-top{width: 60px;height: 60px;margin-bottom: 1px;cursor: pointer;transition: 0.36s;font-size: 12px;text-align: center;line-height: 14px;padding-top: 35px;color: #fff;border-radius: 3px 0 0 3px;position: relative;}
.fb-lx a,.fb-em a,.fb-online a,.fb-top a{color: #fff;display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding-top: 37px;}
.fb-online{background: #0080cb url(../images/xf_ic1.png) no-repeat center 13px ;}
.fb-em{background: #0080cb url(../images/f_email.png) no-repeat center 18px;}
.fb-lx{background: #0080cb url(../images/xf_ic2.png) no-repeat center 15px;}
.fb-top{background: #0080cb url(../images/xf_ic4.png) no-repeat center 14px;}
.fb-top a{padding-top: 34px;}
.fb-online:hover,.fb-em:hover,.fb-lx:hover,.fb-top:hover{background-color: #0080cb;}
.fb-online a:hover,.fb-em a:hover,.fb-lx a:hover,.fb-top a:hover{color: #ffffff;}
.wb-share{float: left;margin-top: 4px;}
.wb-share img{margin-left: 20px;float: left;}
.left-block{float: left;}
.right-block{float: right;}
.half-block{width: 50%;box-sizing: border-box;}
.grey-block{height: 10px;background-color: #f6f6f6;}
.cTit{font-size: 36px;line-height: 40px;font-weight: bold;text-align: center;color: #1d2088;}
.cTitText{font-size: 16px;line-height: 26px;margin: 20px auto 0;color: #999;}
.btn{display: inline-block;box-sizing: border-box;border-radius: 2px;width: 200px;height: 50px;text-align: center;line-height: 38px;font-size: 16px;transition: 0.3s;}
.btn-blue{background-color: #1d2088;border: 1px solid #1d2088;color: #fff;}
.btn-blue:hover{background-color: #3235A0;border-color: #3235A0;color: #fff;}
.btn-white{background-color: #fff;border: 1px solid #1d2088;color: #1d2088;}
.btn-white:hover{background-color: #1d2088;color: #fff;}
.btn-red{background-color: #0080cb;border: 1px solid #0080cb;color: #fff;}
.btn-red:hover{background-color: #C41515;border-color: #C41515;color: #fff;}
.btn-whitebd{border: 1px solid #fff;color: #fff;}
.btn-whitebd:hover{background-color: #fff;color: #1d2088;}
.btaa{border-top: 1px dotted #e0e0e0;}

@media (max-width: 798px){
	.ft-btn .btn{display: block;margin: 0 auto;margin-bottom: 20px;}
	.ft-text{margin-bottom: 40px;}
	.foot-nav{margin-top: 40px;}
	.wsc-foot li span{margin: 0 10px}
}

@media (max-width: 650px){
	.wb-left{display: none;}
}

@media (max-width: 420px){
	.wsc-foot{padding-top: 40px;}
	.wsc-fixBar{display: none;}
	.wb-right{margin-right: 5%;}
	.fn-left{margin-left: 8%;}
}

/*内页广告*/
.ban-ny{position: relative;max-width: 1920px;margin: 0 auto;overflow: hidden;}
.ban-ny img{width: 100%;display: block;}
.ban-ny a{position: absolute;width: 180px;height: 50px;line-height: 50px;font-size: 15px;color: #25324D;text-align: center;text-transform: uppercase;background: #fff;border-radius: 48px;left: 50%;margin-left: -90px;bottom: 40px;z-index: 5;}
@media screen and (max-width: 765px){
    .ban-ny{display: none;}
}
























