ul,li{ list-style:none; padding:0; margin:0;} *{font-style: normal:} .clear{ clear: both; } .pro_titlebox{ text-align: center; margin-top: 3.5rem;} .pro_titlebox b{ font-size:2.5rem; } .pro_titlebox p{ font-size: 20px; color: #999; } .pro_t_bottom{ border-bottom: 1px solid #e5e5e5; margin-top: 1.5rem;} .pro_t_bottom span{ border-bottom: 4px solid #333; display: block; width: 10%; margin:0 auto; } .text-center { text-align: center;} .tit-menu{ margin:25px 0 30px 0;} .tit-menu ul li{ display: inline-block; margin:0 4px 10px; } .tit-menu ul li + li{ border-left: 1px solid #dcdcdc;} .tit-menu ul li a{ display: inline-block; padding: 10px 26px; line-height: 12px; font-size: 12px; color: #333; text-decoration: none;} .tit-menu ul li a:hover{ background: #0072d4; color: #fff;} .product_con{ } li.img-list { float: left;} .img-item{ background: #fff; margin: 15px 0; box-shadow: 0 22px 40px rgba(0,0,0,.16); } .img-item a{ display: block; overflow: hidden;} .img-item .img{ position: relative;} .img-item .img img{ width:100%; } /*.img-item .img img{ width:100%; height:auto;}*/ .img-item .img:before { position: absolute; content: ""; z-index: 2; display: block; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #fff; transition: all .3s ease-in-out 0s; opacity: 0;} .img-item:hover .img:before { opacity: .8; left: 10px; right: 10px; top: 10px; bottom: 20px;} .img-item .img:after { content: ""; display: block; position: absolute; height: 40px; width: 46px; transition: all .3s ease-in-out 0s; z-index: 3;} .img-item:hover .img:after{ bottom:10px;} .img-item .con{ padding: 15px; position: relative;} .img-item .con:before { z-index: 4; background: #fff; position: absolute; content: ""; display: block; height: 10px; left: 0; right: 0; top: 0; transition: all .3s ease-in-out 0s; } .img-item:hover .con:before { top: -10px;} .img-item .con h4 { position: relative; top: 0; transition: all .3s ease-in-out 0s; margin-bottom: 15px; font-size: 15px; color: #262626; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .img-item:hover .con h4{ top:-10px; color: #0072d4;} .img-item .con p { position: relative; top: 0; font-size: 12px; color: #6e6e6e; height: 20px; transition: all .3s ease-in-out 0s; line-height: 20px; margin-bottom:30px; margin-top: 12px; overflow: hidden;} .img-item:hover .con p{ top:-10px;} .img-item .con span{ color: #6e6e6e; display: block; line-height: 1.5rem; position: relative; top: 0; transition: all .3s ease-in-out 0s; margin-bottom: 10px; margin-top: 12px; overflow: hidden; } .img-item:hover .con span{ top:-10px;} .img-item .con p b{ color:red; padding:0 2px; font-size: 13px; font-family: Arial;} .img-item .con p span{ color: #eb2e09; margin:0 3px 0 0;} .img-item .con .more { display: block; position: absolute; height: 40px; background: #0072d4; left: 0; right: 0; bottom: -40px; text-align: center; transition: all .3s ease-in-out 0s; } .img-item:hover .con .more { bottom: 0;} .img-item .con .more:after { content: ""; display: block; background: url(../images/ico-2.png) no-repeat; width: 16px; height: 7px; margin-top: 16px; background-position: 0 -7px; display: inline-block; } /******** 我们的优势*******/ .ys-body{ margin:30px 0 0 0;} .ys-body li{ padding:20px 0; border-bottom: 1px solid #f2f2f2;} .ys-con,.ys-img{ padding:20px 0;} .ys-img img{ width:100%;} .ys-con h4{ font-size: 20px; font-weight: 700; margin:6px 0 15px; color:#005eae;} .ys-con h4 span{ font-family: Arial; font-size:30px; position: relative; top:5px; padding:0 10px 0 0;} .ys-con p{ font-size: 13px; line-height:24px; height:72px; overflow: hidden; color: #666;} .ys-con a{ display: block; display: block; height: 40px; width: 120px; background:#ddd; text-align: center; line-height: 38px; color: #666; margin:50px 0 0 0; font-size: 14px;} .ys-con a:hover{ background:#0072d4; color: #fff;} .ban1 img{ width:100%;} .tit-box h4{ font-size: 2.5rem; margin:3rem 0 10px 0; font-weight: bold; color:#333;} .tit-box p{ font-size: 18px; color: #B7B7B7; text-transform: uppercase;} /******** 横条广告*******/ .crossband{ width: 100%; background-position: center; height: 0 auto;} .crossband img{ width: 100%; } /******** 成功案例*******/ .case_box{ margin-top: 2rem; } .case_body{ width: 100%; padding-top: 3rem;} .case_body li{ padding-bottom: 2rem; } .case_body li img{ width: 99%; } .case_body li p{ text-align: center; padding-top: 1.5rem; } .case_body li a{ color: #333; text-decoration:none; } /******** 新闻资讯*******/ .i_news_box{ width: 100%; background: url(../images/new_bg_02.jpg); background-position: center; height: 576px; display: block; margin-top: 8rem;} .i_news_img{ width: 99%; margin-top: 100px;} .i_news_bar{ width: 100%; margin-top: 100px;} .i_news_bar dl{ padding-bottom: 7.6rem; } .i_news_bar dl dt{ width: 12%; height: 82px; background: #f2f2f2; float: left; text-align: center;} .i_news_bar dl a dt{ color: #9ca7b0; } .i_news_bar dl dt b{ display: block; font-size: 36px;} .i_news_bar dl dt span{ font-weight: normal; } .i_news_bar dl dd{ width: 85%; float: right; } .i_news_bar a dd b,.i_news_bar a:hover dd b{ font-size: 14px; color: #333333;} .i_news_bar a dd p,.i_news_bar a:hover dd p{ line-height: 24px; color: #333; margin-top: 0.5rem; } .contact-wrap{ background: url("../images/bg3.jpg") no-repeat center; min-height:400px; margin:5rem 0 0 0;} .contact{ position: relative; top:-60px;} .contact-con,.msn-con{ padding:30px 30px 60px; height:350px;} .tit-box1 h4{ font-size: 22px; font-weight: bold; color: #333; line-height:1.7;} .tit-box1 p{ color: #999; font-size: 14px;} .tit-box2 h4{ color: #fff;} .tit-box2 p{ color: #fff;} .contact-con ul{ padding:30px 0 0 0;} .contact-con ul li{ height:36px; line-height:36px; font-size: 14px;} .contact-con ul li i{ display: inline-block; width:30px; position: relative; top:-3px;} .modal-body{ padding:15px 0 0 0;} .modal-body .input-group{ width:100%;} .index-myform .input-group span{ border-radius:0;} .index-myform .input-group input{ border-radius: 0;} .index-myform button{ width:130px; height:40px; line-height:40px; background: #fff; font-size: 16px; color: #005eae; border:none; margin:23px 0 0 0;} .mt10 { margin-top: 10px;} .inner{ padding:0 0 80px 0;} .inner-banner img{ width:100%;} .case{ width: 100%; } .case li{ margin-bottom: 4rem; } .case_list{ overflow: hidden;} .case_list li{ margin-bottom: 3rem; } .case_list li img{ width:100%; vertical-align: middle; padding: 2px; border:1px solid #f2f2f2; height: 250px;} .case_list li span{ text-align: center; display: block; padding-top: 1.4rem;} .case_list li a{ color: #333; text-decoration: none; } .case_list li a:hover { color: #333; text-decoration: none; } .rongyu{ width: 100%; } .rongyu li{ margin-bottom: 4rem; } .rongyu_list{ overflow: hidden;} .rongyu_list li{ margin-bottom: 3rem; } .rongyu_list li img{ width:100%; vertical-align: middle; padding: 2px; border:1px solid #f2f2f2; height: 350px;} .rongyu_list li span{ text-align: center; display: block; padding-top: 1.4rem;} .rongyu_list li a{ color: #333; text-decoration: none; } .rongyu_list li a:hover { color: #333; text-decoration: none; } /******** 关于我们*******/ .mt50 { margin-top: 50px;} .inner-menu-header{ font-size: 20px; color: #555; height:30px; line-height:30px; margin:0 0 10px 0; font-weight:bold;} .dq_box{ width: 100%; line-height: 4rem; border-bottom: 1px dotted #d3d3d3; text-align: left;} .inner-page{ line-height:3rem; } .inner-menu-body{ position: relative;} .inner-menu-body .menu-item{ display: inline;} .inner-menu-body h6{ display: inline-block; margin:16px 0 0 0;} .inner-menu-body h6 a{ display: block; padding:0 14px; margin:0 10px 0 0; border:1px solid rgba(170,170,170,.2); height:28px; line-height:26px;} .inner-menu-body h6 a:hover{ border: 1px solid #0072d4; background: #0072d4; color: #fff;} .inner-menu-body .menu-item.cur h6 a{ border: 1px solid #0072d4; background: #0072d4; color: #fff;} /* 当前高粱 */ .menu-item h6 a.current{ border: 1px solid #0072d4; background: #0072d4; color: #fff;} .inner-menu-body .menu-item ul{ position: absolute; left:0; width:100%; background: #0072d4;} .inner-menu-body .menu-item ul li{ display: inline-block; margin:10px 0;} .inner-menu-body .menu-item ul li a{ display: block; line-height:30px; color: #fff; margin:0 15px 0 0; padding:0 14px;} .inner-menu-body .menu-item ul li a:hover{ background:#fff; color: #0058a4;} .inner-menu-body .menu-item ul li:first-child a{ margin:0 15px;} .inner-page-body{ padding:10px 0 0 0; line-height:26px; font-size: 14px;} .inner-page-body p{ padding:10px 0 0 0;} .inner-page-body img{ width: 100%; } .sitemap_item .item_box h3{padding-top:30px;font-size:16px;font-weight:400} .sitemap_item .item_box h3 a{color:#333;transition:color .3s linear}.sitemap_item .item_box h3 a:hover{color:#0457b7}.sitemap_item .item_box ul{height:14px} .sitemap_item .item_box ul li{float:left;display:inline;padding-top:5px;font-size:14px;width:15%;padding-right: 5px;box-sizing: border-box;} .en-us .sitemap_item .item_box ul li{width:25%} .sitemap_item .item_box ul li a{color:#5e6267;transition:color .3s linear} .sitemap_item .item_box ul li a:hover{color:#0457b7} .sitemap_item .item_box{ width: 100%; overflow: hidden;} /****新闻列表****/ .inner-news li{ margin:0 0 20px 0;} .inner-news li a{ display: block; border: 1px solid #e5e5e5; position: relative;} .inner-news li a:before,.inner-news li a:after{ content: ''; position: absolute; bottom: -2px; width: 0; height: 2px; background: #0072d4; -webkit-transition: 0.4s; transition: 0.4s; } .inner-news li .img{ overflow: hidden; margin:10px; height: 200px;} .inner-news li .img img{ width:100%; transition: all .6s;} .inner-news li .con{ background: #f1f0f0; padding: 10px; display: block; width:100%;} .inner-news li .con h4{ line-height: 34px; font-weight: normal; font-size: 16px; color: #000; height: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .inner-news li .con p{ height: 56px; overflow: hidden; color: #999; padding-top: 0px; font-size: 14px; line-height: 28px;} .inner-news li a:hover .img img{ transform: scale(1.1);} .inner-news li a:hover h4{ color: #0072d4;} .inner-news li a:hover:before{ width:100%; left:0;} .inner-news li a:hover:after{ right:0; width:100%;} /**** 分页****/ .page{ text-align: center; margin:40px 0 0 0;} .page a{ position: relative; display: inline-block; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #0072D4; text-decoration: none; background-color: #fff; border: 1px solid #ddd; font-size: 13px;} .page span{ font-size: 13px; position: relative; display: inline-block; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #fff; text-decoration: none; background-color: #0072D4; border: 1px solid #ddd;} .page a:hover{ color: #fff; background-color: #0072D4;} /*****新闻详情****/ .inner-news-show{ padding:60px 0 0 0;} .inner-news-show .tit{ color: #333; font-size: 24px;} .inner-news-show .time{ padding:0 0 30px 0;} .inner-news-show .time p{ color: #999; height:26px; line-height:26px;} .inner-news-show .time p span{ padding:0 5px 0 0;} .inner-news-show .con{ /*padding:30px 0 0 0;*/ font-size: 13px; line-height:24px;} .inner-news-show .con p{ padding:0 0 15px 0;} .inner-news-side{ padding:70px 0 0 0;} .inner-news-side .tit{ font-size: 14px; color: #666; font-weight: bold; padding:0 0 30px 0;} .inner-news-side .menu a{ display: inline-block; margin-right: 10px; padding: 0 14px; line-height: 26px; border: 1px solid rgba(170,170,170,.2); background: transparent; color: #666;} .menu a.current{ border: 1px solid #005eae; background:#005eae; color: #fff;} .inner-news-side .menu a:hover{ border: 1px solid #005eae; background:#005eae; color: #fff;} .inner-news-side .con ul li{ padding:20px 0 15px; border-bottom: 1px solid #eee;} .inner-news-side .con ul h4 a{ transition: all .36s ease; color: #333; font-size: 16px; line-height: 30px;} .inner-news-side .con ul li h4 a:hover{ color: #005eae;} .inner-news-side .con ul li .time{ font-size: 13px; line-height: 26px; color: #888; font-family: Arial;} .inner-news-side .con ul li p{ font-size: 12px; line-height: 22px; height: 44px; overflow: hidden; color: #999;} .news-show_seo{ font-size: 14px;} .news-show_seo span{padding:0 0 0 15px;} .news-show_seo a{ color: #666; } .bshare-custom { margin:10px 0 0 0;} /****上一页下一页***/ .flip{ padding:20px 0 0 0;} .flip p{ margin:5px 0 0 0; border-bottom: 1px solid #eee; height:30px; line-height:30px;} .flip p span{ display: inline-block; color: #333; font-weight: bold; font-size: 14px;} .flip p a{ display: inline-block; font-size: 14px; color: #0072D4;} /****图片模型详情页***/ .inner-pic-show{ margin: 80px 0 0 0;} .inner-pic-show .tit{ font-size: 26px; color: #0072D4; text-align: center; line-height:45px; font-weight: bold;} .inner-pic-show .time{ font-size: 14px; text-align: center; color: #888; padding:5px 0 0 0; border-bottom: 2px solid #eee; padding:0 0 30px 0;} .inner-pic-show .time span{ margin:0 5px 0 0 ;} .inner-pic-show .img{ text-align: center; margin:50px 0 0 0;} .inner-pic-show .img img{ max-width: 100%; } .inner-pic-show .con{ font-size: 13px;} .inner-pic-show .con p{ line-height:24px !important; margin:20px 0 0 0!important; color: #6a6a6a;} .inner-pic-show .con a{ font-size: 13px !important; color: #444!important;} .inner-pic-show .con img{ max-width:100%; height:auto;} /*******产品详情******/ .inner-img-show{ padding:70px 0 0 0;} #zoom_box{ background: #eee; text-align: center;} #zoom_box img{ max-width: 100%; cursor: pointer;} #zoom_list{ width:100%; height: 60px; background: #eee;} #zoom_list>a{ width: 14px; height: 54px; margin-top: 2px; text-align: center; overflow: hidden; background: #b3b3b3; color: #fff; text-align: center;} #zoom_list>a i{ line-height:54px;} #zoom_list .next { float: right;} #zoom_list .pre{ float: left;} #zoom_list #zoom_list_box{ float: left; width:90%; overflow: hiddn; height: 56px; position: relative;} #thumblist li{ float: left; overflow: hidden; text-align: center; margin: 5px 4px;} #thumblist li.on {} #thumblist li span{ height: 52px; width: 220px; line-height: 30px;} #thumblist li span a{ width: 50px; height: 50px; display: block; position: relative;} #thumblist li.on span a:before{ display: block; content: ''; position: absolute; left:0; top:0; right:0; bottom: 0; background: rgba(0,0,0,.5);} .iish-cm3 .tit{ position: relative; height: 15px; left:-20px;} .iish-cm3 .tit em{ position: absolute; top: 10px; left: 30px; width: 100%; height: 0; border-top: 1px #c9c9c9 dotted; text-decoration: none;} .iish-cm3 .tit span{ position: absolute; color: #999; text-align: center; width: 6em; top: 0; left: 50%; margin-left:-10px; background-color: #fff;} .iish-cm3 .con{ padding:15px 0 0 0;} .iish-cm3 .con li{ margin:0 0 5px 0;} .iish-cm3 .con li img{ max-width: 100%;} .iish-cm3 .con li span a{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; color: #62574e; height:24px; line-height:24px; text-align: center;} .iish-cm9{ padding:10px 0 0 0;} .iish-cm9 .tit{ padding-bottom: .2em; line-height: 1; font-size: 16px; font-weight: 700; color: #000;} .iish-cm9 .list{ background: #f7f7f7; margin:10px 0 0 0; padding:5px 10px;} .iish-cm9 .list li{ height:auto; line-height:25px;} .iish-cm9 .list li div{ color: #777; display: inline-block; font-style: normal:} .iish-cm9 .list li a,.iish-cm9 .list li span{ font-size: 13px; padding:0 0 0 10px;} .iish-cm9 .list li span b{ color:#eb2e09; padding:0 3px;} .iish-cm9 .list li div.bshare-custom{ display: inline-block; margin:0; padding:0 0 0 10px;} .iish-cm9 .list li div.bshare-custom a{ padding:0 0 0 19px;} .iish-cm9 .tel{ font-size:16px; top:10px; left:10px; height:40px; line-height:40px; position: relative;} .iish-cm9 .tel span{ padding:0 10px 0 0; color:#d53530; font-size: 16px;} .iish-cm9 .tel em{ font-size: 24px; font-family: Arial; position: absolute; font-weight: 700; color:#d41b16;} .iish-cm9 .ewm{ width: 140px; height: 140px; margin-bottom: 0.5rem; margin-top: 0.5rem;} .iish-cm9 .ewm img{ width: 100%; height: 100%; } .iish-cm9 .ewm p{ text-align: center; width: 140px; display: block; } .iish-cm9 .ico{ padding:30px 0 0 10px;} .iish-cm9 .ico a{ display: block; border-radius: 0; width:100px; display: inline-block; margin:0 10px 0 0;} .inner-img-show-body{} .iisb-tit{ height:40px; line-height:40px; font-size: 16px; position: relative; padding:0 0 0 14px; font-weight: bold; background: #efefef; color: #333;} .iisb-tit:before{ display: block; content: ''; height:15px; width:5px; background: red; position: absolute; left:0; top:13px;} .iisb-box-js .con{ font-size: 13px!important; line-height:26px;} .iisb-box-js .con img{ max-width:100%; height:auto;} .iisb-box-js .con p{ padding:10px 0 0 0;} .iisb-box-fx li{ float: left; margin:0 30px 0 0;} .iisb-box-fx li a{ font-size: 13px; display: block; line-height:30px;} .iisb-box-tj .con{} .iisb-box-tj .con li{ margin:20px 0 10px 0;} .iisb-box-tj .con li img{ max-width: 100%;} .iisb-box-tj .con li span a{ display: block; height:40px; line-height:40px; text-align: center; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} @media screen and (min-width:1200px) { .navbar-right p{ display: none; } .navbar-default{ background: #fff; border: none;} .navbar-nav{ margin-top:1.2rem; margin-left:75px; } .navbar-nav>li>a{ padding-left: 18px; padding-right: 16px; color: #434343; } .navbar-right span{ color: #1e51ad; font-size: 2rem; } .carousel-control.left {background-image:none;} .carousel-control.right {background-image:none;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ display: none; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{display: none;} .carousel-indicators{ bottom: 5px; } .still_more{ width: 20%; border:1px solid #ccc; height:4rem; display: block; margin:0 auto; text-align: center; line-height: 4rem; border-radius: 10px; margin-top: 2rem; margin-bottom: 2rem;} .about-wrap { background-size: cover; background: url(../images/about_bg.jpg) no-repeat center; padding-top: 2rem; height: auto; overflow: hidden; margin-top: 5rem; padding-bottom: 2rem; width: 100%;} .about-title{ width: 25%; height: 10rem; background:rgba(0,0,0,.3); margin:0 auto; margin-top: 4rem; } .about-title p{ text-align: center; color: #fff; font-size: 36px; margin-top: 3rem; padding-top: 0.5rem;} .about-title b{ text-align: center; display: block; line-height: 2rem; color: #fff; font-size: 40px;} .about-bar{ margin-top: 60px;} .about-video{ width:99%;} .about-video video {width: 100%; height: 304px; } .about-body{ width: 100%; float: right; } .about-body p{line-height: 27px; padding-top: 2rem;} .about-body a{padding-top: 0.3rem; display: block;} .case_body li img{ width: 100%; height: 250px; } .img-item img{ height: 250px; } .iish-cm9 .ewm{ width: 140px; height: 140px; margin-bottom: 0.5rem; margin-top: 0.5rem;} .iish-cm9 .ewm img{ width: 100%; height: 100%; } .iish-cm9 .ewm p{ text-align: center; width: 140px; display: block; } .iisb-box-tj .con li img{ height:200px; width:100%;} } @media screen and (min-width:600px) and (max-width:900px){ .navbar-right p{ display: none; } .navbar-default{ background: #fff; border: none;} .navbar-nav{ margin-top:1.2rem; margin-left:1rem; } .navbar-nav>li>a{ padding-left: 0.5rem; padding-right:0.5rem; color: #434343; } .navbar-right span{ color: #1e51ad; font-size: 1.4rem; } .still_more{ width: 20%; border:1px solid #ccc; height:4rem; display: block; margin:0 auto; text-align: center; line-height: 4rem; border-radius: 10px; margin-top: 2rem; margin-bottom: 2rem;} .navbar-collapse{border-top: none;} .carousel-control.left {background:none;} .carousel-control.right {background:none;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ display: none; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{display: none;} .carousel-inner>.item>a>img, .carousel-inner>.item>img{margin-top: 1rem;} .inner-news li .img{ overflow: hidden; margin:10px; height:150px;} .case_list li img{ width:100%; vertical-align: middle; padding: 2px; border:1px solid #f2f2f2; height: 200px;} .rongyu_list li img{ width:100%; vertical-align: middle; padding: 2px; border:1px solid #f2f2f2; height: 200px;} .img-item img{ height: 200px; } .contact-wrap{ background: url("../images/bg3.jpg") no-repeat center; margin:30rem 0 0 0; } .about-wrap { background-image: url(../images/about_bg1.jpg); background-size: cover; width: 100%; background-position: center; overflow: hidden;} .about-title{ width: 50%; background:rgba(0,0,0,.3); margin:0 auto; margin-top: 2rem; padding-bottom: 1rem; height: auto;} .about-title p{ text-align: center; color: #fff; font-size: 2.2rem; } .about-title b{ text-align: center; display: block; line-height: 1rem; color: #fff; font-size: 2.2rem;} .about-bar{ width:100%; margin:0 auto; margin-top: 2rem;} .about-video{ overflow: hidden; } .about-video video{ width: 100%; } .about-body{ width: } .about-body p{ line-height: 3rem; color: #fff; } .about-body a{display: block; color: #fff; padding-bottom: 2rem;} .still_more{ width: 20%; border:1px solid #ccc; height:4rem; display: block; margin:0 auto; text-align: center; line-height: 4rem; border-radius: 10px; margin-top: 2rem; margin-bottom: 2rem;} .i_news_box{ background-image: url(../images/new_bg_02_1.jpg); height: auto; background-size: cover; width: 100%; background-position: center; overflow: hidden; margin-top: 1rem; } .i_news_img{ width: 99%; margin-top:4rem; display: none;} .i_news_bar{ width: 100%; margin-top: 1rem;} .i_news_bar dl{ padding-bottom: 0.5rem; padding-top: 0.5rem; border-bottom: 1px dotted #ccc; height: 0 auto; overflow: hidden;} .i_news_bar dl dt{ width: 100%; background: none; float: left; overflow: hidden; display: none;} .i_news_bar dl a dt{ color: #fff; } .i_news_bar dl dt b{ display: block; font-size: 36px; width: 10%; float: left;} .i_news_bar dl dt span{ font-weight: normal; float: left; } .i_news_bar dl dd{ width: 100%; height: 0 auto; overflow: hidden; } .i_news_bar a dd b,.i_news_bar a:hover dd b{ font-size: 14px; color: #fff;} .i_news_bar a dd p,.i_news_bar a:hover dd p{ line-height: 24px; color: #c9c9c9; margin-top: 0.5rem; } .iish-cm9 .ewm{ width:30%; height: auto; margin-bottom: 0.5rem; margin-top: 0.5rem;} .iish-cm9 .ewm img{ width: 100%; height: 100%; } .iish-cm9 .ewm p{ text-align: center; width: 50%; display: block; } .iisb-box-tj .con li img{ height:200px; width:100%;} .case_body li img{ width: 100%; height: 120px; } } @media screen and (min-width:768px) and (max-width:1200px){ .navbar-right p{ display: none; } .navbar-default{ background: #fff; border: none;} .navbar-nav{ margin-top:1.2rem; margin-left:2rem; } .navbar-nav>li>a{ padding-left: 0.8rem; padding-right:0.8rem; color: #434343; } .navbar-right span{ color: #1e51ad; font-size: 1.6rem; } .navbar-collapse{border-top: none;} .carousel-control.left {background:none;} .carousel-control.right {background:none;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ display: none; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{display: none;} .carousel-inner>.item>a>img, .carousel-inner>.item>img{margin-top: 1rem;} .pro_titlebox b{ font-size:2.2rem; } .pro_titlebox p{ font-size: 16px; color: #999; } .product_con{ height: 0 auto; overflow: hidden; } .pro_titlebox b{ font-size:2.2rem; } .pro_titlebox p{ font-size: 16px; color: #999; } .about-wrap { background-image: url(../images/about_bg1.jpg); background-size: cover; width: 100%; background-position: center; overflow: hidden;} .about-title{ width: 50%; background:rgba(0,0,0,.3); margin:0 auto; margin-top: 2rem; padding-bottom: 1rem; height: auto;} .about-title p{ text-align: center; color: #fff; font-size: 2.2rem; } .about-title b{ text-align: center; display: block; line-height: 1rem; color: #fff; font-size: 2.2rem;} .about-bar{ width:100%; margin:0 auto; margin-top: 2rem;} .about-video{ overflow: hidden; } .about-video video{ width: 100%; } .about-body{ width: } .about-body p{ line-height: 3rem; color: #fff; } .about-body a{display: block; color: #fff; padding-bottom: 2rem;} .still_more{ width: 20%; border:1px solid #ccc; height:4rem; display: block; margin:0 auto; text-align: center; line-height: 4rem; border-radius: 10px; margin-top: 2rem; margin-bottom: 2rem;} .i_news_box{ background-image: url(../images/new_bg_02_1.jpg); height: auto; background-size: cover; width: 100%; background-position: center; overflow: hidden; margin-top: 1rem; } .i_news_img{ width: 99%; margin-top:4rem; } .i_news_bar{ width: 100%; margin-top: 1rem;} .i_news_bar dl{ padding-bottom: 0.5rem; padding-top: 0.5rem; border-bottom: 1px dotted #ccc; height: 0 auto; overflow: hidden;} .i_news_bar dl dt{ width: 100%; background: none; float: left; overflow: hidden; display: none;} .i_news_bar dl a dt{ color: #fff; } .i_news_bar dl dt b{ display: block; font-size: 36px; width: 10%; float: left;} .i_news_bar dl dt span{ font-weight: normal; float: left; } .i_news_bar dl dd{ width: 100%; height: 0 auto; overflow: hidden; } .i_news_bar a dd b,.i_news_bar a:hover dd b{ font-size: 14px; color: #fff;} .i_news_bar a dd p,.i_news_bar a:hover dd p{ line-height: 24px; color: #c9c9c9; margin-top: 0.5rem; } .case_list li img{ width:100%; vertical-align: middle; padding: 2px; border:1px solid #f2f2f2; height: 150px;} .rongyu_list li img{ width:100%; vertical-align: middle; padding: 2px; border:1px solid #f2f2f2; height: 150px;} .case_body li img{ width: 100%; height: 120px; } .iish-cm3 .tit{ position: relative; height: 15px; left:-20px; } .inner-news li .img{ overflow: hidden; margin:10px; height:120px;} .inner-img-show{ padding:20px 0 0 0;} .img-item img{ height: 150px; } .contact-wrap{ background: url("../images/bg3.jpg") no-repeat center; margin:10rem 0 0 0; } .iish-cm9 .ewm{ width:30%; height: auto; margin-bottom: 0.5rem; margin-top: 0.5rem;} .iish-cm9 .ewm img{ width: 100%; height: 100%; } .iish-cm9 .ewm p{ text-align: center; width: 100%; display: block; } .iisb-box-tj .con li img{ height:160px; width:100%;} } @media screen and (max-width:768px){ .navbar-header{ border-bottom: 0; } .navbar-default .navbar-nav>li>a{ color: #fff; } .nav>li{text-align: center;} .nav>li a{ background: #045396; color: #fff; border-bottom: 1px solid #87c7fc;} .navbar-nav li a{ color: #fff; } .navbar-default{ background: #fff; border: none;} .navbar-right{ background: none; } .navbar-right span { display: none;} .navbar-right p{ color: #1e51ad; font-size: 2rem; background: #e66b0d; width: 50%; height: 3rem; display: block; line-height: 3rem; margin:0 auto; color: #fff; border-radius: 0.5rem; text-indent: 0.5rem; display: block;} .navbar-right p a{ background: none; border-bottom:none ; text-decoration: none;} .navbar-right li i{ display: none; } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); } .navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#fff;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #333; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color: #333; } .navbar-nav .open .dropdown-menu>li{ bottom-border:none; background: no-repeat; } .dropdown-menu .divider{ border-bottom: none; } .navbar-default .navbar-nav .open .dropdown-menu>li>a{ color: #666; text-align: center; background: #f1f1f1; border-bottom: 0; } .dropdown-menu .divider { height: 4px; margin:0px 0; overflow: hidden;} .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee; border-color: #fff;} .carousel-control.left {background:none;} .carousel-control.right {background:none;} .inner-banner{ display: none; } .inner-banner img{ display: none; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ display: none; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{display: none;} .carousel-inner>.item>a>img, .carousel-inner>.item>img{margin-top: 1rem;} .tit-menu{ display: none; } .product_con{ height: 0 auto; overflow: hidden; } .pro_titlebox b{ font-size:2.2rem; } .pro_titlebox p{ font-size: 16px; color: #999; } .about-wrap { background-image: url(../images/about_bg1.jpg); background-size: cover; width: 100%; background-position: center; overflow: hidden;} .about-title{ width: 50%; background:rgba(0,0,0,.3); margin:0 auto; margin-top: 2rem; padding-bottom: 1rem; } .about-title p{ text-align: center; color: #fff; font-size: 2.2rem; } .about-title b{ text-align: center; display: block; line-height: 1rem; color: #fff; font-size: 2.2rem;} .about-bar{ width:100%; margin:0 auto; margin-top: 2rem;} .about-video{ overflow: hidden; } .about-video video{ width: 100%; } .about-body{ width: } .about-body p{ line-height: 3rem; color: #fff; } .about-body a{display: block; color: #fff; padding-bottom: 2rem;} .still_more{ width: 50%; border:1px solid #ccc; height:4rem; display: block; margin:0 auto; text-align: center; line-height: 4rem; border-radius: 10px; margin-top: 2rem; margin-bottom: 2rem;} .crossband{ display: none; } .tit-box h4{ font-size: 2.2rem; margin:3rem 0 10px 0; font-weight: bold; color:#333;} .tit-box p{ font-size: 16px; color: #B7B7B7; text-transform: uppercase;} .pro_titlebox{ margin-top: 1rem; } .case_box{ margin-top: 2rem; } .case_body{ width: 100%; padding-top: 3rem;} .case_body li{ padding-bottom: 2rem; width: 50%; float: left;} .case_body li img{ width: 100%; height:120px; } .case_body li p{ text-align: center; padding-top: 1.5rem; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; } .case_body li a{ color: #333; text-decoration:none; } .case li{ margin-bottom:0.2rem; } .mt50{ margin-top:15px; } .case_list li img{ width:100%; vertical-align: middle; padding: 2px; border:1px solid #f2f2f2; height: 120px;} .rongyu_list li img{ width:100%; vertical-align: middle; padding: 2px; border:1px solid #f2f2f2; height: 200px;} .i_news_box{ background-image: url(../images/new_bg_02_1.jpg); background-size: cover; height:auto; width: 100%; background-position: center; overflow: hidden; margin-top: 1rem; } .i_news_img{ width: 99%; margin-top:4rem; display: none;} .i_news_bar{ width: 100%; margin-top: 1rem;} .i_news_bar dl{ padding-bottom: 0.5rem; padding-top: 0.5rem; border-bottom: 1px dotted #ccc; height: 0 auto; overflow: hidden;} .i_news_bar dl dt{ width: 100%; background: none; float: left; overflow: hidden; display: none;} .i_news_bar dl a dt{ color: #fff; } .i_news_bar dl dt b{ display: block; font-size: 36px; width: 10%; float: left;} .i_news_bar dl dt span{ font-weight: normal; float: left; } .i_news_bar dl dd{ width: 100%; height: 0 auto; overflow: hidden; } .i_news_bar a dd b,.i_news_bar a:hover dd b{ font-size: 14px; color: #fff;} .i_news_bar a dd p,.i_news_bar a:hover dd p{ line-height: 24px; color: #c9c9c9; margin-top: 0.5rem; } .contact-wrap{ background-image: none; margin:2rem 0 0 0; } .contact{ top:0px;} .contact-con,.msn-con{ padding:0px 0px 0px ; height:auto;} .contact-con ul{ padding:0px 0 0 0;} .contact-con ul li{ font-size: 14px; line-height: 1.5rem; margin-bottom: 1rem;} .contact-con ul li i{ width:30px; position: relative; top:-3px;} .tit-box1 h4{ font-size: 22px; font-weight: bold; color: #333; line-height:1.7;} .tit-box1 p{ color: #999; font-size: 14px;} .tit-box2 h4{ color: #fff;} .tit-box2 p{ color: #fff;} .modal-body{ padding:15px 0 2rem 0;} .modal-body .input-group{ width:100%;} .index-myform .input-group span{ border-radius:0;} .index-myform .input-group input{ border-radius: 0;} .index-myform button{ width:130px; height:40px; line-height:40px; background: #fff; font-size: 16px; color: #005eae; border:none; margin:23px 0 0 0; } .mt10 { margin-top: 10px;} .navbar-toggle{ margin-top: 22px; } li.img-list { float: left;} .img-item{ background: #fff; margin: 15px 0; } .img-item a{ display: block; overflow: hidden;} .img-item .img img{ width:100%; height: 120px; } /*.img-item .img img{ width:100%; height:auto;}*/ .ysyc{ display: none; } .carousel-indicators{ bottom:0px; } .case_body li img{ width: 100%; height: 120px; } .iish-cm9 .ewm{ width:50%; height: auto; margin-bottom: 0.5rem; margin-top: 0.5rem;} .iish-cm9 .ewm img{ width: 100%; height: 100%; } .iish-cm9 .ewm p{ text-align: center; width: 100%; display: block; } .iish-cm9 .ico { padding: 10px 0 0 10px; } .iish-cm3 .tit{ position: relative; height: 15px; left:-20px; margin-top: 2rem;} .img img{ height: 120px; width: 100%; } .inner-img-show{ padding:20px 0 0 0;} .inner-news-show div img{ width: 100%; height: auto; } .iisb-box-tj .con li{ margin: 0; padding-top: 1.4rem;} .inner-news-show{padding:20px 0 0 0;} .inner-news-show .time{ padding:0 0 10px 0;} .inner-news-show .tit{ font-size: 20px; } .inner-news li .img{ overflow: hidden; margin:10px; height:100px;} .inner-news-show .con div{font-size: 14px;} .inner-news-show .con div span{font-size: 14px;} .img-item{ background: #fff; margin: 15px 0; box-shadow: 0 0px 0px rgba(0,0,0,.16); } /*.img-item .img img{ width:100%; height:auto;}*/ .img-item .img:before { content: ""; z-index: 0; display: block; left: 0; right: 0; top: 0; bottom: 0; border: 0; transition: all .3s ease-in-out 0s; opacity: 0;} .img-item:hover .img:before { opacity: .8; left: 0px; right: 0px; top: 0px; bottom: 0px;} .img-item .img:after { content: ""; display: block; height: 0px; width:0px; transition: all .3s ease-in-out 0s; z-index: 3;} .img-item:hover .img:after{ bottom:10px;} .img-item .con{ padding: 0px; } .img-item .con:before { z-index: 4; background: #fff; position: absolute; content: ""; display: block; height: auto; left: 0; right: 0; top: 0; transition: all .3s ease-in-out 0s; } .img-item:hover .con:before { top: 0px;} .img-item .con h4 { top: 0; transition: all .3s ease-in-out 0s; margin-bottom: 0px; font-size: 15px; color: #262626; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .img-item:hover .con h4{ top:0px; color: #0072d4;} .img-item .con p { op: 0; font-size: 12px; color: #6e6e6e; height: 0 auto; transition: all .3s ease-in-out 0s; margin-bottom:0px; margin-top: 12px; overflow: hidden;} .img-item:hover .con p{ top:-10px;} .img-item .con span{ color: #6e6e6e; display: none; line-height: 1.5rem; position: relative; top: 0; transition: all .3s ease-in-out 0s; margin-bottom: 0px; margin-top: 12px; overflow: hidden; } .img-item:hover .con span{ top:0px; display: none;} .img-item .con p b{ color:red; padding:0 2px; font-size: 13px; font-family: Arial;} .img-item .con p span{ color: #eb2e09; margin:0 3px 0 0;} .img-item .con .more { display: block; height: 40px; background:none; left: 0; right: 0; bottom: 0px; text-align: center; transition: all .3s ease-in-out 0s; } .img-item:hover .con .more { bottom: 0;} .img-item .con .more:after { content: ""; display: block; width: 16px; margin-top: 16px; background-position: 0 -7px; display: inline-block; } } .footer{ margin-top: 3rem; line-height:30px; padding:20px 0; font-size: 14px; text-align: center; border-top: 1px solid #ddd;} .footer a{ color: #333; }