/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:650px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:650px; background-position: center; background-repeat: no-repeat; background-color: #000}
.banner-box .bd li a{ display:block; background-size:auto; width: 100%; height: 80%; position: relative; z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:260px; left: 0; margin-left: 0; height: 360px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../img/20200909151208_282431345.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../img/20200909151208_282431345.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #0038cc;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


/*产品展示*/
.product{ padding:60px 0 80px 0;}
.protab{  font-size:0; width:1040px; margin:0 auto; padding:30px 0px 45px 0px;}
.protab li{ display:inline-block; width:240px; height:60px; position:relative;text-align:center; font-size:18px; color:#333333;}
.protab li+li{ margin-left:25px;}
.protab li>a{ display:block; line-height:60px; position:relative; background:#eee url(../img/20200909160635_400380027.png) no-repeat 198px center; padding-right:40px;font-size:18px; color:#333; transition:all .3s ease;}
.protab li:hover>a,.protab li.on>a{background:#0038cc url(../img/20201116145236_374942286.png) no-repeat 198px center; color:#fff; }

.procon li{ float: left; display:inline-block; padding:0 !important; width:414px; border:1px solid #eeeeee; margin-right: 25px;margin-top:25px;}
.procon .on{margin-right: 0;}
.procon li a,.procon li span{ display:block; position:relative; overflow:hidden; text-align: center;}
.procon li img{ width:100%; height:auto; transition:all .6s ease;}
.procon li span a{ line-height:66px; background:#eee; font-size:18px; color:#363738; transition:all .3s ease;}
.procon li br{ display:none;}
.procon li>a:after{ content:''; display:block; position:absolute; width:100%; height:100%; top:0; bottom:0; right:0; left:0; margin: auto; background:rgba(0,0,0,0.4); background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.3)); opacity:0; transition:all .5s ease; }
.procon li:hover>a:after{ opacity:1;}
.procon li:hover img{ transform:scale(1.3);}
.procon li:hover span a{ background:#0038cc; color:#fff;}

/*产品质量*/
.proadv{ height:840px; background:url(../img/20201116160202_1179766840.jpg) no-repeat center; padding-top:70px;}
.proadv .title span{ color:#798492; margin:15px 0 25px 0;}
.pacon{ width:1300px; margin:50px auto 0 auto; padding:48px 60px; background:#fff;}
.paleft{ width:555px; height:468px; background:#f3f3f3;}
.paleft img{ width:100%; height:100%;}
.paul{ width:710px; background:url(../img/20200909171416_1606950710.png) no-repeat center;}
.paul li{ float: left;}
.paul li+li{ float:right;}
.paul li p{ width:250px; font-size:14px; color:#9ea1a4; line-height:26px; padding:10px 0 0 78px;}
.paul li dl{position:relative;}
.paul li dl+dl{ margin-top:75px;}
.paul li p span{ display:block; font-size:24px; color:#424447; margin-bottom:10px;}
.paul dl em{ position:absolute; width:42px; height:42px; border-radius:50%; top:7px; left:7px; font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:42px; text-align:center; background:#0038cc;}
.paul dl em i{ position:relative; z-index:3;}
.paul dl em:after{ content:''; display:block; position:absolute; top:-8px; left:-8px; width:58px; height:58px; border-radius:50%; background:rgba(14, 191, 255, 0.6); animation:scation 1.5s linear infinite;}
@keyframes scation{
    0%{ transform:scale(1);}
	30%{ transform:scale(.3);}
	60%{ transform:scale(.7);}
	100%{ transform:scale(1);}
}

/*实力*/
.adv{ height:840px; padding-top:70px;}
.advtitle{ text-align:center; font-size:40px; color:#333;}
.advtitle span{ display:block; line-height:58px; background:url(../img/20201116104631_829687438.png) no-repeat center; font-size:26px; color:#888; margin-top:25px;}
.advcenter{ margin-top:60px;}
.advtab{ margin-bottom:27px;}
.advtab li+li{ margin-left:25px;}
.advtab li{ float:left; width:306px; height:116px; background:#0038cc; color:#fff; font-size:30px; cursor:pointer; position:relative; transition:all .3s ease;}
.advtab li em{ display:block; font-size:14px; color:#0489ee; text-transform:uppercase; margin-top:3px;transition:all .3s ease;}
.advtab li p{ padding:25px 0 0 97px;}
.advtab li i{ position:absolute; display:block; width:60px; height:50px; top:0; bottom:0; margin:auto 0; left:23px; background:url(../img/20201116151620_1019848610.png) no-repeat top left; transition:all .5s ease;}
.advtab li:nth-child(2) i{ background-position-x:-84px; height:52px;}
.advtab li:nth-child(3) i{ background-position-x:-174px;}
.advtab li:nth-child(4) i{ background-position-x:-262px;}
.advtab li.on{ background:#333;}
.advtab li.on em{ color:#888;}
.advtab li.on i{ background-position-y:-66px;}
.advline span {display: block;width: 100%;height: 120px; background: #0038cc;animation: waves 2s linear 0s infinite alternate;-webkit-animation: waves 2s linear 0s infinite alternate;
}
.advline { height:480px; width: 15px; background: #c5a45f;}
@-webkit-keyframes waves {
  10% {
    height: 20%;
  }
  20% {
    height: 60%;
  }
  40% {
    height: 40%;
  }
  50% {
    height: 70%;
  }
  100% {
    height: 50%;
  }
}

@keyframes waves {
  10% {
    height: 20%;
  }
  20% {
    height: 60%;
  }
  40% {
    height: 40%;
  }
  50% {
    height: 70%;
  }
  100% {
    height: 50%;
  }
}
.advwa{ width: 565px;background:#f4f4f4; padding:30px 30px 51px 40px;}
.advnum{ font-size:66px; color:#d6d6d6; font-family:impact;}
.advnum:after{ content:''; display:block; width:2px; height:26px; background:#d3d3d3; margin:3px 0 10px 10px;}
.adv_t{ font-size:22px; color:#333; padding-bottom:20px; border-bottom:1px solid #e2e2e2; margin-bottom:30px;}
.adv_t b{ font-size:32px; color:#0038cc; display:block; margin-bottom:5px;}
.adv_c p{ font-size:15px; color:#999; line-height:38px; padding-left:20px; background:url(../img/20200910084228_1634288163.png) no-repeat left 15px;}
.adv_c p span{ color:#0038cc;}

/*客户案例*/
.case{ padding:60px 0 80px 0; background:url(../img/20200910091551_1266440624.jpg) no-repeat bottom center;}
.caseshow{ padding:36px 0 52px 0;}
.caseshow table,.caseshow table tbody,.caseshow table tr{ display:block; width:100%;}
.caseshow td{ display:inline-block;width:383px; padding:15px !important; margin-right:25px; border:1px solid #eeeeee;}
.caseshow td br{ display:none;}
.caseshow td div{ padding:0 !important; margin-top:20px;}
.caseshow td a{ display:block; position:relative; overflow:hidden; font-size:20px; color:#2f3235;}
.caseshow td .casemore{ width:226px; line-height:42px; border-radius:20px; font-size:15px; color:#9b9fa3; border:1px solid #eeeeee; margin:15px auto 20px auto; transition:all .3s ease;}
.casetab{ margin-top:55px; font-size:0; text-align:center;}
.casetab li{ display:inline-block; width:12px; height:12px; border-radius:50%; background:#bfc5cb; position:relative; cursor:pointer;}
.caseshow td:hover .casemore{ background:#0038cc; color:#fff;}
.caseshow td a img{ transition:all .6s ease;}
.caseshow td:hover a img{ transform:scale(1.1);}
.casetab li+li{ margin-left:28px;}
.casetab li:after{ content:''; display:block; position:absolute; width:22px; height:22px; top:-5px; left:-5px; background:rgba(191,197,203,.3); border-radius:50%;}
.casetab li.on{ background:#0038cc;}
.casetab li.on:after{ background:rgba(27, 116, 199, 0.3);}
.caseconcat{ width:780px; height:80px; line-height:80px; margin:0 auto; background:#0038cc; font-size:18px; color:#ffe1e3; position:relative;border-radius: 30px;}
.caseconcat p{ margin-left:35px; padding-left:55px; background:url(../img/20201116152048_767262665.png) no-repeat left center;}
.caseconcat b{ vertical-align:middle; font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.caseconcat a{ display:block; position:absolute; width:98px; height:98px; right:-22px; top:-10px; border-radius:50%; font-size:20px; color:#fff; padding:20px 30px; box-sizing:border-box; background:#c5a45f; letter-spacing:3px; line-height:30px; padding:18px 26px; transition:all .3s ease;}
.caseconcat a:hover{ background:#333; color:#fff;}

/*关于我们*/
.about{ padding-top:60px; height:1150px; background:#eee;}
.abcon{ margin-top:35px; padding:40px; background:#fff;}
.abright{ width:525px; padding-top:10px;}
.ab_t{ font-size:22px; color:#0038cc; font-weight:bold; margin:10px 0 25px 0;}
.ab_t:after{ content:''; display:block; height:3px; width:45px; background:#0038cc; margin-top:15px;}
.ab_c{ font-size:15px; color:#999; line-height:34px;}
.ab_btn{ margin-top:45px; font-size:0;}
.ab_btn a{ display:inline-block; width:150px; line-height:50px; text-align:center; background:#eee; font-size:16px; color:#333; transition:all .3s ease;}
.ab_btn a+a{ margin-left:18px;}
.ab_btn a:hover{ background:#0038cc; color:#fff;}

.photo{
	margin-top: 30px;
}
.photo li{
	width: 30%;
	float: left;
	margin-right: 20px;
	border: 10px solid #fff;
}
.photo li img{
	width: 100%;
}
.photo li p{
	line-height: 40px;
	text-align: center;
	color: #333;
	background-color: #f5f5f5;
}
.photo li:hover p{
	background-color: #0489ee;
	color: #fff;
}

/*新闻资讯*/
.news{ padding:60px 0 70px 0;}
.news *{ box-sizing:border-box;}
.newstab a{ display:inline-table; width:220px; height:62px; background:#f2f2f2; line-height:62px; font-size:20px; color:#414b4b; padding-left:86px; position:relative; transition:all 0.5s ease; }
.newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../img/20200910100424_672743716.png) no-repeat left top;transition:all 0.5s ease;}
.newstab a+a{ margin-left:11px;}
.newstab a:nth-child(2):after{ background-position-x:-37px;}
.newstab a:nth-child(3):after{ background-position-x:-76px;}
.newstab{ width:692px; margin:35px auto;}
.newstab a.cur:after{background-position-y:-69px; transform:translateX(360deg);}
.newstab a.cur{ background:#0038cc; color:#fff;}
.nc_le{width: 530px;}
.ncl_li{position: relative;}
.ncl_li+.ncl_li {display: none;}
.nc_le .news_div_item{width: 530px;position: relative;display: inline-block;height: 487px;}
.nc_le .news_div_item+.news_div_item{display: none;}
.nc_le .news_div_item_date{position: absolute;bottom: 112px;right: 10px;color: #666;z-index: 7; font-size:12px;display: inline-flex;}
.nc_le .news_div_item_year,.nc_le .news_div_item_month,.nc_le .news_div_item_day{font-size: 16px;}
.nc_le .news_div_item_content{position: absolute;bottom:-2px;left: 0;z-index: 5;height: 149px;}
.nc_le .news_div_item_title{height: 50px;background: rgba(237,237,237,1);display: block;margin-bottom: 21px;padding-left: 22px;}
.nc_le .news_div_item_a{color:#333;font-size: 16px;line-height:50px;}
.nc_le .news_div_item_body{color: #6e6e6e;line-height: 30px; font-weight:100;}
.nc_le .news_div_item_pic{ width:531px !important; position: absolute;top: 0;left: 0;z-index: 3;border: 1px solid #e4e4e4;}

.nc_le .news_div_item_pic,.nc_le .news_div_item_pic a,.nc_le .news_div_item_image{width: 529px;height: 340px;z-index: 4; position: relative; overflow:hidden;}
.nc_le .news_div_item_pic img,.nc_le .news_div_item_pic a img,.nc_le .news_div_item_image img{ width:100%; height:100%;}
.nc_le ol{position: absolute;right: 32px;bottom: 118px;z-index: 6;display: block !important;}
.nc_le ol li{width: 8px;height: 8px;border-radius:24px;background:#fff;position:relative;transition:300ms; display:inline-block; cursor:pointer;}
.nc_le ol li+li{margin-left:4px;}
.nc_le ol li.on{background:#fff;background:#0038cc;transition:300ms;}

.nc_ri{width: 735px;}
.nc_list{width: 100%;border-bottom: 1px solid #e8e8e8; padding-left:36%;}
.nc_list a{width: 120px;height:55px;display: inline-block;vertical-align: top;text-align: center;line-height: 40px;font-size: 16px;color: #333;}
.nc_list a.cur{ border-bottom:1px #000000 solid; font-weight:bold;}
.nc_tab li+li{ display:none;}
.nc_tab .news_div{ width:720px;}
.nc_tab .news_div_item{height: 158px;border-bottom: 1px solid #e6e6e6;padding-top: 35px;}
.nc_tab .news_div_item:nth-child(1){padding-top:20px;}
.nc_tab .news_div_item_date{float: right;height: 44px;position: relative;display: inline-block; top:32px;}
.nc_tab .news_div_item_year{position: absolute;bottom: 43px;right: 0; font-size: 28px;}
.nc_tab .news_div_item_month{font-size: 20px;color: #7b7b7b;font-weight:100;display: inline-block;}
.nc_tab .news_div_item_day{font-size: 20px;color: #7b7b7b;font-weight: 100;display: inline-block;}
.nc_tab .news_div_item_content{float: left;width:580px;}
.nc_tab .news_div_item_title{ position:relative;padding-left:20px;}
.nc_tab .news_div_item_title:after{ content:''; display:block; width:7px; height:7px; border-radius:50%; left:0; top:7px; background:#000000; position:absolute;}
.news_div_item:hover .news_div_item_a{ color:#0038cc;}
.news_div_item:hover .news_div_item_title:after{ background:#0038cc;}
.nc_tab .news_div_item_a{font-size: 16px;color: #333;}
.nc_tab .news_div_item_body{font-size: 14px; font-weight:100; color: #666;line-height: 26px;display: block;padding-top: 9px;    padding-left: 20px;}
.nc_tab .news_div_item_pic{display: none;}
.nc_le .divdgweb_new_div_item{width: 530px;position: relative;display: inline-block;height: 487px;}
.nc_le .divdgweb_new_div_item+.divdgweb_new_div_item{display: none;}
.nc_le .divdgweb_new_div_item_date{position: absolute;bottom: 112px;right: 101px;color: #666;z-index: 7; font-size:12px;display: inline-flex;}
.nc_le .divdgweb_new_div_item_year,.nc_le .divdgweb_new_div_item_month,.nc_le .divdgweb_new_div_item_day{font-size: 16px;}
.nc_le .divdgweb_new_div_item_content{position: absolute;bottom:-2px;left: 0;z-index: 5;height: 149px; width:100%;}
.nc_le .divdgweb_new_div_item_title{height: 50px;background: rgba(237,237,237,1);display: block;margin-bottom: 21px;padding-left: 22px;}
.nc_le .divdgweb_new_div_item_a{color:#333;font-size: 16px;line-height:50px;}
.nc_le .divdgweb_new_div_item_body{color: #6e6e6e;line-height: 30px; font-weight:100;}
.nc_le ..new_div_item_pic{ width:531px !important; position: absolute;top: 0;left: 0;z-index: 3;border: 1px solid #e4e4e4;}

.nc_le ..new_div_item_pic,.nc_le ..new_div_item_pic a,.nc_le .divdgweb_new_div_item_image{width: 529px;height: 340px;z-index: 4; position: relative; overflow:hidden;}
.nc_le ..new_div_item_pic img,.nc_le ..new_div_item_pic a img,.nc_le .divdgweb_new_div_item_image img{ width:100%; height:100%;}
.nc_le ol{position: absolute;right: 32px;bottom: 118px;z-index: 6;display: block !important;}
.nc_le ol li{width: 8px;height: 8px;border-radius:24px;background:#fff;position:relative;transition:300ms; display:inline-block; cursor:pointer;}
.nc_le ol li+li{margin-left:4px;}
.nc_le ol li.on{background:#fff;background:#0038cc;transition:300ms;}

.nc_ri{width: 735px;}
.nc_list{width: 100%;border-bottom: 1px solid #e8e8e8; padding-left:36%;}
.nc_list a{width: 120px;height:55px;display: inline-block;vertical-align: top;text-align: center;line-height: 40px;font-size: 16px;color: #333;}
.nc_list a.cur{ border-bottom:1px #000000 solid; font-weight:bold;}
.nc_tab li+li{ display:none;}
.nc_tab .divdgweb_new_div{ width:720px;}
.nc_tab .divdgweb_new_div_item{height: 158px;border-bottom: 1px solid #e6e6e6;padding-top: 35px;}
.nc_tab .divdgweb_new_div_item:nth-child(1){padding-top:20px;}
.nc_tab .divdgweb_new_div_item_date{float: right;height: 44px;position: relative;display: inline-block; top:32px;}
.nc_tab .divdgweb_new_div_item_year{position: absolute;bottom: 43px;right: 0; font-size: 28px;}
.nc_tab .divdgweb_new_div_item_month{font-size: 20px;color: #7b7b7b;font-weight:100;display: inline-block;}
.nc_tab .divdgweb_new_div_item_day{font-size: 20px;color: #7b7b7b;font-weight: 100;display: inline-block;}
.nc_tab .divdgweb_new_div_item_content{float: left;width:580px;}
.nc_tab .divdgweb_new_div_item_title{ position:relative;padding-left:20px;}
.nc_tab .divdgweb_new_div_item_title:after{ content:''; display:block; width:7px; height:7px; border-radius:50%; left:0; top:7px; background:#000000; position:absolute;}
.divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#0038cc;}
.divdgweb_new_div_item:hover .divdgweb_new_div_item_title:after{ background:#0038cc;}
.nc_tab .divdgweb_new_div_item_a{font-size: 16px;color: #333;}
.nc_tab .divdgweb_new_div_item_body{font-size: 14px; font-weight:100; color: #666;line-height: 26px;display: block;padding-top: 9px;    padding-left: 20px;}
.nc_tab ..new_div_item_pic{display: none;}