@charset "utf-8";
/*============================ 初始化样式 ============================*/
@font-face {
    font-family:'iconfont';
    src: url('../font/PFDinTextCompPro-Regular.ttf') format('truetype');
}
* { margin:0; padding:0;box-sizing: border-box}
body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1200px;overflow-x: hidden}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
h3{font-weight:normal}
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;color: #014397}
.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;}
.container{width: 1300px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
/* 文章类别上下页 */
.page { padding:40px 0; overflow:hidden; text-align:center;}
.pagelink a { display:inline-block; padding:5px 11px; color:#666;background: #fff;border: 1px solid #ccc;margin: 0 6px;}
.pagelink a:hover,.pagelink a.on { background:#004499;color:#fff;border-color: #004499}
.pagelink span{display:inline-block; background:#004499;padding:5px 11px; color:#fff;margin: 0 6px;border: 1px solid #004499}

header{position: relative;background: #fff}
.logo{margin-top: 20px}
.nav{width: 1040px;}
.nav ul li{float: left;margin-left: 36px;font-size: 16px;}
.nav ul li a{display: inline-block;line-height: 106px;}
.nav ul li a:hover{color: #014397}
.nav ul li.active a{color: #014397}
.xlnav{top: 106px;left: 0;background: rgba(255,255,255,0.98);box-shadow: 0 0 20px #ccc;width: 100%;
    padding: 30px 20px;position: absolute;z-index: 999;display: none;overflow: hidden;}
.xlnav ul{display: flex;justify-content: space-between;align-items: center}
.xlnava{width: 40%}
.xlnava h2{color: #014397}
.xlnava .text{line-height: 2;margin-top: 20px;border-right: solid 1px rgba(0, 0, 0, 0.06);padding-right: 50px}
.xlnavb{width: 35%}
.xlnavb dd{width: 50%;float: left;margin-left: 0;padding: 15px 20px 15px 30px;}
.xlnavb dd i{display: inline-block;width: 5px;height: 5px;background: #014397;border-radius: 100%;margin-right: 10px;
    vertical-align: super}
.xlnavb dd a{line-height: inherit!important;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333!important;}
.xlnavb dd a:hover{text-indent: 10px;transition: all 0.5s ease;color: #014397!important;}
.xlnavc{width: 30%}
.xlnavc img{max-width: 100%}

.banner{ width:100%;height:500px;position:relative; overflow:hidden;}
.banner ul li{ overflow:hidden;position: relative;}
.banner .banner_img{ width:100%;height:500px;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All 4s ease;-webkit-transition:All 5s ease;-moz-transition:All 4s ease;  -o-transition:All 4s ease;}
.banner ul li.swiper-slide-active .banner_img{ opacity:1; transform:scale(1);-webkit-transform:scale(1);
    -moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transition:All 4s ease;}
.banner dl{height: 100px;width: 1200px}
.banner .dla{position: absolute;top: 35%;left: 50%;margin-left: -600px;}
.banner .dla h2{position: absolute;top: 0;left: 0;opacity: 0;display: inline-block;}
.banner .dlb{position: absolute;top: 35%;right: 50%;margin-right: -600px}
.banner .dlb h2{position: absolute;top: 0;right: 0;opacity: 0;display: inline-block;}

.banner ul li.swiper-slide-active .dla h2{opacity: 1;animation:bounceInLeft 2s;}
.banner ul li.swiper-slide-active .dlb h2{opacity: 1;animation:bounceInRight 2s;}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }
    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }
    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.banner .pagination{position: absolute; bottom:30px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;display: inline-block;border-radius: 100%;background: #fff;margin: 0 6px!important;}
.banner .swiper-pagination-bullet-active{opacity: 1;width: 60px;border-radius: 10px}
.banner .swiper-button-next, .banner .swiper-button-prev {width: 40px!important;height: 40px!important;margin-top: -20px!important;display: none}
.banner .swiper-button-next{right: 20px!important;}
.banner .swiper-button-prev{left: 20px!important;}
.banner:hover .swiper-button-next{display: block}
.banner:hover .swiper-button-prev{display: block}

.oneA{background: #014397}
.oneAa{text-align: center;padding: 50px 0 120px}
.oneAa h2{font-size: 20px;color: #fff;}
.oneAa p{color: #8cb1e0;font-size: 16px;margin-top: 15px}

.oneB{padding: 30px 0;overflow: hidden;margin-top: -72px;background: #fff;position: relative}
.oneB ul li{width: 25%;text-align: center;float: left;border-right: 1px solid #ededee}
.oneB ul li span{font-size: 48px;color: #004499;font-weight: bold;font-family: iconfont}
.oneB ul li sup{font-size: 26px;color: #004499;font-weight: bold;font-family: iconfont;top: -20px;position: relative}
.oneB ul li dl{font-size: 16px}
.oneB ul li dd{font-size: 16px}

.title{text-align: center;margin-top: 50px}
.title h2{font-size: 32px}
.title p{color:#808080;font-size: 16px;margin-top: 10px}

.oneC{background: #f5f5f5;overflow: hidden;margin-top: -72px;padding-top: 80px}
.oneC ul{padding: 50px 0;display: flex;justify-content: space-between}
.oneC ul li{width: 242px;height: 283px;background: #fff;padding: 30px 20px;float: left;position: relative}
.oneC ul li i{display: block;width: 150px;height: 84px;margin: 0 auto}
.oneC ul li h2{text-align: center;margin: 30px 0}
.oneC ul li .xq{display: block;line-height: 43px;border: 1px solid #f0f0f0;text-align: center;font-size: 16px;}
.oneC ul li:nth-child(1) i{background: url("../img/oc1.png") no-repeat center;}
.oneC ul li:nth-child(2) i{background: url("../img/oc2.png") no-repeat center;}
.oneC ul li:nth-child(3) i{background: url("../img/oc3.png") no-repeat center;}
.oneC ul li:nth-child(4) i{background: url("../img/oc4.png") no-repeat center;}
.oneC ul li:nth-child(5) i{background: url("../img/oc5.png") no-repeat center;}
.oneC ul li dl{position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #333f47;padding: 0 15px;opacity: 0}
.oneC ul li dl h2{color: #fff;text-align: left;margin: 25px 0}
.oneC ul li dd a{line-height: 24px;display: inline-block;padding: 0 15px;font-size: 13px;color: #fff;width: 100%;
    color: rgba(255,255,255,.9);margin: 0 4px 9px;border: 1px solid rgba(255,255,255,.9);position: relative}
.oneC ul li dd a span{z-index: 2;position: relative}
.oneC ul li dd a:after {content: '';width: 0;height: 100%;background: #014397;position: absolute;
    left: 0;bottom: 0;z-index: 1;transition: all 0.5s ease;}
.oneC ul li dd a:hover:after{width: 100%;transition: all 0.5s ease;}
.oneC ul li .gd{color: #fff;position: absolute;bottom: 25px;font-size: 16px;}
.oneC ul li:hover dl{height: 100%;transition: all 0.5s ease;opacity: 1}
.oneC ul li .gd:hover{color: #fcb026}

.oneD{height: 615px;background: url("../img/oned.png") no-repeat center;padding: 70px 0}
.oneDs{position: relative;}

.oneDa{position: absolute;bottom: 0;left: 0;}
.oneDa .swiper-container{height: 180px;}
.oneDa ul li{color: #fff;height: 36px;}
.oneDa ul li p{padding-left: 20px;line-height: 24px;}
.oneDa ul li.swiper-slide-active p{border-left: 2px solid #fff;font-size: 20px;}
.oneDa ul li:hover{cursor: pointer}

.oneDb{height: 493px;overflow: hidden}
.oneDb ul li{position: relative;display: none}
.oneDb ul li dd{text-align: center;}
.oneDb ul li dd img{height: 500px}
.oneDb ul li dl{position: absolute;top: 0;right: 0;text-align: right;}
.oneDb ul li dl h2{font-size: 40px;color: #fff}
.oneDb ul li dl p{font-size: 20px;margin: 10px 0 20px;color: #fff}
.oneDb ul li dl .btn{cursor: pointer;transition: all 0.5s;text-align: right;overflow: hidden}
.oneDb ul li dl .btn a{border: 2px solid #fff; padding: 10px 20px;color: #fff;margin-left: 10px;display: inline-block}
.oneDb ul li.active{display: block}
.oneDb ul li dl .btn a:hover{background: #b00;border-color: #b00;}
/*.oneDb ul li:nth-child(1){display: block}*/

.oneE{background: #f7f7f7;overflow: hidden;padding-bottom: 60px}
.oneEa{margin-top: 50px;position: relative;}
.oneEas{width: 1260px;margin: 0 auto;overflow: hidden;}
.oneE ul{padding-bottom: 20px}
.oneE ul li{width: 267px;float: left;}
.oneE ul li dd{width: 100%;height: 160px;overflow: hidden;background: #049;color: #fff;padding:  35px 20px;line-height: 2}
.oneE ul li dd h3{font-size: 18px}
.oneE ul li dd p{opacity: 0.8}
.oneE ul li dd p span{display: inline-block;float: right}
.oneE ul li:hover dd{background: #003D7D}

.oneE ul li dd img{max-width: 100%;transition: all .5s ease;}
.oneE ul li dl{width: 90%;margin: 0 auto;background: #fff;padding: 20px;top: -24px;position: relative;
    border-bottom: solid 4px #eee;box-shadow: 0 0 20px rgba(0, 68, 153,0);transition: all .5s ease;}
.oneE ul li dl h3{font-size: 16px;font-weight: bold}
.oneE ul li dl span{color: #049;margin: 10px 0;display: block}
.oneE ul li dl p{color: #777;line-height:2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.oneE ul li dl .more{position: relative;border-radius: 46px;z-index: 1;overflow: hidden;border: solid 1px #eee;display: inline-block;padding: 4px 15px;
    color: #666;font-size: 12px;margin: 20px 0px 0px 0px;transition: .5s all;}
.oneE ul li dl .more:hover{background: #b00;color: #fff}
.oneE ul li:hover dl{top: -14px;background-color: rgba(255, 255, 255, 1);border-bottom: solid 4px rgba(0, 68, 153, 1);box-shadow: 0 0 20px rgba(0, 68, 153,0.3);transition: all .5s ease;}
.oneE ul li:hover dl h3{color: #b00}
.oneE ul li:hover dl .more{border: solid 1px rgba(187, 0, 0, 1);}
.oneE ul li:hover dd img{transform: scale(1.1) !important;}
.paginationa{text-align: center}
.oneE .pagination{bottom: 0}
.oneE .swiper-pagination-bullet {width: 16px;height: 16px;display: inline-block;background: #e4e4e4;margin: 0 6px!important;}
.oneE .swiper-pagination-bullet-active{background: #d7010f}

.oneF{position: relative;height: 650px;background: url("../img/onef.jpg") no-repeat fixed;background-size:cover}
.oneFa{height: 650px;overflow: hidden}
.oneFa video{width: 100%;position: absolute;left: 0;bottom: 0}
.oneF:after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 32, 71, 0.1);}
.oneFb{position: absolute;top: 0;left: 50%;z-index: 1;margin-left: -650px}
.oneFb .title h2{color: #fff}
.oneFb ul{margin-top: 80px;overflow: hidden;display: flex;justify-content: space-between}
.oneFb ul li{width: 290px;float: left;overflow: hidden;position: relative;height: 193px}
.oneFb ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneFb ul li dl{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(252, 176, 38, 0.9);padding: 0 30px;opacity: 0;
    display: flex;align-items: center;justify-content: center}
.oneFb ul li dl h3{color: #fff;font-size: 16px;text-align: center;}
.oneFb ul li:hover dl{opacity: 1}
.oneFb ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease}
.oneFc{text-align: center;color: #fff;line-height: 2;font-size: 16px;margin-top: 40px}
.oneFb .gd{display: block;width: 220px;line-height: 42px;text-align: center;color: #fff;margin: 0 auto;margin-top: 40px;
    background: #b00;border-radius: 30px;font-size: 16px;}
.oneFb .gd:hover{background: #014397}

footer{background: #222222;padding: 40px 0}
.foot{overflow: hidden;border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding-bottom: 30px}
.footl{border-right: 1px solid rgba(255, 255, 255, 0.2);overflow: hidden}
.footl ul li{float: left;margin-right: 60px}
.footl ul li h3{font-size: 16px;color: #fff;line-height: 40px}
.footl ul li p a{color: rgba(255, 255, 255, 0.6);line-height: 30px;font-size: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.footl ul li p a:hover{color: #014397}
.footr{width: 310px;}
.footrt{color: #fff;overflow: hidden}
.footrt dd img{width: 124px}
.footrt dl h3{font-size: 16px;}
.footrt dl p{color:#D3D3D3;margin-top: 10px}
.footrb{margin-top: 10px;overflow: hidden}
.footrb p{margin-top: 10px;color: rgba(255, 255, 255, 0.6);}
.link{padding: 25px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);color: #fff}
.link b{font-size: 16px}
.link a{color: rgba(255, 255, 255, 0.6);margin-top: 10px;display: inline-block;margin-right: 10px}
.link a:hover{color: #014397}
.copy{padding-top: 20px;color: rgba(255, 255, 255, 0.6);}
.copy a{color: rgba(255, 255, 255, 0.6);}

/*.content{opacity: 0}
.content.on{opacity: 1}*/

/*=======================================公司简介============================================*/
.ny_ban{height: 310px;color: #fff;display: flex;justify-content: center;align-items: center;background: #0194DA}
.ny_ban h3{font-size: 38px;}
.ny_ban a{color: #fff}
.ny_ban .local{opacity: 0.6;margin-top: 15px}

.title2{margin-top: 40px;text-align: center}
.title2 h2{font-size: 32px}

.aboutA{overflow: hidden}
.aboutA .title2{text-align: left}
.aboutAl{width: 56%}
.aboutAl .text{color: #878787;line-height: 2;margin-top: 30px}
.aboutAr{width: 40%;}
.aboutAr img{max-width: 100%;height: 500px}

.aboutB{margin-top: 0}
.aboutB ul li{width: 33.3%}
.aboutB ul li span{color: #000}
.aboutB ul li dl{color: #878787;font-size: 14px}
.aboutB ul li sup{color: #000}

.aboutC{background: url("../img/aboutc.jpg") no-repeat center;height: 350px;background-position: 50% -36px;overflow: hidden;margin-top: 20px}
.aboutCa{text-align: center;margin-top: 20px}
.aboutCa .line{display: inline-block;width: 67px;height: 1px;margin-top: 22px;background-color: #5b4a25;}
.aboutCa .icon {display: inline-block;width: 45px;height: 38px;margin: -20px 8px;background-image: url(../img/aboutca.png);}
.aboutC ul{margin-top: 50px}
.aboutC ul li{width: 33.3%;text-align: center;color: #000;float: left}
.aboutC ul li h3{font-size: 18px;font-weight: bold;line-height: 50px}
.aboutC ul li p{line-height: 46px}

.aboutD .text{line-height: 2;color: #666;text-align: center;margin-top: 40px}
.aboutD .line{background-color: #facd76;}
.aboutD .icon{background-image: url(../img/aboutda.png);}

/*=======================================产品中心============================================*/
.ny_ban2{height: 204px;}

.pro_nav{background: #fff;padding: 30px 0;overflow: hidden}
.pro_nav b{font-weight: bold;font-size: 18px;color: #202020;width: 8%;line-height: 36px;float: left;}
.pro_nav .ser_sx i {display: inline-block;width: 11px;height: 11px;margin-right: 10px;vertical-align: middle;
    background: url(../img/pronav.png) no-repeat 0 0;}
.pro_nav .ser_sx {line-height: 36px;display: inline-block;font-size: 16px;color: #666;cursor: pointer;margin-right: 25px;}
.pro_nav .ser_sx.active i{background-position: 0 -11px;}


.product ul li{width: 310px;margin: 40px 20px 0 0;background: #fff;float: left;transition: all 0.5s ease}
.product ul li a{display: block}
.product ul li dd{overflow: hidden;height: 233px;position: relative;text-align: center;background: #eee}
.product ul li dd img{transition: all 0.5s;height: 233px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.product ul li div{padding: 25px 30px;}
.product ul li dl h3{font-size: 18px}
.product ul li dl p{margin-top: 10px;color: #666}
.product ul li dt{margin-top: 25px;display: flex;justify-content: space-between}
.product ul li dt a{display: inline-block;width: 115px;line-height: 40px;position: relative;
    text-align: center;font-size: 16px;border: 1px solid #798186;transition: all 0.5s ease;}
.product ul li dt a span{position: relative;z-index: 2}
.product ul li:nth-child(4n){margin-right: 0}
.product ul li dt a:after {content: '';width: 0;height: 100%;background: #004499;position: absolute;left: 0;bottom: 0;
    z-index: 1;transition: all 0.5s ease;}
.product ul li dt a:hover:after {width: 100%;}
.product ul li dt a:hover{color: #fff}
.product ul li:hover{box-shadow: 0 0 10px #999}
.product ul li:hover dd img{transition: all 0.5s;transform: scale(1.1)}

/*=======================================成功案例============================================*/
.case{}
.case ul li{width: 413px;float: left;background: #fff;margin: 40px 30px 0 0;position: relative;transition: all .3s ease;}
.case ul li dd{width: 100%;height: 290px;overflow: hidden}
.case ul li dd img{width: 100%;transition: all .8s ease 0s;}
.case ul li dl{padding: 30px;}
.case ul li dl h3{font-size: 20px;font-weight: bold;color: #666;line-height: 34px;}
.case ul li dl span{border: 1px solid #8b8b8b;padding: 5px;color: #8b8b8b;margin: 10px 0;display: inline-block;}
.case ul li dt{width:0;height: 5px;background: #004499;position: absolute;left: 0;bottom: 0;transition: all 0.5s ease;}
.case ul li:hover dt{width: 100%}
.case ul li:nth-child(3n){margin-right: 0}
.case ul li:hover{box-shadow: -4px 2px 20px 1px rgba(0,0,0,0.2);}
.case ul li:hover dd img{transform: scale(1.1,1.1);}

/*=======================================新闻动态============================================*/
.ny_nav{overflow: hidden;margin-top: -60px;background: rgba(0,0,0,0.5)}
.ny_nav ul li{width: 16.6%;float: left;text-align: center;font-size: 16px;line-height: 60px;}
.ny_nav ul li a{color: #fff;display: block}
.ny_nav ul li.active,.ny_nav ul li:hover{background: #004499}
/*.ny_nav ul li.active a,.ny_nav ul li:hover a{color: #fff}*/

.news{overflow: hidden}
.news ul li{border-bottom: #eee 1px dotted;margin: 20px 0 30px 0;padding: 26px 28px;overflow: hidden;transition: all 0.3s ease 0s}
.news ul li dd{width: 260px;height:165px;margin-right: 30px;overflow: hidden}
.news ul li dd img{max-width: 100%}
.news ul li dl{width: 85%}
.news ul li dl h3{font-size: 20px}
.news ul li dl .info{font-size: 12px;color: #999;margin-top: 10px}
.news ul li .text{line-height: 1.8;margin: 15px 0}
.news ul li .xq{display: inline-block;white-space: nowrap;width: auto;height: 32px;line-height: 32px;background-color: #004499;color: #fff;padding: 0 20px;}
.news ul li dt{margin-top: 20px;font-size: 24px;text-align: center;font-family: 'Arial';}
.news ul li dt b{font-size: 88px}
.news ul li:hover dl h3{color: #004499}
.news ul li:hover .text{color: #004499}
.news ul li:hover{background-color: #f3f3f3;}
.news ul li:hover dt{color: #004499}

/*=======================================联系我们============================================*/
.contant{overflow: hidden;margin-top: 40px;background: #004499}
.contantl{width: 65%;height: 600px;}
.contantr{color: #fff;padding: 50px;width: 35%}
.contantr a{color: #fff}
.contantr h2{border-bottom: 1px dashed #fff;margin-bottom: 25px;padding-bottom: 25px}
.contantr h3{font-size: 16px;font-weight: bold;}
.contantr .text{line-height: 2;margin-top: 25px}
.contantr ul{display: flex;justify-content: space-between;margin-top: 25px}
.contantr ul li{text-align: center;font-size: 16px;font-weight: bold;}
.contantr ul li p{margin-top: 15px;}

/*=======================================产品详情============================================*/
.ny_ban3{color: #fff;padding: 35px 0;background: #0194DA}
.ny_ban3a{display: flex;justify-content: space-between;align-items: center}
.ny_ban3 h3{font-size: 38px;}
.ny_ban3 .local{opacity: 0.6}
.ny_ban3 a{color: #fff;}

.showA{overflow: hidden;margin-top: 40px}
.showAl{width: 630px;overflow: hidden}
.showAl .bd{height: 390px;overflow: hidden}
.showAl .bd ul li{display: none;text-align: center;background: #eee}
.showAl .bd ul li img{height: 390px}
.showAl .bd ul li:nth-child(1){display: block}

.showAl .hd{margin-top: 20px;position: relative}
.showAl .hd ul li{position: relative;height: 95px;overflow: hidden;cursor: pointer;background: #eee;text-align: center}
.showAl .hd ul li img{height: 95px}
.showAl .hd ul li:before{content:'';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.5)}
.showAl .hd ul li.active:before{opacity: 0}
.showAl .swiper-button-next, .showAl .swiper-button-prev{width: 14px;height: 26px;margin-top: -13px;z-index: 99;display: none}
.showAl .swiper-button-prev{left: 5px}
.showAl .swiper-button-next{right: 5px}
.showAl:hover .swiper-button-next{display: block}
.showAl:hover .swiper-button-prev{display: block}

.showAr{width: 630px}
.showAr h1{font-size: 30px}
.showAr h1 strong{color: #f8ac18}
.showAra{border-bottom: 1px solid #ebebeb;padding: 19px 0 32px 0;color: #4f4f4f;}
.showArb{border-bottom: 1px solid #ebebeb;padding: 40px 0;}
.showArb ul{overflow: hidden}
.showArb ul li{border-right: 1px solid #ebebeb;width: 50%;float: left}
.showArb ul li p{color: #4f4f4f}
.showArb ul li b{font-size: 24px}
.showArb ul li:nth-child(2){padding-left: 95px;border-right: none}
.showArc{padding: 40px 0;overflow: hidden}
.showArc b{display: inline-block;float: left;width: 100px;font-size: 18px}
.showArc p{width: 83%;color: #4f4f4f;float: left;line-height: 2}
.showrd{}
.showrd a{display: inline-block;width: 188px;line-height: 56px;font-size: 20px;color: #fff;text-align: center;font-weight: bold;margin-right: 35px}
.showrd a:nth-child(1){background: #57b0ca}
.showrd a:nth-child(2){background: #42b0e1}

.showB{margin-top: 40px;height: 217px}
.showBa{overflow: hidden}
.showBa ul li{float: left;height: 217px;line-height: 275px;margin-left: -1px;text-align: center;width: 25%;position: relative;cursor: pointer;font-size: 18px;background: url(../img/pro_line.png) center 102px;background-repeat: repeat-x;color: #fff;}
.showBa ul li i {width: 15px;height: 15px;border-radius: 10px;background: #fff;position: absolute;top: 95px;left: 50%;margin-left: -7.5px;display: inline-block;}
.showBa ul li.active i{background: #42b0e1}
.showBa ul li a{color: #fff}
.lanmu.active .showBa ul li{height: 120px;line-height: 159px;background: url(../img/pro_line.png) center 48px;background-repeat: repeat-x;}
.lanmu.active .showBa ul li i{top: 41px;}

.xqA{max-width: 100%;text-align: center;margin-top: 40px}
.xqA img{max-width: 100%;min-width: 1000px}
.xqA table{width: 1000px;margin: 0 auto;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.xqA tr td{border-left: 1px solid #ccc;border-top: 1px solid #ccc;line-height: 1.8;padding: 5px}
.xqA tr td strong{color: #0097DA;font-size: 16px}

.xqB{background: #f6f6f6;padding-bottom: 40px;overflow: hidden;margin-top: 40px}

.xqC{overflow: hidden;padding-bottom: 40px}

.xqD{overflow: hidden;padding-bottom: 20px}
.xqD ul{margin-top: 40px}
.xqD ul li{width: 49%;float: left;border: 1px solid #dadada;padding: 10px;overflow: hidden;margin-bottom: 20px}
.xqD ul li dd{width: 148px;height: 100px;overflow: hidden}
.xqD ul li dd img{max-width: 100%}
.xqD ul li dl{width: 440px}
.xqD ul li dl h3{font-size: 16px;color: #000;font-weight: bold}
.xqD ul li dl span{color: #666;font-size: 12px;display: inline-block;margin: 8px 0}
.xqD ul li dl p{color: #666;line-height: 1.6;font-size: 12px}
.xqD ul li:nth-child(2n){float: right}
.xqD ul li:hover dl h3{color: #014397}
.xqD ul li:hover{border:1px solid #014397;transition: all 0.5s ease}


/*=======================================新闻详情============================================*/
.con{margin-top: 40px}
.con h1{text-align: center;font-size: 26px}
.info_laiyuan{text-align: center;border-bottom: 1px dashed #dedddd;padding: 15px 0}
.cont{line-height: 2;padding: 30px 0;border-bottom: 1px dashed #dedddd;min-height: 400px}
.con_img{text-align: center}
.wengzhengfanye{padding: 20px 0;line-height: 2}