.duopian_list{ height:160px; margin:0px auto 0px 0px; clear:both;} .duopian_list_title{ height:30px; margin-left:20px; float:left; margin-top:15px; width:580px;} .duopian_list_title a h2{ line-height:30px; height:30px; overflow:hidden; font-size:18px; color:#333333; } .duopian_list_title a h2:hover{color:#1392fd;} .duopian_list_img{ width:165px; height:125px; float:left; margin:20px auto;} .duopian_list_img img{ width:165px; height:125px;} .duopian_list_right{ width:700px; float:left; margin-left:20px; margin-top:10px;} .duopian_list_jieshao{ height:60px; overflow:hidden;} .duopian_list_jieshao p{line-height:20px; font-size:14px;} .duopian_list_re{ width:700px;float:left; height:30px; line-height:30px; margin-left:20px;} .duopian_list_re span{ font-size:16px; margin:0 5px; color:#da251c;} .iconfont { color: #909090; } .glyphicon-home::before { content: ""; } ::before, ::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .glyphicon { font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; } .weizhi { line-height: 55px; color: #999; } .weizhi { height: 55px; line-height: 55px; border-bottom: 1px solid #ededed; color: #999; background: #FFF; } .ntainer { width: 1170px; } .container { width: 1300px; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; color: #909090; } .weizhi i { margin-right: 6px; } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .weizhi a { color: #999; } :link, :visited, :hover, :active, :focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .fr { float: right; } .weizhi .menu a.cur, .weizhi .menu a:hover { border-bottom: 2px solid #abcd07; } .weizhi .menu a { position: relative; display: inline-block; margin: 0 16px; margin-bottom: 0px; font-size: 16px; line-height: 49px; color: #484848; margin-bottom: 1px; } .weizhi a { color: #999; } :link, :visited, :hover, :active, :focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .row { margin-right: -5px; margin-left: -5px; } .ny-news { margin: 0px 0 15px 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } ny-news a.pic-link { margin-right: 0px; } .pic-link { display: block; position: relative; } .case-hover { cursor: pointer; } .case-hover { cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0); background-image: url(../images/on-hover.png); background-repeat: repeat; opacity: 0; filter: Alpha(Opacity=0); z-index: 96; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .ny-news a.pic-link img { border: 1px solid #ececec; } .ylw-img-responsive2 { max-width: 100%; max-height: 200px; } img { max-width: 100%; } img { vertical-align: middle; } .ny-news h4 { font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin: 5px 0 5px 0; } .ny-news h4 a { color: #000; font-size: 16px; } :link, :visited, :hover, :active, :focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .neirong .info, .neirong .info p, .neirong .info li, .case-fl p, .ny-news p { line-height: 30px; color: #333; } .ny-news p { margin: 0; line-height: 24px; color: #999; } .neirong .info, .neirong .info p, .neirong .info li, .case-fl p, .ny-news p { line-height: 30px; color: #333; } .ny-news p { margin: 0; line-height: 24px; color: #999; height: 50px; overflow: hidden; } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .col-lg-4 { width: 33.33333333%; height: 350px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13 { float: left; } .col-md-4 { width: 33.33333333%; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-lg-13 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } *{margin:0px; padding:0px; font-size:14px;font-family:Microsoft YaHei; color:#4a4a4a;} p, span, h1, h2, h3, h4, h5, h6, small, div, li, a { font-family: "Microsoft YaHei" !important; color: #2f2f2f; } img{border:0px; display:inline-block; font-size:0px; position:relative;} a{text-decoration:none;} body { margin:0px; padding:0px; } @font-face {font-family: "iconfont"; src: url('/css/iconfont/iconfont.eot'); /* IE9*/ src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } table{border-collapse:collapse; border-spacing:0;} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#dd4a52;} .pager{font-size:14px; padding:0 10px; color:#ffffff; line-height:25px; display:inline-block;background-color:#346057; margin:0px 5px;} .pager_hover,.pager:hover{font-size:14px; background-color:#30bfaf; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#346057; display:inline-block; margin:0px 5px; font-size:14px; } .clear{ clear:both;} h1,h2,h3,h4,h5{ font-weight:normal;} #top{background-color:#ffffff;} #top_box{margin:0 auto; text-align:center; overflow:hidden; width:1300px; display: flex; align-items: center;} .border{border:1px #cecece dashed; margin:10px auto; clear:both;} #logo{ float:left;} #top_right{ float:right;margin-right:5px;} #top_right span{ color:#996633; line-height:26px;} .page_left{ width:235px; float:left;} .page_right{width:1270px; } .left_a{background-image:url(http://pic17_1.qiyeku.com/qiyeku_pic/2017/4/19/zssjch/news/news_pic/image/2017_04_22/20170422023516186.png);background-repeat:no-repeat; background-position:15px center; margin-top:3px; height:35px; line-height:35px; display: block; border-bottom:1px #f4f4f4 solid; text-indent:40px; color:#616161;} .left_a:hover{ background-image:url(http://pic17_1.qiyeku.com/qiyeku_pic/2017/4/19/zssjch/news/news_pic/image/2017_04_22/20170422022510204.png); border-bottom:1px #9e4341 solid; color:#973835; } #weizhi{ float:right; height:43px; line-height:43px; color:#727272; margin-right:20px;} #weizhi a{ color:#727272;} #weizhi .icon{ font-size:18px; color:#727272;; display:inline-block; width: 12px; height:43px; margin-right:5px;} .weixin:hover{cursor: pointer;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "微软雅黑", "Hiragino Sans GB", "Microsoft YaHei", tahoma, arial, simsun, ""; font-weight: 500; line-height: 1.1; color: inherit; } h3, .h3 { font-size: 24px; } h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 10px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; color: inherit; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after { clear: both; } .clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { display: table; content: " "; } #header { z-index: 9999; } .navbar { margin-bottom: 0px !important; } .navbar-default { background-color: rgba(255,255,255,0.95); } .navbar { border: 0 !important; } .navbar-default { background-color: #fff; border-color: #e7e7e7; } .navbar { border-radius: 4px; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } ::-moz-selection { background: #084e9e; color: #fff; } ::before, ::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } .navbar-header { position: relative; } .navbar-header { float: left; } .navbar-default .navbar-toggle { border-color: #084e9e; } .navbar-toggle { display: none; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: #084e9e; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button, select { text-transform: none; } button { overflow: visible; } button, input, optgroup, select, textarea { margin: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font: inherit; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button, select { text-transform: none; } button, input, optgroup, select, textarea { font: inherit; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button, select { text-transform: none; } button, input, optgroup, select, textarea { font: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; } .navbar-default .navbar-toggle .icon-bar { background-color: #FFF; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin: 0; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } .navbar-default .navbar-brand { color: #777; } .navbar-brand { padding: 0px; margin: 0; height: 60px; } :link, :visited, :hover, :active, :focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } a { color: #428bca; text-decoration: none; } a { background: 0 0; } .ylw-img-responsive3 { height: auto; width: auto; } .ylw-img-responsive3 { max-height: 100%; width: auto; height: auto; max-width: 100%; } img { max-width: 100%; } img { vertical-align: middle; } img { border: 0; } .navbar-default .navbar-brand { color: #777; } .navbar-brand { font-size: 18px; line-height: 20px; } .nav-box { float: right; overflow: hidden; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } ul, li { list-style: none; } :link, :visited, :hover, :active, :focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } a { background: 0 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: "微软雅黑", "Hiragino Sans GB", "Microsoft YaHei", tahoma, arial, simsun, ""; overflow-x:hidden; } ul, li { list-style: none; } .navbar{border:0!important} img{max-width:100%;} a { color: #2f2f2f; text-decoration: none } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "微软雅黑", "Hiragino Sans GB", "Microsoft YaHei", tahoma, arial, simsun, ""; font-weight: 500; line-height: 1.1; color: inherit } .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 } .topbox { height: 43px; background: #444240; z-index: 10; clear: both; float: left; width: 100%; position: absolute; top: 0; } input, textarea{ outline:0;} ul, li{ list-style:none;} .ylw-img-responsive { height: auto; max-width: 100% } .ylw-img-responsive2 { max-height:100%; width: auto; } .ylw-img-responsive3 { width:auto; height:auto; max-width:100%; } .ylw-img-responsive2 { width:100%; height:auto; } .ylw-img-responsive3 { height: auto; width: auto; } *:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear } .h-h2 { font-size: 24px; line-height: 150%; color: #000; background-image: url(../images/cpxt.png); text-align:center; background-repeat: no-repeat; background-position: center; padding-bottom:10px; padding-top: 0; margin-top: 0; margin-bottom:40px } ::-moz-selection { background: #084e9e; color: #fff } ::selection { background: #084e9e; color: #fff } .col-lg-20 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } @media(min-width:1200px) { .col-lg-20 { float: left } } @media(min-width:1200px) { .col-lg-20 { width: 20% } } @media(min-width:1200px) { .z15 { padding-left: 30px; padding-right: 0 } } @media(min-width:1001px) and (max-width:1199px) { .z15 { padding-left: 30px; padding-right: 0 } } @media(min-width:1200px) { .zaz { padding-left: 3%; padding-right: 0 } } @media(min-width:1001px) and (max-width:1199px) { .zaz { padding-left: 3%; padding-right: 0 } } .headroom { position:relative; float:left; width:100%; left: 0; right: 0; z-index:1; transition: all .2s ease-in-out; background: #0582d2; height: 60px; } .headroom--unpinned { top: -100px } .navbar-header { position: relative } .logo { margin: 0; padding: 15px 0; display: table } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin:0; } .navbar-brand { padding:0px; margin:0; height:60px; } @media(max-width:999px) { .logo { margin: 0; padding: 15px 0; display: table } .navbar-brand { height: 43px } } @media(max-width:768px){ .navbar-brand { margin:0 0 0 15px; } } .logo small { font-size: 14px; color: #999; padding-top: 16px; display: table; font-style: italic } .logo small a { color: #999 } @media(min-width:1000px) { .logo-visible { display: none } } @media(max-width:999px) { .logo-hidden { display: none } } .head-lx { position: absolute; margin: 0; padding: 25px; left: 0; top: 100px; background-color: rgba(144,196,47,1); width: 350px; display: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border-top-right-radius: 0; border-top-left-radius: 0 } @media(min-width:999px) { .navbar-header:hover .head-lx { display: block } } .head-lx li { line-height: 28px; color: #fff; margin-bottom: 6px } .head-lx li.tel { padding: 5px 0 0 30px; margin-top: 5px; background-image: url(../images/head-lx-bg.png); background-repeat: no-repeat; background-position: 0 10px; overflow: hidden } .head-lx li.oc { padding: 0 0 0 30px; background-image: url(../images/head-lx-bg.png); background-repeat: no-repeat; background-position: 0 -28px; overflow: hidden; margin-bottom: 0 } .head-lx li small { font-size: 12px } .nav-ul li.active a, .nav-ul li.current a, .nav-ul li a:hover { padding-top:30px; color: #272727; border-bottom: 3px solid #abcd07; } .navbar-default .navbar-nav>li>a { padding: 39px 16px 0 16px; min-height: 100px } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color: #6699CC } .navbar-default .navbar-nav>li>a { color: #000 } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active>a { color: #fff } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li.active>a { padding-top: 25px } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #FFF; background-color: #084e9e } .navbar-default .navbar-nav>li>a small { display: none; color: #E9E9E9; font-size: 12px; text-align: center; margin: 8px auto 0 auto; padding: 2px 0 0 0; border-top: 1px dotted rgba(255,255,255,0.5) } @media(min-width:999px) { .navbar-default .navbar-nav>li>a:hover small, .navbar-default .navbar-nav>li>a:focus small, .navbar-default .navbar-nav>li.active>a small { display: table } } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #FFF; background-color: #084e9e } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 150px; padding: 10px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: rgba(102,153,204,0.9); border-radius: 0 0 8px 8px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.1); box-shadow: 0 6px 12px rgba(0,0,0,0.1); background-clip: padding-box; border-width: 0 z-index: 99999; } .dropdown-menu>li>a { padding: 8px 30px; color: #fff } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #fff; text-decoration: none; background-color: #7BA9D8 } .dropdown-menu>li>a.hover, .dropdown-menu>li.hover { color: #FFF; background-color: #7BA9D8 } @media(min-width:768px) and (max-width:999px) { .navbar-default .navbar-nav>li>a { padding: 10px 6px 0 6px; min-height: 40px; margin-top: 16px } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li.active>a { padding-top: 10px } .logo { padding: 15px 0 } } @media(max-width:767px) { .logo { padding: 14px 15px; } .navbar-default .navbar-nav>li>a { padding: 10px 15px; line-height: 20px; min-height: 20px } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li.active>a { padding: 10px 15px } .navbar-toggle { margin-top: 18px } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #084e9e; } .navbar-nav .open .dropdown-menu { margin: 0; padding: 0; border-radius: 0 } .navbar-nav .open .dropdown-menu>li>a { line-height: 24px } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li.hover a { color: #FFF; background-color:#7fbcf9; } } .box { width: 100%; height: 100%; padding: 0 15px; background-repeat: no-repeat; background-position: center top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover } .hba { height: 300px } @media(max-width:992px) { header .container{ padding:0;} } @media(max-width:768px) { .case .row figure{ margin-bottom:10px;} } @media(max-width:767px) { header .container{ padding:0 15px;} header .rel{display:none;} } .img-scale{-webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s;} .img-scale:hover{-webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} /*nav*/ .nav-box{ float:right; overflow:hidden;} .nav-ul{ margin:0; padding:0; overflow:hidden; list-style:none;} .nav-ul li{ float:left; list-style:none; text-align:center; line-height:20px; display:block;} .nav-ul li a{display: inline-block;width: 140px;padding: 20px 0 0 0;padding-top: 30px;min-height: 85px;color: #272727;text-decoration: none;transition: all ease 0.5s;} .nav-ul li small{ display:none; color:#E9E9E9; font-size:12px; margin:8px auto 0 auto; padding:2px 0 0 0; border-top:1px dotted rgba(255,255,255,0.5);} .nav-ul li a:hover small{ display:block;} .nav-ul li.active small, .nav-ul li.current small{ display:block;} header .rel{position:relative;margin-top:60px;} .nav-wap{ display:none;} .pc-sub-nav{ background:#FFF; position:absolute; top:0; left:0; box-shadow:1px 0 5px #ccc; padding:15px 20px; display:none;overflow:hidden;border-radius:0 0 8px 8px;box-shadow: 0 3px 9px #999; z-index: 9999;margin-top: 117px;margin-left: 290px;} .pc-sub-nav .container{color:#000; margin-top:20px;} .pc-sub-nav .pic{ width:150px; text-align:center; float:left;border-right:1px solid #f1efef;padding-right:18px;padding-bottom:20px;} .pc-sub-nav .pic-box{ width:100%; overflow:hidden;} .pc-sub-nav .pic h2{ font-size:18px;font-weight:bold; height:30px; line-height:30px; margin:5px 0 10px 0; overflow:hidden;} .pc-sub-nav .pic p{ color:#666; line-height:24px; padding:0; margin:5px 0 0 0;} .pc-sub-nav .pic img{ width:100%; height:auto;} .pc-sub-nav .sub-list{float:left;width:350px;} .sub-list .sub-class{ list-style:none; margin:0; padding:0; padding-top:50px;overflow:hidden;} .sub-list .sub-class li{ float:left; text-align:left;height:40px;line-height:40px;background:url(../images/jt.png) no-repeat left center;text-indent:34px;} .sub-list .sub-class li a{text-decoration:none;font-size:13px;color:#333;} .sub-list .sub-class li a:hover h3 {color:#193867;} .sub-list .sub-class li a h3{color:#333;font-size:14px; height:40px; line-height:40px; margin:0; padding:0; font-weight:normal;} .pc-sub-nav:nth-child(1){left:13%;width:521px; } .pc-sub-nav:nth-child(1) .sub-list{width:350px;} .pc-sub-nav:nth-child(1) .sub-list li{width:47%;} .pc-sub-nav:nth-child(2){left:30%;width:343px; } .pc-sub-nav:nth-child(2) .sub-list{width:100px;} .pc-sub-nav:nth-child(2) .sub-list li{width:100%;} .pc-sub-nav:nth-child(3){left:36%;width:521px; } .pc-sub-nav:nth-child(3) .sub-list{width:350px;} .pc-sub-nav:nth-child(3) .sub-list li{width:47%;} .pc-sub-nav:nth-child(3) .sub-class{ padding-top:50px;} .pc-sub-nav:nth-child(4){left:45%;width:321px; } .pc-sub-nav:nth-child(4) .sub-list{width:350px;} .pc-sub-nav:nth-child(4) .sub-list li{width:47%;} .pc-sub-nav:nth-child(4) .sub-class{ padding-top:50px;} .pc-sub-nav:nth-child(5){left:50%;width:352px; } .pc-sub-nav:nth-child(5) .sub-list{width:170px;} .pc-sub-nav:nth-child(5) .sub-list li{width:100%;} .pc-sub-nav:nth-child(6){left:40%;width:621px; } .pc-sub-nav:nth-child(6) .sub-list{width:350px;} .pc-sub-nav:nth-child(6) .sub-list li{width:47%;} .pc-sub-nav:nth-child(7){left:68%;width:373px; } .pc-sub-nav:nth-child(7) .sub-list{width:170px;} .pc-sub-nav:nth-child(7) .sub-list li{width:100%;} .pc-sub-nav:nth-child(8){left:65.6%;width:373px; } .pc-sub-nav:nth-child(8) .sub-list{width:170px;} .pc-sub-nav:nth-child(8) .sub-list li{width:100%;} .pc-sub-nav:nth-child(8) .sub-class{ padding-top:35px;} .top_tel{padding:0 10px;} .top_tel img{vertical-align;text-bottom;margin-right:7px;} @media(min-width: 1000px){ .topr{width:490px;} } @media(max-width: 999px) and (min-width: 768px){ .nav-ul li.active a, .nav-ul li.current a{ padding-top:26px;} .nav-ul li a{padding:26px 6px 0 6px; min-height:73px; } .nav-ul li small, .nav-ul li.active small, .nav-ul li.current small{ display:none;} .nav-ul li a:hover small{ display:none;} .nav-ul li a:hover{ padding-top:26px; } .pc-sub-nav{top:73px;} .pc-sub-nav .pic h3{ font-size:14px; height:30px; line-height:30px; margin:5px 0 0 0;} .sub-list .sub-class li a h3{ font-size:14px;} .sub-list .sub-class{ list-style:none; margin:0; padding:0; overflow:hidden;} .sub-list .sub-class li{ float:left; width:150px; border-bottom:1px solid #ccc; margin:0 20px; text-indent:5px;} } h1{line-height:40px; text-align:center; color:#1f1f1f; font-size:16px;} .iconfont { color: #909090; } .glyphicon-home::before { content: ""; } ::before, ::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .glyphicon { font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; } .weizhi { line-height: 55px; color: #999; } .weizhi { height: 55px; line-height: 55px; border-bottom: 1px solid #ededed; color: #999; background: #FFF; } .ntainer { width: 1170px; } .container { width: 1300px; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; color: #909090; } .weizhi i { margin-right: 6px; } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .weizhi a { color: #999; } :link, :visited, :hover, :active, :focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .fr { float: right; } .weizhi .menu a.cur, .weizhi .menu a:hover { border-bottom: 2px solid #abcd07; } .weizhi .menu a { position: relative; display: inline-block; margin: 0 16px; margin-bottom: 0px; font-size: 16px; line-height: 49px; margin-bottom: 1px; color: #484848; } .weizhi a { color: #999; } :link, :visited, :hover, :active, :focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .row { margin-right: -5px; margin-left: -5px; } .ny-news { margin: 0px 0 15px 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } ny-news a.pic-link { margin-right: 0px; } .pic-link { display: block; position: relative; } .case-hover { cursor: pointer; } .case-hover { cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0); background-image: url(../images/on-hover.png); background-repeat: repeat; opacity: 0; filter: Alpha(Opacity=0); z-index: 96; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .ny-news a.pic-link img { border: 1px solid #ececec; } .ylw-img-responsive2 { max-width: 100%; max-height: 200px; } img { max-width: 100%; } img { vertical-align: middle; } .ny-news h4 { font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin: 5px 0 5px 0; } .ny-news h4 a { color: #000; } :link, :visited, :hover, :active, :focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .neirong .info, .neirong .info p, .neirong .info li, .case-fl p, .ny-news p { line-height: 30px; color: #333; } .ny-news p { margin: 0; line-height: 24px; color: #999; } .neirong .info, .neirong .info p, .neirong .info li, .case-fl p, .ny-news p { line-height: 30px; color: #333; } .ny-news p { margin: 0; line-height: 24px; color: #999; height: 50px; overflow: hidden; } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .col-lg-4 { width: 33.33333333%; height: 350px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13 { float: left; } .col-md-4 { width: 33.33333333%; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-lg-13 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .case-hover:hover { opacity: 1; filter: Alpha(Opacity=1); } .case-hover:hover { opacity: 1; filter: Alpha(Opacity=1); } .case-hover { cursor: pointer; } .case-hover { cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0); background-image: url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/7/2/zshongbao/product/product_pic/image/2018_08_07/20180807060529671.png); background-repeat: repeat; opacity: 0; filter: Alpha(Opacity=0); z-index: 96; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } :link, :visited, :hover, :active, :focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .case-hover:hover .hover-link, .tj-case figure div:hover .hover-link, .pic-link:hover .hover-link { background-image: url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/7/2/zshongbao/product/product_pic/image/2018_08_07/20180807061658803.png); background-repeat: no-repeat; background-position: center center; } .hover-link { width: 44px; height: 44px; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; position: absolute; display: block; } .case-hover * { filter: inherit; } #left_content{ width:235px;} .left_content_p{width:205px; margin:0 auto;} .left_content_p p{ line-height:28px; color:#666666;} #p_bottom{ width:1250px; margin:0 auto; clear:both; } .p_bottom_list{ height: 200px; width: 170px; float: left; margin: 35px 0px; text-align: left;} .p_bottom_list_title{ font-size:16px; line-height:40px; color:#fff;} .p_bottom_list_title_a{ line-height:25px; font-size:14px; color:#fff;} .p_bottom_list_c{margin-left:0px;} .p_bottom_list_c div{line-height:25px; color: #fff;} p, span, h1, h2, h3, h4, h5, h6, small, div, li, a { font-family: "Microsoft YaHei" !important; color: #515151; } #bottom{background-color:#404040;overflow:hidden; } #bottom_box{width:1190px; margin:0 auto; color:#fff; line-height:40px; } #bottom_box *{color:#6a6a6a; }#keft_div{ width:241px; height:400px; position:fixed; right:-202px; top:160px;z-index:999} .keft_ico{ background-color:#e60012; color:#fff; writing-mode:tb-rl; width:38px; height:152px; float:right; border:1px #e60012 solid; border-right:0px; cursor: pointer; line-height: 40px; text-align: center; font-size: 14px;letter-spacing:3px;} .keft_box{ background-color:#fff; border:1px #d0d8e2 solid; width:200px; height:440px; float:right; overflow:hidden; text-align:center; font-size:14px; color:#013984;} .kflist{width:200px; margin-top:10px;} .kflist img{ width: 79px; background-color: red; vertical-align: middle; } .kflist span{ display: inline-block;/*加不加都无所谓*/ vertical-align: middle; } 链接91丨精品丨蝌蚪丨亚洲hxsp链接红猫永久大本营mv链接链接链接