@charset "utf-8"; .swiper-pagination-bullet-active { background-color:#F4C117; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; } body{ font-family:"寰蒋闆呴粦","arial","sans-serif"; color:#333; font-size:14px; line-height:2; } a { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; } a:hover { color:#38B04E; } a:hover { text-decoration:none; -moz-transition-duration: 0.2s;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s; transition-duration:0.2s; -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity; -o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity; transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; } .full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; } .clear { clear:both; } .red { color:#CB1500; } .yellow { color:#F0FF00; } .gray { color:#999; } .space10 { clear:both; height:10px; overflow:hidden; } .space20 { clear:both; height:20px; overflow:hidden; } .f20 { font-size:20px; } .f16 { font-size:16px; } .pzoom { overflow:hidden; } .pzoom img { transition: all 0.3s; } .pzoom:hover img { transform: scale(1.2); } .btn-primary { background-color:#38B04E; border-color:#38B04E; } .btn-primary:hover { background-color:#38B04E; border-color:#38B04E; } .swiper-button-next { background-image:url('../images/arrow_r.png') } .swiper-button-prev { background-image:url('../images/arrow_l.png') } /* head ,footer */ .top { position: fixed; top:0px; left:0; width:100%; z-index: 99; background-image:linear-gradient(to bottom,rgba(56,176,78,0.55) 0px,rgba(56,176,78,0) 100%); background-repeat:repeat-x; background-position:center top; padding-top:46px; } .top .container { background: #FFF; border-radius:9px 9px 0 0 ; border-bottom:4px solid #38B04E; height:86px; padding-right:10px; } .top-logo { padding:20px 0 0 10px; } .top-logo h1 { margin:0px 0 0; padding:5px 0 0 30px; font-size:26px; font-weight:bold; color:#42B457; } nav.top-nav { line-height:1.7; position:relative; z-index:999; font-size:16px; margin:30px 0 0; padding:0; } nav ul { float:right; margin:0; padding:0; } nav li { margin:0px; padding:0 0px; height:auto; } .nav-pills > li + li { margin-left:0; } nav .nav>li:first-child>a { background-image:none; } nav .nav>li>a{ color:#38B04E; width:auto; text-align:center; background:none; padding:0px 21px; height:40px; line-height:25px; } nav .nav-pills>li.active:hover>a { color:#38B04E; background:none; margin-top:0px; border-bottom:5px solid #FFC119; } nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#38B04E; border-radius:0px; background:none; margin-top:0px; border-bottom:5px solid #FFC119; } nav .nav>li:hover>a { color:#38B04E; border-bottom:5px solid #FFC119; } nav .nav>li ul { display:none; list-style-type:none; margin:0 0 0 0px; padding:0px 0 0; z-index:8; background:#FFF; border-radius:0px; position:absolute; left:0; top:40px; width:100%; z-index:4; border:none; } nav .nav>li ul li { margin:0; padding:0; width:100%; height:45px; border:none; border-bottom:1px solid #DDD; } nav .nav>li ul li:last-child { border-bottom:none; } nav .nav>li ul li a { display:block; width:100%; color:#444; text-align:center; font-size:14px; line-height:40px; height:40px; } nav .nav>li:hover ul { display:block; } nav .nav>li:hover li>a { color:#444; } nav .nav>li:hover li>a:hover { background:#FFF; color:#FFC119; } .index-footer { background:#222; color:#666; } .footer-logo { padding:30px 0 0; text-align: center;} .footer-logo h3 { font-size:20px; padding:20px 0 0; line-height: 1.5em; color:#42B457; font-weight:bold;} .footer-contact { padding:40px 0px 0px 25px; line-height: 2.em; color:#888; } .footer-contact p { margin:0 0 12px; clear:both; } .footer-contact p i { display:block; width:30px; height: 30px; border-radius:15px; border:1px solid #666; background-position:center center; background-repeat: no-repeat; background-size:90% auto; float:left; margin-right:10px; } .footer-contact p:nth-child(1) i { background-image:url('../images/ico-addr.png'); } .footer-contact p:nth-child(2) i { background-image:url('../images/ico-phone.png'); } .footer-contact p:nth-child(3) i { background-image:url('../images/ico-email.png'); } .footer-qr { padding:30px 0px 30px 70px; } .footer-qr img { width:145px; float:left; } .footer-qr p { float:right; padding:50px 10px 0 0; color:#42B457; } .footer-nav { padding:35px 10px 0 50px; } .footer-nav a { margin:0 5px 0 0; color:#888; font-size:16px; display: inline-block;} .footer-nav a:hover { border-color:#FFF; } footer { padding:0; background:#222; color:#666; border-top:1px solid rgba(255,255,255,0.2); } footer a { color:#999; } footer .container { padding:15px 0; text-align: center; } /* pages */ .page-turner { padding:20px 10px 0; font-family:Verdana, Geneva, sans-serif; } .page_btn { display:inline-block; background-color:#FFF; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px; } .page_cur { display:inline-block; background-color:#38B04E; border:1px solid #38B04E; color:#FFF; width:auto; padding:0 12px; line-height:35px; margin:0 2px; border-radius:0px; } .page_disable { display:inline-block; background-color:#F7F7F7; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px;} /*index*/ .index-banner { width:100%; z-index:-1; overflow:hidden; } .index-banner .swiper-wrapper { z-index:-1; } .banner-container a { display:block; width:100%; } .banner-container img { width:100%; } .index-banner .swiper-pagination { bottom:10px; } .swiper-pagination-bullet { opacity:0.5;} .swiper-pagination-bullet-active { background-color:#F4C117; opacity:1; } .swiper-button-next { background-image:url('../images/ico-right.png'); background-color: rgba(0,0,0,0.4);width:42px; cursor: pointer; z-index: 2; background-size:11px 20px;} .swiper-button-prev { background-image:url('../images/ico-left.png'); background-color: rgba(0,0,0,0.4); width:42px; cursor: pointer;z-index: 2; background-size:11px 20px; } .index-title { padding:20px 0px 20px; margin:0 auto; width:300px; position: relative; text-align: center; background-image:linear-gradient(to right,#E4E4E4 0px,#E4E4E4 56px); background-repeat:repeat-x; background-position:center 32px; background-size:100% 1px; } .index-title h3 { margin:0 0 0px; padding:0 0px 0; font-size:26px; letter-spacing: 1px; line-height:1em; color:#38B04E; font-weight:bold; width:auto; display: inline-block; background: #FFF; } .index-title h3 i { background-image:linear-gradient(to right,#6EC57E 0px,#6EC57E 8px); background-repeat:repeat-x; background-position: left center; background-size:7px 7px; width:7px; display: inline-block; height:20px; margin-right:20px; margin-left:5px; } .index-title h3 i:last-child { margin-right:5px; margin-left:20px; } .index-title small { font-size:16px; color:#CCC; font-family:Arial; display: block; } .index-title p { color:#666; font-size:16px; } .index-more { padding:0px 0; } .index-more a { display:inline-block; font-size:14px; background:#FFF;color:#38B04E; border-top:1px solid #38B04E; border-bottom:1px solid #38B04E; text-align:center; width:170px; height:43px; line-height:43px; } .index-more a:after { content:'+'; } .index-more a:hover { display:inline-block; background:#38B04E; color:#FFF; } .index-cases { background:url('../images/bg.gif') repeat left top; padding-bottom: 100px; } .index-cases .container { margin-top:-105px; padding:30px 0 50px; background: #FFF; position: relative; z-index: 1; -webkit-box-shadow: 0px 7px 12px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 7px 12px 3px rgba(0,0,0,0.1); box-shadow: 0px 7px 12px 3px rgba(0,0,0,0.1); } .index-cases-list { list-style-type: none; margin:0; padding:0 18px 0 0; } .index-cases-list li { text-align: center; padding:0 0 20px 18px; } .index-cases-list li .pzoom { width:100%; height:0; padding-bottom:67%; margin:0 auto 5px; position: relative; overflow: hidden; border-radius: 7px; } .index-cases-list li .pzoom .case-box { width:100%; height: 100%; position: absolute; } .index-cases-list .pzoom .case-box img { width:100%; height: 100%; object-fit: contain; } .index-cases-list li h4 { height:30px; line-height:30px; font-size:16px; text-align:center; margin: 0; color:#38B04E; font-weight:bold; } .index-cases .index-more { text-align: center; position:absolute; width:100%; left:0; bottom:-27px; } .index-cases .index-more a { width:50px; height: 50px; position: relative; background: none; z-index: 2; font-size:12px; padding-top:14px; line-height: 1.2em; color:#FFF; border:none; } .index-cases .index-more a:before { content:''; position: absolute; z-index: -1; left:0; top:0; width:50px; height: 50px; background:#38B04E; color:#FFF; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); } .index-cases .index-more a:after { content:'+'; display: block; font-size:18px; font-weight: bold;} .index-fangyi { padding:50px 0 0; } .index-fangyi-list { list-style-type: none; margin: 10px 0 0 -15px; padding: 0; } .index-fangyi-list li { padding:0 0px 40px 15px; } .index-fangyi-list li a { display:block; width:100%; padding:15px; background:#FFF; -webkit-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.1); box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.1); border-radius:15px; } .index-fangyi-list li h4 { font-size:18px; color:#38B04E; font-weight:bold; margin:10px 0 10px; } .index-fangyi-list li small { color:#666; display: block; text-align:justify; font-size:14px; line-height: 22px; height: 44px; overflow: hidden; } .index-fangyi-list li .pic-box img { width:100%; } .index-fangyi-list li a:hover { -webkit-box-shadow: 0px 7px 12px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0px 7px 12px 7px rgba(0,0,0,0.1); box-shadow: 0px 7px 12px 7px rgba(0,0,0,0.1); } .index-about { padding:50px 0 100px; } .index-about .container { background-image:linear-gradient(to bottom,#FFF 0px,#FFF 55px,#38B04E 55px,#38B04E 100%); background-repeat:repeat-y; background-position: right top; background-size:20px 100%; } .index-about-box { margin:0 0 0 -100px; padding:0px 70px 0 80px; } .index-about .index-title { text-align:left; padding-left:0; width:400px; margin:0; padding-top: 0; background-position:center 18px; } .index-about .index-title small { display:inline-block; background-color: #FFF; } .index-about .index-title h3 i { height:13px; } .index-about .index-more { margin-top:0; position: absolute; right:-40px; top:18px; } .about-container { font-size:16px; line-height: 2; color:#666; text-align:justify; } .about-thumb { padding:0 80px 0 0px; } .about-thumb img { max-width:100%; } .about-foot { background:#ECECEC; height:78px; padding:10px; position: relative; margin-top:35px; } .about-foot-c { background:#FFF; height:58px; line-height: 58px; color:#38B04E; font-weight:bold; font-size:24px; padding-left:50px; } .index-solution { background: url('../images/bg2.jpg') no-repeat center top; padding:20px 0 100px;} .solution-container { background:#FFF; -webkit-box-shadow: 0px 7px 12px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 7px 12px 3px rgba(0,0,0,0.1); box-shadow: 0px 7px 12px 3px rgba(0,0,0,0.1); padding:20px 0 50px; } .solution-container .index-title { padding-bottom:0; } .index-title-p { color:#CCC; font-size:16px; line-height: 1.8em; text-align: center; padding-bottom:20px; } .index-solution-list { padding:10px 30px; } .index-solution-list ul { list-style-type: none; margin: 0; padding: 0; } .index-solution-list li { padding:0 20px; } .index-solution-list li a { display:block; width:100%; text-align: center; } .index-solution-box { width:230px; height:230px; border:4px solid #38B04E; border-radius:165px; margin: 0 auto 20px; display:flex; align-items:center; justify-content:center; overflow: hidden;} .index-solution-box img { width:100%; height:100%; } .index-solution-list li h4 { color:#666; text-align: center; margin:0; font-size:16px; } .index-solution-list li a:hover .index-solution-box { } .index-solution-list li a:hover h4 { color:#38B04E; } .w1 { font-size:52px; color:#FFF; font-weight:bold; line-height: 2em; padding-top: 20px; } .w1 span { font-size:74px; color:#F0FF00; margin-right:10px;} .w2 { font-size:26px; color:#FFF; } .w3 { font-size:32px; line-height: 1.8em; color:#F0FF00; font-weight:bold; padding-bottom: 30px; } .index-certs { background:#ECFCEF url('../images/bg3.gif') no-repeat center bottom; padding:30px 0 50px; } .index-certs .index-title h3 { background-color:#ECFCEF; } .index-ad { background:#4CB85F; padding:50px 0 80px; } .index-ad-w1 { font-size:36px; font-weight:bold; color:#FFF; text-shadow: 2px 3px 1px rgba(0,0,0,0.3); } .index-ad-w2 { font-size:20px; color:#FFF; padding:0px 0 20px; } .index-ad-w3 { font-size:16px; color:#FFF; list-style-type: none; margin:0; padding:7px 0 7px 15px; width:520px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; } .index-ad-w3 li { display:inline-block; padding-left:30px; padding-right:15px; background: url('../images/ico1.png') no-repeat left center; } .index-ad-phone { padding-left:40px; padding-top:40px; color:#FFF; } .index-ad-phone span { display:block; font-size:16px; color:#F0FF00; padding-left:30px; background: url('../images/ico2.png') no-repeat left center; margin-bottom: 10px; } .index-ad-phone strong { background:rgba(255,255,255,0.25); display: block; line-height: 60px; font-size:30px; text-align: center; } .index-whychoose { padding-top:80px; } .index-whychoose-box { padding:10px 0px 80px; } .index-whychoose-box:nth-child(odd) { padding-right:20px; } .index-whychoose-box:nth-child(even) { padding-right:0px; } .whychoose-box-c { padding:0 10px 0 0; margin-left:-15px; } .whychoose-box-c h4 { font-size:22px; margin:0 0 10px; padding-bottom:10px; line-height:30px; color:#38B04E; font-weight:bold; border-bottom:1px dotted #38B04E; } .whychoose-box-c small { font-size:16px; color:#666; line-height: 1.7em; display: block; text-align: justify; } .whychoose-box-num { padding:0 35px 0 0; } .whychoose-box-num div { background:#38B04E; color:#FFF; height:75px; font-size:24px; font-weight:bold; padding:10px 0 0; text-align: center; line-height: 1.7em; } .whychoose-box-num div::after { content:''; display: block; border-top:2px solid #FFF; width:20px; margin:0 auto; } /* css of sub pages */ .sub-banner { position:relative; width:100%; height:300px; overflow:hidden; } .sub-type { position:relative; margin-bottom:40px; } .sub-type .container { text-align:left; } .sub-type a { display:inline-block; width:auto; padding:0 30px; margin:0 20px 0 0; height:45px; line-height:45px; text-align:center; font-size:18px; color:#38B04E; font-weight: bold; } .sub-type a.active,.sub-type a:hover { background:#38B04E; color:#FFF; border-radius:5px; } .sub-type a.active:after,.sub-type a:hover:after { content:''; width:20px; height:16px; display: block; background:url('../images/ico-arrow.png') no-repeat center top; margin: 0 auto; } .dir { height:50px; line-height:50px; } .position { text-align:left; color:#666; } .position a { color:#666; } .position a:last-child, .position i { color:#38B04E; } .sub-main { padding:20px 0 50px; min-height:600px; margin-top:0px; } .sub-main .container,.sub-main .container .col-lg-2 { padding:0; } .sub-main .col-lg-10 { padding:0; } .sub-title { padding:0px 0px 0; text-align:center; margin-bottom:20px; } .sub-title h1 { font-size:28px; width:auto; padding:10px 30px; margin:0; color:#38B04E; } .sub-title h1:after { content:''; background:#38B04E; display: block; width:50px; height: 2px; margin:10px auto 0; } .sub-info { text-align:center; color: #999; padding: 0 0 20px;} h2.title { text-align:center; font-size:20px; margin:0; padding:0 0 10px; } .sub-main article { height:auto; font-size:14px; } .sub-main article p { } .sub-main article img { max-width:100%; margin:10px 0; } .article-relative { border-top:1px solid #E1E1E1; padding-top:15px; color:#666; margin-top: 15px; } .article-relative a { color:#38B04E; } .news-list ul { margin:0 0 0 -20px; padding:0; list-style-type:none; } .news-list li { margin:0; padding:30px 0 30px 0px; border-bottom:1px solid #E1E1E1; } .news-list li a { display:block; width:100%; } .news-list li .list-item-time { float:left; margin-right:30px; color:#666; width:230px; height:180px; padding:40px 0 0; text-align: center; background:#F5F5F5; line-height: 1.5; font-size:16px; } .news-list li .list-item-time i { display: block; font-size:44px; font-weight:bold; font-style: normal; } .news-list li:hover .list-item-time { background:#38B04E; color:#FFF; } .news-list li h3 { font-size:22px; margin:0 0 5px; padding:5px 0 0px 0px; height: 40px; line-height: 40px; overflow: hidden; } .news-list li:hover h3 { font-weight: bold; } .news-list li small { font-size:16px; display: block; color:#666; padding:0px; line-height:40px; max-height:120px; overflow: hidden; margin-bottom: 10px; } .news-list li .list-item-more { float:right; margin:60px 0 50px 50px; text-align: center; background:#38B04E url('../images/icon_next.png') no-repeat center center; background-size:auto 50%; border-radius:25px; width:50px; height: 50px; line-height: 50px; } .photo-list ul { margin:0 0 0 -20px; padding:0; list-style-type:none; } .photo-list li { padding:0px 0 30px 20px; margin: 0; } .photo-list li a { display:block; width:100%; background:#FFF; border:1px solid #E0E0E0; padding:10px; } .photo-list li a:hover { -webkit-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); } .photo-list li .pzoom { width:100%; height:0; padding-bottom:67%; margin:0 auto 5px; position: relative; overflow: hidden; } .photo-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; } .photo-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; } .photo-list li h3 { height:30px; line-height:30px; font-size:18px; text-align:center; margin: 0; } .service-list ul { margin:0 0 0 -35px; padding:0; list-style-type:none; } .service-list li { padding:0px 0 50px 35px; margin: 0; } .service-list li a { display:block; width:100%; background:#FFF; padding:25px; -webkit-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); } .service-list li a:hover { border-color:#FEC500; } .service-list li .pzoom { width:100%; height:0; padding-bottom:67%; margin:0 auto 5px; position: relative; overflow: hidden; } .service-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; } .service-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; } .service-list li h3 { height:45px; line-height:40px; font-size:18px; text-align:center; margin: 0 0 8px; overflow: hidden; } .service-list li h3:after { content:''; display: block; width:41px; height:4px; background: #FFC119; margin:0px auto 0; } .service-list li small { font-size:14px; display: block; color:#999; padding:0 5px; line-height:25px; height:50px; overflow: hidden; margin-bottom: 15px; } .service-list li .list-item-more { margin:5px auto; font-size:16px; text-align: center; width:160px; height: 50px; line-height: 50px; border:1px solid #38B04E; color:#38B04E; } .service-list li a:hover .list-item-more { background:#38B04E; color:#FFF; } .cert-list ul { margin:0 0 0 -30px; padding:0; list-style-type:none; } .cert-list li { padding:0px 0 50px 30px; margin: 0; } .cert-list li a { display:block; width:100%; } .cert-list li .pzoom { width:100%; height:0; padding-bottom:67%; margin:0 auto 5px; position: relative; overflow: hidden; border:1px solid #38B04E; border-radius:5px; } .cert-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; } .cert-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; padding:10px; } .cert-list li h3 { height:40px; line-height:40px; font-size:16px; text-align:center; margin: 0; color:#38B04E; } .case-list ul { margin:0 0 0 -40px; padding:0; list-style-type:none; } .case-list li { padding:0px 0 100px 40px; margin: 0; } .case-list li a { display:block; width:100%; background:#FFF; padding:20px; -webkit-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); } .case-list li a:hover { -webkit-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); } .case-list li .pzoom { width:100%; height:0; padding-bottom:67%; margin:0 auto 5px; position: relative; overflow: hidden; } .case-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; } .case-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; } .case-list li h3 { height:30px; line-height:30px; font-size:18px; text-align:center; margin: 0; } .case-list li .case-more { width:160px; height:50px; text-align: center; margin: 10px auto; border:1px solid #38B04E; color:#38B04E; font-size:16px; line-height: 50px; } .case-list li a:hover .case-more { color:#FFF; background:#38B04E; } .pests-list ul { margin:0 0 0 -30px; padding:0; list-style-type:none; } .pests-list li { padding:0px 0 50px 30px; margin: 0; } .pests-list li a { display:block; width:100%; background:#FFF; padding:15px 15px 25px; border-radius:9px; -webkit-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); text-align:center; } .pests-list li .pzoom { width:100%; height:0; padding-bottom:66.5%; margin:0 auto 5px; position: relative; overflow: hidden; } .pests-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; } .pests-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; } .pests-list li h3 { height:40px; line-height:40px; font-size:18px; text-align:center; margin: 0 0 10px; } .pests-list li .list-item-more { display: inline-block; font-size:16px; text-align: center; width:120px; height: 35px; line-height: 35px; background: #38B04E; color:#FFF; border-radius:5px; } .contact-c { text-align:left; padding:0px 0 50px;} .contact-item { padding:0 20px 0 40px; } .contact-item:before { content:''; float:left; width:79px; height:79px; border:1px solid #E3E3E3; border-radius:5px; margin-right:15px; } .contact-item:nth-child(1):before { background:url('../images/ico-phone2.png') no-repeat center center; } .contact-item:nth-child(2):before { background:url('../images/ico-addr2.png') no-repeat center center; } .contact-item:nth-child(3):before { background:url('../images/ico-email2.png') no-repeat center center; } .contact-c h3 { font-size:18px; font-weight: bold; padding: 0 0 8px; margin: 0; } .contact-c p { margin:0; line-height: 1.8em; font-size:16px; color:#666; } .map { padding:0px 0;} .map img { max-width: 100%;} .content-qr { text-align:left; padding:0px 0 20px 50px; } .contact-qr-c { text-align:center; display: inline-block; } .content-qr img { width:120px; border:1px solid #E0E0E0; padding:10px; } .certs-container { background:url('../../images/cert_bg1.jpg') no-repeat center center; width:600px; height: 600px; margin:0 auto; padding:145px 110px 0; background-size:100% auto; color:#FFF; } .certs-number { text-align: center; font-size:24px; } .certs-company-name { text-align: center; font-size:30px; line-height:1.2em; height:60px; vertical-align:middle; } /* box */ .box-bg { background-color:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none; } .box { background-color:#FFF; position:fixed; width:930px; height:667px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:11; padding:10px 30px; display:none; } .box-close { text-align:right; padding-right:30px; background:url('../images/ico_close.png') no-repeat right center; cursor:pointer; } .box-c { text-align:center; max-width:100%; max-height:640px; } /* form */ .red { color:#FF0000; } .reserve { padding:30px 200px; } .reserve .form-group { margin-bottom:15px; position: relative;} .reserve .form-ps { position:absolute; right:10px; top:0; height:30px; line-height: 30px; color:red;} .reserve .btn-sendcode {position:absolute; left:150px;top:0; background-color:#38B04E; border-color:#38B04E;} .reserve .control-label { font-weight:normal; text-align:right; padding:0 10px 0 0px; font-size:16px; background:none; } .reserve .form-control { border:1px solid #E3E3E3; background:#FFF; border-radius:0; box-shadow:none; } .reserve .btn-submit { width:240px; height:45px; } .reserve .select { background:url('../images/ico_select.png') no-repeat right center; background-size:auto 10px; } .reserve-select { position:fixed; bottom:0px; left:1%; width:98%; background-color:rgba(0,0,0,0.8); color:#FFF; display:none; } .reserve-select .list-group-item { background:none; border-color:#666; } .choose-label { font-weight:normal; margin-right:10px; }