.mip-wap {display: none} .mip-pc {display: block;} .mip-pimg mip-img {display: block;max-width: 100%;margin: 10px auto; width: auto;height: auto;min-width: auto;} .mip-pimg img {display: block;max-width: 100%;margin: 10px auto; width: auto;height: auto;min-width: auto;} .preNext{position:relative;} .preNext .line{height:20px;overflow:hidden;clear:both;background:url(/template/default/index/img/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;} .preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(/template/default/index/img/box_dotline.gif) right -10px no-repeat;float:left;} .preNext .text{color:#999;} .preNext .text li{ font-size:14px; line-height:28px;} .preNext .text li a:hover{ color:#183883;} .content h1.title{ text-align:center; font-size:24px; font-weight:normal; color:#333; margin-bottom:6px; line-height:30px;} .content .info{ text-align:center; font-size:14px; color:#999;} #textarea{ width:100%; overflow:hidden; margin-top:20px; font-size:14px; line-height:26px; color:#666;} #textarea img{ max-width:100%;} .mip-main { width: 100%;padding: 50px 0; } .cont-left{ width:220px; float:left; overflow:hidden;} .cont-left .top{ width:100%; overflow:hidden; margin-bottom:30px;} .cont-left .top .tim{ height:45px; line-height:45px; font-size:20px; background-color:#183883; color:#fff; text-indent:15px;} .cont-left .top ul{ padding:5px 15px; border:1px solid #ddd; border-top:none;} .cont-left .top ul li{ line-height:40px; font-size:14px; border-bottom:1px dashed #ccc;} .cont-left .top ul li ul{ display:none;} .cont-left .top ul li a:hover{ color:#183883;} .cont-left .top ul li.tt{ border-bottom:none;} .cont-left .cet{ margin-bottom:0;} .cont-left .cet .cett{ padding:15px 10px; border:1px solid #ddd; border-top:none;} .cont-left .cet .cett span{ font-size:14px; font-weight:bold;} .cont-left .cet .cett p{ font-size:13px; color:#666; line-height:24px;} .cont-right{ width:950px; float:right; overflow:hidden;} .cont-right .subtitle{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden; position:relative;} .cont-right .subtitle span.catname{ font-size:20px; display:inline-block; margin-left:10px;} .cont-right .subtitle span.xian{ position:absolute; width:100px; height:1px; background-color:#183883; left:0; bottom:0;} .cont-right .content{ width:100%; overflow:hidden; margin-top:20px; font-size:14px; line-height:26px; color:#666;} .cont-right .content img{ max-width:100%;} .mip-center { max-width: 1200px; margin: 0 auto; } .mip-head { width: 100%; overflow: hidden; padding: 25px 0; } .mip-head .mip-logo { float: left; font-size: 26px; line-height: 60px; font-weight: bold; } .mip-head .mip-logo a { display: inline-block; float: left; } .mip-head .mip-logo a mip-img { height: 60px; width: auto; } .mip-head .mip-logo span { color: #183883; } .mip-head .mip-headtext { float: left; margin-left: 80px; } .mip-head .mip-headtext mip-img { width: auto; height: 26px; } .mip-head .mip-headtext p { font-size: 14px; color: #666; margin-top: 5px; } .mip-head .mip-tel { float: right; position: relative; padding-left: 62px; } .mip-head .mip-tel mip-img { height: 62px; width: auto; position: absolute; left: 0; top: 0; } .mip-head .mip-tel p { display: block; font-size: 14px; color: #666; } .mip-head .mip-tel span { font-size: 30px; color: #183883; line-height: 40px; font-style: italic; font-weight: bold; } .mip-nav { width: 100%; background: #183883; height: 50px; } mip-nav-slidedown #bs-navbar .navbar-nav { margin-top: 0; } mip-nav-slidedown #bs-navbar .navbar-nav a { display: block; color: #fff; height: 50px; line-height: 50px; padding: 0 50px; margin: 0; background: transparent; } mip-nav-slidedown #bs-navbar .navbar-nav a:hover { color: #fff; background: #2b2b2b; } mip-nav-slidedown #bs-navbar .navbar-nav a.active { color: #fff; background: #2b2b2b; } mip-nav-slidedown #bs-navbar { float: left; } .mip-footer .mip-footert { width: 100%; background: #333; padding-top: 1%; } .mip-footer .mip-center { margin: 16px auto; } .mip-footer .mip-footert .mip-text { width: 10%; margin-right: 10%; float: left; } .mip-footer .mip-footert .mip-text .tt a { font-size: 16px; color: #888; display: block; border-bottom: 1px solid #484848; padding-bottom: 15px; margin-bottom: 25px; } .mip-footer .mip-footert .mip-text ul li a { display: block; font-size: 14px; color: #ccc; } .mip-footer .mip-footert .mip-text:last-child { width: 37%; margin-right: 0; } .mip-footer .mip-footert .mip-text .contact { position: relative; } .mip-footer .mip-footert .mip-text .contact p { font-size: 25px; color: #ff9801; } .mip-footer .mip-footert .mip-text .contact span { font-size: 14px; display: inline-block; color: #666; margin: 3% 0 3%; } .mip-footer .mip-footert .mip-text .contact mip-img { position: absolute; right: 0; top: 0; width: 153px; } .mip-footer .mip-footert .mip-text .contact a { display: block; box-sizing: border-box; width: 186px; height: 40px; line-height: 40px; color: #fff; background: #3f3f3f; border-radius: 6px; } .mip-footer .mip-footert .mip-text .contact a mip-img { position: relative; top: 0; right: 0; width: 22px; float: left; margin-left: 40px; margin-right: 10px; margin-top: 9px; } .mip-footerb { background: #222; width: 100%; line-height: 60px; font-size: 14px; color: #666; text-align: center; } .caselist{ width:100%; overflow:hidden;} .caselist li{ width:31.33%; float:left; overflow:hidden; margin:1%;} .caselist li .img{ width:100%; overflow:hidden;} .caselist li .img img{ width:100%;-moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s;} .caselist li p{ text-align:center; font-size:14px; margin-top:5px; height:24px; line-height:24px; overflow:hidden;} .caselist li a:hover img{-moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);} .caselist li a:hover p{ color:#183883;} .mip-wap{display: none} .mip-pc{display: block;} .mip-page {text-align: center} *{ box-sizing: border-box; } .clearfix{zoom:1;} .clearfix:before,.clearfix:after{display:table;line-height:0;content:"";} .clearfix:after{clear:both;} li { list-style-type: none; } .mip-head { padding: 0 5%; height: 70px; box-shadow: 0px 2px 3px #eee; margin-bottom: 5px; display: block; background: #fff; } .mip-head .logo { width: auto; height: 70px; display: block; float: left; overflow: hidden; } mip-fixed[type="top"] { overflow: visible; } .mip-img-container { max-width: 1920px; position: relative; } .mip-img-container .mip-carousel-indicator-wrapper { position: absolute; bottom: 30px; left: 48%; } .mip-carousel-indicatorDot .mip-carousel-indecator-item { background: none; border: 2px solid #ccc; width: 8px; height: 8px; opacity: 1; } .mip-carousel-indicatorDot .mip-carousel-activeitem { background-color: #ff9801; border-color: #ff9801; } .mip-container { max-width: 1920px; margin: 16px auto; } .mip-tit { width: 100%; margin: 20px auto; text-align: center; } .mip-tit h3 { font-size: 30px; color: #666; } .mip-tit i { display: inline-block; width: 33px; height: 3px; background: #ff9801; margin: .5% 0; } .mip-tit p { font-size: 20px; color: #333; } mip-vd-tabs .mip-vd-tabs-row-tile { text-align: center; } mip-vd-tabs .mip-vd-tabs-nav { display: inline-block; } mip-vd-tabs .mip-vd-tabs-nav-li { float: left; overflow: hidden; width: 100px!important; height: 44px; padding: 0 10px; cursor: pointer; } mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected { color: #ff9801; border: none; } .mip-vd-tabs-nav { padding: 0; } .mip-ipro .mip-text ul li { width: 30%; float: left; margin-right: 5%; margin-bottom: 4%; } .mip-ipro .mip-text ul li:nth-child(3n) { margin-right: 0; } .mip-ipro .mip-text ul li .t { display: block; text-align: center; font-size: 18px; line-height: 36px; } .more { display: block!important; margin: 0 auto 30px; width: 200px; height: 40px; line-height: 40px; text-align: center; background: #f1f1f1; color: #333; font-size: 14px; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; } .more:hover { background: #ff9801; color: #fff; } .mip-footer .mip-container { margin: 16px auto 0; } .mip-footer .mip-footert .mip-text { width: 10%; margin-right: 10%; float: left; } .mip-footer .mip-footert .mip-text .tt a { font-size: 16px; color: #888; display: block; border-bottom: 1px solid #484848; padding-bottom: 15px; margin-bottom: 25px; } .mip-footer .mip-footert .mip-text ul li a { display: block; font-size: 14px; color: #ccc; } .mip-footer .mip-footert .mip-text:last-child { width: 37%; margin-right: 0; } .mip-footer .mip-footert .mip-text .contact { position: relative; } .mip-footer .mip-footert .mip-text .contact p { font-size: 25px; color: #ff9801; } .mip-footer .mip-footert .mip-text .contact span { font-size: 14px; display: inline-block; color: #666; margin: 3% 0 3%; } .mip-footer .mip-footert .mip-text .contact mip-img { position: absolute; right: 0; top: 0; width: 153px; } .mip-footer .mip-footert .mip-text .contact a { display: block; box-sizing: border-box; width: 186px; height: 40px; line-height: 40px; color: #fff; background: #3f3f3f; border-radius: 6px; } .mip-footer .mip-footert .mip-text .contact a mip-img { position: relative; top: 0; right: 0; width: 22px; float: left; margin-left: 40px; margin-right: 10px; margin-top: 9px; } .mip-footerb { background: #222; padding: 0 3%; width: 100%; line-height: 60px; font-size: 14px; color: #666; } .mip-head .mip-container { margin: 0 auto; } .mip-crumbs .mip-container { margin: 0 auto; background: #f0f0f0; line-height: 78px; height: 78px; padding: 0 3%; font-size: 14px; color: #999; } .mip-crumbs .mip-container a { color: #999; } .mip-crumbs .mip-container a:last-child { color: #f90; } .mip-ipro .mip-tabs { display: inline-block; text-align: center; width: 100%; } .mip-ipro .mip-tabs a { display: inline-block; margin-right: 20px; line-height: 40px; font-size: 14px; } .mip-ipro .mip-tabs a:last-child { margin-right: 0; } .mip-inew .mip-tabs a:last-child { margin-right: 0; } .mip-ipro .mip-tabs a.active { color: #f90; } .mip-img-container { margin: 0 auto; } .mip-main { padding: 30px 0; } @media screen and (max-width: 1200px) { .mip-center { padding: 0 1%; } .mip-case .mip-case_c mip-vd-tabs section { width: 100%; } .mip-inews .mip-inews_l { width: 100%; margin-bottom: 30px; } .mip-inews .mip-inews_r { width: 100%; } .mip-inews .mip-inews_l .mip-inews_ll { width: 40%; } .mip-inews .mip-inews_l .mip-inews_lr { width: 56%; } mip-nav-slidedown #bs-navbar .navbar-nav a { padding: 0 25px; } .mip-case .mip-case_c mip-vd-tabs .mip-vd-tabs-content { width: 100%; height: auto; } .mip-headtext { display: none; } .mip-tel { display: none; } .mip-main { padding: 30px 0; } .cont-left { width: 20%; } .cont-right { width: 75%; } } @media screen and (max-width: 768px) { .mip-wap { display: block; } .mip-pc { display: none; } .mip-head {display: none;} .fb { display: block!important; width: 100%; background: #183883; color: #fff; height: 56px; } .fb a { width: 33.3%; display: block; height: 56px; float: left; text-align: center; color: #fff; padding: 5px 0; font-size: 12px; line-height: 1; } .fb a i { display: block; height: 28px; background: no-repeat center; background-size: contain; margin-bottom: 5px; } .fb a i.i1 { background-image: url(/template/default/index/img/f_ico1.png); } .fb a i.i3 { background-image: url(/template/default/index/img/f_ico3.png); } .fb a i.i4 { background-image: url(/template/default/index/img/f_ico4.png); } .mip-footerb { margin-bottom: 56px; } .mip-nav { background: #fff; } .mip-logo { float: left; font-size: 20px; line-height: 50px; font-weight: bold; } .mip-logo a { display: inline-block; float: left; } .mip-logo a mip-img{ height: 50px; width: auto; } .mip-logo img { width: auto; } .mip-logo span { color: #183883; } .mip-footer .mip-footert .mip-text:last-child { width: 100%; text-align: center; } .mip-main { padding: 30px 0; } .cont-left { display: none; } .cont-right { width: 100%; } .cont-right .content { padding: 0 1%; } }