@charset "utf-8";
.container{
    max-width: 1392px;
    margin: 0 auto;
}
/*首页banner*/
#banner{width:100%; height:100%;z-index:1; left:0; top:0;}
#banner .swiper-container{height:100%;}
#banner .swiper-wrapper{height:100%;}
#banner .swiper-slide{width:100%; height:100%;}
#banner .swiper-slide>div.img{width:100%; height:100%; transform:scale(1.05); position:absolute; z-index:2; left:0; top:0; background-size:cover; background-position:center top; background-repeat:no-repeat; transition:transform 15s;}
#banner .swiper-slide>div.img img{width:100%; height:100%;object-fit: cover}
#banner .swiper-slide.normal>div.img{transform:scale(1);}
#banner .swiper-slide>div.con{position:absolute; z-index:3; left:155px; top:38%;}
#banner .swiper-slide h1{color:#fff; font-size:7.2rem; display:block; margin:0; transform:translateY(100px); opacity:0;transition:all .5s ease;}
#banner .swiper-slide p{color:#fff; font-size:2.8rem; font-weight:300; margin-top:15px; transform:translateY(100px); opacity:0;transition:all .5s ease;}
#banner .swiper-slide.normal>div.con h1{transform:translateY(0px); opacity:1; transition:all .8s;}
#banner .swiper-slide.normal>div.con p{transform:translateY(0px); opacity:1; transition:all .8s .2s;}

#banner .swiper-pagination{bottom:30px;}
#banner .swiper-pagination-bullet{width:8px; height:8px; margin:0 7px; opacity:1; background:none; transition:all .25s; border:2px solid #1885f5;}
#banner .swiper-pagination-bullet-active{width:32px; opacity:1; border-radius:100px; background:#1885f5;}

@media (max-width:1680px){
    #banner .swiper-slide>div.con{left:125px;}
}
@media (max-width:1440px){
    #banner .swiper-slide>div.con{left:100px;}
    #banner .swiper-slide h1{font-size:6.8rem;}
}
@media (max-width:1366px){
    #banner .swiper-slide>div.con{top:39%;}
    #banner .swiper-slide>div.con{left:80px;}
    #banner .swiper-slide h1{font-size:6.6rem;}
    #banner .swiper-slide p{font-size:2.6rem;}
}
@media (max-width:1280px){
    #banner .swiper-slide>div.con{top:40%;}
    #banner .swiper-slide h1{font-size:6rem;}
    #banner .swiper-slide p{font-size:2rem;}
}
@media (max-width:1080px){
    #banner{max-height:380px;}
    #banner .swiper-slide>div.img{transform:scale(1.2); transition:transform 13s;}
    #banner .swiper-slide>div.con{left:0; width:100%; top:42%; text-align:center;}
    #banner .swiper-slide h1{font-size:4rem;}
    #banner .swiper-slide p{font-size:1.6rem; padding:0 20px; margin-top:5px; line-height:1.3;}
    #banner .swiper-pagination{bottom:20px;}
    #banner .swiper-pagination-bullet{width:6px; height:6px; margin:0 5px; border:1px solid #1885f5;}
    #banner .swiper-pagination-bullet-active{width:20px;}
}








