/********************************************************** ********************************************************** ************************style***************************** ********************************************************** **********************************************************/ *{margin:0;padding:0;} html{overflow-x: hidden;} body {font-size: 14px; color: #333; line-height:1em;font-family:"微软雅黑","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; background: #fff;min-width: 320px; z-index: 1;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,table,tbody,tfoot,thead,th,td,input,textarea,fieldset,p,span,strong,small,b,img,footer,header,menu,nav,section{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-weight: normal;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} img{max-width:100%;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} ol,ul,li{list-style:none;} a{text-decoration:none;color:#333;} a:link,a:visited{text-decoration:none} a:hover,a:active{text-decoration:none;} caption,th {text-align:left;} .left{float:left;} .right{float:right;} .w{width:1280px;margin-left:auto;margin-right: auto;} .clear{clear:both;} /*********header*********/ .header{height:108px; position: relative; width: 100%; z-index: 3; } .header .left{margin-top: 33px;overflow: hidden; margin-left: 30px;} .header .right li{float: left;margin-left:40px; height:54px; line-height: 36px; padding-top: 35px;position: relative; z-index: 3; } .header .right li .lord{font-size: 16px; } .header .right li .lord:hover{color:#0080c9;} .header .right li .active, .header .right li .focus{color:#0080c9;} .header .right li:hover .subnav{ display:block;} /* .header .right li:nth-of-type(2) .subnav{display:block;} */ .header .right .right-kuai{position: static; height: 82px; overflow: hidden; width: 302px; font-size: 12px; line-height: 12px; color: #666666; padding-top: 0px; z-index: 4; } .header .right .right-kuai .search{ z-index: 3;cursor:pointer; height: 54px; float: left; width: 200px; padding: 35px 10px 0px; } .header .right .right-kuai .search span{ display:block; text-align: center; background: url("../images/fangda.png") no-repeat center top; padding-top: 22px; display:none;} .header .right .right-kuai .search .search-in input{ text-indent: 1em; border: 0px !important; font-size: 12px; color: #666666; width:160px ; height:36px; line-height: 36px;} .header .right .right-kuai .search .search-in input:focus { outline: none; } .header .right .right-kuai .search .search-in{ overflow: hidden; display:block;/* display:none; */border: 1px solid #cdcdcd; border-radius: 30px; overflow: hidden; } .header .right .right-kuai .search .search-in img{ padding-right: 10px; padding-top: 10px; display: block; float: right;} .header .right .right-kuai .yuyuan {cursor:pointer; padding-top: 28px; height: 54px; float: left; width: 82px; right: 0; top: 0; position: absolute; z-index: 10; /*position: relative;*/ } .header .right .right-kuai .yuyuan span{ display:block; text-align: center; background: url("../images/diqiu.png") no-repeat center top; padding-top: 22px;} .header .right .right-kuai .yuyuan:hover{ background: #0080c9; } .header .right .right-kuai .yuyuan:hover span{ background: url("../images/diqiu2.png") no-repeat center top ; color: #ffffff; } .header .right .right-kuai .yuyuan:hover .choice{ display: block; } .header .right .right-kuai .yuyuan .choice{display: none; padding-top: 5px; padding-bottom: 5px; position: absolute; z-index: 13; bottom: -54px; left: 0px; width: 100%; background: #ffffff;} .header .right .right-kuai .yuyuan .choice h3{ font-size: 12px; color: #666666; line-height:22px ; padding-left: 10px;} .header .right .right-kuai .yuyuan .choice h3:hover{ color:#0080c9 ;} /*下拉*/ /* .header .right li:nth-of-type(7) .subnav{left:-250px; } .header .right li:nth-of-type(6) .subnav{left:-150px; } .header .right li:nth-of-type(5) .subnav{left:-50px; } */ .subnav{ display:none;position: absolute; z-index:2; top:82px;left:-90%; /* width: 350px; */ padding: 20px 30px; background-color:#0193DE;/* border-top:2px solid #3184a6; */ overflow: hidden; } .subnav .img{ display: none; float: right; width: 230px;} .subnav ul{ display: block; width: 120px; float: left;} .subnav ul li{ display: block; width: 100%; float: none !important; padding-top:0px !important; line-height: 40px !important; height: 40px !important; margin-left:0px !important; font-size: 14px;text-align:center; } .subnav ul li a{ color: #fff;width:100%;float:left; line-height:20px;padding: 10px 0; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;text-align:center;text-align:center;border-bottom: 1px solid rgba(255,255,255,0.2);} .subnav ul li a:hover{ color: #fff;border-bottom: 1px solid rgba(255,255,255,1); } /*********content*********/ /*banner*/ .banner{position:relative;overflow:hidden; z-index: 1} .banner ul{overflow:hidden;} .banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;} .banner li img{display: block; width: 1920px;} .banner cite{position:absolute;bottom:36px;left:50%;z-index:9;margin-left:-30px;height:15px; overflow: hidden;} .banner cite span{ display:block; overflow:hidden;text-indent:999em;cursor:pointer; } .banner cite a{ float:left;display:block;margin:0 7px;width:11px;height:11px; border:1px solid #FFFFFF; background: none;} .banner cite a:hover{ background: #ffffff; } .banner cite .cur { background: #ffffff; } #mo-banner_tabs{ display: none;} .content {background-color:#F5F5F5;} /*mnew*/ .mnew .w{ overflow: hidden;} .mnew .w .left{ width: 68px; padding-top: 10px; color: #ffffff; } .mnew .w .txt{ float: left; width: 500px; } .mnew{ height: 60px; overflow: hidden; background: #0080c9;} .mnew .slideBox{ overflow:hidden; position:relative; width: 500px; padding-top: 10px; padding-bottom: 10px; height: 40px; } .mnew .slideBox .bd ul{ overflow:hidden; zoom:1;font-size: 14px; } .mnew .slideBox .bd ul li{height: 40px; line-height:40px; overflow:hidden; float:left; _display:inline; } .mnew .slideBox .bd ul li a{ color: #ffffff; } .mnew .w .left span{ padding-right: 10px; color:#272828; font-size: 15px; line-height: 40px; ; } .mnew .w .left font{margin-top:8px;color: #ffffff; width: 46px; text-align: center; margin-right:10px; ; display: block; float: left; height: 24px; line-height: 24px; background: #3d4647; border-radius: 4px;} /*m-title*/ .m-title{text-align: center; position: relative; z-index: 2; } .m-title h1{position:absolute; top:0; left:0; width:100%; text-align:left;font-size:20px;line-height:40px; color: #0084cf; z-index: 3;} .m-title h2{z-index: 1; position:absolute; top:-20px; left:0; width:100%; text-align:center;font-size:100px; text-transform:uppercase;line-height:110px; color: #eeeeee; } /*m1*/ .m1{overflow: hidden; background:#fff; padding-top:12px; padding-bottom: 20px;margin:0 auto;width:1280px;margin-bottom:50px;} .m1 .m-title{ padding-bottom: 50px;font-size:16px; text-indent:20px;} .m1 .m-title h2 { font-size:50px;display:none;} .m1 .m-title h1 a {color:#29A0E5;font-weight:bold;} .m1 .w {width:1240px;} .m1 .list{ } .m1 .list .a{display: block; box-shadow:0 7px 16px 0 rgba(7,17,27,.16); border:1px solid #eee;width: 300px; /* padding-bottom: 5px; */ background: #ffffff; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;text-align:center;} .m1 .list .img{width:100%;height:auto; overflow: hidden; position: relative;} .m1 .list .img img{width:100%;} .m1 .list .text {display:none;} .m1 .list .text .title{ padding-bottom: 22px; font-size: 15px;line-height: 30px; color:#000000; height:15px; margin:0 auto; width:90%; display:block;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden; } .m1 .list .text p{font-weight:200;line-height: 24px; font-size:14px;text-align:center; line-height:24px;color:#333333;margin-bottom:25px; } .m1 .list .text p a{display: block; color:#333333;} .m1 .list .text span a{ color:#333333; font-size:14px;display:block ; width:120px; margin: 0 auto; height:40px; line-height:40px;background: #ffffff; border: 1px solid #666666;} .m1 .list .a:hover{box-shadow:0 7px 22px 0 rgba(7,17,27,.5);/* transform:translate3d(0, -6px, 0);-webkit-transform:translate3d(0, -6px, 0);-moz-transform:translate3d(0, -6px, 0);-o-transform:translate3d(0, -6px, 0);-ms-transform:translate3d(0, -6px, 0); */} .m1 .list .a:hover .text span a{ background: #0080c9; border: 1px solid #008ed6; color:#ffffff;} .m1 .list .a .text p a:hover { color:#0080c9;} .m1 .list .a:hover .text .title{ color: #0080c9;} .m1 .list-more{ text-align:center; padding-top:30px; display:none;} .m1 .multipleColumn{ position:relative;} .m1 .multipleColumn .bd{overflow:hidden;} .m1 .multipleColumn .bd ul{ width:100%; } .m1 .multipleColumn .bd ul li{ float:left; margin-right:20px; width:300px; } .m1 .multipleColumn .bd ul li .img{width:300px;height:200px; /* margin-bottom:10px; */ } .m1 .multipleColumn .bd ul li img{width:300px;height:200px;display: block;} .m1 .multipleColumn .hd{ overflow:hidden;text-align: center; display: none;} .m1 .multipleColumn .hd .prev,.multipleColumn .hd .next{z-index: 99; display:block;cursor:pointer; width:40px; height:40px; /* border-radius: 4px; */ padding-bottom: 0px;} .m1 .multipleColumn .hd .prev{ position: absolute; left: 0px; top:80px ; background:url("../images/z.png") no-repeat center center #ffffff; } .m1 .multipleColumn .hd .prev:hover{ background: url("../images/z1.png") no-repeat #0080c9 center center ;} .m1 .multipleColumn .hd .next{ position: absolute; right: 0px; top: 80px; background: url("../images/y.png") no-repeat center center #ffffff;} .m1 .multipleColumn .hd .next:hover{ background: url("../images/y2.png") no-repeat #0080c9 center center; } .m1 .multipleColumn:hover .hd{ display: block;} .m1 .more{ margin: 50px auto 0px auto; border:1px solid #0080C9; padding:10px 50px;background-color:#0080C9; color:#fff;} .m1 .more:hover{ border:1px solid #0080C9;color:#0080C9;background-color:#fff;} /*m2*/ .m2 .list{ width: 100%; } .m2 .list .img{width:100%; height:569px;overflow: hidden; position: relative;} .m2 .list .img img{display: block;position:absolute;left:50%; margin-left:-960px; padding-left:110px; ; width: 780px; height: 570px; /*height:585px; max-width:1920px;width:1920px;*/ } .m2 .list .img .txt{ position:absolute; left:0; top: 0; width: 100%; height:569px; } .m2 .list .img .txt h3{ color: #000000; font-size: 30px; line-height: 40px; margin-top: 190px; margin-bottom: 20px;} .m2 .list .img .txt .wenzi{ width: 690px; float: right; padding-left: 10px; padding-right: 15px;} .m2 .list .img .txt .wenzi p{ color: #000000; line-height: 26px; font-size: 14px; } .m2 .list .img .txt .wenzi .more{ color: #ffffff; background: #0080c9; display: block; margin-top: 40px; width: 130px; height: 40px; line-height: 40px; text-align: center; } .m2 .list .img .txt .wenzi .more:hover{ color: #ffffff; background: #1c9be4;} /*m3*/ .m3{overflow: hidden;padding:40px 0 0px 0px; width:1280px; margin:0 auto; margin-bottom:40px;} .m3 .m-title{ padding-bottom: 140px;display:none;} .m3 .m-title h1 {} .m3 .m-title h2 { font-size:48px; } .m3 .list { height:320px; display: table; padding:10px;width:100%;background-color:#fff;} .m3 .list .right{ width: 450px; height: 360px; overflow: hidden; background: #ffffff;float:left; padding:0 30px;} .m3 .list .right .menu{ float: left; width:189px ;} .m3 .list .right .menut { font-size: 20px; line-height:38px; color: #000000;width:100%;background:#fff url(../images/home/title_bg.gif) repeat-x left bottom;} .m3 .list .right .menut a {float:right; color:#b2b5b7; font-size:15px; text-transform: uppercase;display:none;} .m3 .list .right .menut a.displa {display:block;} .m3 .list .right .menut span {cursor:pointer; font-weight:bold; padding:4px 10px;background-color:#fff; color:#6c6363; border:1px solid #fff;border-bottom:1px solid #CDCDCD;} .m3 .list .right .menut span.on {background-color:#29A0E5; color:#fff; border:1px solid #29A0E5; } .m3 .list .right .menuc{ float: right; width:100%; } .m3 .list .right .menuc .menucc{display: none; } .m3 .list .right .menuc .displa {display:block;} /* .m3 .list .right .menuc .menucc:nth-of-type(1){display: block; } */ .m3 .list .right .menuc h4{ font-size: 20px; line-height: 50px; height:50px; overflow:hidden; padding-top: 10px; color: #000000;} .m3 .list .right .menuc p{ height:51px; overflow:hidden; font-size:14px ; color: #666666; line-height: 28px;; padding-bottom: 10px; border-bottom: 1px dotted #e4e4e4;} .m3 .list .right .menuc ul {list-style:none } .m3 .list .right .menuc ul li{background: url("../images/dian.jpg") no-repeat left center; padding-left: 10px; border-bottom: 1px dotted #e4e4e4;} .m3 .list .right .menuc ul li:last-child{ border-bottom: 0px;} .m3 .list .right .menuc ul li:hover a{color: #0080c9} .m3 .list .right .menuc ul li:hover {background: url("../images/dianh.jpg") no-repeat left center; } .m3 .list .right .menuc ul li a{ display:block;height: 48px ;line-height: 48px; font-size: 16px; overflow: hidden;} .m3 .list .right .menuc ul li a span{font-size:14px;display: none; width:80px ; float: right; text-align: right} .m3 .list .right .menu .img:nth-of-type(1){ background: url("../images/m3_1.png") no-repeat left top; width:189px ; height:156px ; margin-bottom: 10px;} .m3 .list .right .menu .img1h{ background: url("../images/m3_12.png") no-repeat left top; width:189px ; height:156px ; margin-bottom: 10px;} .m3 .list .right .menu .img:nth-of-type(2){ background: url("../images/m3_2.png") no-repeat left top; width:189px ; height:152px ;} .m3 .list .right .menu .img2h{ background: url("../images/m3_22.png") no-repeat left top; width:189px ; height:152px ;} .m3 .list .right2 { width:300px; float:right;background: #fff;} .m3 .list .right2 .menuc {width:100%;} .m3 .list .left{ width: 390px; height: 360px; background: #fff; overflow:hidden;} .m3 .list .left .focusBox{ width:390px; height:425px; overflow:hidden; position:relative; } .m3 .list .left .focusBox .hd{ position:absolute; z-index:1; left:10px; bottom:130px; } .m3 .list .left .focusBox .hd ul{ overflow:hidden; zoom:1; float:left; } .m3 .list .left .focusBox .hd ul li{ float:left; margin-right:3px; width:6px; height:6px; line-height:6px; text-indent: 2em; overflow: hidden; background:#c8c7ca; cursor:pointer; border-radius: 100%; } .m3 .list .left .focusBox .hd ul li.on{ background:#0080c9; } .m3 .list .left .focusBox .bd{ position:relative; } .m3 .list .left .focusBox .bd .pic{ line-height:0px; } .m3 .list .left .focusBox .bd .pic img{ width:390px; height:310px;} .m3 .list .left .focusBox .bd .con{ line-height:50px; font-size: 16px;color: #333333; width:90%; margin:0 auto;text-align:center; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden; } .m3 .list2 .box{ float: left; width: 400px; margin-left:40px; } .m3 .list2 .box:nth-of-type(1) {margin-left:0px;} .m3 .list2 .box .boxc{ } .m3 .list2 .box h4{ font-size: 20px; line-height: 50px; padding-top: 10px; color: #000000;} .m3 .list2 .box p{ font-size:14px ; color: #666666; line-height: 26px;; padding-bottom: 20px; border-bottom: 1px dotted #e4e4e4;} .m3 .list2 .box ul {list-style:none } .m3 .list2 .box ul li{background: url("../images/dian.jpg") no-repeat left center; padding-left: 10px; border-bottom: 1px dotted #e4e4e4;} .m3 .list2 .box ul li:last-child{ border-bottom: 0px;} .m3 .list2 .box ul li:hover a{color: #0080c9} .m3 .list2 .box ul li:hover {background: url("../images/dianh.jpg") no-repeat left center; } .m3 .list2 .box ul li a{ display:block;height: 60px ;line-height: 60px; font-size: 16px; overflow: hidden;} .m3 .list2 .box ul li a span{font-size:14px;display: block; width:80px ; float: right; text-align: right; display:none;} .m3 .list2 .box .boxt { font-size: 20px; line-height:34px; padding-top: 10px; margin-bottom:20px; color: #000000;width:100%;border-bottom: 1px solid #cdcdcd;} .m3 .list2 .box .boxt a {float:right; color:#b2b5b7; font-size:15px; text-transform: uppercase;} .m3 .list2 .box .boxt span { background-color:#29A0E5; color:#fff; padding:5px 10px;} /*m4*/ .m4{overflow: hidden;padding:0px 0 0px 0px;/* background: #f9f9f9; */} .m4 .m-title{ padding-bottom: 40px;display:none;} .m4 .m-title h1 { font-size:25px; } .m4 .m-title h2 { display:none; } .m4 .list{ overflow: hidden; width:2000px;} .m4 .list a{ float: left; width: 247px; height: 90px; border: 1px solid #e5e5e5; margin-right: 8px; margin-bottom: 30px; line-height: 50px; text-align: center; overflow: hidden; background-color:#fff; display:flex; align-items:center} /* .m4 .list a:nth-of-type(5n){ margin-right: 0px;} */ .m4 .list a img{ vertical-align:middle; display: inline-block; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} .m4 .list a:hover {border:1px solid #fff100;} .m4 .list a:hover img{} .m4 .more{ display: none; width: 43px; height: 43px; margin: 10px auto 0px auto; background: url("../images/yy.png")no-repeat;} .m4 .more:hover{ background: url("../images/yy2.png")no-repeat;} .m4 .w { padding-top:32px; overflow:hidden; } /*m10*/ .m10{overflow: hidden;padding:110px 0 90px 0px;background-color:#eeeff1;} .m10 .m-title{ padding-bottom: 140px;} .m10 .m-title h2 { color:#fff; top:-20px;font-size:50px;} .m10 ul {width:100%;} .m10 ul li { width:40%; padding:2.5%; height:100px; padding-bottom:40px; overflow:hidden; color: rgba(153, 153, 153, 1);float:left;margin-right:5%; margin-bottom:10px;/* border-bottom:1px dashed #ececec; */background-color:#fff;} .m10 ul li a { line-height:50px;font-size:16px;color: rgba(51, 51, 51, 1);} .m10 ul li span {float:right;font-size:14px;color:#666;} .m10 ul li p { line-height:25px;} /*m11*/ .m11{overflow: hidden;padding:30px 0 20px 0px;background:#0080C9 url(../images/home/bg.jpg) no-repeat center top;background-size: cover;} .m11 .m-title{ padding-bottom: 50px;} .m11 .m-title h1 {color:#fff;} .m11 .m-title h2 { color:#0080c9; top:-20px;font-size:50px;} .m11 .w { /* height:133px; */ overflow:hidden;} .m11 .w .l {width:45%;float:left;} .m11 .w .r {width:45%;float:right;} .m11 div {color:#fff;} .m11 div.box { width:100%; float:left; text-align:center; line-height:30px; text-align:center;} .m11 div.box .title { height:30px;/* background:url(../images/home/index_bg3.png) no-repeat left top; */color:#fff; margin-bottom:15px;text-align:left;padding-left:10px;float:left;} .m11 div.box .title a {color:#fff;font-size:16px; line-height:51px;font-weight:bold;} .m11 div.box .title a:hover {text-decoration:underline;} .m11 div.info { width:100%; height:200px; line-height:30px;float:left; padding-left:20px; padding-right:80px;} .m11 div.info li {float:left;width:100%;text-align:left; padding-left:20px; background:url(../images/home/yuan.png) no-repeat left center;} .m11 div.info li a {color:#fff;} /*m12*/ .m12{ width:100%;display:block; overflow: hidden; background:#fff; padding-top:50px; padding-bottom: 0px;} .m12 .w { height:470px; overflow:hidden;} .m12:after{ display:block; clear:both; content:"";visibility:hidden;height:0; } .m12 .m-title{ padding-bottom: 90px;} .m12 .m-title h2 { font-size:50px;} .m12 ul li {width:280px; float:left; margin-right:15px;} .m12 ul li img { width:280px; height:138px;} .m12 .hd {width:135px; float:left; border-right:1px solid #e0e0e0;} .m12 .hd ul li { width:135px; height:20px;display:block;background:#fff url(../images/home/c1.jpg) no-repeat center 5px;background-size:30px 30px;text-align:center; padding-top:40px;} .m12 .hd ul li.on {background:#fff url(../images/home/c1_on.jpg) no-repeat center 5px;background-size:30px 30px;border:1px solid #e0e0e0;border-right:1px solid #fff;/* border-radius:5px 0 0 5px; */} .m12 .bd {width:1100px; float:right;} .m12 .bd .con {display:none;} .m12 .bd .displa {display:block;} .m12 .bd li {width:48%; height:135px;float:left;margin-right:3%; margin-bottom:15px;background-color:#EEF3F9; overflow:hidden;/* border-radius:8px; */border:1px solid #EEF3F9;} .m12 .bd li:nth-of-type(odd) {} .m12 .bd li:nth-of-type(even) { margin-right:0%;} .m12 .bd li .info { width:55%; float:left;padding:4%;} .m12 .bd li .info .title {font-size:15px;font-weight:bold; line-height:25px; height:35px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .m12 .bd li .info .p {font-size:12px; height:29px; overflow:hidden; margin-bottom:10px;} .m12 .bd li .info .a { border:1px solid #666; padding:5px; width:55px;font-size:12px;text-align:center;/* border-radius:5px; */} .m12 .bd li .img {float:right; width:33%;} .m12 .bd li .img img { } .m12 .bd li:hover { border:1px solid #0080C9;} .m12 .bd li:hover .info .title {color:#0080C9;} .m12 .bd li:hover .info .p { color:#0080C9;} .m12 .bd li:hover .info .a { border:1px solid #0080C9;background-color:#0080C9;color:#fff;} /*m13*/ .m13{ display:block; overflow: hidden; padding-top:50px; padding-bottom: 0px;background:#fff url(../images/home/bg2.jpg) no-repeat center top;color:#fff;text-align:center;position:relative; line-height:20px; width:1280px;margin:0 auto; margin-bottom:40px;} .m13 .m-title {display:none;} .m13 .m-title h1 { color:#fff;} .m13 .m-title h2 { color:#666666;} .m13 .w { height:470px; overflow:hidden; } .m13:after{ display:block; clear:both; content:"";visibility:hidden;height:0; } .m13 .m-title{ padding-bottom: 90px;} .m13 .m-title h2 { font-size:50px;} .m13 .bd { width:1160px; height:378px; margin:0 auto; } .m13 .box { width:320px; height:378px; float:left; margin-right:100px;background:#fff url(../images/home/box1.jpg) no-repeat center top;box-sizing: border-box;background-size: cover; overflow:hidden;border:1px solid #aaa;} .m13 .box:nth-of-type(2) {background:#fff url(../images/home/box2.jpg) no-repeat center top;box-sizing: border-box;background-size: cover;} .m13 .box:nth-of-type(3) {background:#fff url(../images/home/box3.jpg) no-repeat center top;box-sizing: border-box;background-size: cover;} .m13 .box .wrap {background: rgba(0,128,201,0.2);width: 100%;height: 100%;position: relative;text-align: center;} .m13 .box .img { width:100%;height:96px;background:url(../images/home/box1.png) no-repeat center center;position:absolute;top:100px;left:0px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .m13 .box:nth-of-type(2) .img {background:url(../images/home/box2.png) no-repeat center center;} .m13 .box:nth-of-type(3) .img {background:url(../images/home/box3.png) no-repeat center center;} .m13 .box .title {width:100%;font-size:24px;color:#fff;font-weight:bold;position:absolute;top:220px;left:0px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .m13 .box .title::before { content: ""; position: absolute; left: 50%; top: 35px; width: 1px; height: 0; background: rgba(255,255,255,0.5); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .m13 .box .info { width:90%;padding:5%;position:absolute;top:230px;left:0px;color:rgba(255,255,255,0);transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .m13 .box:hover .wrap {background:rgba(0,128,201,0.8);} .m13 .box:hover .img {top:30px;} .m13 .box:hover .title {top:140px} .m13 .box:hover .title::before { height:15px;} .m13 .box:hover .info {top:180px;display:block;color:rgba(255,255,255,100);} .m13 .box:nth-of-type(3) { margin-right:0px;} /*m14*/ .m14{ width:100%;display:block; overflow: hidden; padding-top:0px; padding-bottom: 50px; position:relative; line-height:20px; } .m14 .m-title{ text-align:left; width:100%; height:50px;} .m14 .m-title .w {height:40px; line-height:40px; background-color:#fff;border:1px solid #d7d7d7;border-left:none;border-right:none;} .m14 .m-title h2 { font-size:50px;} .m14 .m-title h3 { font-size:20px;font-weight:bold;float:left; color:#29A0E5; border-left:1px solid #d7d7d7; width:237px;text-align:center;} .m14 .m-title h3 a { color:#29A0E5;} .m14 .m-title h5 { font-size:14px; float:left;} .m14 .m-title h5 {cursor:pointer; color:#6c6363; padding:0px 117px; font-size:20px;font-weight:bold; /* border-right:1px solid #d7d7d7; */} .m14 .m-title h5:nth-of-type(1) {/* border-left:1px solid #d7d7d7;*/} .m14 .m-title h5.on {background-color:#29A0E5;color:#fff;font-weight:bold;} .m14 .w {background-color:#fff;} .m14 .w .bd{ overflow:hidden;width: 1280px; height: 250px;display:none; } .m14 .w .displa {display:block;} .m14 ul { position: relative; width: 4000px; list-style-type: none; }/*长度大于5张图片的总长度*/ .m14 ul li { position: relative; float: left; width: 255px; height: 250px; border-left: 1px solid white; /* box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.4); */ transition: all 0.5s cubic-bezier(.55, .085, .68, .53); } .m14 ul li a img { display: block; max-width:none;} .m14 ul li a p { position: absolute;top:100px; left:242px;width:400px;color:#fff; font-size:16px; padding-left:20px;border-left:3px solid #fff;} .m14 .b3 ul li:nth-of-type(5) a p { left:170px;} .m14 ul li .title { position: absolute; top: 200px; left: 0px; width: 800px; height: 50px; background: rgba(0, 0, 0, 0.5); line-height: 50px; } .m14 ul li .title a { padding-left: 10px; color: white; font-size: 20px; font-weight: 500; text-decoration: none; } .m14 ul:hover li { width: 160px; } .m14 ul li:hover { width: 750px; } .m14 ul li:hover img{ /* filter: blur(2px); */ } .m14 ul li {/*width:160px;*/ width:240px;} .m14 ul li:nth-of-type(5) {width:750px;} /* .m14 .b1 ul li { width:160px;} .m14 .b2 ul li { width:160px;} .m14 .b3 ul li { } .m14 .b4 ul li { width:240px;} .m14 .b4 ul li a p {left:250px;} */ /* .m14 .b4 ul:hover li { width: 240px; } .m14 .b4 ul li { width:240px;} */ .m14 .b4 ul li a p {left:250px;} /*m15*/ .m15{ width:100%;display:block; overflow: hidden; padding-top:0px; padding-bottom: 50px; position:relative; line-height:20px; } .m15 .w .bd {display: table;width:100%;} .m15 .w .bd .box { display: table-cell;} .m15 .box {width:33%; height:390px;background-color:#fff; padding:20px; margin-right:25px;} .m15 .box h3 { height:30px; padding-bottom:10px;font-size:20px; color:#29A0E5; font-weight:bold;} .m15 .box h3 a { color:#29A0E5; } .m15 .box .img {width:100%; height:196px; margin-bottom:20px; border-bottom:4px solid #29A0E5;overflow:hidden;} .m15 .box .img img {width:100%; height:196px; transition: 0.2s;} .m15 .box .img img:hover {transform: scale(1.1);} .m15 .box:nth-of-type(3) { margin-right:0px;} .m15 .box .info { line-height:30px;width:100%; height:128px; overflow:hidden; position:relative;} .m15 .box .info2 {padding-left:10%;} .m15 .box .info2 a { width:27%; height:60px; padding-left:18%;float:left;background:#fff url(../images/mobile/m1_1.png) no-repeat left center;background-size:30%; line-height:60px;} .m15 .box .info2 a:nth-of-type(2) {background:#fff url(../images/mobile/m1_2.png) no-repeat left center;background-size:30%;} .m15 .box .info2 a:nth-of-type(3) {background:#fff url(../images/mobile/m1_3.png) no-repeat left center;background-size:30%;} .m15 .box .info2 a:nth-of-type(4) {background:#fff url(../images/mobile/m1_4.png) no-repeat left center;background-size:30%;} .m15 .box .info2 a:hover {color:#29A0E5;text-decoration:underline;/* background:#fff url(../images/home/yuan.png) no-repeat left center; */} .m15 .box .more { float:right; width:43px; height:45px; background:url(../images/home/jiao.png); position:relative;top:-23px;right:-20px; display:none; } .m15 .box .info3 a { color:#29A0E5; font-weight:bold;} .m15 .box .info3 .link-ewm { line-height:50px;position:relative;top:-18px} .m15 .box .info3 .erw {display:inline-block;width:50px; height:50px;background-image:url(../images/home/code_job.jpg);background-size:100%;position:relative;top:18px} .m15 .box .info3 .erw .show{ color:#333;position:absolute; display:none; width:105px; text-align:center; background-color:#FAFAFA; min-height:111px;} .m15 .box .info3 .erw .show p{ margin:0; line-height:27px; font-size:12px;} .m15 .box .info3 .erw .show span{width:0; height:0;padding-left:0px; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #FAFAFA; position:absolute; left:50%; margin-left:-3px; top:-6px;display:block;} .m15 .box .info3 .li .show{ display:block;} .m15 .box .info3 .li .show img {border:1px solid #999;} .m15 .box .info .left {width:60%;} .m15 .box .info .right {width:32%;} /*********footer**********/ .footer{width: 100%;overflow: hidden;background: #0080C9; padding-bottom:30px;} .footer .w{margin:0 auto;overflow: hidden;} .footer .w1{padding:36px 0 0px 0;} .footer .w1 dl{overflow: hidden;} .footer .w1 dt{font-size: 16px;color:#333333;line-height: 18px;margin-bottom:35px;} .footer .w1 a{display: block;font-size: 16px;color:#333333;line-height: 18px;margin-bottom:35px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .footer .w1 .left{width:145px;} .footer .w1 .right{ overflow: hidden;} .footer .w1 .right a{display: block; float: left; width: 25px; height: 25px; margin-left: 12px;} .footer .w1 .right .f-1{ background: url("../images/f_1.png") no-repeat; } .footer .w1 .right .f-2{ background: url("../images/f_2.png") no-repeat; } .footer .w1 .right .f-3{ background: url("../images/f_3.png") no-repeat; } .footer .w1 .right .f-1:hover{ background: url("../images/f_1h.png") no-repeat; padding-left:0px; } .footer .w1 .right .f-2:hover{ background: url("../images/f_2h.png") no-repeat; padding-left:0px; } .footer .w1 .right .f-3:hover{ background: url("../images/f_3h.png") no-repeat; padding-left:0px; } .footer .w1 a:hover{padding-left:3px; color: #0080c9;} .footer .last{ overflow: hidden;} .footer .w2{/* border-top:1px solid #ebeef2; */} .footer .w2 .left{color:#fff;line-height:30px;font-size:12px;width:70%;float:left; } .footer .w2 .right{line-height:80px;font-size:12px; color: #fff;width:30%; text-align:right;} .footer .w2 .right img {width:68px;} .footer a { color:#fff;} /*dy*/ .dy{ width: 1260px; margin: 30px auto 0px auto; font-size: 14px; line-height: 28px; color: #333333;} .dy p{ padding-bottom: 20px;} .dy2{overflow: hidden;font-size:14px;line-height:26px;color:#666666;} .pc-dy{ width: 1260px; margin: 30px auto 0px auto; font-size: 14px; line-height: 28px; color: #333333;} /*********nybanner*********/ .nybanner{ width:100%; height:280px; position:relative;overflow: hidden;} .nybanner img{display: block;position:absolute; /* left:50%; */right:0%; margin-left:-960px;height:280px;max-width:1920px;width:1920px;} .nybanner .info { position:relative;top:140px; left:0; width:1230px; margin:0 auto; color:#EFEFEF;} .nybanner .info h2 {font-size:30px;font-weight:bold; margin-bottom:26px;} .nybanner .info p {font-size:20px;display:none;} .nav-er{ background:#333333;height: 45px; line-height: 45px; ;} .nav-er ul{ width: 100%; display: table;} .nav-er ul li{ display: table-cell;} .nav-er ul li:last-child a{border-right: 1px solid #717171;} .nav-er ul li a{color: #ffffff; font-size: 14px; display: block; text-align: center; border-left: 1px solid #717171;} .nav-er ul li a:hover{ background: #0080c9;} .dq,#ContentPlaceHolder1_lab_smenu .focus{ background: #0080c9 !important;} .nav-three{ overflow: hidden; width: 1260px; margin:30px auto 0 auto; color:#666666;line-height: 30px; height: 30px; font-size: 16px;} .nav-three a{ color:#666666; margin: 0 10px;font-size: 16px; font-family: 微软雅黑; } .nav-three a:first-child{ margin-left: 0;} .nav-three span a:first-child{ margin-left: 10px;} .nav-three a:hover{ color:#0080c9} .nav-three a.home {float:left;} .nav-three span { float:left; padding-left:15px;background:#fff url(../images/arr.gif) no-repeat left center;} /*-------------------------联系我们---contact_us.html--------------------------------------------*/ .contact { padding: 0 5px;} .contact h2{ color: #000000; font-size: 30px; line-height: 30px; font-weight: bold; padding-top: 90px;} .contact h3{ color: #0080c9; font-size: 20px; line-height: 20px; padding-bottom: 35px; padding-top: 40px;} .contact h4{ color: #0080c9; font-size: 18px; line-height: 18px; padding-bottom: 10px; padding-top: 10px;} .contact .dizhi{ background: #f5f5f5; width: 100%; /* margin-right: 2%; */ height: 260px; float: left;} .contact .dizhi:nth-of-type(3){ margin-right: 0px; } .contact .dizhi .one{ padding:25px;} .contact ul{ display: block; width: 100%;} .contact ul li{font-size: 14px; height: 28px; line-height:28px; color:#333333 ; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .contact .map{ padding-top: 85px; clear: both;} .dy #ContentPlaceHolder1_lblcontent .contact .dizhi p {text-indent:0em;} /*-------------------------产品综合---all_product.html--------------------------------------------*/ .aproduct { } .aproduct .one{ position: relative; width: 100%; border-bottom: 1px solid #ffffff;} .aproduct .one .img{ width: 50%; overflow: hidden;} .aproduct .one .img img{ width: 100%; display: block; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} .aproduct .one .text{ position: absolute; right: 0;top: 0; width: 50%; background:#0083c7; height: 100%; overflow: hidden;} .aproduct .one .text .txt{ float: left; width: 66.66%; display: table; height: 100%;} .aproduct .one .text .txt .wenzi{ display: table-cell; padding-left:8% ; vertical-align: middle; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .aproduct .one .text .txt .wenzi .detail{ background: url("../images/ap_left.png") no-repeat left center; padding-left: 11%; line-height: 30px; color: #ffffff} .aproduct .one .text .txt .wenzi .detail h2{ font-size: 30px; padding-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .aproduct .one .text .txt .wenzi .detail h3{ font-size: 20px; padding-bottom: 20px; text-transform: uppercase; font-family: Arial; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .aproduct .one .text .txt .wenzi .detail p{ font-size: 16px; line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .aproduct .one .text .txt .wenzi .detail a{text-transform: uppercase; display: block; font-size: 14px; font-weight: bold; color:#ffffff; padding-top: 10px;} .aproduct .one:hover .text{ background:#41a7dc ;} .aproduct .one:hover .img img{transform: scale(1.2, 1.2);-ms-transform:scale( 1.2, 1.2);-moz-transform:scale( 1.2, 1.2);-webkit-transform:scale( 1.2, 1.2);-o-transform:scale( 1.2, 1.2);} .aproduct .one:hover .text .txt .wenzi { padding-left: 1%;} .aproduct .two{ position: relative; width: 100%; border-bottom: 1px solid #ffffff; overflow: hidden;} .aproduct .two .img{ width: 50%; overflow: hidden; float: right;} .aproduct .two .img img{ width: 100%; display: block; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} .aproduct .two .text{ position: absolute; left: 0;top: 0; width: 50%; background:#f0f0f0; height: 100%; overflow: hidden;} .aproduct .two .text .txt{ float: right; width: 66.66%; display: table; height: 100%;} .aproduct .two .text .txt .wenzi{ display: table-cell; padding-right:8% ; vertical-align: middle; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .aproduct .two .text .txt .wenzi .detail{ background: url("../images/ap_right.png") no-repeat right center; padding-right: 11%; line-height: 30px; color: #333333; text-align: right;} .aproduct .two .text .txt .wenzi .detail h2{ font-size: 30px; padding-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .aproduct .two .text .txt .wenzi .detail h3{ font-size: 20px; padding-bottom: 20px; text-transform: uppercase; font-family: Arial; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .aproduct .two .text .txt .wenzi .detail p{ font-size: 16px; line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .aproduct .two .text .txt .wenzi .detail a{ text-transform: uppercase; display: block; font-size: 14px; font-weight: bold; color:#329933; padding-top: 10px;} .aproduct .two:hover .text{ background:#e6edf5 ;} .aproduct .two:hover .img img{transform: scale(1.2, 1.2);-ms-transform:scale( 1.2, 1.2);-moz-transform:scale( 1.2, 1.2);-webkit-transform:scale( 1.2, 1.2);-o-transform:scale( 1.2, 1.2);} .aproduct .two:hover .text .txt .wenzi { padding-right: 1%;} .aproduct .two .text3{ background:#41a7dc !important;} .aproduct .two:hover .text3{ background:#0083c7 !important;} .aproduct .two .text4{ background:#e6edf5 !important;} .aproduct .two:hover .text4{ background:#f0f0f0 !important;} /*-------------------------关于我们---about.html--------------------------------------------*/ .about { padding: 0 5px; margin-top: 40px;} .about h2{ color:#000000 ; font-size:30px; line-height: 40px; padding-top: 90px; padding-bottom: 30px; ;} .about .list{ overflow: hidden;} .about .list .left{ width: 32%; margin-bottom: 20px;} .about .list .xian{ width: 2%; float: left; height: 300px; } .about .list .xian span{ display: block; background: #e3e3e3; width: 1px; height: 100%; margin: 0 auto; text-indent: 100em; overflow: hidden;} .about .list .left a{ display: block; width:100%; color: #0080c9; line-height: 24px; } .about .list .left a img{ display:block; width: 100%; margin-bottom: 20px; } .about .list .left a .txt h3{ font-size: 18px; background: url("../images/yuan.png") left center no-repeat; padding-left: 14px; } .about .list .left a .txt h4{ font-size: 14px; padding-left: 14px;} .about .list .jieshao{ clear: both; padding-bottom: 50px; border-top: 1px solid #e0e0e0; background: url("../images/about_title_bg.jpg") no-repeat left top; } .about .list .jieshao h3{ color: #0080c9; font-size: 24px; line-height: 40px; padding-top: 55px; padding-bottom: 25px;} .about .list .jieshao p{ color: #666666; line-height: 30px; font-size: 16px; padding-bottom: 25px;} .about .list .jieshao .ditu{ display: block; width: 100%; margin-top: 40px; margin-bottom: 100px;} .about .list #a-1{border-top:0px !important; background: none !important;} #div_fy{ margin-bottom: 90px;} /*********fy*********/ .fy{overflow: hidden;margin-top:50px;text-align: center;} #content2 .fy{margin-bottom: 60px;} .fy-con{overflow: hidden;display: inline-block;} .fy-con .pre{width:65px; margin-right:10px; margin-left: 10px;} .fy-con .next{width:65px; margin-right:10px; margin-left: 10px;} .fy a{ display:block;border-radius: 3px; padding:0px 15px;height:40px; text-align:center; line-height:40px; float:left; font-size:12px;background:#b0b0b0;color:#ffffff;margin-right:7px; margin-left: 7px;} .fy a:hover{ color:#fff; background:#00a0e9;} .fy a.focus {background-color:#00a0e9;} .fy .cpb {color:#ffffff;border:none;border-radius: 3px;background: #00a0e9;width:35px;height:40px;line-height: 40px;display:block;text-align:center;float:left;font-size:12px; margin-right:7px; margin-left: 7px;} .fy span { line-height:40px; padding:0px 5px;} #content {padding-bottom: 80px;overflow: hidden; line-height: 20px;} .ny-xian { display: none; background: #f1f1f1; height: 18px; border-bottom:#e8e8e8 1px solid ;} /********列表1********/ .n-lb1{overflow: hidden;} .n-lb1 .txtScroll-left{position:relative;overflow: hidden;padding:50px 0;border-bottom: 1px solid #ededed;} .n-lb1 .txtScroll-left .hd{ overflow:hidden;position:absolute;bottom:50px;right:0px;z-index: 999;} .n-lb1 .txtScroll-left .hd .prev,.n-lb1 .txtScroll-left .hd .next{ z-index:999;display:block; width:19px; height:19px;margin-left: 8px; float:right;overflow:hidden; cursor:pointer;} .n-lb1 .txtScroll-left .hd .next{background: url(../images/bright.png) no-repeat center center;} .n-lb1 .txtScroll-left .hd .prev{background: url(../images/bleft.png) no-repeat center center;} .n-lb1 .txtScroll-left .hd .next:hover{background: url(../images/bright2.png) no-repeat center center;} .n-lb1 .txtScroll-left .hd .prev:hover{background: url(../images/bleft2.png) no-repeat center center;} .n-lb1 .txtScroll-left .hd ul{overflow:hidden;} .n-lb1 .txtScroll-left .hd ul li{ float:left; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; } .n-lb1 .txtScroll-left .bd{ overflow:hidden;} .n-lb1 .txtScroll-left .bd ul{ overflow:hidden;} .n-lb1 .txtScroll-left .bd ul li{ overflow: hidden;} .n-lb1 .txtScroll-left .bd .img{width:336px;height: 244px;overflow: hidden;float: left;margin-right: 36px;} .n-lb1 .txtScroll-left .bd .text{overflow: hidden;} .n-lb1 .txtScroll-left .bd .title{float:left;font-size: 20px;line-height: 20px;color:#41a7dc;margin-top:18px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .n-lb1 .txtScroll-left .bd .date{float:right;font-family:arial;margin-top:18px;font-size: 14px;color:#999999;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .n-lb1 .txtScroll-left .bd .wj{clear:both;font-size: 14px;line-height: 28px;color:#666666;padding-top:20px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .n-lb1 .txtScroll-left .bd span{border-radius:50px;height:26px;background: #c5c5c5;text-align:center;line-height:26px;margin-top:35px;width:65px;display: block;color:#ffffff;} .n-lb1 .txtScroll-left .bd a:hover span{color:#ffffff;background: #41a7dc;} .n-lb1 .list{overflow: hidden;} .n-lb1 .list li{overflow: hidden;} .n-lb1 .list li a{display: block;overflow: hidden;padding:30px 0;border-bottom: 1px solid #ededed;background: url(../images/lb9_ico.png) right 36px no-repeat;} .n-lb1 .list li .date{background:#f5f5f5;width:75px;height:102px;float: left;overflow: hidden;text-align: center;margin-right: 30px;display:none;} .n-lb1 .list li .date h1{font-size: 40px;color:#41a7dc;font-family: arial;line-height: 42px;padding-top: 16px;} .n-lb1 .list li .date h2{font-size: 14px;color:#41a7dc;font-family: arial;font-weight: normal;line-height: 16px;padding-top:10px;} .n-lb1 .list li .img {float:left; width:200px;/* height:150px; */overflow:hidden; margin-right:25px;} .n-lb1 .list li .text{overflow: hidden;} .n-lb1 .list li .text span {margin-right:20px;display:none;} .n-lb1 .list li .title{font-size: 18px;color:#333333;margin:6px 0 0 0 ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px;} #awards .n-lb1 .list li:nth-child(odd) {background-color:#FaFaFa;} #awards .n-lb1 .list li:hover{background-color:#F6F6F6;} #awards .n-lb1 .list li a {background:none;padding:0px;} #awards .n-lb1 .list li a:hover .tit{text-decoration:underline;} #awards .n-lb1 .list { padding-top:50px;} #awards .n-lb1 .list li .title { width:100px;background-color:#E0E0E0;margin-right:1px;float:left;} #awards .n-lb1 .list li .title2 { width:100px;background-color:#E0E0E0;margin-right:1px;float:left;} #awards .n-lb1 .list li .title3 { width:100px;background-color:#E0E0E0;margin-right:1px;float:left;} #awards .n-lb1 .list li #awards .n-lb1 .list li .info, #awards .n-lb1 .list li .info .text{width:100%;display: table;} #awards .n-lb1 .list li .info .text .tit { display: table-cell;width:33.2%;float:left;text-align:center;color:#333; text-align: center; font-size: 14px; height: 50px; line-height: 50px; } #awards .n-lb1 .list .hd .tit {background-color:#f2f2f2;border: 1px solid #dcdcdc; border-right:none; font-weight:bold;} #awards .n-lb1 .list li .info .text .tit1 {text-align:left;text-indent:20px;} #awards .n-lb1 .list li.hd .info .text .tit1 {text-align:center;} #awards .n-lb1 .list li.hd .info .text .tit3 {border-right:1px solid #dcdcdc;} #awards .n-lb1 .list li .info .text .tit2 {} #awards .n-lb1 .list li .info .text .tit3 {} #zscq .n-lb1 .list li:nth-child(odd) {background-color:#FaFaFa;} #zscq .n-lb1 .list li:nth-child(even) {} #zscq .n-lb1 .list li:hover{background-color:#F6F6F6;} #zscq .n-lb1 .list li a {background:none;padding:0px;} #zscq .n-lb1 .list li a:hover .tit{ } #zscq .n-lb1 .list { padding-top:50px;} #zscq .n-lb1 .list li .title { width:100px;background-color:#E0E0E0;margin-right:1px;float:left;} #zscq .n-lb1 .list li .title2 { width:100px;background-color:#E0E0E0;margin-right:1px;float:left;} #zscq .n-lb1 .list li .title3 { width:100px;background-color:#E0E0E0;margin-right:1px;float:left;} #zscq .n-lb1 .list li #zscq .n-lb1 .list li .info, #zscq .n-lb1 .list li .info .text{width:100%;display: table;} #zscq .n-lb1 .list li .info .text .tit { display: table-cell;width:44.8%;float:left;text-align:center;color:#333; text-align: center; font-size: 14px; height: 50px; line-height: 50px; } #zscq .n-lb1 .list li .info .item3 .tit {width:29.8%;} #zscq .n-lb1 .list li .info .text .tit0 {width:10%;} #zscq .n-lb1 .list .hd .tit {background-color:#f2f2f2;border: 1px solid #dcdcdc; border-right:none; font-weight:bold;} #zscq .n-lb1 .list li .info .text .tit1 {text-align:left;text-indent:20px;} #zscq .n-lb1 .list li.hd .info .text .tit0 {width:10%;} #zscq .n-lb1 .list li.hd .info .text .tit1 {text-align:center;} #zscq .n-lb1 .list li.hd .info .text .tit2 {border-right:1px solid #dcdcdc;} #zscq .n-lb1 .list li.hd .info .item3 .tit2 {border-right:none; } #zscq .n-lb1 .list li.hd .info .item3 .tit3 {border-right:1px solid #dcdcdc;} #zscq .n-lb1 .list li .info .text .tit2 {} #zscq .n-lb1 .list li .info .text .tit3 {} .n-lb1 .list li .time{color:#bbbbbb;line-height: 1;margin:12px 0 8px 0;} .n-lb1 .list li .time img{vertical-align: text-middle;} .n-lb1 .list li .wz{font-size: 14px;color:#666666;line-height: 28px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .n-lb1 .list li a:hover .title{color:#41a7dc;} /********列表2********/ .n-lb2{overflow: hidden;margin-top:50px;} .n-lb2 .txtScroll-left{position:relative;overflow: hidden;padding:35px;background: #f2f2f2;} .n-lb2 .txtScroll-left .hd{ overflow:hidden;position:absolute;bottom:35px;right:35px;z-index: 999;} .n-lb2 .txtScroll-left .hd .prev,.n-lb2 .txtScroll-left .hd .next{ z-index:999;display:block; width:19px; height:19px;margin-left: 8px; float:right;overflow:hidden; cursor:pointer;} .n-lb2 .txtScroll-left .hd .next{background: url(../images/bright.png) no-repeat center center;} .n-lb2 .txtScroll-left .hd .prev{background: url(../images/bleft.png) no-repeat center center;} .n-lb2 .txtScroll-left .hd .next:hover{background: url(../images/bright2.png) no-repeat center center;} .n-lb2 .txtScroll-left .hd .prev:hover{background: url(../images/bleft2.png) no-repeat center center;} .n-lb2 .txtScroll-left .hd ul{overflow:hidden;} .n-lb2 .txtScroll-left .hd ul li{ float:left; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; } .n-lb2 .txtScroll-left .bd{ overflow:hidden;} .n-lb2 .txtScroll-left .bd ul{ overflow:hidden;} .n-lb2 .txtScroll-left .bd ul li{ overflow: hidden;} .n-lb2 .txtScroll-left .bd .img{width:420px;height: 301px;overflow: hidden;float: left;margin-right: 36px;} .n-lb2 .txtScroll-left .bd .text{overflow: hidden;} .n-lb2 .txtScroll-left .bd .title{font-size: 20px;line-height: 20px;margin-top:18px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .n-lb2 .txtScroll-left .bd .date{font-family:arial;margin-top:28px;font-size: 14px;color:#999999;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .n-lb2 .txtScroll-left .bd .wj{clear:both;font-size: 14px;line-height: 28px;color:#666666;padding-top:25px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;} .n-lb2 .txtScroll-left .bd span{color:#666666;height:34px;line-height:34px;border:1px solid #cacaca;margin-top:40px;width:68px;padding:0 16px;display: block;} .n-lb2 .txtScroll-left .bd span i{font-family: "宋体";font-style: normal;padding-left:12px;} .n-lb2 .txtScroll-left .bd a:hover .title{font-weight: bold; color: #41a7dc;} .n-lb2 .txtScroll-left .bd a:hover span{color:#ffffff;background: #41a7dc;border:0;} .n-lb2 .list{overflow: hidden;padding:10px;margin-top:10px;} .n-lb2 .list li{float: left;width:570px;margin-left:40px;} .n-lb2 .list li:nth-of-type(2n+1){margin-left:0;} .n-lb2 .list li a{padding:40px 23px;border-bottom: 1px solid #dbdbdb;display: block;} .n-lb2 .list li a:hover{box-shadow: 0 0 10px #dbdbdb;} .n-lb2 .list li a:hover .title{ color: #41a7dc;} .n-lb2 .list li a .title{font-size: 18px;} .n-lb2 .list li a .date{font-size: 12px;color:#999999;font-family: arial;margin:16px 0;} .n-lb2 .list li a .text{line-height: 26px;color:#666666;} /********列表3********/ .n-lb3{overflow:hidden;margin-top:50px;} .n-lb3,.n-lb3 .list,.n-lb3 li,.n-lb3 a{overflow: hidden;display: block;} .n-lb3 li{margin-bottom: 40px;} .n-lb3 a.list-a{padding:25px;background: #f2f2f2;} .n-lb3 .img{float:left;width:277px;height: 200px;margin-right: 35px;} .n-lb3 .img img{width:277px;height: 200px;} .n-lb3 .text{overflow: hidden;} .n-lb3 .title{font-size: 18px;color:#333333;margin-top:12px;line-height: 24px;float: left ; width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; ;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .n-lb3 .date{font-family:arial;margin-top:12px;font-size: 14px;line-height: 24px;float: right;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} .n-lb3 .wj{clear:both;font-size: 14px;line-height: 28px;color:#666666;padding-top:18px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .n-lb3 span{text-align: center;float:right;border-radius:2px;height:34px;line-height:34px;border:1px solid #cacaca;margin-top:55px;width:68px;padding:0 16px;display: block;color:#666666;background: url(../images/jt.png) 88px center no-repeat;} .n-lb3 span i{font-family: "宋体";font-style: normal;padding-left:12px;} .n-lb3 a:hover .title{padding-left:6px;color:#41a7dc;} .n-lb3 a:hover .date{padding-right:6px; color:#41a7dc;} .n-lb3 a:hover span{color:#ffffff;background: #41a7dc;border:0;height:36px;width:70px;} .n-lb3 li:last-child{margin-bottom: 0;} .n-lb3 a.list-b{padding:0 25px 45px 20px;border-bottom:1px solid #dbdbdb;} .n-lb3 a.list-b .title{font-size: 18px;} .n-lb3 a.list-b .date{font-size: 12px;} .n-lb3 a.list-b span{margin-top:20px;} /*------------------新增start--------------------------------------------------------------------*/ /********产品列表---选项卡********/ .alist-stylesix2{width:100%;margin:60px 0 0 0;overflow: hidden; z-index: 1 ; position: relative;} .alist-stylesix2 .txtMarquee-left{ width:100%; position:relative;overflow: hidden} .alist-stylesix2 .txtMarquee-left .bd{background: url(../images/lb_lcvack.jpg) repeat-x center ; height: 86px; position:relative;} .alist-stylesix2 .txtMarquee-left .bd .tempWrap{} .alist-stylesix2 .txtMarquee-left .bd ul{width:87.5%; margin: 0 auto; overflow: hidden; text-align: center; } .alist-stylesix2 .txtMarquee-left .bd ul li{ display:inline-block;cursor: pointer; margin-left:15px;margin-right:15px;overflow: hidden} .alist-stylesix2 .alist-stylesix-show{overflow: hidden;} .alist-stylesix2 .alist-stylesix-rq{font-size: 16px;color:#333333;display: block;line-height: 22px;text-align: center;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;} .alist-stylesix2 .alist-stylesix-show .a{margin:15px auto 0;display: block;width: 10px;height:10px;border:2px solid transparent;border-radius: 100%;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;} .alist-stylesix2 .txtMarquee-left .bd ul li:hover .alist-stylesix-rq{color:#0080c9;} .alist-stylesix2 .txtMarquee-left .bd ul li:hover .a{border:2px solid #0080c9; background: #ffffff;} .alist-stylesix2 .txtMarquee-left .bd ul .alist-stylesix-active .alist-stylesix-rq{color:#0080c9;} .alist-stylesix2 .txtMarquee-left .bd ul .alist-stylesix-active .a{ margin:15px auto 0;display: block;width: 10px;height:10px;border:2px solid #0080c9; background: #ffffff;border-radius: 100%;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;} .alist-stylesix2 .alist-stylesix-texthide{width:100%;overflow:hidden;line-height: 28px;} .alist-stylesix-texthide .n-lb11{overflow: hidden; padding-top: 10px;} .alist-stylesix-texthide .n-lb11 .layout{ margin: 0px 62px 4em 0px;overflow: hidden;float: left;width: 385px;} .alist-stylesix-texthide .n-lb11 .layout:nth-of-type(3n){ margin-right: 0px;} .alist-stylesix-texthide .n-lb11 a{display: block; } .alist-stylesix-texthide .n-lb11 a .img{ width: 100%; height: 260px; display: block; overflow: hidden;} .alist-stylesix-texthide .n-lb11 a .img img{width:100%;height: 260px; display: block; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .alist-stylesix-texthide .n-lb11 a .text{ text-indent: 20px; line-height: 55px; background:url("../images/p_cell1.png") no-repeat right 15px center #efefef; color:#333333; font-size: 18px; ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .alist-stylesix-texthide .n-lb11 a:hover .text{ background:url("../images/p_cell2.png") no-repeat right 15px center #0080c9; color:#FFFFFF;} /*.alist-stylesix-texthide .n-lb11 a:hover .img img{transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);}*/ .alist-stylesix-texthide .fy{margin-top:10px;} /*手机端*/ .mo-fenlei{display: none; background: #FFFFFF; z-index: 3; position: relative;} .mo-fenlei .one{ display: block; height: 161px; border-bottom: 1px solid #d1d1d1; margin: 0 10px;} .mo-fenlei .one:after{ clear: both;} .mo-fenlei .one li{ display: block; float: left; width: 33.33%; line-height: 80px; border-bottom: 1px solid #d1d1d1; text-align: center; font-size: 24px; color: #666666; cursor: pointer; position: relative; z-index:2; white-space: nowrap; text-overflow: ellipsis;} .mo-fenlei .one li .sj-img{ padding-left: 22px; background: url("../images/mobile/you2.png") no-repeat center left 6px; display: inline;} .mo-fenlei .one li:hover{ color: #0084cf;} .mo-fenlei .one li:hover .sj-img{ background: url("../images/mobile/you.png") no-repeat center left 6px; } .mo-fenlei .one .li-active{ color: #0084cf !important; z-index: 3;} .mo-fenlei .one .li-active .sj-img{ padding-left: 22px; background: url("../images/mobile/you.png") no-repeat center left 6px; display: inline;} .mo-fenlei .one li .erji{position: absolute; top:81px; left: 0px; width: auto; padding:20px 10px; z-index:20; background: #FFFFFF;box-shadow: 0px 10px 10px #4e4e53; font-size: 20px; display: none; } .mo-fenlei .one li:nth-of-type(3n) .erji{ left: auto !important; right: 0 !important;} .mo-fenlei .one li .erji a{ color: #333333; display: block; line-height:40px; text-align: left; text-indent: 0; } .mo-fenlei .one li .erji a:hover{ color:#0080c9 ;} /*.mo-fenlei .one li:hover .erji{ display: block;}*/ /*单页*/ .zhuanlan{ } .zhuanlan h1{ line-height: 40px; font-size: 30px; font-weight: bold; color: #000000; margin-bottom: 65px;} .zhuanlan .img{ text-align: center; margin-top: 70px;} .zhuanlan .img .left{ width: 25%; line-height: 65px; color:#00a0e9; font-size: 18px; ;} .zhuanlan .img .left img{ display:block; margin: 0 auto; width: 160px; } .zhuanlan .img .jianjie{ text-align: left; clear:both;padding-top: 20px; color: #333333; padding-bottom: 65px;} .zhuanlan .list{border-top: 1px solid #e0e0e0; background: url("../images/about_title_bg.jpg") no-repeat left top; padding-top: 40px;} .zhuanlan .list h3{ color: #0080c9; font-size: 18px; line-height: 60px;} .zhuanlan .list ul li{ line-height: 32px; color: #333333;} .zhuanlan .list ul li span{ font-size: 15px; color: #000000; font-weight: bold;} .zhuanlan .list ul li em{padding-left: 4px; padding-right: 4px; margin-right: 4px; color: #FFFFFF; background:#9cd010 ;} .zhuanlan .list ul{ padding-bottom: 30px;} /*wenhua*/ .wenhua{ } .dy-tit { line-height: 30px; font-size: 30px; font-weight: bold; color: #666666; margin-top: 40px; padding-left:5px; } .wenhua .img{ overflow: hidden; position: relative; padding-top: 40px; padding-bottom: 150px;} .wenhua .img .left{ width:680px; } .wenhua h3{ color: #0080c9; font-size: 24px; line-height: 60px; padding-bottom: 10px;} .wenhua .img .left ul li{ overflow: hidden; margin-bottom: 40px; } .wenhua .img .left ul li .left{ width:130px; ; height: 54px; line-height: 54px; ; overflow: hidden;} .wenhua .img .left ul li .left span{ text-align: center; font-size: 20px; margin-right: 10px; background: url("../images/wh_3.jpg") no-repeat; display: block; width: 54px; height: 54px; float: left} .wenhua .img .left ul li .wz{ float: left; width: 530px; line-height: 27px; color: #666666;font-size: 16px;} .wenhua .img .right{ width:580px ; position: absolute; top:0px; right: 0px;} .wenhua .img .right img{ width:580px ; display:block; margin: 0 auto; } .wenhua .list{border-top: 1px solid #e0e0e0; background: url("../images/about_title_bg.jpg") no-repeat left top; padding-top: 40px;} .wenhua .list img{ display: block; margin: 0 auto 20px auto; padding-bottom: 55px; border-bottom: 1px solid #e0e0e0; } .wenhua .list h3:nth-of-type(1){ padding-bottom: 10px;} .wenhua .list h3{ color: #0080c9; font-size: 20px; line-height: 50px; padding-bottom: 0px; } .wenhua .list p{ padding-bottom: 30px;} .wenhua .mo-img{ display: none; padding-bottom: 40px;} .wenhua .mo-img .img{ display: block; margin: 0 auto; padding-top: 0px; padding-bottom: 40px;} .wenhua .mo-img h3{ color: #0080c9; font-size: 24px; line-height: 24px; padding-bottom: 0px; } .wenhua .mo-img .txt ul li{ overflow: hidden; margin-bottom: 40px; } .wenhua .mo-img .txt ul li .left{ width:130px; ; height: 54px; line-height: 54px; ; overflow: hidden;} .wenhua .mo-img .txt ul li .left span{ text-align: center; font-size: 20px; margin-right: 10px; background: url("../images/wh_3.jpg") no-repeat; display: block; width: 54px; height: 54px; float: left} .wenhua .mo-img .txt ul li .wz{ float: left; width: 75%; line-height: 27px; color: #666666;font-size: 16px;} /*经典案例详情页*/ .al-detail .url{ } .al-detail{ margin-top: 0px; padding-bottom: 60px; border-bottom: 1px solid #e0e0e0 ;} .al-detail h1{ line-height: 24px; font-size: 24px;color: #666666; } .al-detail .img{ overflow: hidden; padding-top: 20px; padding-bottom: 30px;} .al-detail .img .left{ width:650px; padding-right: 40px; } .al-detail .img .left img{ border: 1px solid #e0e0e0; display: block; overflow: hidden; width: 648px;} .al-detail .img .right{ width:560px; line-height: 36px ; color: #333333;font-size:16px; overflow: hidden;} .al-detail .img .right span{ color: #666666; padding-right: 20px; } .al-detail .img .right .one:last-child span{ display: block; float: left;} .al-detail .img .right p{ color: #666666; float: left; width: 460px; line-height: 32px;} .al-detail .list h3{ font-size: 18px; color: #0080c9; line-height:50px;border-bottom: 1px solid #e0e0e0; background: url("../images/about_title_bg.jpg") no-repeat left bottom; text-indent: 5px; margin-bottom: 25px;} .al-detail .list p{ color: #666666; font-size: 16px; line-height: 32px; padding-bottom: 20px;} .al-detail .list img{ display: block; margin: 0 auto; padding: 15px 0px;} /*产品详情页*/ .p-detail{ margin-top: 45px; padding-bottom: 50px; overflow: hidden;} .p-detail .left h1{ line-height: 66px; font-size: 24px;color: #0080c9; } .p-detail .left{ width:810px ;} .p-detail .left .img1{ display: block; margin-bottom: 20px; width: 805px; height: 545px; } .p-detail .left h3{ font-size: 18px; color: #0080c9; line-height:50px;border-bottom: 1px solid #e0e0e0; background: url("../images/about_title_bg.jpg") no-repeat left bottom; text-indent: 5px; margin-bottom: 25px;} .p-detail .left .p1{ color: #666666; font-size: 14px; line-height: 32px; padding-bottom: 10px;} .p-detail .left .list .cell .list-top{ color: #0080c9; font-size: 18px; overflow: hidden;; background-color:#efefef; text-indent: 10px; height: 45px; line-height: 45px; } .p-detail .left .list .cell .list-top .right{ display: block; width: 45px; height: 45px; background: url("../images/pd_1.png") no-repeat center #0080c9; } .p-detail .left .list .cell .p{display: none; font-size: 14px; color: #666666; line-height: 28px; padding: 25px 0px 20px 0px;} .p-detail .left .list .cell{ margin-bottom: 15px;} .p-detail .left .list .cell:nth-of-type(1) .p{display: block} .p-detail .right{ width: 384px;} .p-detail .right h1{ line-height: 66px; font-size: 20px;color: #666666; overflow: hidden; } .p-detail .right h1 a{ color: #666666; font-size: 14px; float: right; } .p-detail .right .list a{margin-bottom: 25px; display:block; } .p-detail .right .list a .img{ width: 100%; overflow: hidden;} .p-detail .right .list a .img img{ display: block; width: 100%; height: 260px; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out; } .p-detail .right .list a .text{text-indent: 15px; height: 56px; line-height: 56px; background:url("../images/p_cell1.png") no-repeat right 15px center #efefef; font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .p-detail .right .list a:hover .text{ background:url("../images/p_cell2.png") no-repeat right 15px center #0080c9; color:#FFFFFF;} .p-detail .right .list a:hover .img img{transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);} .p-detail p{ padding-bottom: 0; word-break: break-all;} /*经典案例*/ .url{ color: #666666; font-size: 14px; line-height: 66px; padding-top: 10px;} .url span{ padding-left: 8px; padding-right: 8px;} .url a{ color: #666666; } .url a:hover{ color:#0080c9 ;} .url .a-active{ color:#0080c9 ;} .anli table{ width: 1280px; margin-left: auto; margin-right: auto; } .anli table tr td{ height: 50px; line-height: 50px; border: 1px solid #e4e4e4; } .anli table tr td:nth-of-type(1){ text-align: center; background: #f0f0f0;} .anli table tr td ul{ overflow: hidden; margin-left: 15px;} .anli table tr td ul li:nth-of-type(1) .caseactive{ color:#ff7800 !important;} .anli table tr td ul li{ cursor: pointer; float: left; margin-left: 15px; margin-right: 15px; padding-left: 4px; padding-right: 4px; } .anli table tr td ul li a:hover{ color:#0080c9 ; } .anli table tr td ul .li-active{ color:#0080c9 ; float: left; margin-left: 15px; margin-right: 15px; padding-left: 4px; padding-right: 4px;} .anli .list{ overflow: hidden; padding-top: 45px;} .anli .list .layout{ margin: 0px 40px 30px 0px;overflow: hidden;float: left;width: 400px;} .anli .list .layout:nth-of-type(3n){ margin-right: 0px;} .anli .list a{display: block; border:1px solid #d4d4d4;} .anli .list a .img{ width: 100%; height: 206px; display: block; overflow: hidden;} .anli .list a .img img{width: 100%;height: 206px; display: block; transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .anli .list a .text{ text-indent: 20px; line-height:60px; background:#FFFFFF; color:#333333; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .anli .list a:hover .text{ background: #0080c9; color:#FFFFFF;} .anli .list a:hover .img img{transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);} .caseactive{color:#0080c9 ;} /*经典案例手机端*/ .mo-chaxun{display: none; background: #FFFFFF; position: relative; height: 81px; } .mo-chaxun .one{ display: block;} .mo-chaxun .one:after{ clear: both;} .mo-chaxun .one li{ display: block; float: left; width: 25%; line-height: 80px; border-bottom: 1px solid #d1d1d1; text-align: center; font-size: 24px; color: #666666; position: relative; white-space: nowrap; } .mo-chaxun .one li:hover{ background: url("../images/mobile/xiasanjiao.png") no-repeat center bottom 0.6em; color: #0045a4;} .mo-chaxun .one .li-active{ background: url("../images/mobile/xiasanjiao.png") no-repeat center bottom 0.6em; color: #0045a4;} .mo-chaxun .one .li-active .erji{ display: block;} .mo-chaxun .one li .erji{position: absolute; top:81px; left: 50%; margin-left: -80px; width: 160px; z-index:2; background: #FFFFFF;box-shadow: 0px 10px 10px #4e4e53; padding-top: 20px; padding-bottom:20px; font-size: 20px; display: none; } .mo-chaxun .one li:last-child .erji{ left:auto; right: 50%; margin-left: auto; margin-right: -80px;} .mo-chaxun .one li .erji a{ color: #333333; display: block; line-height:40px; text-align: center;} .mo-chaxun .one li .erji a:hover{ color:#0080c9 ;} .mo-chaxun .one li:hover .erji{ display: block;} /*--------------------------新增end-------------------------------------------------------------------------*/ /*********mo-hide*********/ .mo-header{display: none;} .mo-nyheader{display: none;} .mo-m2{display: none;} .mo-m3{display: none;} .mo-m4{display: none;} .mo-footer{display: none;} .colorpiece{display: none;} .lb4 .lb4nav-qt{display:none;} .mo-m5{ display: none;} /*********mobile*********/ /*mo-header*/ .mo-header{padding:27px 20px 12px 20px; overflow: hidden;} .mo-header .right{cursor: pointer;} .r-img-layout{ padding-right: 4px; margin-top: 14px;} .navlist{display:none;width:100%;height:100%;z-index:100;position:fixed;top:0;left:0;z-index:99999999999;overflow-y:scroll;overflow-x:hidden;background-color:rgba(0,0,0,0.9); } .navlist .close{float:right;margin-top:30px;margin-right:30px;cursor:pointer;margin-bottom:30px;} .navlist > ul{clear:both;text-align:center;padding-bottom:40px;} .navlist > ul > li{margin-top:30px;} .navlist > ul > li > a{color:#cccccc;font-size:25px;line-height:30px;} .navlist ul li ul{display:none;margin-top:20px} .navlist ul li ul li a{color:#cccccc;font-size:20px;line-height: 30px;} .navlist-active > a{color:#0191da !important;} .navlist .mo-pho{display:block;margin:0 auto 40px auto;font-size:20px;line-height:30px;color:#cccccc;text-align: center;} /*mo-nyheader*/ .mo-nyheader{padding:0 20px;height:90px;overflow: hidden;border-bottom:1px solid #e8e8e8;position: relative;} .mo-nyheader .nymologo{position: absolute;top:28px;z-index: 99;} .mo-nyheader .nymonext{position: absolute;top:28px;z-index: 99;} .mo-nyheader .motitle{width:100%;position: absolute;top:0;left:0;text-align:center;font-size:30px;color:#666666;line-height: 90px;} .mo-nyheader .nymonav{position: absolute;top:33px;z-index: 99;right:20px;cursor: pointer;} /*mo-m2*/ .mo-m2{overflow: hidden;padding-bottom: 45px; padding-top:60px;} .mo-m2 a{display: block;width:25%;float: left;text-align: center;} .mo-m2 a img{ display: block; margin: 0 auto; } .mo-m2 a .txt{margin-top:20px; font-size: 22px; color: #333333; line-height: 30px;} /*mo-m3*/ .mo-m3{overflow: hidden; padding:0px 0px 85px 0px; } .mo-m3 .img{ display: block; width: 100%;} .mo-m3 .text{padding: 0px 20px; } .mo-m3 .text h2{font-size: 40px;line-height:40px;color:#525c5d; padding-top: 70px; font-weight: bold; text-transform: uppercase;} .mo-m3 .text h3{font-size: 30px;line-height: 30px;color:#000000; padding: 18px 0px 15px 0px;} .mo-m3 .text p{font-size: 22px;line-height: 40px;color:#333333; margin-bottom: 45px;} .mo-m3 .more{display: block;width:100%;background: #d3d3d3; line-height: 70px;font-size: 22px;color:#ffffff; text-align: center; border-radius: 4px;} /*mo-m4*/ .mo-m4 .title{ width: 100%; padding-bottom: 25px; } .mo-m4 .title h1{ color:#000000; float: left; line-height: 40px; font-size: 32px; } .mo-m4 .title a{ float: right; line-height: 40px; font-size: 20px; color:#0080c9; margin-top: 10px; } .mo-m4{overflow: hidden;padding:70px 20px 140px 20px; background: #f1f1f1; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } .mo-m4 .list a{ background: #ffffff; display: block; float: left; width: 32%; height: 60px; line-height: 60px; margin-right: 2%; margin-bottom: 15px;} .mo-m4 .list a:nth-of-type(3n){ margin-right: 0; } .mo-m4 .list a .img{ text-align: center; height: 60px; line-height: 60px; border: 1px solid #e5e5e5;} .mo-m4 .list a .img img{ display: inline-block; vertical-align: middle;} .mo-m4 .multipleColumo-m4{ position:relative;} .mo-m4 .multipleColumo-m4 .bd{overflow:hidden;} .mo-m4 .multipleColumo-m4 .bd ul{ overflow: hidden; } .mo-m4 .multipleColumo-m4 .bd ul li{ float:left; overflow: hidden; width:100%; } .mo-m4 .multipleColumo-m4 .hd{ overflow:hidden;text-align: center; } .mo-m4 .multipleColumo-m4 .hd{ position: absolute; left: 0px; bottom:-70px ; width: 100%; } .mo-m4 .multipleColumo-m4 .hd ul{ overflow: hidden; display: inline-block;} .mo-m4 .multipleColumo-m4 .hd ul li{ margin-left: 12px; margin-right: 12px; float: left; width: 17px; height: 17px; background: #cccccc; text-indent: 100px; overflow: hidden;} .mo-m4 .multipleColumo-m4 .hd ul .on{ background:#0072c3 ;} /* mo-m4-diy */ .mo-m4-diy{overflow: hidden;padding:0px 0px 40px 0px; border-bottom: 1px solid #e1e1e1; } .mo-m4-diy .title h1 {width:100%;text-align:center;line-height:35px;font-size:20px;} .mo-m4-diy .title p {width:100%;text-align:center;color:#888;margin-bottom:20px;} .mo-m4-diy .list {} .mo-m4-diy .list li{ float:left; padding:2.5%; width:45%;} .mo-m4-diy .list li .wrap{ float:left; padding-bottom:15px;background-color:#fff;text-align:center; font-size:16px;} .mo-m4-diy .list li .wrap .img { margin-bottom:20px; width: 100%; height: 0; padding-bottom: 50%; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .mo-m4-diy .list li .wrap .text {margin-bottom:15px; height:20px; line-height:20px; overflow:hidden;} .mo-m4-diy .list li .wrap a {background-color:#F2F2F2;color:#999999;font-size:12px; line-height:30px; width:80%;display:inline-block;border-radius: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .mo-m4-diy .list .bd {width:100%;display:block;margin-bottom:30px;} .mo-m4-diy .list .hd {width:100%;display:block;margin-bottom:10px;text-align:center;} .mo-m4-diy .list .hd a { border:1px solid #000; padding:10px 50px;} /*mo-m5*/ .mo-m5{overflow: hidden;padding:65px 20px 80px 20px; } .mo-m5 .list{overflow: hidden;} .mo-m5 .list .title{ width: 100%; } .mo-m5 .list .title h1{ color:#000000; float: left; line-height: 40px; font-size: 32px; } .mo-m5 .list .title a{ float: right; line-height: 40px; font-size: 20px; color:#0080c9; margin-top: 10px; } .diy .list .title ul {width:95%;float:left;margin-bottom:15px;} .diy .list .title ul li { width:22%;float:left;text-align:center;margin-right:3%;} .diy .list .title a {width:100%;line-height:35px;padding:5px;float:left;color:#000;} .diy .list .title li.on a {background-color:#F4F4F4;color:#0072C3;} .diy .list .title h1 {width:100%;/* text-align:center; */line-height:35px;} .diy .list .title p {width:100%;/* text-align:center; */color:#888;margin-bottom:20px;} .diy .list .tab_con .con {display:none;} .diy .list .tab_con .displa {display:block;} .mo-m5 .list .cell{ display: block; background: #f4f4f4; } .mo-m5 .list .cell .cell-img{ float: left; width: 38%;} .mo-m5 .list .cell .cell-txt{ float: right; width: 52%; overflow: hidden; padding-right: 30px; } .mo-m5 .list .cell .cell-txt p{ color:#333333; font-size:26px; line-height:40px;overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; padding: 10px 0 0;} .mo-m5 .list .cell .cell-txt .time{line-height:40px; color:#666666; font-size: 20px; margin-top: 20px; background: url("../images/mobile/more.jpg") no-repeat right ; } .mo-m5 .list .cell .cell-txt .look{ display:block ; float: right; padding-right: 25px; margin-top: 30px;} .mo-m5 .list .list2{ padding: 0px 0px 30px 0px;} .mo-m5 .list .list2 ul li{ list-style: none ; border-bottom: 1px dotted #b7b7b7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .mo-m5 .list .list2 ul li a{ line-height: 66px; font-size:22px ; color:#333333; } .mo-m5 .more{display: block;width:100%;background: #d3d3d3; line-height: 70px;font-size: 22px;color:#ffffff; text-align: center; border-radius: 4px;} .mo-m6 { margin-bottom:30px;} .mo-m6 .title {display:none;} .mo-m6 ul{} .mo-m6 ul li{ height:70px;width:80%; padding:5% 10% 10% 10%;display:block;background:#fff url(../images/home/1.jpg) no-repeat center center;color:#fff; border-bottom:1px solid #fff;background-size:100% 100%;} .mo-m6 ul li.img1 {background:#fff url(../images/home/1.jpg) no-repeat center center;} .mo-m6 ul li.img2 {background:#fff url(../images/home/3.jpg) no-repeat center center;} .mo-m6 ul li.img3 {background:#fff url(../images/home/2.jpg) no-repeat center center;} .mo-m6 ul li.img4 {background:#fff url(../images/home/5.jpg) no-repeat center center;} .mo-m6 ul li.img5 {background:#fff url(../images/home/5.jpg) no-repeat center center;} .mo-m6 ul li .text {font-size:16px;line-height:40px;} .mo-m6 ul li a {color:#fff;} .mo-m7 {} .mo-m7 .list { width:100%;} .mo-m7 .cont { padding:0px;} .mo-m7 .bd { width:100%;max-width: 100%;} .mo-m7 li{ margin-bottom:20px;float:left; } .mo-m7 li .img_wrap { padding:10px 20px 20px 20px;border:1px solid #f3f2f2;display:block;background-color:#fff;} .mo-m7 li .img_wrap::after{ display:block; clear:both; content:"";visibility:hidden;height:0; } .mo-m7 li .text{font-size:16px; line-height:30px;color:#29A0E5; } .mo-m7 li img{ margin-bottom:10px;} .mo-m7 li p{ line-height:25px;width:100%;} .mo-m7 li.img2 p { padding-left:8%;} .mo-m7 li.img2 p a { width:27%; height:60px; padding-left:18%;float:left;background:#fff url(../images/mobile/m1_1.png) no-repeat left center;background-size:30%; line-height:60px;} .mo-m7 li p a:nth-of-type(2) {background:#fff url(../images/mobile/m1_2.png) no-repeat left center;background-size:30%;} .mo-m7 li p a:nth-of-type(3) {background:#fff url(../images/mobile/m1_3.png) no-repeat left center;background-size:30%;} .mo-m7 li p a:nth-of-type(4) {background:#fff url(../images/mobile/m1_4.png) no-repeat left center;background-size:30%;} .mo-m7 li p a:hover {color:#29A0E5;text-decoration:underline;/* background:#fff url(../images/home/yuan.png) no-repeat left center; */} .mo-m7 li.img3 p a{ color:#29A0E5; font-weight:bold;} .mo-m7 li.img3 p img {width:110px;border:1px solid #999;} /*mo-footer*/ .mo-footer{ font-size:20px;color:#ffffff; text-align: center; } .mo-footer .bottom{background:#1a2a31;} .mo-footer .bottom .top img{ display: block; margin: 0 auto; } .mo-footer .bottom p{ line-height: 20px; padding: 22px 0; font-size: 20px; font-weight: 200; } /********详情页1********/ /*位置*/ .detail1-crumbs {width: 1200px;margin: 20px auto;} .detail1-crumbs a,.detail1-crumbs span {margin: 0 5px;} .detail1-main{font-size: 18px;} /*正文*/ .detail1{width: 990px;margin: 30px auto;overflow: hidden;} .detail1-title{font-size:24px;line-height:2;color:#000000;text-align: center;} /*上下篇*/ .detail1-pages{margin:50px 0;text-align: center;} .detail1-pages a{font-size: 14px;color:#999999;padding:7px 10px;border:1px solid #ededed;margin:0 3px;} .detail1-pages a:hover{color:#f39800;} /*反馈*/ .denglu{ width:473px; height:305px; margin:10px auto 0 auto} .feed_bg{ width:100%; height:600px; overflow:hidden;} .yhm{ width:765px; height:auto; overflow:hidden; margin:10px 0 0 0 } .yzm{ display:block; width:60px; height:20px; margin:15px 0 0 14px; float:left} /*反馈*/ .fankui{ height:auto; overflow:hidden; } .fankuitop{ width:844px; height:41px; margin:30px auto 0 auto} .fankuitopwz{ color:#6C6C6C; font-family:Microsoft Yahei; font-size:14px; line-height:41px; background:url(../images/fktb.jpg) left no-repeat; display:block; width:720px; padding-left:30px; margin:0 auto} .fankuinr{ width:765px; height:487px; margin:30px auto 0 auto} /*-------------反馈--11-24添加--------------*/ .yhm .span{display: block; width: 70px; height: 35px; line-height: 20px;font-size: 16px; color: #959595; float: left; line-height: 35px; margin: 0 0 0 40px;background: url(../images/xing.jpg) left 5px no-repeat; padding-left: 12px;} .yhm-table{width: 500px; height: 180px; float: left;} .yhm-table .table{height:150px !important;width:500px !important;} .submit{margin-left: 110px;padding-top: 20px;height: 40px;} .feedback-width{width:100%;height:600px;} /*-------------反馈--11-24添加--------------*/ /*开始----手机端二次添加*/ /*mo-header*/ .mo-header{padding:0 20px;height:90px;overflow: hidden;border-bottom:1px solid #e8e8e8;position: relative;} .mo-header .nymologo{position: absolute;top:28px;z-index: 99;} .mo-header .nymonext{position: absolute;top:28px;z-index: 99;} .mo-header .motitle{width:100%;position: absolute;top:0;left:0;text-align:center;font-size:30px;color:#666666;line-height: 90px;} .mo-header .nymonav{position: absolute;top:33px;z-index: 99;right:20px;cursor: pointer;} /*结束----手机端二次添加 */ /*新闻详情页*/ .n-detail{ overflow: hidden; } .n-detail h1{ line-height: 50px; color: #333333; font-size: 24px; padding-bottom: 17px; } .n-detail .one h3{ float: left; width: 460px; line-height: 60px; color: #999999; font-size: 14px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; } .n-detail .one .img{ float: right; padding-top: 12px;} .n-detail .one{ overflow: hidden; display: block; width: 100%; border-bottom:1px solid #d2d2d2; } .n-detail .jiathis_style_32x32 .jtico{ background: url("../images/1.png") no-repeat !important; height: 39px !important; line-height: 39px !important;} .n-detail .jiathis_style_32x32 .jtico_tsina{ background-position: left 0 top 0 !important; width: 13px !important;} .n-detail .jiathis_style_32x32 .jtico_qzone{ background-position:left -51px top 0 !important; width: 13px !important;} .n-detail .jiathis_style_32x32 .jtico_weixin{ background-position:left -100px top 0 !important; width: 13px !important; } .n-detail .jiathis_style_32x32 .jtico_jiathis{ background-position:left -152px top 0 !important;} .n-detail .left{ width:880px ;padding-right: 60px;} .n-detail .right{ width:280px ; padding: 0px 20px 30px 20px; background: #f5f5f5; height: 480px;} .n-detail .wzh{ color:#666666; font-size: 16px; line-height: 30px; padding-top: 30px; padding-bottom: 50px;border-bottom:1px solid #d2d2d2; } .n-detail .shangxia{ overflow: hidden; margin-top: 40px;} .n-detail .shangxia a{ display: block; margin-right: 10px; float: left; border:1px solid #ededed; color: #999999; font-size: 12px; line-height: 36px; padding:0px 10px;margin-bottom: 10px;} .n-detail .shangxia a:hover{ background: #0080c9; color: #FFFFFF;} .n-detail .right h2{ color: #333333; font-size: 16px; line-height: 55px; border-bottom: 1px solid #d4d4d4; margin-top: 20px;} .n-detail .right ul li a{ padding-left: 10px; background: url(../images/dian.jpg) no-repeat left center; display:block;color: #333333; font-size: 14px; line-height: 55px; border-bottom: 1px dotted #d4d4d4;width:95%; height:55px;overflow:hidden;} .n-detail .right ul li a:hover{ color: #0080c9; background: url(../images/dianh.jpg) no-repeat left center;} .footer .jiathis_style_32x32 .jtico{ background: url("../images/2.png") no-repeat !important; height: 39px !important; line-height: 39px !important;} .footer .jiathis_style_32x32 .jtico_tsina{ background-position:left -40px top 0 !important; width: 0px !important;} .footer .jiathis_style_32x32 .jtico_qzone{ background-position:left -81px top 0 !important; width: 0px !important;} .footer .jiathis_style_32x32 .jtico_weixin{background-position: left 0 top 0 !important; width:0px !important; } .footer .jiathis_style_32x32 .jtico_tsina:hover{background-position:left -162px top 0 !important; } .footer .jiathis_style_32x32 .jtico_qzone:hover{ background-position:left -203px top 0 !important;} .footer .jiathis_style_32x32 .jtico_weixin:hover{ background-position: left -122px top 0 !important;} /********列表13********/ .n-lb13{overflow: hidden;margin-top:50px;} .n-lb13 ul{overflow: hidden;} .n-lb13 li{margin-bottom: 2px;} .n-lb13 .lb-show{padding:0 25px 0 0;height: 52px;background: #f4f4f4;position: relative;} .n-lb13 .name{line-height: 52px;float: left;overflow: hidden;font-size: 16px;color:#333333;padding-left: 20px;cursor: pointer;width: 1000px;} .n-lb13 .box{float: right;overflow: hidden;} .n-lb13 .apply{ display:block;float: left;cursor: pointer;font-size: 14px;color:#666666;line-height: 52px;margin-right: 15px;} .n-lb13 .btnss{float: left;cursor: pointer;width:20px;height:20px;margin-top:15px;background: url(../images/lb_xl2.png) center center no-repeat;} .n-lb13 .lb-xl{display:none;position: absolute;top:52px;right: 50px;background: #f1f1f1;padding:0 10px 15px 10px;} .n-lb13 .lb-xl a{font-size: 12px;display: block;color:#333333;line-height: 1;margin-top:15px;} .n-lb13 .lb-xl a:hover{color:#f39800;} .n-lb13 .lb-hide{display: none;overflow: hidden;background: #f9f9f9;padding:20px 20px 40px 20px;} .n-lb13 .lb-hide .hide-top{padding-bottom:30px;border-bottom: 1px solid #e2e2e2;overflow: hidden;font-size: 14px;color:#000000;line-height: 1;} .n-lb13 .lb-hide .hide-top p{float: left;width: 220px;margin-top: 12px;} .n-lb13 .lb-hide .hide-top i{font-style: normal;color:#666666;} .n-lb13 .lb-hide .hide-bottom{overflow: hidden;font-size: 14px;line-height: 30px;color:#666666;} .n-lb13 .lb-hide .hide-bottom h1.i{font-weight: normal;color:#000000;font-size: 14px;margin:22px 0 6px 0;font-weight:bold;} .n-lb13 .lion .lb-show{background: #4c4948;} .n-lb13 .lion .name{color:#ffffff;} .n-lb13 .lion .btnss{background:url(../images/lb_xl1.png) no-repeat center center;} .n-lb13 .lion .apply{color:#ffffff;} .gmore{ display: block; margin:40px auto 85px auto; text-align: center; border-radius: 30px; ; width: 216px; height: 50px; line-height: 50px; font-size: 16px; color: #4ebaaa; border: 1px solid #009c84;} .about-xin3{ padding-top: 50px;} /********招聘申请表1********/ .recruitment{overflow: hidden;margin:90px 0 90px 64px;} .recruitment .box{margin-right:100px;overflow: hidden;float: left;margin-bottom: 25px;} .recruitment .box label{font-size: 14px;color:#666666;width: 90px;display: block;float: left;line-height: 35px;} .recruitment .box input.input-text{width: 160px;height: 33px;border:1px solid #e5e5e5;font-size: 14px;padding:0 10px;} .recruitment .box i{font-style: normal;font-size: 14px;color:#000000;} .recruitment .input-button{display:block;clear: both;margin-left: 90px;width: 180px;height: 50px;text-align: center;line-height: 50px;background: #4c4948;border:0;color:#ffffff;font-size: 18px;} .recruitment .sc{width: 182px;height: 35px;position: relative;border:1px solid #e5e5e5;float: left;} .recruitment .sc h1{background: #ffffff;position: absolute;line-height: 35px;color:#666666;font-size: 14px;width: 100%;font-weight: normal;} .recruitment .sc .input-file{position: absolute;top:0;left:0;z-index: 99;width: 182px;cursor:pointer;opacity:0;height: 35px;} /*人力资源*/ .zp_bg{ width:100%; height:2200px; overflow:hidden; background:#fff;} .rlzybt{ width:756px; height:40px; line-height:40px; overflow:hidden; margin:10px auto 0 auto;} .zl{ width:756px;overflow:hidden; margin:0 auto;} .rlzybt_left{color:#333;font-family:Microsoft YaHei; font-size:14px; } .rlzybt_right{ margin-left:50px; font-size:14px; color:#d80000} .xbt{ background:url(../images/xbt1.jpg) left no-repeat; padding-left:29px; height:28px; line-height:28px; width:727px;color:#333333;font-family:Microsoft YaHei; font-size:16px; margin-top:32px; } .xbt2{ background:url(../images/xbt2.jpg) left no-repeat; padding-left:29px; height:28px; line-height:28px; width:727px;color:#333333;font-family:Microsoft YaHei; font-size:16px; margin-top:32px; } .xbt3{ background:url(../images/xbt3.jpg) left no-repeat; padding-left:29px; height:28px; line-height:28px; width:727px;color:#333333;font-family:Microsoft YaHei; font-size:16px; margin-top:32px; } .xbt4{ background:url(../images/xbt4.jpg) left no-repeat; padding-left:29px; height:28px; line-height:28px; width:727px;color:#333333;font-family:Microsoft YaHei; font-size:16px; margin-top:32px; } .xbt5{ background:url(../images/xbt5.jpg) left no-repeat; padding-left:29px; height:28px; line-height:28px; width:727px;color:#333333;font-family:Microsoft YaHei; font-size:16px; margin-top:32px; } .xbt6{ background:url(../images/xbt6.jpg) left no-repeat; padding-left:29px; height:28px; line-height:28px; width:727px;color:#333333;font-family:Microsoft YaHei; font-size:16px; margin-top:32px; } .xbt7{ background:url(../images/xbt7.jpg) left no-repeat; padding-left:29px; height:28px; line-height:28px; width:727px;color:#333333;font-family:Microsoft YaHei; font-size:16px; margin-top:32px; } .jbzlnb{ width:720px; height:28px; margin-top:20px} .name{ float:left;} .namewz{ float:left;color:#666;font-family:Microsoft YaHei; font-size:15px; line-height:26px; padding-left:10px ;width:110px; text-align:right} .namek{ float:left; border:1px solid #BFBFBF; padding:3px 0 0 4px; line-height:23px; display:block; width:110px; height:23px} .namek2{ float:left; border:1px solid #BFBFBF; padding:3px 0 0 4px;line-height:23px; display:block; width:570px; height:23px} .namek3{ float:left; border:1px solid #BFBFBF; padding:3px 0 0 4px;line-height:23px; display:block; width:343px; height:23px} .xing{ display:block; width:5px; height:5px; background:url(../images/xing.jpg); } .yjsfx{ display:block; margin:5px 0 0 0; float:left} .fxk{ float:left;color:#666;font-family:Microsoft YaHei; font-size:15px; line-height:26px; margin-left:5px} .sel_wrap{ width:75px;height:26px;background:#fff url(../images/xb.jpg) no-repeat right ; color: #333; font-size: 12px; border:1px solid #BFBFBF; cursor:pointer;position:relative;_filter:alpha(opacity=0); color:#333; font-size:12px; line-height:26px} .sel_wrap label{padding-left:10px;font-size:12px;z-index:2; color: #333; line-height: 26px; height: 26px; display: block;} .sel_wrap .select{width:100%; height:26px; line-height:26px; z-index:4;position:absolute;top:0;left:0;margin:0;padding:0;opacity:0; *margin-top:12px; filter:alpha(opacity=0);cursor:pointer; font-size: 12px;} .namek4{ float:left; border:1px solid #BFBFBF; padding:3px 0 0 4px; line-height:23px; display:block; width:220px; height:23px} .rltable{ width:648px; height:auto; overflow:hidden; margin:13px 0 0 28px} .namewz2{float:left;color:#666;font-family:Microsoft YaHei; font-size:15px; line-height:26px; padding-left:25px ;} .namewz3{float:left;color:#666; font-size:12px; line-height:26px; padding-left:25px ;} .rlft{ width:800px; height:60px; border-top:1px solid #E5E5E5; margin-top:47px;} .zptj{ cursor:pointer; background:url(../images/rltj.jpg); border:0; padding:0; width:92px; height:32px; margin:24px 0 0 54px;} /* .p-detail table { margin-bottom: 20px; display: block; font-size: 14px; color: #666666; line-height: 36px; } .p-detail table td{ text-indent: 6px; padding-right: 6px; text-align: left;} .p-detail table td.tou{ color:#666668 ; font-weight: bold; font-size: 14px;} */ /* .p-detail .table1 tr:nth-of-type(2n) td{ background: #Ffffff;} .p-detail .table2 tr:first-child{ border-top:1px solid #ffffff ;} .p-detail .table2 tr:last-child{ border-bottom:1px solid #ffffff ;} .p-detail .table2 tr:nth-of-type(2n) td{ background: #ffffff;} .p-detail .table3 {border-collapse: collapse;} .p-detail .table3 td{ border:1px solid #666666 ;}*/ .p-detail table {display: block; font-size: 14px; color: #666666; line-height: 36px; } .p-detail table td{ padding:0 6px; text-align: left; margin:0;line-height: 36px; vertical-align: top;} .p-detail table td.tou{ font-weight: bold; } .p-detail table tr td:first-child {width: 182px; height: auto; /*padding-left: 0px;*/} .p-detail hr { margin: 20px 0; border: 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #ffffff; } .p-detail .table2 tr:first-child td{ font-weight: bold;} .p-detail .table2 tr td:nth-of-type(2){ width:220px; ;} .p-detail .table2 tr td:nth-of-type(3){ width: 180px;} .p-detail .table2 tr td:nth-of-type(4){ width:180px ;} @media only screen and (min-width: 300px) and (max-width: 640px) { .n-detail { padding-top: 0!important; } .n-detail h1{line-height:30px;padding-bottom:0;} .n-detail img{max-width:100%;height:auto!important;} } .dy #ContentPlaceHolder1_lblcontent p{ /* text-indent:2em; */} #imgbox {} #imgbox a { width:30%; /* height:260px; */padding:1.5%;float:left; /* margin-bottom:15px; */} #imgbox a:after{ display:block; clear:both; content:"";visibility:hidden;height:0; } #imgbox a span {width:100%;text-align:center;display:block;font-size:14px; padding-top:15px; padding-bottom:15px;/* white-space:nowrap; */text-overflow:ellipsis;-o-text-overflow:ellipsis;/* overflow: hidden; */ height:30px;} #imgbox a img {width:100%; height:100%; border:1px solid #eee;transition: 0.2s;} #imgbox a img:hover {transform: scale(1.1);} #aboutpage .dy #ContentPlaceHolder1_lblcontent { font-size:16px;} #pro {} #pro .n-lb1 .list li {border-bottom: 1px solid #ededed; padding:30px 0;} #pro .n-lb1 .list li a {background:none;border:none; padding:0px;} #pro .n-lb1 .list li .time{ display:none;} #pro .n-lb1 .list li .title { font-size:20px; line-height:40px; padding-bottom:30px;font-weight:bold;} #pro .n-lb1 .list li .img{ float:right; width:400px; margin-right:0px;} #pro .n-lb1 .list li .info {padding-right:30px; position:relative;} #pro .n-lb1 .list li .wz { padding-right:30px;} #pro .n-lb1 .list li a:hover .wz {color:#41a7dc;} #pro .n-lb1 .list li p.more { border:1px solid #aaa; padding:10px; font-size:14px; width:100px;text-align:center; position:absolute;top:150px;} #pro .n-lb1 .list li:hover p.more { color:#41a7dc; border:1px solid #41a7dc;} #pro .n-lb1 {float:right; width:80%;} .left-nav {float:left; width:158px;text-align:center;font-size:16px;border:1px solid #e7e7e7; margin-top:30px;} .left-nav h5 {width:100%;height:50px;line-height:50px;font-size:16px;background-color:#0080C9;color:#fff;font-weight:bold;} .left-nav a { line-height:42px;width:100%; float:left;} .business .left-nav .bigclass {margin-bottom:1px; } .business .left-nav .bigclass::after{ display:block; clear:both; content:"";visibility:hidden;height:0; } .business .left-nav .bigclass ul li a {font-size:14px; line-height:35px;} .business .left-nav .bigclass > a {background-color:#0080c9; color:#fff;width:100%;text-align:left;text-indent:40px;} .business .left-nav .bigclass > a:hover {color:#fff;} .left-nav a:hover, .left-nav a.focus, .left-nav .this .focus a{color:#0080C9; font-weight:bold; } .left-nav ul ul li a {width:100%;background:url(../images/home/yuan0.png) no-repeat 20px center;text-align:left;text-indent:40px;} .left-nav ul ul li a:hover {background:url(../images/home/yuan.png) no-repeat 20px center;} .business .left-nav a:hover {color:#0080C9; font-weight:bold;} .business .left-nav a.focus, .business .left-nav .this > a {width:100%;height:50px;line-height:50px;font-size:16px;background-color:#0080C9;color:#fff;font-weight:bold;} .business .left-nav .cont {border-top:2px solid #0080C9;} #pro .left-nav a:hover {color:#0080C9; font-weight:bold;} #pro .left-nav a.focus {width:100%;height:50px;line-height:50px;font-size:16px;background-color:#0080C9;color:#fff;font-weight:bold;} #pro .left-nav .cont {border-top:2px solid #0080C9;} #pro #ContentPlaceHolder1_pnl_article1 {padding-top:30px;} #pro .n-detail .left {margin-right:0px;padding-right:0px;float:right;width:80%;} .w::after, .ContentPlaceHolder1_pnl_article1::after{ display:block; clear:both; content:"";visibility:hidden;height:0; } #ContentPlaceHolder1_lab_tmenu {text-align:center;} #ContentPlaceHolder1_lab_tmenu a{font-size:16px;color:#333; line-height:60px; margin-right:15px; padding:10px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid transparent;} #ContentPlaceHolder1_lab_tmenu a:hover, #ContentPlaceHolder1_lab_tmenu a.focus {color:#0080c9;border-bottom: 1px solid #0080c9;font-weight:bold;} .allW {width:100%;background-color:#F7F8FA;} .none {display:none;} .business .dy {width:80%; float:right;} .business .tmenu {display:none;} .business .left-nav li ul {display:none;} .business .left-nav li.focus ul {display:block;} .business .left-nav li ul {display:none;} .pro .tmenu {display:none;} #pro .tmenu {display:none;} #b2 .tmenu {display:none;} #b2 .n-lb1 {float:right; width:80%;} #b2 .n-detail .left {margin-right:0px;padding-right:0px;float:right;width:80%;} #b2 .left-nav li ul {display:none;} .bon { border:none; } .h20 { height:0px; } .m14 .m-title .bon { border:none; } .m14 .m-title .h20 { height:10px; } .mt15 { margin-top:15px;}