@charset "utf-8"; body{font:12px/1.7 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;overflow-x:hidden;color:#555} a,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,input,label,li,ol,p,pre,td,th,ul{margin:0;padding:0;border:0;outline:0} img{margin:0;padding:0} ol,ul{list-style:none} a,a:active,a:focus,a:hover{text-decoration:none} i{padding:0 5px;margin:0;overflow:hidden} .top-bar{position:relative;z-index:500} .navbar-brand{padding:0} .top-bar .l{float:left;line-height:30px;color:#187ad9;font-size:12px} .top-bar .r{float:right} .top-bar .drop-menu{color:#bfbfbf;width:110px;float:right} .top-bar .drop-menu a{color:#bfbfbf} .top-bar .drop-menu a:hover{color:#fff} .top-bar .drop-menu .drop-mt{cursor:pointer;height:30px;color:#fff;background-color:#1673d3;text-align:center;text-transform:uppercase;width:110px;line-height:30px} .top-bar .drop-menu .drop-mt span{display:inline-block;padding-right:15px;background-position:right center;background-image:url(../images/drop-icon.png);background-repeat:no-repeat} .top-bar .drop-menu .drop-mt a{display:block;width: 80px;padding: 0px;margin: 0px 0px 10px;color: #fff;} .top-bar .r a{display:inline-block;width:20px;height:20px;overflow:hidden;margin:5px 8px 0 0} .top-bar .r a.tel{background-image:url(../images/tel-icon.png)} .top-bar .r a.mail{background-image:url(../images/main-icon.png)} .top-bar .r a.weixin{background-image:url(../images/weixin-icon.png)} .top-bar .r a.tel:hover{background-image:url(../images/tel-hover-icon.png)} .top-bar .r a.mail:hover{background-image:url(../images/main-hover-icon.png)} .top-bar .r a.weixin:hover{background-image:url(../images/weixin-hover-icon.png)} .hide-tel{position:absolute;color:#1673d3;right:315px;top:0;line-height:30px;-webkit-transition-duration:.4s;-o-transition-duration:.4s;-ms-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s;text-align:right;width:0;overflow:hidden} .hide-tel .ht-c{width:130px} .hide-tel.open{width:130px} .qr-code{position:absolute;left:0;top:0;display:none} .nav{background-color:#1573d3;width:100%} .nav .r{float:right;overflow:hidden} .nav .r .line{width:1px;height:88px;float:left;background-image:url(../images/nav-line.png);background-repeat:no-repeat;background-position:center center} .nav .r .line.none{background:0 0} .nav .r .a{position:relative;height:88px;color:#fff;float:left;padding-left:30px;font-size:15px;line-height:20px;padding-right:30px} .nav .r .a .en{-webkit-transition-duration:.4s;-o-transition-duration:.4s;-ms-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s;color:#318fed;font-size:12px;text-transform:uppercase} .nav .r .a:hover .en{color:#93d0f9} .nav .r .a.current .en{color:#c5e5ff} .nav .r .a .t{padding-top:28px;position:relative} .nav .r .a .bg{-webkit-transition-duration:.4s;-o-transition-duration:.4s;-ms-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s;position:absolute;left:0;top:88px;width:100%;height:100%;background-image:url(../images/nav-hover-bg.png)} .nav .r .a:hover .bg{top:0} .nav .r .a.current .bg{top:0;background-image:url(../images/nav-press-bg.png)} @media (min-width:768px){ .hidden-lm{display:none!important} .nav_up {width: 100%;position: fixed;top: 0;z-index: 999999;display: block;} } @media (max-width:767px){ .collapse{background:#FFF} .navbar-toggle{margin-top:20px;color:#FFF} .navbar-brand{padding:5px 10px;height:auto} .navbar-brand img{width:75%} .navbar-default .navbar-toggle .icon-bar{background:#FFF} .navbar-collapse{position:absolute;width:100%;z-index:999} .navbar-nav li{padding:5px 20px;border-bottom:1px solid #eee;font-size:14px;line-height:24px} } .big_wapper{background:#f0f0f0} .bt{text-align:center;overflow:hidden;padding-top:65px;padding-bottom:50px} .aboutmore{display:inline-block;width:160px;height:45px;text-align:center;line-height:45px;color:#fff;font-size:16px;background-color:#004ea2;font-family:Arial,Helvetica,sans-serif} .aboutmore:hover{background-color:#999;color:#fff} .biaoti{width:100%;text-align:center;color:#636363;padding:60px 0 40px} .biaoti1{width:100%;text-align:center;color:#636363;padding:60px 0 40px} .lanmu{font-size:34px;text-transform:uppercase} .lanmu1{font-size:34px;color:#fff;text-transform:uppercase} .biaoti b{padding:0 14px;font-size:20px} .biaoti1 b{padding:0 14px;font-size:20px;color:#fff} .scrolllist{width:100%;position:relative} .indexpro{padding-bottom:60px} .scrolllist .imglist_w{overflow:hidden;position:relative} .scrolllist .imglist_w li{width: 23%; padding: 0px 1%; float:left;position:relative;box-sizing:border-box} .scrolllist .imglist_w li img{border:1px solid #e2e2e2;border-bottom:none;width:100%;overflow:hidden} .scrolllist .imglist_w li a{color:#fff} .scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:.86;opacity:.86} .gaoneng{width:100%;height:53px;line-height:53px;background:#646464; overflow: hidden;} .gaoneng a{display:inline-block;width:100%;height:53px;color: #fff;} .products>a>img{border:1px solid #e2e2e2;border-bottom:none;width:100%;overflow:hidden} .products:hover img{filter:alpha(opacity=86);-moz-opacity:.86;opacity:.86} .products:hover .gaoneng{background:#333;transition:.8s} .luntai{background:url(../images/xiaotu_11.png) no-repeat 9px 12px;padding:0 0 0 10px;display:inline-block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width: 80%;} .jia{border-left:1px solid #939393;font-size:18px;width:45px;text-align:center;} .showpro{padding:30px 0 0} .pro_img img{width:100%; border:1px solid #CCC;} .pro_title h1{font-size:20px;color:#036;font-weight:700;padding:10px 0;border-bottom:1px solid #999;line-height:30px} .pro_title span{padding:20px 0;line-height:25px;margin:0;font-size:14px} .showpro_nl{padding-top:50px} .h-title{text-align:center;border-bottom:1px solid #d9d9d9;font-size:24px;color:#3e3a39;padding-bottom:15px;position:relative} .h-title:after{content:'';position:absolute;left:50%;bottom:0;width:126px;height:5px;background:#044182;margin-left:-63px} .h-title.title-function{border-color:#ddd} .h-title.title-function:after{background:#38afe9} .showpro_info{padding:20px 0;margin:0;overflow:hidden;line-height:30px} .xinwen{width:100%;background:url(../images/bg1.jpg) no-repeat center top;background-size:100% 100%;padding-bottom:30px} .news_tiao{padding-bottom:40px} .rqi{width:61px;height:69px;font-size:12px;line-height:22px;border:1px solid #000;text-align:center;color:#fff} .rqi b{display:inline-block;width:60px;font-weight:400;height:43px;font-size:30px;line-height:43px;background:#000} .news_wen{display:block;overflow:hidden;padding-left:15px;color:#abacab} .news_wen p{line-height:22px} .news_wen b{font-weight:400;color:#fff;font-size:16px;display:inline-block;padding-bottom:5px} .news_wen a{color:#fff} .news_tiao:hover{cursor:pointer} .news_tiao:hover .rqi{border:1px solid #fff;transition:.8s} .news_tiao:hover .rqi b{color:#7e7e7e;background:#fff;transition:1s} @media screen and (max-width:768px){ .biaoti1{padding:40px 0} .scrolllist2{width:100%;min-height:auto} .scrolllist1{width:100%;margin-bottom:20px;min-height:auto} .scrolllist1 .imglist_w1 li{width:100%} .scrolllist{min-height:auto;margin-bottom:20px} .scrolllist .imglist_w li{width:48%;padding:10px 1%;} } .bottom_bg{width:100%;padding:3% 0 0;text-align:left;margin:0;background-color:#333} .Bottom_Title h2{color:#fff;font-size:22px;font-weight:600;line-height:35px} .Bottom_Title hr{border:none;border-top:2px double red;width:45px;margin:0;padding:0;overflow:hidden} .bottom_list{padding:20px 0;font-size:12px;color:#fff;margin:0} .bottom_list a{color:#FFF} .bottom_list ul{padding:0;margin:0} .bottom_list li{text-align:left;position:relative;display:block;line-height:28px;font-family:Arial;padding:0;margin:0} .bottom_copyright{border-top:1px solid #fff;font-size:12px;padding:5px 0;color:#fff;line-height:45px;text-align:center} @media only screen and (min-width:768px){ .bottom-right{float:right!important} .bottom-left{float:left!important} } .main{padding:0 0 40px;overflow:hidden} .map label{display:none} .indexcase_cate{text-align:center;padding:0 0 40px} .indexcase_cate a{display:inline-block;margin:0 2px;line-height:32px;border:1px #dbdbdb solid;padding:0 30px;color:#666} .indexcase_cate a.on,.indexcase_cate a:hover{color:#fff;background-color:#37393b;border-color:#37393b} .main-header{display:block;height:51px;width:100%;border-bottom:1px solid #d6d6d6;line-height:50px} .main-header .position{display:block;float:left;color:#777;padding-left:30px;background:url(../images/home-icon.png) no-repeat left center} .main-header .position a{color:#777;transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s} .main-header .position span{padding:0 3px} .main-header .position a:hover{color:#38b549} .main-header .subnav{display:block;float:right} .main-header .subnav li{display:inline-block;margin-left:60px} .main-header .subnav li a{display:block;color:#3c3c3c;height:50px;line-height:49px} .main-header .subnav li:hover a{color:#38b549} .main-header .subnav li.active a{color:#38b549;border-bottom:2px solid #38b549} .section-header{position:relative;display:block;width:100%;max-width:1200px;margin:2.5% auto 1.6%;text-align:center;font-size:0} .section-header h3{position:relative;display:block;line-height:1;font-size:30px;z-index:5} .green{color:#38b549} .black{color:#000} .section-header p{display:block;line-height:1;font-size:18px;color:#b8b8b8;margin-top:15px;text-transform:uppercase} .section-header .line{position:absolute;display:block;width:100%;height:1px;background-color:#d6d6d6;top:29px;left:0;text-align:center;z-index:2} .section-header .line span{display:inline-block;width:240px;height:1px;background-color:#fff} .profile{font-size:16px;overflow:hidden;clear:both;line-height:2;color:#777} .profile p{margin-bottom:1.2em} .profile img{max-width:100%} @media screen and (max-width:767px){ .main-header{height:auto;border-bottom:none} .main-header .position{width:100%;border-bottom:1px solid #d6d6d6} .main-header .subnav{display:none;width:100%;text-align:center;margin-top:2%} .main-header .subnav.profile-nav{display:block} .main-header .subnav li{margin:0 5%} .main-header .subnav li a{height:40px;line-height:40px} } .recruitment li{display:block;position:relative;margin:0 0 2.4%} @media screen and (max-width:768px){ .recruitment li{margin:4% 0} } .recruitment li>a{display:block;height:40px;line-height:40px;padding:0 15px;background-color:#ebebeb;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-ms-transition:.3s linear;-moz-transition:.3s linear} .recruitment li:hover>a{background:#e4e4e4} .recruitment li .zw{display:block;float:left;max-width:70%;padding-left:15px;font-size:16px;color:#777;background:url(../imgs/arrow.png) no-repeat left -7px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis} .recruitment li:hover a .zw{background:url(../imgs/arrow.png) no-repeat left 17px} .recruitment li .time{display:block;float:right;color:#777} .recruitment li .recruitment-detail{display:none;margin-top:2.4%;padding:0 20px} @media screen and (max-width:768px){ .recruitment li .recruitment-detail{margin-top:4%} } .recruitment li .recruitment-detail .request{display:block;font-size:15px;color:#5e5e5e;line-height:1.8} .recruitment li .recruitment-detail .request span{display:inline-block;margin-right:5%} .recruitment li .recruitment-detail .describe{display:block;margin-top:10px} .recruitment li .recruitment-detail .describe .tit{display:block;color:#5e5e5e} .recruitment li .recruitment-detail .txt{display:block;font-size:13px;line-height:26px;color:#777;margin-top:8px} .recruitment li .recruitment-detail .send{display:block;color:#38b549;margin-top:10px} .recruitment li .recruitment-detail .send:hover{text-decoration:underline} .con_nr{padding:30px 0 20px} .con_nr h1{font-size:24px;border-bottom:1px dashed #d1d1d1;padding-bottom:14px;margin-bottom:10px} .table_a div{padding:6px 0;font-size:16px} .news_list dl{color:#999;margin-bottom:30px} .news_list dd{padding:20px;background:#f9f9f9;font-size:12px} .news_list dd a{color:#666} .news_list dd h1{border-bottom:1px dotted #ccc;padding:10px 0;margin-bottom:10px;font-size:16px;font-weight:700;line-height:30px;overflow:hidden} .news_list dd h1 a{color:#333} .news_list dd p{height:50px;line-height:25px} .news_list dd:hover{background:#337ab7;color:#fff} .news_list dd:hover a{color:#fff} .news_list dd:hover h1{border-bottom:1px dotted #fff} .news_title{padding:30px 0;text-align:center} .news_title h1{font-size:24px;color:#97c740;margin-bottom:10px} .news_title span{font-size:16px;color:#ccc;font-family:Tahoma} .news_main{border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;padding:40px 0} .news_main img{max-width:900px;max-height:5000 px;width:expression(this.width > 900px && this.width / 900px>= this.height / 5000 ? 900px : true);height:expression(this.height > 5000 && this.width / 900px < this.height / 5000 ? 5000 : true)} @media screen and (max-width:768px){ .news_title{padding:20px 0} .news_title h1{font-size:14px} .news_main img{width:100%} } #lolfloatnav{position:fixed;right:20px;top:80px;z-index:999;color:#333;font-family:"Microsoft Yahei"} .cancel_icon{position:absolute;right:5px;top:5px;background:url(../images/cancel1.png) no-repeat;width:20px;height:20px} .cancel_icon:hover{cursor:pointer} .text-more{height: 50px; line-height: 25px; overflow: hidden;} .mybg{background: url(../images/2wm-bg.jpg) no-repeat top right;}