@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0; box-sizing: border-box}
body
{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1200px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}/*限制文字,文字超出显示冒号*/
.t_center { text-align:center;}
/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 30px 0;line-height: 2}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.wengzhengfanye span {}
.wengzhengfanye a:hover { text-decoration:underline;}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink {text-align:center;margin-top: 40px}
.pagelink span,.pagelink a
{ display:inline-block;text-align:center; font-size:12px; padding:6px 10px; border:solid 1px #ddd; color:#666; margin:0 2px;}
.pagelink a:hover,.pagelink a.on
{ background:#2F3032; color:#fff; border:solid 1px #2F3032;}
.pagelink span{display:inline-block; color:#fff; background:#2F3032; border:solid 1px #2F3032;}

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:30px 0 40px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 12px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#2d3f7f; }

/*========================================= 首页 =====================================*/
.container { width:1200px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

.header{background: #fff}
.head{display: flex;align-items: center;justify-content: space-between;padding: 20px 0}
.logo a{display: flex;align-items: center}
.logo h1{font-size: 16px;color: #4d4d4d;font-weight: normal;margin-left: 20px;margin-top: 25px}
.headr{background: url("../img/tel.png") no-repeat left;padding-left: 55px;}
.headr p{color: #4d4d4d;font-size: 16px}
.headr b{color: #006EB8;font-size: 24px;line-height: 30px;}

.nav{border-top: 1px solid #eee;background: #fff;width: 100%;z-index: 9999}
.nav.on{box-shadow: 0 0 10px #ccc;position: fixed;top: 0;left: 0}
.nav ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.nav li{line-height:50px; float:left; position:relative;}
.nav li a{display:block; font-size:16px; position:relative;transition: all 300ms ease;}
.nav li a:after{content: '';position: absolute;width: 100%;height: 3px;background: #006EB8;left: 0;bottom: 0;opacity: 0}
.nav li a:hover,.nav li.active a{color: #006EB8;}
.nav li:hover a:after,.nav li.active a:after{opacity: 1}

.xlnav{opacity: 0;transition: all .3s ease 0s;z-index: 100;width: 550px;display: flex;justify-content: space-between;
    visibility: hidden;position: absolute;top: 50px;left: 50%;margin-left:-225px;background: #fff}
.xlnav ul{width: 220px;background: #F3F3F3;float: left;padding: 15px;display: initial!important;}
.xlnav ul li{width: 100%;border-bottom: 1px dashed #ccc;line-height: 35px}
.xlnav ul li:last-child{border-bottom: none}
.xlnav ul li a{background: none!important;font-size: 14px;padding: 0 10px;color: #333!important;}
.xlnav ul li a:after{opacity: 0!important;}
.xlnav ul li a:hover{background: #006EB8!important;color: #fff!important;}
.nav li:hover .xlnav{opacity: 1;visibility: visible;}
.xlnav dl{width: 355px;background: #fff;float: left;padding: 20px;}
.xlnav dl dd{width: 100%;height: 130px;overflow: hidden;position: relative}
.xlnav dl dd img{width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.xlnav dl h3{font-size: 18px;color: #006EB8;margin: 5px 0 0}
.xlnav dl p{color: #666;line-height: 1.8}

/*banner图片切换样式*/
.banner { width:100%; /*height:550px;*/ overflow:hidden;position:relative;}
.banner ul li { overflow:hidden; float:left; /*height: 550px*/}
.banner ul li img{max-width: 100%;vertical-align: top}
.banner .swiper-button-prev,.banner .swiper-button-next { width:60px; height:90px; background:url(../img/banner_arrows.png); position:absolute; top:40%; z-index:99; cursor:pointer;}
.banner .swiper-button-prev { background-position:0px 180px; left:5px;}
.banner .swiper-button-next { background-position:0px 90px; right:5px;}
.banner .swiper-button-prev:hover { background-position:0px 0px; left:5px;}
.banner .swiper-button-next:hover { background-position:0px 270px; right:5px;}
.banner .pagination{ position: absolute; bottom:30px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:30px;height:8px;margin:0 6px!important;cursor: pointer;opacity: 1; background-color:#fff;border-radius: 15px }
.banner .swiper-pagination-bullet-active{ background-color:#006EB8; }

.onenav{background: #006EB8;overflow: hidden}
.onenav ul{display: flex;justify-content: space-between}
.onenav ul li{line-height: 60px;font-weight: bold;color: #fff;background: url("../img/dui.png") no-repeat left;padding-left: 35px;}
.onenav ul li:nth-child(1){background: url("../img/1.png") no-repeat left;background-size: 22px}
.onenav ul li:nth-child(2){background: url("../img/2.png") no-repeat left;background-size: 26px}
.onenav ul li:nth-child(3){background: url("../img/3.png") no-repeat left;background-size: 25px}
.onenav ul li:nth-child(4){background: url("../img/4.png") no-repeat left;background-size: 23px}
.onenav ul li:nth-child(5){background: url("../img/5.png") no-repeat left;background-size: 23px}

.title{text-align: center;margin-top: 40px;color: #555;}
.title p{font-size: 24px;font-weight: bold;text-transform: uppercase}
.title h2{font-size: 24px;position: relative;font-weight: normal;margin-top: 5px}

.oneA{background: url("../img/oa.png") no-repeat center;overflow: hidden}
.oneAs{position: relative;width: 1320px;margin: 0 auto;padding: 40px 0}
.oneAss{width: 1200px;margin: 0 auto;padding-bottom: 30px}
.oneAss ul li{width: 270px;background: #fff;float: left;}
.oneAss ul li a{border: 1px solid #e0e0e0;display: block;}
.oneAss ul li dd{margin: 8px;overflow: hidden;height: 240px;position: relative}
.oneAss ul li dd img{max-width: 100%;max-height:100%;transition: all 0.5s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneAss ul li:hover dd img{transform: scale(1.06);transition: all 0.5s}
.oneAss ul li:hover{box-shadow: 0 0 14px rgba(45, 63, 127, 0.1);}
.oneAss ul li:hover p{background: #006EB8;color: #fff}
.oneAss ul li p{background: #e0e0e0;line-height: 40px;text-align: center}
.oneAs .swiper-button-prev,.oneAs .swiper-button-next{width: 34px;height: 52px;background: #B5B5B5;text-align: center}
.oneAs .swiper-button-prev img,.oneAs .swiper-button-next img{width: 12px;margin-top: 15px}
.oneAs .pagination{text-align: center}
.oneAs .swiper-pagination-bullet{width: 12px;height: 12px;display: inline-block;border-radius: 100%;background: #DFDFDF;margin: 0 5px!important;}
.oneAs .swiper-pagination-bullet-active{background-color: #006EB8;opacity: 1}

.oneB{overflow: hidden;margin-top: 20px}
.oneB ul li{width: 285px;float: left;position: relative;margin: 20px 20px 0 0;transition: all 0.5s;}
.oneB ul li dd{width: 100%;height: 190px;overflow: hidden}
.oneB ul li dd img{max-width: 100%;transition: all 0.5s;min-height: 190px}
.oneB ul li p{position: absolute;left: 0;bottom: 0;font-size: 16px;background-color: rgba(27, 2, 2, 0.4);color: #fff;line-height: 40px;width: 100%;text-align: center}
.oneB ul li:nth-child(4n){margin-right: 0}
.oneB ul li:hover dd img{transition: all 0.5s;transform: scale(1.2)}
.oneB ul li a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background-color: rgba(27, 2, 2, 0.4);transition: all 0.5s;z-index: 1}
.oneB ul li a:hover:after{height: 100%}

.oneC{background: url("../img/oc.png") no-repeat center;overflow: hidden;margin-top: 50px;padding-bottom: 50px}
.oneC .title{text-align: left}
.oneCl{width: 544px;}
.oneCla{margin-top: 40px}
.oneCla dd{width: 100%;height: 142px;overflow: hidden;position: relative}
.oneCla dd img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.oneCl .text{line-height: 1.8;text-indent: 2em;margin-top: 20px;min-height: 120px}
.oneCr{width: 620px;}
/*.oneCr .title{text-align: center}*/
.oneCra{margin-top: 40px;height: 287px;overflow: hidden}
.oneCra dl{margin-bottom: 4px}
.oneCra dl h3{line-height: 36px;background: #fff;padding: 0 10px;font-weight: normal;display: flex;align-items: center;justify-content: space-between}
.oneCra dl p{width: 80%;font-size: 14px}
.oneCra dl i{display: inline-block;width: 13px;height: 13px;background: url("../img/ocr.jpg") no-repeat center}
.oneCra dl ul{background: #fff;padding: 5px 25px 10px;font-size: 12px;display: none}
.oneCra h3.on i {background: url(../img/ocrh.jpg) no-repeat center;}
.oneCra dl h3:hover{color: #006EB8}
.more{margin-top: 30px;}
.more a{color: #006EB8}
.more a:hover{text-decoration: underline}


.footer { width:100%; background:#4F5456;margin-top: 50px;overflow: hidden}
.foot{padding: 40px 0;border-bottom: 1px solid #666;overflow: hidden}
.footl{display: flex;justify-content: space-between;width: 910px;padding-right: 90px;border-right: 2px solid #666666}
.footl ul h3{color: #fff;font-size: 18px;font-weight: normal;}
.footl ul i{display: block;width: 28px;height: 3px;background: #999999;margin: 15px 0}
.footl ul li a{color: #ccc;line-height: 30px}
.footl ul li a:hover{color: #fff}
.footr{line-height: 1.8}
.footr p{color: #aaaaaa;text-align: right}
.footr b{font-size: 16px;color: #eeeeee;text-align: right;display: block;background: url("../img/phone.png") no-repeat 20px;}
.footr dl{background: #F5F5F5;padding-bottom: 10px;margin-top: 10px}
.footr dl dd{padding: 10px}
.footr dl dd img{width: 136px;height: 136px;}
.footr dl p{text-align: center;color: #555}

.copy{color: #999;line-height: 50px;font-size: 12px}
.copy a{color: #999}

/*========================================= 关于我们 =====================================*/
.ny_ban{height: 350px;overflow: hidden;}

.ny_nav{width: 100%;background: #4F5456}
.ny_nav ul{display: flex;justify-content: center;flex-wrap: wrap}
.ny_nav ul li{line-height: 50px;position: relative}
.ny_nav ul li a{color: #fff;display: block;padding: 0 40px;position: relative;z-index: 2}
.ny_nav ul li:after{content: '';position: absolute;left: 50%;bottom: 0;height: 100%;transition: all 0.3s ease;background: #006EB8;width: 0;z-index: 1;transform: translateX(-50%);opacity: 0}
.ny_nav ul li:hover:after,.ny_nav ul li.active:after{width: 100%;opacity: 1}

.about{overflow: hidden;line-height: 2;margin-top: 30px;min-height: 300px}
.about img{max-width: 100%}

.nytitle{border-bottom: 1px solid #eaeaea;}
.nytitle h2{font-size: 16px;font-weight: normal;display: inline-block;padding: 0 15px;border-bottom: 1px solid #2b2b2b;line-height: 46px}

.contentr{margin-top: 15px;overflow: hidden;width: 950px;}

.product{background: #fff;padding: 40px;border: 1px solid #eee;margin-top: 40px}
.productl{text-align: center;width: 400px;position: relative}
.productl img{max-width: 100%}
.productr{width: 680px;}
.productr h1{border-bottom: 1px dashed #ccc;font-size: 18px;color: #006EB8;padding-bottom: 15px}
.productr .text{color: #666;line-height: 2;margin-top: 20px}
.product:hover{box-shadow: 0 0 10px rgba(235,61,0,0.1);transform: translateY(-3px);transition: all 0.5s;cursor: pointer}

.case{background: #F4ECEC;padding: 40px;margin-top: 40px}
.caseA{background: #fff;padding: 15px 15px 40px;border: 1px solid #eee;overflow: hidden}
.caseAl{background: #FFDFE3;width: 453px;height: 234px;position: relative}
.caseAl dd{width: 462px;height: 228px;position: absolute;top: 15px;left: 15px;overflow: hidden}
.caseAl dd img{max-width: 100%}
.caseAr{width: 584px;}
.caseAr h1{border-bottom: 1px dashed #ccc;font-size: 18px;color: #555;padding-bottom: 15px}
.caseAr .text{color: #666;line-height: 2;margin-top: 20px}
.caseA:hover{box-shadow: 0 0 10px rgba(235,61,0,0.1);transform: translateY(-3px);transition: all 0.5s;cursor: pointer}

.caseB{padding: 15px 15px 40px;background: #fff;border: 1px solid #eee;overflow: hidden;margin-top: 20px}
.caseB h2{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed #ccc;padding: 10px 0 20px 0}
.caseB h2 span{font-size: 18px;color: #555;}
.caseB h2 a{display: inline-block;width: 101px;line-height: 25px;border: 1px solid #cccccc;font-size: 12px;color: #444;text-align: center;font-weight: normal}
.caseB h2 a:hover{background: #006EB8;color: #fff;border-color: #006EB8}
.caseB ul li{width: 260px;float: left;position: relative;margin: 25px 15px 0 0;transition: all 0.5s;}
.caseB ul li dd{width: 100%;height: 190px;overflow: hidden}
.caseB ul li dd img{max-width: 100%;transition: all 0.5s;min-height: 100%}
.caseB ul li p{position: absolute;left: 0;bottom: 0;background-color: rgba(27, 2, 2, 0.4);color: #fff;line-height: 35px;width: 100%;text-align: center}
.caseB ul li:nth-child(4n){margin-right: 0}
.caseB ul li:hover dd img{transition: all 0.5s;transform: scale(1.2)}
.caseB ul li a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background-color: rgba(27, 2, 2, 0.4);transition: all 0.5s;z-index: 1}
.caseB ul li a:hover:after{height: 100%}

.content{margin-top: 40px}
.newsl{width: 277px;}
.ny_nav2{width: 277px;box-shadow: 0px 4px 14px rgba(68, 68, 68, 0.1);}
.ny_nav2 h2{line-height: 68px;color: #fff;background: #006EB8;font-weight: normal;font-size: 20px;padding: 0 25px}
.ny_nav2 ul{background: #fff;padding: 20px;}
.ny_nav2 ul li{line-height: 49px;border-bottom: 1px dashed #ccc;padding: 0 35px 0 10px;transition: all 0.3s}
.ny_nav2 ul li a{display: block}
.ny_nav2 ul li.active{background: #006EB8}
.ny_nav2 ul li.active a{color: #fff}
.ny_nav2 ul li:last-child{border-bottom: none}

.newslhot{width: 100%;margin-top: 40px;background: #fff;padding: 0 20px;box-shadow: 0px 4px 14px rgba(68, 68, 68, 0.1);}
.newslhot h2{font-size: 20px;line-height: 68px;font-weight: normal;border-bottom: 1px solid rgba(221,221,221,1)}
.newslhot ul{background: #fff;padding: 15px 0 40px 0}
.newslhot ul li{line-height: 36px;border-bottom: 1px dotted #ccc;position: relative;padding-left: 15px}
.newslhot ul li a{color: #666}
.newslhot ul li a:hover{text-decoration: underline;color: #006EB8}
.newslhot ul li:before{content: '';position: absolute;top: 16px;left: 0;width: 4px;height: 4px;background: #666}

.show{width: 885px;background: #fff;padding: 20px 20px 40px;}
.show h2{font-size: 16px;color: #555;border-bottom: 1px dashed #ccc;padding-bottom: 15px}
.show .con{margin-top: 30px;}
.show .con table{width: 100%;border: 1px solid #333}
.show .con table td{padding: 10px 0}

.news{width: 885px}
.news ul li{border-bottom: 1px dotted #ddd;overflow: hidden;padding-bottom: 15px;margin-bottom: 15px}
.news ul li dd{width: 140px;height: 100px;overflow: hidden}
.news ul li dd img{max-width: 100%;transition: all 0.5s}
.news ul li dl{width: 725px;}
.news ul li dl h3{font-size: 16px;color: #404040}
.news ul li dl p{color: #999;text-decoration: none;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;text-overflow: ellipsis;margin: 10px 0}
.news ul li dl span{color: #999;font-size: 12px}
.news ul li:hover dl h3{color: #006EB8}
.news ul li:hover dd img{transform: scale(1.1)}


.recruit h2{color: #006EB8;font-size: 18px;}
.recruit{background: #F3F3F3;padding: 30px 35px;overflow: hidden}
.recruit ul{margin-top: 30px;}
.recruit ul li{width:49.4%;height:300px;overflow: hidden;background: #fff;padding: 30px;transition: all .3s ease-in-out;margin-bottom: 16px;float: left;}
.recruit ul li a{display: block;}
.recruit ul li em{display: inline-block;font-style: normal;background: #fff;
    border: 1px solid #006EB8;border-radius: 15px;width: 94px;text-align: center;line-height: 26px;font-size: 12px;color: #006EB8}
.recruit ul li em a{color: #006EB8}
.recruit ul li b{color: #989898;}
.recruit ul li h3{color: #262626;margin: 24px 0}
.recruit ul li p{font-size: 12px;color: #989898;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.recruit ul li strong{color: #006EB8;font-size: 12px;margin-top: 48px;;display: inline-block}
.recruit ul li em:hover{background: #006EB8;color: #fff}
.recruit ul li em:hover a{color: #fff}
.recruit ul li:hover{transform: perspective(900px) translate3d(0, -8px, 8px);background-color: rgb(238, 238, 238);box-shadow: 0 5px 30px 0 rgba(0,0,0,0.1);}
.recruit ul li:nth-child(2n){float: right}


.contactA{margin-top: 40px;overflow: hidden;}
.contactAl{width: 720px;height: 350px;}
.contactAr{width: 430px;}
.contactAr h1{border-bottom: 1px solid #ccc;font-size: 18px;color: #006EB8;font-weight: normal;padding: 20px 0 30px}
.contactAr ul{margin-top: 30px}
.contactAr ul li{margin-top: 12px;color: #666;padding-left: 20px}
.contactAr ul li:nth-child(1){background: url("../img/fs1.png") no-repeat left}
.contactAr ul li:nth-child(2){background: url("../img/fs2.png") no-repeat left}
.contactAr ul li:nth-child(3){background: url("../img/fs3.png") no-repeat left}
.contactAr ul li:nth-child(4){background: url("../img/fs4.png") no-repeat left}


#dituContent{height: 350px;}

.contactB{background: #F4ECEC;padding: 20px;overflow: hidden;margin-top: 40px}
.contactB h3{font-weight: normal}
.contactB ul li{width: 373px;height: 145px;display: flex;justify-content:space-between;background: #fff;float: left;margin: 20px 20px 0 0}
.contactB ul li h3{width: 68px;height: 145px;background: #006EB8;color: #fff;font-weight: bold;font-size: 20px;
    writing-mode: vertical-lr;text-align: center;line-height: 68px;letter-spacing: 10px}
.contactB ul li dl{width: 285px;color: #666;line-height: 2;padding: 18px 10px 0 0}
.contactB ul li dl p{padding-left: 25px}
.contactB ul li:nth-child(3n){margin-right: 0}
.contactB ul li dl p:nth-child(1){background: url("../img/lx1.png") no-repeat left 8px;}
.contactB ul li dl p:nth-child(2){background: url("../img/lx2.png") no-repeat left 8px;}
.contactB ul li dl p:nth-child(3){background: url("../img/lx3.png") no-repeat left 5px;}

.message{color: #666;width: 460px;margin: 0 auto}
.message dl{line-height: 34px;width: 100%;overflow: hidden;margin-top: 25px;}
.message dl label{display: inline-block;width: 56px;text-align: right;float: left}
.message dl input{line-height: 34px;border: 1px solid #dadada;width: 400px;float: left;text-indent: 10px}
.message dl textarea{width: 400px;min-height: 100px;border: 1px solid #dadada;text-indent: 10px}
.message a{display: inline-block;width: 200px;line-height: 40px;background: #004894;color: #fff;text-align: center;margin: 25px 0 0 56px;border-radius: 3px}

/*=======================================新闻详情页============================================*/
.rt_con{margin-top: 40px}
.view{width: 850px;background: #fff;padding: 0 20px}
.news_info{overflow:hidden;}
.info_title{text-align:center;}
.info_title h1{font-size:22px;margin-top: 20px}
.info_laiyuan{text-align:center; margin-top: 20px;color: #999}
.info_text{padding:20px 0;line-height:2;min-height: 300px;border-bottom: 1px dashed #ccc;}
.info_text img{max-width:100%;}
.info_picA{padding:10px;text-align:center;}
.info_picA img{max-width:100%; width: expression(this.width > 720 ? 720: true)}
.showimg{display: flex;justify-content: center;margin: 15px 0}
.showimg img{width: 24%;padding: 0 1%}
.info_text h2{padding: 20px 0}

.viewhot{width: 311px}
.viewhot h2{background: #006EB8;color: #fff;text-align: center;font-size: 20px;line-height: 68px;font-weight: normal}
.viewhot ul{background: #fff;padding: 15px 20px}
.viewhot ul li{line-height: 36px;border-bottom: 1px dotted #ccc;position: relative;padding-left: 15px}
.viewhot ul li a{color: #666}
.viewhot ul li a:hover{text-decoration: underline;color: #006EB8}
.viewhot ul li:before{content: '';position: absolute;top: 16px;left: 0;width: 4px;height: 4px;background: #666}
.location{color: #666;padding: 20px 0;border-bottom: 1px dashed #ccc;}
.location a{color: #666}