body{margin: 0px auto; padding: 0px; font-size: 14px; line-height:28px; color: #333; font-family:Microsoft YaHei;box-sizing: border-box; overflow-x: hidden;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
form,input,select{margin: 0px; padding: 0px;}
ul{list-style-type: none;}
a{text-decoration: none; color:#333; font-size: 14px;}
a:hover{color:#ffb027; text-decoration:blink; font-size: 14px;}
.fr{ float:right;}
.fl{ float:left;}
.kg{width:1200px; height:20px;}
.kg30{width:1200px; height:35px; margin:0 auto;  overflow:hidden;}
.kg60{width:1200px; height:60px; margin:0 auto;  overflow:hidden;}
.bz{ width:1200px; margin:0 auto; overflow:hidden;}
.bz1{ width:1200px; margin:0 auto;}  
.clear{height:0; overflow:hidden; clear:both;}
.dbt{width: 1200px; margin: 0 auto;text-align: center;pointer-events:none;}
.dbt em{width: 378px; height: 20px; display: block; margin: 0 auto; padding-top: 13px;}
.dbt p{font-size: 18px; line-height: 40px; color:#555; letter-spacing: 2px;}

/*top*/
.top{width: 100%; height: 36px; background: #0e58ad; margin: 0 auto; overflow: hidden;}
.top_wz{font-size: 14px;line-height: 36px; color: #b1d4fc;}


/*head*/
.head{width: 1200px; height: 141px; margin: 0 auto;}
.logo{width: 240px; margin-top: 40px;}
.logo1{width: 137px; margin-top: 40px;}

/*nav*/
.nav_bg{ width:797px; height: 44px; margin: 0 auto; background: #0e58ad; float: right; margin-top: 48px; border-radius:12px; }
.nav>ul>li { position: relative; width: 88px;  text-align: center; height: 44px; line-height: 44px; float: left;}
.nav li:nth-child(1).cur{border-radius: 8px 0px 0px 8px;}
.nav li:nth-child(1) a:hover{border-radius: 8px 0px 0px 8px;}

.nav li a { text-decoration: none; font-size:16px; line-height:44px; height:44px; display:block; text-align:center; color:#fff; transition: all 0.5s linear; position:relative; z-index:3; }
.nav li ul li{ background:none; }
.nav li.cur{  background:#ffb027;}
.nav li a:hover {color:#fff; transition: all 0.5s linear; font-size: 16px; background:#ffb027;} 
.nav .a_nav a{ color:#fff; font-weight:bold;}



/* search */
.search{ width: 100%; height:64px; border-bottom: 1px #f2f2f2 solid; overflow:hidden;}
#search_nr{width:1200px; margin:0 auto; height:72px; border-radius: 8px; }
#search-i{float:left; width:30px; height:33px; overflow:hidden; margin-top:15px; background:#0e58ad; border-radius: 0px 8px 8px 0px; box-sizing: border-box; padding-top: 7px;display:block;}
#search-bg{float:left; width:189px; height:33px; background:#0e58ad; overflow:hidden; padding-left:14px; margin-top:15px; box-sizing: border-box; border-radius: 8px 0px 0px 8px;}
.search-text{width:1175px; padding-left:25px; float:left; font-size:14px; line-height:65px; height:64px;}
.search-text a{ font-size:14px; color: #666666;}
.search-text a:hover{ font-size:14px; color: #ffb027;}
.search-text span{ float:left; font-weight:bold; color:#0e58ad;}
#infoname{ border:none;background:none; outline:none;}
#search-i input{display:block;}


/* porduct */
.porduct{width: 1200px; margin: 0 auto; overflow: hidden;padding-top: 75px;}
.porduct_b{width: 1200px; height:1060px; margin: 0 auto;background:#fff; box-shadow: -1px 6px 10px 0px rgba(0, 0, 0, 0.29);}
.pro_tab{width: 1200px; height: 56px;background:#0e58ad;     padding-left: 14px;}
.pro_tab table{margin: 0 auto; text-align: center; width: 100%;}
.pro_tab tr{display: inline-block;vertical-align: top; padding-right:36px;}
.pro_tab tr.cur{}
.pro_tab tr.cur td{color: #ffb027;}
.pro_tab tr td,.pro_tab tr a{color: #fff;}
.pro_tab tr a{font-size:15px;font-weight:normal ;line-height:56px;color:#fff;}
.pro_tab tr.cur a{color:#ffb027;}
.pro_con{margin-top:36px;}
.pro_con table{width: 1200px;}
.pro_con li+li{display:none;}
.pro_con li tr+tr{display:block;margin-top:16px;}
.pro_con li td{display:inline-block;vertical-align:top;width:382px;border:2px solid #dddddd;transition:0.6s;margin-right:14px;  position: relative;margin-bottom:14px;}
.pro_con li td::nth-of-type(3n){margin-right:0px;}
.pro_con li td br{display:none;}
.pro_con li td span,.pro_con li td span a{color:#fff;}
.pro_con li td span{    width: 100%;
    height: 33px;
    line-height: 33px ;
    padding-top: 0 ;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
   background: #0e58ad;
    transition: 0.6s;}
.pro_con li td:hover span a{color:#fff;}
.pro_con li td:hover{box-shadow: 0 0 10px rgba(25,23,28,0.5);margin-top:-5px;transition:0.6s;}

/*合作客户*/
.case{width: 100%; height: 400px; background: url(https://site.di7.com/member/web13435cs/files/images/20200828161243_1065059502.jpg)center no-repeat; padding-top:63px; box-sizing: border-box;}

.case_cont { width:1200px;  }
.case_cont > table > tbody > tr > td { display: block; float: left; width: 230px; height:110px; padding: 0 ; margin-left:9px ; margin-bottom:8px;overflow: hidden; position: relative;}
.case_cont > table > tbody > tr > td img,.case_cont > table > tbody > tr > td a{ display: block; width: 100%; height: 100% ; transition:0.3s all ease-in-out; }

.case_cont > table > tbody > tr > td > div{ position: absolute; height:100%; width:100%; display: block; left: 0; bottom: 0}

.case_cont > table > tbody > tr > td > div::after{ content: ''; width:100%; height:100%; position:absolute; right:-100%; top: 0; background:rgba(0,0,0,0.7); transition:0.3s all ease-in-out;}
.case_cont > table > tbody > tr > td > div:hover::after{ right: 0; }
.case_cont > table > tbody > tr > td > div > a{ position:absolute; bottom: 0; width:100%;  text-align:center; font-size:16px; color:#fff; z-index:3; left:-100%; line-height:100px; transition:0.7s all ease; }

.case_cont > table > tbody > tr > td:hover > div a{ left: 0; }
.case_cont > table > tbody > tr > td:hover > a > img{ transform: scale(1.1); }
     
.lanrenzhijia1{ display:inline;  overflow:hidden; position:relative;}
.rsp1{width:100%;height:100%; overflow:hidden; position: absolute; background:#000; top:0px;left:0px;}
.text1{position:absolute;left:-500px; top:0px; overflow:hidden; }
.text1 h3{width:370px; margin-top:240px; height:80px; line-height:80px; text-align:center; color:#FFFFFF; font-size:20px; font-weight: normal;}
.text1 a{text-decoration:none}
.text1 div{text-align:center;color:#FFFFFF;font-size:18px; line-height: 28px;}



/*简介*/
.company{width: 100%; height: 701px;background:url(https://site.di7.com/member/web13435cs/files/images/20200828162727_623409071.jpg)center no-repeat;}
.company_b{width: 486px; height: 550px; background: #fff; margin-top: 70px;padding: 59px 35px 35px 35px; box-sizing: border-box; overflow: hidden;}
.company_wz{font-size: 26px; line-height: 30px; color: #0e58ad; margin-bottom: 30px;}
.company_wz p{font-size: 12px; line-height: 30px; color: #666666; font-family:Arial;text-transform:Uppercase;}
.company_wz:after{content:'';width: 30px;border-bottom: 2px #0e58ad solid; display: block;padding-top: 10px;}
.company_b span{font-size: 16px; line-height: 32px; color: #555;}
.company_b a{width: 142px; height: 44px; background:#0e58ad; font-size: 16px; line-height: 44px; text-align: center; color: #fff; display: inline-block; margin-top: 40px;}
.company_b a:hover{background: #ffb027;transition:0.6s;}

/*新闻中心*/
.qt{margin: 70px 0px;}
.news_info_1 {
 background: #f2f2f2;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.fr .news_div {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
 background: #fefefe;
}

.news_info_bg_1 {
    width: 300px;
    height: 286px;
    background: #0e58ad;
}
.news_info_1:hover{    background: #f5f5f5;}
.news_row2 .fl { width: 780px;}
.fl .news_div_item .news_div_item_pic a>img{    width: 300px;
    height: 230px;
    display: block;
    float: left;}
.fl .news_div_item{padding: 28px;display: block;width: 720px;}
.fl .news_div_item .news_div_item_title a{font-size: 18px;    color: #343434;position: absolute;width: 420px;top: 0px;    height: 320px;    height: 250px;}
.fl .news_div_item .news_div_item_body{display: block;font-size: 14px;color: #666;line-height: 24px;padding-top: 10px;}
.fl .news_div_item .news_div_item_content{display: block;    width: 390px;padding: 30px 0 30px 30px;height: 170px;float: right;position: relative;}
.fl .news_div_item .news_div_item_content .news_div_item_content_before{   position: absolute;top: 164px;left: 25px;    display: block;
    width: 129px;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 14px; background: #ffb027;}
    .fl .news_div_item .news_div_item_content .news_div_item_content_before a{color:#fff;}
.news_row2 .fr { width: 390px;}
.fr .news_div_item{display: block;padding: 20px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;
    height: 55px; background: #f2f2f2;}
.fr .news_div_item:hover{background: #0e58ad;}
.fr .news_div_item:hover .news_div_item_date{color:#fff; border-right: 1px solid #ffffff;}
.fr .news_div_item:hover .news_div_item_day{color:#fff;}

.fr .news_div_item:hover .news_div_item_month{color:#fff;}
.fr .news_div_item:hover .news_div_item_body{color:#fff;}
.fr .news_div_item:hover .news_div_item_title a{color:#fff;}

.fr .news_div_item .news_div_item_date{    display: block;
    float: left;
    text-align: center;
    font-family: arial;
    font-size: 13px;
    font-weight: 100;
    color: #999;
    padding-right: 20px;
    border-right: 1px solid #0e58ad;
    margin-right: 22px;
    width: 55px;position: relative;    padding-top: 20px;    height: 29px;}
.fr .news_div_item .news_div_item_day{font-size: 30px;
    font-style: normal;
    color: #0e58ad;
    display: block;
    font-weight: bold;
    font-family: arial;
    position: absolute;
    top: -3px;
    left: 14px;
}
.fr .news_div_item .news_div_item_year{position: absolute; top: 31px;left:6px;}
.fr .news_div_item .news_div_item_month{position: absolute; top: 31px;left:41px;}
.fr .news_div_item .news_div_item_content{display: block;
    line-height: 26px;
    float: left;
    width: 242px;
    white-space: nowrap;
    overflow: hidden;}
.fr .news_div_item .news_div_item_title a{font-size: 16px;color: #343434;}
.fr .news_div_item .news_div_item_body{font-size: 14px;color: #666; }

.news_row3 {
    padding: 28px;
    background: #f2f2f2;
    margin-top: 20px;
    height: 126px;
}
.faq_tit{
    width: 210px;
    height: 75px;
    background: #0e58ad;
    display: block;
    text-align: center;
    color: #fff ;
    padding: 25px 0px;
    margin-left: auto;
    float: right;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-weight: bold;
    font-size: 22px ;
}

.faq_tit:hover{background:#ffb027;font-size:22px;color: #fff;}

.faq_tit img{display: block;margin: 0 auto;margin-bottom: 6px;}
.news_row3 .divdgweb_new_div_item{width: 390px;
    display: block;
    float: left;
    margin-right: 50px;
    margin-left: 10px;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_title a{font-size: 16px;
    color: #343434;
    line-height: 36px;    position: relative;
    top: 31px;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_body{    display: block;
    font-size: 14px;
    color: #767676;
    line-height: 25px;    margin-top: 28px;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_title{position: relative;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_title:before{content:"";position: absolute; top: 0px;left:0px;background:url(https://site.di7.com/member/web13435cs/files/images/20200828161243_599422188.png)no-repeat;   width: 30px;height: 30px;}    
  .news_d{ color: #666; font-size: 16px; text-align: center; letter-spacing:3px;line-height: 43px;}
.news_d b{ font-weight: bold; color: #036fda; font-size: 36px; letter-spacing: normal; }
.news_d span{ color: #036fda;}


 
.copy_x{ width: 100%; border-top: 1px solid #222; background:#181818; padding: 30px 0;     margin-top: 50px;}    
.Links{ width: 100px; line-height: 36px; font-size: 16px; color: #fff;}
.linkTagcs li a{ color: #999; transition: all 0.5s linear;}
.linkTagcs li a:hover{ color: #fff; transition: all 0.5s linear;}
.copy_w{line-height: 36px; color: #999; text-align:center;}
.copy_w a{color: #999; transition: all 0.5s linear; }
.copy_w a:hover{ color: #fff; transition: all 0.5s linear;}


#bodycon{ margin-top:20px;}
.strong_title{ display:none;}
.mianbxContent{width: 100% ; text-align: left ; font-size: 16px ; padding-bottom:15px;  padding-top:5px; border-bottom:1px solid #CCC; margin-bottom:10px ;}
.mianbxContent a{font-size: 16px ;}
.mianbxContent a:hover{font-size: 16px ;}



                    .linkTagcs
                    { 
                    width:1100px;
                 height:auto;}
                    .linkTagcs ul
                    {margin:0px;padding:0px;list-style-type:none;}
                    .linkTagcs li
                    {list-style:none;margin:0px;  padding-right:20px;line-height:36px;float:left;}
                    .linkTagcs li a
                    {color:#fff;word-break:break-all;}
                    .linkTagcs li img
                    {border:0px;}

	#search-bg input{width: 170px; color:#fff; line-height:33px; height:33px; opacity: .6;display:block;}
	
	
	
	
	#floatTips{
 font-weight:bold;
 position:absolute; right:20px;
 width:130px;
 z-index:99;
 padding-top:30px;
}
#qq_top{width:130px; height:25px; line-height:25px; background:#0e58ad; text-align:center; color:#fff; font-size:12px;}
#qq_center{width:130px;}
#qq_bottom{width:130px; text-align:left; line-height:25px; font-size:12px;}
#qq_bottom a{text-decoration: none; color: #484848;}
#qq_bottom a:hover{text-decoration: none; color: #ff6600;}