@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
img{vertical-align:middle;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#565656;font-size:14px;line-height:24px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; }
a{color:#565656;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all 0.3s;}
a:hover{color:#0077af;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.wrap,.grWidth{width:1340px; margin:0 auto;overflow: hidden;}
.heaWidth{width:1340px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1;clear: both;}
.W1920{margin: 0 auto;position: relative;}

/*头部*/
.top-line{height: 38px;position: relative;background: #0077af;color: #ffffff;font-size: 12px;line-height: 35px;}
.top-line a{color: #ffffff;padding-left: 30px;background: url(../images/top-lin-shop.png)no-repeat left;}
.top-line .top-shop span{opacity: 0;}
.top-line .shopFix{position: fixed;
    top: 3px;
    right: 210px;
    z-index: 999;
    color: #0077af;background: url(../images/top-lin-shop2.png)no-repeat left;}
.top-line .shopFix span{opacity: 1;
    position: absolute;
    left: 0px;
    top: 20px;
    font-size: 18px;
    font-weight: bold;
    width: 150px;}
.top-line .shopFix:hover{color: #000;}

.top-line .top-hot-line{margin-left: 20px;padding-left: 30px;background: url(../images/top-lin-phone.png)no-repeat left;}
.top-line .top-hot-line strong{font-size: 16px;}
.top-line a:hover{color: #e8fc05;}
.header{height: 125px;border-bottom: 1px solid #eee;z-index: 99;position: relative;}
.header .grWidth{overflow: unset;}
/*.hearnav2{position: fixed;background: rgba(255, 255, 255, 0.85);}*/
.header .logo{width: 200px;}
.header .logo img{max-height: 125px;max-width: 100%;}
.header .nav{display: table;width: 970px;height: 126px;}
.header .nav li{display: table-cell;padding: 50px 10px;text-align: center; position: relative;}
.header .nav li a{color: #333;font-size:16px;}
.header .nav .SecondaryNav{position: absolute;left: 0;top: 126px;background: #ffffff;display: none;}
.header .nav .SecondaryNav li{float: left;width: 100%;padding: 5px 0;border-bottom: 1px solid #ddd;}
.header .nav .SecondaryNav li:hover{background: #0077af;border-bottom: 1px solid #0077af;}
.header .nav .SecondaryNav li:hover a{color: #ffffff;}
.header .nav .SecondaryNav li a{font-size: 14px;}
.header .nav .SecondaryNav li a:after{display: none;}
.header .nav .SecondaryNav .LastNav{display: none;}

.header .search{width: 16px;padding: 54px 26px;}
.header .search a{display: block;width: 16px;height: 16px; background: url(../images/search.png)no-repeat center;}
.header .search_show{display: none;height: 60px;position: absolute;top: 125px;background: rgba(233, 233, 233, 0.8);width: 100%;left: 0;text-align: center}
.header .search_show form{width: 530px;margin: 0 auto}
.header .search_show .sear_text{float: left; width: 430px;height: 36px;margin: 12px 0;display: inline-block;padding-left: 20px;}
.header .search_show .icon-search{float: left; width: 60px;background: #fff url(../images/search.png)no-repeat center;height: 36px;margin: 12px 0 ;cursor: pointer;}

.header .nav li a:hover{color: #0077af}
.header .nav li a:after{content: '';position: absolute;bottom: 0px;left: 19%;width: 64%;height: 2px;background: #0077af;opacity: 0;}
.header .nav li .cur:after{opacity: 1;}
.header .nav li a:hover:after{opacity: 1;}

/*底部*/
.footer{background:#1b1b1b;color:#919191;clear: both;border-bottom: 1px solid #2f2f2f;}
.footer .footLeft{width: 750px;margin-left: 30px;overflow: hidden;padding:60px 0;position: relative;}
.footer .footLeft:after{content: '';height: 100%;width: 1px;background:#2f2f2f; position: absolute;right: 0;top: 0;}
.footLeft dl{float: left;padding: 0px 32px 0 0;width: 150px;}
.footLeft dl span{color: #ffffff;padding-bottom: 15px;float: left;width: 100%;}
.footLeft dl a dt{color: #919191;font-size: 14px;}

.footer .footContact{overflow: hidden;font-size: 14px;padding-left: 15px;color: #919191;line-height: 20px;width: 460px;}
.footer .footContact .con-tact{font-size: 16px;color: #ffffff;margin-top: 60px;float: left;width: 100%;}
.footer .footContact .foot-tel span{font-size: 38px;color: #ffffff;width: 100%;float: left;margin-top: 20px;margin-bottom: 20px;}
.footer .footContact a{color: #b6b6b6;}
.footer .footContact a:hover{color: #fff;}
.footer .footRight{width: 120px;overflow: hidden;text-align: left;padding-top: 10px;background: url(../images/wxqrcode.png) no-repeat -1px 0px;}
.footer .footRight span{display: block;font-size: 12px;color: #9d9d9d;}
.footerBox{position: relative;}
.foot-bot{min-height: 44px;line-height: 44px;background: #1b1b1b;color: #fff;}
.foot-bot a{color:#7d7d7d;padding:0 15px;font-size: 14px;}
.foot-bot a:hover{color: #fff;}
.link-box{list-style: none;word-wrap: break-word;outline: none;}
.link-box p{float: left;font-size: 14px;color: #888888;}
.foot-web-nav{width: 150px;}
.foot-web-nav span{width: 100%;float: left;}
.foot-web-nav a{float: left;padding-right: 10px;}
.company-box{font-size: 14px;color: #888888;padding-bottom: 30px;line-height: 14px;}
.company-box a{border:none;padding: 0 5px;}
.foot-code-box .kf2{float: left;width: 55px;height: 185px;margin-right: 10px;margin-top: 20px;}
.foot-code-box .sidebox .kImg{float: left;width: 55px;height: 55px;}
.foot-code-box .kf2:nth-child(1) .kImg{background: url(../images/foot-code-pic.png) no-repeat -10px 0px;}
.foot-code-box .kf2:nth-child(2) .kImg{background: url(../images/foot-code-pic.png) no-repeat -72px 0px;}
.foot-code-box .kf2:nth-child(3) .kImg{background: url(../images/foot-code-pic.png) no-repeat -131px 0px;}

.foot-code-box .kf2:hover:nth-child(1) .kImg{background: url(../images/foot-code-pic.png) no-repeat -10px -54px;}
.foot-code-box .kf2:hover:nth-child(2) .kImg{background: url(../images/foot-code-pic.png) no-repeat -72px -54px;}
.foot-code-box .kf2:hover:nth-child(3) .kImg{background: url(../images/foot-code-pic.png) no-repeat -131px -54px;}

.foot-code-box .sidebox{position: relative;}
.foot-code-box .sidebox div{width: 130px;height: 130px;position: absolute;bottom: -184px;left: 5px;}

/*  广告轮播图 */
.banner{ margin: 0 auto;position:relative; overflow:hidden;height:800px;}
.banner .bd{height:675px; z-index:0;position:relative;left:50%; margin-left:-960px;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:40px;height:80px; background: url('../images/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -54px 0px;}
.banner:hover .banner_ctr a{opacity:1;filter:alpha(opacity=100);}
.banner .hd{width: 100%;position:absolute; bottom:50px; text-align: center; z-index:5;font-size: 0; line-height: 0; height:18px;overflow:hidden;}
.banner .hd li{background:none;border:2px solid #fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:12px; height:12px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:#00a539;border:2px solid #00a539;}

/*首页样式*/
/*最新新闻*/
.index-top-News{background: #efefef;height: 78px;line-height: 78px;}
.index-top-News .grWidth{overflow: inherit;position: relative;}
.index-top-News .grWidth h2{font-weight: normal;position: absolute;left: -360px;padding-left: 360px;color: #ffffff;padding-right: 20px;background: url('../images/laba.png') no-repeat 340px 15px;background-color: #0077af;}
.index-top-News .grWidth .more{font-size: 14px;color: #888888;padding-right: 50px;background: url('../images/gengduo1.png') no-repeat right;}
.index-top-News .grWidth .more:hover{color: #0077af;font-weight: bold;background: url('../images/gengduo1.png') no-repeat right;}
.index-top-News .grWidth .news-Box{float: left;width: 500px;height: 78px;margin-left: 183px;padding-left: 50px;overflow: hidden;}
.index-top-News .grWidth .news-Box p,.index-top-News .grWidth .news-Box span{font-size: 14px;color: #888888;height: 78px;}
.index-top-News .grWidth .news-Box:hover p,.index-top-News .grWidth .news-Box span{color: #0077af;}
.index-top-News .grWidth .news-Box li{position: relative;height: 78px;padding-left: 20px;}
.index-top-News .grWidth .news-Box li:before{content: '';width: 7px;height: 7px;background: #888888;position: absolute;left: 0px;top: 35px;}
.index-top-News .grWidth .news-Box:hover li:before{background: #0077af;}

/*阀門控制*/
.index-top-Control{height: 880px;background: url('../images/famenkz.png') no-repeat center;}
.index-top-Control .grWidth{padding:80px 0; }
.index-top-Control .grWidth h2{font-size: 40px;color: #333333;line-height: 50px;text-align: center;font-weight: normal;}
.index-top-Control .grWidth h4{font-size: 14px;color: #888888;text-align: center;line-height: 40px;font-weight: normal;}

/*阀門方案*/
.index-top-Case{height: 1086px;background: url('../images/index-case-bg.jpg') no-repeat center;}
.index-top-Case .grWidth{padding:80px 0; overflow: inherit;}
.index-top-Case .grWidth h2{font-size: 40px;color: #ffffff;line-height: 50px;text-align: center;font-weight: normal;}
.index-top-Case .grWidth h4{font-size: 14px;color: #ffffff;text-align: center;line-height: 40px;font-weight: normal;}

.index-top-Case .index-Case-Box .index-Case-Nav{height: 100px;}
.index-top-Case .index-Case-Box .index-Case-Nav li{background: #ffffff;float: left;width: 166px;height: 100px;text-align: center;border-right: 1px solid #d9d9d9;position: relative;margin-top: 30px;}
.index-top-Case .index-Case-Box .index-Case-Nav li:last-child{width: 167px;border-right:none;}
.index-top-Case .index-Case-Box .index-Case-Nav li a{width: 100%;height: 100%;float: left;line-height: 156px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat1:after{content: '';background: url(../images/index-case-pic.png) no-repeat -6px -1px;width: 37px;height: 37px;position: absolute;left: 60px;top: 20px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat2:after{content: '';background: url(../images/index-case-pic.png) no-repeat -181px -1px;width: 37px;height: 37px;position: absolute;left: 60px;top: 20px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat3:after{content: '';background: url(../images/index-case-pic.png) no-repeat -96px -1px;width: 37px;height: 37px;position: absolute;left: 60px;top: 20px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat4:after{content: '';background: url(../images/index-case-pic.png) no-repeat -51px -1px;width: 37px;height: 37px;position: absolute;left: 60px;top: 20px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat5:after{content: '';background: url(../images/index-case-pic.png) no-repeat -263px -1px;width: 37px;height: 37px;position: absolute;left: 60px;top: 20px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat6:after{content: '';background: url(../images/index-case-pic.png) no-repeat -139px -1px;width: 37px;height: 37px;position: absolute;left: 60px;top: 20px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat7:after{content: '';background: url(../images/index-case-pic.png) no-repeat -306px -1px;width: 37px;height: 37px;position: absolute;left: 60px;top: 20px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat8:after{content: '';background: url(../images/index-case-pic.png) no-repeat -220px -1px;width: 37px;height: 37px;position: absolute;left: 60px;top: 20px;}

.index-top-Case .index-Case-Box .index-Case-Nav li:hover a{background: #00a539;color: #ffffff;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat1:hover:after{background-position: -6px -45px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat2:hover:after{background-position: -181px -45px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat3:hover:after{background-position: -96px -45px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat4:hover:after{background-position: -51px -45px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat5:hover:after{background-position: -263px -45px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat6:hover:after{background-position: -139px -45px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat7:hover:after{background-position: -306px -45px;}
.index-top-Case .index-Case-Box .index-Case-Nav .case-cat8:hover:after{background-position: -220px -45px;}
.index-top-Case .index-Case-Box .index-Case-list-box{width: 100%;position: relative;text-align: center;display: block;padding-top: 50px;}
.index-top-Case .index-Case-Box .case-description{height: 100px;color: #ffffff;line-height: 30px;margin: 33px 0;}
.index-top-Case .index-Case-Box .case-description-more{color: #ffffff;margin: 0 auto;padding-right: 45px;background: url(../images/gengduo.png) no-repeat right;}
.index-top-Case .index-Case-Box .case-description-more:hover{background: url(../images/gengduo2.png) no-repeat right;color: #e8fc05;}
.index-top-Case .case-nav{float: left;width: 100%;height: 48px;display: flex;align-items: center;justify-content: center;margin-top: 70px;}
.index-top-Case .case-nav li{float: left;width: 160px;height: 48px;background: #ffffff;line-height: 48px;margin: 0 10px;}
.index-top-Case .case-nav li a{color: #666666;width: 100%;height: 100%;float: left;}
.index-top-Case .case-nav li:hover a{background: #00a539;color: #ffffff;}
.index-top-Case .case-list{height: 362px;float: left;width: 1340px;margin-top: 50px;position: relative;}
.index-top-Case .case-list ul{}
.index-top-Case .case-list li{float: left;width:333px;height: 331px;border-right: 1px solid #d9d9d9;overflow: hidden;text-align:center;}
.index-top-Case .case-list li a{float: left;width: 333px;height: 100%;background: #ffffff;display: block;}
.index-top-Case .case-list li a .imgBox{display: block;width: 333px;height: 264px;overflow: hidden;}
.index-top-Case .case-list li a img{width: 333px;height: 264px;transition:all 1s;}
.index-top-Case .case-list li a .title{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 15px;height: 50px;line-height: 50px;padding-bottom: 15px;}
.index-top-Case .case-list li:hover a img{transform: scale(1.04);}

.case_ctr{ height:90px;position:absolute;top:40%;z-index:2;left:50%;margin-left:-600px;}
.case_ctr a{ display:block;width:50px;height:50px; background: url('../images/case-fl-fr.png') no-repeat 0 0; position:absolute; opacity:1;}
.case_ctr a.prev{left:-140px;}
.case_ctr a.next{right:-1340px; background-position: -58px 0px;}
.case_ctr a.prev:hover {background-position: 0px -59px;}
.case_ctr a.next:hover {background-position: -58px -59px;}

/*主营产品*/
.index-top-Product{height: 1080px;background:#f2f2f2;}
.index-top-Product .grWidth{padding:80px 0; }
.index-top-Product .grWidth h2{font-size: 40px;color: #333333;line-height: 50px;text-align: center;font-weight: normal;}
.index-top-Product .grWidth h4{margin-bottom: 50px;font-size: 14px;color: #888888;text-align: center;line-height: 40px;font-weight: normal;}
.index-Pro-left{width: 268px;}
.index-Pro-left .Pro-cat-box{float: left;width: 268px;}
.index-Pro-left .Pro-cat-box li{float: left;width: 100%;height: 80px;background: #ffffff;border-bottom: 1px solid #f2f2f2;}
.index-Pro-left .Pro-cat-box li:last-child{border-bottom:none;}
.index-Pro-left .Pro-cat-box li a{float: left;width: 100%;height: 100%;font-size: 18px;color: #333333;line-height: 85px;position: relative;}
.index-Pro-left .Pro-cat-box li a:after{content: '';background: url(../images/zycp.png) no-repeat right;width: 20px;height: 20px;position: absolute;right: -20px;top: 34px;opacity: 0;}
.index-Pro-left .Pro-cat-box li a:hover{color: #ffffff;background-color: #0077af;}
.index-Pro-left .Pro-cat-box li a:hover:after{opacity: 1;}
.index-Pro-left .code-number{width: 200px;height: 212px;float: left;padding: 34px;text-align: center;background: url(../images/wx-code-bg.png) no-repeat 62px 94px;background-color: #ffffff;margin-top: 20px;}
.index-Pro-left .code-number p{width: 200px;font-size: 24px;color: #0077af;font-weight: bold;margin-top:10px;margin-bottom:14px;}
.index-Pro-left .code-number img{padding: 20px;}
.index-Pro-right{margin-left: 18px;width: 1050px;}
.index-Pro-right .Pro-description{height: 365px;width: 1048px;background: #ffffff;float: left;}
.index-Pro-right .Pro-description img{float: left;}
.index-Pro-right .Pro-description h3{float: left;font-size: 24px;color: #333333;font-weight: normal;padding: 50px;position: relative;}
.index-Pro-right .Pro-description h3:after{content: '';width: 25px;height: 2px;background:#0077af;position: absolute;bottom: 35px;left: 50px; }
.index-Pro-right .Pro-description p{float: left;width: 355px;padding: 0 50px;font-size: 14px;color: #666666;}
.index-Pro-right .Pro-description a{float: left;padding: 50px;font-size: 14px;color: #666666;background: url(../images/gengduo1.png) no-repeat right;}
.index-Pro-right .Pro-description a:hover{background: url(../images/gengduo1.png) no-repeat right;color: #0077af;}
.index-Pro-right .index-Pro-list{float: left;width: 1048px;background: #ffffff;margin: 20px 0;height: 400px;}
.index-Pro-right .index-Pro-list li{float: left;height: 416px;width: 348px;border-right: 1px solid #f2f2f2;}
.index-Pro-right .index-Pro-list li:last-child{border-right:none;}
.index-Pro-right .index-Pro-list li a{float: left;padding: 10px;text-align: center;}
.index-Pro-right .index-Pro-list li a img{width: 330px;height: 260px;transition:all 0.3s;}
.index-Pro-right .index-Pro-list li a h4{font-size: 16px;color: #333333;margin-bottom: 0;}
.index-Pro-right .index-Pro-list li a p{font-size: 13px;color: #666666;}
.index-Pro-right .index-Pro-list li a span{width: 25px;height: 25px;display: block;margin: 18px auto;color: #999999;border: 1px solid #999999;border-radius: 100%;transition:all 0.3s;}
.index-Pro-right .index-Pro-list li a img:hover{transform: scale(1.05);transition:all 0.3s;}
.index-Pro-right .index-Pro-list li a span:hover{transform: scale(1.05);transition:all 0.3s;color: #0077af;border: 1px solid #0077af;}

/*阀門行业应用*/
.index-top-Application{}
.index-top-Application .grWidth{padding-top: 80px;padding-bottom: 30px; }
.index-top-Application .grWidth h2{font-size: 40px;color: #333333;line-height: 50px;text-align: center;font-weight: normal;}
.index-top-Application .grWidth h4{font-size: 14px;color: #888888;text-align: center;line-height: 40px;font-weight: normal;}

.Application{ margin: 0 auto;position:relative; overflow:hidden;height:760px;}
.Application .bd{height:760px; z-index:0;position:relative;left:50%; margin-left:-960px;}
.Application .bd li{position: relative;}
.Application .bd li a h3{position: absolute;top: 163px;left: 291px;color: #ffffff;font-size: 36px;font-weight: normal;line-height: 40px;}
.Application .bd li a p{position: absolute;top: 230px;left: 291px;color: #ffffff;width: 511px;font-size: 15px;line-height: 27px;}
.Application .bd li a span{position: absolute;top: 470px;left: 252px;color: #ffffff;background: url(../images/gengduo.png) no-repeat right;padding-right: 50px;padding-left: 40px;}
.Application .bd li a div{position: absolute;left: 1495px;bottom: 202px;color: #ffffff;font-size: 20px;}
.Application .bd li a div h4:last-child{font-weight: normal;border-top: 1px solid #999999;}
.Application img{width: 1920px;height: 760px;}

.Application_ctr{height: 50px;position: absolute;bottom: 205px;z-index: 2;right: 390px;}
.Application_ctr a{ display:block;width:50px;height:50px; background: url('../images/case-slide.jpg') no-repeat 0 0; position:absolute; opacity:1;filter: alpha(opacity=0);}
.Application_ctr a.prev{}
.Application_ctr a.next{right: -100px;background-position: -50px 0px;}
.Application:hover .Application_ctr a{opacity:1;filter:alpha(opacity=100);}
.Application .hd{width: 100%;position: absolute;bottom: 85px;text-align: center;z-index: 5;font-size: 0;line-height: 0;height: 100px;overflow: hidden;}
.Application .hd li{background: #ffffff;z-index: 2;cursor: pointer;border-right: 1px solid #f2f2f2;display: inline-block;width: 223px;height: 100px;zoom: 1;}
.Application .hd li:hover,.Application .hd .on{background: #00a539;border-right: 1px solid #00a539;}
.Application .hd li:hover h3{color: #ffffff;}
.Application .hd li:hover h4{color: #ffffff;}
.Application .hd li h3{font-size: 18px;color: #333333;float: left;width: 100%;line-height: 35px;margin-top: 20px;font-weight: normal;}
.Application .hd li h4{font-size: 12px;color: #888888;float: left;width: 100%;line-height: 20px;font-weight: normal;}
.Application .hd .on h3{color: #ffffff;line-height: 35px;}
.Application .hd .on h4{color: #ffffff;line-height: 20px;}

/*走进得锐*/
.index-top-About{height: 490px;background: url('../images/index-about-bg.jpg') no-repeat top;}
.index-top-About .grWidth{padding-top:60px;height: 400px;position: relative; line-height:30px;}
.index-top-About .grWidth h2{font-size: 40px;color: #333333;line-height: 50px;text-align: center;font-weight: normal;}
.index-top-About .grWidth h4{font-size: 22px;color: #0077af;text-align: center;line-height: 45px;font-weight: normal;margin-bottom: 32px;}
.index-top-About .grWidth a{float: left;margin: 50px;font-size: 14px;color: #ffffff;background: url(../images/gengduo.png) no-repeat right;background-color: #0077af;position: absolute;bottom: 0px;left: 551px;padding: 10px 40px;}
.index-top-About .grWidth a:hover{background: url(../images/gengduo2.png) no-repeat right;background-color: #0077af;color: #e8fc05;}

/*产品品牌*/
.index-top-Brand{height: 445px;background: url(../images/pro-Brand.jpg) no-repeat top;}
.index-top-Brand .grWidth{height: 100%}
.index-top-Brand .pro-brand{width: 50%;height: 100%;position: relative;}
.index-top-Brand .pro-brand h2{font-size: 40px;color: #ffffff;line-height: 60px;margin-top: 63px;}
.index-top-Brand .pro-brand h3{font-size: 18px;color: #ffffff;line-height: 34px;}
.index-top-Brand .pro-brand p{font-size: 14px;color: #ffffff;line-height: 26px;margin-top: 37px;}
.index-top-Brand .pro-brand a{float: left;font-size: 14px;color: #ffffff;background: url(../images/gengduo.png) no-repeat right;position: absolute;bottom: 81px;left: 0px;padding: 12px 38px 12px 22px;border: 1px solid #dddddd;}
.index-top-Brand .pro-brand a:hover{background: url(../images/gengduo2.png) no-repeat right;color: #e8fc05;box-shadow: 0 0 12px #fff inset}
.index-top-Brand .fr{width: 587px;margin-left: 82px;}

/*百科新闻*/
.index-top-Article{background-color: #f0f0f0;}
.index-top-Article .grWidth{padding:80px 0; }
.index-top-Article .grWidth h2{font-size: 40px;color: #333333;line-height: 50px;text-align: center;font-weight: normal;}
.index-top-Article .grWidth h4{font-size: 14px;color: #888888;text-align: center;line-height: 40px;font-weight: normal;}
.index-top-Article .Article-nav{text-align: center;display: flex;align-items: center;justify-content: center;padding-top: 30px;}
.index-top-Article .Article-nav li{float: left;width: 160px;height: 48px;background: #ffffff;line-height: 48px;margin: 0 10px;}
.index-top-Article .Article-nav li a{color: #666666;width: 100%;height: 100%;float: left;text-align: center;}
.index-top-Article .Article-nav li:hover a{background: #0077af;color: #ffffff;}
.index-top-Article .Article-box{margin-top: 50px;float: left;}

.index-news-slide{float: left;width: 100%;position: relative;}
.index-news-slide .bd ul li{float: left;height: 360px;background: #ffffff;}
.index-news-slide .bd ul li a img{width: 670px;height: 360px;float: left;}
.index-news-slide .bd ul li a h5{font-size: 14px;color: #0077af;font-weight: normal;float: left;margin: 0 50px;width: 380px;padding-top: 40px;}
.index-news-slide .bd ul li a h3{float: left;width: 530px;margin: 6px 50px;font-size: 18px;color: #000000;font-weight: normal;}
.index-news-slide .bd ul li a p{float: left;width: 530px;margin: 20px 50px;font-size: 14px;color: #666666;}

.Article_ctr{height: 50px;position: absolute;bottom: 80px;z-index: 2;right: 618px;}
.Article_ctr a{ display:block;width:50px;height:50px; background: url('../images/case-slide-more.jpg') no-repeat 0 0; position:absolute; opacity:1;filter: alpha(opacity=0);border-radius: 100%;}
.Article_ctr a.prev{}
.Article_ctr a.next{right: -50px;background-position: -50px 0px;}
.Article-box:hover .Article_ctr a{opacity:1;filter:alpha(opacity=100);}
.index-news-slide .hd{position: absolute;bottom: 35px;text-align: left;z-index: 5;font-size: 0;line-height: 0;height: 18px;overflow: hidden;padding-left: 54%;}
.index-news-slide .hd li{background:none;border:1px solid #cfcfcf; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:8px; height:8px;*display:inline; zoom:1; border-radius: 100%;}
.index-news-slide .hd li:hover,.index-news-slide .hd .on{background:#0077af;border:1px solid #0077af;}

.Article-box .index-news-list{float: left;width: 100%;display: block;margin-top: 20px;}
.Article-box .index-news-list ul li{float: left;width: 318px;height: 220px;margin-right: 20px;background: #ffffff;border: 1px #ebebeb solid;transition: all .3s;}
.Article-box .index-news-list ul li:last-child{margin-right: 0;}
.Article-box .index-news-list ul li a{float: left;padding: 13px;}
.Article-box .index-news-list ul li a h3{font-size: 16px;padding: 10px;color: #333333;}
.Article-box .index-news-list ul li a p{float: left;padding: 10px;font-size: 13px;color: #666666;height: 85px;}
.Article-box .index-news-list ul li a span{float: left;padding: 10px;font-size: 12px;color: #888888;}
.Article-box .index-news-list ul li a:hover{box-shadow:0 0 10px #ccc;}