/*首页关于*/
.col-index-about {padding: 5% 0 4.5% 0;}
.col-index-about .content {width: 59.5%;}
.col-index-about .img {width: 35%;float: right;margin-top: 25px;}
.pull-left {float: left!important;}
.col-index-about .content h3 {font-size: 2.5vw;color: #414852;line-height: 112px;}
.col-index-about .content h3>* {float: left;}
.col-index-about .content h3 span {border-left: 1px solid #ccc;padding-left: 1.56vw;margin-left: 1.56vw;}
.col-index-about .content .con {margin-top: 3.125vw;}
.col-index-about .content .con p {font-size: 18px;line-height: 1.8em;color: #888;    text-indent: 2em;}
.col-index-about .img .pic {border-radius: 10px;position: relative;overflow: hidden;}

.col-index-about .clearfix {margin-bottom: 50px;}
#aPlay {color: #fff;text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#aPlay i {display: block;width: 70px;height: 70px;line-height: 70px;font-size: 30px;background: url("../image/bofang.png")no-repeat ;border-radius: 50%;transition: 0.5s;margin: 0 auto;color: #a82308;}
.pic:after {content: "";display: block;}



/*您是否有这些烦恼*/
.ind-annoyance {background-color:#F4F4F4;padding:62px 0 68px;}
.ind-annoyance .container {position: relative;}
.inner-title {font-size: 38px;color: #222222;font-family: Microsoft YaHei;font-weight: Bold;text-align: center;}
.inner-line {width: 64px;height: 2px;background-color: #007ac1;margin: 22px auto 0;}
.ind-annoyance .annoyance-list {margin:43px 0 0;}
.ind-annoyance .item {float: left;width: 15.4%;margin-right: 1.5%;}
.ind-annoyance .item:nth-child(6) {margin-right: 0;}
.ind-annoyance .item_con {background-color:#fff;border-radius:10px;height:230px;text-align:center;font-size:22px;color:#222222;position:relative;box-sizing:border-box;padding-top:56px;animation:scroll_on1 0.7s ease-in-out forwards;-webkit-animation:scroll_on1 0.7s ease-in-out forwards;}
.characteristic.ind-annoyance .item_con {font-size:20px;color:#000;height:254px;padding-top:41px;}
.characteristic.ind-annoyance .desc {font-size:20px;font-weight:bold;}
.ind-annoyance .item_con::before {content:"";position:absolute;left:0;top:0;height:100%;background: #085bd3;box-shadow:10px 9px 35px 0px rgba(8,91,211,0.47);width:100%;transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1);-webkit-transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1);-moz-transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1);-ms-transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1);-o-transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1);transform-origin:left 100%;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);border-radius:10px;}
.characteristic.ind-annoyance .item_con::before {box-shadow:none;}
.ind-annoyance .imgs {height:52px;position:relative;width:52px;margin:auto;}
.characteristic.ind-annoyance .imgs {height:98px;width:98px;margin:auto;}
.ind-annoyance .imgs img {transition:0.4s ease-in;-webkit-transition:0.4s ease-in;-moz-transition:0.4s ease-in;-ms-transition:0.4s ease-in;-o-transition:0.4s ease-in;text-align:center;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.ind-annoyance .imgs .tendehide {opacity:1;visibility:hidden;}
.ind-annoyance .desc {margin-top:18px;}
.ind-annoyance .desc2 {font-weight:bold;}
.ind-annoyance .desc2,.ind-annoyance .desc {position:relative;z-index:33;transition:0.4s ease-in;}
.ind-annoyance .desc{
    font-size:18px;
}
.ind-annoyance .item_con:hover {color:#fff;}
.ind-annoyance .item_con:hover::before {transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;}
.ind-annoyance .item_con:hover .imgs .tendeshow {opacity:0;visibility:hidden;}
.ind-annoyance .item_con:hover .imgs .tendehide {opacity:1;visibility:visible;}







/*首页产品中心*/

.product-Ibox .relative{ width: 1400px;margin: 0 auto; position: relative; margin-bottom: 50px;}
.product-Ibox .title h3 {font-size: 38px;color: #ffffff;margin: 0;font-weight: normal;}
.product-Ibox .title p{margin-top: 5px; font-size: 0.93vw;color: #fff;line-height: 1.8em; }
.product-Ibox .title a{padding: 0.68vw 2.2vw;display: block;color: #ffffff;border: 1px solid #ffffff;border-radius: 3px;position: absolute;right: 0;bottom: 0;font-size: 16px;z-index: 99}
.product-Ibox .title a:hover {background: #ffffff;border-color: #ffffff;color: #000;}
.product-Ibox .title .iconfontrit{background: url(../image/right.png)no-repeat;background-size: 100%;width: 18px;height: 18px;display: block;float: right;position: relative;top: 2px;}
.product-Idemo .swiper-slide{box-shadow: 0 0px 18px rgba(0, 0, 0, 0.2);background: #fff;overflow: hidden;}
.ibox-padding {padding: 80px 0 80px;}
.product-Ibox {background: none #295ba2;background: -webkit-linear-gradient(#83befb, #085ad3);background: -o-linear-gradient(#83befb, #085ad3);background: -mos-linear-gradient(#83befb, #085ad3);background: -moz-linear-gradient(#83befb, #085ad3);background: linear-gradient(#83befb, #085ad3);position: relative;overflow: hidden;color: #fff;}
.product-Ibox .inner {position: relative;z-index: 1;border-radius: 3px;}
.inner {max-width: 1400px;margin: 0px auto;}
.product-Idemo figure {position: relative;overflow: hidden;margin: 0}
.product-Idemo figure img {width: 100%;display: block;border-radius: 3px;}
.product-Idemo .blue-85 {background: none rgba(255,255,255,0.85);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-Idemo .item .blue-85 {opacity: 0;visibility: hidden\9;-webkit-transition: all 0.3s;transition: all 0.3s;}
.product-Idemo .blue-85:before, .product-Idemo .blue-85:after {content: "";background-color: #fff;position: absolute;height: 0;width: 2px;z-index: 4;-webkit-transition: height .52s cubic-bezier(.4, 0, .2, 1);transition: height .52s cubic-bezier(.4, 0, .2, 1);}
.product-Idemo .blue-85:before {left: 0;bottom: 0;}
.product-Idemo .blue-85:after {right: 0;top: 0;}
.product-Idemo .icon-jiantou {color: #000;font-size: 14px;font-family: arial;}
.product-Idemo .con {position: absolute;left: 0;top: 85%;width: 80%;height: 100%;padding: 0px 10%;text-align: center;-webkit-transition: all .52s cubic-bezier(.4, 0, .2, 1);transition: all .52s cubic-bezier(.4, 0, .2, 1);}
.product-Idemo .title {margin-bottom: 5px;font-size: 20px;font-weight: bold;line-height: 40px;color: #000; overflow: hidden;height: 38px;text-overflow: ellipsis;white-space: nowrap;display: block;}
.product-Idemo .bot {color: #000;width: 34px;height: 2px;background-color: #646464;display: block;margin: 0px auto 45px;}
.product-Idemo .c {color: #000;line-height: 1.5;font-size: 16px;height: 70px;overflow: hidden;margin-bottom: 25px;}
.product-Idemo .c, .product-Idemo .icon-jiantou {opacity: 0;visibility: hidden\9;transform: translateY(30px);-webkit-transform: translateY(30px);-webkit-transition: all .32s cubic-bezier(.4, 0, .2, 1);transition: all .32s cubic-bezier(.4, 0, .2, 1);}
.particles-js-canvas-el {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-Idemo .item:hover .con {top: 30px;}
.product-Idemo .item:hover .blue-85 {opacity: 1;visibility: visible\9;}
.product-Idemo .item:hover .c, .product-Idemo .item:hover .icon-jiantou {opacity: 1;visibility: visible\9;transform: inherit;-webkit-transform: inherit;}
.inner.ipro-arrows {height: 80px;line-height: 43px;text-align: center;padding-top: 52px; }
.ipro-arrows .swiper-button-prev, .ipro-arrows .swiper-container-rtl .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");width: 18px;height: 30px;background-size: 18px 30px;}
.ipro-arrows .swiper-button-next, .ipro-arrows .swiper-container-rtl .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");width: 18px;height: 30px;background-size: 18px 30px;}
.ipro-arrows .swiper-pagination-bullet{width: 14px;height: 14px;margin: 0 5px;}
.ipro-arrows .swiper-pagination-bullet-active {background: #ffffff;}
.ipro-arrows .ipro-dots {position: relative;top: -5px;}
.inner_wdt{width: 32%; margin: 0 auto; position: relative;}
.particles-js-canvas-el {height: 825px !important;}


.inner * {box-sizing: border-box;}
.inner .product_div_item_pic {overflow: hidden;width: 100%;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.33);position: relative;z-index: 1;}
.inner .product_div_item_pic img {width: 100%;height: auto;transition: all .6s ease;}
.inner .divproduct_new_div_item_content{background: url(../images/cp_lib.png) repeat scroll 0 0; border-top:1px solid #eee; height:120px; padding: 25px 20px 0 20px; position:relative; width:100%;}
.inner .divproduct_new_div_item_a{ display:block; white-space:nowrap; font-size:20px; color:#333333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.inner .divproduct_new_div_item_body{ margin-top:10px; color:#999999; font-size:15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.inner .divproduct_new_div_item_content .prodetail{ position:absolute; top:0;bottom:0; margin:auto 0; width:145px; line-height:40px; background:#f5f5f5; right:40px; font-size:15px; color:#999999; text-align:center; transition:all .3s ease; height:40px;}
.inner .divproduct_new_div_item:hover .prodetail{ background:#e96300; color:#fff;}
.inner .divproduct_new_div_item:hover .product_div_item_pic img{ transform:scale(1.1);}






.xad{ height: 210px;background: url(../images/xad_bg.jpg) no-repeat center;}
.xad *:after{ content: none}
.xad h2{ display: block;font-size:36px;line-height: 36px;color: #ffffff;padding-top: 62px;    margin: 0;}
.xad h3{ display: block;font-size:36px;line-height: 36px;color: #fff;padding-top: 18px;padding-left: 150px;    margin: 0;}
.xad h2 b,.xad h3 b{ color: #DEA325; }
.xad_l{ float: left;width: 640px; }
.xad_r{ float: right;width: 560px;padding-left: 132px;box-sizing: border-box;padding-top: 80px; }
.xad_r p{ float: left; padding-left: 45px; background: url(../images/tel2.png) no-repeat left ; transition:all 0.5s;}
.xad_r p span { display: block; font-size: 14px; color: #fff; line-height: 14px; }
.xad_r p strong { display: block; font-size: 30px; color: #fff; line-height: 30px; margin-top: 8px;font-family: Arial; }
.xad  a{position: relative;top: 5px; display: block;float: right;width: 145px;height: 45px;line-height: 45px;color: #fff;text-align: center;font-size: 14px;background: #dea325;border-radius: 24px;transition:all 0.5s;}
.xad  a:hover,.xad_r p:hover{ transform:translateY(-5px);}


.tit {text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span {display: block;font-size: 36px;color: #333;line-height: 40px;font-weight: bold;position: relative;}
.tit i {display: block;font-size: 20px;line-height: 20px;color: #333333;margin-top: 38px;font-style: initial;}
.tit span:after {position: absolute;width: 90px;height: 3px;margin-left: -45px;top: 58px;background: #1b49a1;content: "";left: 50%;}
.fw {padding-top: 100px;background: url(../images/fw_bg.jpg) no-repeat center;height: 816px;box-sizing: border-box;}
.fw ul{ margin-top: 38px; position: relative}
.fw ul li.fd1{ float: left;width: 400px;height: 145px;margin-bottom: 42px;position: absolute;top: 0;left: 0}
.fw ul li.fd2{ float: left;width: 400px;height: 145px;margin-bottom: 42px;position: absolute;top: 0;right: 0}
.fw ul li.fd3{ float: left;width: 400px;height: 145px;margin-bottom: 42px;position: absolute;top: 190px;left: 0}
.fw ul li.fd4{ float: left;width: 400px;height: 145px;margin-bottom: 42px;position: absolute;top: 190px;right: 0}
.fw ul li.fd5{ float: left;width: 400px;height: 145px;margin-bottom: 42px;position: absolute;top: 370px;left: 0}
.fw ul li.fd6{ float: left;width: 400px;height: 145px;margin-bottom: 42px;position: absolute;top: 370px;right: 0}
.fw ul li:after{position: absolute;left:532px;top:80px;width: 26px;height: 26px;background: url(../images/fw_yuan.png) no-repeat center;content: "";}
.fw ul li:nth-child(2n):after{ position: absolute;left: -142px;top:78px;width: 26px;height: 26px;background: url(../images/fw_yuan.png) no-repeat center;content: ""; }
.fw ul li:nth-child(1):after{ top:85px; }
.fw ul li:nth-child(2):after{ top:85px; }
.fw ul li:nth-child(5):after{ top:60px; }
.fw ul li:nth-child(6):after{ top:60px; }


.fw ul li:hover:after{background: url(../images/fw_yuanh.png) no-repeat center;content: "";  }
.fw ul li:nth-child(2n):hover:after{background: url(../images/fw_yuanh.png) no-repeat center;content: "";  }
.fw ul li:nth-child(2n){ float: left;padding: 40px 30px 0 0px;box-sizing: border-box;width: 400px;margin-right: 0; }
.fw ul li:nth-child(2n-1){ padding: 40px 0 0 30px;box-sizing: border-box; }
.fw ul li em{ display: block;width: 58px;height: 58px;float: left;overflow: hidden;}
.fw ul li em img{display: block;width: 58px;height: 58px;transition: all 0.5s;}
.fw ul li:hover em img:nth-child(1){ margin-top: -58px; }
.fw ul li span{ display: block;font-size: 16px;line-height:20px ;color:#333333 ;position: relative;float: left;width: 305px;float: right;}
.fw ul li  span b{ display: block;font-size:26px ;line-height: 26px;color: #333;padding-bottom: 10px;}
.fw ul li:hover{  background: #085ad3;border-radius: 20px;box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.fw ul li:hover span,.fw ul li:hover span b{color: #fff;}
.fw ul li:nth-child(2n) em{ float: right; }
.fw ul li:nth-child(2n) span{ text-align: right; float: left;width: 300px;}
.fw ul li:nth-child(2n) span b{ text-align: right; }

@media (max-width:1400px){
    .fw ul li:after, .fw ul li:nth-child(2n):after{
        display: none;
    }
}


#m5 {padding-top: 36px;background: #f3f3f3;}





.col-index-news{ min-height: 600px;background: url(../images/m6.jpg) no-repeat center;background-size: cover;padding: 60px 0 }
.col-index-news .relative{ width: 1400px;margin: 0 auto; position: relative;}
.col-index-news .title h3 {font-size: 38px;color: #292929;margin: 0;font-weight: normal;}
.col-index-news .title p{margin-top: 5px; font-size: 13px;color: #888;line-height: 1.8em; }
.col-index-news .title a{padding: 0.68vw 1vw;display: block;color: #313131;border-radius: 3px;line-height: 30px;position: absolute;right: 0;bottom: 0;font-size: 16px;}
.col-index-news .title a:hover{background: #1885f5;border-color: #1885f5;color: #fff;}
.col-index-news .title .iconfontrit{background: url(../images/right.png)no-repeat;background-size: 100%;width: 18px;height: 18px;display: block;float: right;position: relative;top: 6px;}
.col-index-news .container {margin-top: 2vw; max-width: 1430px;}
.col-index-news .swiper-news {padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}
.col-index-news .container ul li {background: #fff;box-shadow: 0 0px 18px rgba(0, 0, 0, 0.2);}
.col-index-news .container ul li .pic {overflow: hidden}
.col-index-news .container ul li .pic img{width: 100%;transition: 0.5s;}
.col-index-news .container ul li .text{ padding: 1vw .8vw; }
.col-index-news .container ul li .text h5 {font-size: 22px;font-weight: normal;color: #292929;margin: 0;}
.col-index-news .container ul li .text h5 a {color: #292929;overflow: hidden;height: 32px;text-overflow: ellipsis;white-space: nowrap;display: block;}
.col-index-news .container ul li .text p{margin-top: 15px; color: #888;line-height: 1.8em;height: 3.6em;overflow: hidden; }
.col-index-news .container ul li .more{padding: 1.04vw .9vw; border-top:1px solid #ccc;font-family: 'Arial'; }
.col-index-news .container ul li .more a{ float: left;color: #292929; font-size: 13px; }
.col-index-news .container ul li .more span{ float: right; color: #888;font-size: 13px;}
.col-index-news .container ul li:hover img{transform: scale(1.1);}
.col-index-news .container ul li:hover .text h5 a{color: #a82308;}














/*内页  */
.nyban{ position:relative; width:100%;}
.nyban img{ width:100%; display:block; margin:0 auto;}
.nyban .w{ position:absolute; left:50%; top:70px; bottom:0; transform:translate(-50%,0); font-size:40px; color:#fff; font-family:"sy-Bold"; display:flex; flex-wrap:wrap; align-items:center;}
.location{ background:#fff; border-bottom:1px solid #dbdbdb; line-height:65px;}
.location span{display:flex; flex-wrap:wrap;}
.location span a{ font-size:16px; padding:0 40px; display:inline-block;border-left: 1px solid #dbdbdb;}
.location span a:hover,.location span a.cur{ color:#fff; background:#005197;}

.contact{ padding:40px 0;}
.contact .infor h3{ font-size:30px; font-weight:bold; color:#333; line-height:44px; margin-bottom:10px;}
.contact .infor p{ font-size:16px; line-height:36px; color:#555;}
.contact .ewm{ text-align:center;margin-top: 3rem;}
.contact .ewm em img{ display:block; margin:0 auto; width:155px;}
.contact .ewm p{ line-height:28px; font-size:16px; font-weight:bold; color:#333; margin-top:15px;}
#map{ width:100%; height:450px;}
.mianbaoxue span {display: inline-block;}
.mianbaoxue em {display: inline-block;font-style: initial;}
.mianbaoxue em a {
    display: inline-block;
    color: #333;
    font-size: 12px;
}
.my-map .container {
    height: 500px;
    position: relative;
    margin-bottom: 50px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}



/**/
.ab_txt_w {padding: 50px 0 50px 0;}
.ab_txt_w .ab1 .ab_txt{ width:58%;float: left;}
.tit1{ line-height:75px;}
.tit1 span{ font-size:30px; color:#242424;}
.tit1 span a{ display:inline-block; position:relative; font-size:16px; padding-left:42px;}
.tit1 span a:before{ content:""; display:block; position:absolute; top:50%; margin-top:-17px; left:0; height:34px; width:34px; background:url(../images/point1.png) #de6a1f center center no-repeat; border-radius:50%;}
.tit1 em{ padding-left:21px; display:inline-block; background:url(../images/home.png) left center no-repeat; font-size:14px; color:#7b7b7b;}
.tit1 em a:hover{ color:#f08519;}
.ab_pic{ width:26%; margin:10px 0;float: right;}
.ab_pic img{ width:100%;}
.ab_tj{ position:relative; margin:55px 0;}
.ab_tj img{ max-width:100%;}
.ab_tj ul{ width:55%; position:absolute; left:4.5%; top:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center;}
.ab_tj ul li{ text-align:center;}
.ab_tj ul li em{ color:#fff; display:block; font-family:"impact"; font-size:48px; line-height:48px; height:48px; margin-bottom:10px;}
.ab_tj ul li p{ color:#fff; font-size:18px; line-height:24px;}
.ab_txt{ font-size:16px; line-height:2.25; color:#555;}
.ab_txt p{ text-indent:2em;}


.news_w {padding: 50px 0;position: relative;}
.news_list li{ width:30.2%; margin:0 4.2% 4.2% 0;float: left}
.news_list li:nth-child(3n+3){ width:31.2%; margin-right:0;}
.news_list li .pic{ width:100%; overflow:hidden;}
.news_list li .pic a{ display:block;}
.news_list li h3{ font-size:18px; line-height:36px; margin:14px 0 1px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_list li h3 a{ color:#1e1e1e;}
.news_list li em{ display:block; font-size:14px; line-height:24px; color:#a6a6a6; margin-bottom:11px;}
.news_list li p{ font-size:14px; line-height:24px; color:#555; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list li.hover h3 a{ color:#f08519;}





.culture_w{ padding:50px 0 10px 0;}
.culture1{ display:flex; flex-wrap:wrap; width:100.3205%; padding:25px 0 60px 0;}
.culture1 li{ width:13.9652%; margin-right:.3205%; background:#f3f3f3; padding:45px 0; text-align:center; transition:all linear .2s;}
.culture1 li i{ display:block; width:50px; height:50px; background:url(../images/ico2.png) no-repeat; margin:0 auto; transition:all linear .2s;}
.culture1 li i.i1{ background-position:0 0;}
.culture1 li i.i2{ background-position:0 -50px;}
.culture1 li i.i3{ background-position:0 -100px;}
.culture1 li i.i4{ background-position:0 -150px;}
.culture1 li i.i5{ background-position:0 -200px;}
.culture1 li i.i6{ background-position:0 -250px;}
.culture1 li i.i7{ background-position:0 -300px;}
.culture1 li em{ display:block; font-size:18px; color:#242424; position:relative; margin-bottom:30px; line-height:50px; transition:all linear .2s;}
.culture1 li em:after{ content:""; display:block; position:absolute; left:50%; margin-left:-15px; bottom:0; height:4px; width:30px; background:#f08519; border-radius:1000px; transition:all linear .2s;}
.culture1 li p{ font-size:14px; line-height:30px; color:#555; transition:all linear .2s;}
.culture1 li span{ display:block;}
.culture1 li.hover{ background:#f08519;}
.culture1 li.hover i.i1{ background-position:-50px 0;}
.culture1 li.hover i.i2{ background-position:-50px -50px;}
.culture1 li.hover i.i3{ background-position:-50px -100px;}
.culture1 li.hover i.i4{ background-position:-50px -150px;}
.culture1 li.hover i.i5{ background-position:-50px -200px;}
.culture1 li.hover i.i6{ background-position:-50px -250px;}
.culture1 li.hover i.i7{ background-position:-50px -300px;}
.culture1 li.hover em,.culture1 li.hover p{ color:#fff;}
.culture1 li.hover em:after{ background:#fff;}
.culture_w .ab_txt p{ text-indent:0;}
.culture2{ display:flex; flex-wrap:wrap; width:102.82%;}
.culture2 li{ width:30.513333%; margin:26px 2.82% 0 0; overflow:hidden;}
.culture2 li img{ width:100%;}





.pro_w{ border-top:1px solid #efefef; padding-top:15px;}
.pro_search{ border-radius:8px; background:url(../images/bg1.jpg) center top no-repeat; background-size:cover; padding:45px; margin:40px 0 15px 0;}
.pro_search b{ display:block; color:#fff; line-height:58px; font-size:24px;}
.pro_search .p_sear{ display:flex; flex-wrap:wrap;}
.pro_search .p_s_intxt{ background:#fff; width:230px; height:54px; line-height:54px; border:none; display:block; font-size:14px; margin-right:12px; padding-left:24px;}
.pro_search .p_s_inbut{ height:54px; line-height:54px; display:block; border:none; cursor:pointer; width:142px; text-align:center; color:#fff; font-size:14px; background:url(../images/search_w.png) #000 30px center no-repeat; padding-left:24px;}
.pro_search p{ color:#fff; font-size:14px; line-height:46px;}
.pro_search p a{ color:#fff; margin-right:30px;}
.pro_search p a:last-child{ margin-right:0;}
.pro_search p a:hover{ text-decoration:underline;}
.pro_c{ position:relative; padding:0 0 20px 360px; min-height:820px;}
.sideMenu{ position:absolute; left:0; top:0; width:320px;}
.sideMenu p{ border:1px solid #eee; font-size:18px; line-height:60px; border-left:5px solid #fdeedf; position:relative; padding-left:24px; margin-bottom:5px;}
.sideMenu p:after{ content:"+"; display:block; position:absolute; right:24px; top:50%; margin:-20px 0 0 0; font-size:24px; line-height:40px; color:#d8d8d8;}
.sideMenu p.on{ border:1px solid #eee; border-bottom:none; margin-bottom:0; padding-left:28px; color:#f08519; font-weight:bold;}
.sideMenu p.on a{color:#333; }
.sideMenu p.on:after{ content:"-";}
.product_view .sideMenu p {background: #fff;}
.product_view .sideMenu ul {background: #fff;}
.pro_w.product_view {background: #f5f5f5;}
.product_view .clear {background: #fff;padding: 22px;}
.product_view .clear .pro_show {margin-top: 0;}

/*.pro_showc{ overflow:hidden; width:1400px; margin:0 auto; padding:85px 0px 55px;}*/
.proshow_img {float: left;width: 50%;position: relative;border: 1px solid #E6E6E6;}
.proshow_img::before{  border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid red; position:absolute; top:-9px; right:-1px; transform:rotate(-45deg)}
.proshow_r {float: right;width: 47%;margin-left: 3%;}
.proshow_tit{ margin-top:35px; font-size:24px; color:#333333; font-weight:bold; line-height:24px; padding-bottom:15px;margin-bottom:15px;}
.proshow_zy{ font-size:16px; color:#555; line-height:36px;}
.proshow_tel{ margin-top:20px;}
.proshow_tel p{ font-size:16px; color:#333333; font-weight:bold;}
.proshow_tel div{ font-size:36px; line-height:36px; color:#ee1109; margin-top:20px;}
.proshow_fx{ /*margin-top:45px;*/ overflow:hidden}
.proshow_fx span{ float:left;}
.proshow_r .bot {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.proshow_r .title-line {
    width: 100%;
    height: 40px;
    background-color: #ebf7ff;
    padding: 0 12px;
    font-size: 18px;
    color: #01327e;
    line-height: 40px;
    margin-top: 18px;
}
.proshow_r .prev-next a {
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-top: 14px;
    white-space: normal;
    font-size: 15px;
}
.proshow_r .prev-next a {
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-top: 14px;
    white-space: normal;
    font-size: 15px;
}

.pro_bom{ background:#fff; padding:30px 0px 94px;}
.pro_tops{ border-bottom:1px solid #E6E6E6;}
.pro_tops .pro_toptit{ padding-bottom:20px; font-size:24px; line-height:24px; position:relative}
.pro_tops .pro_toptit::after{ content:""; width:62px; border-bottom:3px solid #00579e; display:block; position:absolute; bottom:-1px;left: 32px; transform:translateX(-50%);}
.pro_bomcom{ margin-top:65px; padding:0px 20px; font-size:14px; line-height:2em; color:#333;}
.pro_bomcom img{ width: 100%}




.sideMenu ul{ border:1px solid #eee; border-top:none; margin-bottom:5px; padding:0 0 12px 50px; line-height:48px;}
.sideMenu ul li a{ color:#6a6a6a; font-size:16px;}
.sideMenu ul li a:hover{ color:#f08519;}
.pro_list{ display:flex; flex-wrap:wrap; width:103.15%; padding-bottom:10px;}
.pro_list li{ width:30.18333%; margin:0 3.15% 3.15% 0;}
.pro_list li .pic{ width:100%; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.pro_list li .pic a{ display:block;}
.pro_list li .txt{ border-top:1px solid #dedede; position:relative; padding:5px 0 0 0; transition:all 0.6s;}
.pro_list li .txt h3{    margin: 0; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:36px;}
.pro_list li .txt h3 a{ color:#2f2f2f;}
.pro_list li .txt p{ font-size:14px; line-height:24px; color:#b2b2b2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:6px 0 4px 0;}
.pro_list li .txt em{ display:block; line-height:32px;font-style: initial;}
.pro_list li .txt em a{ color:#ec7a1b; font-size:16px;}
.pro_list li .txt .more{ position:absolute; right:0; top:-36px; width:35px; height:35px; background:url(../images/search_w.png) #ededed center center no-repeat; transition:all 0.6s;}
.pro_list li.hover .txt h3 a,.pro_list li.hover .txt h3{ color:#1885f5;}
.pro_list li.hover .txt{ border-top-color:#1885f5;}
.pro_list li.hover .more{ background-color:#1885f5;}




.pro_dt1_pic{ width:45%; position:relative;}
.pro_dt1_pic .gallery-top{ width:100%;}
.pro_dt1_pic .gallery-top .swiper-slide{ display:flex; justify-content:center; flex-direction:column;}
.pro_dt1_pic img{ max-height:100%; max-width:100%; display:block; margin:0 auto;}
.pro_dt1_pic .gallery-thumbs{ height:80px; padding:0 50px;}
.pro_dt1_pic .gallery-thumbs .swiper-slide{ height:100%; overflow:hidden; cursor:pointer; display:flex; justify-content:center; flex-direction:column;}
.pro_dt1_pic .gallery-thumbs .swiper-slide-thumb-active:after{ content:""; display:block; position:absolute; right:0; top:0; right:0; bottom:0; width:100%; z-index:5; border:1px solid #cf0e17;box-sizing:border-box;}
.pro_dt1_txt{ width:51%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.pro_dt1_txt_tit{ font-size:30px; line-height:36px; color:#242424; margin-bottom:42px;}
.pro_dt1_txt_tit em{ display:block; font-weight:bold;}
.pro_dt1_txt_c{ font-size:16px; line-height:30px; color:#555;}
.pro_dt1_txt_but{ margin-top:32px;}
.pro_dt1_txt_but a{ border:1px solid #de6a1f; color:#de6a1f; display:inline-block; margin-right:12px; line-height:52px; width:166px; text-align:center; padding-left:27px; position:relative; font-size:16px; box-sizing:border-box;}
.pro_dt1_txt_but a:before{ content:""; display:block; position:absolute; left:37px; top:50%; margin:-10px 0 0 0; width:18px; height:20px; background:url(../images/ico7.png) 0 -20px no-repeat;}
.pro_dt1_txt_but a.down{ background:#de6a1f; color:#fff;}
.pro_dt1_txt_but a.down:before{ background-position:0 0;}

.pro_show{ margin-top:60px;}
.pro_tab{ background:url(../images/bg1.png) top center no-repeat; background-size:cover;}
.pro_tab ul{ display:flex; flex-wrap:wrap; padding:3.5% 2% 0 2%;}
.pro_tab ul li{ font-size:18px; color:#fff; border-radius:5px 5px 0 0; background:rgba(232,164,.15,.3); line-height:63px; margin-right:8px; width:175px; text-align:center; cursor:pointer;}
.pro_tab ul li.on{ background:#fff; color:#de6a1f; font-weight:bold;}
.pro_show_c{ padding:30px 2.55%; font-size:16px; color:#555; line-height:1.875;min-height:500px;}
.pro_show_c img{ max-width:100%; margin:20px 0;}









.serviceSec1 {padding: 80px 0;text-align: center;background-color: #f5f5f5;}
.comment_title h6 {font-size: 42px;color: #222;font-weight: bold;margin: 0;letter-spacing: 2px;}
.comment_title p {margin-top: 20px;font-size: 16px;color: #222;line-height: 1.8;}
.serviceSec1_box {margin-top: 80px;display: inline-block;text-align: center;position: relative;}
.serviceSec1_box img {max-width: 100%;}
.serviceSec1_txt p {font-size: 20px;color: #4c4c4c;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}  .serviceSec1_txt p:nth-child(1) {margin: -12% 0 0 -39%;}
.serviceSec1_txt i {display: block;margin-bottom: 25px;font-size: 20px;}
.serviceSec1_txt p:nth-child(2) {margin: 13% 0 0 -27%;}
.serviceSec1_txt p:nth-child(3) {margin: 22% 0 0 0%;}
.serviceSec1_txt p:nth-child(4) {margin: 13% 0 0 27%;}
.serviceSec1_txt p:nth-child(5) {margin: -12% 0 0 39%;}

.serviceSec2{padding: 80px 0 0;background: url(../images/serviceSec2_bg.jpg) center/cover no-repeat fixed;}
.serviceSec2_con{-webkit-transform: translateY(30%);-ms-transform: translateY(30%);-o-transform: translateY(30%);transform: translateY(30%);}
.serviceSec2_box {width: 31.3%;padding: 60px 30px;float: left;margin-right: 3%;text-align: center;background: linear-gradient(140deg, rgba(86,143,201,1), rgba(0,46,115,1));-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.serviceSec2_box:nth-child(3) {margin-right: 0;}
.serviceSec2_box:hover{ margin-top:-20px;}
.serviceSec2_box h6{margin-top: 8%;font-size: 24px;color: #fff;font-weight: bold;}
.serviceSec2_box p{margin-top: 4%;font-size: 16px;color: #e5e5e5;line-height: 1.6;}
.whiteColor h6, .whiteColor p {color: #fff; text-align: center}
div#sec4 {padding-top: 150px;padding-bottom: 40px;}