html{ background:#fff; color:#808080; 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%;}legend{color:#000;}a{color:inherit;text-decoration:none;} /*******CSS reset*************/ body{ background:#fff; color:#808080; font-size:14px; font-family:'微软雅黑';} a{ color:#808080;} a:hover{color:#1f3483;} /*******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 20px 0 0;} .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;} .w1200{ width: 1200px; margin: 0 auto;} .dgnr{ background: url(../Image/dgpic.png) no-repeat right center; line-height: 2.0; padding: 20px 0 30px; color: #999999;} .scale:hover img { transform: scale(1.1, 1.1); } .scale img{ transition:transform 1s ease 0s} #indexNews li { height:30px; line-height:30px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; background:url(../Image/icon.png) no-repeat left center; padding-left:15px; margin: 0 10px; border-bottom: 1px dotted #ccc; transition:0.3s all 0s linear; } #indexNews li a{transition:0.3s all 0s linear;} #indexNews li:hover{ background:url(../Image/icon.png) no-repeat 5px center; border-bottom: 1px solid #ccc; padding-left: 20px;} #indexNews li:hover a{ color: #d80000;} .Newstime { color:#afb0b4; 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; } #prev_next{ border-top:1px solid #ccc; margin-top:10px; padding-top:5px;} #prev_next li{ padding-left:10px; height:30px; line-height:30px;} #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;} #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); } } .gsjjnrpic{ width: 302px; height: 602px; overflow: hidden; position: relative; float: right;} .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; } .gsjjnrpic: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 **/ #top_index{ width:1200px; height:120px;} #logo{ float: left; padding: 30px 0 0 0;} .flash{ width:100%; height:500px; margin:0 auto; text-align:center; position:relative; z-index:0; } .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;}*/ .flash .flashBox .bd{position:absolute; width:1920px; left:-460px;} .flash .flashBox .bd img{width:100%; height:500px;} .nav{ float: right; height:75px; line-height:20px; z-index:1; padding-top: 45px; } .nav a{ color:#373737; } .nav .nLi{ float:left; display:inline;} .nav .nLi h3{ float:left; width: 135px; height: 75px; text-align: center;position: relative;} .nav .nLi h3 p{ width: 135px; font-size:14px; transition:0.2s all 0s linear; position: absolute; top: 25px;text-align: center;} .nav .nLi h3 span{ position: absolute; top:0px; transition:0.2s all 0s linear; display:block; text-align: center;width: 135px;} .nav .nLi:hover h3 span{ top: 25px; color: #ff9600;} .nav .nLi:hover h3 p{ top: 0px; color: #ff9600;} .nav .sub{ display:none; width:100%; text-align: center; height: 324px; left:0; top:120px; position:absolute; background: rgba(31, 52, 131, 0.58); border-bottom: 7px solid #1f3483; padding:5px 0; z-index: 999;} .nav .sub li{ display: inline-table; width: 246px; text-align: left; color: #fff; padding: 35px 25px 0; line-height: 20px; transition:0.3s all 0s linear;} .nav .sub li a{ display: block; padding: 10px 0 5px;} .nav .sub li p{ color: #fff; font-size: 12px;} .nav .sub li .navpic{ width: 246px; height: 140px; margin: 15px 0; position: relative; overflow: hidden;} .nav .sub li .navpic img{ width: 246px; height: 140px; transition:transform 1s ease 0s;} .nav .sub li .navpic .sub_bk{ display: block; opacity: 0; width: 246px; height: 140px; position: absolute; left: 0; top: 0; transition:0.3s all 0s linear;} .nav .sub .sub_bt{ display: block; clear: both; font-size: 16px; padding: 0; height: 30px; background: url(../Image/sub_jt.png) no-repeat -20px center; line-height: 30px; margin-top: 7px; color: #fff; transition:0.3s all 0s linear;} .nav .sub li:hover .sub_bt{ background: url(../Image/sub_jt.png) no-repeat left center; padding-left: 20px;} .nav .sub li:hover .navpic .sub_bk{ display: block; opacity: 1;} .nav .on h3 a{ color:#33458e; } #ssbj{ background: url(../Image/ssbj.png) no-repeat center top; height: 57px; width: 100%;} .ss{ width:375px; height:26px; background: #fff; float: left; margin: 16px 40px 0 0;} .sou_left{float:left; width:330px; height:26px; line-height:26px; border:none; text-align:left; color:#ccc; padding-left:10px; font-size: 12px;} .ss_pic{ float:right; padding: 3px 5px 0 0;} #top_tel{ background: url(../Image/tel.png) no-repeat left center; width: 710px; padding-left: 70px; min-height: 40px; float: left; margin-top: 8px;} #top_tel .left p{ color: #1e1e1e; font-size: 16px; } #top_tel .left span{ color: #7a7a7a; font-size: 14px;} #top_tel .right{ width: 600px; height: 40px; line-height: 40px; color: #ffc600; font-size: 24px; font-weight: bold; font-family: arial; transition:all 0.3s linear 0s;} #top_tel .right span{ color: #1e1e1e; font-size: 18px; font-weight: normal; font-family: "微软雅黑";} #top_tel .right:hover{ color: #f60;} /** footer **/ #end_end{ height: 50px; line-height: 50px; background: #121212; color: #5b5b5b; font-size: 12px;} #end_end a{ color: #5b5b5b; transition:all 0.3s linear 0s;} #end_end a:hover{ color: #ccc;} #end_end .right a{ padding: 0 20px 0 0;} #end_bj{ background: url(../Image/end_bj.jpg) no-repeat center top; width: 100%; height: 270px;} #end_nav{ float: left;} #end_nav ul{ float: left; width: 120px; height: auto; overflow: hidden; text-align: left;} #end_nav ul .big{ border-bottom: 1px dotted #52504b; height: 40px; color: #747474; font-size: 16px; font-weight: bold; margin-bottom: 5px;} #end_nav ul li{ height: 30px; line-height: 30px; color: #747474; font-size: 12px;} #end_nav ul li a{ color: #747474; transition:all 0.3s linear 0s;} #end_nav ul li a:hover{ color: #fff;} #end_lxwm{ float: left; width: 255px; margin-left: 30px; font-size: 12px; color: #747474;} #end_title{ border-bottom: 1px dotted #52504b; height: 40px; color: #747474; font-size: 16px; font-weight: bold; line-height: 30px; margin-bottom: 3px;} /** main **/ .main{ width:1200px; height:auto; overflow:hidden; padding:30px 0;} #xwzx{ width: 600px; float: left;} .title{ border-bottom: 1px dashed #cdcdcd; height: 36px;} .title .left{ background: url(../Image/title_line.png) no-repeat right center; color: #555555; font-size: 20px; font-weight: bold; padding: 0 40px 0 0;} #xwlb{ width: 600px; height: 130px;;} #xwlb li{ float: left; transition:0.3s all 0s linear;} #xwlb li:nth-child(1){ width: 300px; height: 65px; overflow: hidden; background: #000;} #xwlb li:nth-child(2){ width: 300px; height: 130px; overflow: hidden; background: #000;} #xwlb li:nth-child(3){ width: 300px; height: 65px; position: relative; margin-top: -65px; overflow: hidden; background: #000;} #xwlb li:nth-child(1) img{ width: 300px; height: 65px; transition:0.3s all 0s linear;} #xwlb li:nth-child(2) img{ width: 300px; height: 130px; transition:0.3s all 0s linear;} #xwlb li:nth-child(3) img{ width: 300px; height: 65px; transition:0.3s all 0s linear;} /*#xwlb li:hover{ -moz-box-shadow:5px 5px 5px #666; -webkit-box-shadow:5px 5px 5px #666; box-shadow:5px 5px 5px #666; -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}*/ #xwlb li:hover img { opacity: 0.8; } #qyxw{ width: 570px; float: right; height: auto; overflow: hidden;} #hui{ background: #fafaf9; width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;} .i_team{width:100%;height:auto; padding: 30px 0 20px; position:relative;overflow:hidden;} .i_team_scroll{width:100%;height:330px;position:relative;} .i_team_scroll .bd{width:1200px;height:330px;position:relative;overflow:hidden;margin:0 auto;} .i_team_scroll .tempWrap{width:1200px !important;position:relative;} .i_team_scroll .bd ul{position:absolute;top:0;} .i_team_scroll .bd li{float:left;width:200px !important;margin-right:18px;} .i_team1{display:block;width:200px;height:220px;line-height:32px;text-align:center;color:#666;margin-top:134px;} .i_team1 img{padding:9px;background:url(../Image/team_bg1.png) no-repeat;display:block;} .i_team1 p{ font-size: 12px; width: 180px; line-height: 15px;} .i_team2{width:339px;height:280px;position:relative;display:none; margin-top: 25px;} .i_team2 img{padding:14px 0 0 14px;background:url(../Image/team_bg2.png) no-repeat;} .i_team2_main{width:800px;position:absolute;left:380px;top:0;} .i_team2_top{line-height:50px;font-size:14px; line-height: 25px; color:#999;} .i_team2_top strong{ display: block; font-size:22px;color:#1f3483;padding-right:20px;margin-bottom:15px;} .i_team2_con{font-size:14px;color:#666;line-height:26px;} .i_team_scroll li.on{width:339px !important;} .i_team_scroll li.on .i_team1{display:none;} .i_team_scroll li.on .i_team2{display:block;} .i_team_scroll .prev,.i_team_scroll .next{width:75px;height:75px;background:url(../Image/team_btn.png) #1f3483 24px center no-repeat;position:absolute;left:0;top:110px;cursor:pointer;z-index:50;} .i_team_scroll .next{background-position:-21px center;left:auto;right:0;} .i_team_scroll .prev:hover,.i_team_scroll .next:hover{background-color:#ffc600;} #mask{width:100%; height:100%; position:fixed; top:0; left:0;background:#000; opacity:0.4; z-index:900;} .popWinClose1{display:block;width:92px; height:25px; line-height:25px;text-align:center;cursor: pointer; position: absolute; bottom:29px; right:115px;background:#a72728;-moz-box-shadow:1px 1px 2px #000; -webkit-box-shadow:1px 1px 2px #000; box-shadow:1px 1px 2px #000;color:#fff;} .team_det{width:640px;height:320px; overflow: hidden; background:#353130;border-top:2px solid #ce020e;margin:0 auto;padding:29px 30px;-moz-box-shadow:1px 1px 2px #000;} .team_det img{-moz-box-shadow:1px 1px 2px #000; -webkit-box-shadow:1px 1px 2px #000; box-shadow:1px 1px 2px #000;} .team_det_main{width:325px;} .team_det_con{width:100%;height:165px;font-size:14px;color:#919191;line-height:28px;} .team_det_name{font-size:23px;color:#fff;font-weight:bolder;line-height:25px;} .team_det_mes{font-size:16px;color:#fff;line-height:39px;} /** sidebar **/ #zi_banner{ width: 100%; height: 194px; background: url(../Image/zi_gsjj.jpg) no-repeat center top;} #zi_xwzx{ width: 100%; height: 194px; background: url(../Image/zi_xwzx.jpg) no-repeat center top;} #zi_qywh{ width: 100%; height: 194px; background: url(../Image/zi_qywh.jpg) no-repeat center top;} #zi_kjyf{ width: 100%; height: 194px; background: url(../Image/zi_kjyf.jpg) no-repeat center top;} #zi_rlzy{ width: 100%; height: 194px; background: url(../Image/zi_rlzy.jpg) no-repeat center top;} #zi_ywfw{ width: 100%; height: 194px; background: url(../Image/zi_ywfw.jpg) no-repeat center top;} #zi_lxwm{ width: 100%; height: 194px; background: url(../Image/zi_lxwm.jpg) no-repeat center top;} #title_zy{ text-align: center; color: #1f3686; font-size: 30px; font-weight: bold;} #pro_list{ padding: 20px 200px; height: 40px;} #pro_list li{ float: left; padding: 0 50px; margin: 0 18px; height: 40px; font-size: 16px; line-height: 40px; background: #ffc600; text-align: center; border-radius: 8px; transition:all 0.2s linear 0s;} #pro_list li a{ color: #000000;} #pro_list li:hover{ background: #1e3585;} #pro_list li:hover a{ color: #fff;} /** zy **/ .content{ padding: 20px 0 0; line-height: 2.0;} #content_zy{ line-height: 2.0; padding: 20px 0 0; height: auto; overflow: hidden;} .n_detailCon{ height:auto!important; overflow:hidden!important; overflow:visible;} .n_detailCon li{ width:100%; height:180px; margin:0 0 40px 0; } .n_detailCon li a{ height:180px; width:100%; display:block; padding:40px 0 0 0; background:url(../Image/n_dz.jpg) bottom repeat-x;} .n_detailCon li a:hover{ background:url(../Image/n_dz.jpg) bottom repeat-x #fffad8;} .n_detailPic{ width:210px; float:left; margin-left:40px;} .n_detailR{ width:880px; float:right; margin-right:40px;} .n_detailTitle{ height:40px; width:100%;} .n_detailTitle span{ font-size:18px; color:#4f4f4f; display:block; float:left; font-weight:bold;} .n_detailTitle small{ font-size:12px; float:right; display:block; color:#222222;} .n_detailNr{ width:100%; padding:15px 0; line-height:25px; color:#6b6b6b;} .n_time{ background:url(../Image/time.jpg) left no-repeat; text-indent:25px; line-height:25px; height:25px; color:#a8a8a8; font-size:16px;} .news_tit{font-size:24px; font-weight: bold; text-align: center; line-height: 40px;max-height:132px;text-overflow: ellipsis;margin: 20px 0px 5px;word-wrap: break-word;word-break: break-all;color: #282828;} .news_time{line-height: 36px; height: 36px; text-align: center; padding-bottom: 8px; margin-bottom: 20px; border-bottom: 1px dashed #EEEEEE;} .new_left{ float: left; width: 780px;} .hot_news{float: right; width: 380px; padding-top: 15px;} .hot_news .tit_h1{color: #282828;height: 56px;line-height: 49px;border-bottom: 1px solid #FFFFFF;font-size: 18px;font-weight: bold;} .hot_news li{color: #9C9C9C; padding: 3px 0 ;} .hot_news .tit{line-height: 28px;font-size: 15px; padding: 5px 0;} .hot_news .tit a{color: #282828;transition:all 0.3s linear 0s;} .hot_news .tit a:before{ content: "→";} .hot_news li:hover a{ color: #c80000; padding-left: 10px;} .title_lm{ color:#fff; background:#3c3c3c; height:40px; line-height:40px; width:100%;} .deal_Title { height:40px; line-height:40px; border-bottom:#838383 dotted 1px; cursor:pointer; width:100%;} .deal_Title .job,.title_lm .job{ display:block; padding:0 30px 0 10px; width:150px; font-size:12px !important; font-weight:normal !important;} .deal_Title.deaTi{} .deal_menuCont {line-height:30px; border-bottom:1px solid #838383; padding:10px; color:#323232; width:98%;} .deal_menuCont a{ color:#323232;} .deal_left{ float:left;} .deal_right{ width:68px; float:left; height:20px; padding-top:140px;} .dealCon{ bottom:0px; right:10px;} .jjnr{ height: 130px; background: #f2f2f2; margin-bottom: 18px; width: 860px; transition:0.3s all 0s linear;} .jjnr .jjnr_bt{ width: 135px; height: 114px; background: #b8b8b8; text-align: center; padding-top: 16px; transition:0.3s all 0s linear;} .jjnr .jjnr_con{ padding: 8px 15px; line-height: 25px; color: #333333; font-size: 13px;} .jjnr:hover{ background: #b8b8b8;} .jjnr:hover .jjnr_bt{ background: #878787;} .jjnr:hover .jjnr_con{ color: #fff;} #xwleft{ width: 400px; float: left;} #xwleft li{ width: 400px; margin-bottom: 15px; text-align: center;} #xwleft li p{ line-height: 30px;} #xwleft li span{ display: block; overflow: hidden; width: 400px;} #xwleft img{ width: 400px; transition:transform 1s ease 0s;} #xwleft li:hover img{ transform: scale(1.1, 1.1);} #xwright{ width: 750px; float: right;} #xwright li{ height: 40px; line-height: 40px; border-bottom: 1px dotted #ccc; transition:0.3s all 0s linear;} #xwright li .Newstime{ font-size: 12px;} #xwright li:hover{ background: #666; border-bottom: 1px solid #ccc; padding-left: 10px;} #xwright li:hover a{ color: #fff;} .whbj{ background: url(../Image/whbj.png) no-repeat left top; width: 1091px; height: 300px;} .whbt{ color: #0048b1; font-weight: bold; font-size: 24px; padding-right: 30px;} .whnr{ color: #333333; font-size: 14px; transition:0.3s all 0s linear; padding-left: 20px;} .whnr:hover{ color: #fff; background: #0048b1;} .list-paddingleft-2 li{ float: left; margin-right: 2px; color: #888888; font-size: 13px; line-height: 25px; transition:0.3s all 0s linear;} .list-paddingleft-2 li:nth-child(1){ background: url(../Image/zp1.png) no-repeat left top; padding: 300px 25px 0; width: 235px; height: 342px;} .list-paddingleft-2 li:nth-child(2){ background: url(../Image/zp2.png) no-repeat left top; padding: 120px 25px 0; width: 235px; height: 522px;} .list-paddingleft-2 li:nth-child(3){ background: url(../Image/zp3.png) no-repeat left top; padding: 300px 25px 0; width: 235px; height: 342px;} .list-paddingleft-2 li:nth-child(4){ background: url(../Image/zp4.png) no-repeat left top; padding: 120px 25px 0; width: 235px; height: 522px;} .list-paddingleft-2 li .zp_bt{ text-align: center; color: #1e3585; font-size: 18px; text-align: center; font-weight: bold; padding-bottom: 20px;} .list-paddingleft-2 li:nth-child(1):hover{ background: url(../Image/zp11.png) no-repeat left top; color: #000;} .list-paddingleft-2 li:hover .zp_bt{ color: #fff;} .list-paddingleft-2 li:nth-child(2):hover{ background: url(../Image/zp22.png) no-repeat left top; color: #000;} .list-paddingleft-2 li:nth-child(3):hover{ background: url(../Image/zp33.png) no-repeat left top; color: #000;} .list-paddingleft-2 li:nth-child(4):hover{ background: url(../Image/zp44.png) no-repeat left top; color: #000;} .contact .lxpic{ width: 72px; height: 72px; display: block; overflow: hidden; margin-bottom: 20px;} .contact .lxpic img{ width: 72px; height: 72px; display: block;} .contact:hover .lxpic .box_img{position: relative; transition: 0.3s all 0s linear; display: block; margin-top: -72px;} .sy1{ background: url(../Image/sy1.png) no-repeat left top; width: 580px; height: 119px; float: left; margin-bottom: 10px; transition:0.3s all 0s linear;} .sy2{ background: url(../Image/sy2.png) no-repeat left top; width: 580px; height: 119px; float: right; margin-bottom: 10px; transition:0.3s all 0s linear;} .sy3{ background: url(../Image/sy3.png) no-repeat left top; width: 580px; height: 119px; float: left; margin-bottom: 10px; transition:0.3s all 0s linear;} .sy4{ background: url(../Image/sy4.png) no-repeat left top; width: 580px; height: 119px; float: right; margin-bottom: 10px; transition:0.3s all 0s linear;} .sy5{ background: url(../Image/sy5.png) no-repeat left top; width: 580px; height: 119px; float: left; margin-bottom: 10px; transition:0.3s all 0s linear;} .sy6{ background: url(../Image/sy6.png) no-repeat left top; width: 580px; height: 119px; float: right; margin-bottom: 10px; transition:0.3s all 0s linear;} .sybt{ width: 114px; text-align: center; color: #fff; font-weight: bold; font-size: 20px;} .synr{ width: 440px; padding: 10px; line-height: 25px;} .sy1:hover{ background: url(../Image/sy22.png) no-repeat left top; color: #fff;} .sy2:hover{ background: url(../Image/sy44.png) no-repeat left top; color: #fff;} .sy3:hover{ background: url(../Image/sy66.png) no-repeat left top; color: #fff;} .sy4:hover{ background: url(../Image/sy33.png) no-repeat left top; color: #fff;} .sy5:hover{ background: url(../Image/sy11.png) no-repeat left top; color: #fff;} .sy6:hover{ background: url(../Image/sy55.png) no-repeat left top; color: #fff;} #lxbj1{ background: url(../Image/lxbj1.png) no-repeat left top; width: 1192px; height: 285px; border: none;} #lxbj1 td{ border: none; padding: 30px 15px 0; color: #444444; font-size: 13px;} #lxbj1 td p{ color: #1e3585; font-weight: bold;} #lxbj2{ background: url(../Image/lxbj2.png) no-repeat left top; width: 1192px; height: 285px; border: none; margin-top: 20px;} #lxbj2 td{ border: none; padding: 30px 20px 0; color: #444444; font-size: 13px;} #lxbj2 td p{ color: #1e3585; font-weight: bold;} #lxbj3{ background: url(../Image/lxbj3.png) no-repeat left top; width: 1192px; height: 594px; border: none; margin-top: 20px;} #lxbj3 td{ border: none; padding: 0 20px 0; color: #444444; font-size: 13px;} #lxbj3 td p{ color: #1e3585; font-weight: bold;} #index_pro{ padding-bottom: 20px;} .pro_big{ height: 46px; background: #e6e6e6;} .pro_big .title{ background: url(../Image/cp_title.png) no-repeat 15px center #1e3585; border: none; height: 46px; line-height: 46px; float: left; padding: 0 30px; color: #fff; font-size: 16px;} .pro_big .title a{ color: #fff;} .pro_big .title a:hover{ color: #ff0;} .pro_big .more{ float: right; font-size: 13px; padding-right: 20px; color: #666; height: 46px; line-height: 46px;} .pro_big .more a{ color: #666; padding: 0 10px;} .pro_big .more a:hover{ color: #000;} .pro_small{ float: left; width: 229px; height: 212px; border: 1px solid #dfdfdf; margin: 10px 4px 30px; text-align: center;} .pro_small img{ width: 229px; height: 168px;} .pro_small span{ display: block; background: #f2f2f2; font-size: 12px; height: 35px; line-height: 35px; text-align: center; color: #000; transition:0.3s all 0s linear;} .pro_small:hover span{ background: #1e3585; color: #fff;} /************************************/ .page{margin:10px 20px 15px 0;} .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 10px 20px; background:#fff; width:278px; height:260px; text-align:center; border:1px solid #efefef; font-size:13px; transition:0.3s all 0s linear;} .pro img{ width:278px; height:209px;} .pro li:hover{ background:#5f78a1; -moz-box-shadow:5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; box-shadow:5px 5px 5px #ccc; -moz-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); -webkit-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08);} .pro li:hover a{ color:#fff;} .pro1 li{float:left; margin:0 14px 20px; background:#fff; width:210px; height:318px; text-align:center; border:1px solid #efefef; font-size:13px; transition:0.3s all 0s linear;} .pro1 img{ width:210px; height:287px;} .pro1 li:hover{ background:#5f78a1;} .pro1 li:hover a{ color:#fff;} .pro2 a{ color:#fff;} .pro2 li{float:left; margin:1px 1px 14px 30px; background:#00B22D; width:210px; height:30px; text-align:center; border:1px solid #efefef; font-size:13px; transition:0.3s all 0s linear;} .pro2 img{ width:210px; height:287px;} .pro2 li:hover{ background:#00B22D;} .pro2 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;} /****************news*****************/ .news_title{color:#da020d;text-align:center;line-height:40px;} .meta{color:#999;text-align:center; width:100%; line-height:28px; border:1px solid #efefef; margin-bottom:10px; background:#f8f8f8;} /***********news_info**************/ .jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;} .jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;} .jobs strong{color:#da020d;} .jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;} /***************jobs***************/ .rel_center{ text-align:center; left:50%;} .pro_name{display:block;color:#d80000;text-align:center; font-weight: bold; font-size:28px; margin-bottom: 20px;} .info_title{margin:10px 0 0 0;width:100%;height:35px; background: #efefef; margin-bottom:10px;} .info_title b{display:inline-block;padding-left:10px;height:100%;background:#333;color:#fff;line-height:35px; font-weight: normal; padding: 0 20px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /********goods_info&jobs_info*******/ .order{margin:20px 0 20px 40px;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;}