@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;overflow-x: hidden}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
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; }
input,textarea,button{border: none;outline: none;background: 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;}
.flex-center{display: flex;justify-content: space-between;flex-wrap: wrap}
.text-center{text-align: center}


/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 20px 0;line-height: 2;border-top: 1px solid #eee;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wengzhengfanye b{font-weight: normal}
.wengzhengfanye a:hover{color: #1857a4}


/* 文章类别上下页 */
.page{text-align:center;overflow:hidden;padding: 30px 0}
.page span,.page a { display:inline-block;text-align:center;padding:8px 14px;border-radius: 5px;margin: 0 6px;border: 1px solid #ccc}
.page a:hover,.page a.on {background: #1857a4;color: #fff;border-color: #1857a4}
.page span{display:inline-block; color:#fff; background:#1857a4;border-color: #1857a4}


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

header{transition: all .5s ease;}
.head{align-items: center}
.logo a{display: flex;align-items: center}
.logo h1{font-size: 29px;margin-left: 15px}
.logo h1 span{font-size: 12px;color: #999;letter-spacing: 8px;font-weight: normal}
/*.nav{transition: all 0.5s ease-in-out}*/
.nav ul{display: flex;}
.nav li{position:relative;margin-left: 40px;line-height: 95px}
.nav li a{display: block;position: relative;transition: all .5s ease;font-size: 16px;font-weight: bold;padding: 0 6px}
.nav ul li:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;width: 100%;height: 5px;background-color: #1857a4;
    opacity: 0;transition: all .5s ease;}
.nav ul li:hover:before,.nav ul li.active:before {opacity: 1;}
.nav ul li a{position: relative;display: block;transition: all .5s ease;}

/*.search{width: 310px;margin-left: 190px;color: #fff;position: relative;border-bottom: 1px solid #fff;}
.search input{width: 280px;color: #fff;text-indent: 2px;line-height: 22px;transition: width .4s ease-in-out;}
.search input::placeholder {color: #fff;}
.search button{width: fit-content;position: absolute;right: 0;top: 2px;z-index: 999}
.search2{display: none}
.search .close{position: absolute;right: -25px;top: 0;display: none}*/

/*header.on,.header1:hover{background: #fff;}
header.on .nav li a,.header1:hover .nav li a{color: #333}
header.on .search input,.header1:hover .search input{color: #333;}
header.on .search,.header1:hover .search{border-bottom: 1px solid #333;}
header.on .search input::placeholder,.header1:hover .search input::placeholder{color: #333}
header.on .login2,.header1:hover .login2{display: block}
header.on .login1,.header1:hover .login1{display: none}
header.on .search2,.header1:hover .search2{display: block}
header.on .search1,.header1:hover .search1{display: none}*/
/*.nav li a:hover,.nav li.active a{color: #0084c2!important;}*/

.xlnav{position: absolute;width: 520px;background-color:#fff;left: 50%;margin-left: -200px;top: 25px;
    display: none;text-align: center;box-shadow: rgb(204 204 204) 0px 9px 9px -9px;padding: 25px 0 20px;}
.nav ul li .xlnav a{color: #666!important;width: 100%;display: inline-block;text-align: left;padding: 0 30px;line-height: 35px}
.nav ul li .xlnav a:hover{color: #0084c2!important}
.nav li:hover .xlnav{display: block;}


/*banner图片切换样式*/
.banner{position: relative;width: 100%}
.banner li{height:676px;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.banner .swiper-pagination{bottom:15px!important;width: 100%;right: 50%;margin-right: -600px;text-align: right}
.banner .swiper-pagination-bullet {width: 33px;height: 6px;background-color: #b4b2b1;margin: 0 8px!important;opacity: 1;border-radius: 0}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #fff}
.banner .bannerA{background: rgba(0,0,0,0.5);height: 262px;position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%}
.banner .bannerA dt{display: flex;align-items: center;color: #fff;font-size: 18px;margin-top: 20px}
.banner .bannerA dt h1{font-size: 40px;margin-right: 30px}
.bannerB{height: 142px;margin-top: 15px}
.bannerB dl{align-items: center;height: 100%;width: 842px;background: #fff;}
.bannerB dl dd{width: 25%;text-align: center}
.bannerB dl h2{color: #1857a4}
.bannerB dl h2 b{font-size: 30px}
.bannerB dl h2 span{font-weight: normal;font-size: 14px}
.bannerB dl p{margin-top: 15px;font-size: 16px;color: #666}
.bannerBa{width: 358px;height: 142px;background: url("../img/banli.png") no-repeat center;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 16px}
.bannerBa h2{font-size: 30px;font-weight: normal;margin-top: 10px}

/*.banner .swiper-button-prev{margin-top: -25px; background: url("../img/ban_left.png") no-repeat center;left: 50%;margin-left: -685px;border-radius: 100%}
.banner .swiper-button-next {margin-top: -25px; background: url("../img/ban_right.png") no-repeat center;right: 50%;margin-right: -685px;border-radius: 100%}
.banner .swiper-button-prev:hover{background: url("../img/ban_lefth.png") no-repeat center;}
.banner .swiper-button-next:hover{background: url("../img/ban_righth.png") no-repeat center;}*/

.oneA{background: #eff4f7;overflow: hidden;margin-top: 45px}
.oneA dl{width: 50%}
.oneA dt{display: flex;padding: 35px 45px;border-bottom: 1px solid #dddddd}
.oneA dt h2{font-size: 32px;color: #2d2c2c;margin-right: 15px}
.oneA dt p{font-size: 22px;color: #949494;text-transform: uppercase;line-height: 1.2}
.oneA dt span{font-size: 12px}
.oneA .text{padding: 35px 45px;line-height: 2;color: #4b4a4a;font-size: 16px}

.oneB{overflow: hidden}
.oneB ul li{width: 277px;border: 1px solid #e3e3e3;float: left;padding: 10px;margin-right: 30px;margin-top: 40px}
.oneB ul li dd{overflow: hidden;width: 255px;height: 179px;}
.oneB ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneB ul li p{line-height: 45px;background: #f5f5f5;margin-top: 10px;padding: 0 5px;text-align: center}
.oneB ul li:nth-child(4n){margin-right: 0}
.oneB ul li:hover{border-color: #1857a4}
.oneB ul li:hover p{background: #1857a4;color: #fff}
.oneB ul li:hover dd img{transform: scale(1.1)}



.oneC{background: url("../img/oc.png") no-repeat center;height: 315px;margin-top: 45px}
.oneC dl{color: #fff;padding: 75px 145px 0 0}
.oneC dl h2{font-size: 32px;text-align: center;margin-bottom: 25px}
.oneC dl p{font-size: 20px;border-top: 1px solid #ffffff;padding: 10px 0}
.oneC dl p:nth-child(3){font-size: 16px}


.oneD{position: relative;padding: 20px 0 80px}
.oneD:before {content: "";display: block;position: absolute;top: -37px;left: 0;z-index: -1;width: 1560px;height: 510px;background-color: #f4f4f4;}
.oneD .bd{padding: 0 48px;z-index: 9998}
.oneD .bd ul li{display: flex;align-items: center;justify-content: space-between}
.oneD .bd ul li dl{width: 435px;}
.oneD .bd ul li dl h3{font-size: 24px;color: #545454;margin-bottom: 20px}
.oneD .bd ul li dl p{color: #8b8b8b;line-height: 25px;}
.oneD .bd ul li dd{width: 577px;height: 330px;overflow: hidden}
.oneD .bd ul li dd img{max-width: 100%}

.oneD .hd {margin-top: 10px;padding-left: 20px;}
.oneD .hd ul li {display: inline-block;text-align: center;position: relative;font-size: 18px;line-height: 52px;
    width: 100px;margin-left: 162px;cursor: pointer;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.oneD .hd ul li:first-child {margin-left: 80px;}
.oneD .hd ul li:first-child:before {display: none;}
.oneD .hd ul li:before {content: "";display: block;position: absolute;width: 60px;height: 1px;background-color: #d6d6d6;top: 50%;left: -110px;}
.oneD .hd ul li:after {content: "";display: block;position: absolute;top: 100%;left: 50%;margin-left: -37px;width: 74px;background-color: #1857a4;
    height: 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.oneD .hd ul li.on {color: #1857a4;}
.oneD .hd ul li.on:after {height: 90px;}
.oneD .ysnum {line-height: 1;position: relative;padding-left: 80px;font-weight: bold;color: #545454;height: 30px;top: -50px;font-family: Arial;z-index: 9999}
.oneD .ysnum:before {content: "";display: block;position: absolute;left: -42px;top: 50%;width: 85px;height: 1px;background-color: #545454;}
.oneD .ysnum .ysNum1 {font-size: 30px;}
.oneD .ysnum .ysNum2 {font-size: 18px;margin-left: 10px;}

.title{text-align: center;padding-top: 45px;}
.title h2{font-size: 40px;color: #222;font-weight: normal}
.title h2 b{color: #102a58}
.title p{font-size: 18px;color: #aaa;margin: 5px 0 15px 0;}
.title em i{ display:inline-block; width:5px; height:15px; background:#aeaeae; border-radius:3px; vertical-align:top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
.title em i+i{ margin-left:11px;}
.title em i:nth-child(2){ height:21px; background:#102a58;animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
.title em i:nth-child(3){ background:#aeaeae;animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}
@keyframes tptd{
    0%{transform: translateY(0);}
    50%{transform: translateY(5px);}
    100%{transform: translateY(0);}
}

.oneE{overflow: hidden}
.oneE ul li{padding: 15px;background: #f5f5f5;width: 48.5%;margin-top: 30px;float: left}
.oneE ul li a{display: flex;justify-content: space-between}
.oneE ul li dd{width: 42%;overflow: hidden}
.oneE ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneE ul li dl{width: 54%;}
.oneE ul li dl h3{font-size: 20px;}
.oneE ul li dl h3 span{font-size: 26px;color: #bbb;font-weight: normal;font-family: Arial;}
.oneE ul li dl i{display: block;background: #fe9c28;width: 27px;height: 3px;margin: 10px 0 15px;}
.oneE ul li dl p{display: block;color: #aaa;font-weight: lighter;line-height: 30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneE ul li label{display: block;line-height: 36px;overflow: hidden;color: #aaa;font-weight: lighter;z-index: 99;transition: all .3s ease;border: 1px solid #dddddd;text-align: center;margin-top: 15px;position: relative;}
.oneE ul li label:after {content: '';display: block;position: absolute;transition: all .3s ease;width: 0;height: 100%;top: 0;left: 0;background: #1857A4;z-index: -1;}
.oneE ul li:hover label{color: #fff}
.oneE ul li:hover label:after{width: 100%}
.oneE ul li:nth-child(2n){float: right}
.oneE ul li:hover dd img{transform: scale(1.1);transition: all .5s ease;}

.oneF{background: url("../img/of.png") no-repeat center;height: 300px;margin-top: 45px;overflow: hidden}
.oneFa{width: 475px;height: 214px;border: 1px solid #fff;text-align: center;color: #fff;padding-top: 15px;margin: 45px 0 0 380px}
.oneFa h2{font-size: 34px;}
.oneFa dd{font-size: 18px;margin: 15px 0 25px}
.oneFa dd b{background: #fff;color: #015bac}
.oneFa dl{overflow: hidden}
.oneFa dl span{display: inline-block;padding: 10px 15px;border: 1px solid #fff;margin: 0 10px}
.oneFa p{font-size: 12px;margin-top: 12px}
.oneFb{color: #fff;margin-top: 85px;}
.oneFb dd{margin: 10px 0 15px;background: url("../img/tel.png") no-repeat left;padding-left: 50px}
.oneFb dd b{font-size: 26px;font-weight: normal}
.oneFb a{display: block;width: 150px;line-height: 40px;background: #fff;color: #015bac;font-weight: bold;text-align: center;margin-left: 50px}

.oneG{margin-top: 50px;overflow: hidden}
.oneG .hd{width: 390px;overflow: hidden}
.oneG .hd ul li{width: 191px;height: 170px;background: #EEEEEE;text-align: center;overflow: hidden;float: left;margin-bottom: 8px;transition: all .3s ease;}
.oneG .hd ul li dd{margin: 30px auto 10px;width: 60px;height: 60px;border-radius: 50%;transition: all .3s ease;background: #1f3762;
    display: flex;justify-content: center;align-items: center;}
.oneG .hd ul li dd i{display: inline-block;width: 34px;height: 34px;background: url(../img/ogli.png) no-repeat center -34px;
    transition: all .3s ease;}
.oneG .hd ul li p{font-size: 20px;color: #484848}
.oneG .hd ul li span{font-size: 12px;color: #aaa}
.oneG .hd ul li:nth-child(2n){float: right}
.oneG .hd ul li:hover,.oneG .hd ul li.on{background: #1f3762;cursor: pointer}
.oneG .hd ul li:hover p,.oneG .hd ul li.on p{color: #fff}
.oneG .hd ul li:hover span,.oneG .hd ul li.on span{color: #fff}
.oneG .hd ul li:hover dd,.oneG .hd ul li.on dd{background: #fff}
.oneG .hd ul li:hover dd i,.oneG .hd ul li.on dd i{background-position-y:0;}

.oneG .bd{width: 802px;height: 534px;overflow: hidden;}
.oneG .bd ul li{width: 802px;height: 526px;position: relative}
.oneG .bd ul li a{display: block;width: 100%;height: 100%}
.oneG .bd ul li dl{background: rgba(0,0,0,0.8);padding: 36px 60px;color: #fff;position: absolute;bottom: 0;left: 0;width: 100%}
.oneG .bd ul li dl h3{font-size: 22px;font-weight: normal}
.oneG .bd ul li dl p{font-size: 16px;color: #eee;margin-top: 8px;}
.oneG .bd ul li dl p span:hover{color: #1857a4;}
.oneG .bd ul li:hover dl h3{color: #1857a4}

.oneH{overflow: hidden;margin-top: 45px}
.oneH ul{width: 49%;border: 1px solid #e1e2e4;padding: 20px;}
.oneH ul li{overflow: hidden;margin-bottom: 20px}
.oneH ul li dd{width: 180px;height: 120px;overflow: hidden}
.oneH ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneH ul li dl{width: 345px;}
.oneH ul li dl h3{font-size: 18px;font-weight: normal;align-items: center;}
.oneH ul li dl h3 span{font-size: 12px;color: #666;background: url("../img/date.png") no-repeat left;padding-left: 20px}
.oneH ul li dl p{line-height: 1.8;margin-top: 15px;color: #666}
.oneH ul li:last-child{margin-bottom: 0}
.oneH ul li:hover dl h3{color: #1857A4}
.oneH ul li:hover dd img{transform: scale(1.1)}

.more{text-align: center;margin-top: 50px;}
.more a{color: #666;display: flex;align-items: center;justify-content: center}
.more i{display: inline-block;width: 15px;height: 15px;background: url("../img/jt.png") no-repeat center}
.more a:hover{color: #1857a4}
.more a:hover i{background: url("../img/jth.png") no-repeat center}

footer{background:url("../img/footer.png") no-repeat center;margin-top: 45px}
.foot{overflow: hidden;padding: 30px 0 35px;}
.footl{width: 950px;}
.footlA{display: flex;align-items: center}
.footlA h3{color: #e80125;font-size: 21px;border-right: solid 1px #404244;padding-right: 10px;margin-right: 10px;line-height: 26px;}
.footlA p{font-size: 15px;line-height: 26px;color: #fff;}
.footlA p span{color: #dfdfdf;font-size: 14px}
.footlB{overflow: hidden;margin-top: 15px}
.footlB ul li{width: 50%;float: left;display: flex;align-items: center;color: #cececf;font-size: 15px;line-height: 38px}
.footlB ul li span {display: inline-block;width: 26px;height: 26px;background-color: #616364;border-radius: 50%;background-image: url(../img/lx1.png);background-position: center center;background-repeat: no-repeat;margin-right: 5px;}
.footlB ul li:nth-child(2) span{background-image: url(../img/lx2.png);}
.footlB ul li:nth-child(3) span{background-image: url(../img/lx3.png);}
.footlB ul li:nth-child(4) span{background-image: url(../img/lx4.png);}
.footr{width: 150px;height: 150px;overflow: hidden}
.footr img{max-width: 100%}

.copy{padding: 15px 0;line-height: 36px;border-top: solid 1px #363839;color: #fff}
.copy a{color: #fff}


/*========================================= 内页 =====================================*/
.ny_ban{height: 330px;overflow: hidden;display: flex;justify-content: center;align-items: center;text-align: center}
.ny_banA{}
.ny_ban dl{/*display: flex;justify-content: center;align-items: center*/}
.ny_ban dl h2{color: #fff;font-size: 40px;}
.ny_ban .location{font-size: 15px;color: #fff;margin-top: 10px}
.ny_ban .location a{color: #fff}

.ny_waves{margin-top: -60px;}
.waves {position: relative;width: 100%;height: 60px;min-height: 60px}
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0)
    }
    100% {
        transform: translate3d(85px,0,0)
    }
}

.about{line-height: 2;margin-top: 45px;font-size: 16px}

.news{margin-top: 45px;overflow: hidden}
.news ul li{margin-bottom: 20px;padding: 10px;transition: all 0.5s}
.news ul li a{display: flex;justify-content: space-between;align-items: center;}
.news ul li dt{width: 100px;text-align: center;line-height: 1.7em;}
.news ul li dt span{font-size: 26px}
.news ul li dt p{font-size: 18px;}
.news ul li dt p b{font-size: 36px;font-weight: normal;}
.news ul li dd{width: 388px;height:225px;overflow: hidden;border: 1px solid #f1f1f1;}
.news ul li dd img{width: 100%}
.news ul li dl{width: 630px}
.news ul li dl h3{font-size: 18px;}
.news ul li dl p{color: #666;line-height: 1.8;margin: 12px 0 25px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news ul li dl label{display: inline-block;padding: 5px 15px;text-align: center !important;color: #666;font-size: 16px;border: 1px solid #dcdcdc;border-radius: 5px;transition: all .5s;-webkit-transition: all .5s;}
.news ul li:hover{background: #1857a4}
.news ul li:hover dt{color: #fff}
.news ul li:hover dl h3{color: #fff}
.news ul li:hover dl p{color: #fff}
.news ul li:hover dl label{color: #fff;border-color: #fff}

.contactA{overflow: hidden;border-bottom: 3px solid #ddd;margin-top: 45px;padding-bottom: 30px}
.contactA h2{font-size: 40px;margin: 15px 0}
.contactA i{display: block;width: 15px;height: 2px;background: #1857a4;}
.contactA dd img{width: 106px;}

.contactB{margin-top: 60px}
.contactB ul li{width: 25%;text-align: center}
.contactB ul li h3{font-size: 20px;font-weight: normal;margin: 15px 0 10px}

#dituContent{height: 400px;margin-top: 60px}


.productA{padding-top: 45px;align-items: center}
.productAl{width: 450px;position: relative}
.productAl span{color: #e50112;text-transform: uppercase;}
.productAl h2 {font-size: 36px;font-weight: 700;margin-top: 5px;margin-bottom: 10px;line-height: 1.2;text-transform: capitalize}
.productAl p{color: #777;line-height: 1.8;}
.productAl img{position: absolute;left: -35px;top: -35px;z-index: -1;}

.productAr{width: 665px}
.productAr ul li{padding: 8px 18px;font-weight: 600;border-radius: 5px 5px 0 0;float: left;transition: all 0.5s;margin-right: 2px;position: relative}
.productAr ul li a{color: #777777;}
.productAr ul li.active,.productAr ul li:hover {background-color: #1857a4;}
.productAr ul li.active a,.productAr ul li:hover a{color: #fff;}
.productAr ul li::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #e50112;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;transition: 0.5s;border-radius: 0 0 5px 5px;}
.productAr ul li.active::before, .productAr ul li:hover::before {opacity: 1;visibility: visible;height: 5px;bottom: -4px;}

.productB{overflow: hidden;margin-top: 45px}
.productB ul li{width: 380px;float: left;position: relative;border: 1px solid #e8e8e8;border-radius: 5px;margin-bottom: 30px;min-height: 380px;
    display: flex;justify-content: center;align-items: center;overflow: hidden;margin-right: 30px}
.productB ul li dd{}
.productB ul li dd img{max-width: 100%;transition: all 0.5s ease}
.productB ul li .text {position: absolute;border-radius: 5px;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255, 255, 255, 0.93);margin: 10px;opacity: 0;visibility: hidden;transition: 0.5s;transform: scale(0.9);}
.productB ul li .text dl {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;z-index: 1;margin: 0 auto;padding: 20px 30px;text-align: center;}
.productB ul li .text dl h3{font-size: 16px;}
.productB ul li .text dl i{display: block;height: 1px;background: #1857a4;width: 70px;margin: 15px auto;}
.productB ul li .text dl a{display: inline-block;border: 1px solid;position: relative;border-radius: 5px;padding: 12px 25px 13px;transition: 0.5s;overflow: hidden;z-index: 1;text-transform: uppercase;font-weight: 700;}
.productB ul li .text dl a:after{
    content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transition: 0.5s;opacity: 0;visibility: hidden;
    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);}
.productB ul li .text dl a:hover{color: #ffffff;-webkit-box-shadow: unset;box-shadow: unset;background: transparent;border-radius: 0;border-color: #02298a;}
.productB ul li .text dl a:hover::after {opacity: 1;visibility: visible;border-radius: 0;}
.productB ul li:hover .text{opacity: 1;visibility: visible;transform: scale(1);}
.productB ul li:hover dd img {transform: scale(1.2);}
.productB ul li:nth-child(3n){margin-right: 0}

.case{margin-top: 45px}
.case ul li{box-shadow: 0px 0px 10px #eee;width: 380px;float: left;margin: 0 30px 30px 0;overflow: hidden}
.case ul li a{display: block;z-index: 999;position: relative;width: 100%;height: 100%}
.case ul li dd img{max-width: 100%;}
.case ul li p{line-height: 55px;font-size: 16px;text-align: center}
.case ul li:nth-child(3n){margin-right: 0}
.case ul li a:before{content: '';width: 100%;height: 100%;position: absolute;transition: 0.6s;z-index: 333;background: rgba(0,0,0,0.3);transform-origin: 0 100%;transform: rotate(-90deg);bottom: 0;left: -100%;}
.case ul li a:hover:before{transform: rotate(0deg);transition: 0.6s;left: 0px;}
.case ul li a:after{content: '';width: 100%;height: 100%;position: absolute;transition: 0.6s;z-index: 333;background: url(../img/ss.png) no-repeat center;transform: scale(0);top: 0;left: 0;}
.case ul li a:hover:after {transform: scale(1);transition: 0.6s;}


/*=======================================产品详情页============================================*/
.showA{overflow: hidden;margin-top: 45px;position: relative}
.showAl,.showAr{width: 48.5%;}
.showAl img{max-width: 100%}
.showAr h1{font-size: 30px;color: #000;padding: 10px 0 30px 0;}
.showAr h4 {font-size: 18px;color: #000;font-weight: normal;}
.showAr .text {color: #8d8d8d;line-height: 26px;padding: 10px 0 30px 0;overflow: hidden;text-align: justify;}
.showAr h3 {font-size: 20px;color: #1857a4;padding: 10px 0 30px 0;}
.show{padding: 10px 0 100px 0;position: relative;overflow: hidden}
.showB{background: #fff;min-height: 300px;padding: 3% 4%;overflow: hidden;box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);position: relative;z-index: 3;}
.showB .showBa{font-size: 17px;font-weight: bold;color: #1857a4;border-bottom: 3px solid #1857a4;display: inline-block;padding-bottom: 15px}

.showB .con{line-height: 2;padding: 30px 15px;}
.showB .con img{max-width: 100%}

.showC{background: #f3f3f3;position: absolute;top: 100px;left: 0;width: 100%;height: 100%;}


/*=======================================新闻详情页============================================*/
.news_info{overflow:hidden;margin-top: 45px}
.info_title h1{font-size:26px;text-align: center;font-weight: normal;}
.info_laiyuan{margin-top: 20px;text-align: center;color: #666;}
.info_text{line-height:2;margin-top: 30px;min-height: 300px;padding: 30px 0;border-top: 1px solid #eee;}
.info_text img{max-width:100%;}