@charset "utf-8";



/*抬头*/
.htop{ height:50px; background:url(../images/hodolight02.jpg) no-repeat center; font-size:14px; color:#fff; }
.htop p.fr{font-weight:lighter; line-height:45px;}
.htop p.fl a{ margin-right:20px;}
.htop p.fl b{ vertical-align:middle; font-size:16px;}
.htop p.fl a,.htop p.fl b{ display:inline-block; line-height:50px; font-size:14px; color:#fff; padding-left:32px;}
.htop p.fl a:nth-child(1){ background:url(../images/hodolight03.png) no-repeat left center;}
.htop p.fl a:nth-child(2){ background:url(../images/hodolight04.png) no-repeat left center;}
.htop p.fl a:nth-child(6){ background:url(../images/hodolight05.png) no-repeat left center;}
.htop p.fl b{ background:url(../images/hodolight06.png) no-repeat left center;}
.htop  a.a1 i{font-size: 35px;line-height: 50px;color: #fff;margin-left: 20px;}
.htop p.fl a:hover{ text-decoration:underline;}
.hsecond{ height:128px; position:relative;}
.hlogo{ margin-top:32px; font-size:0;}
.hlogo p{ display:inline-block; vertical-align:middle;}
.hlogo p+p{ margin-left:20px;margin-top: 5px;}
.hlogo p span{ display:block; font-size:15px; color:#222222; font-weight:lighter; margin-top:8px; }
.hlogo p em{font-weight: bold;font-size: 24px;color: #333;display: block; ;line-height: 26px;}
.hlogo p i{color: #d62708;}
.nav li{ display:inline-block; vertical-align:top; height:128px; text-align:center; line-height:20px;}
.nav{ font-size:0;}
.nav li>a{ display:block; line-height:20px; padding:44px 0; font-size:17px; color:#222222; font-weight:lighter; transition:all .3s ease;}
.nav li>a em{ display:block; font-size:12px;}
.nav li+li{ margin-left:30px;}
.nav li.cur>a,.nav li:hover>a{ color:#1e49aa;}
.dropmenu{ position:absolute; width:100%; left:0; background:rgba(0,0,0,0.7); top:120%; opacity:0; visibility:hidden; transition:all .6s ease; z-index:333; padding:15px 0; text-align:center;}
.dropmenu table td table{ display:none;}
.dropmenu a,.dropmenu table td a{ display:inline-block;  line-height:40px; color:#fff;font-size:16px;}
.dropmenu a+a{ margin-left:100px;}
.dropmenu table,.dropmenu table tbody{ width:100% !important; display:block;}
.dropmenu table tr{ display:inline-block;}
.dropmenu a:hover{color:#fff;}
.dropmenu table tr+tr{ margin-left:30px;}
.nav li:hover .dropmenu{ top:100%; opacity:1; visibility:visible;}











.title{ text-align:center; font-size:42px; color:#303030;}
.title i{ color:#1e49aa;}
.title em{font-size:20px; color:#666666; font-weight:lighter; display:block; margin-top:10px;}
.title1 span{ background:url(../images/hodolight07.png) no-repeat center; display:block;}
.title2:after{ content:''; display:block; height:22px; background:url(../images/hodolight08.png) no-repeat center; margin-top:25px; animation:translation linear 2s infinite;}
@keyframes translation{
	0%{ transform:translateY(10px);}
	50%{ transform:translateY(-10px);}
	100%{ transform:translateY(10px);}
}












/*产品*/

.product{ padding:65px 0;}
.procenter{ margin-top:45px;}
.proclass{ width:280px; background:#f3f3f3;}
.pct{ height:100px; background:#1f58d8; background:linear-gradient(to bottom,#1f58d9,#1e49ab); font-size:14px; color:#ffffff; font-weight:lighter; text-transform:uppercase; text-align:center; margin-bottom:1px;}
.pct b{ display:block; font-size:36px; padding:15px 0 5px 0;}
.pcc table,.pcc tbody,.pcc tr,.pcc td{ display:block; width:100%; height:auto !important; padding:0 !important; margin-bottom: 2px;}

.pcc td.td1{height:65px !important;}
.pcc td a{ display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; transition:all .3s ease;}
.pcc td b{ font-size:0; font-weight:normal !important;}
.pcc td b a{ line-height:65px; background:#1e49aa; padding-left:28px; font-size:17px; color:#ffffff; position:relative; padding-left:64px;}
.pcc td b a:after{ content:''; position:absolute; display:block; width:42px; height:100%; background:#d62708 url(../images/hodolight09.png) no-repeat center; top:0; left:0;}
#showtyepname{ transition:all .3s ease;}
#showtyepname div a{ line-height:49px; border-bottom:1px solid #fff; font-size:15px; color:#666666; font-weight:lighter; padding-left:37px;}
#showtyepname div a:after{ content:''; display:block; width:5px; height:9px; position:absolute; top:0; bottom:0; left:19px; background:url(../images/hodolight10.png) no-repeat center; margin:auto 0;}
#showtyepname div a:hover{ color:#1e49aa;}
.pcc tr .tdsild {height: 0!important;transition:all ease .5s;-webkit-transition:all ease .5s;overflow: hidden;}
.pcc tr.on .tdsild{height:auto !important;padding: 15px 0!important;}
.pcc{}
.proshow{ width:1000px;}
.proshow td{ display:inline-block; position:relative; width:320px; padding:0 !important; background:#f4f4f4; transition:all .3s ease;margin-bottom: 20px;}
.proshow td a,.proshow td span{ display:block; position:relative;}
.proshow td br{ display:none;}
.proshow td span a{ line-height:56px;font-size:15px; color:#666666; z-index:3; transition:all .3s ease;}
.proshow td span a:after{ content:''; display:block; position:absolute; bottom:0; right:0;  width:35px; height:24px; background:url(../images/hodolight11.png) no-repeat center; transition:all .3s ease;}
.proshow td span:after{ content:''; display:block; position:absolute; top:0; right:0; width:0; height:100%; transition:all .3s ease; background:#1e49aa;}
.proshow td:hover span a{ color:#fff;}
.proshow td:hover span:after{ width:100%;}
.proshow td{ margin-left:19px;}
.proshow td:nth-child(1),.proshow td:nth-child(4),.proshow td:nth-child(7),.proshow td:nth-child(10),.proshow td:nth-child(13){ margin-left:0px;}
.proshow td>a{ position:relative; overflow:hidden; border:1px solid #e7e7e7;}
.proshow td>a img{ transition:all .6s ease;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td:hover span a:after{background:url(../images/hodolight12.png) no-repeat center;}

#showtyepname a{color:#0;text-decoration:none;}
#showtyepname a:hover{text-decoration:none;color:#0;}























/*研发*/
.trait{ height:1160px; background:url(../images/hodolight21.jpg) no-repeat center; padding-top:75px;}
.trait .title{ color:#fff;}
.trait .title em{ color:#acbbdd;}
.trait .title2:after{ background:url(../images/hodolight22.png) no-repeat center;}
.traul{ margin:58px 0 95px 0; position:relative;}
.traul:after{ content:''; display:block; position:absolute; width:566px; height:566px; background:url(../images/hodolight23.png) no-repeat center; top:0; bottom:0; left:0; right:0; margin:auto;}
.traul li{ height:250px; background:#e8efff; border-radius:85px 85px 0 0;}
.traul li+li{ border-radius:0 0 85px 85px; margin-top:23px;}
.traul dl.fl{ margin:44px 0 0 48px;}
.traul dl.fr{ margin:44px 48px 0 0;}
.traul dl{ width:310px; font-size:16px; color:#666666; font-weight:lighter; line-height:30px;}
.tra_t span,.tra_t b{ display:inline-block; vertical-align:middle; font-size:0;}
.tra_t span{ width:67px; line-height:72px; border-radius:5px 0 5px 0; background:#1e49aa; text-align:center; font-size:45px; font-family:fontDin1; color:#fff;}
.tra_t b{ font-size:35px; color:#1e49aa; line-height:72px; margin-left:16px;}
.tra_t{ margin-bottom:10px;}
.traul li+li dl{ margin-top:35px !important;}
.tracon{ text-align:center; font-size:0; white-space:nowrap;}
.tracon p{ display:inline-block; position:relative; width:231px; height:231px;}
.tracon p+p{ margin-left:30px;}
.tracon p span{ display:block; width:148px; height:148px; border-radius:50%; background:#fff; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:9; font-size:32px; color:#1e49aa; box-sizing:border-box; padding:30px 0; font-weight:bold;}
.tracon p:after,.tracon p:before{ content:''; display:block; position:absolute;top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:100%; background:rgba(4,45,124,0.09); border-radius:50%; transition:all .3s ease;}
.tracon p:before{ width:195px; height:195px; z-index:3; background:rgba(25,63,135,0.09);}
.tracon p:hover:after{background:rgba(4,45,124,0.2);}
.tracon p:hover:before{background:rgba(25,63,135,0.2);}










/*应用案例*/
.case{ padding-bottom:88px; margin-top:-50px; position:relative; z-index:3;}
.casecenter{ margin-top:50px;}
.casebottom{ text-align:center; font-size:0; margin-top:60px;}
.casebottom i{ cursor:pointer;}
.casebottom i,.casebottom span{ display:inline-block; vertical-align:middle;}
.casebottom span{ margin:0 330px;}
.casebottom li{ width:14px; display:inline-block; height:14px; border-radius:50%; background:#1e49aa; font-size:0; position:relative; cursor:pointer;}
.casebottom li:after{ content:''; display:block; position:absolute; border-radius:50%; width:26px; height:26px; top:-6px; left:-6px; transform:scale(0); transition:all .3s ease; background:rgba(214,39,8,0.3);}
.casebottom li.on:after{ transform:scale(1);}
.casebottom li+li{ margin-left:30px;}
.casebottom li.on{ background:#d62708;}
.casecon .divdgweb_new_div_item{ float:left; width:410px !important; height:462px; box-sizing:border-box; margin:0 35px 37px 0; position:relative; padding:290px 15px 15px 15px; transition:all .3s ease; background:#f4f4f4;}
.casecon .news_div_item_pic { position:absolute; top:15px; overflow:hidden; left:15px; width:380px; height:245px;}

.casecon .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#1e49aa;}
.casecon .news_div_item_pic img{ width:100%;height:100%; transition:all .6s ease;}
.casecon .divdgweb_new_div_item_a{ font-size:22px; color:#333333;}
.casecon .divdgweb_new_div_item_body{ font-size:15px; color:#888888; font-weight:lighter; line-height:30px; height:60px; overflow:hidden; margin-top:10px;}
.casecon .divdgweb_new_div_item_content{ padding:0 15px;}
.caseadver{ transition:all .3s ease; position:absolute; left:0; right:0; margin:0 auto; bottom:-37px; width:380px; line-height:75px; font-size:26px; color:#d6def0; background:#1e49aa url(../images/hodolight24.png) no-repeat 21px center;}
.caseadver span{ padding:0 25px 0 80px;}
.casecon .divdgweb_new_div_item:hover .caseadver{ background:#d62708 url(../images/hodolight25.png) no-repeat 21px center; color:#fff;}





















/*4大优势*/
.adv{ height:950px; background:url(../images/hodolight28.jpg) no-repeat center; padding-top:69px;width: 100%;overflow: hidden;}
.advtab{ font-size:0; margin-top:44px; white-space:nowrap; position:relative; z-index:9;}
.advtab li{ display:inline-block; vertical-align:top; cursor:pointer; position:relative; width:25%; box-sizing:border-box; transition:all .3s ease; font-size:35px; color:#2a2a2a; height:130px; background:#e1e9fb;}
.advtab li+li{ border-left:1px solid #fff;}
.advtab li em{ display:block; transition:all .3s ease; font-size:16px; color:#aaaaaa;font-family:fontDin1; margin-top:3px;}
.advtab li p{ padding:25px 0 0 100px;}
.advtab li i{ display:block; position:absolute; width:53px; height:56px; top:0; bottom:0; margin:auto 0; left:30px; background:url(../images/hodolight29.png) no-repeat left top;}
.advtab li:nth-child(2) i{ background-position-x:-72px; width:60px; height:60px;}
.advtab li:nth-child(3) i{ background-position-x:-167px;}
.advtab li:nth-child(4) i{ background-position-x:-259px;}
.advtab li:after,.advtab li:before{ content:''; display:block; height:4px; position:absolute; width:0; bottom:-4px; background:#d62708; transition:all .3s ease;}
.advtab li.on{ height:126px; background:#1e4baf; color:#fff;}
.advtab li.on em{ color:#e0e0e0;}
.advtab li.on i{background-position-y:-67px;}
.advtab li.on:after{ left:0; width:38px;}
.advtab li.on:before{ right:0; width:282px;}
.advcon{ background:#fff; padding:100px 0 50px; width:1300px; margin: 0 auto;margin-top: -50px;position: relative;}
.advcon:after{content: "";display: block;background: #fff;position: absolute;left: -50px;top:0;width: 1400px;height: 593px;}
.advcen{position: relative;z-index: 5;}
.advleft{ width:535px; margin:0 0 0 35px;}

.advpic{ border:8px solid #eeeeee;}
.adv_t{ font-size:36px; color:#222222;}
.adv_t em{ display:block; text-transform:uppercase; font-size:22px; color:#dedede; margin:5px 0 25px 0;}
.adv_t:after{ content:''; display:block; width:32px; height:4px; background:#e9e9e9;}
.adv_c{ margin:30px 0 40px 0; font-size:16px; color:#666666; font-weight:lighter; line-height:35px;}
.adv_c p+p{ margin-top:20px;}
.adv_c p{ padding-left:40px; background:url(../images/hodolight30.png) no-repeat 5px 11px;}
.advtel{ background:rgba(233,236,244,1); background:linear-gradient(to right,rgba(233,236,244,1),rgba(233,236,244,.8),rgba(233,236,244,.6),rgba(233,236,244,.4),rgba(233,236,244,.1)); line-height:88px; font-size:16px; color:#7b7b7b;}
.advtel em{ font-size:30px; color:#222222; vertical-align:sub; font-family:fontDin1;}
.advtel span{ display:inline-block; padding-left:60px; margin-left:40px; background:url(../images/hodolight31.png) no-repeat left center;}



















/*走进弘灯*/
.about{ padding:60px 0 80px 0;}
.abcenter{ position:relative; margin:35px auto 30px auto;}
.abcenter:after{ content:''; display:block; top:0; position:absolute; width:1920px; height:100%; z-index:-1; background:#f2f2f2; left:684px;}
.abright{ box-sizing:border-box; width:700px; height:431px; background:#fff; padding:50px; margin:36px 0 0 -85px; position:relative; z-index:9;}
.ab_t{ font-size:35px; color:#343434;}
.ab_t:after{ content:''; display:block; width:28px; height:4px; background:#dedede; margin-top:15px;}
.ab_c{ margin:25px 0 55px 0; font-size:16px; color:#666666; font-weight:lighter; line-height:35px;}
.ab_btn{ font-size:0;}
.ab_btn a{ display:inline-block; vertical-align:top; width:164px; line-height:48px; background:#1f54cb; font-size:16px; color:#fff; transition:all .3s ease; text-align:center;}
.ab_btn a+a{ background:#d62708;}
.ab_btn a:hover{ width:190px; text-align:center;}
.qyxx td {padding:0 !important;}
.qyxx td table td+td{ padding-left:16px!important;}
.qyxx td table td br{ display:none;}
.qyxx td table td a{ display:block; overflow:hidden;}
.qyxx td table td>a:nth-child(1){ border:1px solid #dddddd;}
.qyxx td table td>a:nth-child(2){ font-size:16px; color:#666666; background:#f2f2f2; font-weight:lighter; line-height:54px; transition:all .3s ease;}
.qyxx td table td a img{ transition:all .6s ease; width:326px; height:auto;}
.qyxx td table td:hover a img{ transform:scale(1.1);}
.qyxx td table td:hover a{ color:#fff; background:#1f54cb;}
#roller_content{ padding-right:14px!important; display:inline-block;}
























/*新闻*/
.news{ padding:65px 0 80px 0; background:#f5f5f5;}
.newstab{ font-size:0; margin:45px 0 30px 0;}
.newstab a{ display:inline-block; vertical-align:top; width:405px; height:96px; box-sizing:border-box; padding:25px; background:#fff; transition:all .3s ease; position:relative; font-size:24px; color:#222222;}
.newstab a em{ display:block; font-size:14px; color:#888888; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:3px;}
.newstab a:after{ content:''; display:block; position:absolute; width:29px; height:30px; top:0; bottom:0; margin:auto 0; right:40px; background:url(../images/hodolight37.png) no-repeat center;transition:all .3s ease;}
.newstab a em,.newstab a span{ transition:all .3s ease;}
.newstab a+a{ margin-left:15px;}
.newstab a.on{ background:#1e49aa; width:458px; color:#fff;}
.newstab a.on span{ font-weight:bold;}
.newstab a.on em{ color:#fff;}
.newstab a.on:after{background:url(../images/hodolight38.png) no-repeat center;}
.newsleft{ width:625px;}
.newsright{ width:654px;}
.newsleft .news_div_item{ padding:26px; background:#fff; position:relative;}
.newsleft .news_div_item+.news_div_item{ margin-top:15px;}
.newsleft .news_div_item_pic{ overflow:hidden;width:250px;}
.news .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{ transform: scale(1.1);}
.news_div_item:hover .news_div_item_a{color:#1f55cf;}
.newsleft .news_div_item_content{ right:40px; top:25px; bottom:0; width:285px; position:absolute;}
.news .news_div_item_a{ display:block; position:relative; white-space:nowrap;text-overflow:ellipsis; font-size:18px; color:#666666;}
.news .news_div_item_body{ font-size:14px; color:#666666; font-weight:lighter; line-height:30px; height:120px; overflow:hidden; margin-top:10px;}
.newsleft .news_div_item_a:after{ content:''; display:block; position:absolute; right:0; top:138px; width:25px; height:25px; background:url(../images/hodolight39.png) no-repeat center;}
.newsright .news_div_item{ padding:15px; background:#fff; position:relative;}
.newsright .news_div_item_pic{ width:165px;overflow:hidden;}
.newsright .news_div_item_content{ position:absolute; right:110px; width:330px; top:20px;}
.newsright .news_div_item_body{ height:60px;}
.newsright .news_div_item+.news_div_item{ margin-top:16px;}
.newsright .news_div_item_date{ position:absolute; padding-left:20px; text-align:center; height:110px; border-left:1px solid #f0f2f1; top:13px; right:15px; font-size:16px; color:#666666; font-family:fontDin1; line-height:30px;}
.newsright .news_div_item_month,.newsright .news_div_item_day{ display:inline-block;}
.newsright .news_div_item_year{ font-size:25px;}
.newsright .news_div_item_a:after{ content:''; display:block; position:absolute; right:-80px; bottom:-65px; width:25px; height:25px; background:url(../images/hodolight39.png) no-repeat center;}














/*版权*/
.copyright{ background:#191a1b;}
.end{ border-top:1px solid #383838; text-align:center; padding:35px 0;}
.end,.end a{ font-size:14px; color:#b6b6b6; line-height:30px; font-weight:lighter;}
.end a:hover{ color:#fff;}
.crcon{ padding:65px 0;}
.kslj,.crcode{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; width:170px;}
.kslj li p{ font-size:18px; color:#fff;}
.kslj li p:after{ content:''; display:block; height:2px; background:#ebebeb; width:19px; margin:20px 0;}
.kslj li a{ display:block; font-size:15px; color:#b6b6b6; font-weight:lighter; line-height:35px;}
.kslj li a:hover{ color:#fff;}
.crcode li{display:inline-block; vertical-align:top;}
.crcode li img{ width:139px; height:auto;}
.crcode li span{ display:block; text-align:center; line-height:36px; margin-top:2px; background:#28292b; font-size:15px; color:#b3b3b3; font-weight:lighter;} 
.crcode li+li{ margin-left:30px;}
.crcontact{ background:#1f59dc; background:linear-gradient(to bottom,#1f59dc,#1e4aae); font-size:0; white-space:nowrap;}
.crcontact li{ display:inline-block; vertical-align:top; box-sizing:border-box; height:158px; font-size:16px; color:#bac0cf; padding: 45px 35px; position:relative; width:544px; background:url(../images/hodolight40.png) no-repeat 478px center;} 
.crcontact li:nth-child(3){ width:342px;background:url(../images/hodolight41.png) no-repeat 288px center; }
.crcontact li:nth-child(2){ width:412px;background:url(../images/hodolight42.png) no-repeat 348px center; }
.crcontact li+li{ border-left:1px solid #2455c4;}
.crcontact li em{ display:block; font-size:20px; color:#fff; font-family:fontDin1; text-transform:uppercase; margin-bottom:8px;}
.crcontact li i{ font-size:18px;}
.links{ height:120px;}
.links p.fr a{ line-height:120px; font-size:14px; color:#666666;}
.links p.fr a:hover,.linkTagcs li a:hover{ color:#1e49aa !important;}
.links p.fl{ font-size:16px; color:#262626; padding-right:18px; line-height:18px; margin-right:20px; border-right:1px solid #dcdcdc; margin-top:30px;}
.links p.fl span{ display:block; font-size:30px; text-transform:uppercase; color:#262626; font-family:fontDin1; line-height:32px;}