a{ color: #333; } a:hover{ text-decoration: none; } .mt40{ margin-top: 40px; } .mt20 { margin-top: 20px; } .top{ height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; overflow: hidden; /* background-color: #f5f5f5; */ color: #333; } .top span b{ font-size: 24px; color: #c00; } .navbar { min-height: 50px; margin-bottom: 0; border: none; } .navbar-default { background-color: #fff; } .navbar-default > .navbar-collapse { background-color: #126ace; } .navbar-default .navbar-nav > li > a { color: #fff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: #f83b33; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #f83b33; } .navbar-slogn { height: 50px; border-left: 1px solid #e3e3e3; margin-left: 20px; padding-left: 20px; } .navbar-slogn b{ display: block; line-height: 24px; font-size: 24px; color: #333; } .navbar-slogn span{ display: block; line-height: 16px; font-size: 16px; color: #666; margin-top: 10px; } .navbar-tel { margin-top: 35px; height: 51px; background: url(../images/tel.png) no-repeat left center; padding-left: 65px;} .navbar-tel span{ display: block; font-size:14px; line-height: 20px; color: #666; } .navbar-tel b { display: block; font-size: 30px; line-height: 30px; color: #126ace; font-family: Impact; font-weight: normal; } .title{ margin: 50px auto; } .title h1, .title h2, .title h3,.title b{ font-size: 30px; color: #126ace; margin: 0 0 15px; font-weight: bold; display: block; } .title span{ display: inline-block; font-size: 18px; line-height: 30px; position: relative; } .title span:before, .title span:after{ display: block; content: ""; width: 60px; height: 1px; background-color: #333; position: absolute; left: -80px; top: 14px; } .title span:after{ left: auto; right: -80px; } .sidebar > h3, .sidebar > b{ margin: 0; padding: 30px 0; background: #126ace url(../images/prologo.png) no-repeat 50px center; color: #fff; display: block; font-size: 24px; text-indent: 30px; } .sidebar ul.sidebar-list{ background-color: #f5f5f5; } .sidebar ul.sidebar-list li{ height: 46px; line-height: 46px; border-bottom: 1px solid #fff; text-align: center; } .sidebar ul.sidebar-list li h3 { font-size: 16px; margin: 0; line-height: 46px; } .sidebar ul.sidebar-list li a{ display: block; font-size: 16px; color: #333; } .sidebar ul.sidebar-list li a:hover{ background-color: #126ace; color: #fff; } .sidebar-contact{ /*background: #126ace url(../images/prolistfbg.png) no-repeat 90% 20px;*/ background: #126ace; color: #fff; padding: 30px; font-size: 14px; margin-bottom: 20px; } .sidebar-contact span{ display: block; font-size: 16px; color: #fff; height: 21px; line-height: 21px; background: url(../images/sidebar_tel.png) no-repeat left center; padding-left: 30px;} .sidebar-contact b{ display: block; font-size: 28px; margin: 5px 0 10px; font-weight: normal; font-family: Impact; } .sidebar-contact p { line-height: 24px; } .sidebar-contact a{ display: block; width: 100%; height: 40px; line-height: 40px; background-color: #f83b33; color: #fff; text-align: center; font-size: 16px; border-radius: 5px; } .sidebar-product { background: #f5f5f5; padding: 10px 10px; } .main .thumbnail > img{ width: 100%; height: 190px; } .main .thumbnail h4, .main .thumbnail h3, .sidebar-product h3 { margin: 0; line-height: 36px; font-size: 16px; height: 36px; overflow: hidden; } .main a.thumbnail:hover { border-color: #126ace; } .main a.thumbnail:hover h4, .main a.thumbnail:hover h3{ background-color: #126ace; color: #fff; } .adv-title{ height: 160px; padding: 40px 0; background-color: #126ace; color: #fff; } .adv-title h4, .adv-title .pull-left b { font-size: 30px; margin: 0 0 15px; display: block; } .adv-title p { font-size: 24px; color: #fcf90a; } .adv-title span { display: block; font-size: 18px; } .adv-title .pull-right b { display: block; font-size: 28px; margin-top: 5px; line-height: 26px; color: #fcf90a; } .adv-text h3, .adv-text b { margin: 50px 0; color: #000; font-size: 40px; font-weight: bold; display: block; } .adv-text h3 i, .adv-text b i{ font-size: 48px; color: #ec0a0a; } .adv-text .col-md-6 { position: relative; } .adv-text .adv-icon { position: absolute; left: 0; top: 10px; } .adv-text .adv-con { /* padding-left: 80px; */ font-size: 16px; line-height: 36px; } .adv-text h4 ,.adv-text span { font-size: 26px; color: #0a4bc7; margin: 30px 0 20px; padding-left: 65px; padding-bottom: 20px; font-weight: 600; display: block; } .adv-text .adv01 { background: url(../images/adv_bottom.jpg) no-repeat bottom center; padding-bottom: 86px; } .adv-text .adv02 { background: url(../images/adv_bottom2.jpg) no-repeat bottom center; padding-bottom: 86px; } .about{ margin-top: 60px; height: 560px; background: url(../images/about_bg.jpg) no-repeat top center; padding: 60px 0; } .about .container{ position: relative; } /*.about img{*/ /* position: absolute;*/ /* right: 0;*/ /* top: 41px;*/ /* z-index: 10;*/ /* display: block;*/ /* width: 480px;*/ /* height: 360px;*/ /* border: 15px solid #fff;*/ /*}*/ .video-con{ height: 443px; position: relative; border: 5px solid #fff; float: right; width: 365px; /* margin-left: -102px; */ /* margin-top: 40px; */ } .video-btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; cursor: pointer; } .video-btn img { position: absolute; width: 100%; height: 100%; z-index: 99; top: 0px; left: 0px; } .video-con .video-js { width: 100%; height: 100%; } .video-con:hover .video-btn{ display: none; } .about-con h3, .about-con > b{ /*border-bottom: 2px solid #126ace;*/ margin: 20px 0 0px; padding-bottom: 20px; font-weight: normal; color: #333; display: block; font-size: 30px; } .about-con > b:after { content: ''; display: block; width: 125px; height: 3px; background-color: #126ace; margin-top: 20px; } .about-con p{ text-indent: 2em; line-height: 30px; margin-bottom: 0; color: #666; } .about-more { display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #d9d9d9; border-radius: 5px; margin-top: 30px; } .news li{ height: 40px; line-height: 40px; font-size: 15px; border-bottom: 1px solid #ececec; padding-left: 10px; overflow: hidden; } .news li span{ color: #868383; font-size: 13px; } .news-active{ background-color: #f1f1f1; position: relative; } .news-active .date{ position: absolute; left: 0; top: 0; display: block; width: 120px; background-color: #126ace; color: #fff; padding: 15px; } .news-active .date b{ font-size: 26px; display: block; } .news-active .date span{ font-size: 20px; display: block; } .news-active h4{ line-height: 26px; border-bottom: 1px solid #ccc; margin: 0; padding: 30px 0; padding-left: 140px; } .news-active p{ line-height: 30px; padding: 10px 20px; color: #666; text-indent: 120px; } .picMarquee-left{overflow:hidden; position:relative;} .picMarquee-left .bd{} .picMarquee-left .bd ul{ overflow:hidden; zoom:1;} .picMarquee-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; width: 292px;} .picMarquee-left .bd ul li img{ width:290px; height:218px; display:block; border:1px solid #ccc; } .picMarquee-left .bd ul li h5{ line-height:30px; text-align: center; margin-top: 10px; font-size: 16px; color: #333;} .case { padding: 0 0 50px; background-color: #f1f1f1; /*margin-top: 50px;*/ } .flink{ padding: 10px 0; line-height: 24px; background: #1c1c1c; color: #808080; } .flink a{ margin: 0 5px; color: #808080; } .footer{ background-color: #303030; color: #808080; } .footer-nav { margin-bottom: 25px; line-height: 60px; border-bottom: 1px solid #4f4f4f; overflow: hidden; text-align: center; } .footer-nav a{ float: left; width: 12.5%; font-size: 14px; color: #fff; position: relative; } .footer-nav a:after { content: ''; display: block; width: 1px; height: 18px; background: #4f4f4f; position: absolute; right: 0; top: 21px; } .footer-nav a:last-child():after { display: none; } .footer-text span { display: block; font-size: 16px; color: #fff; margin-bottom: 15px; } .footer-text .col-md-3 { min-height: 204px; border-right: 1px solid #4f4f4f; padding-left: 40px; } .footer-text .col-md-3:nth-child(4) { border: none; } .footer-text .col-md-3:nth-child(2) { width: 30%; } .footer-text .col-md-3:nth-child(1), .footer-text .col-md-3:nth-child(3), .footer-text .col-md-3:nth-child(4) { width: 23.333%; } .footer-text-logo { text-align: center; } .footer-text-logo img{ display: block; margin: 20px auto; } .footer-text-logo i { display: block; background: url(../images/sidebar_tel.png) no-repeat 26px center; height: 21px; line-height: 21px; padding-left: 10px; font-size: 16px; margin-bottom: 5px; font-style: normal; color: #fff; } .footer-text-logo b { display: block; font-size: 28px; font-weight: normal; font-family: Impact; color: #fff; } .footer-text-menu a { display: block; line-height: 30px; color: #808080; } .footer-text-ewm p { margin-top: 10px; margin-bottom: 0; } .footer-text-ewm img { width: 120px; } .copyright { background: #1c1c1c; color: #808080; line-height: 36px; } .copyright a{ color: #808080; } .copyright p { margin-bottom: 0; } .position{ height: 60px; line-height: 60px; overflow: hidden; background-color: #f6f6f6; padding: 0 20px; margin-bottom: 20px; } .position h3, .position b{ font-size: 20px; line-height: 60px; margin: 0; font-weight: bold; } .position span{ color: #666; } .content{ line-height: 30px; font-size: 16px; } .content img{ display: block; max-width: 100% !important; width: auto !important; height: auto !important; margin: 5px auto; } .news-item{ border: 1px solid #ccc; margin-bottom: 30px; padding: 0 20px 0 140px; position: relative; height: 120px; overflow: hidden; } .news-item .date{ position: absolute; left: 0; top: 0; width: 120px; height: 120px; background-color: #126ace; color: #fff; padding: 30px 0; line-height: 30px; font-family: Impact; } .news-item .date b{ display: block; font-size: 30px; margin-bottom: 10px; } .news-item .date span{ font-size: 24px; } .news-item h4{ font-size: 16px; font-weight: bold; margin: 20px 0 10px; } .news-item p{ margin-bottom: 0; line-height: 26px; color: #666; } .main-title{ font-size: 24px; font-weight: bold; line-height: 40px; margin: 0; color: #126ace; } .main-info{ padding-bottom: 20px; border-bottom: 1px solid #ccc; margin: 30px 0; } .main-info span{ margin: 0 10px; } .news-title{ height: 40px; line-height: 40px; margin: 30px auto 20px; background-color: #f1f1f1; display: block; } .news-title span{ display: block; width: 120px; height: 40px; background-color: #126ace; color: #fff; font-size: 18px; } .main-pro img{ width: 100%; /*height: 300px;*/ } .main-pro-info{ /*background-color: #f1f1f1;*/ /*padding: 20px;*/ font-size: 16px; line-height: 30px; height: 321px; } .main-pro-info h1{ font-size: 24px; line-height: 30px; color: #126ace; margin: 15px 0; font-weight: bold; } .main-pro-info h3{ font-size: 16px; margin: 15px 0; } .main-pro-info p { padding: 20px; background: #f5f5f5; color: #333; font-size: 14px; margin-bottom: 0; height: 169px; overflow: hidden; } .product-contact-tel { height: 62px; background: url(../images/product_tel.png) no-repeat left top; padding-left: 80px; margin: 15px 0; } .product-contact-tel span{ display: block; line-height: 20px; font-size: 18px; color: #333; } .main-pro-info .tel{ display: block; font-size: 38px; line-height: 40px; font-weight: normal; font-family: Impact; /*color: #c00;*/ } .product-contact-btn { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #126ace; color: #fff; font-size: 16px; font-weight: bold; border-radius: 5px; } .product-contact-btn:hover { color: #fff; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #333; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #fff; background-color: #126ace; border-color: #126ace; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #126ace; border-color: #126ace; } li{list-style-type:none;} .base-msg{position: relative; padding: 33px 50px;margin-top: 50px; min-height:631px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px; background: url(../images/msg-bg.png) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .base-msg:after{content: "";display: inline-block;position: absolute;right: 0;top: 0;width: 301px;height: 458px;background: url(../images/msg-tip.png) no-repeat;} .msg-main{width: 71%;} .msg-main strong{color: #F33B47; font-size: 26px;line-height: 1.2;margin-bottom: 30px;} .msg-main strong:before{content: "";display: inline-block;width: 35px;height: 32px;background: url(../images/icon-tit.png) no-repeat;vertical-align: middle;margin-right: 10px;} .msg-main p{color: #FFF;font-size: 16px;line-height: 30px;margin-top: 12px;} .msg-main p.msg-ensure{margin-left: -5%;margin-top: 20px;} .msg-main p span{position: relative; display: inline-block;margin-left:5%;z-index: 0;} .msg-main p span i{display: inline-block;font-size:20px;line-height:1.1;padding: 12px 28px;background: -webkit-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%);background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);background: -ms-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%);background: -o-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%);background: linear-gradient(66deg, #0C2B47 0%,#F43B47 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1);-webkit-box-shadow: 0 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0 5px 5px rgba(228,0,52,.13);box-shadow: 0 5px 5px rgba(228,0,52,.13);-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;} .msg-main p span:before,.msg-main p span:after{content: "";display: inline-block;position: absolute;height: 100%;background: -webkit-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%);background: -moz-linear-gradient(66deg, #0C2B47 0%, #F43B47 100%);background: -ms-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%);background: -o-linear-gradient(66deg, #0C2B47 0%,#F43B47 100%);background: linear-gradient(66deg, #0C2B47 0%,#F43B47 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2B47, endColorstr=#F43B47, GradientType=1 );-webkit-box-shadow: 0 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0 5px 5px rgba(228,0,52,.13);box-shadow: 0 5px 5px rgba(228,0,52,.13);-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;border-radius: 50px;} .msg-main p span:before{left: 12%;bottom: -14px;width: 76%;z-index: -1;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3;opacity: 0.3;} .msg-main p span:after{left: 6%;bottom: -7px;width: 88%;z-index: -1;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;opacity: 0.6;} .msg-main ul{margin-top: 30px;margin-left: -2%;} .msg-main ul li{position: relative; float: left;width: 48%;margin-left: 2%;} .msg-main ul li.msg-area{width: 98%;} .msg-main ul li img{position: absolute;left:12px;top:10px; width: 33px;height: 37px;} .msg-main ul li input::-webkit-input-placeholder{ color: #0E183B;font-weight:normal;} .msg-main ul li input:-moz-placeholder {color: #0E183B;font-weight:normal;} .msg-main ul li input::-moz-placeholder {color: #0E183B;font-weight:normal;} .msg-main ul li input:-ms-input-placeholder{color: #0E183B;font-weight:normal;} .msg-main ul li textarea::-webkit-input-placeholder{ color: #0E183B;font-weight:normal;} .msg-main ul li textarea:-moz-placeholder {color: #0E183B;font-weight:normal;} .msg-main ul li textarea::-moz-placeholder {color: #0E183B;font-weight:normal;} .msg-main ul li textarea:-ms-input-placeholder{color: #0E183B;font-weight:normal;} .msg-main ul li input,.msg-main ul li select{width: 100%;height: 47px;line-height: 30px; padding: 5px 5px 5px 50px;background-color: #FFF;margin-bottom: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;} .msg-main ul li textarea{width: 100%;height:120px;line-height: 36px; padding: 5px 5px 5px 50px;background-color: #FFF;margin-bottom: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;} .msg-btns{float: right; width: 295px;height:64px;line-height: 64px; background: url(../images/btn-msg.png) no-repeat;text-align: right;margin-top: 70px;} .msg-btns input{color:#FFF;font-size:20px;background: none;width: 172px;height:64px;text-align: center;cursor: pointer;} .msg-btns input:hover{color: #E93A47;} .foot-fix{display:none;} /*改版新增样式*/ .index-title { margin: 30px auto; } .index-title b{ display: block; font-size: 30px; color: #333; font-weight: normal; margin-bottom: 20px; } .index-title b i{ font-style: normal; font-weight: bold; color: #126ace; } .index-title p { color: #666; font-size: 16px; margin-bottom: 0; } .index-product-category li a { display: block; line-height: 46px; text-align: center; background-color: #f5f5f5; color: #666; font-size: 16px; margin-bottom: 20px; } .index-product-category li a:hover { background-color: #126ace; color: #fff; } .index-product-category { margin-left: -10px; margin-right: -10px; } .index-product-category li.col-md-2 { padding-left: 10px; padding-right: 10px; } .index-rpduct-btn a { display: inline-block; width: 250px; height: 50px; line-height: 50px; margin: 10px 22px 0; font-size: 16px; color: #fff; padding: 0; } .index-rpduct-btn a:hover { color: #fff; } .index-rpduct-btn .btn-more { background-color: #126ace; font-weight: bold; } .index-rpduct-btn .btn-ask { background: #f83b33 url(../images/tel_white.png) no-repeat 24px center; background-size: 40px auto; padding-left: 78px; text-align: left; } .index-rpduct-btn .btn-ask span{ display: block; font-size: 12px; line-height: 12px; margin-top: 7px; margin-bottom: 2px; } .index-rpduct-btn .btn-ask b{ display: block; font-size: 24px; line-height: 24px; font-family: Impact; font-weight: normal; } .index-ad { height: 192px; background: url(../images/ad_bg.jpg) no-repeat top center; color: #fff; } .index-ad .pull-left { margin-left: 160px; } .index-ad .pull-left b{ display: block; font-size: 36px; line-height: 48px; margin-top: 20px; } .index-ad .pull-left p{ display: block; line-height: 30px; margin-top: 10px; font-size: 30px; } .index-ad .pull-left p:after { content: ''; display: block; width: 540px; height: 1px; background: #93bae8; margin-top: 16px; margin-bottom: 16px; } .index-ad .pull-left ul { height: 26px; line-height: 26px; font-size: 16px; color: #fff; overflow: hidden; padding-left: 0; } .index-ad .pull-left ul li{ float: left; display: block; background: url(../images/ico_ad.png) no-repeat left center; padding-left: 34px; margin-right: 40px; } .index-ad .pull-right { width: 326px; margin: 30px 20px 0 0; background: url(../images/tel_white.png) no-repeat left top; color: #fff; } .index-ad .pull-right span { display: block; font-size: 18px; line-height: 20px; margin-bottom: 2px; text-indent: 84px; } .index-ad .pull-right b { display: block; font-size: 38px; line-height: 40px; font-weight: normal; font-family: Impact; text-indent: 84px; } .index-ad .pull-right a { margin-top: 20px; display: block; width: 326px; height: 40px; line-height: 40px; text-align: center; background: #fff; border-radius: 5px; font-size: 16px; color: #333; font-weight: bold; } .index-ys {padding: 50px 0 50px;} .index-ys-con {background: url(../images/ys_bg.jpg) no-repeat top center; height: 1400px; } .index-ys-title {text-align: center; margin: 0 auto; width: 470px; margin-bottom: 30px;} .index-ys-title b {display: block; font-size: 38px; color: #126ace; letter-spacing: 2px; position: relative; text-align: left;} .index-ys-title b span {font-size: 50px; position: absolute; right: -25px; bottom: 0; letter-spacing: 0;} .index-ys-title b i {position: absolute; left: 250px; bottom: 0; display: block; width: 103px; height: 111px; background: url(../images/4.png) no-repeat; text-indent: -999999px;} .index-ys-title p {font-size: 16px; color: #666666; text-align: left; margin-bottom: 5px;} .index-ys-title > span {display: block; font-size: 12px; color: #cccccc; text-transform: uppercase; margin-top: 15px;} .index-ys-con-txt {width: 550px; /*padding-left: 95px;*/ padding-top: 40px; position: relative;} .index-ys-con-txt i {position: absolute; left: 0; top: 40px; display: block; width: 73px; height: 108px; padding-top: 20px; text-align: center; background: url(../images/num_bg.png) no-repeat; color: #fff; font-size: 30px; line-height: 28px; font-family: Impact; font-style: normal;} .index-ys-con-txt i:after{content: '—'; font-size: 30px; display: block; color: #fff; font-weight: normal;} .index-ys-con-txt b {display: block; font-size: 28px; color: #333; line-height: 30px; margin-top: 20px; text-indent: 95px;} .index-ys-con-txt span {display: block; font-size: 24px; line-height: 30px; font-weight: bold; color: #126ace; margin: 10px 0 20px; text-indent: 95px;} .index-ys-con-txt p {background: url(../images/ico_i.png) no-repeat left 7px; padding-left: 18px; font-size: 16px; color: #666; line-height: 32px; margin-bottom: 10px;} .index-ys-con-txt div {margin-top: 40px;} .index-ys-con-txt2 {margin-top: 80px;} .index-ys-con-txt3 {margin-top: 90px;} .index-ys-con-txt4 {margin-top: 50px;} /*.index-ys .clearfix { margin-top: 20px; } .index-ys .pull-left, .index-ys .pull-right{ width: 50%; } .index-ys .ys-con { width: 530px; } .index-ys img { box-shadow: 5px 5px 5px rgba(51,51,51,0.2); } .index-ys .ys-con { padding-top: 20px; } .index-ys .ys-con-text i{ display: inline-block; font-size: 70px; font-family: Impact; font-style: normal; color: #f83b33; margin-right: 20px; } .index-ys .ys-con-text b{ display: inline-block; font-size: 24px; line-height: 30px; margin-top: 5px; color: #126ace; } .index-ys .ys-con-text:after{ display: block; content: ''; width: 530px; height: 1px; background: #d9d9d9; margin: 10px 0 20px; } .index-ys .ys-con p { font-size: 16px; line-height: 30px; color: #666; margin-bottom: 0; width: 530px; }*/ .footer-message { height: 325px; background: url(../images/message_bg.jpg) no-repeat top center; padding-top: 50px; color: #fff; margin-top: 40px;} .footer-message b{ display: block; font-size: 28px; } .footer-message p{ display: block; font-size: 20px; margin: 20px auto; } .footer-message ul { overflow: hidden; padding-left: 0; } .footer-message ul li { display: inline-block; margin: 30px 20px 0; background: url(../images/ico_ad.png) no-repeat left center; padding-left: 40px; height: 26px; line-height: 26px; font-size: 18px; font-weight: bold; } .footer-message .form-inline .form-group { margin-right: 10px; } .footer-message .form-control { height: 42px; padding: 6px 28px; } .footer-message .form-user { background: #fff url(../images/ico_user.png) no-repeat 20px center; padding-left: 45px;} .footer-message .form-tel { background: #fff url(../images/ico_tel.png) no-repeat 20px center; padding-left: 45px;} .footer-message button { width: 200px; height: 42px; border: none; background: #f83b33; color: #fff;} .fixed-sidebar { position: fixed; right: 10%; top: 50%; transform: translateY(-50%); margin-bottom: 0; } .fixed-sidebar li { width: 80px; height: 80px; background: #126ace; border-bottom: 1px solid #fff; color: #fff; text-align: center; padding-top: 9px; position: relative; cursor: pointer; } .fixed-sidebar li a { color: #fff; display: block; } .fixed-sidebar li span { display: block; font-size: 14px; margin-top: 6px; line-height: 24px; } .fixed-sidebar li:hover { background: #f83b33; color: #fff; } .fixed-sidebar li:nth-child(3):hover .fixed_ewm{ display: block; } .fixed-sidebar .fixed_ewm { position: absolute; left: -140px; bottom: 0; width: 140px; padding: 10px; text-align: center; background: #f83b33; display: none; z-index: 9999; } .fixed-sidebar .fixed_ewm img { width: 120px; } .fixed-sidebar .fixed_ewm p { font-size: 14px; color: #fff; margin: 5px 0 10px; } .fixed-sidebar .fixed_ewm i { display: block; font-size: 14px; line-height: 24px; font-style: normal; } .fixed-sidebar .fixed_ewm b { display: block; font-size: 18px; line-height: 24px; font-family: Impact; font-weight: normal; } @media (min-width: 768px) { .about-con{ padding: 20px 30px 20px 20px; background-color: #f5f5f5; line-height: 30px; width: 775px; float: left; } .navbar-header { width: 100%; } .navbar-brand { float: left; height: 120px; padding: 20px 15px; margin: 0; } .navbar-brand img{ height: 80px; } .navbar-slogn { margin-top: 35px; } .navbar-nav > li > a { padding: 18px 39px; line-height: 20px; color: #333; font-size: 16px; } } @media (max-width: 767px) { body { padding-bottom: 38px; } .navbar-brand { padding: 5px 15px; } .navbar-brand img{ height: 40px; } .index-title b { font-size: 26px; } .index-title p { display: none; } .main .thumbnail > img { height: 105px; } .about-con{ padding: 30px ; background-color: #f5f5f5; line-height: 30px; } .title { margin: 30px auto; } .title span:before, .title span:after { display: none; } .footer-message { height: auto; margin-top: 0; padding: 20px ; } .footer-message b { font-size: 20px; } .footer-message p { font-size: 16px; } .about{ margin-top: 0px; height: auto; background: none; padding: 20px 0; } .about-con h3, .about-con > b { font-size: 24px; } .about img { position: static; width: 100%; height: auto; } .case { padding: 20px; margin-top: 0px; } .footer-text .col-md-3, .footer-text .col-md-3:nth-child(1), .footer-text .col-md-3:nth-child(2), .footer-text .col-md-3:nth-child(3), .footer-text .col-md-3:nth-child(4) { width: 100%; padding-left: 15px; min-height: 1px; border: none; margin-bottom: 20px; } .footer-text-logo i { background: none; } .footer-text-contact { text-align: center; } .footer-message .form-inline .form-group { margin-right: 0; } .footer-message button { width: 100%; padding: 6px 28px; } .adv-title { height: auto; text-align: center; } .adv-title .pull-left, .adv-title .pull-right { float: none; width: 100%; } .adv-title h4 { font-size: 20px; margin: 0 0 15px; } .adv-title p { font-size: 18px; color: #fcf90a; } .adv-text h3 { font-size: 30px; } .adv-text h4 { font-size: 24px; font-weight: bold; } .adv-text img { margin: 0 auto; } .news-active p{ text-indent: 0; } .news li a { width: 70%; overflow: hidden; } .footer-bottom { position: fixed; bottom: 0; left: 0; display: block; width: 100%; height: 60px; background-color: #222; color: #fff; } .footer-bottom a{ display: block; float: left; width: 25%; text-align: center; padding: 10px 0; color: #fff; } .footer-bottom i { display: block; font-size: 18px; margin-bottom: 4px; } .main-pro-info{ height: auto; } .base-msg{display: none; position: relative;padding: 33px 0px;margin-top: 50px;min-height:631px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;background: url(../images/msg-bg.png) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;} .base-msg:after{content: "";display: inline-block;position: absolute;right: 0;top: 0;width: 301px;height: 458px;background:none !important; } .msg-main{width: 100%;} .msg-btns{ margin-top: 30px; } .msg-main ul{ padding-left: 0px; } .foot-fix{position: fixed;bottom: 0;clear: both;overflow: hidden;max-width:750px;width:100%;padding: 0.1rem 0.1rem 0.1rem 0;margin: 0 auto;background-color: #FFF;box-shadow: 0px 0 10px rgba(228,0,52,.2);-webkit-box-shadow: 0px 0 10px rgba(228,0,52,.2);-moz-box-shadow: 0px 0 10px rgba(228,0,52,.2);margin-top: 5px;z-index: 999;display:block;} .foot-fix li{float: left;width:33.3%;text-align:center;background: url(../images/foot-dot.png) no-repeat center;background-size: 100%;padding: 3px 0;} .foot-fix li:nth-child(2){border-radius: 50px 0 0 50px; background: -moz-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);background: -webkit-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);background: -o-linear-gradient(left #ED3B47 0%, #0C2B47 100%);background: -ms-linear-gradient(left, #ED3B47 0%, #0C2B47 100%);background: linear-gradient(to right, #ED3B47 0%, #0C2B47 100%);-webkit-box-shadow:0px 0 10px rgba(228,0,52,.2);-moz-box-shadow: 0px 0 10px rgba(228,0,52,.2);box-shadow: 0px 0 10px rgba(228,0,52,.2);} .foot-fix li:nth-child(2) a{color: #FFF;} .foot-fix li:nth-child(3){border-radius: 0 50px 50px 0; background: -moz-linear-gradient(left, #FFCB01 0%, #FF9502 100%);background: -webkit-linear-gradient(left, #FFCB01 0%, #FF9502 100%);background: -o-linear-gradient(left #FFCB01 0%, #FF9502 100%);background: -ms-linear-gradient(left, #FFCB01 0%, #0C2B47 100%);background: linear-gradient(to right, #FFCB01 0%, #FF9502 100%);-webkit-box-shadow:0px 0 10px rgba(228,0,52,.2);-moz-box-shadow: 0px 0 10px rgba(228,0,52,.2);box-shadow: 0px 0 10px rgba(228,0,52,.2);} .foot-fix li:nth-child(3) a{color: #FFF;} .foot-fix li a{display: inline-block;vertical-align: middle;text-align: center;color:#0C2B47;font-size: 1.6rem;/* line-height: 50px; */} .foot-fix li a img{display: inline-block;width: 3rem;height: auto;} .totop{position: fixed;bottom: 60px;right: 8px;width: 36px;height: 36px;z-index: 999;background: url(../images/totop.png) no-repeat center; cursor:pointer;display: none;background-size: cover;} }