p{margin-bottom: 0;} .wraper_in{width: 1280px; margin: 0 auto;} /*鍏徃绠€浠?/ .ab_about{} .ab_about_bn{ background: url(../upload/ab_abbn.jpg) center center no-repeat; background-size: cover !important; height: 400px; position: relative; overflow: hidden;} /*.ab_about_bn img{width:100%;}*/ .ab_about_bn_wraper{ width: 100%; text-align: center; color: #fff; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position: absolute; left: 50%; top: 50%;} .ab_about_bn_wraper p{ line-height: 60px; margin-bottom:65px;}/**/ .ab_about_bn_wraper ul {} .ab_about_bn_wraper ul li{display: inline-block; margin: 0 30px;} .ab_about_bn_wraper ul li a{display:block; line-height: 2em; padding:0 2em; color: #fff;} .ab_about_bn_wraper ul li.active a{background: #076cff;} .ab_about_bn_wraper ul li:hover a{background: #076cff;} .ab_about01{overflow: hidden;} .ab_about01 ul li{width: 33.333333%; float: left; padding-left: 50px; border-left: #f0f0f0 solid 1px;} .ab_about01 ul li:first-child{border-left: none;} .ab_about01{} .in_ab_num span{ font-weight: bold;} .in_ab_num1 {color: #159dc5;} .in_ab_num2 {color: #8fc435;} .in_ab_num3 {color: #179fc7;} .in_ab_num4 {color: #179fc7;} .ab_about .wraper_in > p{line-height: 24px; margin-bottom: 24px;} .ab_about .wraper_in > img{width: 100%; } .ab_about02{overflow: hidden; margin: 45px 0 35px;}/**/ .ab_about02 ul{overflow: hidden;} .ab_about02 ul{width: 100%;} .ab_about02 ul li{float: left; width: 33.3333%;padding: 0 0.5px; color: #fff; margin-bottom: 1px;} .ab_about02 ul li:first-child{} .ab_about02_wrap{position: relative; width: 100%; height: 100%;} .ab_about02 ul li img{width: 100%;} .ab_about02 ul li p{width: 100%; height: 47px; line-height: 47px; text-align: center; padding: 0 10px; background: rgba(0,0,0,0.3); border-bottom: #0f69ec solid 3px; position: absolute; left: 0; bottom: 0;} .ab_about03{} .ab_about03 h2{height: 54px; line-height: 54px; background: #076cff; text-align: center; color: #fff;} /*琛ㄦ牸*/ .ph_table { width: 100%; border-top: #c6c6c6 solid 1px;} .ph_table td {height: 44px; padding-left: 100px; border-left: #eee solid 1px; color: #595959;} .ph_table thead td{ border-left: #c6c6c6 solid 1px; } .ph_table tbody td{font-size: 14px;} .ph_table thead td { /*background:#8fc435;*/ color:#fff; background: #ccc;} .ph_table tbody tr:nth-child(2n) td{background: #f9f9f9;} .ph_table thead td:first-child{border-left: none;} .ph_table tbody td:first-child{border-left: none;} .ph_table .t1 { width: 50%; } .ph_table .t2 { width: 50%; } @media only screen and (max-width:767px) { .ph_table , .ph_table thead, .ph_table tbody, .ph_table th, .ph_table td, .ph_table tr { display: block; } .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; } .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0; padding-left: 10em; white-space: normal; text-align: left; } .ph_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 10em; text-indent:10px; white-space: nowrap; text-align: left; } .ph_table td:before { content: attr(data-title); } } /*浼佷笟鑽h獕*/ .ab_honor{} .ab_honor_wraper{overflow: hidden;} .ab_honor_wraper ul{margin: 0 -13px;} .ab_honor_wraper ul li{width: 25%; padding: 0 13px; margin-bottom: 32px; float: left;} .ab_honor_img{padding: 26px 20px; background: #f9f9f9; border-bottom: #076cff solid 2px;margin-bottom:10px;} .ab_honor_img img{width: 100%; border: #000000 solid 1px;} .ab_honor_wraper ul li p{text-align: left;height: 48px; line-height:24px; padding: 0 10px; color: #000;white-space: inherit;text-overflow: inherit;} /*浼佷笟鏂囧寲*/ .ab_culture .wraper_in{border: none;} .ab_culture01{position: relative; overflow: hidden;} .ab_culture01 ul{overflow: hidden;} .ab_culture01 ul li{ position: absolute; float: left;} .ab_culture01 ul li img{width: 100%; height: 100%;} .ab_cul_box1,.ab_cul_box2,.ab_cul_box3,.ab_cul_box4,.ab_cul_box5,.ab_cul_box6{position: relative; height: 100%;} .ab_culture01 ul li:nth-child(1){width: 74%; height: 45%; top: 0; left: 0;} .ab_cul_box1{width: 62%; } .ab_cul_box2{width: 38%;background: #8fc435; } .ab_culture01 ul li:nth-child(2){width: 26%; height: 45%; top: 0; left: 74%;} .ab_cul_box3{width: 100%;} .ab_culture01 ul li:nth-child(3){width: 74%; height: 55%; top: 45%; left: 0; background: #076cff;} .ab_cul_box4{width: 39%;} .ab_cul_box5{width: 61%;} .ab_culture01 ul li:nth-child(4){width: 26%; height: 55%; top: 45%; left: 74%;} .ab_cul_box6{width: 100%;} .ab_cul_icon1{position: absolute; top: 50px; left: -10px; width: auto !important; height: auto !important; z-index: 100;} .ab_cul_icon2{position: absolute; top: 42px; right: -8px; width: auto !important; height: auto !important; z-index: 100;} /*.ab_culture01 ul:first-child{} .ab_culture01 ul:first-child li:nth-child(1){width: 46.02%;} .ab_culture01 ul:first-child li:nth-child(2){width: 28.28%;} .ab_culture01 ul:first-child li:nth-child(3){width: 25.70%;} .ab_culture01 ul:nth-child(2){} .ab_culture01 ul:nth-child(2) li:nth-child(1){width: 28.91%;} .ab_culture01 ul:nth-child(2) li:nth-child(2){width: 45.39%;} .ab_culture01 ul:nth-child(2) li:nth-child(3){width: 25.70%;}*/ .ab_culture01_wraper{position: absolute; top: 0; left: 0; padding: 40px; width: 100%; height: 100%; z-index: 200;} .ab_culture01_wraper h2{ color: #fff; margin-bottom: 50px;} .ab_culture01_wraper dl dd{width: 14px; height: 4px; border-radius: 1px; background: #fff; margin: 100px 0 27px 0; display: none;} .ab_culture01_wraper dl dt{ color: #fff; line-height: 24px; font-weight: normal;} .ab_culture02{ padding: 50px 0 80px; background: url(../images/ab_cul_bg01.jpg) center center no-repeat; background-size: cover;} .ab_culture02_wraper1{border-left: #000 solid 1px; overflow: hidden;} .ab_culture02_wraper1 ul li{width: 25%; padding:15px 0 15px 30px; float: left;} .ab_culture02_wraper1 ul li dl dd{color: #076cff;} .ab_culture02_wraper1 ul li dl dd img{margin: 10px 0 0 10px;} .ab_culture02_wraper1 ul li dl dt{color: #323232;} .ab_culture02_wraper2 {background: url(../images/ab_cul_bg02.png) center center no-repeat; background-size: cover ; overflow: hidden; padding: 40px 10px 50px;} .ab_culture02_wraper2 p{color: #fff; padding: 0 20px; margin-bottom: 10px;} .ab_culture02_wraper2 p img{margin: 10px 0 0 10px;} .ab_culture02_wraper2 ul li{padding-left: 20px; width: 25%; float: left;} .ab_culture02_wraper2 ul li:first-child{width:50%;} .ab_culture02_wraper2 ul li dl dd{color: #fff; margin-bottom: 20px;} .ab_culture02_wraper2 ul li dl dt{color: #fff;line-height: 30px; font-weight: normal;} .footer_line{height: 2px; background: #076cff;} /*鏂伴椈鍔ㄦ€?鍏徃鍔ㄦ€?/ .ab_news_nav{text-align: center; overflow: hidden; border-bottom: #eeeeee solid 1px;} .ab_news_nav a{display:inline-block; border-bottom: transparent solid 2px; padding: 40px 50px 28px; margin: 0 50px;} .ab_news_nav a.active{border-bottom: #076cff solid 2px; } .ab_news_nav a:hover{border-bottom: #076cff solid 2px; } .ab_newsCom_wraper{ overflow: hidden;} .ab_newsCom_wraper ul{margin: 0 -13px;} .ab_newsCom_wraper ul li{padding: 0 13px; width: 33.3333%; float: left; margin-bottom: 40px; } .ab_newsCom_wraper ul li:first-child{background: #f3f3f3;} .ab_newsCom_img{width: 100%; font-size: 0;} .ab_newsCom_img img{width: 100%;} .ab_newsCom_con{padding: 30px; background: #f3f3f3;} .ab_newsCom_title{line-height: 24px; height: 48px; overflow: hidden; box-sizing: content-box; } .ab_newsCom_title a{color: #000;} .ab_newsCom_title a:hover{color: #0150b3;} .ab_newsCom_time{ line-height: 55px; font-family: "arial";border-bottom: #646464 solid 1px; color: #5f6264; } .ab_newsCom_wraper ul li p{ line-height: 24px; height: 72px; overflow: hidden; margin: 16px 0 26px; color: #5f6264;} .ab_newsCom_wraper ul li:first-child{width: 100%;} .ab_newsCom_wraper ul li:first-child .ab_newsCom_img{width: 50%; float: left;} .ab_newsCom_wraper ul li:first-child .ab_newsCom_con{width: 50%; float: left; padding: 40px 60px 49px;} .ab_newsCom_wraper ul li:first-child p{height: 96px;} /*鏂伴椈鍔ㄦ€?濯掍綋鍔ㄦ€?/ .ab_newsMed_wraper{overflow: hidden;} .ab_newsMed_wraper ul li{overflow: hidden;} .ab_newsMed_wraper ul li.on{background: #f3f3f3;} .ab_newsMed_img{width: 41.7%;} .ab_newsMed_img img{width: 100%;} .ab_newsMed_con{width: 58.3%; padding: 40px 50px;} .ab_newsMed_time{line-height: 20px; font-family: "arial"; color: #5f6264; margin-bottom: 20px;} .ab_newsMed_title{line-height: 24px; box-sizing: content-box;height: 24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ab_newsMed_title a{color: #000;} .ab_newsMed_title a:hover{color: #0150b3;} .ab_newsMed_wraper ul li p{ line-height: 24px; height: 72px; overflow: hidden; margin: 24px 0; color: #5f6264;} /*鏂伴椈鍔ㄦ€?鍐呭椤?/ .news_content_title{text-align: center; padding: 50px 0 40px; overflow: hidden; border-bottom: #efefef solid 1px;} .news_content_title h2{color: #5f6264; } .news_content_title h3 span{display: inline-block; padding-left: 25px; margin: 0 20px;} .news_content_title h3 span:nth-child(1){background: url(../images/news_content_icon_03.png) left center no-repeat;} .news_content_title h3 span:nth-child(2){background: url(../images/news_content_icon_06.png) left center no-repeat;} .news_content_title h3 span:nth-child(3){background: url(../images/news_content_icon_09.png) left center no-repeat;} .news_content_con img{max-width: 100%; margin: 12px auto;} .news_content_con p{font-size: 16px; color: #5f6264; line-height: 24px; padding: 12px 30px;} .news_content_foot{overflow: hidden;} .con_f span{display: block; line-height: 58px; height: 58px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #666666; font-size: 12px; border-bottom: #e0e0e0 solid 1px;} .con_f span a{color: #000;} .close-btn{margin: 30px 0 0px;} /*鍒嗕韩鎸夐挳*/ .jiathis_style{overflow: hidden;border-bottom: #e0e0e0 solid 1px; padding: 50px 0 20px;} .jiathis_style > .jiathis_txt{display: block; font-size: 14px !important; margin-bottom: 10px !important; color: #303030; float: none !important;} .jiathis_style a{float: left; margin-right: 11px; } div.share{overflow: hidden;border-bottom: #e0e0e0 solid 1px; padding: 50px 0 20px;} div.share span{display: block; font-size: 14px ; margin-bottom: 10px; color: #303030; } div.share a{display: block; margin-right: 11px; float: left;} /*鏂伴椈鍔ㄦ€?鍙戝睍鍘嗙▼*/ .inquire_t{margin:30px 0 46px;position: relative;box-sizing: border-box;padding: 0 55px;overflow: hidden;height: 68px;line-height: 64px;} .inquire_ts{overflow: hidden;} .inquire_left{cursor: pointer; position: absolute;width: 7px;height: 19px;background: url(../images/ab_eve_l_h.png) center no-repeat;left: 0;bottom: 16px;} .inquire_left.disabled{cursor: default; background: url(../images/ab_eve_l.png) center no-repeat;} .inquire_right{cursor: pointer;position: absolute;width: 7px;height: 19px;background: url(../images/ab_eve_r_h.png) center no-repeat;right: 0;bottom: 16px;} .inquire_right.disabled{cursor: default; background: url(../images/ab_eve_r.png) center no-repeat;} .inquire_t ul{float: left;position: relative;width: 2000%;} .inquire_t ul li{ text-align: center;float: left; position: relative;cursor: pointer;} .inquire_t ul li div{ padding: 0 9px;} .inquire_t ul li span{display: block; width: 100%; border-bottom: #838383 solid 4px; text-align: center; cursor: pointer; color:#076cff;} .inquire_t ul li.on span{color: #009944;border-bottom-color: #076cff;} .inquire_b{overflow: hidden;} .inquire_b ul{overflow: hidden; background: url(../images/ab_eve_03.jpg) 95px top repeat-y;} .inquire_b ul li{float: left;width: 100%;margin-top: 40px;} .inquire_b ul li span{display: block; float: left; width: 145px;height: 30px; line-height: 30px; color: #5f6264; margin-top: 25px;background: url(../images/ab_eve_07.png) 87px center no-repeat,url(../images/ab_eve_10.png) right center no-repeat;} .history{float: right; width: calc(100% - 145px); padding: 30px; background: #f3f3f3;} .history h2{margin-bottom: 25px; line-height: 20px; height: 20px;color: #000;} .history h2 a{display: block;color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .history h2 a:hover{color: #076cff;} .history p{color: #5f6264; line-height: 24px; height: 48px; overflow: hidden;} .ab_newsCom .ab_about_bn.mb60{margin-bottom: 0 !important;} @media only screen and (max-width: 1480px){ .ab_about_bn_wraper ul li{margin: 0 15px;} } @media only screen and (max-width: 1300px){ .wraper_in{width: 970px;} /*ab_bn*/ .ab_about_bn{height: 300px;} .ab_about_bn_wraper p{margin-bottom: 30px;} .ab_about_bn_wraper ul li{margin: 0 10px;} /*闆嗗洟绠€浠?/ .ab_about02{margin: 25px 0;} /*浼佷笟鏂囧寲*/ .ab_culture01_wraper{padding: 20px;} .ab_culture02{padding: 40px 0 60px;} .ab_culture01_wraper dl dd{margin-top: 70px;} /*浼佷笟鑽h獕*/ /*鏂伴椈鍔ㄦ€?鍏徃鍔ㄦ€?/ .ab_news_nav a{ font-weight: bold;padding: 20px 30px;} .ab_newsCom_wraper ul{margin: 0 -10px;} .ab_newsCom_wraper ul li{padding: 0 10px; margin-bottom: 20px;} .ab_newsCom_con{padding: 20px;} .ab_newsCom_time{line-height: 30px;} .ab_newsCom_wraper ul li p{margin: 10px 0 15px;} .ab_newsCom_link img{height: 15px;} .ab_newsCom_wraper ul li:first-child .ab_newsCom_con{padding: 26px 40px;} /*鏂伴椈鍔ㄦ€?濯掍綋鍔ㄦ€?/ .ab_newsMed_con{width: 58.3%; padding: 20px;} .ab_newsMed_time{margin-bottom: 10px;} .ab_newsMed_wraper ul li p{margin: 10px 0;} .news_content_title{padding: 40px 0 30px;} .news_content_con p{font-size: 14px;} /*鏂伴椈鍔ㄦ€?鍙戝睍鍘嗙▼*/ .inquire_t{margin: 20px 0 30px;} .inquire_b ul li{margin-top: 30px;} /*.history{padding: 20px;}*/ .history h2{margin-bottom: 15px;} } @media only screen and (max-width: 1024px){ .wraper_in{width: 750px;} /*ab_bn*/ .ab_about_bn{height: 250px;} .ab_about_bn_wraper ul li{margin: 0 3px;} .ab_about_bn_wraper p{margin-bottom: 20px;} /*闆嗗洟绠€浠?/ .ab_about01 ul li{padding-left: 25px;} .ab_about02 ul li p{height: 30px; line-height: 30px;} /*浼佷笟鏂囧寲*/ .ab_culture01_wraper dl dd{margin: 50px 0 15px;} .ab_culture02{padding: 30px 0 40px;} .ab_culture02_wraper1 ul li{width: 50% ;} /*浼佷笟鑽h獕*/ .ab_honor_wraper ul li{margin-bottom: 20px;} /*.ab_honor_wraper ul li p{height: 40px; line-height: 40px;}*/ /*鏂伴椈鍔ㄦ€?鍏徃鍔ㄦ€?/ .ab_news_nav a{padding: 15px 20px;} .ab_newsCom_wraper ul li:first-child .ab_newsCom_con{padding: 20px;} /*鏂伴椈鍔ㄦ€?濯掍綋鍔ㄦ€?/ .ab_newsMed_time{margin-bottom: 3px;} .ab_newsMed_title{height:20px; line-height: 20px;} .ab_newsMed_wraper ul li p{margin: 0;} .news_content_title{padding: 30px 0 20px;} .news_content_con p{font-size: 12px;} .close-btn{margin: 30px 0;} .close-btn img{width: 40px; height: 40px;} .con_f span{height: 50px; line-height: 50px;} div.share{padding: 20px 0;} .jiathis_style{padding: 20px 0;} .jiathis_style > .jiathis_txt{font-size: 12px !important;} /*鏂伴椈鍔ㄦ€?鍙戝睍鍘嗙▼*/ .inquire_b ul li{margin-top: 20px;} .history{padding: 20px;} .history h2{margin-bottom: 5px;} } @media only screen and (max-width: 768px){ .wraper_in{width: auto; padding:0 10px;} /*ab_bn*/ .ab_about_bn{height: 200px;} .ab_about_bn_wraper ul li{margin: 0 3px;} .ab_about_bn_wraper ul li a{ margin-bottom: 10px;} .ab_about_bn_wraper p{margin-bottom: 0px;} /*闆嗗洟绠€浠?/ .ab_about01 ul li{padding-left: 15px;} .ab_about .wraper_in > p{line-height: 20px; margin-bottom: 10px;} .ab_about02{margin: 15px 0;} .ab_about02 ul li{width: 50%;} .ab_about02 ul li:nth-child(4){padding-left: 0;} .ab_about03 h2{height: 40px; line-height: 40px;} .ph_table tbody td{font-size: 12px;} /*浼佷笟鏂囧寲*/ .ab_culture01_wraper h2{margin-bottom: 20px;} .ab_culture01{height: auto !important;} .ab_cul_icon1,.ab_cul_icon2{display: none;} /*.ab_culture01 ul li{ width: 100% !important; position: relative; float: left; left: 0 !important; top: 0 !important; height: 0 !important; padding-bottom: 50%; } .ab_culture01 ul li > div{width: 100%;} .ab_culture01 ul li img{ position: absolute; left: 0; top: auto; width: 100%; height: auto; }*/ .ab_culture01 ul li{position: relative; width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important;} .ab_cul_box1,.ab_cul_box2,.ab_cul_box3,.ab_cul_box4,.ab_cul_box5,.ab_cul_box6{width: 100%; } .ab_culture01_wraper { position: relative; top: 0; left: 0; width: 100%; height: auto; z-index: 200; } .ab_cul_box3 .ab_culture01_wraper{background: #33a195;} .ab_cul_box4.fl{float: right;} .ab_cul_box5.fr{float: left;} .ab_cul_box6 .ab_culture01_wraper{background: #8fc435;} /*.ab_cul_box1{padding-top: 50%;} .ab_cul_box1 img{position: absolute; top: 0; left: 0;} .ab_cul_box2{position: absolute;} .ab_cul_box3{padding-top: 50%;} .ab_cul_box3 img{position: absolute; top: 0; left: 0;}*/ .ab_culture02{padding: 20px 0 30px;} .ab_culture02_wraper2{padding: 20px 10px;} .ab_culture02_wraper2 ul li{width: 50%; } .ab_culture02_wraper2 ul li:first-child{width: 100%;margin-bottom: 20px;} .ab_culture02_wraper2 ul li dl dd{margin-bottom: 10px;} /*浼佷笟鑽h獕*/ .ab_honor_wraper ul li{padding: 0 10px; width: 50%;} /*鏂伴椈鍔ㄦ€?鍏徃鍔ㄦ€?/ .ab_news_nav a{padding: 10px 20px;} .ab_newsCom_wraper ul li{width: 50%;} .ab_newsCom_wraper ul li:first-child .ab_newsCom_img{width: 100%;} .ab_newsCom_wraper ul li:first-child .ab_newsCom_con{width: 100%;} /*鏂伴椈鍔ㄦ€?濯掍綋鍔ㄦ€?/ .ab_newsMed_img{width: 100%;} .ab_newsMed_con{width: 100%;} .news_content_con p{padding: 12px 0;} .news_content_con img{margin: 0 auto;} .con_f span{height: 40px; line-height: 40px;} /*鏂伴椈鍔ㄦ€?鍙戝睍鍘嗙▼*/ .inquire_t{margin:0 0 20px 0; height:54px; line-height: 50px;} .inquire_b ul li span{width: 100px;} .history{width: calc(100% - 100px);} .inquire_b ul {background: url(../images/ab_eve_03.jpg) 65px top repeat-y;} .inquire_b ul li span {background: url(../images/ab_eve_07.png) 57px center no-repeat,url(../images/ab_eve_10.png) right center no-repeat;} } @media only screen and (max-width: 500px){ /*闆嗗洟绠€浠?/ .ab_about01 ul li{padding-left: 0px; text-align: center; margin-bottom: 10px;} /*.ab_about01 ul li:nth-child(3){border-left: none;}*/ /*浼佷笟鏂囧寲*/ .ab_culture02_wraper1 ul li{padding: 10px;} .ab_culture02_wraper2 p{padding: 0;} .ab_culture02_wraper2 ul li{padding-left: 0;} /*浼佷笟鑽h獕*/ .ab_honor_wraper ul li{width: 100%;} /*鏂伴椈鍔ㄦ€?鍏徃鍔ㄦ€?/ .ab_news_nav a{margin: 0 20px;} .ab_newsCom_wraper ul li{width: 100%;} .ab_newsCom_wraper ul li:first-child .ab_newsCom_img{width: 100%;} .ab_newsCom_wraper ul li:first-child .ab_newsCom_con{width: 100%;} .ab_newsCom_con{padding: 10px;} .ab_newsCom_wraper ul li:first-child .ab_newsCom_con{padding: 10px;} /*鏂伴椈鍔ㄦ€?濯掍綋鍔ㄦ€?/ .ab_newsMed_con{padding: 10px;} .news_content_title{padding: 20px 0 10px;} .news_content_title h3 span{margin-bottom: 10px;} /*鏂伴椈鍔ㄦ€?鍙戝睍鍘嗙▼*/ .inquire_t{margin:0;} .inquire_b ul{background: none;} .inquire_b ul li span{width: 100%; background: none; margin-top: 0;} .history{padding: 10px; width: 100%;} .history h2{margin-bottom: 0px; } .history p{line-height: 20px;height: 40px;} } @media only screen and (max-width: 400px){ .ab_culture01_wraper{padding: 10px;} .ab_culture01_wraper dl dd{margin: 20px 0 15px ;} }