/*banner*/
.banner-box{min-width:1300px;height:650px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li{width:100% !important;height:650px;background-position: center;background-repeat: no-repeat;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-btn{ width: 100%; position: absolute; top: 300px; left: 0; margin-left: 0; height: 376px; overflow: hidden; }
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-60px;background:url(../img/20201110171344_1197536445.png) no-repeat 0 0;} 
.banner-btn a.next{right:-60px;background:url(../img/20201110171344_1197536445.png) no-repeat -49px 0;}
.banner-box .hd {
	position: absolute;
	top: 300px;
	width: 100%;
	display: block;
	left: -1px;
}
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:20px; height:20px; border-radius :20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ background:#008dd5; width: 32px; }
.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;}


/*实力*/
.sl_bg0{ background:url(../uploadfile/image/20201112/20201112094642_1448586543.jpg) no-repeat center bottom; margin:0 auto; padding-bottom: 50px;}
.sl_bg1{ background:url(../uploadfile/image/20201112/20201112094700_591667482.jpg) no-repeat center; margin:0 auto; height:120px; padding-top:65px;}
.sl_bg{ width:100%; margin:0 auto; padding-top:60px; height:630px; background: #008dd5; }


.yinz{padding: 0px 0 80px; background:#fff; height:320px;}
.yinz:before{content: "";width: 1px;height: 400px;position: absolute;top: 215px;right: 0;background:url(../uploadfile/image/20201111/20201111145319_1217642809.jpg) no-repeat;}
.yinz dl{width: 325px;float: left;height: 400px;position: relative;background:url(../uploadfile/image/20201111/20201111145319_1217642809.jpg) no-repeat;overflow: hidden;}
.yinz dl dt{width: 325px;text-align: center;padding: 75px 0 0;}
.yinz dl dt em{width: 94px;height: 94px;display: block;line-height: 0;overflow: hidden;margin: 0 auto 20px;}
.yinz dl dt em img{width: 94px;height: 94px;}
.yinz dl dt b{display: block;font-size: 30px;color: #333;height: 60px;line-height: 60px;overflow: hidden;background:url(../uploadfile/image/20201111/20201111172859_1442153548.jpg) no-repeat center bottom;}
.yinz dl dt p{font-size: 15px;color: #7f7f7f;line-height: 28px;width: 190px;line-height: 30px; overflow: hidden;margin: 0 auto;padding: 15px 0 0;}
.yinz dl dd{width: 325px;height: 0;position: absolute;top: 0;left: 0;text-align: center;overflow: hidden;-webkit-transition:all .4s;transition:all .4s;}
.yinz dl dd img{width: 325px;height: 400px;}
.yinz dl dd em{display: block;width: 74px;height: 74px;position: absolute;bottom: 30px;left: 113px;z-index: 10;}
.yinz dl dd em img{width: 74px;height: 74px;}
.yinz dl dd b{display: block;width: 325px;height: 66px;position: absolute;bottom: 0;left: 0;background: rgba(255,255,255,0.6);}
.yinz dl:hover dd,.yinz dl.cur dd{height: 400px;}


/*pord*/
.pord_bg{ height: auto; padding: 70px 0 40px;background: url(../img/20201113230645_72605974.jpg) repeat center;} 
.pord_l{ width: 220px; background: #008dd5 url(../img/20201113225917_677026964.png) 200px 32px no-repeat; padding:25px;}    
.pord_l span{ color: #ebf5fc;  font-family: Arial; text-transform: uppercase; font-size: 12px; }
.pord_l b{ font-size: 26px;color:#fff; line-height: 40px;}

.list a{ display: block; line-height:80px;font-size: 16px; background: #eff4f7; border-bottom: 1px solid #d9e8f0; padding-left: 20px; position: relative;}
.list a:after{ content: ""; position: absolute;  width:20px; height:20px; right: 20px; top:0px; bottom: 0; margin: auto; background: url(../img/20201113225942_1850943032.png) no-repeat;}
.list_b{width: 270px; background: #008dd5 ; text-align: center; padding-top:24px;}
.list a:hover{ background: #fd8300; color: #fff;  font-size: 16px;}


/*产品列表*/
.prod_r{width:1010px;}

.prod_r li { display: block; float: left; padding: 0 !important; width: 320px; margin: 8px 6px 8px 8px; position: relative; border:1px #ddd solid}
.prod_r li> a:after,.prod_r li > a::after{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url(../img/20201114000708_488153549.png) no-repeat center; left:0; top: -100%; transition:0.3s all ease-in-out; }

.prod_r li > span { height: 50px; width: 100%; padding-top: 0 !important; display: block; position: relative; text-align: center; overflow: hidden;}
.prod_r li > span > a{ display:block; border-top: 1px solid #ddd; height: 50px; line-height: 50px; color: #454545; font-size: 14px; transition:0.3s all ease-in-out; position: relative; z-index: 1111; background:#fff;}
.prod_r li > span:after,.pro_bg li > span::after{ position: absolute; content: ''; width: 100%; height: 100%; background: #008dd5; bottom: -100%; left: 0; transition:0.3s all ease-in-out; }
.prod_r li:hover > a:after,.pro_bg li:hover > a::after{ top: 0; }
.prod_r li:hover > span > a{ color: #008dd5; }
.prod_r li:hover > span:after,.pro_bg li:hover > span::after{ bottom: 0; }
.prod_r li br { display: none;}
.prod_r li a{ position: relative; display: block; overflow: hidden; }
.prod_r li a img{ display: block; width: 100%; height: auto; transition:0.5s all ease-in-out; }
.prod_r li:hover a img{ transform:scale(1.2); }
  

  

/*case*/
.casecenter{ position:relative; height:495px;}

.ccon{ width:100%;}
.ccon .divdgweb_new_div_item{ position:relative; width:640px; height:495px;float: left;margin-right: 20px;}
.ccon .news_div_item_pic{width:100%; height:100%;}
.ccon .news_div_item_pic img{ width:100%; height:100%;}
.ccon .divdgweb_new_div_item_content{ position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:20px 30px;     background: rgba(19, 28, 35, 0.8);}
.ccon .divdgweb_new_div_item_a{ font-size:20px; color:#fff;}
.ccon .divdgweb_new_div_item_body { font-size:14px; color:#fff; line-height:24px; margin-top:10px;}

.casecenter .hd{
	text-align: center;
}
.casecenter .hd li{
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #ccc;
	border-radius: 50%;
	margin: 0 3px;
	font-size: 0;
}
.casecenter .hd .on{
	background-color: #008dd5;
}

/*di*/
.hzcust_bg{ height:180px; background:url(../img/20201112214459_1586885655.png) no-repeat bottom center;}
.casebtn a{ display:block; margin:20px  auto 20px auto; width:400px; height:52px; border:1px solid #dddddd; text-align:center; line-height:50px; font-size:18px; color:#888888; font-weight:lighter; transition:all .3s ease;}
.casebtn a:hover{ background:#008dd5; border-color:#008dd5; color:#fff;}
.caseconcat{ text-align:center; font-size:18px; font-weight:lighter; color:#222;}
.caseconcat strong{ font-size:30px; color:#008dd5;     font-weight: bold;}
.caseconcat span{ padding-left:42px; background:url(../img/20201112214525_527598017.png) no-repeat left center;}


/*adv*/
.adv_bg{ height:840px; padding-top:71px; background:url(../img/20201112141125_1965637925.jpg) no-repeat center; overflow:hidden;}
.advtitl{text-align: center;font-size: 20px;color: #fff;font-weight: lighter; margin-bottom:30px;}
.advtitl b{display: block;font-size: 45px;color: #fff;background: url(../img/20201112151550_1899034972.png) no-repeat center; margin-bottom: 10px;}


.advcenter{ position:relative;}
.advtab{width:810px; height:173px; padding:18px; position:absolute; z-index:99; left:0px; top:363px; background-color:rgba(255,255,255,0.9)}
.advtab li{ float:left; position:relative; text-align:center; font-size:20px; color:#313633; cursor:pointer;}
.advtab li p:nth-child(1){ width:36px; height:36px; position:absolute; opacity:0; top:0px; transition:all .3s ease; left:0px; right:0px; margin:0 auto; border-radius:50%; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:36px; background:#fd8300;}
.advtab li.on p:nth-child(1){ opacity:1; top:110px;}
.advtab li p:nth-child(2){ transition:all .3s ease; width:180px; height:120px; margin-bottom:22px;}
.advtab li p:nth-child(2) img{ width:100%; height:100%;}
.advtab li.on p:nth-child(2){ border:3px solid #fd8300;}
.advtab li+li{ margin-left:16px;}
.advcon ul{ width:1610px; height:572px; background:#fff;}
.advwa,.advwa1,.advwa2,.advwa3{ width:550px; padding-top:30px; margin-right:61px; padding-left:40px;}
.advwa>p{ padding:15px 0px 30px 73px; font-size:22px; color:#666; background:url(../img/20201112211225_1564018554.png) no-repeat left 17px; border-bottom:2px solid #eae9e9; margin-bottom:35px;}
.advwa1>p{ padding:0px 0px 30px 73px; font-size:22px; color:#666; background:url(../img/20201112211225_511953111.png) no-repeat left 7px; border-bottom:2px solid #eae9e9; margin-bottom:35px;}
.advwa2>p{ padding:0px 0px 30px 73px; font-size:22px; color:#666; background:url(../img/20201112211225_1237147804.png) no-repeat left 7px; border-bottom:2px solid #eae9e9; margin-bottom:35px;}
.advwa3>p{ padding:0px 0px 30px 73px; font-size:22px; color:#666; background:url(../img/20201112211225_1402630615.png) no-repeat left 7px; border-bottom:2px solid #eae9e9; margin-bottom:35px;}

.advwa>p strong,.advwa1>p strong,.advwa2>p strong,.advwa3>p strong{ display:block; font-size:32px; color:#222; font-weight:bold; }
.advwa div p,.advwa1 div p,.advwa2 div p,.advwa3 div p{ line-height:38px; font-size:15px; color:#666;}
.advcon .advpic{ width:690px;}


/*custerm*/
.witness{width: 100%;}
.witcenter{ margin:30px 0 0 0; padding:0 0 40px;}
.custcen *{ box-sizing:border-box;}
.custcen li{ width:421px !important; height:430px; border:1px solid #e4e4e4; padding:29px; float:left; margin-right:18px; overflow:hidden; position:relative;   background: #f7f7f7;}
.witpic img{ width:360px; height:255px; margin-bottom:27px;}
.custcen li div{ position:relative; z-index:33;}
.custcen li a{ display:block; width:100%; height:100%;}
.witwa p:nth-child(1){ font-size:18px; color:#666666; padding-left:38px; background:url(../img/20201113214406_1284479764.jpg) no-repeat left top; line-height:21px; padding-bottom:17px; border-bottom:1px solid #e4e4e4;}
.witwa p:nth-child(2){ font-size:15px; color:#999999; line-height:26px; margin-top:15px; background:url(../img/20201113214433_200552072.png) no-repeat right center;}
.custcen li:after{ content:''; display:block; width:100%; height:100%; background:#008dd5; right:-130%; top:0px; transform:rotate(180deg); position:absolute; transition:all 0.3s linear;}
.custcen li:hover:after{ right:0px; transform:rotate(360deg);}
.custcen li:hover p:nth-child(1){ color:#fff;background:url(../img/20201113214649_549082354.png) no-repeat left top;}
.custcen li:hover p:nth-child(2){ color:#fff;background:url(../img/20201113214711_452854159.png) no-repeat right center;}
.witbg{ margin-top:40px; text-align:center; font-size:0;}
.witbg li{ display:inline-block; border-radius:50%; width:12px; height:12px; background:#008dd5; cursor:pointer;}
.witbg li+li{ margin-left:27px;}
.witbg li.on{ background:#fd8300;}


/*compy*/
.comp_bg{background: url(../img/20201112210331_1634595242.jpg) no-repeat center;width: 100%;height: 900px; padding-top:60px;}
.comp_con{padding: 30px;background: #fff;width: 100%;display: inline-block;}
.comp_le{}
.comp_ri{width: 550px;padding-top: 25px; padding-left: 20px;}
.comp_ri>b{display:block;font-size: 30px;font-weight: bold;color: #008dd5;}
.comp_ri span{display: block;border-bottom: 1px solid #f0f0f0;padding-bottom: 21px;margin-bottom: 21px; font-size:18px; }
.comp_ri p{text-indent: 2em;line-height: 30px;color:#888;}
.comp_ri p+p{}
.comp_ri a{display: block;width: 146px;height: 50px;background: #fd8300;margin-top: 35px;line-height: 50px;color: #fff;transition: 0.5s;}
.comp_ri a>b{float: left;font-size: 16px;line-height: 50px;margin-left: 22px;}
.comp_ri a>em{margin-top: 5px;float: left;margin-left: 17px; }
.comp_ri a:hover {width: 160px;transition: 0.5s;padding-left: 8px;}


/*qyxx*/
.qyxx{ padding:0px 0 70px 0;}
.qyxxcenter{position:relative;}
.qyjt{ display:block; position:absolute; left:0; top:40%;cursor:pointer;}
.qyjt.next{ right:0; left:auto;}
.qycon{ width:1134px; margin:0 auto;}
.qycon ul{ display:block; width:100%;}
.qycon li{ display:inline-block; padding:0 !important; width:363px; margin-right:23px; text-align: center;}
.qycon li br{ display:none;}
.qycon li a{ display:block; position:relative; overflow:hidden;}
.qycon li div{ padding:0 !important;}
.qycon li div a{ line-height:57px; background:#f0f2f1; font-size:16px; color:#666666; transition:all .3s ease;}
.qycon li a img{ transition:all .5s ease; width:100%; height:auto;}
.qycon li:hover a img{ transform:scale(1.1);}
.qycon li:hover div a{ background:#008dd5; color:#fff;}


/*news*/
.news_box{margin:0px auto; padding-bottom:  40px;}
.news_bt{width: 1300px; float: left;}
.news_btl{width: 300px; float: left; font-weight: 400; font-size: 42px;}
.news_btl span{font-size: 16px; display: block; color: #999; font-weight: 100;}
.nb_tab{font-size:0;text-align: center; float: right;}
.nb_tab a{width:171px;height:42px;background:#fff;display:inline-block;vertical-align:top;color:#333; box-shadow: 0px 0px 20px #eee; border-radius: 30px; margin-top: 22px;}
.nb_tab a+a{margin-left:50px;}
.nb_tab a.cur{background:linear-gradient(204deg, #008dd5 50%, #008dd5 100%); color: #fff; background-size: 400% 370%; box-shadow: 0px 0px 10px #008dd5 ;}
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:42px;}
.nb_tab a b{font-size:16px; }
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
.nb_con{margin-top:130px;}
.nbc_list+.nbc_list{display: none;}
.nbcl_le{width:614px;}
.nbcl_le .news_div_item{width:294px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:26px;}
.nbcl_le .news_div_item_pic img{width:294px; height: 320px; }
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(../img/20201112133952_1253109737.png) no-repeat right center;float: right;margin-top:17px;}

.nbcr_ri{width:656px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #f1f1f1;padding:30px 0;position:relative;transition:300ms;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:516px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight: bold; line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:14px;}