@charset "utf-8"; *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0; margin:0; padding:0; } #bsWXBox { box-sizing:content-box; } ul { list-style:none; } body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0; } a:link, a:visited { text-decoration:none; outline:0; color:#666 } a:hover, a:active, a:focus { color:#666; text-decoration:none } img { border:0; padding: 0; margin: 0; max-width:100%; } table { border-collapse:collapse; width:100% } h1, h2, h3, h4, h5, h6 { font-weight:normal; } input, textarea { font-size:14px; outline:0; overflow:hidden; font-family:arial, "microsoft yahei" } input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] { cursor:pointer; outline:0; border: none; } input[type='checkbox'], input[type='radio'] { position:relative; vertical-align:middle; } textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] { outline:0; color:#666; } input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button { -webkit-appearance:none } input, select, textarea { -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } ::-webkit-input-placeholder { color:#999; } :-moz-placeholder { color:#999; opacity:1; } ::-moz-placeholder { color:#999; opacity:1; } :-ms-input-placeholder{ color:#999; } .clearfix:after { clear:both; height:0; content:""; line-height:0; font-size:0; display:block } .clear { clear:both; } body { font-family:"微软雅黑;"; font-size:14px; color:#666; line-height:1.5; width:100%; background:#fff; -webkit-tap-highlight-color:transparent; min-width: 1188px; } .fl { float:left; } .fr { float:right; } .pic{ position: relative; overflow: hidden; width: 100%; } .pic:after{ content: ''; display: block; padding-bottom: 100%; } .pic img{ transition: .5s; } .middleCenter { position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; display:block; vertical-align:middle; text-align:center; margin:auto } .container1 { width: 1000px; margin: 0 auto; } header { width:100%; margin:0 auto; position:relative; z-index: 99; } .daohang { display:block; width:100%; margin:0 auto; clear:both; height: 92px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2); background: url(../images/header-bg.gif) repeat-x; } .daohang .container1{ position: relative; } .yx { float:left; } .yx a { display:block; padding-top: 21.5px; } .yx img { max-width:100%; height:auto; } .navdaohang { float: right; } .navdaohang h3{ text-align: right; margin-right: 20px; padding: 8px 0; line-height: 1.2; } .navdaohang h3 a{ color: #666; font-size: 12px; } .navdaohang h3 a:hover{ color: #666; } .menupc{ background: url("../images/dhbj.gif") repeat-x; height: 40px; } .menupc li{ float: left; text-align: center; position: relative; line-height:40px; z-index: 9; } .menupc li:hover a:after{ display: block; } .menupc li a{ display:block; color: #fff; z-index: 999; position: relative; padding: 0 35px; } .menupc li a:after{ content: ''; display: none; height: 0; width: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #405a9e; position: absolute; bottom: 5px; left: 50%; margin-left: -3px; } .menupc li a:hover{ color: #fff; } .menupc li a:hover:after{ display: block; } .menupc li .current{ color: #fff; } .menupc ul{ background-color: rgba(255,255,255,0.7) !important; position: absolute; display:none; left: 10px; overflow: hidden; z-index: 999; width:100%; border-bottom: 4px solid #7689bb; padding: 18px 0; } .menupc ul li{ float: none; position: static; text-align: left; background:none; line-height: 30px; width:100%; } .menupc ul li:hover:after{ width: 0 !important; } .menupc ul li a{ display: block; position:relative; font-weight: normal; color:#666 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 10px 0 25px; } .menupc li:hover ul li a:after{ display: none; } .menupc ul li a:after{ display: none; } .menupc ul li a:hover{ color: #405a9e !important; } .menupc ul li .current{ color: #405a9e !important; } .menupc ul.subnav { display: block; } /*手机导航*/ .phone-nav { position:absolute; font-size:30px; right:15px; top:0px; line-height:60px; display:none; color:#666; } .phone-nav img{ height: 30px; margin-top: 15px; display: block; } .header a[href="#page"] { display:none!important; } .mm-opened .header a[href="#page"] { display:block!important; } .mm-opened .header a[href="#mmenu"] { display:none!important; } #mmenu { z-index:9999; } #mmenu li .home-search { float:left; margin-left:20px; width:90%; background-color:#fff; padding-left:0; overflow:hidden; margin-top:10px; position:relative } #mmenu li .home-search .keyword { text-align:left; border:0; box-shadow:0; border-radius:0; width:86%; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -mz-border-radius:0; font-size:14px; color:#999; line-height:20px; vertical-align:top; padding:6px 86px 6px 10px; -webkit-appearance:none; background-color:#fff; border:1px solid #ccc } #mmenu li .home-search .keyword:focus { transition:border linear .2s, box-shadow linear .5s; -moz-transition:border linear .2s, -moz-box-shadow linear .5s; -webkit-transition:border linear .2s, -webkit-box-shadow linear .5s; outline:0; border:1px solid #0a78bc; } #mmenu li .home-search .btn-sub { top:0; border:0; right:0; color:#e20008; width:42px; height:34px; line-height:34px; text-align:center; position:absolute; cursor:pointer; border-radius:0; background:#0a78bc url(../images/search3.png) no-repeat center center; } .container-fluid { margin-left:auto; margin-right:auto; padding:0 15px; } /*swiper的banner*/ .home-banner { overflow:hidden; width:100%; margin:0px auto; position: relative; z-index: 9; } .swiper-container { width: 100%; height: 100%; position: relative; } .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .banners a{ display: block; } .banners a img{ display: block; width: 100%; height: auto; } .home-banner .swiper-container .swiper-pagination{ display: block; bottom: 5px; right: 0px; } .home-banner .swiper-container .swiper-pagination-bullet{ width: 12px; height: 12px; background: url("../images/banner-dot.png") no-repeat 0 -24px; opacity: 1; outline: none; margin: 0px 5px; border-radius: 0px; } .home-banner .swiper-container .swiper-pagination-bullet-active{ background: url("../images/banner-dot.png") no-repeat 0 0; } /*右侧飘浮*/ .rightFloat { position:fixed; right:0px; bottom:100px; z-index:999; cursor:pointer; } .rightFloat li { margin-bottom:2px; width:80px; height:80px; } .rightFloat li a { display:block; width:100%; height:100%; background:url(../images/right.gif) no-repeat; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .rightFloat li.rf02 a { background-position:0 -85px; } .rightFloat li.rf03 a { background-position:0 -169px; } .rightFloat li.rf04 { height:80px; } .rightFloat li.rf04 a { background-position:0 -256px; } .rightFloat li.rf06 { height:45px; } .rightFloat li.rf06 a { background-position:0 -421px; } .rightFloat li.rf05 { position:relative; } .rightFloat li.rf05 a { background-position:0 -341px; } .rightFloat li.rf05 .fr_erwm { position: absolute; right: 100%; width: 0; height: 93px; top: -10%; } .rightFloat li.rf04 .fr_erwm1 { position: absolute; right: 100%; width: 0; height: 93px; top: 10%; } .rightFloat li.rf04 { margin-bottom:0; position:relative; } .rightFloat li:hover a { background-position:-80px 0; } .rightFloat li.rf02:hover a { background-position:-80px -85px; } .rightFloat li.rf03:hover a { background-position:-80px -169px; } .rightFloat li.rf04:hover a { background-position:-80px -256px; } .rightFloat li.rf05:hover a { background-position:-80px -341px; } .rightFloat li.rf06:hover a { background-position:-80px -421px; } footer{ width: 100%; margin: 0 auto; overflow: hidden; } .footer1{ background: #717171; color: #fff; padding: 8px 0; overflow: hidden; } .footer1 li{ line-height: 22px; float: left; } .footer1 li a{ color: #fff; font-size: 12px; } .footer1 li a:hover{ text-decoration: underline; } .footer1 li span{ padding: 0 10px; } .footer2{ border-top: 1px solid #7599b9; text-align: center; padding: 25px 0; background-color: #034580; color: #fff; overflow: hidden; } .footer2 p a{ font-size: 12px; color: #fff; } .footer2 p a:hover{ text-decoration: underline; } .home-company{ width: 100%; margin: 0 auto 40px auto; overflow: hidden; } .company{ position: relative; background-color: #e5f4fb; border: 1px solid #fcfcfc; padding: 15px; overflow: hidden; } .company_fl{ float: left; font-size: 18px; color: #666; line-height: 29px; } .company_fr{ float: left; } .company_fr li{ float: left; margin-left: 15px; } .company_fr li a{ display: block; } .company_fr li a img{ float: left; height: 29px; width: auto; } .company_fr li a p{ float: left; padding-left: 5px; line-height: 29px; font-size: 12px; color: #666; } .company_fr li a:hover p{ color: #344c92; } .home-news{ width: 100%; margin: 40px auto; overflow: hidden; } .news_fl{ float: left; } .news{ width: 48%; padding: 0 20px; border: 1px solid #cdcdcd; border-top: 4px solid #0097d8; } .news_title{ border-bottom: 1px solid #e4e4e4; overflow: hidden; padding-top: 8px; line-height: 30px; padding-bottom: 8px; } .news_title p{ float: left; color: #323333; font-size: 24px; } .news_title p span{ color: #0061a5; } .news_title a{ float: right; font-size: 12px; color: #666; } .news_title a:hover{ color: #00a5df; } .news_con{ overflow: hidden; } .news_con_t{ padding: 14px 0; border-bottom: 1px dashed #ddd; overflow: hidden; } .news_con_t a{ display: block; } .news_t_img{ float: left; width: 204px; height: 125px; } .news_t_img img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .news_t_txt{ margin-left: 220px; } .news_t_txt1{ color: #00a5df; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; font-weight: bold; } .news_t_txt2{ font-size: 12px; color: #666; } .news_con_t a:hover .news_t_img img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .news_con_b{ padding: 8px 0; overflow: hidden; } .news_con_b li{ line-height: 24px; } .news_con_b li a{ display: block; font-size: 12px; } .news_con_b li a p{ float: left; background: url("../images/arr2.png") no-repeat left center; color: #666; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px; } .news_con_b li a span{ float: right; color: #999; display: none; } .news_con_b li a:hover p{ color: #344c92; } .news_fr{ float: right; } .home-about{ width: 100%; margin: 0 auto; background: #f9f9f9; padding: 45px 0; overflow: hidden; } .about_fl{ float: left; width: 43%; } .about_fl img{ display: block; max-width: 100%; height: auto; margin: auto; } .about_fr{ float: right; width: 54%; } .about_fr1{ background: url("../images/abg.jpg") no-repeat top left; font-size: 24px; color: #333; font-weight: 300; width: 186px; padding: 15px 30px; } .about_fr2{ line-height: 28px; margin: 5px 0; padding-left: 30px; color: #666; font-size: 12px; } .home-pro{ width: 100%; margin: 40px auto; } .pro_top{ position: relative; } .pro_title{ text-align: center; background: url("../images/pbg.png") no-repeat center; } .pro_title h3{ color: #fff; font-size: 22px; text-align: center; background-color: #33a0ce; width: 193px; margin: 0 auto; line-height: 50px; border: 1px solid #e2e2e2; } .search{ position: absolute; right: 0; top: 15px; } .searchform{ position: relative; height: 26px; } .forminput1{ background-color: transparent; line-height: 24px; height: 26px; color: #757575; font-size: 12px; width: 202px; padding-left: 10px; border: 1px solid #dfdfdf; } .forminput2{ background: url("../images/search.png") no-repeat center; width: 14px; height: 14px; text-indent: -999px; border: none; position: absolute; right: 6px; top: 6px; } .searchform input::-webkit-input-placeholder{ color: #757575; } .searchform input::-moz-input-placeholder{ color: #757575; } .searchform input::-ms-input-placeholder{ color: #757575; } .pro_con{ margin-top: 35px; position: relative; } .pro_con .swiper-slide{ display: initial; } .pros a{ display:block; overflow: hidden; position: relative; background-color: #f5f5f5; padding: 5px; } .pro_img{ overflow: hidden; } .pro_img img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .pros a:hover .pro_img img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .pro_txt{ padding: 20px 0 15px 0; overflow: hidden; } .pro_txt h3{ color: #666; line-height: 25px; height: 50px; overflow: hidden; } .pros a:hover .pro_txt h3{ color: #33a0ce; } .pro_con .swiper-button-next, .pro_con .swiper-button-prev{ display: block; position: absolute; top: 50%; width: 20px; height: 53px; margin-top: -26px; z-index: 10; cursor: pointer; outline: none; font-size: 36px; color: #028c3e; text-align: center; line-height: 53px; border-radius: 0; } .pro_con .swiper-button-prev{ left: -40px; right: auto; background: url("../images/prev.png") no-repeat left center; } .pro_con .swiper-button-next{ right: -40px; left: auto; background: url("../images/next.png") no-repeat left center; } /*关于我们*/ .inner-banner{ width: 100%; margin: 0 auto; } .inner-banner img{ display: block; max-width: 100%; height: auto; margin: auto; } .inner-main{ width: 100%; margin: 30px auto 50px auto; overflow: hidden; } .inner_fl{ float: left; width: 202px; } .inner_fl_t{ margin-bottom: 20px; overflow: hidden; } .inner_fl_t h3{ font-size: 20px; color: #042f6c; } .inner_fl_t ul{ margin-top: 15px; } .inner_fl_t ul li{ line-height: 39px; border-bottom: 1px dashed #dbdbdb; overflow: hidden; } .inner_fl_t ul li a{ display: block; position: relative; color: #666; font-size: 12px; padding: 0 25px; } .inner_fl_t ul li a:hover{ background: url("../images/libg.jpg") no-repeat center; color: #fff; } .inner_fl_t ul li .active{ background: url("../images/libg.jpg") no-repeat center; color: #fff; } .inner_fl_t ul li a:after{ content: ''; display: block; width: 3px; height: 5px; background: url("../images/jt.png") no-repeat center; position: absolute; right: 15px; top: 17px; } .inner_fl_t ul li a:hover:after{ background: url("../images/jt_h.png") no-repeat center; } .inner_fl_t ul li .active:after{ background: url("../images/jt_h.png") no-repeat center; } .inner_fl_b{ margin-bottom: 20px; overflow: hidden; } .inner_fl_b li{ margin-bottom: 20px; overflow: hidden; } .inner_fl_b li a{ display: block; } .inner_fl_b li a img{ max-width: 100%; height: auto; } .inner_fr{ margin-left: 235px; } .inner_fr_title{ border-bottom: 1px solid #e0e0e0; line-height: 48px; overflow: hidden; } .inner_fr_title p{ float: left; font-size: 18px; color: #006acc; } .inner_fr_title span{ float: right; background: url("../images/home.jpg") no-repeat left center; padding-left: 20px; } .inner_fr_title span a{ color: #666; } .inner_fr_title span a:hover { color: #344c92; } .inner_fr_title span em{ color: #006acc; font-style: normal; } .inner_fr_about{ margin: 20px 0; overflow: hidden; line-height: 25px; color: #666; } .inner_fr_about img{ display: block; max-width: 100%; height: auto; } /*联系我们*/ .inner_fr_contact{ margin: 20px 0; overflow: hidden; font-size: 12px; color: #666666; line-height: 22px; } /*人才招聘*/ .inner_fr_job{ margin: 20px 0; overflow: hidden; } .job_t{ overflow: hidden; } .job_t dl{ margin-bottom: 20px; overflow: hidden; font-size: 12px; } .job_t dl dt{ color: #3366ff; font-weight: bold; } .job_t dl dd{ color: #333; line-height: 22px; } .job_b{ border: 1px solid #000; padding: 20px; overflow: hidden; } .job_b p{ font-size: 12px; color: #333; line-height: 20px; } /*学术交流*/ .inner_fr_xsjl{ margin: 20px 0; overflow: hidden; } .news_t{ margin-bottom: 7px; padding-bottom: 20px; border-bottom: 1px solid #ddd; overflow: hidden; } .news_t a{ display: block; } .inews_img{ float: left; width: 203px; height: 131px; padding: 3px; border: 1px solid #ddd; } .inews_img img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .news_t a:hover .inews_img img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .inews_txt{ margin-left: 227px; font-size: 12px; } .inews_txt1{ overflow: hidden; } .inews_txt1 p{ float: left; width: 75%; color: #024d9e; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inews_txt1 span{ float: right; color: #666; display: none; } .inews_txt2{ padding: 10px 0; line-height: 2; color: #666; } .inews_txt3{ color: #d50000; font-weight: 700; } .news_b{ margin-bottom: 20px; overflow: hidden; } .news_b li{ line-height: 40px; border-bottom: 1px dashed #ddd; overflow: hidden; } .news_b li a{ display: block; font-size: 12px; color: #666; } .news_b li a p{ float: left; color: #666; width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_b li a span{ float: right; display: none; } .news_b li a:hover p{ color: #344c92; } /*分页*/ .pagination{ text-align:center; color:#666; } .pagination a{ display:inline-block ; color: #808080; border:1px solid #D9D9D9; text-align: center; text-transform: capitalize; padding:0px 10px; line-height:28px; background-color:transparent; margin:0px 1px 10px 1px; } .pagination a:hover{ color:#fff; background-color:#023d7c; border:1px solid #023d7c; } .pagination a.active { display: inline-block; color: #fff; background-color: #023d7c; border: 1px solid #023d7c; } /*新闻详情*/ .inner_fr_newsshow{ margin: 20px 0; overflow: hidden; } .show_title{ text-align: center; padding-bottom: 15px; border-bottom:1px solid #dcdcdc; } .show_title h3{ font-size: 16px; text-align: center; padding-bottom: 10px; color: #006acc; font-weight: bold; } .show_title span{ display: none; padding: 0 10px; color: #666; font-size: 12px; } .show_content{ line-height:25px; color:#666; padding:20px 0px; } .show_content img{ display:block; max-width: 100%; height: auto; } /*产品信息*/ .inner_fr_pro{ margin: 20px 0; overflow: hidden; } .inner_fr_pro li{ float: left; width: 50%; padding: 0 10px; margin-bottom: 27px; } .inner_fr_pro li a{ display: block; border: 1px solid #e7e7e7; overflow: hidden; padding: 23px; position: relative; box-shadow: 0 0 5px #ccc; transition: .5s; } .inner_fr_pro li a:hover{ box-shadow: 0 0 5px #bbb; } .ipro_img{ float: left; width: 113px; height: 95px; overflow: hidden; } .ipro_img img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .inner_fr_pro li a:hover .ipro_img img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .ipro_txt{ margin-left: 136px; padding-top: 20px; } .ipro_txt1{ font-weight: 300; color: #333; font-size: 12px; height: 36px; overflow: hidden; line-height: 18px; } .ipro_txt2{ padding-top: 10px; color: #666; font-size: 12px; } .ipro_more{ position: absolute; bottom: 0; right: 0; width: 16px; height: 16px; line-height: 15px; color: #fff; font-size: 18px; text-align: center; font-weight: bolder; background-color: #004f99; } .inner_fr_pro li a:hover .ipro_more{ background-color: #d30000; } /*产品详情*/ .inner_fr_proshow{ margin: 20px 0; overflow: hidden; }