.form-inline .checkbox label{ font-family:Arial, Helvetica, sans-serif;}
.label{font-family:Arial, Helvetica, sans-serif !important;}
* {
    margin: 0;
    padding: 0;
}

/*.container {
    width: 1170px !important;
}*/

body {
    min-width: 1200px;
    font-family: '微软雅黑', 'sans-serif' !important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

ul li {
    list-style-type: none;
}

span {
    color: #5f5f5f;
    font-size: 16px;
}

.row {
    margin: 0 !important;
}

.hero {
    position: relative;
    color: #fff;
    width: 100%;
    min-height: 100vh;
}

.logo-con {
    height: 10vh;
}
.container {
    position: relative;
    z-index: 1;
    text-align: center;
}
.logo span{ color:#2469b7; font-size:28px; font-weight:bold;}
.logo{ font-size:28px; font-weight:bold;letter-spacing: -1px;}

.logo > h1 {
    color: #3c76c5;
    font-size: 40px;
    font-weight: bold;
    margin-top: 30px;
}

.opt-logo {
    height: 60px;
    line-height: 125px;
}

.opt-logo > a {
    height: 60px;
    color: #5f5f5f;
    font-size: 16px;
    line-height: 98px;
    margin: 0px 14px
}

.nav-bg {
    clear: both;
    background: url('../images/ditu.png') no-repeat center top;
    height: 72vh;
    display: flex;
    align-items: center;
    background-size: cover;
}

.nav-bg-con {
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-bg-con > div {

}

.nav-trait {
    display: table;
    width: 100%;
    background-color: #245694;
    height: 18vh;
}
.nav-traitk{ padding:0 15% !important;}
.nav-trait .container {
    display: table-cell;
    vertical-align: middle;
}

.gray-con {
    clear: both;
    width: 100%;
    background-color: #222;
    height: 60px;
}

.slogan-con h1 {
    color: #3c76c5;
}

.img-list-swipper {
    border-radius: 50%;
    border: 2px solid #e0e0e0;
    padding: -10px;
    position: relative;
}
@media (min-width: 900px) {
    .img-list-swipper {
        width:90%
    }
}
@media (min-width: 1200px) {
    .img-list-swipper {
        width:80%
    }
	#canvasFont{
		font-size:13px
	}
	.logo > h1 {
    font-size: 34px;
    margin-top: 20px;
	}
.nav-traitk{ padding:0 9% !important;}
.hgstgd{ height:700px !important;}

}

@media (min-width: 1400px) {
    .img-list-swipper {
        width:100%
    }
	.logo > h1 {
    font-size: 45px;
    margin-top: 40px;
}
.nav-traitk{ padding:0 15% !important;}
.hgstgd{ height:706px !important;}
	#canvasFont{
		font-size:15px
	}

}

.img-list-swipper-con {
    margin: 8px;
    border-radius: 50%;
    overflow: hidden;
}

.title-span {
    position: absolute;
    width: 90px;
    height: 90px;
    color: white;
    right: 0px;
    border-radius: 50%;
    z-index: 3;
    background-color: #215391;
    bottom: 26px;
    padding-top: 6px;
    font-size: 18px;
}

.title-span p {
    margin: 0;
    font-weight: 600;
}

.trait-con-bg {
    background: url('../images/trait-list.png') no-repeat;
    width: 214px;
    height: 74px;
    padding: 12px 0 10px 72px;
    margin: auto;
    text-align: left;
}

p.trait-title {
    font-weight: 600;
}

.trait-con-bg p {
    margin: 0;
}

.trait-title i {
    font-size: 28px;
    font-style: normal
}

.trait-title i:after {
    content: '+';
    font-size: 22px;
    vertical-align: top;
}

.none-con i:after {
    content: '';
}

.trait-con-bg-bf {
    background-position-y: -76px;
}

.trait-con-bg-su {
    background-position-y: -152px;
}

.trait-con-bg-zz {
    background-position-y: -222px;
}

.special-list-con {
    text-align: center;
}

.special-list {
    color: white;
    font-size: 20px;
    padding-top: 16px;
}

.special-point {
    background-color: #222;
    display: inline-block;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    position: absolute;
    bottom: -22px;
    left: 60px;
    z-index: 1;
}

.special-con {
    margin-top: -1px;
}
.hgstgd{ height:606px;}
.hgst-con {
    width: 100%;
    height: 868px;
    background: url("../images/hg.jpg") no-repeat;
    background-size: cover;

}
.case-con-title{ padding-top:80px;}
.hgst-con h1, .case-con-title h1, .hgst-con-title h1 {
    font-size: 40px;
    margin-top: 80px;
    font-weight: bold;
}

.hgst-con span, .hgst-con-title span {
    font-size: 20px;
}

.hgst-con-title span {
    font-weight: 500;
    color: black;
}

.resolve-con {
    width: 100%;
    height: 670px;
    color: white;
    background: url("../images/reslove.jpg") no-repeat;
    background-size: cover;
}

.case-con-title h1 {
    margin-top: 0px;
    color: #2877bf;
}

.case-con-title span {
    color: #2877bf;
}

.resolve-con h1,
.friend-con h1 {
    font-size: 40px;
    margin-top: 38px;
    font-weight: bold;
}

.resolve-con span,
.friend-con span {
    color: white;
    font-size: 20px;
}

.case-con {
    height: 550px;
    background: url("../images/case.jpg") no-repeat;
    background-size: cover;
}

.friend-con {
    height: 540px;
    color: white;
    background: url("../images/hz.jpg") no-repeat;
    background-size: cover;
}

.platform-con {
    height: 656px;
}

/*.case-con-detail {
    background-size: cover;
    height: 524px;
    padding: 60px 0 130px;
}*/

/*.case-con-detail div {
    height: 225px;
    width:23%;
    margin: 0 1%
}*/

.case-con-detail div:first-child {
    margin-left: 0;
}

.case-con-detail div:last-child {
    margin-right: 0;
}

/*.case-con-detail > div div {
    background: url('../images/black.6.png');
    transition: all .3s ease;
    transform-origin: 50% 0;
    height: 100%;
    color: white;
    position: absolute;
    width: 100%;
    padding-top:39px;
	left:18px;
}*/

.case-con-detail > div:hover > div {
    opacity: 0;
}
.back-con{
    cursor: default;
}
.case-con-detail > div:hover div.back-con {
    opacity: 0.8;
    background-color: rgb(0, 0, 0);
}

.case-con-detail .back-con {
    opacity: 0;
    padding-top: 0;
    display: table;
}



.case-con-detail-img {
    background: url('../images/case-bg.png') no-repeat center;
}

/*.back-con p {
    font-size: 15px;
    display: table-cell;
	text-align:left;
	line-height:26px;
    margin: auto;
    vertical-align: middle;
    padding:20px;
}*/

.frient-box {
    margin-top: 80px;
}

.process-box ul {
    width: 1140px;
}

.process-box ul li {
    width: 210px;
    float: left;
    cursor: pointer;
    position: relative;
    margin-left: 144px;
    list-style-type: none;
}

.frient-box ul li {
    width: 19.5%;
    height: 100px;
    float: left;
    cursor: pointer;
    position: relative;
    list-style-type: none;
    overflow: hidden;
    padding: 0 13px;
    text-align: center;
    margin-bottom:30px;
}

.frient-box ul li div {
    background-color: white;
    height: 100%;
}

.trans-xg {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.friend-list-ntd2 {
    margin-top: 120px;
}
.swiper-container-res .swiper-slide{
    height: 260px;
}
.frient-box ul li:hover img,
.swiper-container-res .swiper-slide div:hover img
{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.frient-box ul li:hover .mengban {
    opacity: 0;
}

.process-box ul li .text-1 {
    z-index: 1;
}

.process-box ul li .text-2 {
    transition: all 0.8s ease;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 4;
    opacity: 0;
}

.process-box ul.lx-one li:nth-child(2) .kuai,
.process-box ul.lx-two li:last-child .kuai {
    background-color: white;
}

.process-box ul.lx-one li:nth-child(2) .resolve-con-detail,
.process-box ul.lx-two li:last-child .resolve-con-detail {
    color: #1d4677;
}

.process-box ul.lx-one li:last-child .kuai,
.process-box ul.lx-two li:first-child .kuai {
    background-color: #1d4677;
    border: none;
}

.process-box ul li:hover .text-2 {
    opacity: 1;
}

.process-box ul li:hover .text-1 {
    opacity: 0;
}

.process-box ul li .text-2 .mengban {
    position: absolute;
    z-index: 1;
    width: 210px;
    height: 210px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: black;
    opacity: 0.75;
    top: 70px;
}

.mengban {
    position: absolute;
    width: 100%;
    top: 0;
    background-color: black !important;
    opacity: 0.3;
}

.process-box ul li .kuai {
    width: 210px;
    height: 210px;
    float: left;
    cursor: pointer;
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 2px solid #ddd;
    margin-top: 70px;
}

.process-box ul li:first-child {
    margin-left: 0;
}

.lx-two {
    display: block;
    position: absolute;
    top: 184px;
    left: 200px;
    width: 1000px !important;
}

.resolve-con-detail {
    height: 100%;
    padding-top: 112px;
    position: relative;
    z-index: 4;
}

.resolve-con-detail p {
    font-size: 18px;
    font-weight: 500;
    color: white;
}

.resolve-con-detail h2 {
    font-size: 24px;
    font-weight: 500;
	line-height:32px;
}

/*.case-con-title span {
    font-size: 20px;
    font-weight: bold;
}*/
.dxal h3{ font-size:20px; line-height:30px;}
.hgst-box {
    margin-top: 48px;
    height: 406px;

}

.hgst-box > div {
    height: 100%;
    padding: 0 44px;
}

.hgst-box-con {
    border: 1px solid #ddd;
    height: 100%;
    border-radius: 6px;
    cursor: pointer;
}

.hgst-box-con:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.hgst-box-con .topcon {
    height: 164px;
    background-color: #eee;
    padding-top: 30px;
    border-radius: 6px 6px 0 0
}

.topcon h3 {
    font-size: 20px;
}

.hgst-box-con .bottomcon {
    text-align: left;
    padding: 22px 36px;
    color: black;
    font-size: 15px;
    font-weight: 500;
}

.hgst-box-con .bottomcon span {
    width: 50%;
    color: black;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
}
footer {
    font-size: 16px;
    color: #939393;
    background-color: #272727;
    padding-bottom:30px;
}
.head-fix{
    position: fixed;
    top: 0;
    z-index: 90;
}
.friend-link {
    min-height: 86px;
    padding-top: 42px;
    border-bottom: 1px solid #444444;
    margin: 0px 15px;
    color:#ccc;
}
.friend-link ul li a:hover{ color:#fff; text-decoration:none;}
.friend-link ul {
    display: inline-block;
    margin-bottom: 0;
}

.friend-link ul li {
    float: left;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    padding-right: 10px;
}
.scroll-nav{
    cursor: pointer;
}
.scroll-nav .special-point{
    display: none;
}
.active .special-point{
    display: block;
}
footer a {
    color: #ccc;
}

.tec-power { padding:20px 0px;
}
.tecl{ text-align:left;}
.tecl p{margin: 10px 0px;
    line-height: 25px; color:#ccc;}
.tecl p span,.tecl h3{ color:#ccc;}
.tecr{ padding-top:15px;}
.tecr{ text-align:right;}
.tecr span{ padding:0px 8px;}

.swiper-container {
    padding: 0 !important;
}

/*固定的悬浮窗*/
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 20%;
    right: -150px;
    cursor: pointer;
    transition: all .3s ease;
}

.yb_bar ul li,
.yb_conct_one li{
    width: 200px;
    height: 53px;
    font: 15px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}

.yb_bar li{
    background: #353535 url(../images/sidebar.png) no-repeat;
}
.yb_bar .yb_sy
.yb_bar .yb_top {
}
.yb_phone a{ color:#fff;}
.yb_phone a:hover,.yb_QQ a:hover,.yb_sy a:hover{ color:#fff; text-decoration:none;}
.yb_bar .yb_phone {
    background-position-y: -59px;
}

.yb_bar .yb_QQ {
    text-indent: 0;
    background-position-y: -116px;
}

.yb_bar .yb_ercode {
    background-position-y: -234px;
}
.yb_bar .yb_sy{  background-position-y: -176px;}
.hd_qr {
    padding: 0 29px 25px 29px;
}
.yb_sy a{ color:#fff;}
.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}
.yb_conct_one{
    background: #353535;
    height: 58px;
    width: 58px;
    left: 0;
}
.yb_conct_one li {
    height: 58px;
    width: 58px;
    color: white;
    font-size: 16px;
    line-height: 22px;
    text-indent: 0;
    padding: 7px 12px 0 10px;
}
.modal-header{
    background-color: #245694;
    color: white;
}
.modal-footer{
    text-align: center!important;
    border-top:none!important;
}
.modal-header span{
    color: white;
}
.close{
    opacity: 1!important;
}
.col-red{
    color:red;
}
.form-block .checkbox{
    display: block!important;
}
.form-group{
    padding: 10px;
}
.checkbox{
    padding: 4px;
}
.form-control{
    margin-left: 3px;
}

/* 意见反馈 */

.tck{display: none;width: 40%;border:1px solid #047bf0; background-color: white; position: fixed; top: 100px; left: 30%; z-index: 9999; padding:20px;box-shadow: 5px 5px 5px #eee;}
.fkwt{ color:#047bf0; font-size:20px; border-bottom:1px solid #047bf0; padding-bottom:10px;}
.tcbiaoti{ padding:15px 0px;}
.tijiao{ background:#047bf0; color:#fff; width:150px; height:30px; border:none;}
.quxiao{ background:#ececec; color:#047bf0;width:150px; height:30px; border:none;}
.fkwt a{color:#047bf0;}











.container {
    width: 1170px !important;
     position: relative;
    z-index: 1;
    text-align: center;
  /*  display: table-cell;*/
    vertical-align: middle;
    margin-right: auto; 
    margin-left: auto;
}

.case-con-title span {
    color: #2877bf;
}

.case-con-detail {
    background-size: cover;
    height: 524px;
    padding: 60px 0 130px;
}

.case-con-detail div {
    height: 230px;
    width:18%;
    margin: 0 1%
}
.container {
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
}
.case-con-detail > div div {
    background: url('../images/black.6.png');
    transition: all .3s ease;
    transform-origin: 50% 0;
    height: 100%;
    color: white;
    position: absolute;
    width: 100%;
    padding-top:55px;
    left:18px;
}

.case-img {
    width: 99%;
    height: 100%;
    position: absolute;
    right: -20px;
}


.back-con p {
    font-size: 14px;
    display: table-cell;
    text-align:left;
    line-height:26px;
    margin: auto;
    cursor: pointer;
padding: 20px 5px 10px 10px;}
.denglubg{    background: url('../images/dbg.jpg') no-repeat center top; background-size:cover;}
.dlker{  background: url('../images/login.png') no-repeat center top; width:1100px; height:484px;}
.logowz{ color:#fff; font-weight:bold; margin-bottom:50px; text-align:center;}
.w11{ width:1100px; margin:0 auto;height:533px; position:absolute; top:50%; margin-top:-265px;left: 50%;    margin-left: -550px;
}
.dlk{ width:400px; color:#333; margin-right:65px;}
.yhm{ width:400px; height:45px; border:none; border-radius:5px; background:#fff; margin:20px 0 0 0; color:#666; padding-left:10px;    border: 1px solid #ddd;}
.dlan{ width:100px; height:40px; background:#0784d4; border-radius:5px; text-align:center; color:#fff; border:none; font-size:16px;float: left;
    margin: 0px 20px 0px 0px;}
.dlan1{ width:100px; height:40px; background:#0784d4; border-radius:5px; text-align:center; color:#fff;border:none; font-size:16px;float: left; margin-top:25px;
    }
.dlan2{ margin:25px 47px;}