@charset "utf-8"; /* CSS Document */ *{ margin: 0;padding: 0;border:0;} div,ul,li,h1,h2,h3,h4,h5,h6,img,dd,dl,dt,p{padding:0px; margin:0px;} body{padding:0px; margin:0px; font-size:14px; font-family:"微软雅黑"; color:#858585;} .clear {clear: both; line-height:0; padding:0px; margin:0px;} ul,li{ list-style-type:none; margin:0; padding:0;} img { border-style: none; } p{ margin:0; padding:0;} a{text-decoration:none;} a:hover{ text-decoration:none; } .fl{ float:left;} .fr{ float:right;} /*通用文字颜色,大小等等*/ .top_bj{ width:100%; height:auto; background:#e5e5e5; min-width:1200px !important; overflow:hidden;} .top{ width:1200px; height:auto; margin:0 auto; line-height:34px; color:#595959; overflow:hidden;} .logo{ margin-top:20px;} .tel{ color:#000; background:url(../Image/tel.jpg) center bottom no-repeat; padding-bottom:30px; text-align:center; width:207px; margin-right:20px;} .tel p{ color:#000; font-size:26px;font-weight:bold;} .head_bj{ width:100%; height:auto; min-width:1200px !important; overflow:hidden; padding-bottom:25px;} .head{ width:1200px; height:auto; margin:0 auto; margin-top:30px;} .nav_bj{ width:100%; height:auto; min-width:1200px !important; overflow:hidden; border-top:1px solid #d2d2d2;} .nav{ width:1200px; height:auto; margin:0 auto;} .nav li{ float:left; color:#000000; line-height:63px; width:150px; font-size:17px;} .nav li a{ color:#000000; display:block; float:left; text-align:center; width:140px;} .nav li:hover a{ background:url(../Image/p1.jpg) center no-repeat; color:#fff;} .banner{ width:100%;white-space:nowrap; margin:0 auto; overflow:hidden; position:relative; z-index:1;} .banner_m{ width:50%; display:inline-block; position:relative;} .wrapper {*float:left; width:1920px; height:577px; display:inline-block; position:relative; left:-967px;} .fn-clear { zoom: 1; } .box_skitter { position: relative; background: none; } .box_skitter ul { display: none; } .box_skitter .container_skitter { overflow: hidden; position: relative; } .box_skitter .image { overflow: hidden; } .box_skitter .image img { display: none;} .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; } .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; } .box_skitter .prev_button { position: absolute; top: 40%; left:16%; z-index: 100; width: 72px; height: 143px; overflow: hidden; text-indent: -9999em; margin-top:0; } .box_skitter .next_button { position: absolute; top: 40%; right:16%; z-index: 100; width: 72px; height: 143px; overflow: hidden; text-indent: -9999em; margin-top:0;} .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; } .loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../Image/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; } #slideshow { width:1920px; height:577px; } #slideshow ul { display: none; } /********************************head end***********************/ .index1_bj{ width:100%; height:auto; box-shadow:0 0 18px rgba(0,0,0,0.1); padding: 20px 0;} .index1{ width:1200px; height:auto; margin:0 auto;} .index1_left{background:url(../Image/p2.jpg) left center no-repeat; padding-left:80px; color:#000000; font-weight:100;} .index1_left p{ color:#0b4eb5; font-weight:bold; font-size:29px; margin-bottom:5px;} .index1_right{ width:400px;} .search{ width:400px; height:40px; position:relative; background:#fff; margin-bottom:23px;} .search-text{height: 40px;width:350px; position:absolute; top:0px; left:0px;color:#606060; font-size:12px;outline:none; padding-left:50px; background:url(../Image/search.jpg) left 20px center no-repeat #eeeeee;} .search-btn{ width: 66px; height:40px; position:absolute; top:0px; right:0px; background:#ed3532; color:#fff;outline:none;} .index1_key a{ color:#585858; margin-left:10px;} /********************************index1 end***********************/ .index2{ width:1200px; height:auto; margin:0 auto; margin-top:70px;} .index2_top{background:url(../Image/p3.jpg) top center no-repeat; height:67px;} .index2_main li{ float:left; width:100px; text-align:center; margin-right:120px; margin-top:50px;} .index2_main li:nth-child(6){ margin-right:0px;} /*********************index2 end*****************************/ .index3_bj{ width:100%; height:auto; background:url(../Image/p5.jpg) top center no-repeat #eeeeee; min-width:1200px !important; margin-top:55px; padding-bottom:187px;} .index3{ width:1200px; height:auto; margin:0 auto; box-shadow:0 0 18px rgba(0,0,0,0.1); overflow:hidden; padding:0 55px 30px 55px; background:#fff;} .index3_top{background:url(../Image/p4.png) center no-repeat; height:98px; margin-top:30px; margin-bottom:70px;} .index3_left{ width:226px; height:auto; background:#0451aa; padding-bottom:5px;} .index3_left_top{ height:103px; background:url(../Image/p9.jpg) center no-repeat;} .index3_left ul{ width:216px; height:auto; margin:0 auto; background:#fff; overflow:hidden;} .index3_left ul li{ width:192px; height:35px; line-height:35px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); margin:20px auto; text-align:center; color:#686868; font-weight:bold;} .index3_left li:hover{ background:#0054b7; color:#fff;} .index3_left_tel{ color:#fff; text-align:center; padding:30px 0;} .index3_left_tel p{ font-size:20px; color:#fff; font-weight:bold;} /*#gundong{width:870px; margin:0 auto;overflow:hidden;height:auto;} #indemo{float: left;width: 800%;} #gundong1,#gundong2{height:auto;float:left;display:inline-table;} #gundong1 ul,#gundong2 ul{ overflow:hidden;} #gundong1 li,#gundong2 li{ width:282px; height: auto;transition: all 0.8s ease 0s; float:left; margin:10px; overflow:hidden;} #gundong1 li div,#gundong2 li div{ width:282px; height:282px;} #gundong1 li div img,#gundong2 li div img{ width:282px; height:282px;} #gundong1 li p,#gundong2 li p{ line-height:35px; transition: all 0.8s ease 0s;color:#fff; text-align:center; font-size:16px; background:#c9c9c9; } #gundong1{float: left;height:auto;} #gundong2{float: left;} #gundong1 li:hover p,#gundong2 li:hover p{ background:#2553b3;} */ .index3_right{width:915px;} .index3_right li{ width:207px; height: auto;transition: all 0.8s ease 0s; float:left; margin:10px; overflow:hidden;} .index3_right li div{ width:207px; height:207px;} .index3_right li div img{ width:207px; height:207px;} .index3_right li p{ line-height:35px; transition: all 0.8s ease 0s;color:#fff; text-align:center; font-size:16px; background:#2553b3; } /**************************************index3 end*******************/ .index4_bj{ width:100%; height:610px; background:url(../Image/p6.jpg) top center no-repeat; min-width:1200px !important; position:relative;} .index4{ width:1200px; height:auto; margin:0 auto;} .index4_left{ width:680px; position:absolute; top:-106px;} .index4_video{ width:680px; height:440px;} .index4_about{ font-size:16px; color:#fff; line-height:25px; margin-top:30px;} .index4_right{ width:470px; height:auto;} .index4_right_top{ font-size:60px; font-weight:bold; color:rgba(0,0,0,0.4); position:absolute; top:-80px;} .index4_right_top1{ font-size:20px; color:#fff; margin-top:80px;} .index4_right_top1 p{ width:30px; height:3px; background:#fff; margin:27px 0;} .index4_right_top1 b{ font-size:36px;} .Indexhonor{ width:350px; height:310px; float:left; margin-top:40px;} .Indexhonor .mr_frbox{ width:350px; height:310px; position:relative; top:0; left:0;} .Indexhonor .honorleft{ width:49px; height:38px; position:absolute; left:126px; bottom:0; cursor:pointer; z-index:9999;} .Indexhonor .honorleft li{ width:49px; height:38px; background:url(../Image/left.jpg) center no-repeat;} .Indexhonor .honorright{ width:49px; height:38px; position:absolute; right:126px; bottom:0; cursor:pointer; z-index:9999;} .Indexhonor .honorright li{ width:49px; height:38px; background:url(../Image/right.jpg) center no-repeat;} .Indexhonor .mr_frUl{ width:350px; height:250px;} .Indexhonor .mr_frUl ul li{width:350px; height:250px; position:relative;} .Indexhonor .mr_frUl ul li div{ width:350px; height:250px;} .Indexhonor .mr_frUl ul li div img{width:350px; height:250px;} /*****************************index4 end********************/ .index5{ width:1200px; height:auto; margin:0 auto; margin-top:65px;} .index5_top{background:url(../Image/p7.jpg) center no-repeat; height:98px; margin-bottom:70px;} .index5_left{ width:735px; height:auto;} .index5_left .tab{ width:735px; overflow:hidden; margin-bottom:30px;} .index5_left .tab a{ width:157px; height:66px; line-height:66px; text-align:center; color:#000; font-size:20px; float:left; margin-right:20px;} .index5_left .tab a.on{ background:#0054b7; color:#fff;} .index5_left .tab a:hover{ background:#0054b7; color:#fff;} .index5_left .content{ overflow:hidden; width:735px; height:365px; position:relative;} .index5_left .content .content1{ position:absolute; left:0; top:0; height:100px;} .index5_left .content .content2{ width:735px; height:365px; float:left;} .index5_left .content .content1{ position:absolute; left:0; top:0; height:400px;} .index5_left .content .content1 .content2{ width:735px; height:100px; float:left;} .index5_news li{ width:735px; margin-bottom:30px;} .index5_news li .index5_news_img{ width:265px; height:162px;} .index5_news li .index5_news_img img{ width:265px; height:162px;} .index5_news li .index5_news_con{ width:450px; color:#7a7a7a; font-size:16px; line-height:25px;} .index5_news li .index5_news_con p{ color:#46433f; font-size:20px; font-weight:bold; margin-bottom:10px;} .index5_news li .index5_news_con .time{ color:#7e7e7e; margin-top:20px;} .index5_right{ width:410px;} .index5_right_top{ line-height:66px; background:#0054b7; font-size:18px; color:#fff; padding-left:40px;} .index5_mes{ width:354px; margin:0 auto; margin-top:35px;} .index5_mes .form-control {outline:none; display: block; width: 100%; height: 52px; margin-bottom:20px; font-size: 14px; line-height: 52px; color: #6f6f6f; border:1px solid #dcdcdc; padding-left:10px; } .index5_mes .form-control:focus { outline:none; } .index5_mes #content2{ height:90px; font-family:"微软雅黑";} .index5_mes .form-group3{width:100%; height:50px; position:relative; float:left; background:none;} .index5_mes #submit{ width:364px; height:50px; line-height:50px; text-align:center; background:#ed3d32; color:#fff; margin-top:20px;} /***************************************index5 end**********************/ .foot_bj{ width:100%; height:auto; border-top:5px solid #0054b7; min-width:1200px !important; background:#2f3340; overflow:hidden; margin-top:120px; border-bottom:1px solid #535353; padding-bottom:45px;} .foot{ width:1200px; height:auto; margin:0 auto; margin-top:52px;} .foot_left{ width:200px;} .foot_left li{ width:100px; float:left; font-size:16px; font-weight:100; line-height:30px;} .foot_left p{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:20px;} .foot_left a{ color:#959595;} .foot_mid{ width:200px; margin-left:300px;} .foot_mid p{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:20px;} .foot_mid li{ font-size:16px; font-weight:100; line-height:30px;} .foot_mid a{ color:#959595;} .foot_right{ width:200px;} .foot_right p{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:20px;} .foot_contact{ width:177px; line-height:44px; background:#ed3d32; text-align:center; font-size:20px; color:#fff; border-radius:20px;} .foot2_bj{ width:100%; height:auto; min-width:1200px !important; background:#2f3340; overflow:hidden; border-top:1px solid #1b1b1b; padding-top:25px; padding-bottom:10px;} .foot2{ width:1200px; height:auto; margin:0 auto;} .foot2_left{ font-size:16px; font-weight:100; line-height:30px;color:#959595;} .foot2_mid{ margin-left:250px; font-size:16px; font-weight:100; line-height:30px;color:#959595;} .foot2_mid a{color:#959595;} .foot2_right li{ float:left; margin-left:20px;} .cop2 img{ padding-left:25px;background:url(../Image/p8.jpg) left center no-repeat;} .foot2_right li p{ text-align:center;} .cop2 p{ margin-left:25px;} /********************************foot end*******************/ .location_bj{ width:100%; height:auto; background:#eeeeee; line-height:60px;min-width:1200px !important; margin-top:-4px;} .location{ width:1200px; height:auto; margin:0 auto; color:#5a5a5a; font-size:16px;} .location a{ color:#5a5a5a;} .inner{ width:1200px; height:auto; margin:0 auto; margin-top:50px;} .inner_right{ width:900px;} .innerright_foot{ width:900px;} .innerright_foot img{ max-width:900px;} .inner_content{ color:#000; line-height:30px;} .inner_content table{width:900px !important;height:auto;margin:10px 0; border-collapse:collapse; border:1px solid #000;} .inner_content table tr td{text-align: left;padding:0px 10px;border:1px solid #000; line-height:50px;} .inner_content .table2 tr td{border:none;} .inner_content .table3 tr td{border:1px solid rgb(204,204,204);} .inner_content3{ color:#000; line-height:30px; margin-top:20px;} .inner_content3 table{width:900px !important;height:auto;margin:10px 0; border-collapse:collapse; border:1px solid #fff;} .inner_content3 table tr td{text-align: center;padding:0px 10px;border:1px solid #fff; line-height:30px;} .pro li{ width:280px; height: auto;transition: all 0.8s ease 0s; float:left; margin:10px; overflow:hidden;} .pro li div{ width:280px; height:280px; background:#fff;} .pro li div img{ width:280px; height:280px;} .pro li p{ line-height:40px; transition: all 0.8s ease 0s;color:#fff; text-align:center; font-size:16px; background:#2553b3;} .pimg{ text-align:center;} .pro_name{ font-size:24px; color:#000;margin-top:20px; display:block;} .pimg img{ margin-top:10px; max-width:500px;} .newslist { margin-top: 10px; } .newslist:after {*zoom: 1; } .newslist:after:before, .newslist:after:after {content: " ";display: table; } .newslist:after:after {clear: both; } .newslist li { width: 100%;float: left;margin-bottom: 10px;height: 150px; } .newslist li:hover .time span:last-child:after {width: 30px; } .newslist li:hover .time span:last-child {color: #163b7f; } .newslist li:hover .name:after {width: 100%; } .newslist li:hover .name {color: #163b7f;transform: translateX(10px);-ms-transform: translateX(10px);-moz-transform: translateX(10px);-webkit-transform: translateX(10px);-o-transform: translateX(10px); } .newslist li .time {transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition-timing-function: ease;-moz-transition-timing-function: ease;/* Firefox 4 */-webkit-transition-timing-function: ease;/* Safari 和 Chrome */-o-transition-timing-function: ease;/* Opera */transition-delay: 0.2s;height: 30px;line-height: 30px;margin-bottom: 10px;font-size: 16px;color: rgba(0, 0, 0, 0.9);font-family: thyFont3; } .newslist li .time span:last-child { margin-left: 50px; color: rgba(0, 0, 0, 0.7); position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ transition-delay: 0.1s; } .newslist li .time span:last-child:before { transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ content: ''; width: 30px; height: 1px; background: rgba(0, 0, 0, 0.5); position: absolute; left: -40px; top: 49%; } .newslist li .time span:last-child:after { transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ content: ''; width: 0px; height: 1px; background: #163b7f; position: absolute; left: -40px; top: 49%; } .newslist li .name { height: 20px; line-height: 20px; padding-bottom: 15px; font-size: 16px; color: rgba(0, 0, 0, 0.8); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .newslist li .name:after { content: ''; position: absolute; bottom: 0px; width: 0%; height: 1px; background: #163b7f; left: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .newslist li .name:before { content: ''; position: absolute; bottom: 0px; width: 100%;height: 1px; background: rgba(0, 0, 0, 0.1); left: 0; } .newslist li .desc {font-size: 14px; color: rgba(0, 0, 0, 0.6); margin-top: 15px; line-height: 26px; transition-delay: 0.1s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_title{ font-size: 24px;color: #333; text-align: center;padding-top: 10px; padding-bottom: 10px;} .meta{ text-align:center;} .inner_news_status {height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #333;margin-top: 20px; background: url(../Image/news_bottom.jpg) no-repeat bottom;padding-bottom: 10px; } .inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;} .inner_news_status .username{ background:url(../Image/news1.png) left center no-repeat;} .inner_news_status .newstime{ background:url(../Image/news2.png) left center no-repeat;} .inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;} .video{width:100%;height:337px;background:url(../Image/video.jpg) center no-repeat #000;} .inner_message{ color:#000; line-height:25px; margin-top:20px; margin-bottom:20px;} .form-control1 {outline:none; display: block; width: 100%; height: 50px; margin-bottom:20px; font-size: 14px; line-height: 50px; color: #000; border:none; box-shadow: 1px 2px 3px #F0F0F0 inset; padding-left:10px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control1:focus { border-color: #66afe9; outline:none; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } #content1{ height:140px; background:url(../Image/p32.jpg) right 11px top 10px no-repeat #f3f3f3; font-family:"微软雅黑";} .form-group2{width:280px; height:50px; position:relative; border:none; box-shadow: 1px 2px 3px #F0F0F0 inset; float:left;} .form-group2{ background:#f3f3f3;} #submit2{ width:180px; height:50px; line-height:50px; text-align:center; background:#004dbc; color:#fff; float:left; margin-left:20px;} .form-group #name{ background:url(../Image/p29.jpg) right 11px center no-repeat #f3f3f3;} .form-group #email{ background:url(../Image/p30.jpg) right 11px center no-repeat #f3f3f3;} .form-group #tel{ background:url(../Image/p31.jpg) right 11px center no-repeat #f3f3f3;} .contact{ margin:20px;} .contact ul{ float:left; margin-bottom:40px;} .contact p{ font-size:20px; color:#484848; font-weight:bold; margin-top:15px;} .contact ul li{ line-height:25px; color:#494949;} .info_title{ width:900px; height:30px; background:#ececec; margin-top:20px;} .info_title b{display:inline-block;padding-left:10px;height:100%;background:#0d59a3;color:#fff;line-height:30px;} .back{ margin-top:40px;} .back a{ color:#444444;} .page1{ width:100%; margin-top:40px; text-align:center; line-height:2; color:#000;} .page1 a{ background:#fff; padding:5px 20px; margin:0 5px; color:#000;} .page1 .current{ background:#0b6cc7; font-weight:bold; color:#FFF;line-height:2; padding:5px 20px; margin:0 5px;} #page_num{ border:1px solid #c2c2c2; padding:0 5px;} #prev_next{ color:#000; margin-top:20px; line-height:30px;} #prev_next a{ color:#000;}