﻿@charset "utf-8";
body{background-color: #FCFCFC;}
.navbar,
.page-list{background-color: #ffffff;}

.font-blue{color:#3792FF !important;}
.font-white{color:#ffffff !important;}
.background-black{background-color: #39424F !important;}

/* .navbar, */
.bannerbar{max-width:1920px;}
.navbar{width:auto;background-color:#0093DD;height:77px;line-height:77px;}
.nav-group a{color:#ffffff;height:77px;line-height:77px;}
.nav-group ul{border:0;background-color:#76C5F0;}
.nav-group li:hover{background-color: #189CDE;}
.nav-group li li:hover{background-color: #CC1424;}
.nav-group li li a{width:auto;height:36px;line-height:36px;color:#ffffff;}
.nav-active > a, .nav-group a:hover{border:0;}


.nav-log{position:absolute;}

.header>.navbar>.layout{height:78px; color:#7E8085;}
.layout>.nav-log>img{margin-top:16px;}
.layout>.nav-log>.logo_title{margin-top:2px;}
.layout>.nav-log>.logo_title>span:first-child{margin-top:16px;font-size:22px;font-weight:bold;color:#fff;letter-spacing: 4px;margin-left:3px;}
.layout>.nav-log>.logo_title>span:nth-child(1){margin-left:3px;}
.layout>.nav-log>.logo_title>.title1{margin-left:3px;}
.layout>.nav-log>.logo_title>.title2{margin-left:22px;}
.header .first a{color:#fff;}



.navbar .nav-group{display: inline-block;float:none;}
.nav-menu_button{width:50px;height:80px;margin-top:30px;background:url('../Images/icon-menu.png') 0 30px no-repeat;cursor:pointer;display:none;}

/* 头部内容 */
.header{
    width:100%;
    height:78px;
}
.header .nav-bg{background-color:#282B34;}
.header .nav_left{
    height:78px;
}
.header .nav_right{
    height:78px;
}
.header .logo{
    height:52px;
    margin-top: -1px;
    margin-left: 25px;
}
.header .logo li{
    float:left;
}
.header .logo li:first-child{
    margin-top:16px;
}
.header .logo li:not(:first-child){
    margin-top:20px;
    margin-left:8px;
}
.header .nav_left .nav_content li{
    float:left;
}
.header .nav_left .nav_content a{
    display: block;
    padding: 0 2px;
    margin: 0 22px;
    font-size: 14px;
    color: #7E8085;
    z-index: 2;
    line-height: 77px;
}
.header .nav_left  .nav-active > a{
    border-bottom: 2px solid #cc1424;
}
.header .nav_left  .nav_content a:hover{
    border-bottom: 2px solid #cc1424;
}
.header .nav_left .nav_content li.one a{
    color:#fff;
    border-bottom:2px solid #cc1424;
}
.header .nav_right ul li img{
    vertical-align: middle;
    margin-top:-2px;
}
.header .nav_right ul li:nth-child(1){
    margin-top:19px;
    width:48%;
    height:42px;
    line-height:42px;
    text-align:center;
    border-radius:22px;
    background-color:#0093DD ;
}
.header .nav_right ul li:last-child{
    background-color:transparent;
}
/* 头部内容结束 */

/* 供应商服务系统样式 */
.supplier_system{
    width:100%;
    height:564px;
    background:url('../images/bg.jpg');
}
.supplier_system .container{
    padding-top:54px;
}
.supplier_system .container .content{
    background-color:#fff;
    height: 440px;
}
.supplier_system .container .content_left{
    position: relative;
}
.supplier_system .container .content_left .login{
    width:229px;
    height:50px;
    background-color:#CC1424;
    position: absolute;
    left:1px;
    bottom:0px;
}
.supplier_system .container .content_left .login li{
    float:left;
    text-align:center;
    line-height:4rem;
}
.supplier_system .container .content_left .login li a{
    color:#fff;
}
.supplier_system .container .content_left .login li img{
    margin-left: 78px;
    margin-top: 16px;
}

.supplier_system .container .content_left .login li:first-child{
    margin-left:30px;
}
.supplier_system .container .content_left .login li:last-child{
    position: relative;
}
.supplier_system .container .content_left span.icon_login{
    display: inline-block;
    width: 19px;
    height: 17px;
    background-position: -4px -32px;
    background-color:#CC1424;
    position: absolute;
    top: 16px;
    left: 80px;
    cursor: pointer;
}
.supplier_system .container .content_right .left_bar ul li{
    float:left;
    position: relative;
}
.supplier_system .container .content_right span.icon_enter{
    display: inline-block;
    width: 40px;
    height: 38px;
    background-position: -72px 0px;
}
.supplier_system .container .content_right span.icon_return{
    display: inline-block;
    width: 40px;
    height: 38px;
    background-position: -72px -47px;
}
.supplier_system .container .content_right span.icon_record{
    display: inline-block;
    width: 40px;
    height: 46px;
    background-position: -72px -95px;
}
.container{
    width:1180px;
    height:100%;
    margin:0 auto;
}
.supplier_system>.container>.content>div{
    float:left;
}
.supplier_system .container .content_right .left_bar {
    width:244px;
    border-right:1px solid #DDDDDD;
    margin-top:20px;
}
.supplier_system .container .content_right .left_bar a ul{
    /* height:146px;
    width:214px; */
    height: 100px;
    width: 204px;
    margin-left: 20px;
    padding-top: 40px;
}
.supplier_system .container .content_right .left_bar a:last-child ul:last-child{
    width:224px;
    height: 80px;
}
.border_bottom{border-bottom:1px solid #DDDDDD;};

.line{
    background-image: url('../images/line.jpg');
    background-repeat:no-repeat;
}
.icon_line{
    display: inline-block;
    width: 5px;
    height:101px;
    background-color: #cc1424;
    position: absolute;
    right: -27px;
    top: -26px;
    display:none;
}
.supplier_system .container .content_right .left_bar a:nth-child(2) .icon_line{
    right: -39px;
}

.container .content_right .left_bar a:last-child .icon_line{
    right: -12px;
}

.container .content_right .right_bar{
    margin-left:46px;
}
.container .content_right .right_bar .title{
    border-bottom:1px solid #cc1424;
    width: 84px;
    padding-bottom: 8px;
    padding-top: 10px;
}
.container .content_right .right_bar ul li{
    line-height:30px;
}
.container .content_right .right_bar ul{
    padding-bottom:30px;
    padding-top: 28px;
}
.container .content_right .right_bar ul.border_bottom{
    width:604px;
}
.container .content_right .right_bar ul .arrow{
    position: relative;
}
.container .content_right .right_bar ul .icon_arrow{
    display: inline-block;
    width:40px;
    height: 36px;
    background-position: -130px -57px;
    position: absolute;
    top: 13px;
    left: 222px;
}
.detail_project span{
    margin-right:70px;
}
.supplier_system .content_left{
    background-image: url('../images/provide.jpg');
    width:230px;
    height:440px;
    background-repeat: no-repeat;
}
.supplier_system .content_left ul:first-child{
    padding-top:30px;
    padding-left:28px;
}
/* 供应商服务系统样式结束 */

/* 德鑫服务 */
.service{
    margin-top:60px;
}
.container_line{
    position: relative;
    margin-left:37%;
}
.service_title{
    width:200px;
    background-color: #fff;
    text-align:center;
    position: absolute;
    top:-20px;
    left:51px;
}
.service_title li:first-child{
    font-size:28px;
    color:#666;
    letter-spacing: 2px;
    position: relative;
}
.service_title li:first-child, .service_title li:nth-child(2){
    color: #666 !important;
}
.service_title li:nth-child(2){
    margin-left:-2px;
    margin-top: 18px;
}
.service_line{
    width:280px;
    border-bottom:1px solid #DDDDDD;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.service .service_content .content_box{
    height:440px;
    border:1px solid #999;
    margin-top:92px;
    margin-left:72px;
}
.service .service_content .content_box:hover{
    border-color: rgb(204, 20, 36);
}
.service .service_content .content_box:hover .content_detail li:nth-child(4){

    transform: rotate(90deg);
}
.service .service_content .content_box:hover .content_detail li:last-child .arrow_service{
    display: block;
}
.service .service_content .content_box .content_detail{
    margin-top: 30px;
    margin-left: 73px;
    margin-right:73px;
    text-align:center;
    line-height:48px;
}
.service .service_content .content_box .content_detail .circle{
    width:6px;
    height:6px;
    background-color:#39424F;
    border-radius:6px;
    margin-left:68px;
    margin-top:50px;
}
.service .service_content .content_box .content_detail li:nth-child(8){
    position: relative;
}
.service .service_content .content_box .content_detail .verticle_line{
    display:inline-block;
    width: 2px;
    height: 31px;
    background-position: -150px -26px;
    position: absolute;
    top: -168px;
    left: 74px;
    display:none;
}
.service .service_content .content_box .content_detail li:last-child{
    position: relative;
}
.service .service_content .content_box .content_detail .arrow_service{
    display: inline-block;
    width:40px;
    height: 36px;
    background-position: -130px -57px;
    position: absolute;
    top: -21px;
    left: 56px;
    display:none;
}
/* 代理业绩 */
.achievement .ach_img{
    width:100%;
    margin-top:114px;
    overflow: hidden;
}
.achievement .achieve_show{
    width:100%;
    height:426px;
    /* background-color: green; */
}
.achievement .achieve_show .show_content{
    width:250px;
    height:276px;
    background-image:url('../images/img_01.png');
    background-repeat: no-repeat;
    /* margin-left:20px; */
}
/* .achievement .achieve_show .show_content:first-child{
    margin-left: 270px;
} */
.achievement .achieve_show ul .bg_agent{
    width:59px;
    height:59px;
    background-image: url('../images/icon_agent.jpg');
    background-repeat:no-repeat;
    margin-left: 96px;
    position: relative;

}
.achievement .achieve_show  ul .num{
    position: absolute;
    top: 18px;
    left: 20px;
}

.achievement .achieve_show  ul{
    padding-top:26px;
}
.show_title{
    height:40px;
    border-top:1px solid #EDE1D7;
    border-bottom:1px solid #EDE1D7;
    line-height:40px;
    margin-left: 71px;
    margin-top: 40px;
    width: 108px;
}
.active_title{
    width:160px;
    height:58px;
    line-height:58px;
    background-color:#BA8D65;
    font-weight:bold;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    color:#fff;
    margin-left: 46px;
    margin-top: 29px;
}
.change_box{
    width:250px;
    height:336px;
    background-image:url('../images/img_02.png');
    background-repeat: no-repeat;
    /* margin-left:20px; */
    
}
/* .change_box:first-child{
    margin-left: 270px;
} */

.achievement .show_detail{
    display:none;
}
.achievement .show_detail p:first-child{
    margin-top:28px;
}
.achievement .show_detail p:last-child{
    margin-top:24px;
}
.achieve_show>div{
    float:left;
}

/* 代理业绩的内容 */

/* 德鑫动态 */
.information{
    background-color:#F5F5F5;
}
.information .container{
    padding-top:60px;
}
.information .container .service_title{
    background-color:#F5F5F5;
}
.information .layout{
    padding-bottom:60px;
}
/* 德鑫结束 */

/* 底部的内容 */
.footer{
    background-color:#1F4C63 !important;
    color:#6D7887;
}
.footer a{
    color: #fff;
}
.footer>.layout{
    padding-top:60px;
    height:100%;
    padding-bottom:60px;
}
.footer .bottom{
    height:52px;
    line-height:52px;
    border-top:1px solid #4D5561;
}
.footer .contact{
    font-size:24px;
}
.footer .addtr li:nth-child(3) span:last-child{
    margin-right: 300px;
}
.footer .addtr li:last-child span:last-child{
    margin-right:260px;
}
.footer .addtr li:first-child{
    margin-bottom:16px;
}
.footer .addtr li:not(:first-child){
    line-height:30px;
}
.focus li:last-child{
    margin-top:40px;
    margin-left:-4px;
}
/* .footer_icon{
    background-image:url('../images/footer_icon.png');
    background-repeat: no-repeat;
}
.icon_weixin{
    display:inline-block;
    width:28px;
    height:28px;
    background-color:pink;
} */
/* 底部的内容结束 */










/*子导航*/
.navbar-child{background-color: #39424f;text-align: left;}
.navbar-child a{color:#ffffff;}
.navbar-child .nav-active a{color:#3792ff;}

/* banner */
.swiper-pagination-fraction{text-align:left;left:40px;bottom:40px;width:auto;color:#ffffff;}
.swiper-pagination-bullets{width:auto;right:40px;bottom:40px;left:auto;}
.swiper-pagination-bullet{width:26px;height:4px;border-radius:0;background-color: #A9A5A5;margin:0 4px;}
.swiper-pagination-bullet-active{background-color: #CC1424;}

@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
.swiper-pagination-mouse{
    width:26px;height:42px;bottom:30px;left:50%;margin-left:-12px;background:url('../uploads/icon-mouse.png') 0 0 no-repeat;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

.module-en_title,
.module-cn_title{text-align:center;}
.module-en_title{color:#909090;font-size:18px;}
.module-cn_title{font-size:30px;position: relative;}
.module-type_title:after{content:" ";width:80px;height:2px;background-color: #3792FF;position: absolute;bottom:-30px;left:50%;margin-left:-40px;}
.module-min_title{font-size:24px;}
.module-function_title{height:60px;background-color: #fff;line-height:60px;}
.module-function_title:after{bottom:2px;}

.module-decription_icon{padding:60px 50px;background-color: #fff;cursor: pointer;}
.module-decription_icon,
.module-decription_icon .panl-view{display: block;}
.module-icon{background: url('../Images/module-icon01.png') 0 0 no-repeat;width:122px;height:122px;float:left;}
.module-icon-bid_mannage{background-position:0 0;}
.module-icon-money_mannage{background-position:0 -123px;}
.module-icon-bid_service{background-position:0 -246px;}
.module-icon-bid_cloud{background-position:0 -369px;}

.module-icon_title,
.module-icon_content{margin-left:170px;}
.module-icon_title{font-size:24px;height:54px;line-height:54px;}
.module-icon_content{color:#909090;height:68px;}

.module-decription_icon:hover,
.module-decription_icon:hover *{background-color: #3792FF;color:#ffffff;}
.module-decription_icon:hover .module-icon{background-position-x:-123px;}


.module-bg01{background: url('../Images/index_bg_01.jpg') center center no-repeat;height:480px;color:#ffffff;}
.module-full-min_title{padding-top:40px;}
.module-full-title,
.module-full-content{margin-left:30px;width:588px;}
.module-full-title{font-size:24px;margin-top:100px;}
.module-full-content{margin-top:30px;}

.news-pic-box{position: relative;background-color: #ffffff;}
.news-pic-box .news-pic{position: relative;cursor: pointer;overflow: hidden;}
.news-pic-box img{width:100%;height:220px;}
.news-pic-box .news-title{font-size:18px;}
.news-pic-box .news-date{margin-bottom: 20px;}
.news-pic-box .news-decription{color:#666666;margin-left: 10px;font-size:14px;}
.news-pic-box .news-link{height: 32px;margin-left: 10px;margin-top: 20px;}
.news-pic-box .link{float:left;width:66px;height:26px;line-height:26px;text-align:center;color:#FFFFFF;background-color: #0093DD;font-size:12px;}
.news-pic-box .news-view-title{position: absolute;left:0;width:100%;bottom:0;background-color: rgba(0, 0, 0, 0.6);height:50px;line-height:50px;color:#ffffff;text-align:center;margin:0;}
.page-list .news-pic-box{background-color: #fcfcfc;}

.contactbar{background-color: #3792FF;color:#ffffff;}
.contact-decription{height:140px;line-height:140px;font-size:20px;font-weight:300;}
.layout-logo_info{float:left;width:300px;}
.contact-link{width:330px;height:49px;line-height:51px;margin-top:44px;border:2px solid #ffffff;color:#ffffff;}
.contact-link .fl{margin-left:18px;}
.contact-link .fr{margin-right:18px;font-size:28px;}

.copyrightbar{background-color: #39424F;color:#ffffff;}
.copyrightbar a{color:#ffffff;}
.li-title{font-size:12px;}
.li-contact{font-size:24px;}
.layout-nav_info{margin:0 0 0 300px;}
.nav-detail { width: 220px; }
.nav-detail a{color:#ffffff;font-size:12px;font-weight:300;}
.nav-detail h2 a{color:#ffffff;font-size:18px;}
.child-navs a { display: block; height: 28px; line-height: 28px; font-size: 12px; }

.addbar{border-top:1px solid #ffffff;background-color: #39424F;color:#ffffff;height:52px;line-height:52px;font-size:12px;}
.addbar span{margin-left:5px;}

.product-info{background-color: #fcfcfc;}
.product-image{float:left;}
.product-content{margin-left:600px;height: 222px;border: 1px solid #ddd;padding: 28px;}

.view-split_box{margin-top: 20px;background-color: #fcfcfc;}
.view-split_box-min{padding:50px 0;}
/* .view-split_box-important{color:#ffffff;} */

.product-fun-view,
.product-fun-view *{margin:0;padding:0;}
.product-fun-view li{background-color: #fff;list-style-type: none;padding:26px 80px;margin-bottom:20px;position: relative;}
.product-fun-view li:before{content: attr(value);position: absolute;left:26px;top:23px;color:#3792ff;font-size:24px;}
.product-fun-view h3{font-size:20px;font-weight: 500;}
.product-fun-view p{margin-top:10px;color:#666666;}

/* .solution-view{} */
.solution-img{float:left;}
.solution-img img{width:230px;height:140px;}
.solution-base{height:140px;margin-left:270px;}
.solution-title{font-size:24px;padding-top:20px;}
.solution-tag{padding-top:15px;}
.solution-tag a{background-color: #3792FF;color: #ffffff;padding:9px 20px;float:left;border-radius:4px;margin-right:20px;line-height:14px;}
.solution-content{color:#666666;}

.form-contact-view{margin:0 203px;}
.form-contact-view .link-button{background-color: #3792FF;color: #ffffff;font-size:14px;line-height:14px;padding:13px 26px;border-radius:40px;border: 0;cursor: pointer;}
.form-contact-view .form-control{margin-bottom:20px;}
.form-contact-view .text,
.form-contact-view .button{width:100%;font-size:16px;box-sizing:border-box;}
.form-contact-view .text{border:1px solid #dddddd;color:#999999;line-height:20px;padding:10px 0;text-indent:20px;background-color:transparent;position: relative;}
.form-contact-view .button{background-color: #3792FF;height:60px;line-height:60px;color:#ffffff;text-align:center;border:0;}
.form-contact_comment-view{margin:0;}
/* .form-contact_comment-view .text,
.form-contact_comment-view .text::-webkit-input-placeholder,
.form-contact_comment-view .button{color:#ffffff;} */
.form-contact_comment-view .button{background-color: #39424F;width:100%;height:60px;line-height:60px;border-radius:4px;}

.news-detail_title{font-size:24px;text-align: center;}
.new-detail_time{color:#666666;text-align: center;font-size:12px;padding:15px 0 20px;}

.view-news_list_02,
.view-news_list_02 li{margin:0;padding:0;}
.view-news_list_02 li{list-style-type:none;border-bottom:1px solid #dddddd;padding-bottom:15px;}
.view-news_list_02 .news_list-title{font-size:16px;color:#666666;padding-top:30px;margin-bottom:10px;}
.view-news_list_02 .news_list-tag{float:left;}
.view-news_list_02 .news_list-tag span{font-size:12px;color:#999999;margin-right:20px;}
.view-news_list_02 .news_list-time{margin-left:200px;color:#999999;text-align:right;}

.about_company-img{float:left;}
.about_company-content{margin-left:660px;height: 280px;overflow:auto;}
/* .about_company-content p{margin-bottom: 30px;} */

.layout-qualifications .layout-content{border:1px solid #dddddd;padding:5% 0;}
.layout-qualifications img{width:90%;margin-left:5%;}

/*盒子*/
.box-frame    {border:0}
.box-header   {border:0;background-color:#EEEEEE;}
.box-titlte   {background-color:#174C81;}
.box-container{border:0;}
