@charset "utf-8"; /* CSS Document */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td{ margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baselinebaseline;background: transparent;} input,select,textarea,button{margin: 0;padding: 0;outline:none} ol, ul{list-style: none;} img{ border:0;} body{ font-family:"微软雅黑" ;font-size:12px; background-color:#fff; width:100%;} a{ text-decoration:none;cursor: pointer;} .clear{ clear:both;} img { vertical-align: middle; border: 0 none;} .new_wenzi p{font-family:"微软雅黑"!important;font-size:16px!important;} .new_wenzi p span{font-family:"微软雅黑"!important;font-size:16px!important;} .header{ min-width:1200px;} .hd_tp{ width:100%; background-color:#000000; height:50px; line-height:50px;} .hd_tp_nr{ width:1200px; margin:0 auto; overflow:hidden;} .huanyin{ float:left; font-size:14px; color:#fff;} .hd_tp_nr_rit{ float:right;} .yonghu{ float:left;} .yonghu p{ float:left; font-size:14px; color:#fff; padding:0 5px;} .yonghu input{ float:left; width:100px; border:0; height:20px; margin-top:15px; padding:0 5px; font-size:14px; color:#333;} .mima{ float:left; margin-left:10px;} .mima p{ float:left; font-size:14px; color:#fff;padding:0 5px;} .mima input{float:left; width:100px; border:0; height:20px; margin-top:15px; padding:0 5px;font-size:14px; color:#333;} .dl_an{ float:left; width:60px; margin-left:10px;} .dl_an button{ border:0; width:100%; background-color:#f6ab00; border-radius:2px; line-height:20px; height:20px; font-size:14px; color:#fff;} .sousuo{ float:left; margin-left:20px;} .sousuo input{ float:left; width:240px; border:0; height:30px; margin-top:10px; padding: 0 5px; border-radius:5px 0 0 5px;} .sousuo #btn{ float:left; width:60px; border:0; height:30px; margin-top:10px; font-size:14px; background-color:#f99c32; color:#fff;border-radius:0 5px 5px 0; cursor:pointer} .sousuo #btn1{ float:left; width:60px; border:0; height:30px; margin-top:10px; font-size:14px; background-color:#f99c32; color:#fff;border-radius:0 5px 5px 0; cursor:pointer} .header_tow{ width:100%; height:120px; background-image:url(/Templates/site/images/top_tow.jpg); background-repeat:no-repeat; background-position:center;} .header_tow_ct{ width:1200px; margin:0 auto;} .logo{ float:left;} .nav{ float:right; margin-top:40px;} .nav ul li{ float:left; width:70px; text-align:center; line-height:40px; height:40px; margin:0 2px; position:relative; } .nav ul li .dh a{font-size:16px; color:#000; display:block;transition:all 0.5s;} .nav ul li:hover{ background-color:#f99c32; color:#fff; border-radius:3px; transition:all 0.5s;} .nav ul li:hover a{ color:#fff;} .nav ul li .dh .activ{ background-color:#f99c32; color:#fff; border-radius:3px;} .sy_banner{ width:100%; overflow:hidden;} .zy_banner{ width:100%; height:240px; position:relative;overflow: hidden;} .zy_banner img{ position:absolute; left:50%; margin-left:-960px;} .content{ min-width:1200px;} /*ejlm*/ .ejlm{ position:absolute; width:100px; left:50%; margin-left:-50px; top:40px; transition:all 1s; overflow:hidden; z-index:999; } .ejlm dl{ overflow:hidden; margin-top:40px; background-image:url(/Templates/site/images/nav_lm.png);} .ejlm dl dd{ float:left; width:100%; } .ejlm dl dd a{ display:block; height:0px; line-height:40px; color:#fff; font-size:14px; transition:all 0.5s;} .nav ul li:hover a{ height:40px;} .ejlm dl dd a:hover{ background-color:#f99c32;} /*content*/ .new_box{ width:100%; min-width:1200px; background-image:url(/Templates/site/images/new_bj.jpg); background-repeat:no-repeat; background-position:center;} .new_ct{ width:1200px; margin:0 auto; padding:50px 0;} .new_biaoti{ text-align:center;} .new_biaoti p{ color:#e9e9e7; font-size:48px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; line-height:48px; position:relative;} .new_biaoti h1{ font-size:24px; color:#333; line-height:30px; font-weight:normal;} .new_biaoti p:after{ content:"News Center"; font-family:"Times New Roman", Times, serif; font-size:30px; color:#333333; position:absolute; left:50%; top:50%; line-height:48px; height:48px; margin-top:-24px; width:1200px; text-align:center; margin-left:-600px; z-index:0;} .new_ct_box{ margin-top:50px; overflow:hidden;} .new_ct_zi{ float:left; width:620px;} .new_ct_tu{ float:right; width:530px;} .new_ct_tu img{ width:530px; height:300px;} .new_ct_zi_listbt{height:40px; border-bottom:2px #e4e4e4 solid; } .new_ct_zi_listbt ul{ overflow:hidden; float:left;} .new_ct_zi_listbt ul li{ float:left; float:left; line-height:40px; line-height:40px;transition:all 0.5s; position:relative;} .new_ct_zi_listbt ul li a{ font-size:16px; color:#333; padding:0 15px; display:block; float:left;transition:all 0.5s;} .new_ct_zi_listbt ul li a:after{content:"/"; font-size:16px; color:#333; position:absolute; right:-10px; width:10px;} .new_ct_zi_listbt ul li a:hover{ border-bottom:2px #f99c32 solid; transition:all 0.5s;} .new_ct_zi_listbt ul li:hover a{color:#f99c32; transition:all 0.5s;transition:all 0.5s;} .new_ct_zi_listbt ul .new_ct_activ a{ border-bottom:2px #f99c32 solid;} .new_ct_zi_listbt ul .new_ct_activ a{ color:#f99c32;} .new_ct_zi_listbt .more{ float:right;} .new_ct_zi_listbt .more a{ display:block; font-size:12px; color:#999; line-height:40px;transition:all 0.5s;} .new_ct_zi_listbt .more a:hover{ color:#f99c32;transition:all 0.5s;} .new_list ul{ overflow:hidden; margin-top:15px;} .new_list ul li{ float:left; width:100%; height:40px; line-height:40px;} .new_list ul li a{ float:left; width:460px; font-size:14px; color:#333; padding-left:10px; background-image:url(/Templates/site/images/list_tb.jpg); background-repeat:no-repeat; background-position:left center;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;transition:all 0.5s;} .new_list ul li span{ float:right; font-size:12px; color:#999;} .new_list ul li:hover a{ color:#f99c32; transition:all 0.5s;} .anli_box{ width:100%; background-image:url(/Templates/site/images/anli_bj.jpg); background-repeat:no-repeat; background-position:center; padding:50px 0;} .anli_ct{ width:1200px; margin:0 auto;} .anli_ct_bt{ text-align:center;} .anli_ct_bt p{ color:#253356; font-size:48px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; line-height:48px; position:relative;} .anli_ct_bt h1{ font-size:24px; color:#fff; line-height:30px; font-weight:normal;} .anli_ct_bt p:after{ content:"Engineering Exhibition"; font-family:"Times New Roman", Times, serif; font-size:30px; color:#fff; position:absolute; left:50%; top:50%; line-height:48px; height:48px; margin-top:-24px; width:1200px; text-align:center; margin-left:-600px; z-index:0;} .fenlei{ height:40px; margin:40px 0; position:relative;} .fenlei ul{ overflow:hidden; width:600px; position:absolute; left:50%; margin-left:-300px;} .fenlei ul li{ float:left; width:160px; height:40px; line-height:40px; margin:0 20px; } .fenlei ul li a{ font-size:14px; color:#fff; text-align:center; display:block;background-color:#023797;transition:all 0.5s; } .fenlei ul li:hover a{ background-color:#f6ab00; transition:all 0.5s;} .fenlei ul .fenlei_activ a{background-color:#f6ab00; } .contain { width: 1200px; margin: auto auto; overflow: hidden; } .contain_more{ margin-top:30px;} .contain_more a{display: block; width: 120px;text-align: center;line-height: 40px; background-color: #023797;text-align: center; margin: 0 auto; font-size: 14px; color: #fff; transition: all 0.5s;} .contain_more a:hover{background-color:#f6ab00;} .single ul { list-style: none;white-space: nowrap;display: inline-block;} .single ul li {display: inline-block; background-color:#fff; width:270px; margin:0 15px;} .single ul li p{ margin:10px; display:block; text-align:center; height:40px; line-height:40px; font-size:14px; color:#333;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;transition:all 0.5s;} .single ul li img{ width:270px; height:190px;transition:all 0.5s;} .single ul li .anli_list_tu{ overflow:hidden; width:270px; height:190px;} .single ul li:hover img{ transition:all 1s; transform:scale(1.1);} .single ul li:hover p{ color:#f6ab00; transition:all 0.5s;} .about_box{ width:100%; background-image:url(/Templates/site/images/about_bj.jpg); background-repeat:no-repeat; background-position:center; padding:50px 0;} .about_ct{ width:1200px; margin:0 auto; overflow:hidden;} .about_lft{ float:left; width:620px; margin-left:50px;} .about_rit{ float:right; width:360px; margin-right:50px; margin-top:50px;} .about_bt{ overflow:hidden;} .about_bt p{ color:#e3e3e1; font-size:48px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; line-height:48px; position:relative;} .about_bt p:after{ content:"ABOUT US"; font-family:"Times New Roman", Times, serif; font-size:30px; color:#333; position:absolute; top:50%; line-height:48px; height:48px; margin-top:-24px; width:1200px; left:0; z-index:0;} .about_bt h1{ font-size:24px; color:#f6ab00; border-bottom:2px #f6ab00 solid; float:left; height:40px; line-height:40px; font-weight:normal;} .about_lft_nr{ margin-top:20px;} .about_lft_nr h1{ border-bottom: 1px #cfcfcf solid; font-size:18px; color:#000; font-weight:normal; height:40px; line-height:40px;} .about_lft_nr .about_lft_nr_p{ font-size:14px; color:#999; line-height:28px; margin-top:20px; height:168px;overflow:hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 6;-webkit-box-orient: vertical;} .about_lft_nr .about_lft_nr_p p{ text-indent:2em;} .about_lft_more{ margin-top:20px;} .about_lft_more a{ display:block; width:100px; background-color:#023797; font-size:14px; height:40px; line-height:40px; color:#fff; text-align:center; transition:all 0.5s;} .about_lft_more a:hover{ background-color:#f6ab00; transition:all 0.5s;} .about_rit_one{ overflow:hidden;} .about_rit_one_zi{ float:left; width:180px; height:180px; background-color:#023797; text-align:center; position:relative;} .about_rit_one_zi a:after{ content:""; position:absolute; width:18px; height:21px; background-image:url(/Templates/site/images/abt_xt01.png); right:-18px; top:50%; margin-top:-10px;} .about_rit_one_zi a{ display:block; width:180px; height:180px;} .about_rit_one_zi h1{ font-size:18px; color:#fff; font-weight:normal; line-height:50px; margin-top:30px;} .about_rit_one_zi p{ font-size:14px; color:#fff; line-height:30px; display:block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; padding:0 10px;} .about_rit_one_zi .xtb{ margin-top:10px;} .about_rit_one_zi .xtb img{transition:all 0.5s;} .about_rit_one_zi:hover img{ transition:all 0.5s; transform:rotate(360deg);} .about_rit_one_zi:hover p{ text-decoration:underline;} .about_rit_one_tu{ float:left; width:180px; height:180px;} .about_rit_one_tu img{ width:180px; height:180px;} .about_rit_tow{ overflow:hidden;} .about_rit_tow_zi{float:left; width:180px; height:180px; background-color:#f6ab00; text-align:center; position:relative;} .about_rit_tow_tu{ float:left; width:180px; height:180px;} .about_rit_tow_tu img{ width:180px; height:180px;} .about_rit_tow_zi a:after{ content:""; position:absolute; width:15px; height:18px; background-image:url(/Templates/site/images/abt_xt02.png); left:-15px; top:50%; margin-top:-9px;} .about_rit_tow_zi a{ display:block; width:180px; height:180px;} .about_rit_tow_zi h1{ font-size:18px; color:#fff; font-weight:normal; line-height:50px; margin-top:30px;} .about_rit_tow_zi p{ font-size:14px; color:#fff; line-height:30px; display:block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; padding:0 10px;} .about_rit_tow_zi .xtb{ margin-top:10px;} .about_rit_tow_zi .xtb img{transition:all 0.5s;} .about_rit_tow_zi:hover img{ transition:all 0.5s; transform:rotate(360deg);} .about_rit_tow_zi:hover p{ text-decoration:underline;} /*footer*/ .footer{ width:100%; min-width:1200px; background-image:url(/Templates/site/images/footer_bj.jpg); background-repeat:no-repeat; background-position:top center;} .footer_ct{ width:1200px; margin:0 auto;} .footer_kh{ text-align:center; padding:30px 0;} .footer_kh h1{ color:#fff; font-size:40px; line-height:80px; font-weight:normal; } .footer_kh p{ font-size:16px; color:#fff; font-family:"Times New Roman", Times, serif; text-transform:uppercase; line-height:40px;} .footer_bai{ background-color:#fff; padding:50px;} .footer_bai_one{ overflow:hidden;} .ft_logo{ float:left;} .ft_lj{ float:right;} .ft_lj ul{ overflow:hidden;} .ft_lj ul li{ float:left; width:160px; text-align:center;} .ft_lj ul li a{ display:block;} .ft_lj ul li p{ text-align:center; font-size:14px; color:#333; line-height:28px;transition:all 0.5s;} .ft_lj ul li:hover p{ text-decoration:underline;color:#f6ab00; transition:all 0.5s;} .ft_lj_tu{ height:88px;} .ft_lj_tu img{transition:all 0.3s;} .ft_lj ul li:hover img{ margin-top:-5px; } .footer_nav{ margin-top:50px; border-bottom:1px #e4e4e4 solid; text-align:center; line-height:40px;} .footer_nav a{ font-size:14px; color:#333; padding:10px; transition:all 0.5s;} .footer_nav a:hover{ color:#f6ab00; transition:all 0.5s;} /*rl*/ .rl_box{ width:100%; min-width:1200px;} .team{ width:1200px; margin:0 auto; padding:50px 0;} .team_bt p{ font-size:16px; color:#f6ab00; line-height:32px; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} .team_bt h1{ text-align:center; font-size:26px; color:#333; line-height:52px; font-weight:600;} .team_bt h2{ text-align:center; font-size:12px; color:#999; font-weight:normal; line-height:24px;} .team_list ul{ overflow:hidden;padding-top:50px} .team_list ul li{ float:left; width:320px; margin:0 40px; text-align:center;} .team_list ul li .team_list_tb{ height:60px; } .team_list ul li .team_list_tb img{transition:all 0.5s;} .team_list ul li h1{ font-size:18px; color:#333; line-height:36px; font-weight:normal;} .team_list ul li p{ font-size:12px; color:#999; line-height:24px;overflow:hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .team_list ul li:hover img{ margin-top:-5px;transition:all 0.5s; } .team_list ul li:hover p{ text-decoration:underline;} .recruit{ position:relative;} .recruit_hei{ position:absolute; height:300px; background-color:#2c2d36; width:100%; z-index:-1;} .recruit_box{ width:1200px; margin:0 auto; padding-top:150px; overflow:hidden; } .recruit_lft{ float:left; width:560px; height:420px; overflow:hidden;} .recruit_lft img{ width:560px; height:420px;transition:all 0.5s;} .recruit_lft:hover img{ transform:scale(1.1); transition:all 0.5s;} .recruit_rit{ float:right; width:580px; padding:30px; background-color:#f8f8f8; height:360px;} .recruit_bt{ overflow:hidden;} .recruit_bt_lft{ float:left;} .recruit_more{ float:right; margin-top:19px;} .recruit_more a{ font-size:12px; display:block; background-color:#dbdbdb; color:#fff; height:26px; width:60px; text-align:center; line-height:26px;transition:all 0.5s;} .recruit_more a:hover{ background-color:#f6ab00;transition:all 0.5s; } .recruit_bt_lft p{ text-transform:uppercase; font-size:14px; color:#d1d1d1; line-height:28px; font-family:Arial, Helvetica, sans-serif;} .recruit_bt_lft h1{ font-size:18px; color:#333; line-height:36px;} .recruit_list ul{ overflow:hidden; padding-top:20px;} .recruit_list ul li{ width:100%; float:left; overflow:hidden; line-height:46px;} .recruit_list ul li a{ float:left; font-size:14px; color:#333; background-image:url(/Templates/site/images/list_tb.jpg); background-repeat:no-repeat; background-position:left center; padding-left:10px; width:400px;transition:all 0.5s;overflow:hidden;text-overflow:ellipsis; white-space:nowrap} .recruit_list ul li span{ float:right; font-size:12px; color:#999;} .recruit_list ul li a:hover{ color:#f6ab00; transition:all 0.5s;} .elite{ width:1200px; margin:0 auto; padding:50px 0;} .elite_bt{ text-align:center;} .elite_bt h1{ font-size:26px; color:#333; line-height:52px;} .elite_bt p{ font-size:14px; color:#999; line-height:28px;} .elite_list ul{ overflow:hidden; margin-top:50px;} .elite_list ul li{ float:left; width:260px; background-color:#fafafa; padding:20px; margin:0 50px; height:340px; text-align:center;} .elite_list_tx{ width:175px; height:175px; margin:0 auto; border-radius:100%; overflow:hidden;} .elite_list_tx img{ width:175px; height:175px; transition:all 1s;} .elite_list ul li:hover img{transform: rotateY(-360deg);} .elite_list ul li:hover p{ text-decoration:underline;} .elite_list_js{ margin-top:30px;} .elite_list_js h1{ font-size:18px; color:#333; line-height:40px; font-weight:600;} .elite_list_js h1 span{ font-size:14px; margin-left:10px; color:#333;} .elite_list_js p{ font-size:14px; color:#999; line-height:28px;overflow:hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; text-align:left;} .elite_more{ margin-top:50px;} .elite_more a{ display:block; width:120px; text-align:center; line-height:40px; background-color:#e4e4e4; text-align:center; margin:0 auto; font-size:14px; color:#fff; transition:all 0.5s;} .elite_more a:hover{ background-color:#f6ab00; } /*page*/ .page{ width:1200px; margin:0 auto; overflow:hidden; padding:30px 0;} .page_lft{ float:left; width:220px;} .page_rit{ float:right; width:930px;} .page_lft{ overflow:hidden;} .page_lft dt{ float:left; display:block; width:100%; line-height:58px; font-size:24px; color:#f99c32; border-bottom:1px #ececec solid;} .page_lft dt a{color:#f99c32; } .page_lft dd{ float:left; width:100%; display:block; border-bottom:1px #ececec solid; padding:5px 0; height:30px; line-height:30px; } .page_lft dd a{ font-size:14px; color:#333; display:block; padding:0 10px; background-image:url(/Templates/site/images/list_tb.jpg); background-repeat:no-repeat; background-position:10px; padding-left:20px; transition:all 0.5s;} .page_lft dd a:hover{ background-color:#f99c32; color:#fff; background-image:url(/Templates/site/images/list_tb01.jpg);} .page_lft .page_lft_activ a{background-color:#f99c32; color:#fff; background-image:url(/Templates/site/images/list_tb01.jpg);} .page_rit_wz{ overflow:hidden; line-height:58px; border-bottom:1px #ececec solid;} .page_rit_wz h1{ float:left; font-size:24px; color:#f99c32; font-weight:normal;} .page_rit_wz .page_rit_wz_rit{ float:left; color:#333; font-size:14px;} .page_rit_wz .page_rit_wz_rit a{ font-size:14px; color:#333; transition:all 0.5s; margin:0 3px;} .page_rit_wz .page_rit_wz_rit span{font-size:14px; color:#333; margin:0 3px;} .page_rit_wz .page_rit_wz_rit a:hover{ color:#f99c32; } .page_ss{ float:right; margin-left:200px; margin-top:10px;} .page_ss input{ float:left; height:30px; line-height:30px; padding:0 5px; font-size:14px; color:#333; border:1px #e4e4e4 solid;} .page_ss button{ float:left; height:32px; line-height:32px; width:60px; border:0; background-color:#f99c32; color:#fff;} /*news_lb*/ .news_lb ul{ overflow:hidden; padding-bottom:20px; min-height:400px;} .news_lb ul li{ float:left; width:100%; overflow:hidden; padding:20px 0; border-bottom:1px #ececec solid;} .news_lb ul li .news_lb_time{ float:left; width:80px; text-align:center;} .news_lb ul li .news_lb_time h1{ line-height:52px; height:52px; background-color:#f6f5f3; font-size:18px; color:#333; font-weight:normal;} .news_lb ul li .news_lb_time p{ line-height:30px; height:30px; background-color:#f6f5f3; margin-top:2px;} .news_lb ul li .news_lb_nr{ float:right; width:830px;} .news_lb ul li .news_lb_nr h1{ font-size:18px; color:#333; line-height:36px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s;} .news_lb ul li .news_lb_nr p{ font-size:12px; line-height:24px; color:#999;overflow:hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news_lb ul li .news_lb_nr a{ display:block;} .news_lb ul li .news_lb_nr a:hover p{ text-decoration:underline;} .news_lb ul li .news_lb_nr a:hover h1{ color:#f99c32;} /***** 内页列表分页 *****/ .page_fy {margin:20px 0; padding: 3px; text-align:center; clear:both;} .page_fy a {margin: 2px; padding:5px 15px; border: 1px solid #cccccc; color: #666666; text-decoration: none; transition:all 0.5s;} .page_fy a:hover {border: 1px solid #f99c32; color: #000;} .page_fy a:active {border: 1px solid #d1721e; color: #000;} .page_fy span {margin: 2px; padding:5px 8px; border: 1px solid #ccc; color: #666666; font-size:12px;} .page_fy span.strong {margin: 2px; padding:5px 15px; border: 1px solid #f99c32; font-weight: bold; color: #fff; background-color: #f99c32;} .top5 {font: bold 12px "Microsoft YaHei","微软雅黑"; color:#ffffff; } /*text*/ .page_text{ width:1200px; margin:0 auto; padding:20px 0;} .new_nr{ padding:15px 0;} .new_nr h1{ line-height:40px; font-size:20px; font-weight:600; text-align:center;} .new_nr h2{ background-color:#f8f8f8; color:#333; text-align:center; line-height:30px; margin-top:10px; font-weight:normal;} .new_nr h3{ line-height:20px; font-size:16px; text-align:center;} .new_wenzi{ font-size:14px; color:#444; line-height:40px; margin-top:10px;} .text_next{ padding:5px 0; font-size:14px; color:#333; } .text_next a{ font-size:14px; color:#999; height:30px; line-height:30px; margin-left:5px; transition:all 0.5s;} .text_next a:hover{color:#f99c32;} /*video_lb*/ .video_lb ul{ overflow:hidden; padding-bottom:30px;} .video_lb ul li{ float:left; width:250px; margin:30px 30px 0 30px;} .video_lb ul li .video_lb_tu img{ width:250px; height:174px; } .video_lb ul li p{ font-size:14px; color:#333; line-height:40px; text-align:center;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s;} .video_lb ul li:hover p{ color:#f99c32; text-decoration:underline;} /*news_tulb*/ .news_tulb ul{ overflow:hidden; padding-bottom:30px;} .news_tulb ul li{ float:left; width:100%; overflow:hidden; padding:20px 0; border-bottom:1px #ececec solid;} .news_tulb ul li .news_tulb_lft{ float:left; width:220px; height:140px; overflow:hidden;} .news_tulb ul li .news_tulb_lft img{ width:220px; height:140px; transition:all 0.5s; } .news_tulb ul li .news_tulb_rit{ float:right; width:690px;} .news_tulb ul li .news_tulb_rit h1{ font-size:16px; color:#333; line-height:32px; margin-top:20px;transition:all 0.5s;} .news_tulb ul li .news_tulb_rit p{ font-size:12px; color:#999; line-height:24px;overflow:hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news_tulb ul li .news_tulb_rit span{ font-size:12px; color:#999; line-height:24px;} .news_tulb ul li a{ display:block; overflow:hidden;} .news_tulb ul li .news_tulb_lft img:hover { transform:scale(1.1);} .news_tulb ul li a:hover p{ text-decoration:underline;} .news_tulb ul li a:hover h1{ color:#f99c32;} /*tu_list01*/ .tu_list01 ul{ overflow:hidden; padding-bottom:30px;} .tu_list01 ul li{ float:left; width:270px; margin-top:30px; margin:30px 20px 0px 20px;} .tu_list01 ul li .tu_list01_t{width:270px; height:190px; overflow:hidden;} .tu_list01 ul li .tu_list01_t img{ width:270px; height:190px; transition:all 0.5s;} .tu_list01 ul li:hover img{ transform:scale(1.1);} .tu_list01 ul li p{ text-align:center; line-height:40px; font-size:14px; color:#333;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;transition:all 0.5s;} .tu_list01 ul li:hover p{ text-decoration:underline; color:#f99c32;} /*tu_list02*/ .tu_list02 ul{ overflow:hidden; padding-bottom:30px; } .tu_list02 ul li{ float:left; width:260px; background-color:#fafafa; padding:10px; margin:30px 15px 0 15px; height:340px; text-align:center; border-radius:10px;} .tu_list02_tx{ width:175px; height:175px; margin:0 auto; border-radius:100%; overflow:hidden;} .tu_list02_tx img{ width:175px; height:175px; transition:all 1s;} .tu_list02 ul li:hover img{transform: rotateY(-360deg);} .tu_list02 ul li:hover p{ text-decoration:underline;} .tu_list02_js{ margin-top:30px;} .tu_list02_js h1{ font-size:18px; color:#333; line-height:40px; font-weight:600;} .tu_list02_js h1 span{ font-size:14px; margin-left:10px; color:#333;} .tu_list02_js p{ font-size:14px; color:#999; line-height:28px;overflow:hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} /*contact*/ .contact{ padding-top:30px;} .contact_dz{ font-size:14px; color:#333; line-height:28px;} .map{ margin-top:20px;} .yqlj{ margin-top:20px;} .yqlj h1{ height:50px; line-height:50px; border-bottom:1px #e4e4e4 solid; font-size:16px; font-weight:normal; color:#333;} .yqlj_a a{ line-height:40px; font-size:14px; color:#999; margin:0 10px;transition:all 0.5s;} .yqlj_a a:hover{ color:#f99c32; text-decoration:underline; } .yqlj_a{ padding:10px 0;} /*survey*/ .survey_box{ min-width:1200px; width:100%;} .introduction{ width:1200px; margin:0 auto; padding:50px 0;} .introduction_bt{ text-align:center;} .introduction_bt h1{ font-size:24px; color:#333; line-height:48px;} .introduction_bt p{ font-size:14px; color:#898888; font-family:"Times New Roman", Times, serif; text-transform:uppercase; line-height:28px;} .introduction_nr{ overflow:hidden; margin-top:50px;} .introduction_nr_lft{ float:left; width:600px; text-align:center; margin-top:50px;} .introduction_nr_rit{ float:right; width:600px;} .introduction_nr_rit_bt{ height:52px; line-height:50px; } .introduction_nr_rit_bt h1{ float:left; font-size:18px; color:#333; background-image:url(/Templates/site/images/abt_x.jpg); background-repeat:no-repeat; background-position:left bottom;} .introduction_nr_rit_bt a{ float:right; font-size:12px; color:#fff; background-color:#023797; line-height:26px; width:50px; text-align:center; margin-top:12px; transition:all 0.5s;} .introduction_nr_rit_bt a:hover{ background-color:#f99c32;} .introduction_nr_rit_p{ padding:20px 0;} .introduction_nr_rit_p p{ text-indent:2em; font-size:14px; color:#666666; line-height:28px;} .history_ct{ width:1200px; margin:0 auto;} .history_ct_bt{ text-align:center;} .history_ct_bt h1{ font-size:24px; color:#fff; line-height:48px;} .history_ct_bt p{ font-size:14px; color:#fff; font-family:"Times New Roman", Times, serif; text-transform:uppercase; line-height:28px;} .framework{ width:1200px; margin:0 auto; padding:50px 0;} .framework_bt{ text-align:center;} .framework_bt h1{ font-size:24px; color:#333; line-height:48px;} .framework_bt p{ font-size:14px; color:#898888; font-family:"Times New Roman", Times, serif; text-transform:uppercase; line-height:28px;} .framework_tu{ text-align:center; margin-top:50px;} .sjz{ margin-top:50px;} .product-section { padding-bottom: 50px; position: relative; background: url(/Templates/site/images/productBase-features-bag.jpg) no-repeat; background-size: cover } .product-title { padding: 50px 10px 30px; font-weight: normal; font-size: 36px; line-height: 46px; color: #252b3a; text-align: center; color: #ffffff } .product-wrapper { max-width: 1200px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; position: relative } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .product-features .product-body { margin: 0px 25px } .product-features .product-body:after { content: ""; width: 100%; height: 3px; background: url(/Templates/site/images/productBase-features-model.png) no-repeat; background-size: 100% auto; background-position: center; position: absolute; top: 50px; left: 0; z-index: 0 } /*li*/ .features-item { position: relative; float: left } .features-slide .features-item>* { text-align: center } .features-item h3 { font-size: 16px; line-height: 28px; margin-bottom: 50px; color: #fff; font-weight:normal; transition: all 0.1s } .features-item i { position: absolute; width: 75%; height: 33px; background: url(/Templates/site/images/productBase-features-timeline.png) no-repeat; background-size: contain; background-position: right center; left: -25%; margin-left: 10px; top: 35px; z-index: 3 } .features-item .features-info { display: block; margin: 0 auto; padding: 20px 25px; transition: all 0.3s; border-radius: 2px } .features-item .features-info .features-info-i { font-size: 14px; color: #A0A2A8; line-height: 22px; margin-bottom: 10px } .features-item .features-info .features-info-s { font-size: 16px; color: #FFFFFF; line-height: 24px; overflow: hidden;overflow:hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; } .features-item.dark i { background: url(/Templates/site/images/productBase-features-timeline-dark.png) no-repeat; background-size: contain; background-position: right center } /*鼠标悬浮效果*/ .features-item:hover h3 { font-size: 22px; line-height: 28px; opacity: 0.9 } .features-item:hover i { width: 75%; margin-left: 13px; background: url(/Templates/site/images/productBase-features-timeline-hover.png) no-repeat; background-size: contain; background-position: right center } .features-item:hover a { background: url(/Templates/site/images/productBase-features-info.png) no-repeat; background-size: 100% 100% } /*左右按钮*/ .product-features .swiper-button-prev { width: 30px; height: 40%; left: -15px; top: 60%; background: none } .product-features .swiper-button-prev:after { content: ""; display: inline-block; position: absolute; width: 15px; height: 30px; background: url(/Templates/site/images/productBase-features-left.png) no-repeat; background-size: 100% 100%; top: 50%; margin-top: -15px; left: 50%; margin-left: -7px } .product-features .swiper-button-next { width: 30px; height: 40%; right: -15px; top: 60%; background: none } .product-features .swiper-button-next:after { content: ""; display: inline-block; position: absolute; width: 15px; height: 30px; background: url(/Templates/site/images/productBase-features-right.png) no-repeat; background-size: 100% 100%; top: 50%; margin-top: -15px; left: 50%; margin-left: -7px } /*achievements*/ .achievements_bt{ position:relative;} .achievements_bt h1{ font-size:20px; color:#333; line-height:50px; padding-left:15px;} .achievements_bt h1:before{ content:""; height:20px; width:4px; background-color:#f99c32; position:absolute; left:0; top:15px;} .achievements_list ul{ overflow:hidden;} .achievements_list ul li{ float:left; width:280px; margin:15px 15px 0 15px;} .achievements_list ul li .achievements_list_tu{width:280px; height:300px; overflow:hidden;} .achievements_list ul li img{ width:280px; height:300px; transition:all 0.5s;} .achievements_list ul li:hover img{ transform:scale(1.1);} .achievements_list ul li p{ text-align:center; font-size:14px; color:#333; line-height:30px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .achievements_one{ margin-top:20px;} .achievements_tow{ margin-top:20px;} .achievements_three{ margin-top:20px;} .qita{ margin-top:15px; overflow:hidden; border-bottom:1px #f3f3f3 solid;} .qita a{ display:block; font-size:14px; color:#999; height:40px; line-height:40px; float:right; padding-right:15px; transition:all 0.5s;} .qita a:hover{ color:#f99c32;} /*quality*/ .quality ul{ overflow:hidden;} .quality ul li{ width:280px; overflow:hidden; margin:15px ; float:left;} .quality ul li .achievements_list_tu{ width:280px; height:300px; overflow:hidden;} .quality ul li img{ width:280px; height:300px; transition:all 0.5s;} .quality ul li:hover img{ transform:scale(1.1);} .quality_box_list p{text-align:center; font-size:14px; color:#333; line-height:30px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .footerdown{margin-top:30px;} .footerdown a{color:#000} /***** ------------更改部分-------------- *****/ .sortlist{margin:0 auto; width:97%; text-align:left} #pagecode{width:97%; float:left; text-align:center; margin-bottom:10px; margin-top:10px;} /***** ------------更改部分-------------- *****/ /***** ------------公共部分-------------- *****/ .pages-nav{ margin-top:10px; margin-bottom:5px;} /***** 调查 *****/ #vote{ width:210px; height:196px; text-align:center; margin-left: 10px; margin-top: 10px;} #vote h1{ height:40px;color:#0080d3; text-align: left; margin: 0; font: 12px/160% "宋体"; line-height:18px;} #vote ul{ text-align:left; height:110px;} #vote li{ line-height:24px; text-align:left;} #vote h2{ height:34px; text-align:center;margin-top:4px;} /***** 内页列表 *****/ .page_tu_list{margin:0 auto; width:97%; text-align:left;} .page_tu_list ul{ text-align:left; padding-bottom:1px;} .page_tu_list ul li{float:left; width:180px; margin:10px 17px;} .page_tu_list ul li span{width:150px; height:110px; float:left; margin:0 auto; padding:0; text-align:center; overflow:hidden; } .page_tu_list ul li a img {width:190px; height:120px;} .page_tu_list ul li a {display:block; } .page_tu_list ul li a:visited { color:#2083da; } .page_tu_list ul li a:hover { color:#0661b7; } .page_tu_list ul li p{ font-size:14px; color:#333; text-align:center; line-height:30px; overflow:hidden; height:30px;} /* .picture{ overflow:hidden;} .picture li{ float:left; width:190px; margin:10px 17px;} .picture li a{ display:block;} .picture li a img{ width:190px; height:120px;} .picture li p{ font-size:14px; color:#333; text-align:center; line-height:30px; overflow:hidden; height:30px;} .picture li:hover p{ text-decoration:underline; color:#c70100;}*/ /***** 内页分页显示 *****/ .pages-nav span {margin: 2px; padding:5px 8px; border: 1px solid #ccc; font-size:12px;} .pages-nav a{margin: 2px; padding:5px 8px; border: 1px solid #ccc; color: #666666; font-size:12px;} .current{ color:#ff0000;} .pages-nav span.strong {margin: 2px; padding:5px 8px; border: 1px solid #DBECFF; font-weight: bold; color: #fff; background-color: #D02E1A} /***** ------------公共部分-------------- *****/ ŷƵ߿,ŷѿ,㿴ˮõ,ŷƷ޾Ʒպ