.main{ width: 1300px; margin: 0 auto; } .top{ background: #c60001; line-height: 38px; } .top p{ color: white; font-size: 16px; } .logobox{ margin: 20px auto; } .logo{ float: left; } .tel{height:68px;background: url(/uploads/image/pimages/tel.png) left center no-repeat;float: right;margin-top:10px;} .tel .tit{font-size: 16px;color: #333;text-indent:100px;line-height: 20px; font-weight:normal} .tel .con{font-size: 34px;color: #0e60aa;text-indent: 100px;font-weight: bold;} .navigation{ line-height: 56px;background-color: #c60001; } .navigation li{ float: left; width: 130px; text-align: center; } .navigation a{ color: white; font-size: 16px; } .navigation li:hover{ background: #0b4887; } .navigation li.cur{ background: #0b4887; } .container{ width:1300px; margin:0px auto;} /*banner*/ #slider-container { margin: 0px; overflow: hidden; clear: both !important; position: relative; /*margin-top: 243px;*/ } .nivoslider img { height:600px; text-align:center; } .nivoslider a { border: 0px currentcolor; display: block; } .nivo-directionnav a { border: 0px currentcolor; width: 22px; height: 24px; text-indent: -9999px; display: block; } #slider { margin: 0px auto; overflow: hidden; position: relative; z-index: 9; } #slider h1 { color: rgb(255, 255, 255); font-size: 24px; } #slider .sdate { padding-bottom: 10px; display: block; } #slider hr { margin: 0px 0px 20px; padding: 0px; border-bottom-color: rgb(137, 137, 137); border-bottom-width: 1px; border-bottom-style: solid; } .nivoslider { position: relative; } .nivoslider img { left: 0px; top: 0px; position: absolute; } .nivoslider a.nivo-imagelink { margin: 0px; padding: 0px; border: 0px currentcolor; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 6; } .nivo-slice { height: 100%; display: block; position: absolute; z-index: 5; } .nivo-box { display: block; position: absolute; z-index: 5; } .nivo-caption p { margin: 0px; padding: 0px; } .nivo-caption a { display: inline !important; } .nivo-html-caption { display: none; } .nivo-directionnav a { top: 50%; position: absolute; z-index: 9; cursor: pointer; } .nivo-prevnav { background: no-repeat; left: 25px; } .nivo-nextnav { background: no-repeat; right: 25px; } .nivo-controlnav a { position: relative; z-index: 9; cursor: pointer; } .nivo-controlnav a.active { font-weight: bold; } /*标题*/ .tit1{ width: 100%; height: auto; background: top center no-repeat; overflow: hidden; } .tit1 img{ display: block; margin:0 auto; } .tit1 h2{ display: block; height: 50px; text-align: center; font-size: 36px; color: #464646; letter-spacing: 10px; font-weight: bold; } .tit1 p{ display: block; width: 100%; text-align: center; font-size: 18px; color: #737373; letter-spacing: 0px; } .tit1 .enzi{ text-align: center; font-size: 15px; text-transform: uppercase; color: #666; } .gl-proc{ padding:15px 0px; text-align: center; } .gl-proc li{ display: inline-block; text-align: -webkit-match-parent; } .gl-proc li a{ display: inline-block; font-size: 17px; margin:3px; width: auto; border: #d3d6da 1px solid; padding: 8.5px 25px; color: #666; border-radius: 3px; transition: all 0.5s; } .gl-proc li:hover a{ background-color: #333; color: #fff; } #w-80{margin:0 auto;width:1300px;overflow: hidden;} .at-news3{ padding:20px; } .at-news3 .tu1{ display: block; width: 100%; height: 100%; position: relative; transition: all 0.3s ease 0.1s; overflow: hidden; } .at-news3 .tu1 img{ /*max-height: 300px;*/ width: 100%; object-fit: cover; height:300px; } .at-news3 .tu1 .upimg{ width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease 0s; position: absolute; top: 0; left: 0; z-index: 10; } .at-news3 .tu1:hover .upimg{ opacity: 1; } .at-news3 .tu1 .upimg .bgbox{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6); } .at-news3 .tu1 .upimg .stit{ display: block; font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 10%; margin-top: -15px; color: #fff; z-index: 11; transition: all 0.3s ease-out; } .at-news3:hover .tu1 .upimg .stit{ top: 40%; } .at-news3 .tu1 .upimg .stit img{ width: 110px; height: 104px; } .at-news3 .tu1 .upimg .line{ display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; } .at-news3 .tu1:hover .upimg .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); } .at-news3 .tu1 .upimg .linet{ top: 0; } .at-news3 .tu1 .upimg .lineb{ bottom: 0; } .at-news3 .n3-tit{ width: 100%; height: 100px; background: #c60001 no-repeat; background-position-x: 0%; background-position-y: 0%; background-position: 81% 17px; } .at-news3 .n3-tit h3 { float: left; overflow: hidden; padding-left: 9%; width: 72%; line-height: 23px; transition: 0.5s; padding-top: 27px; font-size: 16px; color: #fff; text-align: left; } .at-news3 .n3-tit h3 span { font-size: 14px; color: #999; display: block; max-height: 22px; overflow: hidden; } .at-news3 .n3-tit .jiantou { float: right; width: 18%; height: 100px; background: no-repeat 33px center; transition: 0.5s; } .at-news3 .n3-tit:hover .jiantou { background: no-repeat 43px center; } .padding0-sm15{padding:0px;} /*简介*/ .about-tu{ width: 100%; height: 670px; overflow: hidden; } .about-tit{ width: 50%; border-bottom: 3px solid #c60001; overflow: hidden; } .about-tit h2{ display: block; float: right; width: 50%; padding:15px 0px; text-align: center; background-color: #c60001; font-size: 27px; color: #fff; font-weight: bold; } .about-cont{ margin-top: 108px; } .about-cont strong{ position: relative; z-index: 100; display: block; width: 770px; font-size: 25px; color: #c60001; font-weight: bold; } .about-cont .zia{ display: block; margin-top:57px; font-size: 18px; color: #6b6b6b; } .about-cont .cont{ margin-top:35px; padding-right: 40px; height: 276px; overflow: hidden; } .about-cont .cont p, .about-cont .cont p a, .about-cont .cont a, .about-cont .cont p strong{ font-size: 16px; color: #454545; line-height: 195%; } .about-cont .morea a{ margin-top: 55px; display: block; padding:8px 0px; width: 139px; color: #383838; border:1px solid #b5b5b5; text-align: center; font-size: 15px; color: #666; transition: all 0.3s; } .about-cont .morea a:hover{ background-color: #ffeb3b; color: #000; } .web-title{ text-align: center; } .web-title h3{ color: #010101; font-weight: lighter; font-size: 45px; } .web-title em{ color: #010101; font-weight: bold; } .web-title span{ color: #1170d2; font-weight: bold; } .product{ margin: 58px auto 42px auto; } .web-title p{ color: #848484; font-size: 21px; line-height: 40px; } .pro-center{ margin-top: 42px; } .product-fl{ float: left; width: 240px; text-align: center; } .pro-title span{ color: white; font-size: 16px; font-family: arial; line-height: 30px; text-transform: uppercase; } .pro-title p{ color: #ffffff; font-size: 27px; font-weight: bold; } .pro-title{ background-image:linear-gradient(to right,#1173cb,#08b148) ; border-top-right-radius: 10px; border-bottom-left-radius: 10px; padding: 12px 0 20px 0; } a.current{ text-decoration: none; } .treebox{ margin: 0 auto; } .menu{ overflow: hidden; } /*第一层*/ .menu li{ background: #eeeeee; border-radius: 10px; margin: 15px 0; } .menu li.level1>a{ display:block; line-height: 50px; color: #666666; font-size: 17px; position: relative; transition:all .5s ease 0s; } .menu li.level1 a:hover{ background-color:#c60001; color: white; } .menu li.level1 a.current{ background: #c60001; color: white; border-radius: 10px; } /*第二层*/ .level2 li{ margin: 2px 0; border-radius: 10px; background: #5191d3; } .menu li ul{ overflow: hidden; } .menu li ul.level2{ display: none; } .menu li ul.level2 li a{ display: block; height: 45px; line-height: 45px; color: #fff; /*border-bottom: 1px solid #ddd; */ font-size: 16px; transition:all 1s ease 0s; } .pro-show-center{ float: left; width: 930px; margin-left: 30px; } .pro-show-center ul{ margin-left:-20px} .marqueetop{ height:600px; overflow:hidden; } .pro-show li{ float: left; width: 296.66666px; border-bottom: solid 1px #dcdcdc; margin-left:20px;} .pro-show li img{ width:100%; height:225px;} .pro-text{ line-height: 68px; } .pro-text span{ float: left; color: #666666; font-size: 18px; } .pro-text a{ float: right; display: inline-block; background: #347fcc; width: 98px; line-height: 30px; color: white; font-size: 14px; border-radius: 14px; margin-top: 17px; text-align: center; } .pro-more{ background: #1170d2; width: 522px; line-height: 58px; border-radius: 33px; padding: 4px 0 4px 6px; margin: 16px auto 0 auto; } .pro-more div:first-child{ background: white; border-radius: 29px; } .pro-more a{ color: #262626; font-size: 16px; text-align: center; display: block; } .pro-more p{ color: white; font-size: 18px; } .pro-more span{ font-size: 30px; font-weight: bold; font-family: arial; } .casebj{ width:100%; background-color:#f7f7f7;} .case{width:1300px; padding-top:40px; padding-bottom:30px; margin:0px auto; } .g4{ width: 100% !important; height: 382px; } .g4 img{ height:292px !important; } .case-center{ margin-top: 42px; } .case-center li{ padding: 0 10px; } .case-text{ border-bottom: solid 1px #d2d2d2; padding: 23px 0; line-height: 40px; } .case-text span{ float: left; color: #666666; font-size: 20px; } .case-text a{ float: right; display: inline-block; width: 142px; border: solid 1px #aaaaaa; border-radius: 19px; text-align: center; } /*优势*/ .ys{ width:100%; background-color:#f7f7f7;} .ys-tit{ width:1300px; padding-top: 30px; padding-bottom: 36px; text-align:center; margin:0px auto; } .ys-tit h3{ display: block; font-size: 51px; color: #454545; text-align: center; font-weight: bold; } .ys-tit p{ display: block; padding-top: 18px; font-size: 18px; color: #454545; font-weight: bold; text-align: center; } .strk-ys-bg1{ width: 100%; height: 100%; background: url(/uploads/image/pimages/ys-tu1.jpg); background-position: center center; background-repeat:no-repeat; background-size:cover; overflow: hidden; border:1px solid #e5e5e5; box-sizing: border-box; } .strk-ys-bg2{ width: 100%; height: 100%; background: url(/uploads/image/pimages/ys-tu2.jpg); background-position: center center; background-repeat:no-repeat; background-size:cover; overflow: hidden; border:1px solid #e5e5e5; box-sizing: border-box; } .strk-ys-bg3{ width: 100%; height: 100%; background: url(/uploads/image/pimages/ys-tu3.jpg); background-position: center center; background-repeat:no-repeat; background-size:cover; overflow: hidden; border:1px solid #e5e5e5; box-sizing: border-box; } .strk-ys-bg4{ width: 100%; height: 100%; background: url(/uploads/image/pimages/ys-tu4.jpg); background-position: center center; background-repeat:no-repeat; background-size:cover; overflow: hidden; border:1px solid #e5e5e5; box-sizing: border-box; } .strk-ys{ padding:10px; height: 478px; overflow: hidden; transition: all 0.3s ease-out; } .strk-nr{ margin-top: 40%; padding:30px; min-height: 198px; background: rgba(255,255,255,0.8); transition: all 0.3s ease-out; } .strk-nr h4{ display: block; text-align: center; font-size: 25px; color: #000000; font-weight: bold; } .strk-nr p{ display: block; margin-top: 15px; font-size: 16px; color: #000; text-align: center; line-height: 150%; } .strk-ys:hover .strk-nr{ margin-top: 30%; background: rgba(255,235,59,0.8); } .new{ margin: 70px auto 80px auto; } .new-center{ margin-top: 50px; } .new-center li{ float: left; width: 640px; margin: 10px; } .new-bg{ background: #f5f5f5; padding: 14px 10px 14px 11px; } .new-text a{ color: #333333; font-size: 18px; line-height: 40px; } .new-text p{ color: #666666; font-size: 13px; line-height:25px; margin-top: 8px; } .link{ background-color:#c60001; padding: 23px 0 31px 0; overflow: hidden; } .link a{ color: white; font-size: 15px; margin: 0 6px; line-height: 22px; } /*footer*/ .footer{width: 100%;color: #fff;padding-bottom: 48px;background: #2e3033;border-top: 8px solid #1ea4fe; clear:both;} .footer .links{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #1a1d21;} .footer .links span{color: #fff;display:inline-block;} .footer .links a{display:inline-block;font-size: 14px;color: #939393;padding-right: 10px;} .footer .links a:hover{color: #c60001;} .footer .bottom {border-top: 1px solid #464a50;} .footer .bnav{width: 650px;height: 180px;margin-top: 48px;border-right: 1px solid #1a1d21;} .footer .di_logo img{width:111px; height:111px; background-size:100%;} .footer .bnav dl{display:inline-block;float:left;width:650px;overflow:hidden;text-align: center; padding-top:10px;} .footer .bnav dl dt{height:16px; display:block; padding-bottom:32px; width:140px; float:left;} .footer .bnav dl dt a{display:block; font-size:16px; color:#fff; line-height:16px;} .footer .bnav dl dd{ height:14px; padding-bottom:16px; float:left; width:50%;} .footer .bnav dl dd a{display:block;font-size:14px;color: #939393;line-height:14px;} .footer .bnav dl dd a:hover{color: #c60001;} .footer .ewm{height: 180px;text-align:center;padding-left: 48px;margin-top: 48px;border-left: 1px solid #464a50;} .footer .ewm dl{width: 140px;float:left;display:block;margin-right:30px;margin-top: 10px;height:164px;} .footer .ewm dl:nth-child(2){margin-right:0px;} .footer .ewm dl:first-child dl{margin-right:0px;} .footer .ewm dl dt{width: 140px;height: 140px;background-color:#fff;text-align:center;} .footer .ewm dl dt img{width: 130px;height: 130px;display:inline-block;background-size:100%;margin-top:5px;} .footer .ewm dl dd{font-size:14px;color: #939393;line-height:24px;padding-top: 5px;} .footer .contact_info{width: 300px;height: 180px;padding-left: 50px;border-right: 1px solid #1a1d21;border-left: 1px solid #464a50;margin-top: 48px;} .footer .contact_info p.p1{font-size:14px;color: #fff;line-height:14px;padding-top:10px;} .footer .contact_info p.dh{font-size:36px;color: #1ea4fe;font-family:"arial";line-height:36px;padding-top: 4px;font-weight:bold;padding-bottom:12px;} .footer .contact_info h3{font-size:20px; padding-top:8px;} .footer .contact_info p.tel1{font-size:14px;color: #939393;line-height:22px;width: 270px;} .footer .contact_info i{display:block; padding-top:8px; font-size:14px; color:#fff;} .footer .contact_info i a{display:inline-block; color:#fff; padding-right:12px;} .city a{ margin: 0 5px; } .city span{ color: #dddddd; font-size: 14px; } .youhua{ color: #ffffff; font-size: 14px; line-height: 35px; margin-top: 80px; } .youhua a{ color: #ffffff; font-size: 14px; } .sj-pro,.sj-case{ margin: 20px auto; } .sj-title{ margin-bottom: 20px; } .sj-title span{ color: black; font-size: 22px; } .sj-pro-c span,.sj-case-c span{ color: #666666; font-size: 14px; line-height: 35px; } .sj-about{ padding: 0 15px; } .sj-about p{ color: #666666; font-size: 14px; line-height: 30px; text-indent: 2em; } .sj-new-c { padding: 0 15px; } .sj-new-c li{ line-height: 40px; } .sj-new-c a{ color: black; font-size: 14px; } .sj-new-c span{ float: right; color: #666666; font-size: 14px; } .sj-footer{ background: #404141; padding: 20px 15px; color: white; font-size: 14px; line-height: 30px; margin-top: 20px; } .call{ position: fixed; bottom: 0; left: 0; right: 0; background:#09ac53; line-height: 35px; } .call a{ color: white; font-size: 14px; } @media only screen and (max-width:768px ) { html,.as-mainwrapper{ padding-bottom: 30px; } } .banner { height: 600px; overflow: hidden; position: relative; } .banner .hd { height: 18px; position: absolute; width: 100%; z-index: 1; text-align: center; bottom: 20px; } .banner .hd ul li { display: inline-block; margin: 0 5px; width: 10px; height: 10px; cursor: pointer; background: #252525; border-radius: 8px; } .banner .hd ul li.on { background: #00a04f; } .banner .bd { position: relative; height: 100%; z-index: 0; } .banner .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 600px; display: block; } .banner .bd li a { width: 100%; height: 600px; display: block; } .procenter{ width:1300px; } .procenter .list { } .procenter .list li { float: left; margin-bottom: 20px; margin-right: 20px; border: 1px solid #f0f0f0; transition: all .5s; width:305px; } .procenter .list li:nth-child(4n) { } .procenter .list li a { display: block; } .procenter .list li img { width: 305px; height: 230px; } .procenter .list li .tit { font-size: 16px; line-height: 50px; text-align: center; } .procenter .list li:first-child { margin-left: 0px; } .procenter .list li .tit { color: #434343; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .procenter .list li:hover { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3); background: #c60001; transform: translatey(-5px); } .procenter .list li:hover .tit { color: #fff; } .procenter .list li:hover img { -webkit-filter: brightness(105%); filter: brightness(105%); }