.navigation > .wrap {
    margin: 0px auto 0;
    width: 100%;
    text-align: center;
}

.nav1 {
    position: relative;
}

.nav1 > .wrap {
    width: 52%;
}

.navigation {
    width: 100%;
    /*top: 25px;*/
    height: 130px !important;
    margin-top: 0px !important;
    background: url(https://cdn.dho.ink/images/index/nav_bg_01.png) no-repeat center 0 !important;
    /*display: flex;*/
    z-index: 999;
    min-width: 1920px;
	/*background-size: 100% 100% !important;*/
}

.nav2 {
    position: fixed;
    top: 0;
    left: 0;
}

.navigation ul.tt > li {
    margin: 25px 0 !important;
    height: 104px;
}

.navigation ul.tt {
    /*width: 985px;*/
    margin: 0 auto;
    text-align: center;
}

.navigation ul.tt > li > a {
    border-right: 1px solid #fff;
    margin-top: 28px;
    line-height: 20px !important;
    padding: 0 !important;
}

.navigation ul.tt li.logo {
    margin: 0 !important;
}

.navigation ul.tt li.logo a {
    border-right: 0;
    margin-top: 0;
    padding: 0 !important;
}

.navigation ul.tt li:last-child a, .navigation ul.tt li:nth-child(3) a {
    border-right: 0;
}

.pagination ul.tt a.on {
    border: 1px solid #FFFFFF;
    color: #90bfff;
}

.pagination ul.tt a:hover {
    border: 1px solid #FFFFFF;
    color: #90bfff;
}

.pagination ul.tt a.on:hover {
    border: 1px solid #FFFFFF;
    color: #90bfff;
}

.navigation ul.tt > li:hover > a, .navigation > ul.tt > li.on > a {
    color: #90bfff;
}

.loginBg img {
    width: 48px;
    height: 42px;
    margin-right: 16px;
}

.loginBg {
    left: 10% !important; /*Login Right*/
	width: 240px;
}

.logoWrapper {
    float: left;
    overflow: hidden;
    width: 24%;
	z-index: -1;
	/*margin-top: 130px;*/
}

.erweimaWrapper {
    width: 138px;
    height: 91px;
    text-align: center;
    background: url("https://cdn.dho.ink/images/index/erweiWrapper_04.png") no-repeat center;
    line-height: 91px;
    margin: 19.5px 16px;
    float: left;
}

.erweimaWrapper img {
    width: 70px;
    height: 91px;
}

.iconWrapper {
    float: left;
    width: 58%;
    color: #ffffff;
    margin-top: 19.5px;
}

.iconWrapper img {
    float: left;
    margin-right: 6px;
    width: 92px;
    border-radius: 15px;
}

.iconWrapper h1 {
    font-size: 20px;
    font-weight: bold;
    margin-left: 4px;
    margin-top: 10px;
}

.iconWrapper p {
    font-size: 15px;
    line-height: 34px;
}

.menu_wrapper {
    width: 134px;
    background: rgba(18, 25, 61, 0.8);
    position: absolute;
    top: 104px;
    left: 0;
    display: none;

}

.menu_wrapper > ul li:hover a {
    background: url("https://cdn.dho.ink/images/index/active_03.png") no-repeat center;
    color: #90bfff;
}

.navigation > .wrap > ul.tt > li:nth-child(2):hover .menu_wrapper {
    display: block;
}
.navigation > .wrap > ul.tt > li:nth-child(7):hover .menu_wrapper {
    display: block;
}

.navigation>.wrap>ul.tt>li.problem_wrapper:hover .menu_wrapper ul li:hover a{
    background: none;
    width: 60%;
    text-align: center;
}
.navigation>.wrap>ul.tt>li.problem_wrapper .menu_wrapper ul li i{
    display: none;
}
.navigation>.wrap>ul.tt>li.problem_wrapper .menu_wrapper ul li:hover i{
    width: 20%;
    text-align:center;
    line-height: 61px;
    display: none;
}
.navigation>.wrap>ul.tt>li.problem_wrapper .menu_wrapper ul li:hover i{
    display: block;
}
.navigation>.wrap>ul.tt>li.problem_wrapper .menu_wrapper ul li:hover{
    display: flex;
}
.guanWrapper {
    width: 100%;
    background: #222a4c;
    position: absolute;
    height: 0px;
    top: 130px;
    left: 0;
    transition: all 0.5s;
    overflow: hidden;
}

.show {
    height: 200px;
}

.guan_wrapper {
    width: 68%;
    margin: 34px auto;
    text-align: center;
    overflow: hidden;
}

.guan_left, .guan_right, .guan_right > .guan_right_left, .guan_right > .guan_right_right {
    float: left;
    /*overflow: hidden;*/
}

.guan_wrapper ul.guan_left {
    /*width: 60%;*/
}

.guan_right {
    /*width: 40%;*/
}

.guan_left li {
    width: 192px;
    float: left;
    text-align: center;
    color: #fefefe;
    font-size: 16px;

}

.guan_left li div.linet {
    width: 100%;
    height: 106px;
    line-height: 106px;
    border-right: 1px solid #555d7e;
    margin-bottom: 10px;
}

.guan_left li div.linet div {
    width: 100px;
    height: 102px;
    text-align: center;
    background: url(https://cdn.dho.ink/images/index/erweikuang_03.png) no-repeat center;
    line-height: 96px;
    margin: 0 auto;
}

.guan_right p {
    color: #fefefe;
    line-height: 18px;
    font-size: 16px;
}

.guan_right_left {
    margin-left: 40px;
}

.guan_right_right {
    margin-left: 24px;
}

.guan_right p.kefu {
    margin-top: 113px;
    width: 100%;
    overflow: hidden;
}

.guan_left li div.linet div img {
    width: 83px;
}

.line_bg1 {
    background: url("https://cdn.dho.ink/images/index/lineBg_03.png") no-repeat center !important;
}

.line_bg2 {
    background: none !important;
    top: 46px !important;
}

.line_bg2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 32%;
    background: url(https://cdn.dho.ink/images/index/fen.png) no-repeat center;
    background-size: 100%;
    width: 172px;
    height: 1px;
}

.section-1 .model-list-wrap .more {
    bottom: -20px;
}

.section-1 .model-list-wrap li.model-4 {
    top: -9px;
    left: 498px;
}

.videoBg {
    width: 206px;
    height: 133px;
    background: url("https://cdn.dho.ink/images/index/videoKuang_03.png") no-repeat center;
    text-align: center;
    position: relative;
    transition:all 0.6s ease;
}

.section-1 .model-list-wrap li.model-4:before {
    width: 206px !important;
    height: 133px !important;
    background: url("https://cdn.dho.ink/images/index/videoKuang_03.png") no-repeat center !important;
}

.section-1 .model-list-wrap li.has-video:hover div.videoBg {
    transform: scale(1.1);
}
.section-1 .model-list-wrap li.has-video:hover:before{
    opacity: 1;
    transform: scale(1.1) !important;
}
.section-1 .model-list-wrap li.has-video:hover img{
    transform: scale(1) !important;
}
.videoBg .video {
    border-radius: 4px;
    width: 197px;
    height: 125px;
    position: absolute;
    top: 3.5px;
    left: 3px;
}

.videoBg .play {
    position: absolute;
    top: 27%;
    left: 35%;
}

@media screen and (max-width: 1700px) {
    .loginBg {
        /*right: 3% !important;*/
		left: 3% !important; /*Login Right*/
    }
	.navigation.nav2 .logoWrapper {
    display: none !important;
	}
	.navigation.nav2 .loginBg {
    display: none !important;
	}
	.guan_wrapper{
        width: 81%;
    }
    .nav1 > .wrap {
        width: 62%;
    }
}