@charset "utf-8";
/* CSS Document */
em{font-style: normal;}
.fl {
    float: left;
}
.fr {
    float: right;
}
.ov{
    overflow: hidden;
}

/*banner*/
#slider {width: 100%;margin:0px auto;}
.controls li {top: 50%;margin-top: -4%;width: 54px; height: 54px; background: url(../images/ban_right.png) center center no-repeat rgba(255,255,255,0.5); border-radius: 50%;}
.controls li:nth-child(1) {left: 4%; background: url(../images/ban_left.png) center center no-repeat rgba(255,255,255,0.5);}
.controls li:nth-child(2) {right: 4%;}
.controls li:hover{background-color: #9ec500;}
.pagination li {background: #e5e5e5; width: 14px; height: 14px;}
.pagination li.active {background-color: #0068b1;}
.responsive {width: 100%;height: auto;}
.clearfix:after {content: "";display: table;clear: both;}

.main{min-height: 200px; margin-bottom:80px;}
.main_ban{ width:100%; margin:0 auto; text-align:center;}
.main_ban img{ text-align:center;}

.location{ width:100%; height:62px; background-color:#e3eff8;}
.location .maincate{ line-height:62px; font-size:18px;}
.location .maincate a{display: inline-table; text-align:center; margin-left:20px;border-bottom: 2px #fff solid;}

.location .maincate a:hover,.location .maincate a.act{border-bottom: 2px #0068b1 solid; color: #333;}
.location .maincate a.act{
    font-weight:bold;
}
.location .mianbao{ line-height:62px;}
.about_main{
    font-size: 14px;
    line-height: 36px;
    padding-top: 80px;
    padding-bottom: 50px;
}
.about_main .fl{ width:50%; margin-top:40px;}
.about_main  .tit{ font-size:30px; font-weight:bold; color:#0068b1;}
.about_main .fl .xian{ width:100%; border:1px solid #e3eff8; margin-top:30px; margin-bottom:30px;}
.about_main .fr{ }

.news-list li{
    overflow: hidden;
    line-height: 60px;
    border-bottom: 1px solid #e1e1e1;
}
.news-list a{
    float: left;
    white-space: nowrap;
    overflow: hidden;
    max-width: 80%;
    color: #333333;
    text-overflow: ellipsis;
}
.news-list a:hover{
    color:#0068b1;
}
.news-list li span{
    float: right;
    color: #999999;
}
.news-list li i{
    font-weight: bold;
    font-family: cursive;
    font-style: normal;
    font-size: 16px;
}
.news-detail-title{
    text-align: center;
    font-size: 22px;
    color: #333333;
}
.news-detail-date{
    text-align: center;
    margin: 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}
.news-detail-content{
    line-height: 24px;
    color: #333333;
    font-size: 14px;
}
.news-detail-content img{
    max-width: 100%;
}
.news-detail-prev-next{
    margin-top: 30px;
}


.cplist{ width:100%; margin-top:15px;}
.cplist li{width:345px; float:left; margin-right:5px; margin-top:40px;}
.cplist li img{  display:block; line-height:277px; }
.cplist li h3{ font-size:16px; line-height:40px;  padding-left:15px;}
.cplist .line{ width:80px;  border-bottom: 2px #304aa9 solid;margin-left:15px;}
.cplist li p{ text-align:center; line-height:30px; padding-bottom:10px;}
.cplist li:hover{ background-color:#304aa6; color:#fff;}
.cplist li:nth-child(4){ margin-right:0px;}
.cplist li:nth-child(8){margin-right:0px;}
.cplist li:nth-child(12){ margin-right:0px;}
.cplist li:nth-child(16){ margin-right:0px;}

#pages{width: 100%; text-align: center; margin-top:65px;}
#pages li{display: inline-table; padding:4px 8px;  margin:0 5px; border:1px solid #f2f5fa;}
#pages li a{color: #333; padding:0px; background:none; border-bottom:0px;}
 #pages li:first-child,.main_fr #pages li:last-child{}
 #pages li:hover, #pages li.act{background-color: #304aa6; color: #fff;}

 #pages{text-align: center;}

 #pages a, #pages span{display: inline-table; height: 26px; line-height: 26px; padding: 0px 8px; border:1px #ddd solid;  margin:0px 5px;}

#pages .current, #pages a:hover{background: #0068b1; color: #ffffff; border-color: #0157ae;}


.mainnew_list{ width:100%; }
 .tabClick {
  width: 200px;
  margin: 0 auto;
  margin-top: 30px;
     margin-bottom: 100px;
}

 
.mainnew_list .tabCon{left: 0px; top:0px;  margin:0 auto; width:100%; overflow:hidden;}
.mainnew_list .tabList{ width:100%; border:0px solid #000;}
.mainnew_list .tabList ul  {  width:1400px; margin:0 auto; margin-top:30px;position: relative;
    height: 633px;}
.mainnew_list .tabList ul  li{ position: absolute;}
.mainnew_list .tabList ul li:nth-child(1){ width:357px; height:633px;}
.mainnew_list .tabList ul li:nth-child(2){ width:301px; height:301px;  left: 385px;}
.mainnew_list .tabList ul li:nth-child(3){ width:301px; height:301px; left: 385px;
    bottom: 0;}
.mainnew_list .tabList ul li:nth-child(4){width:357px; height:633px;
    left: 715px;}
.mainnew_list .tabList ul li:nth-child(5){width:301px; height:301px;
    right: 0;}
.mainnew_list .tabList ul li:nth-child(6){width:301px; height:301px;
    right: 0;bottom: 0;}
.mainnew_list .tabList ul li:nth-child(7){width:228px; height:232px;}
.mainnew_list .tabList ul li span{position: absolute; display:block;font-size:24px; color:#fff; left: 25px;bottom: 20px;}
.tabClick .active{ border:0px;}
.tabClick li:nth-child(1){ float:left; width:49px; height:50px;}
.mainnew_list .tit{ font-size:20px; border-bottom:1px solid #e3eff8; line-height:35px; margin-top:20px; padding-left:15px;}
.mainnew_list .list li{ float:left; border:1px solid #ccc; width:15%; margin-top:20px; margin-right:20px;}

.procon{ width:48%; float:left; margin-right:19px; background:#e3eff8; margin-top:40px; height:300px;}
.procon .tit{ font-size:24px; padding:20px;}
.procon .tit span{ width:50px; height:2px; background:#0068b1; display:block; margin-top:10px;}
.procon .con{ padding:20px; font-size:18px; padding-top:0px;}
.procon .con a{ margin-right:15px; width:46%; height:35px; text-align:center; line-height:35px; display:block; float:left; margin-top:10px;}
.procon .con a:hover{ background-color:#0068b1; color:#fff;}
.procon .con p{ margin-top:20px; line-height:35px; margin-bottom:25px;}

/*fuwu2*******************************************************************************/
.fuwu2{ font-size:18px;}
.ntit{font-size:36px;color: #2b2b2b;text-align: center;margin: 40px 0}
.fuwu2 li{width:31%;float: left;margin-right:3%;border: 2px dashed #304aa6;
padding: 20px 30px;text-align: center;}
.fuwu2 li>img{}
.fuwu2 li>p{color: #464646; line-height: 1.7; margin-top: 3%;
text-align: left;height: 75px}
.fuwu2xia{margin: 40px 0; font-size:18px;}
.fuwu2xia b{font-size:22px;color: #191919;display: block;margin-bottom: 8px}
.fuwu2xia p{color: #525252;line-height: 1.8}



.joblist{height: auto;overflow: hidden;margin-top:0px auto; margin-top:40px;}
.job_listdl {width: 100%;height: 50px;line-height: 50px; background: #e3eff8; position: relative; margin:10px 0px;overflow: hidden}
.job_listdl dd{float: left; font-size: 16px; display: block;}
.job_listdl dd.ren{background: url(../images/jobline.png) center left no-repeat; text-align: center;}
.job_listdl dd.bumen{text-align: center;}
.job_listdl dd.more{background: url(../images/moreinfo.png) center right no-repeat;}
.job_listcon {width: auto;height: auto;overflow: hidden;padding: 10px 10px 20px;line-height: 25px;}

.fuwu3{width: 100%;margin: 40px 0}
.fuwu3 figure{width: 62%;}
.fuwu3 figure>img{width:100%;}
.fuwu3z{width: 35%;}
.fuwu3z span{font-size: 36px; color: #000; display: block; padding-top:30px;}
.fuwu3z p{font-size: 18px; color: #484848; margin-top:20px; line-height:30px;}
.fuwu3z .p2{line-height:2.2;margin-top: 30px}
.fuwu3z b{font-size:100px; color: #e3eff8;display: block;text-transform: uppercase;
letter-spacing: 5px;line-height: 1; font-family:impact; padding-top:25px;}


.main_contact {
	padding: 60px 0px;
}
.main_contact .weixin_title {
	margin-bottom: 50px; text-align:center; line-height:35px;
}

.main_contact_left {
	float: left;
	width: 720px;
	font-size: 18px;
	color: #fff;
	background: #0068b1;
}
.main_contact_left ul {
	padding: 36px 70px 65px;
}
.main_contact_left ul:nth-child(2) {
	background: #fecf37;
	padding-bottom: 10px;
}
.main_contact_left li h2 {
	font-size: 36px;
	display: inline-table;
	margin-right: 15px;
}
.main_contact_left li span{ font-size:16px;}
.main_contact_left li p {
	line-height: 2;
	padding: 20px 0px;
	font-size:16px;
}
.main_contact_left li h3 {
	font-size: 30px;
	font-weight: bold;
}
.main_contact_left li.lina a {
	display: inline-table;
	border: 1px #fff solid;
	color: #fff;
	background: url();
	width: 185px;
	height: 46px;
	line-height: 46px;
	background: url(../images/com_info_27.png) center left 15px no-repeat;
	padding-left: 45px;
	text-align: center;
	float: left;
}
.main_contact_left li.lina span {
	display: inline-table;
	margin-left: 20px;
	margin-top: -8px;
	float: left;
}
.main_contact_left li.lina i,
.main_contact_left li em {
	display: block;
}
.main_contact_left li em {
	font-size: 36px;
	font-family: 'Impact';
	margin-top: 5px;
}
.main_contact_left li h1 {
	font-size: 70px;
	color: #fff;
	font-family: 'Impact';
}
.main_contact_right {
	float: right;
	width: 604px;
	padding-right: 70px;
	padding-top: 40px;
}
.main_contact_right input {
	height: 45px;
	margin-top: 12px;
}
.main_contact_right input.txt {
	width: 100%;
	text-indent: 8px;
	border: 1px solid #e5e5e5;
}
.main_contact_right textarea {
	width: 100%;
	text-indent: 5px;
	font-family: 'Arial', '寰蒋闆呴粦';
	border: 1px solid #e5e5e5;
	margin-top: 12px;
	padding: 6px 1%;
	line-height: 28px;
	height: 84px;
}
.main_contact_right p {
	margin: 18px 0px 8px;
	color: #999;
}
.main_contact_right .sub {
	font-size: 20px;
	text-align: center;
	width: 216px;
	height: 48px;
	background: #0068b1;
	color: #fff;
	border: 0px solid #fff;
	border-radius: 24px;
	display: block;
	margin: 30px auto;
}

.mnew .title{text-align: center; color: #333; line-height: 2; padding-top:35px;}
.mnew .datetime{display: block; text-align: center;color: #999;}
.new_page{ line-height:30px; font-size:18px;}
.prevnext{ line-height:30px;}


.mpro{ padding-top:35px;}
.jiansuo .fl{ font-size:18px;}
.jiansuo .fr .wenben{ width:271px; height:39px; background-color:#e3eff8; float:left; border:0px; text-indent:24px;}
.jiansuo .fr .sousuo{ width:85px; height:39px; background-color:#0068b1; border:0px; float:left; color:#fff;}
.jiansuobox{ width:100%; height:230px; background-color:#e3eff8; margin-top:25px;}
/**wwwwwwwwwwwwwww*/
.proliserkk{  position:relative;background-color: #e3eff8;}
.proliserkk.curre{ background-color:#FFF;}
.proliswai{ width:95%; margin:0px auto; overflow:hidden; overflow-x:auto;height: 210px;}
.proliser{ padding-top:30px; padding-bottom:40px; padding-left:10px; padding-right:10px; width:1180px;}
.proliswai.curre{ height:0px; border-bottom:2px solid #ccc; padding-top:0px; padding-bottom:0px;}
.proliser ul{ white-space:nowrap; font-size:0; display:inline-block; margin-top:15px;}
.proliser ul li{ width:280px; padding-left:60px; display:inline-block;}
.proliser ul li:nth-child(1){padding-left:0; width:190px;}
.proliser ul li h1{ text-align:center; font-size:14px; color:#000; text-align:center; line-height:20px;}
.proliser ul li h1 span{font-size: 16px;}
.serline{ position:relative;  border-bottom:1px solid #0068b1; height:16px;}
.serline h2{ position:absolute; left:0px; top:16px; width:0%; border-bottom:2px solid #CDCBCB;}
.serline h2 span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#0068B7; position:absolute; top:-4px; left:0px;}
.serline h3{ position:absolute; right:0px; top:16px; width:0%; border-bottom:2px solid #CDCBCB;}
.serline h3 span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#0068B7; position:absolute; top:-4px; left:0px;}
.serliput{ margin-top:20px; position:relative; height:22px;}
.serliput h2{ position:absolute; left:0px; top:0px; height:22px; padding-left:14px; background-image:url(../images/dy_dy_pic.png); background-position:left center; background-repeat:no-repeat; width:68px; }
.serliput h2 input{ padding:0px; margin:0px; margin-top:2px; display:block; padding-left:8px; width:46px; font-size:14px; line-height:16px; height:16px; padding-top:2px; padding-bottom:2px; border:0px; border:1px solid #DEDEDE; border-radius:5px;}
.serliput h3{ position:absolute; right:0px; top:0px; height:22px; padding-left:14px; background-image:url(../images/xy_dy_pic.png); background-position:left center; background-repeat:no-repeat; width:68px;}
.serliput h3 input{ padding:0px; margin:0px; margin-top:2px; display:block; padding-left:8px; width:46px; font-size:14px; line-height:16px; height:16px; padding-top:2px; padding-bottom:2px; border:0px; border:1px solid #DEDEDE; border-radius:5px;}
.proliser ul li h5{ display:block; display:table; margin:0px auto; margin-top:18px; padding-left:8px; padding-right:8px; height:26px; line-height:26px; font-size:14px; color:#333; background-color:#FFF; border-radius:5px;}
.proliser ul li h5.curre{ background-color:#FF6817; color:#FFF; cursor:pointer;}
.proliser ul li h5.curre a{color:#FFF;}
.proshqi{ position:absolute; left:0px; bottom:0px; right:0px; height:0px;}
.proshqi.curre{  bottom:-8px;}
.proshqi h1{ width:34px; height:20px; margin:0px auto; background-image:url(../images/niu_cao_pic_1.png); background-position:center; background-repeat:no-repeat; cursor:pointer; /*margin-top:-20px;*/}
.proshqi.curre h1{ background-image:url(../images/niu_cao_pic_2.png);}

.procpli{ width:100%; margin:0px auto;min-height: 350px;}
.procpli_tit{ line-height:36px; font-size:17px; padding-left:4px; color:#333; border-bottom:1px solid #CCC; letter-spacing:5px; padding-top:20px;}
.protable{ padding-top:20px; padding-bottom:0px;}
.protable table{border-collapse:collapse; width:100%;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;}
.protable table thead tr{ }
.protable table thead tr td{ text-align:center; font-size:15px; color:#fff; line-height:30px;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.protable table thead tr td h1{ line-height:30px;font-size:14px;}
.protable table thead tr td h2{ line-height:30px; border-top:1px solid #FFF;font-size:12px;}
.protable table thead tr td h1 span{font-size:16px;}
.protable table thead tr td h2 span{font-size:16px;}
.protable table thead #colums{background: #0068b1;}


.protable table thead.thead2 tr{ background-image:none;}
.protable table thead.thead2 tr td{ height:24px; padding-top:8px; padding-bottom:8px;}
.protable table thead.thead2 tr td select{ width:60%; margin:0px auto; border:1px solid #CCC; border-radius:5px; color:#666; height:24px;}

.protable table tbody tr td{ text-align:center; font-size:15px; color:#333; padding-top:5px; padding-bottom:5px; line-height:28px;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.protable table tbody tr:nth-child(2n+1) td{ background-color:#EEEEEE;}
.protable table tbody tr td:nth-child(3) img{width:35px;height:35px;}

.pagedaoc{ position:absolute; top:16px; right:10px;}
.pagedaoc a{ display:table; padding-left:22px; background-image:url(../images/excel.gif); background-position:left center; background-repeat:no-repeat; line-height:28px; font-size:14px; color:#666;}
.pagedaoc a:hover{ color:#333;}

.backfhui{ position:fixed; right:5%; bottom:32%; z-index:99;}
.backfhui a{ display:block;}
.backfhui a:hover{ opacity:0.8;}
.backfhui a img{ display:block; width:50px;}


/* 型号搜索 */
.pronysertop2{ height:44px; position:relative; width:1200px; margin:0px auto;}
.proxhser2{ height:26px;overflow:hidden; position:absolute; right:0px; top:5px; padding-right:74px; width:82px;}
.proxhser2 input{ padding:0px; margin:0px; padding-left:10px; width:100%; font-size:14px; line-height:18px; height:18px; padding-top:3px; padding-bottom:3px; border:1px solid #FF0000; border-radius:10px; }
.proxhser2 a{ display:block; position:absolute; right:0px; top:0px; width:50px; height:26px; cursor:pointer; line-height:26px; font-size:15px; color:#000;}
.proxhser2 a img{ display:block; height:16px;}

.protable2{ padding-top:0px;}
.protable2 table{table-layout:fixed;word-break:break-all; border-collapse:collapse; width:100%;}
.protable2 table thead tr{ background-image:url(../images/cjpro_back_pic_1.jpg); background-repeat:repeat; background-position:center; background-size:cover;}
.protable2 table thead tr td{ text-align:center; font-size:15px; color:#fff; padding-top:16px; padding-bottom:16px; line-height:30px;}

.protable2 table thead.thead2 tr{ background-image:none;}
.protable2 table thead.thead2 tr td{ height:24px; padding-top:8px; padding-bottom:8px;}
.protable2 table thead.thead2 tr td select{ width:60%; margin:0px auto; border:1px solid #CCC; border-radius:5px; color:#666; height:24px;}

.protable2 table tbody tr td{ text-align:center; font-size:15px; color:#333; padding-top:5px; padding-bottom:5px; line-height:28px;}
.protable2 table tbody tr:nth-child(2n+1) td{ background-color:#EEEEEE;}
.honor_main{
    padding: 20px 0;
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}
.col-large-6{
    padding-right: 0.625%;
    padding-left: 0.625%;
}
.wb04-forms__wrapper {
    max-width: 868px;
    margin: 0 auto;
}
.copy-01 {
    font-size: 16px;
    line-height: 24px;
}
.wb04-forms__description {
    margin-top: 16px;
    color: #858587;
}
.wb04-forms__description {
    margin-top: 24px;
}
.wb04-forms__required-description {
    color: #858587;
}
.wb04-forms__form {
    margin-top: 40px;
}
.wb04-forms__form-item:not(:last-child) {
    margin-bottom: 24px;
}
.heading-05 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
}
.wb04-forms .required::after {
    content: ' *';
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
.wb04-forms__form input[type='text'], .wb04-forms__form input[type='email'], .wb04-forms__form input[type='tel'], .wb04-forms__form select {
    height: 48px;
    width: 100%;
    margin-top: 8px;
    border: 1px solid #454545;
    border-radius: 10px;
    padding: 0 16px;
    outline: none;
}
.col-large-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
.wb04-forms__form input[type='text'], .wb04-forms__form input[type='email'], .wb04-forms__form input[type='tel'], .wb04-forms__form select {
    height: 48px;
    width: 100%;
    margin-top: 8px;
    border: 1px solid #454545;
    border-radius: 10px;
    padding: 0 16px;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
.wb04-forms__form textarea {
    margin-top: 6px;
    padding: 16px;
    border-radius: 10px;
    min-height: 232px;
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
.wb04-forms__form input[type='text'], .wb04-forms__form input[type='email'], .wb04-forms__form input[type='tel'], .wb04-forms__form select {
    height: 48px;
    width: 100%;
    margin-top: 8px;
    border: 1px solid #454545;
    border-radius: 10px;
    padding: 0 16px;
    outline: none;
}

.wb04-forms__form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/dropdown_arrow_down.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.primary-button, .tertiary-button__icon {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: rgba(23, 23, 23, 0.8);
    height: 48px;
    min-width: 48px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-radius: 10px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.primary-button--highlight {
    background-color: #d9261c;
}
.primary-button, .tertiary-button__icon {
    height: 56px;
    min-width: 56px;
    position: relative;
}
.wb04-forms__form .wb04-forms__btn {
    min-width: 96px;
    height: 40px;
    margin: 40px auto 0;
}
.wb04-forms .wb04-forms__btn {
    height: 56px;
    justify-content: center;
}
.primary-button span:not([class*='font-ico']), .tertiary-button__icon span:not([class*='font-ico']) {
    font-size: 14px;
}


@media screen and (min-width:768px){
    .publicfff{padding:30px 0 50px;}
    .job_listdl{padding:0px 2% 0px 3%;}
    .job_listdl dd.title{width: 70%;}
    .job_listdl dd.bumen{width: 10%;}
    .job_listdl dd.ren{width: 15%;}
    .job_listdl dd.more{width: 5%;}
}

@media screen and (max-width:1024px){
    .publicfff{padding:1em 2% 2em;}
    .job_listdl{padding:0px 2% 0px 3%;    width: 90%;
        margin: 10px auto;}
    .job_listdl dd.title{width: 60%;}
    .job_listdl dd.bumen{width: 25%;}
    .job_listdl dd.ren{width: 15%; display: none;}
    .job_listdl dd.more{width: 15%;}
    .procon{
        float: none;
        width: auto;
        margin: 20px 2%;
        height: auto;
    }
    .procon .con{
        overflow: hidden;
    }
    .procon .tit{
        font-size: 20px;
        padding: 20px;
    }
    .procon .tit span{
        margin-top: 7px;
    }

    .procon .con a{
        margin-right: 2%;
        height: auto;
    }
    .procon .con a:nth-of-type(even){
        float: right;
        margin-right: 0;
    }
    .location .mianbao{
        display: none;
    }
    .jiansuo .fl{
        display: none;
    }
    .jiansuo .fr{
        float: none;
        margin-left: 2%;
        overflow: hidden;
    }
    .jiansuo .fr .wenben{
        width: 250px;
    }
    .protable{
        overflow-x: auto;
    }
    .about_main{
        padding: 20px 2%;
    }
    .about_main .tit{
        font-size: 26px;
    }
    .mainnew_list .tabList ul li{
        position: relative;
        width: auto !important;
        height: auto !important;
        margin: 0 2%;
        left: auto !important;
        margin-bottom: 20px;
    }
    .mainnew_list{
        width: auto;
    }
    .jiansuobox{
        width: auto;
        margin: 20px 2% 0;
    }
    .procpli{
        width: auto;
        margin: 0 2%;
    }
    .mainnew_list .tabList ul{
        height: auto;
        width: auto;
    }
    .mainnew_list .tabList ul li img{
        width: 100%;
    }
    .mainnew_list .tabList{
        display: block !important;
    }
    .tabClick{
        display: none;
    }
    .location .maincate a{
        margin-left: 15px;
        font-size: 16px;
    }
    .news-list a{
        max-width: 70%;
    }
    .location .maincate{
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
    }
}