html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;} /*******CSS reset*************/ body{position:relative;z-index:-2; color:#444;overflow-x: hidden; font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;} .f12{font-size:12px;} .f16{font-size:16px;} .bold{font-weight:bold;} .white{color:#fff;} .left{float:left;} .right{float:right;} .t_r{text-align:right;} .clear{clear:both;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;left:50%;} .hidden{display:none;} a{color: #444} a:hover{text-decoration: none !important;} p{margin-bottom: 0px !important;} @media screen and (min-width:640px) and (max-width:1200px){} @media screen and (min-width:1200px){ .container{width: 1200px !important;margin:0 auto;} } @media screen and (max-width:640px){ .banner .swiper-slide a img{width: 100%;} .fonta span{font-size: 16px !important;line-height: 35px !important;} .fonta{height: 110px !important} .in01b li{margin-bottom: 2%;} .in_02{zoom:0.4;} .in_03 .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .in_03 .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .intitb span{font-size: 16px !important;} .in03b{border-bottom: 1px solid #eaeaea;padding-bottom: 4%;} .in04aa span{font-size: 16px !important;line-height: 30px !important} .in04a .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .in04a .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .in04a li span b{font-size: 22px !important; } .in04a a{margin-bottom: 2%;} .in04a img{display: block;max-width: 100%;} .fontc strong{font-size: 16px !important;} .in_05 .swiper-pagination-bullet{width: 40px !important} .footer{padding-bottom: 10% !important;} .footer .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .footer .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .proaa span{font-size: 16px !important;} .proa .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .proa .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .onmeg{width: 120px !important;} .ptit strong{font-size: 16px !important;} .comtit strong{font-size: 16px !important;} .companyaa .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .companyaa .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .fontd strong{font-size: 16px !important;} .caseimg{height: 125px !important;} .common-inner .inner-right .de-contact .contact-map #dituContent{height: 300px !important;} .in01bb em{width: 80px !important;line-height:70px !important;} .in01bb em i{font-size: 40px !important;} .in01bba span{font-size: 16px !important;} .in06a strong{font-size: 22px !important;line-height: 40px !important;} .in06a span{font-size: 16px !important;line-height: 30px !important;} .in06a p{font-size: 16px !important;line-height: 30px !important;width: 160px !important} .in_06 .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;} .in_06 .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;} .inntita span{font-size: 22px !important;} .in01ab li img{height: 135px !important} .in01bba p{line-height: 25px !important;} .intype li{width: 100px !important;line-height: 30px !important;margin-bottom: 2% !important;} .in01bb .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01bb .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01bba{padding: 20% 4% !important} .pimga{height: 135px !important} } .ban{height: 520px;background: url(../Image/ban.jpg) center top no-repeat;} /*澶撮儴*/ .header{position: relative;z-index:-1;} .intop{height: auto;overflow: hidden;position: relative;} .top{height: 100px;position: absolute;top:0; z-index: 88;background: url(../Image/topbg.png) center top no-repeat;width: 100%;} .top .left {width: 360px;padding:10px 0;} .top .left img{display: block; max-width: 100%;} .top .right {width: 760px;} .top .right li{position: relative;float: left;width: 95px;line-height: 100px; text-align: center;} .top .right li span{display: block;} .top .right li:before {content: '';position: absolute; display: block; width: 0px;height: 2px;background: #cb0000; bottom:25%;left: 14%;transition:.4s;} .top .right li:hover:before {width: 80px;} .top .right li:hover span{color: #cb0000 !important;} .top .right li a{ display: block;font-size: 15px;transition:.4s;} .menu ul {height: auto;overflow: hidden;} .menu li.curr .submenu{display: block;} .menu li .submenu{position:absolute;width:140px; display: none;line-height:45px;z-index: 88; } .menu li .submenu p{ width:140px;border-bottom: 1px dashed #cb0000;text-align: left; background:#cb0000; } .menu li .submenu p:last-child{;border-bottom:none; } .menu li .submenu p a {font-size: 13px;text-align: center;color: #fff !important;transition:.4s;} .menu li .submenu p a:hover{background: #fff;color: #cb0000 !important;} .indextop{} /*棣栭〉澶у浘杞挱鏍峰紡*/ .flash{ width:100%; height:720px; margin:0 auto; text-align:center; position:relative; z-index:0; } .flash .flashBox {position:relative; margin:0 auto; width:1000px; height:720px; } .flash .flashBox .bd{position:absolute; width:1920px; left:-460px;} .flash .flashBox .bd img{width:100%; height:720px;} #flash{height: auto; overflow: hidden;} /*鎵嬫満绔欏ぇ鍥炬牱寮?/ .mtop{height: auto;overflow: hidden;background: #0e6eb8;line-height: 30px;color: #fff;text-align: center;font-size: 12px;} .mobtop{height: auto;overflow: hidden;padding: 2% 0;position: relative;z-index: 888;} .mobtop .left{width: 80%;color: #fff;padding-left: 4%;} .mobtop .left img{display: block;max-width: 100%;} .mobtop .left p{line-height: 25px;font-size: 12px;} .flex-control-nav{background: #ddd;float: left;width: 3%;} .mobtop .code{ -moz-border-radius:.3em; -webkit-border-radius:.3em;border-radius:.3em;background-color:#0e6eb8;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em; } section {margin: 4em 0;} .aligncontent-center {text-align: center;} .main-header {text-align: center;font-weight:300;font-size: 90%;} .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 16%;} .menu-left {float: left;} .sidebar{display: none;width: 100%;height: 100%;margin: 0;position: fixed;top: 0;z-index: 9999;} .menu-button i{font-size: 30px;color: #0e6eb8;} .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);} .sidebar.open nav{ /* margin-left: 0; -webkit-transition: all 3s ease-in 1s; -o-transition: all 3s ease-in 1s; transition: all 3s ease-in 1s;*/} .sidebar nav{float: left;width: 140px;height: 100%;margin-left: -140px;color: white;background:rgba(14,110,184,0.8);} .sidebar h6 {margin: 1.2em;padding: 0 2%;color: #fff;font-weight: bold;font-size: 16px;} .sidebar ul{padding:0 5px } .sidebar li a{display: block;text-align: center;line-height: 40px;color: #fff !important;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;} .sidebar li a:hover{background: #444;} .sidebar hr {margin: 1em auto;border: 0;padding: 0;width: 80%;height: 1px;} .banner{ width:100%; height:auto; overflow:hidden;float: left;} .slider-focus{position:relative;max-width:100%;overflow:hidden;margin:0rem auto;} .slider-focus .hd{ position:absolute;width:100%;height:1rem;left:0;bottom:0.9rem;z-index:1;line-height:1.5rem;text-align:center;} .slider-focus .hd li{ display:inline-block;vertical-align:middle;width:0.5rem;height:0.5rem;margin:0 0.3rem;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;} .slider-focus .hd ul{display: block;height: 0px;} .slider-focus .hd li.on{ background:#ffea00; } .slider-focus .bd{ position:relative; z-index:0; } .slider-focus .bd li{ position:relative; text-align:center; } .slider-focus .bd li img{ vertical-align:top;width:100%;} .slider-focus .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /*index_1*/ .in_01{height: auto;overflow: hidden;padding: 2% 0;} .inntita{height: auto;overflow: hidden;text-align: center;} .inntita span{display: block;font-size: 30px;line-height: 50px;} .inntita i{display: block;width: 70px;border-top: 3px solid #07a1f1;margin:1% auto;} .inntita p{line-height: 25px;color: #777;} .intype{height: auto;overflow: hidden;margin:0 auto;} .intype ul{height: auto;overflow: hidden;margin:2% auto;} .intype li{float: left;width:120px;margin:0 5px; background: #fafafa;border: 1px solid #e5e5e5;border-radius: 60px; line-height: 35px;text-align: center;transition:.4s;} .intype li:hover{ background: #006ebd;border: 1px solid #006ebd;} .intype li:hover a{ color: #fff;} .intype a{display: block;} .in01a{height: auto;overflow: hidden;} .in01a .col-lg-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01a .col-md-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01a .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01a .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01aa{position: relative; height: auto;overflow: hidden;background: #fafafa;} .in01aa:hover .fonta{background: #fafafa;height: 160px;bottom: 70px;} .in01aa:hover .cover:after{box-shadow:0 0 50px 30px #e7eff9 inset;} .in01aa:hover img{transform:scale(1.02);} .cover{position: relative;border: 1px solid #dbdbdb;} .cover:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;transition:all 0.6s ease 0s;} .in01aa img{display: block;width: 100%;transition:all 0.6s ease 0s;} .fonta{position: relative;bottom: 0; padding:2% 4%;height: 160px;transition:.4s;z-index: 4;} .fonta span{display: block;text-align: center;line-height: 55px;font-size: 24px;color: #006ebd;} .fonta p{line-height: 35px;color: #999;} .fonta i{display: block;width: 120px;line-height: 35px;border-radius: 60px;text-align: center;border: 1px solid #cb0000;color: #cb0000;margin:6% auto 2% auto;transition:.4s;} .in01aa:hover i{background: #cb0000;color: #fff !important;} .in01ab{height: auto;overflow: hidden;} .in01ab li{height: auto;overflow: hidden;margin-bottom: 2%;background: #fafafa;transition:.4s;padding-top: 0.5%;} .in01ab li img{display: block;max-width: 100%;height: 210px; transition:all 0.6s ease 0s;} .in01ab li:hover {background: #f6f6f6;} .in01ab li:hover span{color: #cb0000;} .in01ab li:hover span a{background: #444;} .in01ab li:hover img{transform:scale(1.02);} .fontb{ padding:6% 4%;transition:.4s;} .fontb span{display: block;line-height:40px;height: 40px;overflow: hidden;color: #006ebd;transition:.4s} .fontb span a{float: right; display: block;width:80px;line-height: 30px;border-radius: 60px;text-align: center;background: #cb0000;color: #fff;margin-top: 2%;transition:.4s;} .covera{position: relative;height: auto;overflow: hidden;border: 1px solid #dbdbdb;} .covera:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;transition:all 0.6s ease 0s;} .in01b{height: auto;overflow: hidden;margin-top: 4%;} .in01b img{display: block;max-width: 100%;} .in01b ul{height: auto;overflow: hidden;margin-top: 4%;} .in01b li{height: auto;overflow: hidden;position: relative;} .in01b li:hover .in01ba{padding: 28% 8% 37% 8%;background: rgba(14,110,184,0)} .in01b li:hover .in01ba p{opacity: 1;} .in01b li:hover .in01ba em{opacity: 1;} .in01b .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01b .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01b .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01b .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in01ba{height: auto;overflow: hidden;position: absolute;z-index: 88;width: 100%; background: rgba(14,110,184,0.6);color: #fff;padding:32% 8%;text-align: center;transition:all 0.6s ease 0s;} .in01ba i{display: block; font-size: 42px;} .in01ba span{display: block; font-size: 28px;line-height: 45px;margin-bottom: 6%;} .in01ba p{line-height: 30px;opacity: 0;transition:.4s} .in01ba em{display: block;width: 40px;border-top: 2px solid #fff;margin:10% auto;opacity: 0;transition:.4s} .in_02{height: 235px;overflow: hidden;background: url(../Image/in02bg.png) center no-repeat;} .in_03{height: auto;overflow: hidden;padding: 2% 0;background: url(../Image/in03bg.jpg) center no-repeat;} .in_03 li{height: auto;overflow: hidden;margin-bottom: 4%;} .in03a{position: relative;} .in03a img{display: block;width: 100%;margin-top: 3%;} .in03a span{position: absolute;z-index: 88;left:6%;text-align: center;font-size: 28px; display: block; background: #cb0000;color: #fff; width: 50px;height: 60px; line-height: 40px;} .in03a span i{display: block;width: 30px;border-top: 2px solid #fff;margin:0 auto;} .in03ba{line-height: 30px;font-size: 15px;} .in03ba p{background: url(../Image/tipa.jpg) left 6px no-repeat;padding-left: 4%; line-height: 25px;color: #777;margin:6% 0;} .in03ba p b{color: #0e6eb8} .intitb{height: auto;overflow: hidden;margin:3% 0 12% 0;} .intitb span{display: block;font-size: 24px;} .intitb p{line-height: 30px;color: #777;} .in_04{height: auto;overflow: hidden;padding: 2% 0;} .in04a{height: auto;overflow: hidden;margin-top: 4%;} .in04a img{display: block;max-width: 100%;} .in04a ul{height: auto;overflow: hidden;margin-top: 4%;} .in04a li{float: left;width: 33.2%;text-align: center;border-right: 1px solid #d6d6d6;} .in04a li:last-child{border-right:none;} .in04a li span{display: block;line-height: 35px;} .in04a li span b{font-size: 40px;font-weight: normal;} .in04a li p{line-height: 25px;color: #777;} .in04a a{display: block; width: 140px;line-height: 40px;background: #cb0000;text-align: center;border-radius: 60px;margin-top: 4%;transition:.4s;} .in04a a:hover{background: #444;} .in04a a i{color: #fff !important;font-size: 18px;} .in04aa span{display: block;font-size: 28px;line-height: 45px;} .in04aa i{display: block;width: 30px;border-top: 4px solid #07a1f1;margin:4% 0 8% 0;} .in04aa p{line-height: 30px;color: #777;} .in_05{height: auto;overflow: hidden;padding: 2% 0;} .in_05 .swiper-container {width: 100%;height: 100%;margin-top: 4%;padding-bottom: 5%;} .in_05 .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .in_05 .swiper-slide {padding-bottom: 2%;} .in_05 .swiper-slide:hover .inimga i{background: rgba(0,0,0,0.2);} .in_05 .swiper-slide:hover b{color: #cb0000} .in_05 .swiper-slide:hover strong{color: #cb0000} .in_05 .swiper-pagination-bullet{width: 70px;height: 5px !important;border-radius: 0px !important } .inimga{position: relative; height: auto;overflow: hidden;} .inimga img{width: 100%;} .inimga i{position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:all 0.6s ease 0s;} .fontc{height: auto;overflow: hidden;padding:4%;border: 1px solid #e5e5e5;} .fontc span{display: block; font-size: 16px;font-weight: bold;color: #999999;line-height: 40px;} .fontc strong{display: block; font-size: 22px;line-height: 40px;height: 40px;overflow: hidden; transition:.4s} .fontc p{line-height: 30px;color: #777;border-bottom: 1px solid #dcdcdc;padding-bottom: 4%;margin-bottom: 4%;} .fontc b{line-height: 40px;height: 40px;overflow: hidden;color: #777;transition:.4s} .fontc b i{float: right;} .in_06{height: auto;overflow: hidden;padding: 2% 0;background: url(../Image/in06bg.jpg) center bottom no-repeat #f7f8fc;} .in_06 ul{height: auto;overflow: hidden;margin-top: 2%;} .in_06 ul .col-lg-2{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in_06 ul .col-md-2{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in_06 ul .col-sm-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in_06 ul .col-xs-4{padding-left: 0.5% !important;padding-right: 0.5% !important;} .in_06 ul li{text-align: center;} .in_06 ul li img{display: block;width: 100%;border: 1px solid #ccc;} .in_06 ul li:hover span{color: #cb0000} .in_06 li span{display: block;line-height: 40px;height: 40px;overflow: hidden; text-align: center;transition:.4s} /*渚ф爮鏍峰紡*/ .sidetit{background: #f3f3f3;font-size: 24px; line-height:55px;padding: 6%;} .sidetit i{display: block;border-top: 2px solid #0e6eb8;width: 40px;} .sidea{height: auto;overflow: hidden; margin-bottom: 3%;} .sidea ul{height: auto;overflow: hidden;padding: 2% 0;} .sidea li{position: relative;overflow: hidden;background: #f3f3f3; text-indent: 2em;line-height:50px;height:50px;transition:all 0.4s;margin-top: 2%; } .sidea li:hover{background: #0e6eb8;} .sidea li:hover a{color: #fff !important;} .sidea li:hover i{color: #fff !important;} .sidea li a{display: block; } .sideb{height: auto;overflow: hidden;padding:2% 0;} .sideb span{display: block;font-size: 16px;line-height: 50px;} .sideb li{line-height: 35px;height: 35px;overflow: hidden;} .sideb li a{display: block;color: #777 !important;transition:.4s;} .sideb li:hover a{background: #0e6eb8;color: #fff !important;} .sidec{height: auto;overflow: hidden;} .sidec span{display: block;font-size: 16px;line-height: 50px;} .sidec p{line-height: 20px;border-left: 2px solid #0e6eb8;padding-left: 4%;margin-bottom: 4% !important;color: #777;} .jobs{height: auto;overflow: hidden;} .jobs li{position: relative; height: auto;overflow: hidden;margin:2% 1%;box-shadow:0px 0px 10px 6px #ececec;padding: 2%;} .jobs li a{position: absolute;right:4%;top:20%;background: #cb0000;width: 100px;line-height: 35px;text-align: center;color: #fff !important;transition:.4s;} .jobs li a:hover{background: #444;} .jobs li p{line-height: 30px;} .joba{height: auto;overflow: hidden;box-shadow:0px 0px 10px 6px #ececec;padding: 2%;margin:2% 1%;} .joba tr{height: 40px;} /*footer*/ .footer {height: auto;overflow: hidden;padding-top: 2%;background: #282c2f;} .foota{height: auto;overflow: hidden;} .foota span{display: block;font-size: 16px;line-height: 40px;margin-bottom: 4%;color: #fff;} .foota span i{display: block;width: 20px;border-top: 2px solid #0e6eb8;} .foota li{float: left;width: 120px;line-height: 30px;} .foota li:hover a{color: #fff !important;} .foota li a{display: block;color: #7a7a7a !important;transition:.4s} .footb span{display: block;font-size: 16px;line-height: 40px;margin-bottom: 4%;color: #fff;} .footb span i{display: block;width: 20px;border-top: 2px solid #0e6eb8;} .footb p{color: #7a7a7a;line-height: 30px;} .footc{padding-top: 4%;} .foot{background: url(../Image/footbg.png) center no-repeat;line-height: 66px;text-align: center;color: #fff;margin-top: 2%;} .footnav{right: 0;bottom: 0;float: left;width: 100%;position: fixed;background:#0670c1;color:#fff;z-index: 888;} .footnav li{float: left;text-align: center; width: 33.3%;text-align: center;color: #fff;} .footnav li:nth-of-type(1){background: #045a9c} .footnav li:nth-of-type(3){background: #0f86e2} .footnav li i{font-size: 20px;} .footnav li span{display: block;line-height: 20px;} .footnav li a{display: block; color: #fff !important;padding-top:4%;} .footnav li a:hover{color: #ffb40b} .imgsl{height: auto;overflow: hidden;} .fix{position: fixed;right: 4%;bottom:10%;} .fix li{width: 40px;height: 120px;background: rgba(14,110,184,0.6);text-align: center;margin-bottom: 5px;padding: 3px;} .fix li a{display: block;background: #cb0000; writing-mode:tb-rl;color: #fff !important;line-height: 40px;height: auto;padding: 30px 0 27px 0;transition:.4s;} .fix li:hover a{background: #444;}/*footer*/ /*content*/ .indextop{background: #4eacfe;box-shadow: 0px 2px 8px #b1b1b1; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #4eacfe, #23d3fe, #00f2fe); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #4eacfe, #23d3fe, #00f2fe); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ height: auto;overflow: hidden;margin-top: -40px;z-index: 88;} .banaa{height: auto;overflow: hidden; background: #006ebd;color: #fff;padding: 1% 0;} .banaa i{float: left; font-size: 54px;margin-right: 4%;} .banaa span{display: block;line-height: 35px;} .banaa b{display: block; font-size:26px;} .banab{height: auto;overflow: hidden;color: #fff;line-height:30px;padding-top: 2%;} .banab a{color: #fff !important;padding-right:4%;transition:.4s;} .banab a:hover{color: #006ebd !important;} .location{line-height: 50px;border-bottom: 1px solid #eaeaea;} .location span{float: left;width: 100px;display: block; font-size: 16px;border-right: 1px solid #dddddd;} .words{line-height: 35px;border:none;width:200px;padding-left: 2px;border-bottom: 1px solid #6a7588;background: none; } .search{ width: 220px;height: 40px;position: relative;margin:20px;} .search-text{position: absolute;top:0px;outline: none;color: #fff;background: none; height: 40px;width:170px;padding-left:10px;font-size: 12px;border-top: none;border-left: none;border-right: none; border-bottom: 1px solid #97efff;} .fdj{position: absolute;top:1px;right:0px; background: url(../Image/fdj.png) center no-repeat ;background-size: 45%; width:50px;height:40px;border: none;} .jobstit{line-height: 40px;border-bottom: 1px dashed #ccc;} /*content_company*/ .companya{height: auto;overflow: hidden;padding: 2% 0;} .comtit{height: auto;overflow: hidden;background: #f8f8f8;line-height: 45px;border-left: 3px solid #cb0000;padding-left: 2%;margin-bottom: 2%;} .comtit strong{display: block;font-size: 22px;} .companyaa {margin-bottom: 2%;} .companyaa img{display: block;max-width: 100%;} .companyaa p{line-height: 30px;font-size: 14px;} .companyb{height: auto;overflow: hidden;padding: 2% 0;} .companyb li{float: left;width: 33.3%;text-align: center; height: auto;overflow: hidden;padding: 2% 0;} .companyb li span{display: block;font-size: 16px;line-height: 45px;} .companyb li span b{font-size:38px;color: #cb0000;} .companyc{height: auto;overflow: hidden;padding-bottom: 2%;} .companyd{height: auto;overflow: hidden;padding: 2% 0;} .companyd li{height: auto;overflow: hidden;text-align: center;} .companyd li em{display: block; background: #cb0000;width: 80px;line-height: 80px;height: 80px;border-radius: 60px;text-align: center;margin:0 auto;} .companyd li em i{font-size: 38px;color: #fff;} .companyd li strong{display: block;line-height: 40px;font-size: 20px;margin-top: 2%;} .companyd li p{line-height: 35px;color: #777;} .in01bb em{display: block;position: relative;z-index: 88;width: 120px;line-height: 110px;background: #0060a5;transition:.4s;border-radius: 60px;color: #fff;text-align: center;margin:0 auto;} .in01bb em i{font-size: 50px;} .in01bba{height: auto;overflow: hidden; background: #fff;padding:30% 4%;box-shadow: 0px 0px 5px #eae7e7;margin:-18% 2%;text-align: center;} .in01bba span{display: block;font-size: 22px;line-height: 40px;} .in01bba strong{display: block;font-weight: normal;color: #777;margin-bottom: 6%;} .in01bba p{line-height: 30px;color: #777;} .in01bba b{display: block;width: 40px;border-top: 3px solid #0060a5;margin:6% auto;} /*浜у搧*/ .producta{height: auto;overflow: hidden;} .producta ul{height: auto;overflow: hidden;margin: 2% auto !important;} .producta li{text-align: center;line-height: 40px;height: 40px;overflow: hidden; transition:.4s;} .producta li a{display: block;color: #777 !important;} .producta li:hover{background: #0e6eb8;} .producta li:hover a{color: #fff !important;} .productb{height: auto;overflow: hidden;} .prolist{height: auto;overflow: hidden;margin-bottom:2%;} .prolist .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .prolist .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .prolist li{position: relative; height: auto;overflow: hidden;margin-bottom: 3%;background: #eee;} .prolist li:hover .pimga:after {box-shadow:0 0 0px 0px #ccc inset;} .prolist li:hover .pfonta{top:-10px;opacity: 1;} .prolist li img{display: block;max-width: 100%;max-height: 100%;margin:0 auto;} .pfonta{width: 100%;top:0; height: auto;overflow: hidden;transition:.4s;text-align: center;padding: 2% 0;} .pfonta span{display: block;font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;} .pfonta p{line-height: 30px;} .pimga{height: 210px;overflow: hidden;position: relative;top:0;} .pimga:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;box-shadow:0 0 30px 10px #ccc inset;transition:.4s;} .plocation{line-height: 45px;height: 48px;overflow: hidden;margin-bottom: 2%;} .plocation ul{margin-bottom: 0px;} .plocation li{float: left;position: relative; line-height: 45px;border-bottom: 3px solid #fff;transition:.4s;margin-right:2%;} .plocation li::before{content: "";position: absolute;bottom:0px;width: 0%;height: 3px;background: #0e6eb8;transition:.4s;} .plocation li:hover::before{width: 100%;} .plocation li a{display: block;} .plocation span{float: right;line-height: 45px;} .proa{height: auto;overflow: hidden;background: #f6fafb;padding: 2% 0;} .proa img{width: 100%;} .proaa{height: auto;overflow: hidden;} .proaa span{display: block;font-size: 30px;line-height: 65px;} .proaa strong{display: block;font-size:18px;line-height: 30px;} .proaa p{line-height: 30px;color: #666;} .proaa em{display: block;margin: 4% 0;} .proaa em i{font-size: 36px;} .proaa em b{color: #0e6eb8;font-size: 36px;} .line{display: block;width: 40px;border-top: 3px solid #0e6eb8;} .online{height: auto;overflow: hidden;} .online a{color: #fff !important;} .onmeg{float: left;background: #444;width: 180px;line-height: 55px;border-radius: 5px;color: #fff;text-align: center;margin-right: 4%;} .order-btn{float: left;background: #0e6eb8;width: 180px;line-height: 55px;border-radius: 5px;color: #fff;text-align: center;} .prob{position: relative;overflow: hidden;height: 60px;width: 100%;z-index: 999;} .prob ul{height: auto;overflow: hidden;margin-bottom: 0px;} .prob li{height: 60px;line-height: 60px;background: #4c4c4c;text-align: center;transition:.4s;} .prob li:hover{background: #0e6eb8;} .prob li a{display: block;color: #fff !important;} .proc{height: auto;overflow: hidden;margin-top: 2%;} .ptit{height: auto;overflow: hidden;margin-bottom: 2%;} .ptit strong{display: block;font-size: 30px;line-height: 50px;} .ptit i{display: block;border-bottom: 2px solid #0e6eb8;width: 40px;} .proca{height: auto;overflow: hidden;} .proca p{line-height: 30px;color: #666;} .proca img{max-width: 100%;height: auto !important;} .prod{height: auto;overflow: hidden;margin-top:2%;} .proe{height: auto;overflow: hidden;margin-top:2%;} .prof{height: auto;overflow: hidden;margin:2% 0;} .pcase{height: auto;overflow: hidden;} .pcase .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .pcase .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .pcase li span{display: block;line-height: 55px;height: 55px;overflow: hidden; background: #e1e0e3;text-align: center;transition:0.4s;} .pcase li:hover span{background: #0e6eb8;color: #fff;} .pcase li:hover img{transform:scale(1.05,1.05)} .pcase li img{display: block;width: 100%;transition:all 0.6s ease 0s;} .caseimg img{display: block;margin:0 auto;} .proimga{width: 100%;overflow: hidden;border: 1px solid #ccc;} /*鏂伴椈*/ .newsa{height: auto;overflow: hidden;padding: 2% 0;} .newslist{height: auto;overflow: hidden;} .newslist .col-lg-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist .col-md-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist .col-sm-12{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist .col-xs-12{padding-left: 0.5% !important;padding-right: 0.5% !important;} .newslist li{height: auto;overflow: hidden;margin-bottom: 2%;} .newslist li:hover .imgb i{background: rgba(0,0,0,0.2);} .newslist li:hover b{color: #0e6eb8} .newslist li:hover strong{color: #0e6eb8} .imgb{position: relative; height: auto;overflow: hidden;} .imgb img{width: 100%;} .imgb i{position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:all 0.6s ease 0s;} .fontd{height: auto;overflow: hidden;padding:4%;border: 1px solid #e5e5e5;} .fontd span{display: block; font-size: 16px;font-weight: bold;color: #999999;line-height: 40px;} .fontd strong{display: block; font-size: 22px;line-height: 40px;height: 40px;overflow: hidden; transition:.4s} .fontd p{line-height: 30px;color: #777;border-bottom: 1px solid #dcdcdc;padding-bottom: 4%;margin-bottom: 4%; height: 60px;} .fontd b{line-height: 40px;height: 40px;overflow: hidden;color: #777;transition:.4s} .fontd b i{float: right;} .newscontenta p{color: #777;} .newsPage{height: auto;overflow: hidden;padding: 2% 0;border-top: 1px dashed #ededed;margin-top: 2%;} .honorlist{height: auto;overflow: hidden;} .honorlist .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;} .honorlist li {text-align: center;margin-bottom: 2%;} .honorlist li img{display: block;width: 100%;transition: all 1s ease;} .honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)} .honorlist li:hover span{background: #0e6eb8;color: #fff;} .honorlist span{display: block;line-height: 50px;text-align: center;background: #e1e0e3;transition:.4s;} .caseimg{height: 200px;overflow: hidden;border: 1px solid #ccc;} /*鏂伴椈璇︽儏*/ .newsinfoa{height: auto;overflow: hidden;} .ninfotit{height: auto;overflow: hidden;padding: 2% 0;text-align: center;border-bottom:1px dashed #ededed;margin-bottom: 2%;} .ninfotit span{display: block;font-size: 28px;line-height: 45px;} .ninfotit p{line-height:30px;color: #777;margin-bottom: 0px;} .newsinfoaa{height: auto;overflow: hidden;margin-top: 2%;} /*渚ф爮鏍峰紡*/ .newscontent {height: auto;overflow: hidden;line-height: 30px;padding: 2%;border-left: 1px solid #efefef} .page{line-height: 40px;text-align: center;margin:2% 0;color: #777;} .page i{color: #cb0000;} #prev_next{height: auto;overflow: hidden;padding-top: 2%;margin-top: 2%;border-top: 1px solid #ccc;} #prev_next li{line-height: 30px;} .meta{text-align: center;line-height: 30px;} /*鑱旂郴*/ .contacta{height: auto;overflow: hidden;padding: 2% 0;border-bottom: 1px solid #eaeaea;} .contacta p{width: 140px;color: #fff;border-radius: 140px;text-align: center;border: 5px solid #ccc;padding: 5px;margin:4% auto;} .contacta p a{display: block; color: #fff !important;height: 120px;border-radius: 120px;line-height: 120px; background: #0e6eb8;font-size: 18px;} .contactaa{height: auto;overflow: hidden;text-align: center;} .contactaa span{display: block;line-height: 30px;} .contactaa strong{display: block;font-size: 22px;} .contactb{height: auto;overflow: hidden;padding: 2% 0;background: #f6f6f7} .contactba{text-align: center;font-size: 22px;margin-bottom: 2%;} .contactb .order{width: 100%;} .contactb input{width: 60%;border: 1px solid #ccc;line-height: 40px;margin-top: 5px;} .contactb textarea{width: 60%;border: 1px solid #ccc;line-height: 40px;margin-top: 5px;}