@import url("basic.css");
a,a:link,a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}
img{ border:0px;}
body{ font-size:14px; margin:0px; line-height:170%; color:#333; background-color:#FFFFFF; font-family:'microsoft yahei';}
.Sheader{ height:78px; background-color: #fff; }
.Swrapper{max-width:1260px; margin:6px auto 0; margin:0px auto;}
.Sheader .Swrapper{ height:100%; position:relative;}
.Sheader .Slogo{float:left; width:30%; line-height:78px; padding-left:12px;}
.Sheader .Slogo a{display:inline-block}
.Sheader .Slogo img{max-height: 48px;}
.Sheader .Smenu{float:left; width:70%; line-height:30px; padding-top:9px; padding-left:2px;}
.Smenu > ul{margin:0; padding:0px; background-color:#fff;}
.Smenu > ul > li{display:inline-block; width:31%; height:100%; padding: 0; white-space:nowrap;}
.Smenu > ul > li a{width:100%; text-align:center; margin:0 auto; font-size:16px; }
.Smenu > ul > li > a:link,.Smenu > ul > li > a:visited{display:inline-block; text-align:center; line-height:30px; text-decoration:none; border-radius:30px;}
.Smenu > ul > li > a.select:link,.Smenu > ul > li > a.select:visited{background-color:#126AB4; color:#fff;}
.txtScroll-left{margin:0;}

.beian{display: flex; align-items: center; justify-content: center; padding: 0; color: #909090;text-align: center; font-size: 12px;}
.beian a{margin: 0 10px;text-decoration: none;}


.hfSheader{max-height:180px; overflow:hidden;}	
.hfdiv{max-height:180px;}
.hfdiv .Swrapper{height:0; position:relative;}
.hfdiv .hfdelete{position:absolute;top:8px; right:10px; font-size:30px;cursor:pointer; color:#000;}


.Sibanner{height:171px; }
.slide-main{height:171px;position:relative;}

.slide-box{position:relative;}
.slide-box,.slide{display:block;width:100%;height:100%;overflow:hidden;}
.slide{display:none;height:100%;background:#fff;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:100%;cursor:pointer;}
.obj-a,.obj-b,.obj-c{position:absolute;z-index:9; height:100%;width:100%;text-align:center;}
.obj-a{width:100%;background:url(../image/banner1_1.jpg) no-repeat 50% 0; background-size: 100%;}
.obj-b{width:100%;background:url(../image/banner2_1.jpg) no-repeat 50% 0; background-size: 100%;}
.obj-c{width:100%;background:url(../image/banner3_1.jpg) no-repeat 50% 0; background-size: 100%;}
.item{display:block;width:100%;height:15px;position:absolute;z-index:124;bottom:15px;left:0;text-align:center;}
.item a{width:8px;height:8px;background:#ccc;border-radius:50%;display:inline-block;margin:0 3px;cursor:pointer;overflow:hidden;}
.item a.cur{background:#f60;width: 30px;border-radius:10px;}

.Sinews{ background-color: #2386E1; height: 50px; padding:12px 0;}
.inews_title{ height: 24px; float: left; background:url(../image/icon_1.png) no-repeat 10px 50%; padding-left:45px; color: #72FFFF; font-size: 16px;}
.inews_more{ float: right; padding-right: 10px;}
.inews_more a{ border:1px solid #72FFFF; border-radius: 20px; padding:0 8px; display: inline-block; height: 24px; line-height: 24px; color: #72FFFF;}
.inews_list, .inews_list ul{ margin: 0;}
.inews_list{ margin-left: 120px; margin-right: 110px; height: 24px; overflow: hidden; position: relative;}
.inews_list li{ position: relative; overflow: hidden;  height: 25px; line-height: 25px; white-space: nowrap; text-overflow: ellipsis; color: #fff;}
.inews_list .time{ position: absolute; right: 45px; top: 0; line-height: inherit; color: #72DCFF;font-size:16px; display:none;}
.inews_list li > a{ background: url(../image/icon_2.png) no-repeat 0 50%; padding-left: 14px; font-size: 14px; color: #fff;}

.Sibody{ overflow:hidden; padding:25px 0}
.Spic-1,.Spic-3{display: table-cell; vertical-align:middle; text-align:left; width:50%;}
.Spic-2,.Spic-4{display: table-cell; vertical-align:middle; text-align:right; width:50%;}
.Scon-1,.Scon-3{display: table-cell; vertical-align:middle; margin:0 auto; width:50%;}
.Scon-2,.Scon-4{display: table-cell; vertical-align:middle; margin:0 auto; width:50%;}
.Spicimg{width:100%;}
.Stitle{display:inline-block;width:100%; line-height: 44px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; font-size: 18px; font-weight: 600; color: #fff; text-align: center;}
.Stitle_1{ background-image: url(../image/title_i1.png); float: right; }
.Stitle_2{ background-image: url(../image/title_i2.png); float: left; }
.Stitle_3{ background-image: url(../image/title_i3.png); float: right; }
.Scontext{ display: block; padding-top:60px; font-size:10px; color:#666; line-height:20px; text-align: center;}
.Sibody.last{ margin-bottom: 50px; }

.Spage-titleimg1{background-image: url(../image/title_i3.png);}

.Sfooter{ background:#1b2b38; }
.Sicopy,.Scopy{ background:#15232c;  padding-top: 5px; padding-bottom: 5px;}
.Sfooter .Swrapper{ padding:30px 0px 30px 0; color:#a0a0a0; font-size:18px;}
.Sicopy .Swrapper,.Scopy .Swrapper{ padding:10px 0; text-align:center; line-height:30px; color:#909090;}
.Scopy .Swrapper{ text-align: left;}
.Sicopy a:link,.Sicopy a:visited,.Scopy a:link,.Scopy a:visited{ color:#909090;}
.Sicopy a:hover,.Scopy a:hover{ color:#18bfff;}
.Sfcode{ float:right; padding-right: 20px;}
.fcodeitem{text-align:left;line-height:30px;}
.fcodeitem p{ margin: 0; padding-top: 10px;}
.Stel{float:left; padding-left:120px; padding-top:10px;}
.Stel_ewm{display: inline-block; width:140px;height:140px; background-color:#fff; margin:0 auto;}
.Stel_ewm .Stel_ewmdiv{width:130px;height:130px; margin:0 auto; margin-top:5px;}
.Stel p{text-align:center; line-height:8px;}
.telfont{font-size:24px;}
.Sbnav,.Sbnav a:link,.Sbnav a:visited{ color:#929F9F; font-size: 18px; line-height: 50px;}
.sicon{ display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 10px;}
.Sbnav{float: left; padding-left: 20px;}
.icon_nav1{ background: url(../image/icon_3.png) no-repeat 0 0;}
.icon_nav2{ background: url(../image/icon_4.png) no-repeat 0 0;}
.icon_nav3{ background: url(../image/icon_5.png) no-repeat 0 0;}
.icon_nav4{ background: url(../image/icon_6.png) no-repeat 0 0;}
.icon_nav5{ background: url(../image/icon_7.png) no-repeat 0 0;}
.icon_nav6{ background: url(../image/icon_8.png) no-repeat 0 0;}

.Sbanner{ height: 320px; background-position:50% 0; }

.Sbody{ min-height:560px; }
.Spage-title{ padding:30px 0; text-align: center;}
.Spage-title img{width:50%;}
.Spage-body{ border-top: 1px solid #eee; padding:0 5px 15px;}


.news-list{ margin: 0;}
.news-list li{ padding:35px 0;}
.news-list li .haveimg{ float: left;}
.news-list li .txtarea{ color: #525252; font-size: 16px; line-height: 32px; position: relative;}
.txtarea h3{ font-size: 18px; margin-right: 130px; margin-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.txtarea h3 a{ color: #003366;}
.txtarea p{ margin: 15px 0 0; line-height: 1.6;}
.news-list li .haveimg+.txtarea{ margin-left: 216px; }
.txtarea .time{ font-size: 18px; position: absolute; right: 10px; color: #aaa;}

.Spage-nvatabs{ text-align: center; margin-top: 20px; margin-bottom: -10px;}
.Spage-nvatabs a{ display: inline-block; width:150px; border: 1px solid #126AB4; padding: 10px 15px; font-size: 20px; border-radius: 40px; color: #126AB4; cursor: pointer; margin:0 10px}
.Spage-nvatabs a.select{ background-color:#126AB4; color: #fff;}


.product-list{ margin:0; padding:0}
.product-list li{ width: 100%; float: left; text-align: center; padding: 20px; border-bottom:1px solid #eee;}
.product-list li:last-child{border-bottom:0;}
.product-wrap{ text-align: left; position: relative; border-radius: 5px; border: 1px solid #dddddd; padding:15px 20px;}
.product-wrap:hover{ background-color: #F4F5F7;}
.product-header{ border-bottom: dashed 1px #ddd; text-align: center; font-size: 20px; line-height: 40px; height: 44px; }
.product-body{ padding:10px 0; color: #777;}
.product-bot{ padding: 0; text-align: right;}
.product-bot a{ display: inline-block; border: 1px solid #126AB4; height: 28px; padding:0 10px; border-radius: 20px;}


.Spage-titleys{padding:10px 0;}
.Spage-title h2{ position: relative; color: #00468C; font-size: 28px; font-weight: 400; background: url(../image/title_bg1.png) no-repeat 50% 50%; height: 50px; line-height: 50px;}
.Spage-title h2:before,.Spage-title h2:after{ content: ''; display: block; position: absolute;}
.Spage-title h2:before{ border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; height: 36px; margin-top: 25px; left: 0; right: calc( 50% + 130px);}
.Spage-title h2:after{ border-top: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; height: 36px; margin-top: -25px; right: 0; left: calc( 50% + 130px);}
.Spage-title.detail +.Spage-body{ border:1px solid #EEEEEE; padding-top: 0; }
.Spage-title.detail +.Spage-body:last-child{  background: linear-gradient(#ffffff, #f4f4f4);}
.productshow-wrap{ text-align: left; position: relative; border-radius: 5px; border: 0px solid #dddddd; padding:15px 20px;}
.productshow-wrap:hover{ background-color: #F4F5F7;}
.productshow-header{ text-align: center; font-size: 18px; }
.productshow-header h3{ font-size: 18px; margin-bottom: 0;}
.productshow-body{ padding:10px 0; color: #777;}
.productshow-bot{ padding: 0; text-align: right;}
.productshow-bot a{ display: inline-block; border: 1px solid #126AB4; height: 28px; padding:0 10px; border-radius: 20px;}


.job-search{ background: #F6F6F6; border-top: 1px solid #eee; padding:10px 200px;}
.job-search input,.job-search select,.job-search button{ border-radius: 3px; border-style: solid; border-width: 1px; border-color: #ccc; height: 32px; outline: none; padding: 0 5px;}
.job-search input[type='text'],.job-search select{ width: 230px;}
.job-search button{ background: #00468C; color: #fff; border-width:0; padding:0 10px; cursor: pointer;}
.icon_10{ width: 16px; height: 16px; background-image: url(../image/icon_10.png);}
.jobtable{ width: calc( 100% - 190px ); border-collapse: collapse; margin: -25px -15px 0 -15px; border: 1px solid #eee;float:left;}
.jobtable thead{ background: #f8f8f8;  border-bottom: 1px solid #eee;}
.jobtable thead th{ height: 56px; font-size: 16px;}
.jobtable td{ height: 66px; padding: 10px 20px; font-size: 16px;}
.jobtable td a{ color: #00468C;}


.jobdiv{ width: calc( 100% + 30px );height:260px; border-collapse: collapse; margin: 30px -15px 0 -15px;}
.jobdiv .jobtitle{height:40px;font-size:24px; font-weight:bold;color:#d81e06}
.jobdiv .jobjlxx{margin-top:30px;font-size:16px;}


.jobshow-header+.Spage-body{ border-top: 0; padding-top: 0;}
.jobheader-area{ background: linear-gradient(#f4f4f4, #ffffff); border: 1px solid #eee; margin:-20px 20px; padding:20px; text-align: left;}
.jobshow-btn{ float: right; margin: 10px 0 0 0;}
.jobshow-btn a{ display: block; width: 380px; height: 48px; line-height: 48px; text-align: center; color: #ffffff; background-color: #1787FB; font-size: 18px; font-weight: 600; border-radius: 5px;}
.jobshow-title,.jobshow-desc{ margin-right: 260px;}
.jobshow-title{ font-size: 24px;}
.jobshow-title h3{ display: inline-block; margin:10px 0; font-size: inherit;}
.jobshow-desc{ padding-top: 10px; color: #444; font-size: 15px;}


.contact-area{ width: 880px; margin: 20px auto;}
.contact-img{ float: left; padding:0 20px}
.contact-txt{ float: right;  width: 460px; min-height: 300px; padding:0 10px 10px 10px;}
.contact-txt p{line-height: 1.5;}
.contact-txt .txt_width{width:200px; height:4px; background-color:#367BC4;}


.show-title{ font-size: 22px; line-height: 2; padding:10px 10px; text-align: center;}
.show-other{ margin-bottom: 5px; padding:0 10px}
.show-print{ margin:0 15px;}
.show-share{ display: inline-block; vertical-align: middle; margin: 0 15px;}
.Spage-con{ padding:0px 10px; font-size: 16px; line-height: 2;}
.Spage-con h1{font-size:26px;}


.pagearea{ margin:10px auto 0;}
.pagearea span:first-child{display:block; font-size:14px; margin-bottom:10px; letter-spacing:2px;}
.pagearea span:last-child{display:none;}
#kkpager{clear:both;color:#999;padding:5px 0px 5px 0px;font-size:13px;text-align: center;}
#kkpager a{border: 1px solid #ccc;display: inline;padding: 3px 10px 3px 10px;margin-right: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;cursor: pointer;text-decoration:none;background: #fff;color:#999;}
#kkpager a:hover{border: 1px solid #2877C6;background: #F0FDFF;color: #2877C6;}
#kkpager select{background: #fff;color:#999; width:46px; line-height:22px;}

.Scopy .Swrapper{ padding-left:20px; padding-right: 20px;}
.Scopy .Swrapper .fr{ padding-top: 10px;}
.Scopy .Swrapper .fr .copy-wx{ margin-left: 20px; display: inline-block; vertical-align: text-bottom; position: relative;}
.fr .copy-wx i{ background: url(../image/icon_copywx.png); width: 36px; height: 36px; display: inline-block; vertical-align: middle;}
.fr .copy-wx img{ position: absolute; bottom: 100%; right: 100%; display: none;}
.Scopy .Swrapper .fr .copy-wx:hover img{ display: block;}



.block{display:block;}
.none{display:none;}
.p14{font-size: 14px;}


.listwz{float:left;}

#diannao{display:none;}
a{
	color:#444;
	text-decoration:none;
}
.zhaopin{
	margin:0 auto;
}
.zhaopin li{
	list-style: none;
	height:88px;
	border-bottom:2px solid #eee;
}
.zhaopin li a{
	text-decoration:none;
	color:#000000;
}
.h3,h6{float:left;height:20px;}

.xuiqu{
	width:90%;
	margin:10px auto;
	padding: 10px;
	border-bottom:2px solid #eee;
	background-image:url(../image/jian1.png);
	background-repeat:no-repeat;
	background-position:right ;
	background-size:20PX;
}
.shouji_p{
	font-size:16px;
}
.strong{font-size:20px;}
.strong,.xz{float:left;}
.xz{
	font-size:16px;
	color:#EA0000;
	position: relative;
	left: 10px;
	top: 2px;
}
.ii{
position: relative;
left: 300px;
top: 0px;
}

.p{
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.xinwenh3{
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin: 0 auto;
}

.job-phone{
	height:130px;
	position: relative;
	left: 0px;
	top: 10px;
}
.job-phone h1{
	float:left;
	position: relative;
	left: 8px;
	top: 0px;
}
.job-phone h3{
	float:right;
	position: relative;
	left: -30px;
	font-size:18px;
	top: 8px;
	color:#EA0000;
}
 
.job_p{
	position: relative;
	left: 8px;
	top: -20px;
}

.tab-panel-item {
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.tab-panel-item.tab-active ~ .tab-panel-item {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.tab-panel-item.tab-active {
    position: relative;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.tab-nav-item.tab-active a {
    color: #000000;
    font-size: 0.8rem;
    font-weight:bold;
}
.tab-nav-item a {
    display: inherit;
    font-size: 0.8rem;
    color: #666;
}

.b-line:after{
    left:15px;
    width:92%;

}
.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}
.b-line {
    position: relative;
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.aui-car-img img{
    width:110px;
    height:85px;
    display:block;
    border: none;
}
.aui-car-img{
    width:110px;
    height:85px;
    position:relative;
	left:-6px;
    overflow:hidden;
    margin-right: 0.8rem;
}
.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.aui-flex-box .aui-clear-line:before{
    border-right:0;

}
.aui-flex-box em .icon{
    width:18px;
    height:18px;
    background-size:18px;
}
.aui-flex-box em:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 3px;
    right: 10px;
    height: 80%;
    border-right: 1px solid #D9D9D9;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.aui-flex-box em{
    font-style:normal;
    color:#676767;
    font-size:0.85rem;
    width:100%;
    position:relative;
    display:block;
    padding-left:15px;
}
.aui-flex-box p{
    color:#999999;
    font-size:0.8rem;
	margin: 0 auto;
}
.aui-flex-box h2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #505050;
    font-size:1rem;
    text-align: justify;
    font-weight: normal;
    
	margin: 0 auto;
}

.aui-flex-box span{
    color:#507cf7;
    font-size:0.7rem;
    border:1px solid #507cf7;
    border-radius:2px;
    margin-bottom:0.2rem;
    display:block;
    width:45px;
    text-align:center;
    transform: scale(0.8);
}


.Spage-con p span img{
	width:100%; height:auto !important; margin: 0 auto;
}
.Spage-con p img{
	width:100%; height:auto !important; margin: 0 auto;
}
.Spage-con img{
	width:100%; height:auto !important; margin: 0 auto;
}


.Spage-con p span video{
	width:100%; height:auto !important; margin: 0 auto;
}
.Spage-con p video{
	width:100%; height:auto !important; margin: 0 auto;
}
.Spage-con video{
	width:100%; height:auto !important; margin: 0 auto;
}