.dingbu{height: 40px; background: #eee; line-height: 40px;}
.dingbu p, .dingbu a{font-size: 14px; color: #8e8e8e;}
.dingbu p:nth-child(1){margin-left: 2%;}
.dingbu p:nth-child(2){margin-right: 2%;}

/*抬头*/
.header{height: 130px;padding-left: 2%;}
.hlogo{margin-top: 30px;}
.hlogo p{display: inline-block;vertical-align: middle;}
.hlogo p a {width: 12.2vw; display: inline-block;}
.hlogo p a img {width: 100%;}
.hline{margin: 0 20px;width: 1px;height: 64px; background: #e3e7e7;position: relative;}
.hline:after{content: '';display: block;position: absolute;top: 0;bottom: 0;right: 0;left: -5px;margin: auto;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #e4e8e8;background: #fff;}
.hmean{font-size: 1.3vw;color: #0065d3;}
.hmean span{display: block;font-size: 1vw;color: #888e8c;margin-top: 3px;letter-spacing: 1.8px;}

.hul{font-size: 0;}
.hul li{height: 130px;width: 85px;text-align: center;display: inline-block;vertical-align: top; cursor: pointer;background: url(images/20201028155234_1661935235.png) no-repeat center; position: relative;transition: all .3s ease;}
.hul .drop{opacity: 0;top: 110%;padding: 20px;background: #fcfcfc; z-index: 99;transition: all .3s ease; position: absolute;right: 0; visibility: hidden;}
.hul li:hover .drop{top: 100%;opacity: 1; visibility: visible;}
.hul .drop .htel{font-size: 28px;font-family: arial;font-weight: bold;white-space: nowrap;color: #0065d3; }
.hul li+li{background: url(images/20201028155234_11744402831.png) no-repeat center;}
.hul li>span{display: block;margin-top: 53px;height: 22px;border-left: 1px solid #e3e7e7;}
.search{width:560px; right:0px;background:#fff; z-index:999; opacity:0; transition:all .3s ease;}
.search-bg{ width:530px; margin:0 auto; height:40px; padding-left:20px; border-radius:30px; border:1px solid #ddd;}
.search-bg input{ float:left; }

#infoname{ border:none; height:38px;  width:485px;}
#soo{ margin-top:12px;}
.keywords{ margin-top:20px; text-align:center;}
.keywords,.keywords a{ font-size:13px; color:#666; font-weight:lighter; line-height: 35px;}
.keywords span{ color:#0065d3;}
.keywords a:hover{ color:#0065d3;}

.nav{float: left;margin-right: 1vw;}
.nav ul{display: block;}
.nav ul li{ position:relative;float: left;}
.nav ul li>a{display: block;line-height: 130px;font-size: 0.9vw;color: #797979;padding: 0 1vw;}
.nav ul li>a:after{content: '';display: block;position: absolute;transition: all .3s ease;width: 60%;height: 4px;background: #0065d3;left: 0;right: 0;margin: 0 auto;bottom: 0;opacity: 0;}
.nav ul li.cur>a:after,.nav ul li:hover>a:after{opacity:1;}
.nav ul li.hasdrop:hover>a:after{ bottom:0px; opacity:1; transform:rotate(180deg);}
.dropmenu{ position:absolute; width:200%; left:-50%;  z-index:99; background:#fff; border-radius:0 0 5px 5px; text-align:center; transition:all .3s ease; opacity:0; visibility:hidden; top:105%;}
.nav>ul>li:hover .dropmenu{top:100%; opacity:1; visibility:visible;}
.dropmenu a{ display:block; line-height:50px; font-size:14px; color:#666; transition:all .3s ease;}
.dropmenu a:hover{ background:#0065d3; color:#fff;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}
.hbtn{ height:132px; position:relative;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;     margin-right: 30px;}

.title{text-align: center;}
.title b{font-size: 40px;line-height: 100%;color: #33423a; font-weight: bold;display: block;}
.title b i{color:#0065d3;}
.title p{line-height: 50px;font-size: 18px;color: #888;font-weight: lighter;position: relative;display: inline-block;}
.title p:before,.title p:after{content: '';width: 30px;height: 1px;background:#888888;position: absolute;left: -45px;top: 0;bottom: 0;margin: auto;}
.title p:after{left: auto; right:-45px;}


.trait{ padding:60px 0; position:relative;}
.tracon{ font-size:0;margin-top: 30px;}
.tra_c{ width:490px; line-height:53px; border-radius:20px; background:#0065d3; font-size:20px; color:#fff; text-align:center; margin:35px 0 0 405px;}
.tracon ul li{ display:inline-block; vertical-align:top; width:270px; height:308px; transition:all .3s ease; background:#f9f9f9; text-align:center;  padding:0 20px; font-size:14px; color:#999999; line-height:30px;}
.tracon ul li+li{ margin-left:20px;}
.tracon ul li:nth-child(2) .traicon{ background-position-x:-77px;}
.tracon ul li:nth-child(3) .traicon{ background-position-x:-163px;}
.tracon ul li:nth-child(4) .traicon{ background-position-x:-253px;}
.tracon ul li:nth-child(5) .traicon{ background-position-x:-340px; width:72px;}
.traicon{ display:inline-block; width:60px; height:62px; margin:50px 0 20px 0; background:url(images/20210529225539_1670054219.png) no-repeat left top; transition:all .3s ease;}
.tra_t span{ display:block; font-size:22px; color:#666666; margin-bottom:15px; transition:all .3s ease;}
.tracon ul li:hover{ color:#999999;     box-shadow: 0 0 15px #bbb;}
.tracon ul li:hover .tra_t span{ color:#0065d3;}
.tracon ul li:hover .traicon{background-position-y:-83px;}


.product{ position:relative; padding:60px 0;} 
.product *{box-sizing: content-box;}
.product .title{color: #ffffff;}
.product .title b{color: #ffffff;}
.product .title p{color: #ffffff;}
.product .title p:before,.product .title p:after{background:#ffffff;}
.product:after{ content:''; display:block; position:absolute; width:100%; height:310px; background:#0065d3; top:0; left:0; z-index:-1;}
.procenter{ padding:50px 50px 0 50px; width:1300px; background:#fff; margin:35px auto 0 auto;}
.proclass{ width:240px; border-top:9px solid #0065d3;}
.proclass table,.proclass tr,.proclass td,.proclass tbody{ display:block; width:100%; padding:0 !important;}
.proclass td b{ display:block; font-size:0; background:#d7dde4;}
.proclass td b a:hover,.showtyepname a:hover{ color:#0065d3;}
.showtyepname a:hover:after{ background:#0065d3;}
.proclass td b a{ display:block; margin-left:18px; line-height:80px; padding-left:40px; font-size:18px; background:url(images/20210529223900_1176699500.png) no-repeat left center; transition:all .3s ease;}
.showtyepname a{ display:block; font-size:15px; color:#666666; background:#f0f2f1; padding-left:57px; position:relative; line-height:62px; border-bottom:1px solid #ffffff;transition:all .3s ease;}
.showtyepname a:after{ content:''; display:block; position:absolute; width:6px; height:6px; border-radius:50%; background:#99a69f; top:0; bottom:0; margin:auto 0; left:28px;}

.pctel{height:159px; background:#0065d3;border-top: 23px solid #d7dde4;}
.pctel p{ padding-top:35px; text-align:center; color:#fff;}
.pctel span{ display:inline-block; width:130px; line-height:36px; border-radius:20px; font-size:16px; background:#4099fa;}
.pctel em{ display:block; font-size:28px; font-family:fontDin1; margin-top:10px; }
.proshow{ width:1040px;}
.proshow td{ display:inline-block; padding:0 !important; width:335px; vertical-align:top;}
.proshow td br{ display:none;}
.proshow td{ margin-right:16px; margin-bottom:19px;}
.proshow td:nth-child(3n){margin-right:0;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td>a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow td span a{ margin-top:1px; line-height:62px; background:#eaedf0; font-size:15px; color:#666666; padding-left:38px; position:relative; text-align:left;}
.proshow td span a:after,.proshow td span a:before{ content:''; display:block; position:absolute; transition:all .3s ease;}
.proshow td span a:after{ width:40px; height:4px; background:#0065d3; bottom:0; left:0;}
.proshow td span a:before{ content:'+'; width:22px; height:22px; line-height:22px; text-align:center; font-size:15px; color:#666666; top:0; bottom:0; margin:auto 0; right:19px; background:#cbd2d9;}
.proshow td:hover a:after{ width:100%;}
.proshow td:hover a:before{ background:#0065d3; color:#fff;}
.proshow td:hover a{ color:#0065d3;}
.proshow td:hover a img{ transform:scale(1.1);}

.colee{overflow:hidden;height:775px;width:1040px;}



.adver{ background:url(images/20200928174257_1459199449.jpg) no-repeat top center;}
.advertitl{ color:#fff; font-size:30px; font-weight:lighter; margin:55px 0 95px 0;}
.advertitl em{ display:block; font-size:16px; color:#ebf5ff; font-weight:lighter; margin-top:15px;}
.advertitl em i{ display:inline-block; padding-left:26px; background:url(images/20200928174258_1226033270.png) no-repeat left center;}
.advertitl em i+i{ margin-left:40px;}
.adverconcat a{ display:inline-block; width:106px; border-radius:8px; text-align:center; font-size:14px; color:#fff; transition:all .3s ease; height:33px; background:#0065d3;}
.adverconcat span{ display:inline-block; margin-left:15px; padding-left:32px; background:url(images/20200928174717_1334264452.png) no-repeat left center; font-size:14px; color:#666666;}
.adverconcat{ line-height:33px;}
.adverconcat span em{ font-size: 30px; font-weight: 600; color: #cc0000;}
.feedback{ padding:30px 35px 34px 35px; border-top:6px solid #cc0000; background:#f8f8f8; position:relative;}
.feedback ul li span{ display:inline-block; font-size:14px; color:#666666; font-weight:lighter; width:77px;}
.feedback ul li input{ width:212px; height:42px; box-sizing:content-box; border:1px solid #eeeeee; padding-left:10px;}
.feedback ul li +li{ margin-top:12px;}
.feedback ul li img{ width:60px;}
#s_code{ width:140px; margin-right:10px;}
#ongetmsg1{ width:100%; text-align:center; background:#0065d3; color:#fff; font-size:14px; font-weight:lighter; transition:all .3s ease; margin:3px 0 0 0; display:block; height:44px; line-height:44px;}
#ongetmsg1:hover{ background:#d40000;}


.cooperate{margin-top:60px;}
.partner_d ul {min-height: 100px;overflow: hidden;}
.partner_d ul li {float:left; margin-right: 15px;  width: 200px; }
.partner_d ul li .partner_img { width: 198px; height: 149px; border: 1px solid #ddd;}
.partner_d ul li .partner_img img { display: block; width: 100%; height: 100%;}
.partner_d ul li .partner_t { position: relative; width: 200px;  height: 28px;  text-align: center; font-size: 14px;  color: #fff;  line-height: 28px;  background: #333; }
.partner_d ul li .partner_t span {  position: relative; display: block; z-index: 9;}
.partner_d ul li .partner_t:after { display: block; position: absolute;  content: " "; top: 0;  left: 0; width: 0;  height: 28px; transition: all 0.3s;  background: #0065d3;}
.partner_d ul li:hover .partner_t:after { width: 200px; }


.adv{ height:837px; background:url(images/20200928181329_1555522551.jpg) no-repeat center; padding-top:55px; margin-top:60px;}
.advtitle{ text-align:center; font-size:42px; color:#343434;}
.advtitle b{color: #0065d3;}
.advcenter{ padding:50px; background:#fff; margin-top:35px; position:relative;}
.advcenter:after{ content:''; display:block; position:absolute; width:100%; left:0; height:2px; background:#eff3fb; top:187px;}
.advtitle span{ display:block; font-size:20px; color:#666666; font-weight:lighter; margin-top:10px;}
.advtab{ font-size:0; position:relative; z-index:3; text-align:center; margin-bottom:50px;}
.advtab li{ display:inline-block; vertical-align:top; width:25%; cursor:pointer;}
.advtab li .advicon{ width:45px; height:60px; margin:0 auto 12px auto; background:url(images/20200928182905_860549318.png) no-repeat top left; transition:all .5s ease;}
.advtab li:nth-child(2) .advicon{ background-position-x:-59px; width:58px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-136px; width:62px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-226px; width:60px;}
.advtab li span{ display:block; font-size:26px; color:#999999; margin-bottom:18px;}
.advtab li i{ display:inline-block; width:24px; height:24px; background:rgba(213,222,240,0.42); border-radius:50%; position:relative;}
.advtab li i:after{ content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:10px; height:10px; border-radius:50%; background:#fff;}
.advtab li.on span{ font-weight:bold; color:#0065d3;}
.advtab li.on .advicon{ background-position-y:-72px;}
.advtab li.on i{background:rgba(8,95,183,0.42);}
.advtab li.on i:after{ background:#0065d3;}
.advcon .advright{ width:520px; margin-top:10px;}
.advtop{ font-size:0;}
.advtop p{ display:inline-block; vertical-align:middle;}
.advtop p:nth-child(1){ width:84px; line-height:84px; text-align:center; border-radius:5px; background:#0065d3; font-size:45px; color:#fff; font-weight:bold;}
.advtop p+p{ margin-left:20px;}
.advtop p b{ display:block; font-size:33px; color:#343434; margin-bottom:3px;}
.advtop p em{ display:block; font-size:14px; color:#cccccc; font-weight:lighter;}
.advwa{ font-size:15px; color:#777777; line-height:30px; margin:30px 0 45px 0;}
.advwa p+p{ margin-top:30px;}
.advwa p{ padding-left:20px; background:url(images/20200928182905_881578097.png) no-repeat left 11px;}
.advline{ position:relative; font-size:25px; color:#373737; position:relative; letter-spacing:2px;}
.advline em{ color:#0065d3;}
.advline i{ display:block; width:320px; height:1px; background:#e1e1e1; position: absolute; top:15px; left:140px;}
.advline i:after{ content:''; display:block; position:absolute; width:25%; background:#0065d3; height:3px; transition:all .5s ease; top:-1px; left:0;}
.advline2 i:after{ width:50%;}
.advline3 i:after{ width:75%;}
.advline4 i:after{ width:100%;}


.process{padding: 60px 0; text-align: center;}
.process ul{font-size: 0;margin: 35px 0 40px 0; white-space: nowrap;}
.process ul li{display: inline-block;vertical-align: top;font-size: 20px;color: #666666;position: relative;}
.process ul li+li{margin-left: 123px;}
.pcicon{padding: 11px;border-radius: 50%;background: rgba(0,101,211,.5); transition: all .3s ease; width:92px; height:92px;}
.pcicon span{display: inline-block;border-radius: 50%; background: #0065d3;transition: all .3s ease;}
.pcicon img{width: 92px;height: 92px; display:block;}
.process ul li em{display: block;margin: 20px 0 15px 0;}
.process ul li i{color: #c5c5c5;font-family: arial;}
.process ul li:hover span{ background: #ee0a09; transform: rotate(360deg);}
.process ul li:hover .pcicon{background: rgba(238,10,9,.5);}
.process ul li+li:after{content: '';display: block;position: absolute;width: 17px;height: 16px;top:48px ;left: -73px;background: url(images/20201028135750_1930144110.png) no-repeat center;}
.pcbottom{display: inline-block;text-align: center;width: 600px;height: 80px;border-radius: 40px;box-shadow: 0 0 10px #ddd;}
.pcbottom p,.pcbottom a{display: inline-block;vertical-align: middle;}
.pcbottom p{padding-left: 40px;font-size: 14px;color: #666666;font-weight: lighter; background: url(images/20210529151545_203323681.png) no-repeat left center; line-height: 80px;margin-right: 65px;}
.pcbottom p b{font-size: 26px;color: #0065d3;}
.pcbottom a{transition: all .3s ease;background: #0065d3;width: 110px;line-height: 35px;border-radius: 20px;font-size: 14px;color: #fff;}
.pcbottom a:hover{background: #ee0a09;}


.about{ height:872px; background:url(images/20200928191614_666107714.jpg) no-repeat center;}
.ableft{ width:702px; margin-top:202px;}
.ab_t{ font-size:18px; color:#fff; font-weight:lighter;}
.ab_t b{ display:block; font-size:36px; margin-bottom:5px;}
.abpic{ margin:30px 0;}
.abbtn{ font-size:0; margin-top:770px;}
.abbtn a{ display:inline-block; box-sizing:border-box; box-shadow:0 0 15px #eee; text-align:center; font-size:16px; color:#666666; width:150px; height:100px; padding-top:65px;}
.abbtn a+a{ margin-left:20px;}
.abbtn a:hover{ color:#0065d3;}
.ab_c p{ font-size:14px; color:#d3e9ff; line-height:35px; text-indent:2em;}
.abbtn a:nth-child(1){ background:url(images/20200928191614_1516307037.png) no-repeat center 20px;}
.abbtn a:nth-child(2){ background:url(images/20200928191613_1959298536.png) no-repeat center 20px;}
.abbtn a:nth-child(3){ background:url(images/20200928191613_1708589119.png) no-repeat center 20px;}


.top30{height:30px;}