html{ background:#fff; color:#666666; overflow-x:hidden;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}img{border:0;}ol,ul,li{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;outline: none;}legend{color:#000;}a{color:inherit;text-decoration:none;} /*******CSS reset*************/ body{ background:#fff; color:#666666; font-size:14px; font-family:'寰蒋闆呴粦';} a{ color:#666666;} a:hover{color:#1a5eb2;} .wrap{width: 1200px;margin: 0 auto;overflow: hidden;} /*******CSS reset*************/ .f12{font-size:12px;} .f16{font-size:16px;} .bold{font-weight:bold;} .white{color:#fff;} .left{float:left;} .right{float:right;} .t_r{text-align:right;} .clear{clear:both;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;} .hidden{display:none;} .jj_pic{ float:left; margin:0 10px 0 0;width: 188px;height: 126px;} .nr_pic{ text-align:center; position:relative; width:100%;} .red{ color:#f00; font-weight:bold; padding-left:10px;} .nr_red{ color:#f00; font-weight:bold;} .scale:hover img { transform: scale(1.1, 1.1); } .scale img{ transition:transform 1s ease 0s} #indexNews{ margin-top: 10px;} #indexNews li { height:40px; line-height: 40px; padding-left: 15px; border-bottom: 1px dashed #ccc; background: url(../Image/icon.png) no-repeat left center; transition:0.3s all 0s linear; } #indexNews li:hover{ background: url(../Image/icon.png) no-repeat left center #1a5eb2; padding-left: 25px;} #indexNews li:hover a{ color: #fff;} .Newstime { color:#afb0b4; font-size:12px; float: right; } #lxwm_nr { margin: 0 20px 20px; font-size:14px; } #lxwm_nr p { line-height: 35px; border-bottom: 1px dotted #ccc; padding-left: 20px; } #con_lx{ height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:90%; margin-bottom:20px;} #con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; padding-left:20px; transition:0.3s all 0s linear; } #con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;} #lx_wx{ float:right; padding:50px 50px 0 0;} #ys_nr1 .font p{ -webkit-animation: float ease-in-out 1.5s infinite; animation: float ease-in-out 1.5s infinite; } @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(1em); transform: translateY(1em); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .imgB { width: 100%; top: 0; left: 0; position: relative; opacity: 1;} .imgT { width: 100%;top: 0;left: 0; position: absolute; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .pic:hover .imgT{ opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /** header **/ .header-txt{ width: 100%; margin: 0 auto; height: 33px; overflow: hidden;background: #0f0a01;line-height: 33px;font-size: 12px;font-family: 瀹嬩綋;} .welcome{ float: left; width: 550px; text-indent: 10px;} .fav{ width: 550px; float: right; text-align: right; padding-right: 10px;} .fav a{color: #ffffff;} .fav a:hover{color: #f7a803;} #top_line_bj{ height: 30px; background: #f4f4f4; width: 100%;} #top_line{ width: 1200px; height: 30px; line-height: 30px;} #top_line a{ padding: 0 10px;} #top_bj{width: 100%;background: #edeff1;} #top_index{ width:1200px; height:130px;} #logo{ float: left; padding: 20px 0 0 0;} .ss{ width:274px; height:30px; float: right; margin-top: 50px;} .sou_left{float:left; background: #fff; width:200px; height:26px; border: 2px solid #e4e4e4; text-align:left; color:#535353; line-height:26px; padding-left:10px;} .ss_pic{ float:right;} #top_tel{ width: 600px;float: right;text-align: right;margin-top: 32px;} /* CSS NAV */ .nav{ clear:both; background:#ffffff; line-height: 58px;width: 100%;height: 58px;position: relative;z-index: 100;} .nav ul{width: 1200px;margin:0 auto;} .nav ul li{ float:left; width:133px; height:58px; text-align:center; font-size:16px; position: relative;display: inline-block;} .nav ul li a{ width:133px; height:58px; display:block; text-align:center; color:#333333; } .nav ul li a:hover,.nav ul li .on{ color:#FFFFFF; z-index: 999;background: #0060c6;} .navXL { width:133px; float:left;position:absolute;overflow:hidden;display:none;z-index:9999; top:58px;background: #0060c6;} .nav .navXL a{ background:none; width:115px; height:40px;line-height:40px; clear:both; margin:0 auto;display:block;color:#ffffff;font-size:14px; overflow:hidden; z-index:9999; text-indent:0px; border-bottom: solid 1px #0f60bc;} .nav .navXL a:hover{color:#FFF;overflow:hidden;background: #1e64c3;} .flash{ width:100%; height:500px; margin:0 auto; text-align:center; position:relative;} .flash .flashBox {position:relative; margin:0 auto; width:1000px; height:500px; } /*淇敼灏哄1920 {position:absolute; width:1920px; left:-460px;}*/ /*淇敼灏哄1440 {position:absolute; width:1440px; left:-221px;}*/ /*banner*/ .banner{ width:100%; height:555px; overflow:hidden; position:relative;font-size:0;} .b-img{ height:555px; position:absolute; left:0; top:0;} .b-img a{ display:block; height:555px; float:left;position:relative;} .b-img a span{display:block;width:1920px !important;height:555px;position:absolute;left:50%;margin-left:-960px;} /*宸﹀彸鎸夐挳*/ .bar-left,.bar-right{ position:absolute; z-index:1; display:block; width:100px; height:100px;line-height:100px; left:9%; top:50%; margin-top:-50px;} .bar-right{ right:9%; left:auto;} .bar-left em,.bar-right em{ display:block; background:rgba(0,0,0,.4); width:100%;font-family:"瀹嬩綋"; color:#fff; height:100%; text-align:center; font-size:50px; font-style:normal;opacity:.5;filter:alpha(opacity= 50)\9; } .bar-left .emcss,.bar-right .emcss{ opacity:1.0;filter:alpha(opacity= 100)\9;background:rgba(0,0,0,.7);} /*serach*/ .search{width: 1200px;margin:-114px auto 0;height: 114px;background: url(../Image/search-bg.jpg) no-repeat;position: relative;z-index: 1;background-size: 1201px 100%;} .keyword{ width:315px; float: left; font-size: 14px; line-height: 35px; overflow: hidden; position: absolute;top:60px;left:475px;color: #ffffff;text-indent: 5px;} #serch{ width: 315px;top:21px;left:475px; overflow: hidden;position: absolute;} #input_search{ width:245px; border:none; float: left; background-color: #f0f0f0; height:40px;text-indent:10px; color: #adb2b2;} #btn_search{ width:70px; height:40px; float: right; border:none; text-indent:-9999px; cursor: pointer;background: none;} .search h2{width: 210px;position: absolute;right:0; top:25px;color: #333333;font-size: 14px;text-align: left;} .search h1{width: 290px;position: absolute;right:0; top:60px;font-size: 30px;color: #ff0000;font-weight: bold;} .search p{width: 290px;position: absolute;right:0; top:60px;font-size: 30px;color: #ff0000;font-weight: bold;} /*footer*/ .footer{ width: 100%; height:165px; margin-top: 15px; background: #05488f; overflow: hidden;} .f-fav{ width: 1200px; margin: 0 auto; height: 35px;color:#fff; font-size:16px; padding-top: 25px; text-align: center; border-bottom: 1px solid #0b5a9f;} .f-fav a{color:#fff; font-size:16px; text-decoration:none;} .f-fav a:hover{color:#ff0;font-size:16px; text-decoration:none;} .f-txt{ clear: both; text-align: center; line-height: 26px; margin-top:28px; color: #fff;} .f-txt a{color:#fff; font-size:14px; text-decoration:none;} .f-txt a:hover{color:#ff0;font-size:14px; text-decoration:none;} /** main **/ .main{ width:1200px; height:auto; overflow:hidden;} .index_prohd{width: 100%;text-align: center;margin: 39px 0 32px;} .index_prolist{ background:url(../Image/cpbt.jpg) no-repeat center top; width:240px; padding:144px 0 0; float: left;} .index_prolist ul{ padding: 20px 0 30px;background: #f8f8f8;} .index_prolist ul li{ position: relative; height:45px; line-height:45px; padding-left:50px; overflow: hidden;margin-bottom: 5px;} .index_prolist ul li p{ position: absolute; z-index: 0; left: -240px; width: 237px; height: 45px; background: #0f70c2; border-left: 3px solid #ff0000; transition:all 0.3s linear 0s;} .index_prolist ul li a{ position: absolute; height: 45px; z-index: 1; color: #989797;font-size: 18px;color: #444444;} .index_prolist ul li:hover p{ left: 0;} .index_prolist ul li:hover a{ color: #fff;} .s-bd{background: #ff0000;font-size: 13px;color: #ffffff;line-height: 25px;padding:5px;} #cpzs > ul > .selected a{text-decoration:none;} .index_proright{ width:920px; float:right;} .picFocus{ width:920px; position:relative; overflow:hidden; zoom:1; } .picFocus .bd{ width: 920px; height: 410px; } .picFocus .bd li{ background: #1a5eb2; border:solid 2px #0f70c2;position: relative;} .picFocus .bd a img{ width:630px; height:405px; display:block; float: left; } .picFocus .bd ul li h1{width: 250px;height: 48px;background: #0f70c2;text-align: center;line-height: 48px;color: #f8f8f8;font-size: 16px;position: absolute;top:360px;} .picFocus .bd ul li p{width: 250px;height: 48px;background: #0f70c2;text-align: center;line-height: 48px;color: #f8f8f8;font-size: 16px;position: absolute;top:360px;} .picFocus .bd li .text{ float:right; width:244px; color: #fff; padding:40px 20px 0;} .picFocus .bd li .text .bt{ color: #fff; font-size: 14px; color: #ffffff;} .picFocus .bd li .text .content{ color: #fff; font-size: 14px; color: #ffffff;line-height: 30px;padding-top: 10px;} .picFocus .bd li .text .more{ width: 200px;height: 47px;border:solid 4px #ffffff;border-radius: 100px;overflow: hidden;background: #ffffff;margin-top: 20px;position: relative;z-index: 999;} .picFocus .bd li .text .more .btn1{width: 100px;line-height: 47px;text-align: center;color: #0f70c2;background: #ffffff;position: absolute;left:0;top:0;} .picFocus .bd li .text .more .btn1:hover{width: 200px;z-index:3;transition:all .5s;} .picFocus .bd li .text .more .btn2{width: 100px; line-height: 47px;text-align: center;color: #ffffff;background: #0f70c2;position: absolute;z-index: 2;right:0;top:0;transition:all .5s;} .picFocus .bd li .text .more .btn2:hover{width: 200px;transition:all .5s;} .picFocus .hd{ width:102%; overflow:hidden; } .picFocus .hd ul{ margin-top:23px; overflow:hidden; zoom:1; } .picFocus .hd ul li{ float:left; text-align:center; width:221px; height: 168px; border: 1px solid #e8e8e8; margin:0 9px 0 0;line-height: 168px; } .picFocus .hd ul li h1{width: 250px;height: 48px;background: #0f70c2;text-align: center;line-height: 48px;color: #f8f8f8;font-size: 16px;margin:-48px 0 0 0;} .picFocus .hd ul li img{ max-width:221px; max-height:168px; cursor:pointer;vertical-align: middle;margin-top: -3px; } .picFocus .hd ul li:hover{border:solid 1px #0f70c2;} #albj{ width: 100%; height: 420px;margin-top: 40px;} #gsjjbj{ width: 100%; background: url(../Image/rybj.png) no-repeat center top; height: 465px;} .picScroll-left{ width:1200px; margin-top: 40px; overflow:hidden; } .picScroll-left .bd{ float:left;} .picScroll-left .bd ul{ overflow:hidden; zoom:1;} .picScroll-left .bd ul li{ margin:0 7px; width:224px; height:216px; border: 2px solid #fff; background: #000; float:left; position: relative; overflow:hidden;} .picScroll-left .bd ul li .img{width: 224px;height: 168px;float: left;line-height: 168px;text-align: center;} .picScroll-left .bd ul li .img img{ max-width:224px; max-height:168px; margin-top: -3px;vertical-align: middle;transition:0.3s all 0s linear;} .picScroll-left .bd ul li h1{width: 100%;height: 48px;line-height: 48px;background: #0f70c2;color: #ffffff;font-size: 18px;text-align: center;float: left;} .picScroll-left .bd ul li p{width: 100%;height: 48px;line-height: 48px;background: #0f70c2;color: #ffffff;font-size: 18px;text-align: center;float: left;} .picScroll-left .bd ul li .altitle{ position: absolute; z-index: 999; border-bottom: 1px solid #fff; left: 28px; right: 28px; top: -100px; height: 30px; transition:0.3s all 0s linear;color: #ffffff;text-align: center;} .picScroll-left .bd ul li .altitle a{color: #fff; font-size: 18px;} .picScroll-left .bd ul li .alcontent{ position: absolute; z-index: 999; left: -250px; top: 105px; width: 100%; color: #fff; line-height: 26px; transition:0.2s all 0s linear;text-align: center;} .picScroll-left .bd ul li:hover a img{ opacity: 0.4;} .picScroll-left .bd ul li:hover .altitle{ top: 50px;} .picScroll-left .bd ul li:hover .alcontent{ left: 0px;} /*m-youshi*/ .m-youshi{width: 100%;overflow: hidden;margin-top: 28px;background: url(../Image/youshi-bg.jpg);height: 560px;} .m-youshi-hd{width:656px;height: 70px;background: url(../Image/m-youshi-hd.png) center;margin:33px auto 0;} .m-youshi-bd{margin-top: 25px;} .m-youshi01{width: 280px;float: left;overflow: hidden;} .m-youshi02{width: 280px;float: left;overflow: hidden;margin-left: 30px;} .m-youshi03{width: 280px;float: left;overflow: hidden;margin-left: 30px;} .m-youshi04{width: 280px;float: right;overflow: hidden;} .m-youshi01 .hd,.m-youshi02 .hd,.m-youshi03 .hd,.m-youshi04 .hd{width: 169px;height: 169px;display: block;margin:0 auto;position: relative;z-index: 1;border-radius: 100px;background: #f1f1f1;color: #0f70c2;text-align: center;border:solid 3px #0f70c2;} .m-youshi01 .hd h1,.m-youshi02 .hd h1,.m-youshi03 .hd h1,.m-youshi04 .hd h1{font-size: 36px;position: absolute;top:86px;width: 100%;text-align: center;} .m-youshi01 .hd p,.m-youshi02 .hd p,.m-youshi03 .hd p,.m-youshi04 .hd p{font-size: 36px;position: absolute;top:86px;width: 100%;text-align: center;} .m-youshi01 .hd h2,.m-youshi02 .hd h2,.m-youshi03 .hd h2,.m-youshi04 .hd h2{font-size: 18px;position: absolute;top:54px;width: 100%;text-align: center;} .m-youshi01 .hd h1,.m-youshi03 .hd h1{top:80px;transition:all .5s linear 0s;} .m-youshi01 .hd p,.m-youshi03 .hd p{top:80px;transition:all .5s linear 0s;} .m-youshi01 .hd h2,.m-youshi03 .hd h2{top:55px;transition:all .5s linear 0s;} .m-youshi02 .hd h1,.m-youshi04 .hd h1{top:45px;transition:all .5s linear 0s;} .m-youshi02 .hd p,.m-youshi04 .hd p{top:45px;transition:all .5s linear 0s;} .m-youshi02 .hd h2,.m-youshi04 .hd h2{top:100px;transition:all .5s linear 0s;} .m-youshi01 .bd,.m-youshi02 .bd,.m-youshi03 .bd,.m-youshi04 .bd{width: 278px;height: 339px;border:solid 1px #bdbdbd;margin-top: -115px;display: block;background: #0f70c2;} .m-youshi01 .bd p,.m-youshi02 .bd p,.m-youshi03 .bd p,.m-youshi04 .bd p{color: #ffffff;line-height: 30px;padding:128px 15px 15px;} .m-youshi01:hover .hd h1,.m-youshi03:hover .hd h1{color: #ff0000;top:45px;transition:all .5s linear 0s;} .m-youshi01:hover .hd p,.m-youshi03:hover .hd p{color: #ff0000;top:45px;transition:all .5s linear 0s;} .m-youshi01:hover .hd h2,.m-youshi03:hover .hd h2{color: #ff0000;top:100px;transition:all .5s linear 0s;} .m-youshi02:hover .hd h1,.m-youshi04:hover .hd h1{color: #ff0000;top:80px;transition:all .5s linear 0s;} .m-youshi02:hover .hd p,.m-youshi04:hover .hd p{color: #ff0000;top:80px;transition:all .5s linear 0s;} .m-youshi02:hover .hd h2,.m-youshi04:hover .hd h2{color: #ff0000;top:55px;transition:all .5s linear 0s;} .m-youshi01:hover .hd,.m-youshi02:hover .hd,.m-youshi03:hover .hd,.m-youshi04:hover .hd{border:solid 3px #ff0000;transition:all 1s;} .m-youshi01:hover .bd,.m-youshi02:hover .bd,.m-youshi03:hover .bd,.m-youshi04:hover .bd{background: #ff0000;transition:all 1s;} /*m-com*/ .m-about{ width: 100%; height: 517px; overflow: hidden;} .m-a-left{ width: 50%; float: left; height: 517px; background: #05488f; overflow: hidden;} .m-a-left .img{ float: right; padding: 65px 20px 0 0;} .m-a-right{ width: 50%; float: right; height: 517px; background: #f3f3f3; overflow: hidden;} .m-company{ width: 536px; float: left; padding: 70px 0 0 50px} .m-a-content{ margin-top: 15px; line-height: 30px; margin-bottom: 30px; overflow: hidden;} .m-a-more{ clear: both;} .m-a-more li{ width: 118px; float: left; height: 40px;line-height: 40px; text-align: center; margin-right: 30px;} .m-a-more li a{color:#fff; font-size:14px; text-decoration:none;} .more1{ background: url(../Image/more1.jpg);} .more1:hover{background: url(../Image/more2.jpg);} .more2{ background: url(../Image/more1.jpg);} .more2:hover{background: url(../Image/more2.jpg);} /*m-news*/ .m-bot{ width: 1200px; margin: 0 auto; padding-top: 50px; overflow: hidden;} .m-news{ width: 354px; float: left; overflow: hidden;} .m-news .hd{ width: 100%; height: 43px; background: url(../Image/m-news.jpg); overflow: hidden;} .m-news .hd p{ width: 60px; float: right; height: 43px;} .m-news .hd p a{ display: block; width: 100%; height: 43px;} .m-news .bd{ width: 100%; margin: 0 auto; padding-top: 10px; overflow: hidden;} .m-news .bd ul{ width: 99%; margin: 0 auto; overflow: hidden;} .m-news .bd ul li{ width: 100%; background: url(../Image/xbz.jpg) no-repeat left center; text-indent: 15px; line-height: 28px;} .m-news .bd ul li a{color:#555; text-decoration:none;font-size: 12px;} .m-news .bd ul li a:hover{color:#1a315d;text-decoration:none;} /*m-honor*/ .m-honor{ width: 354px; float: left; padding-left: 82px; overflow: hidden;} .m-honor .top{ width: 100%; height: 43px; background: url(../Image/m-honor.jpg); overflow: hidden;} .m-honor .top p{ width: 60px; float: right; height: 43px;} .m-honor .top p a{ display: block; width: 100%; height: 43px;} .m-honor .bot{ width: 100%; margin: 0 auto; padding-top: 20px; overflow: hidden;} .picScroll-left1{ width: 100%; height: 190px; overflow: hidden;position: relative;} .picScroll-left1 .hd{ width: 100%; height: 30px; overflow:hidden; position: absolute; left:0; top:60px; z-index:999} .picScroll-left1 .hd .prev{ display: block; width:30px; height: 30px;cursor:pointer; margin-left: 10px; float: left; background: url(../Image/m-h-left.png);} .picScroll-left1 .hd .next{display: block; width: 30px; height: 30px;cursor:pointer; margin-right: 10px; float: right; background: url(../Image/m-h-right.png);} .picScroll-left1 .bd{ } .picScroll-left1 .bd ul{ } .picScroll-left1 .bd ul li{ width: 100%; text-align: center; height: 190px;font-size: 12px;} .picScroll-left1 .bd ul li img{ max-width: 200px; height: 150px;} /*m-contact*/ .m-contact{ width: 349px; float: right; overflow: hidden;} .m-contact .bd{ width: 100%; margin: 0 auto; padding-top: 10px; overflow: hidden; line-height: 28px;font-size: 12px;} .stitle{ font-size: 16px; color: #05488f; font-weight: 700;} .stel{ color: #05488f; font-weight: 600;} /** sidebar **/ .list{margin-top: 16px;margin-bottom: 50px;} #main_right{ width:930px; height:auto; overflow:hidden; float: right;min-height: 500px;border:solid 1px #efeff0;} #zi_banner{ width: 100%; height: 298px; background: url(../Image/zi_banner.jpg) no-repeat center top; position:relative; z-index:0; margin-top: -50px;} .pro_list{ background:url(../Image/cpbt.jpg) no-repeat center top; width:240px; padding:120px 0 0;} .pro_list ul{ padding: 10px 0; border: 1px solid #e6e6e6;} .pro_list ul li{ position: relative; height:43px; line-height:43px; padding-left:50px; overflow: hidden;} .pro_list ul li p{ position: absolute; z-index: 0; left: -240px; width: 237px; height: 43px; background: #262e1e; border-left: 3px solid #5aab09; transition:all 0.3s linear 0s;} .pro_list ul li a{ position: absolute; height: 43px; z-index: 1; color: #989797;} .pro_list ul li:hover p{ left: 0;} .pro_list ul li:hover a{ color: #fff;} #title_zy{ height: 50px; line-height: 50px;background: #efeff0;} #title_zy .left{ color: #036ed1; font-size: 24px; padding: 0 30px;} #title_zy .right{ padding-right: 20px; width: 500px; text-align: right;} /** zy **/ /*.content{ padding: 20px 0 0; line-height: 2.0;}*/ .content p{color: #81b6f6;} #content_zy{ line-height: 28px; padding: 20px 22px; height: auto; overflow: hidden;line-height: 260%;} #content_zy .left{width: 48%;float: left;overflow: hidden;} #content_zy .left .top{width: 100%;float: left;height: 50px;background: #cecece;} #content_zy .left .top h1{width: 100px;text-align: center;line-height: 50px;font-size: 18px;color: #ffffff;background: #035bbf;float: left;} #content_zy .left .top p{width: 100px;text-align: center;line-height: 50px;font-size: 18px;color: #ffffff;background: #035bbf;float: left;} #content_zy .left .top a{width: 100px;height: 50px;display: block;line-height: 50px;text-align: center;float: right;} #content_zy .right{width: 48%;float: right;overflow: hidden;} #content_zy .right .top{width: 100%;float: left;height: 50px;background: #cecece;} #content_zy .right .top h1{width: 100px;text-align: center;line-height: 50px;font-size: 18px;color: #ffffff;background: #035bbf;float: left;} #content_zy .right .top p{width: 100px;text-align: center;line-height: 50px;font-size: 18px;color: #ffffff;background: #035bbf;float: left;} #content_zy .right .top a{width: 100px;height: 50px;display: block;line-height: 50px;text-align: center;float: right;} .new_li_content li{ background: #fff; height:110px; padding:10px; margin-bottom: 10px; border:1px #999 dotted; transition:a#n-newsll 0.4s linear 0s;} .news_title_content{ height:110px; width:720px; padding:0 10px;} .new_li_content li img{ margin:0 10px;} .news_li_content{ color:#999; font-size:12px;} .new_li_content li:hover{ background:#1a5eb2;} .new_li_content li:hover .news_li_content{ color:#fff; font-size:12px;} .new_li_content li:hover a{ color:#fff} .news_li_title .time_news2{ margin:0 15px;transition:all 0.2s linear 0s;} .new_li_content li:hover .news_li_title{ color:#ff0; font-weight:bold;} .new_li_content li:hover .time_news2{ margin:0 25px;} #marqueedivcontrola{width:250px; height:650px; overflow:hidden; margin:20px 0 0;} #marqueedivcontrola li{ float:left; overflow: hidden; width:250px; height:250px; text-align:center; transition:0.3s all 0s linear;} #marqueedivcontrola li a{ display: block; overflow: hidden; width:248px; height:188px; margin-bottom: 5px; border: 1px solid #eeeeee;} #marqueedivcontrola li img{ width:250px; height:188px; } .cpgda{width:250px;} #por_left{width:400px; height:auto; margin-right:20px; float:left; text-align: center;} #p-box{ width: 400px; float: left; height: 380px; } .smallImg{position:relative; height:56px; margin-top:10px; width: 100%; overflow:hidden;float:left;} .scrollbutton{width:12px; height:56px; overflow:hidden; position:relative; float:left; cursor:pointer; } .scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../Image/menu-left.jpg) no-repeat;} .scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../Image/menu-right.jpg) no-repeat;} #imageMenu {height:56px; width:366px; overflow:hidden; margin-left:2px; float:left;} #imageMenu li {height:56px; width:93px; text-align: center; overflow:hidden; float:left;} #imageMenu li img{width:80px; height:54px; border: 1px solid #dedede; cursor:pointer; } #imageMenu li img:hover{border: 1px solid #004a9f;} .bigImg{position:relative; float:left; width:390px; height:290px; overflow:hidden;text-align: center;border:solid 1px #b6b6b6;line-height: 290px; } .bigImg #midimg{max-width:390px; max-height:290px; vertical-align:middle;margin-top: -3px;} .bigImg #winSelector{width:100px; height:80px;} #winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;} #bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;width: 400px!important;height: 300px!important;background: #ffffff;} #bigView img{position:absolute;/*width: 800px!important;height: 600px!important;*/} #por_right{float:left; line-height:2.0; width: 450px; height:auto; overflow:hidden;} #cpms{ border-bottom: 1px dashed #ccc;font-size: 14px;color: #333333;} #cpms span{ color: #040000;font-size: 16px;} .dg1{ width: 155px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #0c46a6; float: left; transition:all 0.3s linear 0s;margin-top:25px;} .dg2{ width: 160px; height: 42px; line-height:42px; text-align: center; color: #fff; background: #202020; float: left; margin-left: 100px; transition:all 0.3s linear 0s;margin-top:30px;border-radius: 10px;} .dg2 a{ color: #fff;} .dg1 a{ color: #fff;} .dg1:hover{ background: #d80000;} .dg2:hover{ background: #d80000;} .info_nr_l{ width: 360px;} .info_nr_l .t_r{width: 60px;float: left;} .info_nr_r{ width: 490px;} .info_nr_r ul{float: left;margin-top: 25px;} .info_nr_r ul li{line-height: 28px;} .info_nr_r img{float: left;margin: 10px 0;} /************************************/ .page{margin:10px 0px 15px 0;width: 100%;text-align: center;} .page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;} .page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;} .current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;} /***************global*****************/ .pro li{float:left; margin:0 6px 15px; width:283px; height:260px; text-align:center; background: #fff; font-size:14px; transition:0.3s all 0s linear;} .pro img{ max-width:283px; max-height:210px;vertical-align: middle;margin-top: -3px;} .pro li .img{width:283px; height:212px; background: #eeeeee; overflow: hidden;line-height: 212px;} .pro li .cpzxcpbt{width: 100%;height: 48px;line-height: 48px;} .pro a{ color:#333; font-size:14px;} .pro li:hover{ background:#0f70c2;} .pro li:hover a{ color:#fff;} /*************index&goods**************/ .news{ width:100%;} .news li{width:100%;height:40px;text-indent:2em;line-height:40px; font-size:14px; border-bottom:1px dotted #ccc; background:url(../Image/icon.jpg) no-repeat 20px center; transition:0.3s all 0s linear; padding-left:10px;} .news li:hover{background-color:#efefef; border-bottom:1px solid #ccc;} .news li:hover a{color:#000;} /*鏂伴椈棣栭〉鏍峰紡*/ #n-news{ width: 100%; height: 95px; text-indent: center; margin:0px 0 15px; background-position: 0 0; overflow: hidden;} #n-news .time{ width: 91px; border: 1px solid #2356a9; background: #fff; text-align: center; padding-top: 25px; font-size: 40px; font-weight: 700; line-height: 25px; height: 66px; float: left; color: #2356a9} #n-news .time span{ font-size: 14px;} #n-news .time:hover{ border: 1px solid #2356a9; background: #2356a9; color: #fff} #n-news .ntxt{ width:785px; float: right;height: 90px; padding-top: 5px; line-height: 28px; overflow: hidden;} #n-news .ntxt .title{ color: #f00; font-size: 15px; font-weight: 700;} #n-news .ntxt .title a{color:#006cb1; text-decoration:none;} #n-news .ntxt .title a:hover{color:#2356a9; text-decoration:underline;} #n-news .ntxt .content a{color:#f00; text-decoration:none;} #n-news .ntxt .content a:hover{color:#2356a9; text-decoration:underline;} /*page*/ #page{clear:both;line-height:35px;height:35px;width:99%; text-align:center;border:1px solid #b3b3b3; margin-top:10px;} /*鏂伴椈鍐呴〉鏍峰紡*/ .news_title {margin-top: 20px;text-align: center;font-size: 18px;line-height: 36px;} .meta{margin-top: 10px;text-align: center;} .meta img{max-width: 500px;} #newsnr{margin-top: 30px;} #newsnr img{max-width: 600px;} #prev_next{ width: 98%; margin: 10px auto; overflow: hidden;} #prev_next li{ border-bottom: 1px dashed #cdcdcd;} /*浜у搧鍒楄〃椤?/ /*pidbox*/ #pidbox{ width: 100%; overflow: hidden; line-height: 28px;} .pid-l{ width: 100%; overflow: hidden; height: 250px; padding: 10px 0; margin: 10px 0; background: #eeeeee;} .pid-l .img1{ width: 310px; height: 235px; text-align: center; background: #2356a9; padding: 5px; float: left;} .pid-l .img1 img{width: 300px; height: 225px; padding: 5px;} .pid-l-txt{ width: 540px; float: right; padding: 10px; overflow: hidden;} .pid-r{ width: 100%; overflow: hidden; height: 250px; padding: 10px 0; margin: 10px 0; background: #eeeeee;} .pid-r .img2{ width: 310; height: 235px; text-align: center; background: #2356a9; padding: 5px; float: right;} .pid-r .img2 img{ width: 300px; height: 225px; padding: 5px;} .pid-r-txt{ width: 540px; float: left; padding: 10px; overflow: hidden;} #pidbox .p_t{ border-bottom: 3px solid #2356a9; color: #2356a9; height: 35px; font-size: 18px; font-weight: 700;} #pidbox .p_time{ font-size: 12px; padding-top: 8px; color: #737373;} #pidbox .p_i{ padding-top: 10px; height: 105px;} #pidbox .p_m{ width: 120px;margin-top: 10px; line-height: 35px; height: 35px; text-align: center; background: #0f70c2;} #pidbox .p_m a{color:#fff;} #pidbox .p_m:hover{color:#ff0;background: #ff0000;} /***************jobs***************/ .rel_center{ text-align:center; left:50%;} .pro_name{display:block;color:#141414;text-align:left; font-weight: bold; font-size:30px; margin-bottom: 10px;} .info_title{ margin:20px 0 0 0; width:100%;height:40px; background: #ebebeb; margin-bottom:10px;float: left;} .info-content{float: left;margin: 20px;width: 100%;} .info_title b{display:inline-block;padding-left:10px;height:100%;background:#2765be;color:#fff;line-height:40px; font-weight: normal; font-size: 16px; padding: 0 30px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /********goods_info&jobs_info*******/ .order{margin:20px 0 20px 385px;line-height:40px;} .order img{vertical-align:-5px;cursor:pointer;} #submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../Image/button.gif) none center;} /**************order&message********/ #banner{position:relative;overflow:auto;} #banner li {float:left;} .banner .dots li.active { background: #fff; opacity: 1; } .banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } /*sitemap*/ .mesmore{margin-top:5px;} .mesmore:hover{color:#da020d;text-decoration:underline;} .sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;} .m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;} .m2{ margin-left:20px; margin-top:20px; line-height:25px;} .m2 span{ font-size:14px; font-weight:bold;} .m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;} .m2t ul{} .m2t ul li{ list-style-type:none; float:left; width:150px;} .m2t ul li a:hover{ color:red} .f{ float:right; margin-right:10px; _margin-top:7px;} /* message styles */ .message{} .message ul{ overflow: hidden; } .message li{ float: left; margin:10px; } .message input { position: relative; display: block; float: right; padding:1.2em 0.8em; width: 398px; border: solid 1px #cccccc; border-radius: 0; background: #fff; color: #0075c5; font-weight: bold; } .message textarea { position: relative; display: block; float: right; padding:1.2em 0.8em; width: 842px; border: solid 1px #cccccc; border-radius: 0; background: #fff; color: #0075c5; font-weight: bold; resize:none; } .message textarea:focus { outline: none; } .message input:focus { outline: none; } .message #submit{ width: 120px; height: 51px; color: #fff; background: #ccc; -webkit-transition: background 0.3s; transition: background 0.3s; } .message #submit:hover{ background: #0075c5; } /*message*/ .comtent_info{width:710px;*+margin-top:-612px;margin-left:100px;display:inline-block;vertical-align:top;margin-bottom: 20px;} .comtent_info_tit{width:100%;height:36px;line-height:36px;*+line-height:36px;text-indent:13px;background:url(.../Image/allbgs_1.gif) repeat-x 0px -96px;font-family:寰蒋闆呴粦,arial;font-size:14px;color:#338e00;overflow:hidden;} .comtent_info .comtent_info_tit .url{height:36px;line-height:37px;color:#6a6a6a;font-family:寰蒋闆呴粦,arial;font-size:12px;float:right;margin-right:10px;*+margin-top:-37px;display: inline-block;} .comtent_info .comtent_info_tit .url .url_img{width: 10px;height: 10px;background: url(.../Image/allbgs_2.gif) no-repeat -14px 0px;margin-top: 13px;*+margin-top: 12px;float: left;} .comtent_info .comtent_info_company{width:666px;margin:28px auto 0 auto;font-size:14px;font-family:寰蒋闆呴粦,arial;line-height:28px;} .comtent_info .comtent_info_company p{text-align:justify;letter-spacing:1px;font-size:14px;line-height:28px;color:#444444;margin-bottom:30px;} .comtent_info table th{color:#444444;width:70px;font-weight:normal;font-size:14px;font-family:寰蒋闆呴粦,arial;text-align:right;vertical-align: top;padding-top: 9px;} .comtent_info table td select{font-family: 寰蒋闆呴粦,arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;*+margin-left:-3px;background: #FFF;} .comtent_info table td ul{list-style:none;position:absolute;} .comtent_info table td ul li{font-family:寰蒋闆呴粦,arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;} .comtent_info table td ul li a{display:block;text-decoration:none;color:#444444;} .comtent_info table td ul li a:hover{color:#fe7d0c;} .comtent_info table td ul li:last-child{border-bottom:1px solid #d2d4d6;} .comtent_info table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;} .comtent_info table td .ctttt{width:26px;height:28px;} .comtent_info table td .yanzheng{width:101px;} .comtent_info table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;} .middle .comtent .comtent_info table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;} .comtent_info table td .but{width:74px;height:31px;line-height:31px;background:#7ac454;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:寰蒋闆呴粦,榛戜綋,sans-serif;color:#FFF;} .comtent_info table td .but a{text-decoration:none;font-size:14px;font-family:寰蒋闆呴粦,榛戜綋,sans-serif;color:#FFF;display:block;} .comtent_info table td .but a:hover{background:#5aac3a;border-radius:2px;} /*鏂伴椈棣栭〉鏍峰紡*/ .list-news{min-height: 100px;height: auto;margin-top: 20px; } .list-news li{height: 35px; line-height: 35px; width:98%;border-bottom: 1px dotted #bbb; padding: 0 1%;} .list-news li span{float: right;} .list-news li a{color: #595959} .list-news li:hover{background-color: #eee;}