body{ width:100%;min-width: 1200px; font-size:12px; background:#FFF; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"Microsoft Yahei"; color:#333;} div{margin: 0px; padding: 0px;} span,p{margin: 0px; padding: 0px;} h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;} img{margin: 0px; padding: 0px;} dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;} img{border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;} from,input,select{margin: 0px; padding: 0px;} .clear{clear:both; font-size:0px; overflow:hidden; height :0px;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} a{color: #484848; text-decoration: none;} a:hover{color:#012964;text-decoration: none;} .border_bg{width:auto; height:auto; margin:0 auto;} .cp1 img{border:1px solid #bbb; padding:5px; background:#fff;} .cp1 img:hover{border:1px solid #012964; padding:5px; background:#f7f1eb;} .cp img{border:1px solid #bbb; padding:1px;} .cp img:hover{border:1px solid #012964; padding:1px;} input,button,select,textarea{outline:none} .font_1{font-size:16px; color:#333;} #copy{ display:none;} .totalwidth{width:1200px; margin:0 auto; height:auto;} .totalwidthpercent {width:100%; margin:0 auto;} .fl{ float:left;} .fr{ float:right;} #top_cp,#top_jj,#jz_qaun,#xinwen{width:1200px; margin:0 auto; padding-bottom:20px;} .float_l{float:left;} .float_r{float:right;} dl,dt,dd{margin: 0px; padding: 0px; list-style: none;} .top10{ margin-top:10px;} .top20{ margin-top:20px;} .top30{ margin-top:30px;} .top40{ margin-top:40px;} .top50{ margin-top:50px;} .top60{ margin-top:60px;} .top70{ margin-top:70px;} .box { width: 1200px; height: auto; margin: 0 auto; min-width: 1200px; } /*共同结束*/ /*欢迎进入*/ .hyjr_dkkd{width:100%; height:38px;background:#012964;} .hyjr_kz{ width:1200px; margin:0 auto;height:38px;} .hyjr_zt1{ font-size:12px; color:#e3f1ff; line-height:38px; float:left;} .hyjr_zt{ font-size:12px; color:#e3f1ff; height:38px; line-height:38px; float:right;} .hyjr_zt a{ font-size:12px; color:#cbe5ff; line-height:38px;} .hyjr_zt a:hover{ font-size:12px; color:#ff8800; line-height:38px;} /*导航*/ .top { background: #fff; width: 100%;/*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); */box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);} .top_in { position: relative; min-width:100%; margin: 0 auto; } .top_in > .totalwidth{ position: relative; } .top .fr { height: 117px; } .top .logo{ margin-top:28px;} .top .kds2{width:220px; padding-top:33px; padding-left:15px;} .top .totalwidth .fl { display: block;} .top .totalwidth .fl a,.top .page .fl a img{ display: block; } .NavCeshi > li { float: left; width:108px; text-align: center; transition: 0.6s all ease-in-out; padding-right: 0px; height:117px; line-height:117px; display:block} .NavCeshi > li > a{font-size: 15px; color: #012964; transition:0.2s all ease-in-out; position:relative; z-index:1113; } .NavCeshi > li.navcurrent,.NavCeshi > li:hover{ transition: 0.8s all ease-in-out; background:url(../images/navbg.png) center no-repeat; color: #ff8800;} .NavCeshi > li.navcurrent a,.NavCeshi > li:hover a{color: #ff8800;} #daohang {position: fixed; top: 0;z-index: 99999; width: 100%; display: none} #daohang .NavCeshi > li.navcurrent,#daohang .NavCeshi > li:hover {background:url(../images/navbg2.png) center no-repeat;} .NavCeshi li .sub_nav{line-height:27px;list-style-type:none;text-align:left;width:180px;position:absolute;display:none;z-index:99999;border-bottom:4px solid #012964;top:82px;background:url(../images/sub_nav_bg.png) repeat 0 0;padding-top:10px;padding-bottom:10px} .NavCeshi li .sub_nav li{float:left;width:180px;height:32px;line-height:32px} .NavCeshi li .sub_nav a{display:block;width:156px;text-align:left;padding-left:24px;font-size:15px} .NavCeshi li .sub_nav a:link{color:#012964;text-decoration:none} .NavCeshi li .sub_nav a:visited{color:#012964;text-decoration:none} .NavCeshi li .sub_nav a:hover{color:#f80;text-decoration:none;font-weight:400} #logo{display:block;background:url(../images/logo.png) no-repeat 0 0;width:410px;height:61px;text-indent:-999999999em} /*幻灯片*/ /*.banner{overflow:hidden; background:#666;} .banner-box{min-width:1200px;height:300px;position:relative;} .banner-box .bd{ width:100% !important;} .banner-box .bd li{width:100% !important;height:300px;background-position: center;background-repeat: no-repeat;} .banner-box .bd li a{display:block;background-size:auto;} .banner-btn{ width: 100%; position: absolute;top:100px; left: 0; margin-left: 0; height:330px; overflow: hidden; } .banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:0.3s all ease-in-out} .banner-btn a.prev{left:-50px;background:url(../images/20181106164747_2138343656.png) no-repeat 0 0;} .banner-btn a.next{right:-50px;background:url(../images/20181106164747_2138343656.png) no-repeat -49px 0;} .banner-box .hd {position:absolute;top:166px;width: 100%;display: block;} .banner-box .hd ul{ text-align: center} .banner-box .hd ul li{ width:20px; height:20px; border-radius :20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out} .banner-box .hd ul li.on{ background:#012964; width: 32px;} .banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;} .mbanner{ width:100%; height:300px;margin-top:0px; background-position: center center; background-size: cover}*/ /*幻灯片*/ .banner{overflow:hidden; background:#666;} .banner-box{min-width:1200px;height:500px;position:relative;} .banner-box .bd{ width:100% !important;} .banner-box .bd li{width:100% !important;height:500px;background-position: center;background-repeat: no-repeat;} .banner-box .bd li a{display:block;background-size:auto;} .banner-box .bd li a h2 {display:block; width: 100%; height: 500px; background-size:auto;background-position: 50% 50%; text-indent: -9999999em;} .banner-btn{ width: 100%; position: absolute;top:200px; left: 0; margin-left: 0; height:300px; overflow: hidden; } .banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:0.3s all ease-in-out} .banner-btn a.prev{left:-50px;background:url(../images/20181106164747_2138343656.png) no-repeat 0 0;} .banner-btn a.next{right:-50px;background:url(../images/20181106164747_2138343656.png) no-repeat -49px 0;} .banner-box .hd {position:absolute;top:275px;width: 100%;display: block;} .banner-box .hd ul{ text-align: center} .banner-box .hd ul li{ width:20px; height:20px; border-radius :20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out} .banner-box .hd ul li.on{ background:#ff8800; width: 32px;} .banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;} .mbanner{ width:100%; height:300px;margin-top:0px;} /*搜索*/ #search_bg{width: 100%;margin: 0 auto;background:#f4f4f4;height:140px;margin-bottom:20px;} #search_c{width:1200px; margin:0 auto; height:140px;} #search_c_l{width:680px;float:left} /*#search_c_r{width:450px;float:right}*/ #search_c_r{width:auto;float:right} #search_cc{width:460px;padding-top:34px} #search_cc_l{width:390px;float:left;background:#fff;line-height:44px;height:44px} #search_cc_r{width:69px;overflow:hidden} #search_b{/*width:460px;*/width:100%;height:42px;line-height:42px} #search_b a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5;} #search_b a:hover{background: #012964; color: #fff;} .head_adv,.yg_head_txt{width:350px;margin-top:40px;line-height:30px;font-size:15px;color:#333;} .head_adv span,.yg_head_txt span,.yg_head_txt h2{ font-size:24px; color:#012964; font-weight:bold;} .yg_head_txt h3 { font-size: 15px; font-weight: normal; display: block; margin-top: 15px;} .h_tel{ width:300px; border-left:1px #ebebeb solid; border-right:1px #ebebeb solid; height:140px; } .hgtbhmk{ width:195px; margin:0 auto;margin-top:35px;} .dianhtb{ width:30px; height:30px;float:left;} .kehftrx{font-size:17px;color:#666; float:left; padding-top:5px; padding-left:12px;} .dianhsj{ font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ff8800; text-align:center; padding-top:6px;} /*产品*/ .ghdgcpb{ font-size:38px; font-weight:bold; text-align:center; color:#012964;} .ghdgcpb span{ font-size:38px; font-weight:bold; color:#ff8800;} .yzswnz{ font-size:20px; color:#333; text-align:center; padding-top:20px; padding-bottom: 10px; height:40px;} .xigtnjd{ width:26px; height:25px; margin:0 auto;animation: myfirst 2s infinite;} @keyframes myfirst { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -10px); } 100% { transform: translate(0px, 0px); } } /*展示*/ #tabs { width:1000px; margin:0 auto; margin-top:20px;} #tabs ul { width: 100%; text-align: center} #tabs li {/*float:left;*/ display:inline-block; background:#012964;height:50px; line-height:50px; text-align:center; font-size:16px; margin-left:15px; text-align:center; width:150px; color:#fff; margin-bottom:12px;border-radius:10px;} #tabs li a{float:left; background:#012964;height:50px; line-height:50px; text-align:center; font-size:16px;text-align:center; width:150px; color:#fff;border-radius:5px;} #tabs li a h2 { font-size: 16px; font-weight: normal} #tabs li.currents{ background:#ff8800; height:50px; line-height:50px; text-align:center; font-size:16px; width:150px; margin-left:15px; color:#fff;cursor: pointer; border-radius:5px;} #tabs li.currents a{ background:#ff8800; height:50px; line-height:50px; text-align:center; font-size:16px; width:150px;color:#fff;cursor: pointer; border-radius:10px;} #contents{ width:1200px; margin:0 auto;} #contents ul.tab_ul{display:none;} .tab_more{display:block;width:100%;height:32px;text-align:center;line-height:32px} .tab_more a{display:inline-block;margin-top:20px;padding:5px 20px;border:1px solid #999;border-radius:2px;background:#f8f8f8;font-size:14px} .prod_row2 { padding: 30px 0 0; padding-top:10px;} .prod_row2 .divproduct_new_div:after { content: ''; display: block; clear: both; } .prod_row2 .divproduct_new_div_item { float: left; width: 285px; position: relative; height: 282px; transition: 0.3s all ease-in-out; overflow: hidden; margin: 20px 20px 0px 0; } .prod_row2 .divproduct_new_div_item:nth-child(4n){ margin-right: 0; } .prod_row2 .divproduct_new_div_item .product_div_item_pic a, .prod_row2 .divproduct_new_div_item .product_div_item_pic a img { display: block; width: 100%; height: auto; transition:0.3s all ease-in-out} .prod_row2 .divproduct_new_div_item .product_div_item_pic { position: absolute; width: 275px; border:1px solid #d0d0d0; padding:4px; height: 206px; overflow: hidden; top: 0; left: 0; bottom: auto; } .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content { height: 36px; padding: 15px; position: absolute; width: 255px; top: auto; left: 0; bottom: 0; } .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content:before{ content: ''; background: url(../images/20190115115740_1480466442.png) no-repeat center; width: 15px; height: 20px; position: absolute; bottom: 23px; right: 18px; display: block; z-index: 2; } .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content:after{ content:''; position: absolute; width: 100%; height: 100%; background: #d0d0d0; display: block; left: 0; top: auto; transition:0.3s all ease-in-out; bottom:-65px; } .prod_row2 .divproduct_new_div_item:hover .divproduct_new_div_item_content:after{ bottom:0;background: #012964; } .prod_row2 .divproduct_new_div_item_body{ transition:0.3s all ease-in-out;} .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content .divproduct_new_div_item_a { display: block; line-height: 26px; font-size: 18px; padding: 5px 0 5px; color: #222; position: relative; z-index: 3; } .prod_row2 .divproduct_new_div_item:hover .divproduct_new_div_item_content .divproduct_new_div_item_a { color: #fff; transition:0.3s all ease-in-out; } .prod_row2 .divproduct_new_div_item .product_div_item_pic a { width: auto; height: auto; } .prod_row2 .divproduct_new_div_item .divproduct_new_div_item_content .divproduct_new_div_item_body { line-height: 24px; font-size: 13px; color: #999; position: relative; z-index: 3; text-align: justify; } .prod_row2 .divproduct_new_div_item:hover .divproduct_new_div_item_content .divproduct_new_div_item_body{ transition:0.3s all ease-in-out; color: #aeffc6} .prod_row2 .divproduct_new_div_item:hover .product_div_item_pic a img { transform: scale(1.1); } /*优势*/ #youshi_bg{ width:100%; height:900px; background:url("../images/about_bg.jpg") center no-repeat; margin:auto; background-size: auto} #youshi_t{ width:550px; text-align:center; margin:auto; padding-top:40px; color:#fff; padding-bottom:15px;} .youshi_t1{ line-height:45px; font-size:42px; font-weight:bold; padding-top:20px;} .youshi_t2{ font-size:16px; line-height:40px; color:#c8e8f9;} .youshi_t3{ padding-top:10px; margin:auto; animation:myfirst 2s infinite; display:inherit-block;} #youshi_fl{ width:513px; height:630px; background:url(../images/20190222170722_1136105545.png) left no-repeat; float:left; color:#fff;} .youshi_c{ width:340px; padding-top:60px; padding-left:35px; float:left;} .youshi_h1{ font-size:34px; font-weight:bold; line-height:150%;} .youshi_h2{ font-size:25px; line-height:150%; font-family:Century Gothic;} .youshi_h3{ width:320px; height:44px; border:1px solid #c8e8f9; line-height:44px; text-align:center; margin-top:50px; font-size:18px;} .youshi_h4{ width:84px; margin-right:28px; float:left; text-align:center; line-height:42px; font-size:14px; margin-top:55px; animation:myfirst 2s infinite; display:inherit-block;} .youshi_h4 .v1{ width:82px; height:60px; padding-top:22px; border:1px solid #fff; border-radius:5px;} .youshi_ted{ width:290px; height:22px; line-height:22px; background:url(../images/20190222170637_1588690245.png) left no-repeat; float:left; font-size:16px; padding-left:35px; margin-top:45px;} .youshi_ted span{ float:left;} .youshi_ted strong{ font-size:28px; font-family:Arial, Helvetica, sans-serif; float:left; color:#ff8800;} #youshi_r{ width:810px; height:565px; float:right; background:rgba(200,232,249,0.85); margin-top:-595px;} .youshi_p{ width:340px; float:left; padding-top:20px; padding-bottom:10px; padding-left:45px;} .youshi_p:hover{-webkit-animation: test 0.4s ease-in 2; cursor:pointer;} @-webkit-keyframes test{ 0%{transform:translate(0,0)} 50%{transform:translate(0,5px)} 100%{transform:translate(0,0)} } .youshi_v1{ font-size:46px; line-height:46px; font-family:Arial, Helvetica, sans-serif; color:#012964;} .youshi_v2{ line-height:50px; font-size:26px; padding-bottom: 5px; color:#222;} .youshi_v3{ width:55px; height:2px; background:#012964;} .youshi_v4{ padding-top:25px; font-size:14px; line-height:28px; color:#666;} /*简介*/ .aygnwydj{ width:347px; height:56px; background:url(../images/20181113145120_1679205602.png) center no-repeat; margin:0 auto;} .gyxtjhw{ font-size:36px; font-weight:bold; text-align:center; padding-top:10px; color:#333;} .gyxtjhw font{ font-size:36px; font-weight:bold; color:#012964;} .shgbbtl{ width:10px; height:420px; background:#012964; float:left;} .hsgbjtzb{ width:537px; height:340px; background:#f6f6f6; padding:40px 45px 40px 45px; float:left;} .ngjlswbz{ font-size:28px; color:#ff8800; height:56px; text-align: center} .gjgnjsld{ font-size:14px; line-height:220%; color:#333; /*height:218px;*/ display: inline-block; padding-bottom: 20px; text-indent: 2rem;} .srhlsnkd{ width:130px; height:51px; background:#012964; margin-right:1px; float:left; font-size:16px; color:#fff; line-height:51px; text-align:center;} .srhlsnkd a{ width:130px; height:51px; background:#012964;float:left; font-size:16px; color:#fff; line-height:51px; text-align:center; display:block;} .srhlsnkd a:hover{ width:130px; height:51px; background:#ff8800;float:left; font-size:16px; color:#fff; line-height:51px; text-align:center; display:block;} .jjbtyz{ width:560px; float:left;overflow:hidden;cursor:pointer } .jjbtyz img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:560px;} .jjbtyz img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);} /*阴影图片样式*/ #about_body img,.img_show {display: block;margin: 15px;transition-duration: .5s;box-shadow: 0 5px 15px 0 rgba(0,0,0,.05);border: 1px solid rgba(0,0,0,.075);padding: 5px;border-radius: 5px;max-width: calc(100% - 45px); background: #fff;} #about_body img:hover,.img_show:hover {box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);} .about_img_list { display: block;} .about_img_list li { float: none; display: inline-block;transition-duration: .5s;box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);/*border: 1px solid rgba(0,0,0,.075);*/padding: 5px;margin: 15px;border-radius: 5px;max-width: calc(50% - 45px); background: #fff;} .about_img_list li img {border-radius: 5px;} .about_img_list li p { margin-bottom: -10px; } .about_img_list li:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);} .img_radius_50 {border-radius: 50px; } /*新闻中心*/ .news{width:100%; min-width:1200px; overflow:hidden;margin-top:45px;} .news_tline{width:502px; margin:0 auto;} .news_tline_i{width:500px; position:absolute; z-index:-1; height:1px; padding-top:50px; margin-top:-20px;} .news_tline_il{width:280px; margin:0 auto; height:1px; background:#fff; margin-top:1px;} .news_m, .news_s{width:1200px; margin:0 auto; text-align:center; min-width:1200px;} .news_m{font-size:34px; font-weight:bold; line-height:50px; color:#012964;} .news_s{font-size:14px; line-height:26px;margin-bottom:15px; color:#484848;} .news_line{height:1px; background:#ccc; width:100%; margin:0 auto;} .news_line_t{width:100px; margin:0 auto; height:3px; background:#012964;} .news_line_d{width:0px; height: 0; margin:0 auto; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #012964;} .lanrenzhijia{width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;} .news_dt{ width:auto; margin:0 auto; overflow:hidden;} .lanrenzhijia .news_dt a{display:block; float:left; text-decoration:none; /*width:25%; font-size:16px; margin:0px 10px; padding:15px 30px; box-shadow:0 0 5px #ddd inset; */ /*border-radius: 50px;*/ width:auto;margin:0px 10px; padding:15px 30px; text-align: center;transition: all 0.8s linear;} .lanrenzhijia .news_dt a .news_line_t { display: none} .lanrenzhijia .news_dt a.on {text-decoration:none; width:auto; font-weight:bold; background:#f8f8f8; transition: all 0.8s linear;} .lanrenzhijia .news_dt a.on .news_dt_rm{transition: all 0.8s linear; color:#ff8800;} .lanrenzhijia .news_dt a.on .news_line_t { display: block; width: 100%;} .news_dt_rm{overflow:hidden; /*border-bottom:solid 1px #ccc;*/ line-height:40px; font-size:20px; padding-left:10px; transition: all 0.8s linear; font-weight:bold; color:#012964;} .news_dt_ren{font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#999; line-height:26px; font-weight:normal; padding-left:10px;} .lanrenzhijia .news_dt a span{font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#999; line-height:26px; font-weight:normal; padding-left:10px;} .lanrenzhijia .news_dt ul { width: 100%; margin: 0 auto; text-align: center; clear: both; display: block} .lanrenzhijia .news_dt ul li { width: 200px; float: left;display: inline-block; } .lanrenzhijia .content{overflow:hidden; width:1200px; margin:0 auto; height:405px; position:relative; min-width:1200px; margin-top:20px;} .lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:1200px; min-width:1200px;} .lanrenzhijia .content .li{ width:1200px; float:left; min-width:1200px;} .news .news_div_item, .news .divdgweb_new_div_item{width:578px; height:180px; float:left; position:relative; margin:12px 11px; transition: all 0.8s linear; box-shadow:0 0 2px #ccc inset; background:url(../images/20181227162817_594763620.png) no-repeat 8px center;} .news_div_item_pic{float:left; width:282px; height:180px; overflow:hidden; box-shadow:0 0 1px #ddd;} .news_div_item_pic img{width:282px; height:180px; transition: all 0.5s linear;} .news_div_item_content, .divdgweb_new_div_item_content{float:right; width:270px; margin-right:10px;} .news_div_item_title, .divdgweb_new_div_item_title{white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width:270px; padding-top:10px;} .news_div_item_title a, .divdgweb_new_div_item_title a{font-size:17px; transition: all 0.8s linear;} .news_div_item_body, .divdgweb_new_div_item_body{overflow:hidden; line-height:23px; padding-top:16px; height:71px; font-size:14px; color:#666; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-bottom:28px;} .news_dt_rgo{overflow:hidden; transition: all 0.8s linear;} .news_dt_rgo a{font-size:0px; line-height:0px;} .news_dt_rgo span{display:block; width:90px; height:1px; background:#999; transition: all 0.8s linear;} .news_dt_rgo p{font-size:14px; line-height:48px; text-align:right; position:relative; z-index:2; color:#012964; transition: all 0.8s linear; margin-left:200px; width:270px;} .news_div_item_date, .divdgweb_new_div_item_date{position:absolute; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-left:310px; margin-top:142px; color:#999;} .news_div_item_year, .divdgweb_new_div_item_year{float:left;} .news_div_item_month, .divdgweb_new_div_item_month{float:left;} .news_div_item_day, .divdgweb_new_div_item_day{float:left;} .news .news_div_item:hover .news_dt_rgo span, .news .divdgweb_new_div_item:hover .news_dt_rgo span{transition: all 0.8s linear; width:100%;} .news .news_div_item:hover .news_div_item_title a, .news .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a{transition: all 0.8s linear; color:#012964;} .news .news_div_item:hover .news_dt_rgo p, .news .divdgweb_new_div_item:hover .news_dt_rgo p{transition: all 0.8s linear; width:100%; margin-left:0px;} .news .news_div_item:hover .news_div_item_pic img, .news .divdgweb_new_div_item:hover .news_div_item_pic img{transition: all 0.5s linear; transform: scale(1.15);} /*index news floor_9_main*/ .w1200 {width: 1200px; margin: 0 auto;} .floor_9_main .floor_9_zuo .floor_bottom .bd li a i,.news_icon,.news-list .icon,.product_list .icon { background-image: url("../images/icon.png"); display: inline-block; vertical-align: middle;} .floor_9_main{margin-top:50px;padding-bottom:46px} .floor_9_main .floor_9_zuo{float:left;width:708px} .floor_9_main .floor_9_zuo .floor_top{height:46px;border-bottom:#012964 solid 1px} .floor_9_main .floor_9_zuo .floor_top h2,.floor_9_main .floor_9_zuo .floor_top h3{position:relative;z-index:1;font-size:28px;color:#012964;border-bottom:#012964 solid 5px;display:inline-block;height:44px;font-weight:400} .floor_9_main .floor_9_zuo .floor_bottom{display:block;position:relative} .floor_9_main .floor_9_zuo .floor_bottom .hd{position:absolute;right:0;top:-46px;width:245px;height:47px} .floor_9_main .floor_9_zuo .floor_bottom .hd li{float:left;margin-right:22px} .floor_9_main .floor_9_zuo .floor_bottom .hd li a p,.floor_9_main .floor_9_zuo .floor_bottom .hd li a h2{font-size:16px;color:#333;line-height:47px} .floor_9_main .floor_9_zuo .floor_bottom .hd li a i{position:absolute;right:0;font-size:16px;color:#333;display:none;height:47px;line-height:47px;top:0} .floor_9_main .floor_9_zuo .floor_bottom .hd li.on a p,.floor_9_main .floor_9_zuo .floor_bottom .hd li.on a h2{color:#012964} .floor_9_main .floor_9_zuo .floor_bottom .hd li.on a i{display:block; font-style: normal} .floor_9_main .floor_9_zuo .floor_bottom .hd li a i:hover{color:#012964} .floor_9_main .floor_9_zuo .floor_bottom .bd{padding-top:22px} .floor_9_main .floor_9_zuo .floor_bottom .bd ul{display:inline-block} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.li{float:left;width:342px;height:28px;line-height:28px;padding-top:10px;display:block} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.li i{display:block;float:left;width:8px;height:12px;background-position:-146px -137px;margin-top:8px} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.li p,.floor_9_main .floor_9_zuo .floor_bottom .bd ul li.li h3{display:block;float:left;font-size:14px;color:#333;padding-left:8px;width: calc(100% - 100px); overflow: hidden;height: 28px;white-space: nowrap;white-space: nowrap;-o-text-overflow:ellipsis;} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.li em{display:block;float:right;font-size:14px;color:#666;font-family:Arial} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.li:hover p{color:#012964} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.top_news{width:708px;padding-bottom:10px;height:114px} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.top_news img{float:left;width:141px;height:103px;border:#ddd solid 5px} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.top_news p,.floor_9_main .floor_9_zuo .floor_bottom .bd ul li.top_news h3{float:right;width:538px;font-size:20px;color:#333;font-weight:700} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.top_news p span{display:block;width:538px;font-size:14px;color:#333;font-weight:400;line-height:24px;padding-top:16px} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.top_news:hover img{border:#012964 solid 5px} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.top_news:hover p{color:#012964} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li.top_news:hover p span{color:#333} .floor_9_main .floor_9_zuo .floor_bottom .bd ul li:nth-child(2n+0){float:right} .floor_9_main .floor_9_zuo .floor_bottom .bd h3 { font-weight: normal} .floor_9_you{float:right;width:410px} .floor_9_you .floor_top{height:46px;border-bottom:#012964 solid 1px} .floor_9_you .floor_top h3,.floor_9_you .floor_top h2{position:relative;z-index:1;font-size:28px;color:#012964;border-bottom:#012964 solid 5px;display:inline-block;height:44px;font-weight:400;float:left} .floor_9_you .floor_top a{float:right;padding-top:10px;font-size:16px} .floor_you_bottom .bd {display:inline-block;width:410px;height:290x} .floor_you_bottom .bd ul{display:inline-block;width:410px} .floor_you_bottom .bd ul li{display:block;clear:left;margin-top:20px} .floor_you_bottom .bd ul li dl{display:inline-block} .floor_you_bottom .bd ul li dl dt{width:410px;display:inline-block} .floor_you_bottom .bd ul li dl dt i{width:22px;height:22px;float:left;display:block;background:url(../images/a7_03.jpg) no-repeat} .floor_you_bottom .bd ul li dl dt span,.floor_you_bottom .bd ul li dl dt h3{float:left;display:block;font-size:14px;color:#323232;padding-left:10px;line-height:18px;width:328px;padding-left:10px} .floor_you_bottom .bd ul li dl dd{width:410px;margin-top:6px;clear:left;display:inline-block} .floor_you_bottom .bd ul li dl dd em{width:22px;height:22px;float:left;display:block;background:url(../images/a7_06.jpg) no-repeat} .floor_you_bottom .bd ul li dl dd p{float:left;display:block;font-size:14px;color:#666;width:328px;padding-left:10px;line-height:20px} .floor_you_bottom .bd ul li:hover dt span{color:#012964; display: block} /*友情*/ .link_bg{ background:#edeaf1; height:70px;overflow:hidden;} .link{} .link h2{padding: 13px 0 0 20px; height: 57px; width:96px;overflow:hidden; font:bold 18px/26px "Microsoft Yahei";background:#ff8800 /*url(../images/20190122182651_259931557.jpg) no-repeat left top*/;} .link h2 a{ color:#fff;font:bold 18px/26px "Microsoft Yahei";} .link h2 i{text-transform: uppercase; font:18px/20px Arial; color: #fff; display: block;} .link span{ display:block;font:14px/70px "Microsoft Yahei"; } .link span a{ display:inline-block; color:#333;} .link p{ height:70px; padding-left:20px; overflow:hidden; font:14px/70px "Microsoft Yahei";} .linkTagcs{ width:800px; height:auto;} .linkTagcs ul{margin:0px;padding:0px;list-style-type:none;} .linkTagcs li{list-style:none;margin:0px; padding-right:5px;line-height:70px;float:left;} .linkTagcs li a{color:#666;word-break:break-all; font-size:14px; padding-right:10px} .linkTagcs li img {border:0px;} /*版权*/ .footWrap{ background:#012964; padding:40px 0px 40px 0px;overflow:hidden;border-top: 1px solid #071831;} .footer{ width:1200px; margin:0 auto;position:relative;} .f_wz{width:470px; font-family: "Microsoft Yahei"; color: #fff; font-size: 14px; line-height:32px; } .f_wz h3{height: 60px; margin-bottom: 15px; font:bold 16px/60px "Microsoft Yahei"; color: #fff;background:url(../images/20190122183241_2113860372.jpg) no-repeat left bottom; } .f_wz a{color: #fff;font-size:14px;} .f_wz a:hover{color:#ff8800;font-size:14px;} .bqdxtkg{ float:left;height:207px; margin-top:20px; margin-right:75px; border-left:1px solid #043782; border-right:1px solid #071831;} .f_nav{width: 270px;} .f_nav a{float: left; width: 120px; color:#fff; font-size:14px;} .f_nav a:hover{float: left; width: 120px; color:#ff8800;font-size:14px;} .dbdewmk{ width:300px; float:right;} .footer_r{width:134px; padding-top:10px; margin-right:20px; text-align: center; font-size:16px; line-height: 16px; color:#fff;} .footer_r img{padding-bottom:15px;} /*mianbxContent*/ .mianbxContent { margin-bottom: 20px !important; height: 40px !important; line-height: 40px !important; font-size: 16px !important; text-align: left !important; background-color: #eee; width: 100% !important; text-indent: 2.5em; transition:0.1s all; background:#f4f4f4 url(../images/20190219102731_1519416687.png) no-repeat 7px 12px; /*border-bottom: 1px solid #eee; border-top:1px solid #eee;*/letter-spacing: 1px; position: relative; border-radius:2px; border:1px solid #eee; } .mianbxContent a{ font-size:15px !important; } .mianbxContent:hover{ background-position:7px -29px; } .strong_title { display: none; } .centerHeadImage { border: 0; display: none; } .mianbxContent a:hover{ color:#012964; font-size:15px !important;} .mianbxContent::after,.mianbxContent:after { content: ''; position: absolute; display: block; height: 40px; width: 200px; top: 0; right: 0; } /*客服*/ .my-kefu{position: fixed;right: 0px;top:20%;z-index:9999;} .my-kefu ul{width: 77px;} .my-kefu li a{text-decoration: none;} .my-kefu li{background: #3a3a3a;margin-top: 1px;padding: 9px 0;height: 56px;width: 77px;} .my-kefu li i{background: url(../images/20190118151055_152728671.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;} .my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;} .my-kefu .my-kefu-qq i{background-position: 4px 0;} .my-kefu .my-kefu-tel i{background-position: 0 -25px;} .my-kefu .my-kefu-tel1 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;} .my-kefu .my-kefu-tel2 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;} .my-kefu .my-kefu-liuyan i{background-position: 4px -53px;} .my-kefu .my-kefu-weixin i{background-position: -34px 4px;} .my-kefu .my-kefu-weibo i{background-position: -30px -22px;} .my-kefu .my-kefu-ftop{background-color:#012964;} .my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;} .my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;} .my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;} .my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-right{width: 20px;} .my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;} .my-kefu-main{width: 97px;position: relative;} .my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;} /*二*/ .yg-service{position:fixed;right:0;top:50%;z-index:1030;margin-top:-125px;background-color:#012964;border:1px solid #071831} .yg-service ul { display: inline-block; width: 50px} .yg-service ul li{list-style:none;text-align:center;width:50px;height:50px;line-height:50px;color:#eee;cursor:pointer; border-bottom: #071831 solid 1px; border-top: 1px solid #043782;} .yg-service ul li a{color:#eee} .yg-service ul li i{font-size:20px} .yg-service ul li.gtop{ display:block;line-height:16px;letter-spacing:1px} .yg-service ul li.gtop span { font-size: 14px; width: 30px; display: inline-block; padding-top: 8px} .yg-service ul li:hover{background-color:#071831;color:#fff} .yg-service ul li:hover a{color:#fff} .yg-service ul li.wx{position:relative} .yg-service ul li.wx img{position:absolute;right:55px;top:-50px;width:120px;display:none;border:1px solid #ddd;background-color:#fff} .yg-service ul li.wx:hover img{display:block} .yg-service li.color{position:relative} .yg-service li.color .yg-col{position:absolute;right:50px;top:-2px;width:220px;height:auto;/*background-color:rgba(255,255,255,.8);*/color:#fff;text-align:left;z-index:999;display:none;box-shadow:0 1px 3px #222;background-color:#071831;border-top: 1px solid #071831;border-left: 1px solid #071831;border-bottom: 1px solid #071831;} .yg-service li.color .yg-col span.c-yh{width:100%;border-bottom: #071831 solid 1px; border-top: 1px solid #043782;border-left: 1px solid #043782;} .yg-service li.color .yg-col span.c-yh i{color:#fff} .yg-service li.color .yg-col span.c-ml i{color:#009688} .yg-service li.color .yg-col span.c-sl i{color:#337ab7} .yg-service li.color .yg-col span.c-hs i{color:#d9534f} .yg-service li.color .yg-col span.c-cs i{color:#f09c24} .yg-service li.color .yg-col span{width:110px;height:50px;line-height:50px;display:inline-block;float:left;text-align:center} /*.yg-service li.color .yg-col span:hover{background-color:#012964}*/ .yg-service li.color:hover .yg-col{display:block} .pro_list_box_item_zdy{display:block;height:155px; padding:8px; border-bottom: 1px solid #ccc;overflow:hidden;} .pro_list_box_item_zdy:hover{background:#f8f8f8;} .pro_list_box_item_l_zdy{width:205px; height:135px; float:left;} .pro_list_box_item_l_zdy a img {width:205px; height:135px; border:1px solid #CCC; padding:8px;} .pro_list_box_item_r_zdy{width:940px; float:right; text-align:left} .pro_list_box_item_r_zdy p{height: 26px; font-size: 16px; color: #000; border: none;line-height: 26px;padding-bottom: 5px;} .pro_list_box_item_r_zdy p a{height: 26px; font-size: 16px; color: #012964; border: none;} .pro_list_box_item_r_zdy div{ font-size:15px; font-weight:normal; color:#888; height:70px; overflow:hidden; line-height:28px; } .pro_list_box_item_r_zdy div > span{font-size:13px !important; font-weight:normal; color:#888; overflow:hidden; line-height:24px !important;} .pro_list_box_item_r_zdy div p{ font-size:13px; font-weight:normal;} .pro_list_box_item_r_zdy a{text-decoration:none} .pro_list_box_item_r_zdy a:hover{text-decoration:none} .pro_list_box_item_zdy:hover .pro_list_box_item_r_zdy a{background:#ff8800;} .pro_list_box_item_zdy:hover .pro_list_box_item_r_zdy p{color:#000;} .shopmrsc a:hover{color:#000 !important;} .content_more_a_zdy{ width:90px; height:30px; background: #012964; float:right; display:block; margin-top:10px; text-align: center; line-height: 29px; height: 30px; color: #fff !important;font-size: 13px !important; letter-spacing: 0.5px;} .dgcontent_title_h5 { display: block;text-align: center;border-bottom:1px solid #ddd;height:55px !important;line-height:55px !important;margin: 10px auto 25px !important;} .dgcontent_title_h5 h5,.dgcontent_title_h5 h5 strong{ font-size:18px} .news_content_title { display: block;text-align: center;/*border-bottom:1px solid #ddd;*/ height:80px; margin: 10px auto;} .news_content_title h3,.news_content_title h3 strong{ font-size:18px; height:55px; line-height:55px; color: #012964;} .news_content_title p{ font-size:14px; color: #999;} .news_content_title hr{display:none;} .content_more_a_zdy::after,.content_more_a_zdy:after{content: '查看全文';color: #fff;} .pro_one_box .pro_name{height:30px; line-height:30px;} .pro_all_class{width:1150px !important; height:auto !important;margin:0 auto !important; padding-top:8px; overflow:hidden; font-size:0px; line-height:0px; border-bottom:none !important;margin-bottom:20px !important;} .pro_all_class a{display:inline-block;overflow:hidden;margin-right:8px!important;width:155px;height:50px;background:#012964;color:#fff;text-align:center;text-decoration:blink;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:50px;transition:all .8s linear} .pro_all_class a:hover{transition: all 0.8s linear; background:#ff8800; color:#fff;} .pro_all_class strong{background:#ff8800; color:#fff; display:block ;} .pagess{clear:both;margin:20px;overflow:hidden;margin-left:0;text-align:center;font-size:12px} .pagess ul li{display:inline-block;border:1px solid #ccc;padding:4px 12px;margin:0 1px;line-height:24px;background:#fff;color:#999} .pagess ul li:hover{background:#012964;color:#fff;border:1px solid #012964} .pagess ul li:hover a{color:#fff} .pagess ul li.thisclass{display:inline-block;border:1px solid #012964;padding:4px 12px;margin:0 1px;background:#012964;color:#fff} .pagess ul li.thisclass a{color:#fff} .pagess ul li a{display:block;color:#999} .pagess ul li a:hover{color:#fff} /*图片展示列表 一行四列*/ .grid-product0{ position: relative; } .grid-product0:after{ content: ''; display: block; clear: both; } .grid-product0 li { width: calc(100% / 4 - 4px); float: left; display: inline-block; overflow: hidden} .grid-product0 li a{ display: block; margin: 0 10px 20px; transition-duration: .5s;box-shadow: 0 5px 15px 0 rgba(0,0,0,.05); } .grid-product0 li .InfoPicture{ overflow: hidden; border-radius: 6px;border-bottom-left-radius: 0; border-bottom-right-radius: 0;/*height: 207px;*/} .grid-product0 li img{ transition-duration: .5s; width: 100%; display: block } .grid-product0 li .InfoWrap{ transition-duration: .5s; } .grid-product0 li .InfoTitle{ font-size: 17px; text-align: left; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em; } .grid-product0 li .InfoSContent{ margin: 10px 0; line-height: 1.8em; overflow: hidden; color: #999; } .grid-product0 li .InfoPrice{ margin: 10px 0; font-size: 16px; font-weight: bold; color: #f44336; } .grid-product0 li .InfoPrice span{ font-size: .7em; font-weight: normal; } .grid-product0 li:hover a{ box-shadow: 0 5px 15px 0 rgba(0,0,0,.2); } .grid-product0 li:hover img{ transform: scale(1.05); } .grid-product0 li a:hover .InfoPrice i{ right: 15px; } .ygpic_list{padding-top:40px;padding-bottom:40px} .ygpic_list li{animation-duration:2s;animation-fill-mode:both} .ygpic_list .product0 li .InfoTitle{font-size:18px;color:#333;line-height:1.8em;padding-left:10px;padding-right:10px;font-weight:400;font-style:normal;text-align:center} .ygpic_list .product0 li .InfoSContent{display:none;color:#999;padding-left:10px;padding-right:10px;font-weight:400;font-style:normal} .ygpic_list .product0 li .InfoPrice{display:none;color:#ec1c23;padding-left:10px;padding-right:10px;font-weight:700;font-style:normal} .ygpic_list .product0 li a{background-color:#fff;border:0px solid #ddd;border-radius:6px;padding:0; padding-bottom: 5px; margin:0 10px 20px 10px} .ygpic_list .product0 li a.bord_a {border: 1px solid rgba(0,0,0,.075);} .ygpic_list h2,.ygpic_list h3,.ygpic_list h4,.ygpic_list h5 { font-weight: normal} .ygpic_list h5 { font-size: 16px;} /*通用分页*/ #page{margin:30px 0;font-size:13px;height:30px;line-height:30px;text-align:center} #page .pageinfo {color:#666;padding:6px 8px;border:1px solid #ddd} #page .pageinfo strong{font-weight:normal} #page a{border:1px solid #ddd;background:#fff;color:#808080;padding:6px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s} #page a:hover,#page .curpage{background:#012964;color:#fff;text-decoration:none;border:1px solid #012964;} #page .nopage{cursor:not-allowed;} #page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;} .lianxi_m{width:1200px; overflow:hidden; background:#f5f5f5; margin:0 auto;} .lianxi_ml{background:#012964; color:#fff; padding:30px; overflow:hidden; float:left;} .lianxi_ml_m{overflow:hidden; font-size:38px; font-weight:bold; line-height:52px; margin-bottom:18px;} .lianxi_ml_s{width:315px; border:solid 2px #fff; font-size:28px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:18px; line-height:45px;} .lianxi_ml_en{font-family:Arial, Helvetica, sans-serif; font-size:24px; font-style:italic; line-height:40px;} .lianxi_mr{float:right; overflow:hidden; width:780px;} .lianxi_mr_i{float:left; font-family:Arial, Helvetica, sans-serif; font-size:100px; font-weight:bold; line-height:100px; color:#333; position:absolute; overflow:hidden; margin-top:18px;} .lianxi_m .mr_i{font-size:140px; line-height:120px; margin-top:150px; margin-left:650px;} .lianxi_mr_m{width:600px; float:left; overflow:hidden; padding-left:80px; padding-right:20px; padding-top:25px; line-height:24px; color:#333 ; font-size:14px;} .lianxi_mr_m span{ font-size: 24px; font-weight: bold; line-height: 60px; color: #333; } .lianxi{width:1200px; margin:0 auto; overflow: hidden; background:#f5f5f5; margin-top:10px; margin-bottom:10px;} .lianxi_l{float:left; width:520px; overflow:hidden;} .lianxi_lm{overflow:hidden; margin-top:40px; border-left:solid 5px #012964; font-size:26px; line-height:30px; padding-left:20px; margin-bottom:18px;} .lianxi_len{overflow:hidden; border-left:solid 5px #2b3e9d; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#012964; font-style:italic; line-height:22px; margin-bottom:20px;} .lianxi_ld_l{overflow:hidden; padding:15px 0px; padding-left:30px;} .ld_i{float:left; width:56px; } .ld_i img{width:56px;} .ld_l{float:left; padding-left:18px; font-size:14px; color:#666; line-height:25px;width: 300px;} .ld_l span{font-size:18px; color:#333;} .ld_l a{font-size:14px; color:#666;} .lianxi_r{float:right; width:580px; overflow:hidden; background:#eee; padding:46px;height:511px;} .lianxi_rm{overflow:hidden; margin-top: -10px;} .lianxi_rm_en{float:left; color:#012964; font-family:Arial, Helvetica, sans-serif; font-size:45px; line-height:50px; font-weight:bold;} .lianxi_rm_m{float:left; margin-left:10px; border-top:solid 3px #012964; font-size:20px; line-height:40px; margin-top:10px;} .lianxi_rd{overflow:hidden; margin-top:15px; border:solid 1px #ccc;} /*联系我们图标*/ .lianxi_ico_box {width: 52px; height: 52px; line-height: 52px; text-align: center; color: #fff; border-radius: 52px; display:inline-block; background: #888; font-size: 28px} .lianxi_ld_l:hover .lianxi_ico_box { background: #012964} .yunu-message {background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;border: 1px solid #ddd;padding: 50px 200px;margin-bottom: 30px;} .form-group {margin-bottom: 15px;} .form-label {float: left;line-height: 34px;width: 120px;text-align: right;} .form-label span {color: #e50112;} .form-content {margin-left: 130px;} .form-control {line-height: 20px;font-size: 14px;border: 1px solid #ddd;padding: 6px 12px;width: 600px;display: inline-block;vertical-align: top;} select.form-control {height: 34px;} .form-submit {padding: 6px 22px;color: #fff;background-color: #3db748;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;} .form-button {padding: 6px 22px;color: #fff;background-color: #767676;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;} /*左右*/ .articlebody {padding:10px 15px;margin-bottom:15px;-webkit-box-shadow:0 0 2px #ddd;box-shadow:0 0 2px #ddd;font-size: 16px;} .articlebody h1{font-size: 22px; margin-bottom: 20px;} .content-info{margin-bottom: 15px} .content-info span{margin-right: 20px; color: #888;} .content-description{color:#888888;border:1px solid #f3f3f3;padding:10px;background:#f6f6f6;line-height:23px;margin-bottom:15px} .articlebody .news_content_body a { font-size: 16px;} .articlebody h2{font-size: 16px; margin: 20px 0; padding-left: 10px; border-left: 3px solid #012964;} .articlebody img{max-width: 100%;} .articlebody p{margin-bottom: 10px} .articlebody a{color: #012964;} .articlebody pre{color: #444;font-family: Monaco,Menlo,Consolas,"Courier New",monospace;display: block;margin:10px 0; padding: 9px;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15); border-radius: 3px;background-color: #f5f5f5;white-space: pre-wrap;word-wrap: break-word;font-size: 11px;line-height: 20px;word-break: break-all;} .content-tag a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5;} .content-tag a:hover{background: #012964; color: #fff;} .content-read-tips{text-align:center;margin:50px 0 !important;border:1px dashed #9d9a9a;padding:15px 0;} .content-read-tips span{color:red;margin:0 3px;} .content-read-tips a{color:#0844f7;} .content-read-tips a:hover{color:red;} .yzm-operate{margin: 10px 0;} .yzm-operate a{margin-right: 10px; background: #012964; height:25px;width:70px;display: inline-block;text-align: center; color: #fff; font-size: 12px} .yzm-operate a:hover{opacity: 0.8;color:#fff;} .articlebody .product_list { display: inline-block; width: 100%; padding: 15px 0;clear: both} .articlebody .product_list h4{font-weight:600;color:#666;font-size:18px;border-bottom:1px solid #eee;padding-bottom:10px;margin:0; margin-bottom: 10px;} .articlebody .product_list ul li{list-style:none; height: 28px; line-height:28px; width: 50%; overflow: hidden; float: left;} .articlebody .product_list ul li a { display: block; width: calc(100% - 20px); padding: 5px 10px; font-size: 16px;color: #666;} .articlebody .product_list ul li a h3 { font-weight: normal; font-size: 16px;} .news_content_back { width: 100%; margin: 20px auto; display: inline-block; text-align: center;} .news_content_back a { background: #043782; padding: 10px 15px; color: #fff; border-radius: 5px;} .articlebody .product_list ul li i.icon {display:block;float:left;width:8px;height:12px;background-position:-146px -137px;margin-top:13px; margin-right: 8px;} .articlebody .news_content_body p span a { font-size:16px; text-decoration: none; font-weight: bold;} .articlebody .news_content_body h2 a {font-size: 16px;} .news-lists{background-color:#fff;margin-bottom:10px} .news-list{padding:5px;border-bottom:1px solid #eee; display: inline-block;} .news-list a{display:block} .news-list img{width:30%;float:left;margin-right:10px} .news-list .text{margin:0;padding:0} .news-list .text h3,.news-list .text h3 span{margin:0;font-size:16px;font-weight:500} .news-list .text span{color:#a3afb7;margin-right:10px;font-size:12px} .news-list:hover h3{color:#222} .news-list:last-child{border:0} .news-lists{padding:0;margin-bottom:15px;-webkit-box-shadow:0 0 2px #ddd;box-shadow:0 0 2px #ddd} .news-list{padding:15px} .news-list img{width:220px;float:left;margin-right:10px} .news-list .text{margin:0;padding:0} .news-list .text h3,.news-list .text h3 span{margin:0;font-size:18px; font-weight: bold} .news-list .text p{font-size:14px; line-height: 24px; color:#999;margin:5px 0;font-weight:300} .news-list .text span{margin-right:10px;font-size:12px} .news-list i.icon {display:block;float:left;width:8px;height:12px;background-position:-146px -137px;margin-top:6px; margin-right: 10px;} .sidebar{margin:0 -5px} .sidebar .side-nav{background-color:#fff;-webkit-box-shadow:0 0 2px #ddd;box-shadow:0 0 2px #ddd} .sidebar .side-nav ul{padding:15px;text-align:center} .sidebar .side-nav ul li{display:inline-block;list-style:none;line-height:28px;margin:0 8px} .sidebar .side-nav ul li:first-child{font-weight:600;font-size:16px} .sidebar .side-nav ul li a{font-size:16px} .sidebar .side-list{margin:10px 0;background-color:#fff;padding:5px;overflow:hidden;-webkit-box-shadow:0 0 2px #ddd;box-shadow:0 0 2px #ddd} .sidebar .side-list h4{font-weight:600;color:#666;font-size:18px;border-bottom:1px solid #eee;padding-bottom:10px;margin:0; margin-bottom: 10px;} .sidebar .side-list ul li{list-style:none;line-height:28px} .sidebar{margin:0} .sidebar .side-list{padding:15px} .sidebar .side-nav ul{text-align:left} .sidebar .side-nav ul li{display:block;margin:0} .sidebar .side-list ul li a{font-size:16px} .sidebar .side-list h3 { font-weight: normal; font-size: 16px;} .sidebar .side-nav .navcurrent a {color: #ff8800; } .sidebar .side-nav ul li h2 { font-weight: normal; font-size: 16px;} .sidebar .side-nav ul li:first-child h2 { font-weight: bold} .sidebar .list_icon li a h3,.sidebar .list_icon li a h2 { background: url("../images/list_jiantou.png") no-repeat 0 50%; padding-left: 15px;} /*留言*/ .lianxi_yg {display: inline-table; width: 100%; height: auto; /*background: url(../images/r1-orderform-1-bg2.jpg) no-repeat center bottom #f5f5f5;*/background-color:#f5f5f5; padding-bottom: 50px} .yg-md-6 { float: left; width: calc(50% - 20px);position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px; display: inline-block} .yg-tl{padding:40px 0} .yg-tl .yg-bt{margin-bottom:20px; text-align: center} .yg-tl .yg-bt h2{font-size:30px;font-weight: 400;margin: 0 auto 10px;} .yg-tl .yg-bt p{font-size:16px} .yg-join-in .join .text,.yg-join-in .join form,.yg-join-us .join .text,.yg-join-us .join form{padding:10px;margin:20px 0} .yg-join-in .join form .in-bt span,.yg-join-us .join form .in-bt span{font-size:1.4rem} .yg-join-in .join form .in-bt select,.yg-join-us .join form .in-bt select{padding:5px;font-size:1.4rem;display:inline-block;width:50%;height:32px;color:#666;background-color:#fff;border:1px solid #ccc;outline:0;-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} .yg-join-in .join .bd,.yg-join-in .join form .in-bt,.yg-join-us .join .bd,.yg-join-us .join form .in-bt{margin-bottom:.5rem} .yg-join-in .join form input,.yg-join-in .join form textarea,.yg-join-us .join form input,.yg-join-us .join form textarea,#Join #zxtitle{padding:5px 5px;font-size:16px;display:block;width:calc(100% - 12px);color:#666;background-color:#fff;border:1px solid #ccc;outline:0;-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} .yg-join-in .join form textarea,.yg-join-us .join form textarea{height:10rem;resize:none} .yg-join-in .join form button,.yg-join-us .join form button{display:block;width:100%;padding:5px 0;font-size:1.4rem;line-height:1.3333333;color:#fff;background-color:#999;border-color:#666;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border:1px solid transparent;-webkit-transition:all .3s;transition:all .3s} .yg-join-us .join form button { margin-top: 10px;display: inline-block;} .yg-join-in .join form button:hover,.yg-join-us .join form button:hover{background-color:#012964} .yg-join-in .join .text .tr-top,.yg-join-us .join .text .tr-top{padding:1rem;/*background-color:#f5f5f5;*/text-align:center} .yg-join-in .join .text .tr-top h1,.yg-join-us .join .text .tr-top h1{font-size:2rem;margin:0 0 1rem} .yg-join-in .join .text .tr-top h2,.yg-join-us .join .text .tr-top h2{font-size:18px;margin:15px 0} .yg-join-in .join .text .tr-top p,.yg-join-us .join .text .tr-top p{font-size:14px;margin:10px 0; text-align: left; text-indent: 2em; line-height: 26px} .yg-join-in .join .text .tr-top h3,.yg-join-us .join .text .tr-top h3{font-size:18px;margin:10px 0 0} .yg-join-in .join .text .tr-bottom,.yg-join-us .join .text .tr-bottom{overflow:hidden;/*background-color:#f5f5f5;*/padding:1.3rem;margin:1rem 0 0} .yg-join-in .join .text .tr-bottom img,.yg-join-us .join .text .tr-bottom img{width:120px;display:block;box-shadow:0 0 10px #ddd;margin:0 auto} .yg-join-in .join .text .tr-bottom ul,.yg-join-us .join .text .tr-bottom ul{margin:.5rem 1rem;display:inline-block} .yg-join-in .join .text .tr-bottom ul li,.yg-join-us .join .text .tr-bottom ul li{line-height:2rem;list-style:none} #Join #zxtitle { width: 100%} /*弹窗留言*/ .yg-message{width:100%;height:100%;position:fixed;overflow:hidden;top:0;left:0;z-index:99999;display:none;background-color:rgb(0,0,0,.6)} .yg-message .form{width:500px;background-color:#fff;position:absolute;top:50%;/*margin-left:5%;*//*margin-top:-167px;*//*border:1px solid #071831 ;*/-webkit-box-shadow:0 0 20px #071831;box-shadow:0 0 20px #071831;transform: translate(-50%, -50%); left: 50%;} .yg-message .form .form-bt{text-align:center;background-color:#012964;/*border-bottom:1px solid #071831 ;*/position:relative;height:30px;line-height:30px} .yg-message .form .form-bt h4{font-size:15px;display:inline-block;color:#fff;font-weight:500;margin:0} .yg-message .form .form-bt i{position:absolute;right:6px;top:6px;color:#fff;font-size:16px;cursor:pointer;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out;transition:All .4s ease-in-out} .yg-message .form .form-content{padding:15px; margin-left: 0} .yg-message .form .form-content .bd{margin-bottom:.5rem} .yg-message .form .bd textarea,.yg-message .form .form-content .bd input,.yg-message .form .form-content .bd #zxtitle{padding:5px 5px;font-size:16px;display:block;width:calc(100% - 12px);color:#666;background-color:#fff;border:1px solid #ccc;outline:0;-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} /*.yg-message .form .bd textarea,textarea::-ms-input-placeholder{font-size: 16px; color: #666; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "Microsoft Yahei"; } textarea::-webkit-input-placeholder{font-size: 16px; color: #666; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "Microsoft Yahei";}*/ .yg-message .form .bd textarea { display: inline-block;font-size: 16px; color: #666; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "Microsoft Yahei";} textarea::-webkit-input-placeholder{font-size: 16px; color: #666; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "Microsoft Yahei";} textarea::-moz-placeholder{font-size: 16px; color: #666; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "Microsoft Yahei";} textarea:-moz-placeholder{font-size: 16px; color: #666; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "Microsoft Yahei";} textarea:-ms-input-placeholder{font-size: 16px; color: #666; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "Microsoft Yahei";} .yg-message .form .form-content .bd textarea{height:10rem;resize:none} .yg-message .form .form-content button{display:block;width:100%;padding:5px 0;font-size:16px;line-height:1.3333333;color:#fff;background-color:#999;border-color:#666;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border:1px solid transparent;-webkit-transition:all .3s;transition:all .3s} .yg-message .form .form-content button:hover{background-color:#012964} .yg-message .form .form-content .bd #zxtitle { width: 100%} .yg-content-container,.yg-content{margin: 20px 0;} .yg-content-container h1{font-size: 22px; margin-bottom: 20px;} .yg-content-info{margin-bottom: 15px} .yg-content-info span{margin-right: 20px; color: #888;} .yg-content-description{color:#888888;border:1px solid #f3f3f3;padding:10px;background:#f6f6f6;line-height:23px;margin-bottom:15px} .yg-content h2{font-size: 16px; margin: 20px 0; padding-left: 10px; border-left: 3px solid #012964;} .yg-content img{max-width: 100%;} .yg-content img.img_show {max-width: calc(100% - 45px)} .yg-content p{margin-bottom: 10px} .yg-content a{color: #4394ff;} .yg-content pre{color: #444;font-family: Monaco,Menlo,Consolas,"Courier New",monospace;display: block;margin:10px 0; padding: 9px;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15); border-radius: 3px;background-color: #f5f5f5;white-space: pre-wrap;word-wrap: break-word;font-size: 11px;line-height: 20px;word-break: break-all;} .yg-content-tag { display: inline-block; width: 100%; margin: 15px auto} .yg-content-tag a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5;word-wrap: break-word;float: left; margin-bottom: 5px;} .yg-content-tag a:hover{background: #012964; color: #fff;} .yg-content-read-tips{text-align:center;margin:50px 0 !important;border:1px dashed #9d9a9a;padding:15px 0;} .yg-content-read-tips span{color:red;margin:0 3px;} .yg-content-read-tips a{color:#0844f7;} .yg-content-read-tips a:hover{color:red;} /*通用表格*/ .yg-content table{border-collapse:collapse;margin:0 auto;text-align:center;width:80%} .yg-content table td,.yg-content table th{border:1px solid #cad9ea;color:#666;height:30px} .yg-content table thead th{background-color:#cce8eb;width:100px} .yg-content table tr:nth-child(odd){background:#fff} .yg-content table tr:nth-child(even){background:#f5fafa} .yg-content table td,.yg-content table th{width:1px;white-space:nowrap;word-break:keep-all;border:solid #676767 1px;text-align:center;white-space:pre-line;word-break:break-all!important;word-wrap:break-word!important;display:table-cell;vertical-align:middle!important;white-space:normal!important;height:auto;vertical-align:text-top;padding:2px 2px 0 2px;display:table-cell} /*产品模型*/ .yg-product{margin: 20px 0;} .yg-product-list-box{width: 50%; float: left; color: #333; font-size: 14px; box-sizing: border-box; margin: 10px 0;} .yg-product-list{border: 1px #e8e8e8 solid; margin: 5px; padding: 20px; overflow: hidden; height: 160px;} .yg-product-list:hover{border: 1px #012964 solid;} .yg-product-img{width: 216px; height: 150px; float: left; overflow: hidden;} .yg-product-list img{width: 216px; height: 150px; float: left; transition: .5s;} .yg-product-list img:hover{transform: scale(1.1);} .yg-product-right{float: right; width: 270px;} .yg-product-title{font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 35px} .yg-product-price{color:#fd6161;line-height:35px} .yg-product-stock{line-height: 35px} .yg-product-details{background: #fd6161; border-radius: 3px; display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; color: #fff; transition: 0.3s; font-size: 16px;} .yg-product-details:hover{color: #fff; opacity: 0.8} .yg-price{color:#fd6161;line-height:35px;font-size:18px;margin-bottom:15px;display:inline-block;} .yg-addshopping{cursor:pointer; background: #df3033;border-radius: 3px;display: block;width: 130px;height: 35px;line-height: 35px;text-align: center;color: #fff;transition: 0.3s;font-size: 13px;} .yg-addshopping:hover{background: #ed1316} .yg-shopping-box{position:fixed;bottom:50px;right:60px;border:1px solid #ddd;padding:15px;border-radius: 5px;box-shadow: 0px 0px 20px 3px rgba(51,51,51,0.3);transition: all 0.3s;} .yg-shopping-box:hover{box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);} .yg-shopping-box img{width:30px} .yg-shopping-box .shopping_number{position: absolute;top: -10px;right: -10px;background: #e94b35;color: #fff;border-radius: 100%;height: 28px;width: 28px;text-align: center;line-height: 28px;font-size: 16px;font-weight: bold;} .yg-image{width: 100%; height: 600px; line-height: 600px; text-align: center;padding-bottom: 20px; } .yg-image img{ max-width: 600px; display:inline-block;vertical-align:middle;transition-duration: .5s;box-shadow:8px 8px 8px 0px rgba(0,0,0,.075); border-radius: 5px; background: #fff;} /*缩略图框架*/ .yg-switch{width: 100%; height: 120px; /*border: 1px solid #ddd;*/ margin: 5px auto 20px;background: #f6f6f6;border-radius:5px;} .yg-icon1{display: inline; width: 30px; float: left; padding-top: 42px; text-indent: -9999px; margin-left: 10px;} .yg-icon1 a{display: block; width: 32px; height: 32px; background: url(../images/left.png) no-repeat;} .yg-icon2{float: right; width: 38px; padding-top: 42px; text-indent: -9999px;} .yg-icon2 a{display: block; width: 32px; height: 32px; background: url(../images/right.png) no-repeat;} .yg-switch-center{ display: block; float: left;width: calc(100% - 150px); height: 123px; /*width: 665px;*/ /*height: 83px*/; margin-left: 50px; overflow: hidden; padding-top: 3px;} .yg-switch-center li{display: inline; float: left; width: 100px; height: 100px; margin: 0 5px; padding-top: 10px; padding-bottom: 10px;} .yg-switch-center li a{display: block; width: 88px; height:88px; line-height: 88px;transition-duration: .5s;box-shadow: 0 5px 15px 0 rgba(0,0,0,.05);border-radius: 5px;} .yg-switch-center li a img{max-width: 88px; max-height: 88px;display:inline-block;vertical-align:middle;border-radius: 5px;} .yg-switch-center li a.on{/*border: 1px solid #ff9900;*/ box-shadow: 0 5px 15px 0 rgb(47 115 224 / 50%);} .yg-switch-center li a:hover{/*border: 1px solid #ff9900;*/} .yg-content .xunpan_box { display: block; width: 100%; clear: both; text-align: center} .yg-content .xpbutton { background-color:#2f73e0; border-radius:28px; border:4px solid #cbdcf7; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:17px; padding:16px 76px; text-decoration:none; text-shadow:1px 1px 0px #283966; } .yg-content .xpbutton:hover { background-color:#ff8800; border:4px solid #f9e3ca; } .yg-content .xpbutton:active { position:relative; top:1px; } /*.tel_bnt{width: 11rem;height: 2.28rem;background: url("../images/tel_bg_03.jpg") no-repeat;background-size: 11rem 2.28rem;margin: 10px auto;position: relative} .tel_bnt a{display: block;width: 100%;height: 100%;color: #fff} .tel_bnt a:active{-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;-ms-tap-highlight-color: transparent;-o-tap-highlight-color: transparent;tap-highlight-color: transparent} .tel_icon{width: 1.7rem;height: 1.7rem;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background: -webkit-linear-gradient(#b27af7, #2f73e0);background: -o-linear-gradient(#b27af7, #2f73e0);background: -moz-linear-gradient(#b27af7, #2f73e0);background: linear-gradient(#b27af7, #2f73e0);font-size: 24px;text-align: center;position: absolute;top: 0;left: .15rem} .tel_icon .phone_icon{font-size: 20px;width: 1.7rem;height: 1.7rem;text-align: center;line-height: 1.7rem} .tel_phone{width: 8.7rem;height: 2.28rem;line-height: 2.7rem;overflow: hidden;font-size: 15px} .iconTelephone:before{content: "\eb26"}*/ /*产品模型*/ /* 前端表单样式 */ .ygf-form-box{margin: 20px 0} .ygf-table{width: 70%;margin: 20px auto;} .ygf-table tr{height: 55px;} .ygf-table-title{font-size: 16px;} .ygf-table-title .required{color:#fd6161;margin-left:-12px;margin-right:3px;vertical-align:middle;font-weight:bold;} .ygf-code{cursor: pointer;margin-left: 20px;vertical-align: middle;} .ygf-input-text{outline: none;width: 100%;padding: 8px 12px;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;box-sizing:border-box;border-radius: 3px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;font-size:13px;} .ygf-textarea{border:1px solid #ced4da;color:#495057;box-sizing:border-box;border-radius:3px;padding:8px 12px;width:100%;height:120px;outline:none} .ygf-input-text:focus, .ygf-textarea:focus{transition: all 0.218s ease 0s;border: 1px solid #2196f3;} .ygf-select{background: #fff none repeat scroll 0 0;border-color: #ddd;border-image: none;border-style: solid;border-width: 1px;height: 30px;line-height: 30px;margin-right: 2px;min-width: 100px;outline: none} .fieldset_list{border: 1px solid #d8d8d8;margin: 10px 0} .fieldset_list legend{font-size: 13px;color: #666;background-color: #f9f9f9;border: 1px solid #d8d8d8;padding: 0 15px;height: 25px;line-height: 25px;width: 56px;margin-bottom: 0px;} .fieldset_tip{text-align: center;font-size: 13px;margin-top: 5px;margin-bottom: 10px;} .file_ul li{margin-bottom:5px;margin-left:10px} .file_ul li .input-text{margin-right:10px;height:23px;line-height:23px;width:230px;padding:3px 5px;border:1px solid #ddd;margin-bottom:8px;border-radius:3px} .file_ul li .ygf-input-alt{width:180px;} .file_ul li a{color:#fff;font-size:12px;padding:4px 6px;background:#2196f3;border-radius:2px;} .file_ul li a:hover{text-decoration:none;opacity:0.8} .file_ul li a.danger{background:#f56c6c;} .file_ul li a.danger:hover{background:#f78989;} .radio{margin-right: 3px;} .option_label{margin-right: 8px;} .red{color: red;margin-left: 5px} .codeimg{cursor: pointer;margin-left: 20px;vertical-align: middle;} .uploadfile{height: 25px;line-height: 25px;width: 330px;padding: 3px 5px;border-radius: 2px;border: 1px solid #dadada;outline: none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;} .laydate-icon{padding:5px 6px;border-radius:3px;width:200px;} .upload-btn{background: #409eff;color: #fff !important;display: inline-block;text-align: center;height: 25px;line-height: 25px;cursor: pointer;padding: 3px 10px;border-radius: 3px;transition: all 0.3s;font-size:13px;} .upload-btn:hover{background: #66b1ff;color: #fff;text-decoration: none} .ygf-submit{outline: none;border-color: #088ef0;background: linear-gradient(#34a5f8, #088ef0);text-align: center;display: inline-block;cursor: pointer;border: none;transition: .3s;font-size: 12px;height: 40px;line-height: 40px;padding: 0 60px;color: #fff;border-style: solid;border-width: 1px;border-radius: 5px;} .ygf-submit:hover{opacity:0.8;color:#fff} .ygtags{display:inline-block;width:100%;clear:both;margin-top:20px} .tag,.tag-item{margin-bottom:10px} .tag-item,.tag-item::before{background:#fafafa} .tag-item{float:left;position:relative;white-space:nowrap;line-height:25px;height:25px;margin-left:12.5px;margin-right:10px;padding-left:12.5px;padding-right:8.33333px;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;box-shadow:inset 0 0 1px 0 #4d4d4d} .tag-item::before{content:"";position:absolute;left:0;width:17.67767px;height:17.67767px;transform:rotate(45deg);transform-origin:top left;border-top:none;border-right:none} .tag-item::after{content:"";position:absolute;left:0;top:50%;margin-top:-2.5px;width:5px;height:5px;background:#fff;border:1px solid #ccc;border-radius:50%} .ygtags li a:hover,.ygtags li a:hover::before{background:#f80;color:#fff} .ygtags h4{height: 60px; margin-bottom: 15px; font:bold 16px/60px "Microsoft Yahei"; color: #fff;background:url(../images/20190122183241_2113860372.jpg) no-repeat left bottom; }