@charset "utf-8";
/*banner*/
.banner{ height:600px; }
.banner a{ display:block; background:url(/JS9FH1OPUISIJ19KDEcsDIH.jpg) no-repeat center 0;height:600px;}


/* 设备中心 */  
.g_pro{height: 1090px; padding-top:40px; background: #f3f3f3;}
.g_pro h2{background:url(/JS9FH1OPUHATJxIoEkcsDIH.jpg) no-repeat;height: 88px;padding-top: 40px; text-align: center;font-size: 32px;color: #333333;font-weight: normal;}
.g_pro h2 a{color: #333;}
.g_pro .m_pro{float: left;width: 248px;height: 140px;}
.g_pro .m_pro h3{height: 90px;line-height: 73px; background:url(/JS9FH1OPUIILKDATE10oJ0WH.jpg) no-repeat; text-align: center;font-size: 22px;color: #fff;font-weight: normal;}
.g_pro .m_pro h3 a{color: #fff;}
.g_pro .m_pro h3 em{display: block;font-size: 12px;color: #aeacac;padding-top: 2px;}
.g_pro .m_pro .flc{background: #fff;border: 1px solid #d5d5d5;border-top: none;}
.g_pro .m_pro h4{height: 70px;line-height: 70px;border-bottom: 1px solid #f3f3f3;}
.g_pro .m_pro h4 a{color: #fff;display: block;height: 70px;line-height: 70px;padding-left: 20px;padding-right: 40px; background:url(/JS9FH1OPUIILKDZpJHEF.jpg) no-repeat 210px 30px;font-size: 18px;font-weight: bold;color: #333333;margin: 0 auto 8px; overflow: hidden;}
.g_pro .m_pro h4 a:hover,.g_pro .m_pro .on a{background:#01458d url(../images/flh2h.jpg) no-repeat 210px 30px;  color: #fff; }
.g_pro .flst li{height: 59px;line-height: 59px;border-bottom: 1px solid #f3f3f3;}
.g_pro .flst li a{display: block;height: 59px;line-height: 59px;background:url(/JS9FH1OPUIILKDVpJHEF.jpg) no-repeat 24px 22px;font-size: 16px;color: #4a4446;padding-left: 46px;}
.g_pro .flst li a:hover{color: #d72e00;background:url(/JS9FH1OPUIILKDWnUI5SIt.jpg) no-repeat 24px 22px;}


.g_pro .m_hotcp{float: right;width: 950px;}
.g_pro .cplst li{float: left;width: 285px; height: 287px;border: 1px solid #d5d5d5;background: #fff; margin-left: 26px;margin-bottom: 30px; transition: all 0.3s linear 0s;position: relative;}
.g_pro .cplst .lastli{margin-left: 0;}
.g_pro .cplst li img{width: 285px;height:213px; display: block;}
.g_pro .cplst li:hover{ transform: translateY(-5px);}
.g_pro .cplst li em{display: block;height: 92px;overflow: hidden; text-align: center;font-size: 14px;color: #757575;}
.g_pro .cplst li em b{display: block;height: 38px;line-height: 38px;text-align: center;overflow: hidden;font-size: 18px;font-weight: bold;color: #333333;}
.g_pro .cplst li em span{display: block;font-size: 14px;font-weight: normal;color: #666666;text-transform: uppercase;}
.g_pro .cplst li:hover i{position: absolute;left:0;top:0;background:url(/JS9FH1OPUIOREyyGUHEoIt.jpg) no-repeat;width: 287px;height: 282px;}
.g_pro .cplst li:hover span{color: #01458d;}



/*品牌实力*/
.sl{background:#000 url(../images/sl_bg.png) no-repeat center top;height: 370px;position: relative;}
.sl:before{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #f5f5f5;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;top: 0;margin-left: -960px;}
.sl:after{content: "";width: 0;height: 0;position: absolute;border-bottom: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;bottom: 0;margin-left: -960px;}
.sl b.tb{background: url(/JS9FH1OPUHOLnxIDIOcSK1H.jpg) no-repeat; width: 57px; height: 48px; display: block; text-align: center; padding-top: 18px; margin: 0 auto; margin-bottom: 10px;position: relative;z-index: 1;top:10px;}
.sl b.tb img{width: auto; height: auto; margin: 0 auto;}
.sl h2{font-size: 50px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin-top: 50px;}
.sl h2 a{color:#fff;}
.sl h2 span{color: #D82633;font-weight: bold;}
.sl h2 em{font-size: 30px;display:block;text-align: right;float: right;padding-top: 30px;}
.sl h2 em span{font-weight: normal;}
.sl .con{margin-top: 32px;}
.sl .con ul{width: 600px;float: left;}
.sl .con li:first-child{border-left: 1px solid rgba(255,255,255,0.15);}
.sl .con li{float: left;height: 84px;border-right: 1px solid rgba(255,255,255,0.15);width: 140px;text-align: center;}
.sl .con li em{height: 50px;display: block;}
.sl .con li span{display: block;font-size: 24px;color: #fff;margin-top: 4px;}
.sl .con p{float: right;width: 520px;margin-top: 23px;}
.sl .con p span{display: block;color: #fff;opacity: 0.41;font-size: 16px;}
.sl .con p i{color: #fff;font-size: 36px;font-family: GothamBook;background: url(/JS9FH1OPUHOLnxIKKkcSK1H.jpg) no-repeat left center;padding-left: 38px;}


/*品牌四大实力*/
.sl2{height: 2112px;}
.sl2 .con1{padding-top: 26px;}
.sl2 .con1 dt{float: left;width: 600px;height: 506px;}
.sl2 .con1 dt img{width: 600px;height: 506px;}
.sl2 .con1 dd{float: right;width: 558px;}

.sl2 .con2 dt{float: right;width: 600px;height: 506px;}
.sl2 .con2 dt img{width: 960px;height: 506px;}
.sl2 .con2 dd{float: left;width: 558px;}
.sl2 .con2 dd h3{padding-top: 54px;}
.sl2 .con2 dd p span{margin-bottom: 7px;}

.sl2 .con3 dt{float: left;width: 600px;height: 506px;margin-left: -360px;}
.sl2 .con3 dt img{width: 960px;height: 506px;}
.sl2 .con3 dd{float: right;width: 558px;}
.sl2 .con3 dd h3{padding-top: 54px;}
.sl2 .con3 dd p span{margin-bottom: 7px;}

.sl2 .con4 dt{float: right;width: 600px;height: 506px;}
.sl2 .con4 dt img{width: 960px;height: 506px;}
.sl2 .con4 dd{float: left;width: 558px;}
.sl2 .con4 dd h3{padding-top: 54px;}

.sl2 dd h3{margin-bottom: 38px;padding-top: 9px;}
.sl2 dd h3 em{display: block;background:url(/JS9FH1OPUHOLnyWTJxNoDIkH.jpg);width: 61px;height: 70px;text-align: center;line-height: 70px;font-size: 36px;color: #fff;font-weight: lighter;float: left;}
.sl2 dd h3 i{float: left;margin-left: 26px;font-size: 36px;color: #242424;line-height: 30px;font-weight: normal;}
.sl2 dd h3 i span{font-size: 12px;font-family:GothamBook;color: #CBCBCB;display: block;font-weight: normal;text-transform: uppercase;}
.sl2 dd p{font-size: 16px;color: #383838;line-height: 32px;}
.sl2 dd p span{display: block;margin-bottom: 18px;}
.sl2 dd .list{margin-top: 45px;height: 144px;overflow: hidden;}
.sl2 dd ul li{float: left;margin-right:9px!important;display: inline;}
.sl2 dd ul li:nth-child(2n){margin-right: 0;}
.sl2 dd ul li a{display: block;}
.sl2 dd ul li img{width: 269px;height: 144px;}
.sl2 dd .qh{text-align: center;margin-top: 21px;position: relative;}
.sl2 dd .qh:before{position: absolute;content: "";width: 238px;height: 1px;background: #EBEBEB;left:0;top: 15px;}
.sl2 dd .qh:after{position: absolute;content: "";width: 238px;height: 1px;background: #EBEBEB;right:0;top: 15px;}
.sl2 dd .qh i{display: inline-block;width: 11px;height: 13px;background: url(/JS9FH1OPUHOLnyWQJkcSK1H.jpg);margin: 0 3px;cursor: pointer;}
.sl2 dd .qh i.cur{display: inline-block;width: 11px;height: 13px;background: url(/JS9FH1OPUHOLnyWQJ1joDIkH.jpg);}


/*合作案例*/
.case{background: #f1f1f1;height: 1012px;position: relative;overflow: hidden;}
.case:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}
.case h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;}
.case h2 a{display: block;;}
.case h2 b{background: url(/JS9FH1OPUHOLnxIDIOcSK1H.jpg) no-repeat;width: 57px;height: 54px;display: block;text-align: center;padding-top: 12px;margin: 0 auto;margin-bottom: 8px;}
.case h2 b img{width: auto;height: auto;margin: 0 auto;}
.case h2 span{color: #D82633;font-weight: bold;}
.case h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.case .tit{border-top: 1px solid #D8D8D8;padding-top: 15px;margin-top: 45px;}
.case .tit li,.case .tit em{text-align: center;float: left;margin-right: 113px;display: inline;}
.case .tit em{margin-right: 0;}
.case .tit li a,.case .tit em a{display:block;}
.case .tit li img,.case .tit em img{width: 41px;height: 41px;display: inline-block;}
.case .tit li span,.case .tit em span{display: block;font-size: 18px;color: #373737;line-height: 32px;font-weight: bold;margin-top: 7px;}
.case .con{position: relative;height:628px;margin-top: 34px;overflow: hidden;}
.case .con .list{width: 864px;position: absolute;left: 50%;margin-left: -432px;}
.case .con .list .tempWrap{margin-left: -864px;}
.case .con .qh{position: relative; top: 225px; z-index: 1; left: 50%; margin-left: -600px;width: 1200px;}
.case .con .qh:after{content: "";background:rgba(0,0,0,0.52);width:528px;height: 486px;display: block;right: -360px;top:-225px;position: absolute;z-index: 1}
.case .con .qh:before{content: "";background:rgba(0,0,0,0.52);width:528px;height: 486px;display: block;left: -360px;top:-225px;position: absolute;z-index: 1}
.case .con .qh i.prev{float: left;margin-left: 108px;cursor: pointer;position: absolute;z-index: 2;}
.case .con .qh i.next{float: right;margin-right: 108px;cursor: pointer;position: absolute;right: 0;z-index: 2;}
.case .con dl{width: 864px;height:628px;position: relative;}
.case .con dt{line-height: 0;overflow: hidden;}
.case .con dt img{width: 864px;height: 486px;}
.case .con dd{height: 69px;background: #D5D5D5;position: relative;}
.case .con dd b{display: block;line-height: 69px;text-align: center;font-size: 18px;color: #191919;font-weight: normal;}
.case .con dd p,.case .con dd a.more{display: none;}
.case .con dl.cur dd{background: #2A2A2A;height:142px;padding: 0 32px;}
.case .con dl.cur dd b{color: #fff;font-size: 20px;font-weight: bold;padding-top: 26px;padding-bottom: 22px;display: block;line-height:110%;text-align:left;}
.case .con dl.cur dd b a{color: #fff;}
.case .con dl.cur dd p{line-height: 24px;color: #fff;opacity: 0.4;font-size: 16px;display: block;}
.case .con dl.cur dd a.more{display: block;background: url(/JS9FH1OPUIOIEyEgKygUIOkQJyV.jpg) no-repeat right center;height: 19px;color: #fff;font-size: 14px;color: #D82633;width: 86px;right: 32px;top: 32px;position: absolute;line-height: 110%;}
.case .con dl.left dd b{margin-right: 155px;text-align: right;}
.case .con dl.right dd b{margin-left: 155px;text-align: left;}


/*聚焦欧拓*/
.new{background: #f4f4f4;position: relative;overflow: hidden;height: 793px;}
.new:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}
.new h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;}
.new h2 a{display: block;;}
.new h2 b{background: url(/JS9FH1OPUHOLnxIDIOcSK1H.jpg) no-repeat;width: 57px;height: 54px;display: block;text-align: center;padding-top: 12px;margin: 0 auto;margin-bottom: 8px;}
.new h2 b img{width: auto;height: auto;margin: 0 auto;}
.new h2 span{color:#01458d;font-weight: bold;}
.new h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}

.new_l{width: 320px;background:url(/JS9FH1OPUI1EDz5DIOcsDIH.jpg) repeat-x 0 0 #fff;padding:30px 40px 0;height: 510px;box-shadow:0 0 10px 2px #e7e7e7;overflow: hidden;margin-top: 54px;}
.new_r{width:781px;margin-top: 54px;}
.new1,.new2{width:701px;overflow: hidden;height:230px;background: #fff;box-shadow:0 0 10px 2px #e7e7e7;margin-bottom: 20px;padding: 30px 40px 0;}
.newtil{height:51px;line-height:30px;font-size:24px;font-weight: normal;}
.newtil a{color: #363636;}
.newtil em{display: block;font-size: 10px;opacity: 0.5;line-height: 12px;}
.newtil span{float: right;width: 33px;height: 33px;display: block;background:url(/JS9FH1OPUI1EDz5sKRMDNkkQJyV.jpg) no-repeat 0 0;}
.newtil span a{display: block;width: 33px;height: 33px;}
.new_l .newtil a{color: #fff;}
.new_l .newtil span{background:url(/JS9FH1OPUI1EDz5sKRMDNOkQJyV.jpg) no-repeat 0 0;}

.new_l dl{padding: 16px 0 0;}
.new_l dt,.new_l dt img{height:239px;width: 320px;display: block;overflow: hidden;}
.new_l dd{padding: 11px 0 0;}
.new_l dd h3,.new1_c li a{height: 45px;line-height:45px;font-size:16px;color: #363636;display: block;}
.new_l dd h3 a{display: block;color: #363636;}
.new_l dd h3 a:hover{color:#D82633;}
.new_l dd h3:hover,.new1_c li a:hover{color:#D82633;}
.new_l dd p{height: 108px; font:14px "Microsoft YaHei"; color:#989898;overflow: hidden;}
.new_l dd span,.new1_c li span{background:url(/JS9FH1OPUI1EDz5rJycDU1uQHj.jpg) no-repeat 0 center;height:24px;overflow: hidden;text-align: right;font-family: Times New Roman;color: #989898;display: block;}

.new1_c li{width:312px;float: left;}
.new1_c li p{height: 76px;overflow: hidden; color:#989898; font-size:14px;}
.new1_c li:nth-child(2n-1){padding: 0 68px 0 0;}

.new2{position: relative;}
.new2 .newtil{height: 10px;}
.new2 .newtil span{position: absolute;right: 40px;top: 30px;}
.new2 .newtil p{position: absolute;left: 40px;top: 30px;}
.new2_w{width: 326px;}
.new2_w li{height: 30px;line-height: 30px;overflow: hidden;}
.new2_w li a{ color:#999; font-size:14px;}
.new2_w li a:hover{color: #D82633;text-decoration: underline;}
.new2_p{width: 355px;}
.new2_p dt{float: right;}
.new2_p dd{float: left;padding: 145px 0 0;}
.new2_p dd a{display:block;background:url(/JS9FH1OPUI1EDz5sKRMDOEkMESV.jpg) no-repeat;width:148px;height:43px;font:14px "Microsoft YaHei";line-height:43px;padding-left:20px;color:#fff;}



/*走进欧拓*/
.about{background: #fff;position: relative;overflow: hidden;height: 1627px;}
.about:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #f4f4f4;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}
.about h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 116px;}
.about h2 a{display: block;;}
.about h2 b{background: url(/JS9FH1OPUHOLnxIDIOcSK1H.jpg) no-repeat;width: 57px;height: 50px;display: block;text-align: center;padding-top: 16px;margin: 0 auto;margin-bottom: 8px;}
.about h2 b img{width: auto;height: auto;margin: 0 auto;}
.about h2 span{color:#01458d;font-weight: bold;}
.about h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.about .picc{background: url(/JS9FH1OPUIWJJxEToREpHukMESV.jpg) no-repeat center top;position: relative;height: 649px;}
.about .picc:after{content: "";width: 0;height: 0;position: absolute;border-top: 48px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}
.about .picc em:before{content: "";width: 0;height: 0;position: absolute;border-bottom: 48px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;bottom:0;}
.about .picc em:after{content: "";width: 0;height: 0;position: absolute;border-bottom: 48px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;bottom:0;margin-left: -1920px;}
.about .con{margin-top: 42px;}
.about .con h3{font-size: 22px;color: #252525;display: block;}
.about .con p.ms{line-height: 30px;color:#393939;font-size: 16px;margin-top: 25px;margin-bottom: 36px;}
.about .tit ul{float: left;}
.about .tit em{float: right;background: url(/JS9FH1OPUIWJJxEToSynD1pqESgJ.jpg) no-repeat right center;height: 18px;padding-right: 22px;}
.about .tit em a{color: #D82633;text-decoration: underline;}
.about .tit li{float: left;}
.about .tit li a{display:inline-block;margin-right: 46px;}
.about .tit li img{display: inline-block;vertical-align: middle;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 0.2s ease-in;}
.about .tit li span{display: inline-block;font-size: 20px;color: #1A1A1A;font-weight: bold;vertical-align: middle;margin-left: 10px;transition: all 0.2s ease-in;line-height: 0}
.about .tit li:last-child a{margin-right: 0;}
.about .tit li.cur span,.about .tit li:hover span{color: #D82633;}
.about .tit li.cur img,.about .tit li:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.about .cons{margin-top: 32px;}
.about .cons li{float: left;width: 283px;overflow: hidden;margin-right: 17px;display: inline;}
.about .cons li:last-child{margin-right: 0;}
.about .cons li a{display: block;}
.about .cons li img{width: 283px;}



/* 友情链接 */
.g_link{ height: auto; line-height: 60px; background: #01458d; display:inline-block; width:100%;}
.g_link .content{height: auto;}
.g_link h2{float: left; width: 170px;font-size: 15px;color: #fff;font-weight: bold;}
.g_link h2 em{font-size: 30px;color: #fff;text-transform: uppercase;font-weight: normal;position: relative;top:2px;}

.link_c{line-height:28px; overflow:hidden;width: 1020px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 15px;float: left; height: 40px; line-height:40px; color:#fff;display: block;}
.link_c .lasta a{background: none;}