::-webkit-scrollbar{ width:8px; height:10px; } ::-webkit-scrollbar-track{ background: rgb(239, 239, 239); border-radius:2px; } ::-webkit-scrollbar-thumb{ background: #bfbfbf; border-radius:10px; } /*::-webkit-scrollbar-thumb:hover{ background: #333; }*/ ::-webkit-scrollbar-corner{ /*background: #179a16;*/ /*background: rgb(21, 63, 143);*/ background: #1C918C; } .header{ text-align: center; width: 100%; } .w1200{ width: 1200px; margin:0 auto; } .header .logo{ float:left; height:67px; margin:18px 0; } .header .logo img{ max-height:100%; } .top_right{ float: right; margin:18px 0; } #main_nav { height: 22px; overflow: visible; padding-left: 5px; } #main_nav li { float: left; font-size: 14px; position: relative; z-index: 5; cursor: pointer; /*margin:0 10px;*/ margin-left:10px; } #main_nav li a { font-family: 寰蒋闆呴粦; color: #333; font-size: 14px; display: block; height: 22px; text-decoration: none; line-height: 22px; text-align: left; margin-top: 2px; } .nav{ width: 100%; height: 50px; line-height:50px; border-top: 1px solid #e5e5e5; } .flexslider { margin: 0 auto; width:100%; /*鎺у埗鎺т欢瀹?/ max-height:446px; /*鎺у埗鎺т欢楂?/ overflow: hidden; position:relative; zoom: 1; } .flexslider .slides li{ overflow: hidden; } .flexslider .slides img { width: 100%; display: block; z-index:-100; } .flex-direction-nav a { width: 60px; height: 90px; margin: 20px 75px 0; display: block; background: url(../img/1412221510564235077.png) no-repeat 0 0; /*宸﹀彸鎸夐挳鐢ㄥ浘*/ position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 0 -90px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 18px; text-align: center; float:left; } .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(../img/1602152038307321138.png) no-repeat -35px; /*鐐圭敤鍥?/ display:block; height: 22px; overflow: hidden; text-indent:-99em; width: 35px; cursor: pointer; } .flex-control-paging li a.flex-active { background-position: 0 0; } .main_box{ width:100%; } .index_01{ margin:60px 0 30px; } #Roll{width:400px;height:288px;overflow:hidden;position:relative; } #RollUl{width:1380px;height:288px;position:absolute;left:0;top:0;} #RollUl li{width:400px;height:288px;float:left;position:relative;overflow:hidden;} #RollUl li img{width:400px;height:288px;} #RollUl li p{position:absolute;height:41px;width:400px;bottom:0px;line-height:41px;background:rgba(0,0,0,.5);text-align: left;padding-left: 15px;z-index: 1111;} #RollUl li p a{color:#fff;text-decoration:none; font-size:14px; font-family:寰蒋闆呴粦;} #RollUl .prev{position:absolute;} #Roll .next{position:absolute;width:45px;height:45px;display:block;background:url(../img/1602222205162641637.png);top:124px;right:0;cursor:pointer;} #Roll .prev{position:absolute;width:45px;height:45px;display:block;background:url(../img/1602222205096335873.png);top:124px;cursor:pointer;} .index_ab{ width:443px; margin:0 56px 0 30px; } .index_ab_title{ width:100%; height:30px; margin-bottom:20px; position:relative; } .index_ab_title h2,.index_link_title h2{ float:left; font-size:16px; color:#333; font-weight:bold; } .index_ab_title i ,.index_link_title i{ display:block; width:30px; height:2px; background:#007370; position:absolute; left:2px; top:25px; } .index_ab_title a.index_ab_more{ margin-top:5px; float:right; font-size:14px; color:#999; cursor:pointer; } .index_ab_con{ height:230px; font-size:14px; color:#666; line-height:28px; text-align:justify; overflow:hidden; } .index_video{ width: 270px; height: 234px; position: relative; } .video-play { position: absolute; left: 45%; top: 64%; cursor: pointer; z-index: 100; } .video_box { width: 270px; height: 234px; overflow: hidden; } .video_box video { width: 100%; height: 100%; } .list_item{ float:left; width: 31.33%; margin:0 3% 3% 0; } .list_item:nth-child(3n){ margin-right:0; } .list_item_pic{ width:100%; height:200px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .list_item_pic img{ max-width: 100%; max-height: 100%; } .list_item_title{ font-size:18px; color:#fff; height:70px; line-height:70px; background:#1a1a1a; text-align:center; } .list_item_title a{ width:80%; font-size:18px; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_link_title{ width:120px; margin-bottom:30px; position:relative; } .index_link_item{ } .link_a{ float:left; display:block; width:166px; height:45px; border:1px solid #f2f2f2; margin:0 10px 20px 0; } .link_a:nth-child(6n){ margin-right:0; } .foot{ min-height: 275px; min-width: 1200px; width: 100%; padding:35px 0; background:#f2f2f2; } .foot_con{ width:1200px; margin:0 auto; } .ft_li .foot_list{ width: 150px; margin-top: 20px; } .ft_li .foot_list dd{ margin-bottom: 20px; } .ft_li .foot_list dd a{ font-size:16px; color:#333; font-weight:600; } .ft_li .foot_list dt a{ font-size: 14px; color: #777777; display: inline-block; width: 100%; cursor: pointer; } .ft_li .foot_logo{ width:200px; margin-right: 40px; } .copyright { height: 60px; text-align: center; line-height: 60px; } .copyright li{ font-size: 12px; color: #666666; text-align: left; float: left; } .copyright li a,.copyright li.db_li3 a{ font-size: 12px; color: #666666; } .copyright li.db_li3{ float: right; text-align: right; cursor: pointer; } /*鍐呴〉鏍峰紡寮€濮?/ @media (min-width: 1200px){ .header-pic img { min-width: 1200px; height: 350px; } .footer-right { float: right; margin-top: 20px; } } .header-pic{ /*height: 350px;*/ width:100%; min-width: 1200px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .header-pic img { display: block; margin: 0 auto; /*height: 350px;*/ width:100%; } .gzzc-container{ padding: 40px 0; } .aside-nav { width: 210px; } .aside-title { margin-top: 0 !important; margin-bottom: 0; width: 100%; font-weight: 500 !important; color: #fff; font-size: 20px !important; line-height: 62px !important; padding-left: 22px; background:#007370; } .aside-content { position: relative; box-shadow:0px 4px 6px rgba(0,0,0,.12); } .sub-link { position: relative; margin: 0; border: 1px solid #f3f3f3; border-top: none; overflow: hidden; height: 60px; width: 100%; } .sub-link a { display: inline-block; height: 60px; width: 100%; padding-left: 20px; line-height: 60px; color: #333333; border-left:3px solid #fff; font-size: 16px; transition: all .3s; } .sub-link a:hover ,a.sub-link-active{ font-weight: 600; color: #007370; border-left:3px solid #007370; background:rgba(0,115,112,.2); } .section-right{ margin-left:50px; width:940px; } .content-title { display:block; width:100%; position: relative; font-weight: 500 !important; font-size: 34px; color: #007370; margin: 0; line-height: 60px; } .hidden-xs { float: right; text-align: center; font-size: 14px; line-height: 24px; color: #999999; line-height: 60px !important; } .hidden-xs img { position: relative; left: -5px; width: 14px; height: 14px; } .hidden-xs a { color: #999999; } .hidden-xs.bort{ /*width:100%;*/ width:1200px; height:60px; overflow:hidden; text-align:left; border-bottom:1px solid #d9d9d9; } .enterprise-content { font-size: 13px; color: #666; line-height: 30px; } .enterprise-content img{ width:100%; } .section-right-conn { margin: 40px 0 60px 0; } .enterprise-content img ,.detail-article img{ display:block; max-width:100%; margin:0 auto; } /*news*/ .news{margin-top:5px; overflow:hidden;} .news ul li{line-height: 38px;border-bottom: 1px #dadada dotted;} .news ul li span{float: right;} .new_list1{margin-top: 20px;border-bottom: 1px #dadada dotted;overflow: hidden;padding-bottom: 10px;} .new_list1 img{float: left;margin-right: 10px;width: 160px;height: 105px;} .new_list1 h3{font-size: 16px;font-family:'Microsoft Yahei';} .new_list1 p{ line-height: 25px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .page{ /*width:54%;*/height: 30px; font-size: 14px; line-height: 30px; margin: 35px auto 15px ; text-align: center;overflow:hidden;} .page a{ font-size: 14px; border: 1px solid #d7d7d7; border-radius: 3px; padding: 3px 10px;} .page a.not{ color: #999;} .page span{ font-size: 14px;border: 1px solid #007370;border-radius: 3px; padding:3px 10px; background: #007370; color: #fff;} .page i{ margin: 0 8px 0 15px;} .page i input{ width: 40px; height: 24px; margin: 0 5px; border: 1px solid #d7d7d7; text-align: center;} .page i input.submit{font-size: 14px;border: 1px solid #d7d7d7;border-radius: 3px; padding:3px 10px; background: #fff; width: auto; height: auto; font-family:'寰蒋闆呴粦';} .page i input.submit:hover{ background: #d7d7d7;} .pages{ border:none; } .pages li:nth-child(1){ padding-left:0; } .pages li{ /*width:20px;*/ float:left; padding:0 10px; border:none; } .detail-content h1 { font-size: 26px; color: #333; text-align: center; margin: 20px 0; } .title-exp { position: relative; font-size: 14px; color: #666; height: 30px; padding-bottom: 10px; margin: 50px 0 30px 0; box-sizing: content-box; border-bottom: 1px solid #d9d9d9; } .exp-left { text-align: left; } .exp-left span { display: inline-block; padding: 4px 6px; cursor: pointer; margin: 0 5px; } .exp-right { line-height: 30px; text-align: right; } .detail-article { font-size: 14px; color: #666; line-height:1.8; } .article-footer { margin-top: 50px; padding-top:15px; border-top: 1px solid #d9d9d9; } .article-footer .share { text-align: right; padding-bottom: 15px; margin-bottom: 15px; position: relative; left: -10px; } .article-footer .share span { margin-left: 25px; color: #666; } .article-footer .share img { width: 24px; height: 24px; } .article-footer .share img:first-child { width: 30px; height: 30px; } .article-footer p { font-size: 14px; color: #333; font-weight: 600; } .article-footer p a { cursor: pointer; font-size: 14px; color: #333; font-weight: 500; } .article-footer a { position: relative; display: inline-block; margin: 0 5px; } .qrcode { top: -200px; } .ercode-item { display: inline-block; width: 115px; text-align: center; font-size: 12px; } .ercode-item img { margin: 0 auto; height: 60px; width: 60px; } .ercode-item p { margin-top: 10px; color: #999; } /* 鐧诲綍 */ .forms { width: 888px; margin:100px auto 0; } .query { font-size: 26px; font-weight: 100; } .website { width: 425px; border: 1px solid #ddd; height: 280px; margin: 20px 17px 0 0; float: left; } .login-title { border-bottom: 1px solid #ddd; line-height: 60px; width: 380px; margin: auto; font-size: 16px; } .login-title { border-bottom: 1px solid #ddd; line-height: 60px; width: 380px; margin: auto; font-size: 16px; } .website p { margin: 0 0 1rem; } .create { width: 100px; height: 30px; background: #007370; color: #fff !important; display: block; line-height: 30px; text-align: center; margin-right: 20px; } .fr { float: right; } .clear { clear: both; } .website .form2 { padding: 21px; } input, select { outline: none; } .form2 .inputtext { width: 85%; height: 28px; padding: 5px; background: #ebebeb; border: 1px solid #ebebeb; } .website .form2 .sub { height: 30px; width: 77px; background: #007370; border: none; color: #fff; font-size: 16px; display: block; margin-top: 12px; float: right; line-height: 30px; padding-top: 0; } .query-desc { line-height: 27px; color: #666; padding-top: 20px; } /* 娉ㄥ唽 */ .reg { width: auto; margin:30px auto 0; } .reginput { width: 245px; height: 34px; padding-left: 5px; background: #ebebeb; border: 1px solid #ebebeb; } .reg .sub { width: 100px; height: 35px; background: #007370; color: #fff; border: none; line-height: 35px; text-align: center; cursor: pointer; padding: 0; } .search-container{ position: relative; width: 270px; height: 36px; cursor: pointer; font-size: 12px; color: #333; margin: 100px 0 0; } .search-input { display: inline-block; width: 270px; height: 36px; line-height: 36px; padding:0 45px 0 15px; border-radius: 30px; border: 1px solid #d8d8d8; } .search { position: absolute; right: 7px; top: -2px; width: 40px; height: 40px; cursor: pointer; background: url(../img/h_img.png)no-repeat; } .Dwonload_a { /*width: 1160px;*/ min-height: 400px; margin: 25px auto 45px; } .DFnames { color: #999; width:1200px; padding:50px 0 10px; border-bottom: 1px solid #d9d9d9; } .DFnames span { float: left; height: 45px; line-height: 45px; font-size: 16px; color: #333; font-weight:600; } .DFnames .spx1 { /*width: 420px;*/ width: 420px; font-size: 20px; } .DFnames .spx2 { width: 220px; } .DFnames .spx3 { width: 400px; } .DFnames .spx4 { width: 120px; } .Vlist { /*height: 55px;*/ width:1200px; line-height: 55px; border-bottom: 1px solid #d9d9d9; } .Vlist .Va1, .Vlist .data_n1, .Vlist .dpd, .Vlist .staduis { float: left; } .Vlist .Va1 { font-size: 14px; width: 420px; color: #333; } .Vlist .data_n1 { width: 220px; font-size: 14px; display: block; color: #999; } .Vlist .dpd { width: 400px; font-size: 14px; color: #999; } .Vlist .staduis { font-size: 14px; } .staduis .dlme { height: 55px; line-height: 55px; width: 55px; display: block; background: url(/static/home/static/img/dowl.png) center center no-repeat; }