﻿/* 公司简介 */
.IndexProfile{padding-top:45px}
.iprofileBox{width:1200px;height:320px;background:#f6f6f6;margin-top: 20px;margin-bottom:90px;position:relative;}
.iprofileBox .info{font-size:14px;line-height:28px;padding: 50px 0 0;margin: 0 78px;text-indent:3rem;color:#484848;position: relative;}
.iprofileBox .profilemore{position:absolute;bottom:0;right:0;font-size:12px;color:#000000;text-transform:uppercase;font-weight:bold;margin-right:10px}
.iprofileBox .Img{width:715px;height:215px;position:absolute;z-index:2;bottom: -62px;left: 50%;margin-left: -338px;}
.iprofileBox .Img img{width:100%}
/*工业镜头*/
.Indexlens{overflow: hidden;padding: 15px 0px;}
.lentitle{text-align: left;}
.lentitle p{color: #313131;font-size: 24px;overflow: hidden;position: relative;height: 75px;line-height: 75px;padding-left: 13px;float: left;}
.lentitle p:before{content: "";position: absolute;width: 3px;height: 20px;background: #ee7700;top: 28px;left: 0;}
.Indexlens .lenlist li{float: left;margin: 10px 1% 0px 0px;width: 23.2%;position: relative;}
.Indexlens .lenlist li img{width: 100%;height: 100%;max-height: 209px;min-height: 209px;}
.Indexlens .lenlist li .zhe{opacity:0;position: absolute;width:100%;height: 85%;background:rgba(238,119,0,0.82);top: 0px;left: 0px;box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);/* padding: 0px 10%; */box-sizing: border-box;transition:all 0.5s;-webkit-transition:all 0.5s;}
.Indexlens .lenlist li .zhe1{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width:78%;}

.Indexlens .lenlist li .zhe1 h3{font-size: 18px;color: #ffffff;text-align: center;height: 55px;/* line-height: 55px; */}
.Indexlens .lenlist li .zhe1 span{font-size: 14px;color: #ffffff;text-align:left;margin: 0 auto; text-indent: 2em;}
.Indexlens .lenlist li .zhe1 .flenmore{background: url(../images/flenmore.png) center no-repeat;display: block;width: 20%;height: 30px;position: absolute;right: 0px;}
.Indexlens .lenlist li p,.Indexphoto .photolist li p,.Indexpro .pro_list li p{font-size: 16px;color: #707070;height: 35px;line-height: 35px;position: relative;padding-left: 25px;}
.Indexlens .lenlist li p:before,.Indexphoto .photolist li p:before{content: "";position: absolute;width:5px;height:5px;top:10px;left:12px;border-radius: 50%;background: #707070;}
a.more{width: 222px;height: 55px;display: block;border-radius: 30px;line-height: 55px;margin: 40px auto 0px;border: 1px solid #ee7700;background: #fdf0df;font-size: 16px;color: #ee7700;text-align: center;text-transform: uppercase;}
a.more:hover {color: #ffffff; background-color: #ee7700;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

/*工业相机*/
.Indexphoto,.Indexlight,.Indexlight,.Indexpro,.technology{padding: 25px 0px ;overflow: hidden;}
.Indexphoto .photolist li{float: left;margin: 10px 1% 0px 0px;width: 24%;}
.Indexphoto .photolist li .hphtot{background: #f6f6f6;padding: 20px 10px 10px 25px;}
.Indexphoto .photolist li.on .hphtot{padding: 0px;}
.Indexphoto .photolist li .hphtot .hphtotL{float: left;width: 100%;}
.Indexphoto .photolist li .hphtot .hphtotR{float: right;width: 95px;height: 95px;margin-top: -40px;border-radius: 50%;}
.Indexphoto .photolist li .hphtot .hphtotR:hover{margin-top: -118px;width: 100%;height: 203px;border-radius:0;}
.Indexphoto .photolist li .hphtot .hphtotL h3{font-size: 16px;color: #707070;height: 45px;line-height: 45px;}
.Indexphoto .photolist li .hphtot .hphtotL span{display: block;font-size: 12px;color: #707070;line-height: 25px;text-indent: 2em;width: 58%;}



/*光源*/
.Indexlight .light_list li{float: left;margin: 10px 1% 0px 0px;width: 32.5%;background: #f6f6f6;}
.Indexlight .light_list li .hlight h3{color: #313131;font-size: 20px;height: 45px;line-height: 45px;border-bottom: 1px solid #e5e5e5;padding: 20px 25px 0px 20px;}
.Indexlight .light_list li .hlight p{color: #313131;font-size: 14px;line-height: 25px;text-indent: 2em;position: relative;padding: 25px 25px 45px 20px;}
.Indexlight .light_list li:hover .hlight h3{color: #ee7700;border-bottom:0px;transition: all 0.5s;-webkit-transition: all 0.5s;padding: 20px 25px 0px 20px;}
.Indexlight .light_list li:hover .hlight p:after{-webkit-transition: all 0.5s; content: "";position: absolute;background: url(../images/light.png) right 0px no-repeat;width: 30px;height: 30px;right: 20px;bottom:10px;transition: all 0.5s;}
.Indexlight .light_list li:hover .hlight p{border-bottom: 1px solid #ee7700;transition: all 0.5s;-webkit-transition: all 0.5s;}
.lentitle .lightmore{color: #707070;font-size: 16px;text-transform: uppercase;float: right;height: 75px;line-height: 75px;}
.lentitle .lightmore:hover,.Indexcompany .companyR .commore:hover,.footerRR .footermore:hover{color: #ee7700;font-weight: 600;}

/*周边产品*/
.Indexpro .pro_list li{float: left;margin: 10px 1% 0px 0px;width: 24%;}
.Indexpro .pro_list li .proline{border: 1px solid #f6ba7d;height: 204px;width: 96%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.Indexpro .pro_list li .proline img{margin: 10px;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width: 100%;height: 200px;}
.Indexpro .pro_list li p{margin-top: 12px;}
.Indexpro .pro_list li:hover .proline img{transform: scale(1.025);-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.Indexpro .pro_list li:nth-child(4n) .proline img,.Indexpro .pro_list li:nth-child(4n) .proline{margin-right: 0px;}

/* 新闻动态 */
.IndexNew ul.new_list li{float:left;width:586px;margin-right: 28px;position:relative;}
.IndexNew ul.new_list li a{display:block;width:100%;height:100%}
.IndexNew ul.new_list li i{color:#313131;font-size:18px;width:450px;height:60px;line-height:60px;display:block;overflow:hidden;float:left;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px;box-sizing: border-box;}
.IndexNew ul.new_list li .time{font-size:16px;color:#969696;line-height:60px;position:absolute;right:0;top:0;padding: 0 10px;box-sizing: border-box;}
.IndexNew ul.new_list li:hover i{color:#ee7700;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.IndexNew ul.new_list li .info{height:60px;width:100%;border-bottom:1px solid #e5e5e5}
.IndexNew ul.new_list li:hover .info{border-bottom:1px solid #ee7700;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.IndexNew ul.new_list li:nth-child(2n){margin-right:0}
.IndexNew ul.new_list li:nth-child(1),.IndexNew ul.new_list li:nth-child(2){width:586px;height: 150px;}
.IndexNew ul.new_list li:nth-child(1) .info,.IndexNew ul.new_list li:nth-child(2) .info{width:100%;height:80px;line-height:28px;font-size:16px;color:#969696;box-sizing:border-box;border-bottom:1px solid #e5e5e5;padding: 15px 10px;}
.IndexNew ul.new_list li:nth-child(1) i,.IndexNew ul.new_list li:nth-child(2) i{width:100%;line-height:20px;height:20px;float: none;}
.IndexNew ul.new_list li:nth-child(1) .time,.IndexNew ul.new_list li:nth-child(2) .time{line-height:40px;left:0;height: 40px;top: 100px;}
.IndexNew ul.new_list li:nth-child(1) :hover .info,.IndexNew ul.new_list li:nth-child(2):hover .info{border-bottom:1px solid #ee7700;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.new_listM{display:none}
.new_list{display:block}
/*技术支持*/
.technology ul{display:flex;flex-wrap:wrap;}
.technology .techlist li{float: left;margin: 40px 4% 0px 0px;width: 30%;position: relative;border: 1px solid #bfbfbf;border-radius: 5px;}
.technology .techlist li span{display: block;width: 95px;height: 95px;border-radius: 50%;border: 1px solid #ef8113;background: #fdf0df;overflow: hidden;margin: 0 auto;margin-top: -50px;}
.technology .techlist li span .nn1,.technology .techlist li span .nn2,.technology .techlist li span .nn3{background: url(../images/techaa.png) center 27px no-repeat;display: block;width: 45px;height: 78px;position: relative;left: 24px;}
.technology .techlist li span .nn2{background: url(../images/techb.png) center 27px no-repeat;}
.technology .techlist li span .nn3{background: url(../images/techc.png) center 27px no-repeat;}
.technology .techlist li:hover span{background: #EE7700;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.technology .techlist li:hover span .nn1,.technology .techlist li:hover span .nn2,.technology .techlist li:hover span .nn3{background: url(../images/techa.png) center 27px no-repeat;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.technology .techlist li:hover span .nn2{background:url(../images/techbb.png) center 27px no-repeat;}
.technology .techlist li:hover span .nn3{background: url(../images/techcc.png) center 27px no-repeat;}
.technology .techlist li .htech{/* border: 1px solid #bfbfbf; *//* border-radius: 5px; */text-align: center;padding: 0 0 70px;}
.technology .techlist li .htech h3{color: #313131;font-size: 22px;height: 70px;line-height: 70px;font-weight: 500;}
.technology .techlist li .htech p{color: #707070;font-size: 14px;text-indent: 2em;text-align: left;padding: 0 50px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;margin-bottom: 30px;}
.technology .techlist li .htech p.techTitle{color: #606060;font-size: 18px;text-indent: 0;text-align: left;line-height: 40px;padding:0 50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.technology .techlist li .htech .techmore{width: 120px;height: 30px;line-height: 30px;display: block;border-radius: 30px;border: 1px solid #ee7700;background: #fdf0df;font-size: 12px;color: #ee7700;text-align: center;text-transform: uppercase;margin: 0 auto 40px;position: absolute;bottom: 0;left: 50%;margin-left: -60px;}
.technology .techlist li .htech .techmore:hover{color: #ffffff; background-color: #ee7700;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}


/*公司简介*/
.Indexcompany{padding: 60px 0px;overflow: hidden;display: none;}
.Indexcompany .companyF{width: 50%;float: left;}
.Indexcompany .companyR{width: 48%;float: right;position: relative;}
.Indexcompany .companyR h3{color: #313131;font-size: 26px;position: relative;padding-left: 10px;overflow: hidden;}
.Indexcompany .companyR h3:before{content: "";position: absolute;width: 3px;height: 20px;background: #ee7700;top: 0px;left: 0;}
.Indexcompany .companyR p{color: #707070;font-size: 14px;overflow: hidden;line-height: 30px;text-indent: 2em;padding: 30px 0px 50px;}
.Indexcompany .companyR .commore{color: #707070;font-size: 16px;text-transform: uppercase;position: absolute;right: 0;bottom: 0;}

/*导航*/
.m_header,.m_banner,#header{display: none;}
.header,.banner{display: block;}

.footerlink{margin-bottom:30px}
.footerlink a{line-height:34px;font-size:16px;color:#666;margin:0 10px}
.footerlink a:hover{color: #EE7700;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}