/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden; }
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #0060de;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6,h7 {font-weight: normal;}
.w1300{ width:1300px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.title{text-align: center;font-size: 40px;color: #353638;}
.title em{color: #0060de;}
.title span{display: block;font-size: 18px;color: #8f9194;margin: 7px 0 25px 0;}
.title i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.title i::after,.title i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.title i::after{right: 0px;left: inherit;background:#0060de;animation:allTitleAfter 3s infinite linear;}
.title i::before{background:#f5ba06;animation:allTitleBefore 3s infinite linear;}
.title t{width: 30px;height: 5px;background:#dc0e0e;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}
.mainhovercolor a:hover{color: #0060de;}
/*抬头*/
.htop{height: 44px;background: url(../images/top.png) no-repeat center; line-height: 44px;}
.htop p.fl{font-size: 14px;color: #999999;}
.htop p.fr span{display: inline-block;padding-left: 25px;}
.htop p.fr span:nth-child(1){background: url(../images/1.png) no-repeat left center;}
.htop p.fr span:nth-child(2){background: url(../images/2.png) no-repeat left center;}
.htop p.fr span:nth-child(3){background: url(../images/3.png) no-repeat left center;}
.htop p.fr span+span{margin-left: 20px;}
.htop p.fr span a:hover{color: #fff;}
.htop p.fr b{font-size: 20px;color: #fff;font-family:Arial;}
.htop p.fr span,.htop p.fr span a{font-size: 14px;color: #b7d6ff;}
.hsecond{height: 138px;}
.hleft{font-size: 0;margin-top: 32px;}
.hleft p{display: inline-block;vertical-align: top;font-size:16px;color: #0060de;}
.hleft p b{display: block;font-size: 36px;color: #28292b;margin-bottom: 2px;}
.hleft p+p{margin-left:10px;}
.nav{font-size: 0;margin-top: 48px;}
.nav li{display: inline-block;vertical-align: top;width:96px;text-align: center;position: relative;}
.nav li+li{margin-left: 2px;}
.nav li>a{display: block;line-height: 48px;font-size: 16px;color: #222222;transition: all .3s ease;}
.nav li:hover>a,.nav li.cur>a{color: #fff;background: #0060de;}
.dropmenu{ position:absolute; width:90%; top:100%; display:none; z-index:333; left:0; background:#333; padding:5%;}
.dropmenu table td table{ display:none;}
.dropmenu a,.dropmenu table td a{ display:block;line-height:46px;color:#fff; text-align:center; transition:all 0.5s ease; font-size:14px;font-weight:lighter;}
.dropmenu tr+tr,.dropmenu>a+a{margin:5px 0 0 0;}
.dropmenu a,.dropmenu td>a{ border:1px solid #222;}
.dropmenu table,.dropmenu table td,.dropmenu table tbody{ width:100% !important; display:block;}
.dropmenu table tr{ display:block;} 
.dropmenu a:hover{ background:#0060de;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#000;}
.banner-box{ min-width:1300px; height:680px; position:relative; margin:0 auto;}
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{width:100% !important;height:680px;background-position:center;background-repeat:no-repeat;}
.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:270px; left: 0; margin-left: 0; height: 370px; 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(../images/btn.png) no-repeat 0 0; } 
.banner-btn a.next{right:-50px; background:url(../images/btn.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: #0060de;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; }
/*搜索*/
.search{height: 80px;padding-top:10px;background:url(../images/ss.png) no-repeat center;margin-top:-10px;position:relative;z-index:9;}
.keyword ,.keyword a{line-height:80px;font-size:14px;color:#555555;}
.keyword span{color:#0060de;}
.keyword a{padding-right: 5px;}
.keyword{padding-left:28px;background: url(../images/s.png) no-repeat left center;}
.search_bg{width:265px;height:50px;margin-top:10px;background:#fff;border-radius:25px;}
.search_bg input{display:inline-block;vertical-align:middle;white-space:nowrap;height:50px;background:none;border:none;padding:0 15px; width:186px;float:left;color: #b1b3b5;}
.search_bg button{border-radius:50%;background:#0060de;border: 0px;margin-top:3px;}
/*产品中心*/
.product{padding: 70px 0 80px 0;}
.sbj{margin-top: 45px;}
.cpfl{float: left;width: 20%;margin-right: 2%;}
.cpfl ol{background-color: #0060DE;color: #fff;text-align: center;font-size: 30px;line-height:85px;font-weight:bold;}
.cpfl ul{background-color:#EBEDEE;padding: 10px;}
.cpfl ul li{line-height:42px;color:#343434;text-indent:20px;background:#fff;margin-bottom:7px;transition: all 0.6s;}
.cpfl ul li a i{width: 8px;height: 8px;display: inline-block;border-radius: 50%;border: 1px solid #bec0c3;margin-right: 10px;transition: all .3s ease;}
.cpfl ul p{line-height:40px;background:#fff;text-indent:40px;color:#343434;margin-bottom:7px;transition: all 0.6s;}
.cpfl ul p a i{width: 8px;height: 8px;display: inline-block;border-radius: 50%;border: 1px solid #bec0c3;margin-right: 10px;transition: all .3s ease;}
.cpfl dl{background-color: #0060DE;color: #fff;padding:15px 0px;font-size: 20px;text-align: center;}
.cpfl dl dt{font-weight: bold;font-size: 26px;}
.cpfl ul li:hover{background-color: #0060DE;text-indent:30px;}
.cpfl ul li:hover a{color: #fff;}
.cpfl ul p:hover{background-color: #0060DE;text-indent:50px;}
.cpfl ul p:hover a{color: #fff;}
.cpzs{width:78%;float: right;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 45px;}
.cpzs div{width: 32.333%;margin-bottom: 20px;}
.cpzs div li{width:100%;max-height: 327px;}
.cpzs div li a{overflow: hidden;display: inline-table;border: 1px solid #E2E3E5;}
.cpzs div li a img{width:100%;height:auto;transition: all 0.6s;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.3);}
.cpzs div p{text-align: left;background-color:#f0f1f2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:70px; padding: 0 54px 0 30px;position: relative;transition: all .3s ease;}
.cpzs div p a{color:#333435;font-size:16px;}
.cpzs div p:after{content: '+';display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;width: 30px;height: 30px;border-radius: 50%;background-color: #fff;right: 25px;line-height: 30px;text-align: center;font-size: 24px;color: #a3a9ac;font-weight: lighter;transition: all .3s ease;}
.cpzs div:hover p{background-color:#0060de;}
.cpzs div:hover p a{color: #fff;}
.cpzs div:hover p:after{transform: rotate(360deg);color:#0060de;}
/*好产品 · 尽在永诚液压科技*/
.trait{height: 919px;background: url(../images/ys.jpg) no-repeat center;}
.tratitl{height: 206px;margin-bottom: 104px;font-size: 18px;color: #8fbdf9;font-weight: lighter;text-align: center;}
.tratitl b{display: block;font-size: 40px;color: #fff;padding: 50px 0 10px 0;}
.tracon li{position: relative;font-size: 16px;color: #697283; line-height: 30px;}
.tracon li+li{margin-top: 80px;}
.tracon li span{display: block;font-size: 26px;color: #fff;margin-bottom: 15px;}
.tracon ul.fr{text-align: right;}
.traicon{position: absolute;width: 16px;height: 16px;border-radius: 50%;background:#293e5f;border: 6px solid #fff;}
.traicon:after,.traicon:before{content: '';display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;background: #213253;}
.traicon:after{width: 168px;height: 1px;left: -186px;}
.traicon:before{left: -195px;width: 8px;height: 8px;border-radius: 50%;}
.tracon ul li:nth-child(1) .traicon{left: 445px;}
.tracon ul li:nth-child(2) .traicon{left: 350px;}
.tracon ul li:nth-child(2) .traicon:after{width: 93px;left: -105px;}
.tracon ul li:nth-child(2) .traicon:before{left: -115px;}
.tracon ul li:nth-child(3) .traicon{left: 390px;}
.tracon ul.fr .traicon:after{left:inherit;right: -186px; }
.tracon ul.fr .traicon:before{left:inherit;right: -195px; }
.tracon ul.fr li:nth-child(1) .traicon{left: inherit;right:435px; }
.tracon ul.fr li:nth-child(2) .traicon{left: inherit;right:350px;}
.tracon ul.fr li:nth-child(2) .traicon:after{width: 93px;right: -105px; left:inherit; }
.tracon ul.fr.fr li:nth-child(2) .traicon:before{right: -115px;left:inherit; }
.tracon ul.fr li:nth-child(3) .traicon{right: 390px;left:inherit; }
/*聚焦企业优势 • 让您放心选择*/
.adv{height: 975px;padding-top: 80px;background: url(../images/ys1.jpg) no-repeat center;}
.advtab{margin-top: 50px;font-size: 0; position: relative;z-index: 33;}
.advtab li{display: inline-block;vertical-align: top;width: 25%; height: 130px; box-sizing: border-box;background: #0060de;cursor: pointer;transition: all .3s ease;position: relative;}
.advtab li+li{border-left: 1px solid #1477d3;}
.advtab p{display: inline-block;vertical-align: top;}
.advicon{margin: 0 20px 0 40px; border-radius: 0 0 30px 30px;background: #0161de;background: linear-gradient(to bottom,#0060de,#107be5);transition: all .3s ease;}
.advicon img{position: relative;z-index: 3;}
.advicon:after{content: '';display: block;position: absolute;top: 0;left:40px;height:0;background: #990104;background: linear-gradient(to bottom,#990104,#e10d12);width:60px;transition: all .3s ease;border-radius: 0 0 28px 28px;}
.adv_t b{font-size: 30px;color: #c1d9ee; display: inline-block;padding: 35px 0 3px 0;transition: all .3s ease;}
.adv_t em{display: block;font-size: 14px;color: #8db6d9;text-transform: uppercase;transition: all .3s ease;}
.advtab li.on{background: #d10005;}
.advtab li.on b{color: #fff;}
.advtab li.on em{color: #f69496;}
.advtab li.on .advicon:after{height:110px;}
.advcon{width: 1300px;background: #fff;padding: 104px 50px 50px 50px;margin: -55px auto 0 auto;}
.advright{width: 560px;position: relative;z-index: 3;padding-top: 30px;}
.advcon ul{position: relative;}
.advcon ul:after{content: '';display: block; position: absolute;top: 0;width: 220px;height: 70px;background: rgba(0,96,222,.1);left: 684px;}
.advt em{font-size: 66px;color: #0060de;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";}
.advt em:after{display: block;content: '';height: 26px;background: #c3d2df;width: 2px;margin: 0 0 20px 7px;}
.advt b{display: block;font-size: 32px;color: #0060de;}
.advt span{display: block;margin: 5px 0 20px 0;font-size: 22px;color: #8d9399;}
.advt {border-bottom: 1px solid #e5e8eb;}
.advwa{font-size: 15px;color: #9b9ea1; line-height: 38px;margin: 20px 0 30px;}
.advwa p{padding-left: 30px;background: url(../images/li.png) no-repeat left 11px;}
.adv_tel{padding-left: 42px;margin-left: 30px;background: url(../images/tel1.png) no-repeat left center;font-size: 16px;color: #979ca0;}
.adv_tel em{vertical-align: sub;padding-left: 10px;font-size: 28px;color: #0060de;font-family: arial;}
/*永城 • 厂房厂景*/
.case{padding: 80px 0;}
.casecenter{margin-top: 60px; position: relative;}
.casecon{ width: 666px; margin: 0 auto; height: 648px;}
.casecon .divdgweb_new_div .divdgweb_new_div_item{ width:666px; height:648px; overflow:hidden; position:relative; }
.casecon .news_div_item_pic img{ width:100%; height:100%;max-height: 550px;}
.casecon .news_div_item_pic{position: absolute;width: 666px;height: 500px;top: 0;left: 0;}
.casecon .divdgweb_new_div_item_content{margin-top: 500px;transition: all .3s ease;box-sizing: border-box;height: 0; overflow: hidden;background: #eff2f6;} 
.casecon .divdgweb_new_div_item_a{display: block;font-size: 20px; color: #333333;}
.casecon .divdgweb_new_div_item.cur .divdgweb_new_div_item_content{background: #eff2f6;height: 148px;padding: 25px; }
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body{ font-size: 14px; color: #9b9ea3; line-height: 28px; margin-top: 10px; }
.casejt i{cursor: pointer; display: inline-block;}
.casejt i+i{ margin-left: 710px;}
.casejt i.prev{margin-left: 20px;}
.casecon .divdgweb_new_div_item.cur{margin: 0 10px;}
.casejt {width: 1080px; position: absolute; bottom: 40px;height: 46px; left: 0; right: 0; margin: 0 auto; z-index: 9;}
.case .tempWrap{width: auto !important;overflow: visible!important;}
.case .divdgweb_new_div{overflow: visible!important;width: 5348px !important;}
/*公司简介*/
.about{ height:840px; background:url(../images/gsbj.jpg) no-repeat center; padding-top:58px;}
.abtitl{ font-size:36px; color:#ffffff;}
.abtitl:after{ display:block; content:''; width:60px; height:3px; background:#4f95f1; }
.abtitl span{ display:block; font-size:20px; color:#a4c8f6; margin: 15px 0 25px 0;}
.abtitl em{ display:block; margin:10px 0 35px 0; font-size:12px; color:#f08640;}
.abtel{ margin-top: 50px; font-size:18px; color:#a4c8f6; padding-left:44px; background:url(../images/tel2.png) no-repeat left center;}
.abtel em{ font-size:30px;color:#ffffff; font-family: arial; vertical-align: sub;} 
.abright{ width:675px;}
.qyxx{ padding:20px 64px; position:relative; height:340px;}
.qyjt{ position:absolute; cursor:pointer; top:45%; left:24px; width:23px; height:44px; background:url(../images/gleft.png) no-repeat center top;}
.qyjt.next{ left:auto; right:24px; background:url(../images/gright.png) no-repeat center top;}
.qyjt:hover{ background-position: center bottom;}
.qyxx table,.qyxx tbody,.qyxx tr,.qyxx td{ display:block;}
.qyxx td,.qyxx td div{ padding:0 !important;}
.qyxx td br{ display:none;}
.qyxx td a{ display:block;}
.qyxx td{ margin-right:14px; width:266px; position:relative;}
.qyxx td div a{ font-size:18px; color:#fff; position:absolute; top:0; left:0; line-height:340px; transition:all .3s ease;width:100%; height:100%; text-align:center; transform:scale(0); background:rgba(0,0,0,.6);}
.qyxx td:hover div a{ transform:scale(1);}
.abcon{ margin-left:60px;}
.ab_t{ font-size:36px; color:#313334;}
.ab_t i{ color:#0060de;}
.ab_t span{ display:block; font-size:20px; color:#898e91; margin:10px 0 10px 0;}
.ab_t:after{content:''; display:block; width:68px; height:3px; background:#0060de;}
.ab_c p{ font-size:16px; color:#9c9fa1; line-height:36px; text-indent:2em;}
.ab_c{margin:20px 0;}
.ab_btn a{display: inline-block;vertical-align: top;width: 160px;line-height:56px; background: #464d56; font-size: 18px;color: #fff;transition: all .3s ease; text-align: center;}
.ab_btn a+a{margin-left: 19px;}
.ab_btn a.on{background: #0060de;}
/*永诚 • 新闻中心*/
.news{padding: 70px 0;}
.newcenter{ width:1300px; margin:0 auto;}
.newstab a{ display:inline-table; width:134px; height:62px; background:#e7ebed; line-height:62px; font-size:22px; color:#33373a; padding-left:86px; position:relative; transition:all 0.5s ease; text-align:left; font-weight:lighter;}
.newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../images/new.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 a.on:after{background-position-y:-69px; transform:translateX(360deg);}
.newstab a.on{ background:#0060de; color:#fff;}
.newstab{ margin:43px auto 26px auto; text-align:center;}
.newsleft{ width:476px;position:relative;}
.newsleft .news_div_item{width:476px !important; position:relative; padding:340px 16px 16px 16px; box-sizing: border-box;background:#f2f4f7;}
.newsleft .news_div_item_pic{ width:441px; height:319px; position:absolute; top:16px; left:16px; border:1px solid #e4e7ea; overflow:hidden;background-color: #fff;}
.news .news_div_item_pic img{ width:100%; height:100%; transition:all .6s ease;}
.newsleft .news_div_item_content{box-sizing:border-box; height:170px; padding:30px 10px;}
.news .news_div_item_a{ font-size:18px; color:#2f343a; transition:all .3s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block; font-weight: lighter;} 
.news .news_div_item_body{ font-size:14px; color:#a9abae; line-height:28px; margin-top:10px;font-weight: lighter;}
.newsbg{ position:absolute; font-size:0; right:30px; bottom:23px; z-index:99;}
.newsbg li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#95a1ad; cursor:pointer;}
.newsbg li+li{ margin-left:10px;}
.news .news_div_item:hover .news_div_item_a{ color:#0060de;}
.news .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.newsbg li.on{ background:#0060de;}
.newsright{width:795px;}
.newsright .news_div_item{ padding:16px; position:relative;background:#f2f4f7; height:215px;}
.newsright .news_div_item_pic{ position:absolute; width:210px; height:210px; top:16px; left:16px; border:1px solid #f6f6f6; overflow:hidden;}
.newsright .news_div_item_content{ width:520px; margin-left:240px; padding-top:20px;}
.newsright .news_div_item+.news_div_item{ margin-top:30px;}
.newsright .news_div_item_title:after{ content:''; display:block; width:37px; height:3px; background:#bcc3c8; margin:15px 0 10px 0;}
.newsright .news_div_item_date{ position:absolute; bottom:30px; left:255px; font-size:0;}
.newsright .news_div_item_date>div{ display:inline-block; vertical-align:top; font-size:18px; color:#a9abae; font-family:Arial, Helvetica, sans-serif;}
/*版权*/
.copyright{background: #1f2022;}
.links{height: 90px;line-height: 90px;font-size: 16px;color: #fff;background: #0060de;}
.links p.fl{font-weight: bold;padding-left: 35px;background: url(../images/link.png) no-repeat left center}
.links p.fl span{font-size: 18px;padding: 0 20px 0 10px; vertical-align: bottom;}
.kslj,.crcode{font-size: 0;}
.kslj li,.crcode li{display: inline-block;vertical-align: top;}
.crcon{padding: 70px 0; border-bottom: 1px solid #2d2e30;}
.crcode li+li{margin-left: 20px;}
.kslj li p{font-size: 20px;color: #fff;margin-bottom: 20px;}
.kslj li a{display:block; font-size: 14px;color: #797c80; line-height: 30px;}
.kslj li a:hover,.end a:hover{color: #fff;}
.kslj li {margin-right:120px;}
.crcode li{text-align: center;font-size: 14px;color: #70757a;}
.crcode li img{display: block;margin-bottom: 10px;width: 140px;height: 140px;}
.end,.end a{font-size: 15px;color: #797c80;}
.end{line-height: 123px;border-top: 1px solid #080809;text-align: center;}
.crcontact{width: 370px;}
.cr_addr{font-size: 14px;color: #797c80; line-height: 32px;padding-top: 20px;border-top: 1px solid #080809;}
.cr_tel{font-size: 16px;color: #797c80;padding-bottom: 25px;border-bottom: 1px solid #2d2e30;}
.cr_tel span{display: block;margin-top: 3px;font-size: 28px;color: #ffffff;font-family: arial;}
.linkTagcs{width:1100px;height:auto;}
.linkTagcs ul{margin-top: 20px !important;padding:0px;list-style-type:none;}
.linkTagcs li{list-style:none;margin:0px;padding-right:10px;line-height:22px !important;float:left;}
.linkTagcs li a{color:#93c2ff;word-break:break-all;}
/*在线浮动*/
.y-kefu-box{ position:fixed; right:0; top:20%; z-index:99899999; font-size:13px;}
.y-kefu-box img{ display:block; width:100%; height:auto;}
.y-kefu-box01 .icon{ display:block; background:url(../images/cion.png) no-repeat; margin:0 auto 6px;}
.y-kefu-box01{ width:54px; color:#666; text-align:center;}
.y-kefu-box01 .kf-close-btn{ width:27px; height:27px; background-position:-5px -115px; position:relative; cursor:pointer;}
.y-kefu-box01 .kf-close-btn:before{ content:''; display:block; width:1px; height:12px; background-color:#0060de; position:absolute; bottom:-12px; left:13px; z-index:1;}
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div{ display:block; width:52px; padding:8px 0 12px; background-color:#fff; border-left:solid 1px #efefef; border-top:solid 1px #efefef; border-right:solid 1px #efefef; position:relative;}
.y-kefu-box01 .show-status{ position:relative;}
.y-kefu-box01 .show-status .kf-zixun{ background-color:#0060de; border-color:#0060de; color:#fff; margin:10px 0 7px;}
.y-kefu-box01 .kf-zixun{ border-radius:2px;}
.y-kefu-box01 .kf-zixun i{ width:21px; height:22px; background-position:-5px -5px;}
.y-kefu-box01 .kf-mobile{ border-top-left-radius:2px; border-top-right-radius:2px;}
.y-kefu-box01 .kf-mobile>i{ width:18px; height:18px; background-position:-5px -32px;}
.y-kefu-box01 .kf-mobile:hover>i{ background-position:-30px -32px;}
.y-kefu-box01 .kf-weChat>i{ width:22px; height:19px; background-position:-5px -55px;}
.y-kefu-box01 .kf-weChat:hover>i {background-position:-30px -55px;}
.y-kefu-box01 .kf-email{ border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
.y-kefu-box01 .kf-email>i{ width:18px; height:14px; background-position:-5px -80px;}
.y-kefu-box01 .kf-email:hover>i{ background-position:-30px -80px;}
.y-kefu-box01 .back-top i{ width:13px; height:11px; background-position:-5px -98px;}
.y-kefu-box01 .back-top:hover i{ background-position:-30px -98px;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top { border-bottom:solid 1px #efefef;}
.y-kefu-box01 .back-top{ margin-top:20px; border-radius:2px; left:55px;}
.y-kefu-box01 .hver:hover{ background-color:#0060de; border-color:#0060de;}
.y-kefu-box01 .hver:hover>p{ color:#fff;}
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos{ background-color:#fff; border:solid 1px #efefef; position:absolute; right:90px; z-index:2; border-radius:2px; display:none;} 

.y-kefu-box01 .kf-weChat a>i{width: 18px;height: 18px;}
.y-kefu-box01 .a1 a>i{background-position: -5px -165px;}
.y-kefu-box01 .a2 a>i{background-position: -5px -145px;}
/*咨询热线*/
.y-kefu-box01 .mobile-infos{ width:260px; text-align:left; top:0;}
.y-kefu-box01 .mobile-infos>div{ padding:20px 0 20px 45px; position:relative;}
.y-kefu-box01 .mobile-infos>div i{ width:15px; height:15px; background-position:-52px -32px; position:absolute; top:22px; left:20px; z-index:2;}
.y-kefu-box01 .mobile-infos .online1{ border-bottom:solid 1px #efefef;}
.y-kefu-box01 .mobile-infos span{ color:#aaa;}
.y-kefu-box01 .mobile-infos p{ color:#0060de; font-size:18px;}
.right {width:12px; height:12px; position:absolute; right:-12px; top:24px;}
.right-arrow1,.right-arrow2 {width:0; height:0; display:block; position:absolute; left:0; top:0; border-top:6px transparent dashed; border-right:6px transparent dashed; border-bottom:6px transparent dashed; border-left:6px white solid; overflow:hidden;}
.right-arrow1 {left:1px; border-left:6px #efefef solid;}
.right-arrow2 {border-left:6px white solid;}
/*咨询热线*/
/*二维码*/
.y-kefu-box01 .y-ewm-box{ width:151px; height:178px; top:-60px;}
.y-kefu-box01 .y-ewm-box>div{ width:151px; height:178px;}
.y-kefu-box01 .y-ewm-box img{ width:120px; height:120px; margin:16px auto 10px;}
.y-kefu-box01 .y-ewm-box .y-ewm-img1{ width:150px; border-right:solid 1px #efefef;}
.y-kefu-box01 .y-ewm-box .right{ top:84px;}
/*二维码*/
/*email*/
.y-kefu-box01 .y-email-infos{ padding:28px 20px 28px 45px; color:#aaa; text-align:left; bottom:0;}
.y-kefu-box01 .y-email-infos p{ color:#0060de; font-size:16px;}
.y-kefu-box01 .y-email-infos>i{ width:18px; height:13px; background-position:-52px -80px; position:absolute; left:15px; top:30px;}
.y-kefu-box01 .y-email-infos .right{ top:55px;}
.y-kefu-box01 .hide-status{ width:54px; height:65px; background-color:#0060de; position:absolute; top:37px; left:55px; z-index:9;}
.y-kefu-box01 .hide-status .kf-zixun{ padding:10px 0 7px; color:#fff; cursor:pointer;}
/*email*/
/*在线浮动*/
/*内页导航*/
.mianbxContent {height: 60px !important;line-height: 60px !important;font-size: 16px !important;text-align: left !important;width: 1298px;text-indent: 2.5em;transition: 0.1s all;background: url(../images/dh.png) no-repeat 7px 20px;border: 1px dashed #ddd;position: relative;margin-bottom: 30px;margin-top: 40px;}
.mianbxContent:hover{background-position: 7px -22px;}
.mianbxContent::after,.mianbxContent:after { content: '';position: absolute;display: block; height: 40px;width: 200px;top: 0; right: 0;}
.mianbxContent a{font-size: 15px !important;color: #333;}
.nr{line-height:40px;font-size:16px;color:#333;text-indent:2em;}
.tittle6 {text-align: center;font-size: 24px;font-weight: bold;}
.pubdate{text-align: center;font-size:14px;width: 80%;margin: 10px auto 15px auto;}
.lb{text-align: left;line-height: 36px;}
.lb a{ color:#333;}
.lb a:hover{color: #0060DE;font-weight: bold;}
/*分页*/
.page{text-align: center;margin:20px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #0060DE;border: 1px solid #0060DE;}
.page li:hover a{color: #fff;}
.curr{background-color: #0060DE;color: #fff;border: 1px solid #0060DE!important;}
/*---------在线留言---------*/
.message{line-height:24px;width: 630px;margin: 0px auto;}
.message dt{float:left;clear:both;width:80px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
/*内页产品中心*/
.clear{clear:both;}
.ny_prolist { width:31.3%; margin:0 1%; float:left; margin-bottom:2%; overflow:hidden;}
.ny_propic { position:relative; overflow:hidden;}
.ny_propic a { display:block;}
.ny_propic a img { width:100%; }
.ny_propic a:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.3s;}
.ny_propic span { width:60px; height:60px; display: none; position:absolute; z-index:3; left:50%; margin-left:-30px; top:39%; border: solid 1px #fff; border-radius:60px; font-size:14px; color:#fff; line-height:60px; text-align:center; box-sizing:border-box;}
.ny_prolist:hover .ny_propic a:before { width:100%; height:100%;}
.ny_prolist:hover .ny_propic span { display:block;}
.ny_protil { width:100%; background:#f5f5f5; margin-top:0.8%; position:relative; overflow:hidden;}
.ny_protil a { height:45%; padding:3% 4% 4% 5%; font-size:16px; position:relative; z-index:2; display:block;}
.ny_protil span { display:block; width:67px; height:12px; background:url(../images/d.png); margin-top:3%;}
.ny_prolist:hover .ny_protil span { background-position:0px -12px; transition:all 0.3s;}
.ny_prolist:hover .ny_protil a { color:#fff;}
.ny_protil:before { width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:#f5811a; transition: all 0.3s;}
.ny_prolist:hover .ny_protil:before { width:100%;}
.product1 div{width:316px;float: left;margin-right:12px;}
.product1 div:nth-child(4n){margin-right: 0px;}
.product1 div li{width:314px;height:314px;border: 1px solid #ccc;border-radius:15px;overflow:hidden;text-align: center;}
.product1 div li a{width:314px;height:314px;display:table-cell;vertical-align:middle;overflow:hidden;text-align: center;}
.product1 div li a img{vertical-align:middle;cursor:pointer;transition: all 0.6s;text-align: center;}
.product1 div:hover li a img{transition: all 0.6s;transform: scale(1.3);}
.product1 div p{height: 60px;line-height: 60px;text-align: center;overflow: hidden;}
.product1 div p a{color:#666666;font-size: 15px;}
.product1 div:hover p a{color: #0060DE;}
/*新闻分类*/
.newstemptwo{ width:100%;}
.newstemptwo li{ box-shadow:0px 0px 10px #ddd; padding:20px; position:relative; margin:0 0 2% 0;}
.newshx:after,.newshx:before,.newssx:after,.newssx:before{display:block; content:''; position:absolute; transition:all .5s ease; background:#0086e2;}
.news_more{ position:absolute; bottom:20px;}
.newshx:after,.newshx:before{ width:0px; height:3px;}
.newshx:after{ top:0px; left:0px;}
.newshx:before{ bottom:0px; right:0px;}
.newssx:after{ top:0px; left:0px;}
.newssx:before{ bottom:0px; right:0px;}
.newssx:after,.newssx:before{ height:0px; width:3px;}
.newstemptwo li:hover .newshx:after,.newstemptwo li:hover .newshx:before{ width:100%;}
.newstemptwo li:hover .newssx:after,.newstemptwo li:hover .newssx:before{ height:100%;}
.newspic{ float:left; overflow:hidden; width:20%;}
.newspic img{width:100%;height: auto;}
.newswa{width:78%; float:right; padding-top:1%;}
.news_a a{ font-size:20px; font-weight:bold;}
.news_a span{ float:right; font-size:16px; color:#999; font-weight:bold;}
.news_body{ margin-top:2%; font-size:14px; line-height:28px; transition:all .3s ease; position:relative; color:#888;}
.news_more a{ display: inline-block; padding:0 23px;line-height:34px; font-size:14px; border-radius:17px; background:#000; color:#fff; text-align:center;  transition:all .3s ease;}
.newstemptwo li:hover .news_body{ padding-left:2%;}
.newstemptwo li:hover .news_more a{ border-radius:0px; background:#0086e2;}
.newstemptwo li:hover .news_a a{ color:#0086e2;}
.news1 ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.news1 ul li{line-height: 32px;height: 32px;}
.news1 ul li b{color: #0086e2;}
.news1 ul li a{ color:#303030; font-size:16px;}
.news1 ul li a:hover{color: #0086e2;margin-left: 5px;}
.news1 ul li span{float:right;}
.news1 ul p{color:#636363;font-size: 14px;}