@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: 1240px;background: url(../img/body_bg.jpg);/*overflow-x: hidden*/}
*html { background-image:url(about:blank);background-attachment:fixed;}
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;}/*限制文字,文字超出显示冒号*/

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

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 20px 0 0;line-height: 2}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {width:50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.wengzhengfanye a:hover {color: #1144A3}
.wengzhengfanyeB{text-align: right}

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

/*========================================= 首页 =====================================*/
.container { width:1240px; margin:0 auto;}
.fl{float: left}
.fr{float: right}
.flex-center{display: flex;justify-content: space-between}

.top{background: #f7f7f7;line-height: 42px;color: #acacac}
.top a{color: #acacac}

.head{display: flex;justify-content: space-between;align-items: center;padding: 30px 0}
.head .logo{display: flex;align-items: center}
.headr{background: url("../img/tel.jpg") no-repeat left;padding-left: 60px;height: 66px;display: flex;align-items: center;font-size: 16px}
.headr b{font-size: 30px;font-family: Arial;font-weight: normal;display: block;color: #4d4d4d}

.nav{background: #1144A3}
.nav ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.nav li{position:relative;transition: all .3s ease;width: 11%;text-align: center;background: url("../img/nav_icon.png") no-repeat right;transition: .5s;}
.nav li a{position:relative;color: #fff;font-size: 16px;z-index: 2;display: block;padding: 16px 0;transition: .5s;}
.nav li a span{display: block}
.nav li a span:nth-child(2n){font-size: 12px;text-transform: uppercase;}
.nav li a:hover,.nav li.active a{background: url("../img/nav_bg.png") no-repeat center top;}
.nav li:last-child{background: none}
.nav.on{position: fixed;top: 0;left: 0;z-index: 9999;width: 100%}

.xlnav{display:none;z-index: 100;width: 180px;position: absolute;top: 50px;left: 50%;margin-left:-50%;animation: fadeInUp 0.5s .1s ease both;
    background-color: #f9f9f9;box-shadow: 0 3px 10px rgba(0,0,0,.08);border-radius: 3px;}
.xlnav dd{width: 100%;line-height: 34px;border-bottom: 1px solid rgba(0,0,0,.07);transition: all .3s ease 0s;}
.xlnav dd a{color: #555!important;padding: 0 10px;display: block}
.xlnav dd:hover a{color: #2e9b2a!important;}
.xlnav dd:hover a{}
/*.nav li:hover .xlnav{display: block}*/

/*banner图片切换样式*/
.banner{width:100%; overflow:hidden;position: relative}
.banner li{overflow:hidden;height: 520px;display:flex;justify-content:center;align-items:center}
.banner .swiper-button-prev{width: 35px;height: 78px;margin-top: -39px; background: url("../img/prev.png");
    opacity: .5;left: 50%;margin-left: -625px;z-index: 999}
.banner .swiper-button-next { width: 35px;height: 78px;margin-top: -39px; background: url("../img/next.png");
    opacity: .5;right: 50%;margin-right: -625px;z-index: 999}
.banner .swiper-pagination{ position: absolute; bottom:30px!important; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:12px;height:12px;margin:0 7px!important;cursor: pointer;background-color:rgba(255,255,255,0.8);position: relative;border-radius: 100%}
.banner .swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity: 1}

.title{text-align: center;padding-top: 60px}
.title h2{font-size: 36px;color: #1144a3;}
.title p{color: #979797;margin: 15px 0;font-size: 18px;line-height: 26px;}
.title i{display: block;margin: 0 auto;width: 51px;height: 4px;background-color: #1144a3;}

.oneA{background: url("../img/oa.jpg") no-repeat center;padding-bottom: 60px}
.oneAa{margin-top: 60px;overflow: hidden}
.oneAal{width: 240px;background: #009a44}
.oneAal dd{background: url("../img/l_t_back.png") no-repeat center top;text-align: center;padding: 20px 0}
.oneAal dd h2{font-size: 24px;color: #fff;font-weight: normal}
.oneAal dd p{font-size: 16px;color: #fff;margin-top: 12px}
.oneAal dl{padding: 0 20px 16px}
.oneAal dl p{line-height: 45px;border-bottom: solid 1px rgba(255, 255, 255, .39);padding: 0 23px 0 63px;position: relative}
.oneAal dl p a{color: #fff}
.oneAal dl p::after {content: '';width: 8px;height: 8px;border: solid 1px #fff;border-radius: 5px;
    position: absolute;top: 18px;left: 33px;}
.oneAal dl p:last-child{border-bottom: none}
.oneAal dt{ width: 100%;height: 97px;background: url(../img/tel_back_02.png) 45px 21px no-repeat #1144a3;}
.oneAal dt p:nth-of-type(1) {font-size: 12px;line-height: 12px;color: #fff;padding: 24px 0 0 102px;}
.oneAal dt p:nth-of-type(2){font-size: 19px;line-height: 14px;color: #fff;font-family: Arial;margin: 10px 0 0 68px;}
.oneAar{width: 952px;}
.oneAar .tit{overflow: hidden}
.oneAar .tit p{position: relative;font-size: 24px;color: #333;line-height: 1;}
.oneAar .tit p:before{content: '';position: absolute;bottom: -15px;left: 0;width: 98px;height: 4px;background-color: #1144a3;}
.oneAar .tit p span{color: #999;}
.oneAar .tit p i{font-size: 16px;color: #999;font-style: normal;}
.oneAar .tit a{display: block;font-size: 16px;color: #666;margin-top: 5px;transition: .6s;}
.oneAar .tit a:hover{color: #1144a3;}
.oneAar ul{overflow: hidden}
.oneAar ul li{float: left;width: 290px;margin: 27px 40px 0 0;}
.oneAar ul li dd{width: 100%;height: 189px;background: #fff;position: relative;overflow: hidden}
.oneAar ul li dd img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneAar ul li p{width: 100%;height: 41px;box-shadow: 2px 3px 8px 0px rgb(3 0 0 / 5%);line-height: 41px;position: relative;z-index: 0;background: #fff;border-top: 0;box-sizing: border-box;}
.oneAar ul li span{display: block;width: 100%;height: 41px;background: url(../img/duct-jj.png) no-repeat 249px center;padding: 0 45px 0 19px;box-sizing: border-box;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;transition: .6s;color: #666;}
.oneAar ul li p:before {content: '';position: absolute;bottom: 0;left: 0;height: 41px;width: 0;background: #1144a3;z-index: -1;transition: .6s;}
.oneAar ul li:hover span {color: #fff;background: url(../img/duct-jj2.png) no-repeat 249px center;}
.oneAar ul li:hover p:before{width: 100%}
.oneAar ul li:nth-child(3n){margin-right: 0}

.oneB{background: url("../img/ob.png") no-repeat center;padding-bottom: 60px}
.oneB ul{margin-top: 60px}
.oneB ul li{background-color: #fafafa;box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 10%);width: 269px;height: 334px;float: left;text-align: center;
    position: relative;z-index: 0;overflow: hidden;padding-top: 40px;box-sizing: border-box;transition: .6s;}
.oneB ul li i{display: block;width: 49px;height: 43px;margin: 0 auto 20px;transition: .6s;}
.oneB ul li:nth-child(1) i{background: url("../img/ob1.png") no-repeat center center;}
.oneB ul li:nth-child(1):hover i{background: url("../img/ob1h.png") no-repeat center center;}
.oneB ul li:nth-child(2) i {background: url("../img/ob2.png") no-repeat center center;}
.oneB ul li:nth-child(2):hover i {background: url("../img/ob2h.png") no-repeat center center;}
.oneB ul li:nth-child(3) i {background: url("../img/ob3.png") no-repeat center center;}
.oneB ul li:nth-child(3):hover i {background: url("../img/ob3h.png") no-repeat center center;}
.oneB ul li:nth-child(4) i {background: url("../img/ob4.png") no-repeat center center;}
.oneB ul li:nth-child(4):hover i {background: url("../img/ob4h.png") no-repeat center center;}
.oneB ul li h3{font-size: 16px;font-weight: normal}
.oneB ul li span {display: block;font-family: ArialMT;font-size: 12px;color: #808080;margin: 10px 0 24px;transition: .6s;}
.oneB ul li p {width: 211px;margin: 0 auto;font-size: 14px;line-height: 27px;color: #666666;transition: .6s;}
.oneB ul li b {display: block;background: url(../img/ob-jia.png) no-repeat center;width: 19px;height: 19px;margin: 30px auto 0;transition: .6s;}
.oneB ul li:before {position: absolute;content: '';bottom: -347px;left: 0;background: #1144a3;width: 100%;height: 100%;z-index: -1;transition: .6s;}
.oneB ul li:hover {box-shadow: 0px 3px 23px 0px rgb(17 68 163 / 80%);}
.oneB ul li:hover:before {bottom: 0;}
.oneB ul li:hover h3, .oneB ul li:hover span, .oneB ul li:hover p {color: #fff;}
.oneB ul li:hover b{background: url(../img/ob-jiah.png) no-repeat center;}

.oneC{overflow: hidden;background: #EDEDED;padding-bottom: 60px}
.caseMain{height:620px;overflow:hidden;position:relative;margin-top: 40px}
.caseMain .caseBox{float:left;width:485px;height:305px;float:left;position:relative;overflow:hidden;margin:0 10px 10px 0;}
.caseMain ul img{width:485px;height:305px;transition:all 0.5s;}
.caseMain .caseBox1,.caseMain .c1,.caseMain .c1 img{width:735px;height:455px;}
.caseMain li{float:left;position:relative;overflow:hidden;}
.caseMain li .font{position:absolute;background: url('../img/opc.png');width:400px;height:230px;top:37px;left:37px;color:#fff;padding:20px 25px;opacity:0;transform:scale(1.1,1.1) rotateX(180deg);transition:all 0.5s;transform:; }
.caseMain li h3{font-size:18px;font-weight:normal;height:40px;text-align:center;border-bottom:1px solid #948d85;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.caseMain li .more{display:inline-block;width:75px;height:25px;border:1px solid #fff;text-align:center;line-height:25px;margin-top:15px;}
.caseMain .c1 .font{width:540px;height:290px;padding:40px 40px;top:90px;left:90px;}
.caseMain li .font::before,.caseMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.caseMain li .font::before{top:10px;right:10px;bottom:10px;left:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.caseMain li .font::after{top:10px;right:10px;bottom:10px;left:10px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.caseMain li:hover .font{opacity:1;transform:scale(1,1) rotateX(0deg);transition:all 0.5s;}
.caseMain li:hover div::before,.caseMain li:hover div::after{opacity:1;transform:scale(1);transition: all 0.5s;transition-delay: 0.3s; }
.pageBtn{position:absolute;left:0;bottom:0;background:#232323;}
.pageBtn .btn{float:left;width:260px;height:155px;cursor:pointer;background: url('../img/cPrev.png') no-repeat center center;}
.pageBtn .next{background: url('../img/cNext.png') no-repeat center center}
.pageBtn .btn:hover{background:#d77f01 url('../img/cPrev.png') no-repeat center center;transition:all 0.3s}
.pageBtn .next:hover{background:#d77f01 url('../img/cNext.png') no-repeat center center;}
.caseMain .cMore{float:left;width:215px;background:#ff9800;color:#fff;font-size:30px;text-align:center;height:155px;padding-top:30px;line-height:40px;}
.caseMain .cMore span{display:block;font-size:40px;}

.mbanner {width: 100%;height: 288px;background: url(../img/od.jpg) center no-repeat;}
.mbanner .m_main .m_txt {width: 644px;margin-left: 364px;margin-top: 80px;text-align: center;}
.mbanner .m_main .m_txt > p {font-family: Arial;color: #f8f8f8;font-size: 12px;margin-bottom: 10px;}
.mbanner .m_main .m_txt > h3 {font-size: 30px;color: #ffffff;text-align: center;margin-bottom: 15px;font-weight: normal}
.mbanner .m_main .m_txt > span {display: block;width: 613px;height: 17px;margin-bottom: 15px;background: url(../img/m_txt_ico.png) center no-repeat;}
.mbanner .m_main .m_txt > h4 {font-size: 14px;color: #ffffff;font-weight: normal}
.mbanner .m_main .m_tell {text-align: center;margin-top: 85px;}
.mbanner .m_main .m_tell > p {font-size: 16px;color: #ffffff;line-height: 16px;margin-bottom: 18px;}
.mbanner .m_main .m_tell > h3 {font-family: Arial;color: #ffffff;font-size: 28px;line-height: 28px;margin-bottom: 20px;}
.mbanner .m_main .m_tell > a {display: block;width: 135px;height: 41px;margin: 0 auto;text-align: center;line-height: 41px;color: #ffffff;font-size: 14px;border-radius: 20px;background-color: #009a44;}

.oneE{width: 100%;height: 1149px;background: url(../img/oe.jpg) no-repeat center;overflow: hidden;}
.oneEs{align-items: center;margin-top: 35px}
.oneEsa{}
.oneEsl{width: 520px;}
.oneEsl ul li{margin-top: 20px}
.oneEsl .ys-text {width: 410px;margin-left: 30px;}
.oneEsl .ys-text h6{font-size: 20px;font-weight: normal}
.oneEsl .ys-text i {display: block;font-size: 12px;color: #808080;margin: 11px 0 20px;font-style: normal;}
.ys-text p {background: url(../img/ys-dian.png) no-repeat 0 10px;padding-left: 17px;box-sizing: border-box;font-size: 14px;line-height: 28px;color: #808080;}
.oneEsl ul li .ys-num{transition: .6s;}
.oneEsl ul li:hover .ys-num {transform: translateY(-5px);}

.oneF{background: url("../img/of.jpg") no-repeat center;text-align: center;color: #fff;padding: 40px 0}
.oneF h3{font-size: 26px;font-weight: normal}
.oneF span{display: block;line-height: 1;font-family: Arial;font-size: 12px;color: #fff;margin: 12px 0 16px;text-align: center;}
.oneF p{color: #fff;height: 29px;font-family: Arial;font-size: 24px;display: flex;align-items: center;justify-content: center;}
.oneF p img{margin-right: 15px}
.oneF dl{font-size: 16px;margin-top: 15px}

.oneG{background: url("../img/og.png") no-repeat center;overflow: hidden;padding-bottom: 60px}
.oneGs{margin-top: 40px}
.oneGl{width: 540px;overflow: hidden}
.oneGl video{width: 100%}
.oneGl img{max-width: 100%}
.oneGr{width: 650px;}
.oneGr .tit h3{font-size: 24px;font-weight: normal}
.oneGr .tit p{font-size: 14px;color: #b3b3b3;margin: 19px 0 25px;}
.oneGr .text{line-height: 1.8;color: #797979}
.oneGr .text a{color: #1144a3}

.oneH{background: url("../img/oh.png") no-repeat center;overflow: hidden;}
.oneHs{margin-top: 40px}
.oneHsl{width: 610px}
.oneHs .tit{border-bottom: 2px solid #e7e7e7;padding-bottom: 12px;display: flex;justify-content: space-between;align-items: center;line-height: 26px;}
.oneHs .tit h3{font-size: 20px;color: #333;font-weight: normal;}
.oneHs .tit span{font-size: 14px;color: #cccccc;padding-left: 13px;text-transform: uppercase}
.oneHs .tit a{color: #666666;transition: .6s;}
.oneHsla{margin-top: 20px}
.oneHsla dd{height: 380px;overflow: hidden}
.oneHsla dd img{max-width: 100%;transition: .8s;}
.oneHsla:hover dd img {transform: scale(1.1);}
.oneHsla dl{background: #1144A3;padding: 20px;color: #fff}
.oneHsla dl h3{font-weight: normal;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #fff;transition: .6s;}
.oneHsla dl p{line-height: 24px;color: #ffffff;margin-top: 8px;
    overflow: hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneHslb{margin-top: 30px}
.oneHslb ul li{line-height: 44px;box-sizing: border-box;transition: .6s;color: #808080;}
.oneHslb ul li a{display: block;width: 75%;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;transition: .6s;padding-left: 18px;box-sizing: border-box;background: url("../img/new-dd.png") no-repeat 0 center;}
.oneHslb ul li:hover a{background: url("../img/new-dd2.png") no-repeat 0 center;color: #1144a3;}
.oneHslb ul li:hover {padding: 0 10px;color: #1144a3;}
.oneHsr{width: 594px;}
.oneHsra{}
.oneHsra ul li{padding-bottom: 19px;margin-top: 20px;}
.oneHsra ul li a{display: flex;justify-content: space-between}
.oneHsra ul li dd{width: 263px;height: 154px;overflow: hidden;}
.oneHsra ul li dd img{max-width: 100%;transition: .8s;}
.oneHsra ul li:hover dd img{transform: scale(1.1);}
.oneHsra ul li dl{width: 305px}
.oneHsra ul li dl h3{overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #4d4d4d;margin-top: 25px;transition: .6s;font-weight: normal}
.oneHsra ul li dl p{line-height: 24px;color: #808080;margin-top: 22px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.oneHsra ul li:first-child{border-bottom: 2px solid #e7e7e7;}
.oneHsra ul li:hover h3{transform: translateX(5px);color: #1144a3;}

footer{width:100%;background: #1144A3;margin-top: 60px;padding: 40px 0 0 }
.link{overflow: hidden;line-height: 36px;display: flex;align-items: center}
.link span {float: left;font-size: 16px;color: #fff;}
.link dl{width: 1105px;float: right;}
.link a{font-weight: normal;font-stretch: normal;line-height: 36px;color: #fff;display: inline-block;-webkit-transition: .5s;transition: .5s;margin-left: 12px}
.link a:hover{color: #fff;-webkit-transform: translateX(5px);transform: translateX(5px);}

.foot{color: #fff;padding: 30px 0 20px}
.footl{line-height: 36px}
.footc{margin: 15px 0 0 -5%;width: 100px;height: 100px;border: 5px solid #fff}
.footc img{max-width: 100%}
.footr .foot-tet{float: left;width: 162px;overflow: hidden;}
.footr .foot-tet .f_tit {font-size: 16px;color: #fff;font-weight: bold;padding-bottom: 14px;width: 118px;border-bottom: 1px solid rgba(255,255,255,.37);margin-bottom: 22px;}
.footr .foot-tet .f_nav li{font-size: 13px;-webkit-transition: .5s;transition: .5s;color: #fff;padding-bottom: 22px;display: block;width: 162px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footr .foot-tet .f_nav li a{color: #fff}
.copy{border-top: 2px solid rgba(255,255,255,.37);width: 100%;line-height: 52px;color: #fff;}
.copy a{color: #fff}


/*========================================= 关于我们 =====================================*/
.ny_ban{overflow: hidden;height: 350px;display:flex;justify-content:center;align-items:center;position: relative}
.ny_ban dl{color: #fff;position: relative;z-index: 2}
.ny_ban dl h2{font-size: 24px;}
.ny_ban dl p{font-size: 24px;text-transform: uppercase;font-weight: bold}

.ny_menu{background: url("../img/nymenu.jpg") no-repeat center;background-size: cover}
.ny_menu2{background: none}

.location{border-bottom: 1px solid #e6e6e6;overflow: hidden;padding: 15px 0;color: #999}
.location a{color: #999 }
.local{display: flex;align-items: center;padding-left: 15px;}
.local img{margin-right: 8px}
.local a{margin: 0 10px;display: inline-block;}
.back img{vertical-align: middle;margin-left: 8px}
.ny_nav{overflow: hidden;padding: 25px 0 45px}
.ny_navl{font-size: 24px;}
.ny_navl img{vertical-align: middle;margin-right: 10px}
.ny_navr{margin-left: 20px}
.ny_navr ul li{float: left;margin-left: 20px;font-size: 15px;transition: all 0.3s}
.ny_navr ul li a{display: inline-block;padding: 0 20px;line-height: 30px;background: #fff;border-radius: 5px;color: #666;border: 1px solid #f2f2f2;position: relative}
.ny_navr ul li a::before{width: 6px;height: 6px;border: 2px solid #ddd;content: "";display: inline-block;margin-right: 10px;border-radius: 50%;vertical-align: unset;}
.ny_navr ul li a:hover,.ny_navr ul li.active a{color: #1144A3;}
.ny_navr ul li:hover,.ny_navr ul li.active{box-shadow: 0 0 10px rgb(32 107 209 / 20%);}
.ny_navr ul li:hover a:before,.ny_navr ul li.active a:before{border-color: #1144A3}

.ny_title{margin-top: 40px;text-align: center}
.ny_title h2{font-size: 26px;font-weight: normal}
.ny_title p{text-transform: uppercase;color: #666;font-size: 16px;font-family: Arial;line-height: 2}

.one{line-height: 2;font-size: 16px;margin-top: 40px}
.one img{line-height: 2;font-size: 16px;}

.ny_con{/*font-size: 16px;*/line-height: 2;margin-top: 40px}
.ny_con img{max-width: 100%}

.honor{overflow: hidden}
.honor ul li{width: 24%;float: left;background: #f0f0f0;margin: 40px 1.3% 0 0}
.honor ul li dd{border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;}
.honor ul li dd img{width: 100%;}
.honor ul li p{height: 50px;line-height: 50px;text-align: center;padding: 0 5px;font-size: 16px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}
.honor ul li:nth-child(4n){margin-right: 0}

.case{overflow: hidden}
.case ul li{width: 32%;margin: 40px 2% 0 0;float: left}
.caseList li i {display: block;position: relative;padding: 28%;overflow: hidden;border: 1px solid #d8d8d8;background: #fff;border-radius: 5px 5px 0 0;}
.caseList li img.caseImgList1 {position: absolute;top: 0;left: 0;width: 100%;margin: auto;bottom: 0;right: 0;border-radius: 5px;}
.caseLdd .caseListdd {display: block;margin: 1%;position: absolute;width: 98%;height: 96.1%;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;border-radius: 5px 5px 0 0;}
.caseListBg {width: 100%;height: 100%;display: block;top: 0;left: 0;position: absolute;z-index: 2;-webkit-transition: .5s;transition: .5s;}
.caseList li .caseListTitle {font-size: 18px;text-align: center;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    padding: 12px 10px;-webkit-transition: 1.2s;transition: 1.2s;}
.caseLdd:hover .caseListTitle {font-weight: bold;}
.caseLine {width: 20px;height: 1px;margin: 8px auto 10px;background: transparent;}
.caseList li p {line-height: 2;margin: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
    overflow: hidden;color: #999;-webkit-transition: 1.2s;transition: 1.2s;text-align: center;}
.caseLdd:hover .caseText {border-bottom: 1px solid transparent;}
.caseList li:hover p {color: #fff;}
.caseList li .caseMore {font-size: 36px;display: block;text-align: center;margin-top: 8px;font-weight: 100;color: #fff;}
.caseList li .caseMore img {position: relative;animation: lr linear 3s infinite alternate;}
.caseText {-webkit-transition: .5s;transition: .5s;padding:10px 0;border-bottom: 1px solid #f2f2f2;height: 100%;}
.caseList li:hover .caseListTitle {color: #fff !important;}
.caseList li:hover .caseLine {background: #fff;}
.caseLdd:hover .caseText {border-radius: 0 0 .03rem .03rem;}
.caseLdd:hover {box-shadow: 0 0 16px rgba(0, 0, 0, .1);}
.caseLdd .button_text_container {width: 0;height: 0;position: absolute;top: 100%;left: 0;background: #0258b8;z-index: -1;
    -webkit-transition: 1.2s;transition: 1.2s;border-radius: 50%;}
.caseLdd:hover .button_text_container {top: 0;left: -25%;width: 150%;height: 150%;background-color: #1144a3;}
.caseLdd {width: 100%;height: 100%;position: relative;overflow: hidden;-webkit-transition: .5s;transition: .5s;border-radius: 5px 5px 0 0;}
.caseList li:nth-child(3n){margin-right: 0}
.caseList li:hover .caseListhide{width: 100%;height: 100%;top: 0;left: 0;}
@keyframes lr {
    0% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    25% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    75% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    100% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}

.product{margin-top: 40px}
.pro_left{width: 250px;float: left;}
.proListTop{background: url("../img/proL.png") no-repeat center;background-color: #1144A3;
    text-align: center;padding: 12px 0;border-radius: 10px 10px 0 0;}
.proListTop h3{font-size: 22px;font-weight: normal;color: #fff;margin-top: 10px;}
.proListTop p{font-size: 18px;color: #fff;text-transform: uppercase}
.proListclass1{padding: 12px;  background: #1144A3;  display: block;  width: 100%;  font-weight: bold;  color: #fff;
    position: relative;  box-sizing: border-box;  overflow: hidden;}
.proListclass2 {  width: 82%;  color: #fff;  display: inline-block;  font-size: 16px;  margin-left: 5px;
    overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  position: relative;  z-index: 2;}
.proListclass1:before {  content: "";  position: absolute;  top: -100%;  left: 0%;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, .2);
    -webkit-transition: .5s;  z-index: 1;}
.proListclass1:hover:before{top: 0}
.proListclass1 i {  position: absolute;  width: 3px;  height: 100%;  top: 0;  left: 3px;  background: #fff;  z-index: 3;  }
.proListclass1 b {  display: inline-block;  width: 25px;  background: url(../img/proIco1.png) no-repeat center;  overflow: hidden;  cursor: pointer;
    padding: 10px 0;  vertical-align: bottom;  transition: all .4s;  transform: rotate(0);  position: relative;  z-index: 2;}
.proList_classify{background-color: #fafafa;overflow: hidden}
.proList_classify ul li p {  border: 1px solid #dededd;  border-top: 1px solid #fff;  padding-bottom: 10px;  margin-top: 0;  margin-bottom: 0;}
.proList_classify ul li p a b {  position: absolute;  width: 100%;  height: 35px;  background: #1144A3;  left: -108%;
    transition: .5s;  border-radius: 4px;  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.proList_classify ul li p a {  border-bottom: 1px solid #f3f3f3;  width: 94%;  padding-top: 0;  display: block;  margin: 5px;
    padding-bottom: 5px;  position: relative;
}
.proList_classify ul li p a span {  padding: 7px;  width: 90%;  display: block;  position: relative;  z-index: 1;
    transition: .5s ease-in-out;  font-size: 15px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }
.proList_classify ul li p a:hover b,.proList_classify ul li p a.active b{  left: -7px;  }
.proList_classify ul li p a:hover,.proList_classify ul li p a.active{color: #fff;}
.proList_classify ul li p a span::before {  width: 2px;  margin-right: 10px;  vertical-align: bottom;  background: #dededd;  content: "";
    display: inline-block;  transition: .5s;  height: 20px;  margin-left: 5px;}

.prohot{width: 100%;background-color: #fafafa;overflow: hidden;margin-top: 20px;padding: 20px 10px 0;box-sizing: border-box}
.new_hot{width: 100%;background-color: #fafafa;overflow: hidden;margin-top: 20px;padding: 20px 10px;box-sizing: border-box}
.news_nav{text-align: center;font-size: 22px;padding-bottom: 10px;}
.news_nav img{vertical-align: middle;padding-right: 10px;}
.new_hot ul li{line-height: 39px;border-bottom: 1px solid #dededd;padding: 0 10px;transition: .5s;overflow: hidden}
.new_hot ul li a{color: #999;font-size: 15px;}
.new_hot ul li:hover {  transform: translateX(5px);  }
.new_hot ul li:hover a{color: #1144A3}
.new_hot ul li i{font-style: normal;display: block;float: left}
.new_hot ul li span{display:block;float:left;width:155px;margin-left:10px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;  }

.proListR{width: 960px;}
.proListRtop{background-color: #f4f4f4;padding: 10px 0}
.proListRtop img{margin-right: 10px;vertical-align: middle}
.proListRtop i{font-size: 16px;padding-left: 20px;font-style: normal;}
.proListRsort {  padding: 15px;  background: #fff;  box-shadow: -6px 8px 15px rgba(0, 0, 0, 0.02);  border: 1px solid #f2f2f2;  border-top: 0;  }
.proListRsort a {  display: inline-block;  margin-right: 20px;  line-height: 30px;  color: #666;  }
.proListRsort a::before {  content: "";  display: inline-block;  width: 5px;  height: 5px;  background: #1144A3;  border-radius: 50%;  margin: 3px 7px;  }
.proListCenter ul{overflow: hidden}
.proListCenter ul li{width: 306px;float: left;margin-top: 20px; border: 1px solid #dededd;
    padding: 0 8px;box-sizing: border-box;margin-right: 20px;position: relative}
.proListCenter ul li dd{margin: 8px auto;position: relative}
.proListCenter ul li .pro_img{width: 230px;height: 175px;}
.proListCenter ul li .pro_img img{position: absolute;  top: 0;  left: 0;  max-width: 100%;  max-height: 100%;  right: 0;  bottom: 0;  margin: auto;  }
.proListCenter ul li dt h3{font-weight: normal;color: #4c4c4c;font-size: 16px;border-bottom: 1px solid #dededd;padding: 10px 0}
.proListCenter ul li dt p{padding: 10px 0;text-transform: uppercase;color: #c6c6c6;font-size: 12px;background: url(../img/proMore.png) no-repeat 100% center;}
.proListCenter ul li .pro_img::before {  border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  transform: scale(0, 1);
    position: absolute;  top: 5%;  right: 5%;  bottom: 5%;  left: 5%;  content: '';  opacity: 0;
    transition: opacity .35s, transform .35s;  z-index: 2;  background: url(../img/See.png) no-repeat center;
}
.proListCenter ul li .pro_img::after {  border-right: 1px solid #fff;  border-left: 1px solid #fff;  transform: scale(1, 0);
    position: absolute;  top: 5%;  right: 5%;  bottom: 5%;  left: 5%;  content: '';
    opacity: 0;  transition: opacity .35s, transform .35s;  z-index: 2;
}
.proListCenter ul li:hover .pro_img::before, .proListCenter ul li:hover .pro_img::after {  opacity: 1;  transform: scale(1);  }
.caseListhide {  width: 0%;  height: 0%;  display: block;  top: 50%;  left: 50%;  transition: .8s;
    background: rgba(255, 255, 255, .2) url(../img/See.png) no-repeat center;  position: absolute;  z-index: 1;  -moz-transform: rotateX(90deg);
}
.proListCenter ul li:hover .caseListhide{display: block}
.proListCenter ul li dd::after {content: "";  width: 0%;  height: 0%;  position: absolute;  top: 50%;  left: 50%;  transition: .5s;  border-radius: 3px;  }
.proListCenter ul li:hover dd::after { width: 100%;height: 100%;background: rgba(0, 0, 0, .1);top: 0;left: 0; }
.proListCenter ul li:nth-child(3n){margin-right: 0}
.proListCenter .border-left {  width: 1px;  height: 0px;  background: #1144A3;  position: absolute;  top: 0;  left: 0%;  transition: .5s;  }
.proListCenter .border-right {  width: 1px;  height: 0px;  background: #1144A3;  position: absolute;  bottom: 0;  right: 0%;  transition: .5s;  }
.proListCenter .border-top {  width: 0px;  height: 1px;  background: #1144A3;  position: absolute;  top: 0;  left: 0%;  transition: .5s;  }
.proListCenter .border-bottom {  width: 0px;  height: 1px;  background: #1144A3;  position: absolute;  bottom: 0;  right: 0%;  transition: .5s;  }
.proListCenter ul li:hover .border-left {  height: 100%;  }
.proListCenter ul li:hover .border-right {  height: 100%;  }
.proListCenter ul li:hover .border-top {  width: 100%;  }
.proListCenter ul li:hover .border-bottom {  width: 100%;  }


.side-bar #wjdh-side-hot{background-color: #f8f8f8}
.side-bar #wjdh-side-hot .tempWrap {  margin: auto;  }
.side-bar dl ul li{padding-top: 10px;border-bottom: 1px solid #e9e9e9}
.side-bar dl ul li .img {  width: 210px;  height: 170px;  padding: 4px;  margin: 0 auto;  background-color: #e9e9e9; overflow: hidden }
.side-bar dl ul li .img img{max-width: 100%}
.side-bar dl ul li .title-a {  display: block;  width: 90%;  height: 30px;  line-height: 30px;  margin: 0 auto;
    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  text-align: center;
}
.side-bar #wjdh-side-hot .hot-btn {  text-align: center;  padding: 10px;  }
.side-bar #wjdh-side-hot span.prev, .side-bar #wjdh-side-hot span.next {  display: inline-block;  _display: inline;  zoom: 1;
    width: 35px;  height: 20px;  margin: 0 5px;  cursor: pointer;
}
.side-bar #wjdh-side-hot span.prev {  background: url(../img/sidebar_left.png);  }
.side-bar #wjdh-side-hot span.next {  background: url(../img/sidebar_right.png);  }


.newsR{width: 960px;}
.news{}
.news ul li{transition: all 0.5s ease;border-bottom: 1px solid #f2f2f2;padding: 35px;}
.news ul li a{display: flex;justify-content: space-between}
.news ul li dd{border: 1px solid #dededd;padding: 20px;color: #999;font-size: 16px}
.news ul li dd b{display: block;font-size: 26px;font-weight: normal}
.news ul li dl{width: 86%;}
.news ul li dl h3{font-size: 18px;font-weight: normal;margin: 5px 0 15px}
.news ul li dl p{line-height: 1.8;margin: 10px 0 0;color: #999}
.news ul li dl span{color: #333;display: inline-block;margin-left: 5px}
.news ul li:hover{box-shadow: 0 0 16px rgb(0 0 0 / 10%);border-bottom: 1px solid #fff;}
.news ul li:hover h3{color: #1144A3}

.contact{text-align: center;color: #999;line-height: 1.8;padding: 30px 50px;font-size: 16px}
.contactA{margin-top: 10px}
.contactA ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.contactA ul li{float: left;text-align: center;width: 33.3%;border-right: 1px solid #dededd;padding: 30px 0 40px}
.contactA ul li i{display: block;font-size: 20px;font-style: normal;}
.contactA ul li i img{height: 40px;animation: tb linear 3s infinite alternate;}
.contactA ul li p{font-size: 20px;margin: 20px 0}
.contactA ul li span{font-size: 16px;}
.contactA ul li:nth-child(3n){border: none}
@keyframes tb {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    25% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.map{border: 18px solid #f4f4f4;background: #fff;margin-top: 40px;}
#dituContent{height: 450px;margin: 20px}

.gallery-top {border: 1px solid #e6e6e6;overflow: hidden;margin-top: 20px;}
.gallery-top .pro_centern1BoxImg {position: relative;padding: 19%;width: 50%;overflow: hidden;border-right: 1px solid #e6e6e6;}
.gallery-top .pro_centern1BoxImg img {position: absolute;top: 0;left: 0;right: 0;margin: auto;bottom: 0;max-width: 100%;max-height: 100%;}
.gallery-top .pro_text {padding: 18px;width: 50%;}
.gallery-top .pro_text .pro_textBox {width: 100%;height: 100%;background: #f5f5f5;padding: 30px 40px 30px;}
.gallery-top .pro_text .pro_textBox h4 {font-size: 24px;color: #333;text-align: center;font-weight: normal;}
.gallery-top .pro_text .pro_textBox h4 b {font-size: 24px;}
.gallery-top .pro_text .pro_textBox span {font-size: 13px;color: #999;display: block;border-bottom: 1px solid #e6e6e6;padding: 16px 0 14px;}
.gallery-top .pro_text .pro_textBox span a {color: #999;display: inline-block;padding-left: 15px;-webkit-transition: .5s;transition: .5s;}
.gallery-top .pro_text .pro_textBox span a:hover {color: #333;-webkit-transform: translateX(5px);transform: translateX(5px);}
.gallery-top .pro_text .pro_textBox p {color: #808080;line-height:32px;margin-top:26px;border-bottom: 1px solid #e6e6e6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 107px;border-top: 1px solid #e6e6e6;padding: 5px 0;}
.gallery-top .pro_text .pro_textBox1 {width: 100%;height: 100%;padding: 0 30px 0;background: #f5f5f5;overflow: hidden;}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxShare {padding-top: 30px;width: 50%;}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxShare .pro_textBoxShareBox {padding: 0;}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxShare .pro_textBoxShareBox a{margin: 2px 6px;}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxShare h4 {font-weight: normal;}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxShare h4 b {font-size: 20px;}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxShare a.pro_textBox1More {display: block;width: 125px;height: 36px;background: #1144a3 url(../img/pro_textBox1More.png) no-repeat 80% center;border-radius: 4px;line-height: 36px;text-indent: 2em;color: #fff;margin: 28px 0;-webkit-transition: .5s;transition: .5s;}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxShare a.pro_textBox1More:hover {-webkit-transform: translateX(5px);transform: translateX(5px);box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxQR {overflow: hidden;background: url(../img/pro_textBoxQR.png) no-repeat center top;margin-top: 10px;width: 50%;}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxQR img {width: 116px;height: 116px;margin: 0 auto;display: block;margin-top: 32px;}
.gallery-top .pro_text .pro_textBox1 .pro_textBoxQR h6 {text-align: center;font-size: 13px;margin: 10px 0;font-weight: normal;}
.pro_centern1Boxcontainer .swiper-container {position: relative !important;}
.swiper-button-next1 {width: 35px;height: 80px;background: url(../img/swiper-button-next1.png) no-repeat center;position: absolute;top: 40%;z-index: 1;left: 0;outline: none;}
.swiper-button-prev1 {width: 35px;height: 80px;background: url(../img/swiper-button-prev1.png) no-repeat center;position: absolute;top: 40%;z-index: 1;right: 0;outline: none;}

.gallery-thumbs {height: 20%;padding: 10px 0!important;}
.gallery-thumbs .swiper-slide {height: 100%;opacity: 1;}
.gallery-thumbs .swiper-slide b {position: relative;display: block;padding: 32.8%;border: 1px solid #f2f2f2;}
.gallery-thumbs .swiper-slide-thumb-active b {border: 1px solid #333;}
.gallery-thumbs .swiper-slide b img {position: absolute;max-width: 100%;max-height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.pro_swiperMore {display: block;text-align: center;line-height: 2.5;-webkit-transition: .5s;transition: .5s;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid rgba(255, 255, 255, 0.4);}



/*=======================================新闻详情页============================================*/
/*.content{width: 940px}*/
.news_info{overflow:hidden;}
.info_title{text-align:center;}
.info_title h1{font-size:22px;font-weight: normal}
.info_laiyuan{text-align:center; color: #999;margin-top: 20px}
.info_text{padding:30px 0;line-height:2;min-height: 300px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 20px}
.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)}