.menu_btn_wrap{height: 80px; position: relative; min-width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1}
@media (max-width:768px){.menu_btn_wrap{height: 60px;flex: none;}}
.menu_btn{width: 50px; height: 60px; z-index: 101; cursor: pointer; left: 50%; top: 50%; position: absolute; transform-origin: center center; transform: translateY(-50%) translateX(-50%) scale(.8); -webkit-transform: translateY(-50%) translateX(-50%) scale(.8); -moz-transform: translateY(-50%) translateX(-50%) scale(.8); -ms-transform: translateY(-50%) translateX(-50%) scale(.8); -o-transform: translateY(-50%) translateX(-50%) scale(.8)}
.menu_btn i{position: absolute; width: 26px; height: 2px; background: #666; left: 12px; display: block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out}
.menu_btn i:nth-of-type(1){top: 20px}
.menu_btn i:nth-of-type(2){top: 30px}
.menu_btn i:nth-of-type(3){top: 40px; width: 14px}
.menu_btn.active i:nth-of-type(1){-webkit-transform: rotate(225deg) translate(-7px, -7px); -moz-transform: rotate(225deg) translate(-7px, -7px); -ms-transform: rotate(225deg) translate(-7px, -7px); -o-transform: rotate(225deg) translate(-7px, -7px); transform: rotate(225deg) translate(-7px, -7px)}
.menu_btn.active i:nth-of-type(3){opacity: 0}
.menu_btn.active i:nth-of-type(2){-webkit-transform: rotate(-225deg) translate(0, 0); -moz-transform: rotate(-225deg) translate(0, 0); -ms-transform: rotate(-225deg) translate(0, 0); -o-transform: rotate(-225deg) translate(0, 0); transform: rotate(-225deg) translate(0, 0)}
.menu_btn:hover i:nth-of-type(3){width: 28px}
.header{background: #fff; transition: all .4s ease 0s; width: 100%; z-index: 9999; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)}
.header .hdinner{width: 96%; margin-left: auto; margin-right: auto; overflow: visible; position: relative; z-index: 999; min-height: 80px; display: -webkit-flex; display: flex; align-items: center;  -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between}
@media (max-width:480px){.header .hdinner{width: 92%}}
.header .logo{ position: relative; display: block; width: auto; height: 60px; display: flex; align-items: center; overflow: hidden;}
.header .logo::before{content: "";position: absolute;left: -1000px;top: -460px;width: 400px;height: 15px;background-color: rgba(255, 255, 255, .2);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 1.5s ease-in 1.5s infinite;-o-animation: searchLights 1.5s ease-in 1.5s infinite;animation: searchLights 1.5s ease-in 1.5s infinite;}
@-webkit-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-o-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-moz-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}

@media (max-width:992px){.header .hdinner{height: 80px}}
@media (max-width:768px){.header .hd-tool, .header .hdinner{min-height: auto; height: 60px} .header .logo{width: 80%;}}
.hd-tool{display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; height: 80px; line-height: 80px; color: #333}
.hd-tool .icon-down,
.hd-tool .txt{font-size: 16px; text-transform: uppercase}
.hd-tool .item{display: inline-block; padding: 0 .1rem; cursor: pointer; vertical-align: middle}
.hd-tool .item .iconfont{padding: 0 1px}
.hd-tool .item:hover{color: #1e71b3}
.hd-tool .item:hover .iconfont{color: #1e71b3}
@media (max-width:768px){.hd-tool{height: 60px; line-height: 60px; display: none;} .hd-tool .item{padding: 0 4px}}
.pc-menus{max-width: 850px; margin: 0 .8rem; min-width: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; text-align: left}
.pc-menus li{text-align: center; transition: all .4s ease 0s}
.pc-menus .tit{white-space: nowrap; text-align: center; cursor: pointer; font-size: 17px; font-weight: bold; display: block; transition: all .4s ease 0s; line-height: 80px; height: 80px; position: relative; text-transform: uppercase}
.pc-menus .tit>.iconfont{font-size: 12px; margin-left: 5px}
.pc-menus .tit::after{content: ''; display: block; position: absolute; width: 0px; height: 0px; border: 0 solid transparent; border-bottom-color: #1e71b3; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .4s ease 0s}
.pc-menus .tit.active{color: #1e71b3 !important}
.pc-menus li:hover .tit{color: #1e71b3}
.pc-menus li:hover .tit::after{border-width: .15rem}
.pc-menus .tit-home.active::after,
.pc-menus li:hover .tit-home::after{width: 100%}
@media (max-width:1400px){.pc-menus .tit{font-size: 16px}}
.hd-dropinfo{position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; width: 100%; top: 100%; z-index: 555; background: #fff; height: 0; overflow: hidden; opacity: 0; transition: all .4s ease 0s; min-width: 800px}
.hd-dropinfo .inners{position: relative; z-index: 222; font-size: 16px; display: table; width: 100%; border-top: 4px solid #1e71b3; height: 100%; transition: all .4s ease 0s; background: #fff}
.hd-dropinfo .inners>*{display: table-cell; vertical-align: middle; float: none}
.hd-dropinfo .inners .navs,
.hd-dropinfo .inners .infobox{vertical-align: top}
.hd-dropinfo .inners .navs{padding: .34rem 0; width: 196px; background-color: #f6f6f6}
.hd-dropinfo .infobox{padding: .34rem .46rem .5rem; transition: all .4s ease 0s; text-align: left}
.hd-dropinfo .infobox li{ position: relative;}
.hd-dropinfo .infobox .title{ position: absolute; padding: 20px; color: #fff; font-size: .28rem; margin-bottom: .2rem; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center}
.hd-dropinfo .infobox .title:hover{color: #1e71b3}
.hd-dropinfo .infobox img{ width: 100%; max-height: 200px; padding-bottom: 15px; object-fit: cover;}
.hd-dropinfo .infobox .title .icon{width: .3rem; height: .3rem; display: block; margin-right: 12px}
hd-dropinfo .infobox .v-link{margin-top: .5rem}
.hd-dropinfo .sub-nav{padding-top: .2rem}
.hd-dropinfo .sub-nav a{display: block; text-align: left; padding-left: 20px; position: relative; margin-bottom: .1rem; transition: all .4s ease 0s; color: #1e71b3}
.hd-dropinfo .sub-nav a::before{content: ''; display: block; width: 6px; height: 1px; background: #1e71b3; position: absolute; top: 50%; z-index: 5; left: 0}
.hd-dropinfo .inners .sub-nav a:hover em{border-bottom: 1px solid #1e71b3}
.hd-dropinfo .inners .sub-nav+.v-link{margin-top: .3rem}
.hd-dropinfo .navs .item{line-height: 1.5; padding: 10px 36px 10px 22px; margin-bottom: 10px; opacity: 1; transition: all .4s ease 0s; text-align: left; position: relative; display: block; white-space: nowrap; cursor: pointer; border-left: 3px solid transparent}
.hd-dropinfo .navs .iconfont{position: absolute; right: 10px; top: 50%; transform: translateY(-50%)}
.hd-dropinfo .navs .item.active,
.hd-dropinfo .navs .item:hover{background: #fff; color: #1e71b3; border-left-color: #1e71b3}
.hd-language{position: relative}
.hd-language::after{content: ''; display: block; position: absolute; width: 0px; height: 0px; border: 0 solid transparent; border-bottom-color: #1e71b3; left: 100%; margin-left: -34px; bottom: 0; transition: border .4s ease 0s}
.hd-language:hover::after{border-width: .18rem}
.hd-language:hover .dropinfo{padding: 20px .1rem; height: auto; border-top: 4px solid #1e71b3}
.hd-language .dropinfo{position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; top: 100%; margin-top: -1px; width: 2rem; background: #fff; transition: all .1s ease 0s; height: 0; overflow: hidden; text-transform: uppercase; text-align: center}
.hd-language .dropinfo a{display: block; font-size: 16px; line-height: 40px; margin-bottom: 10px; color: #666; text-align: left; padding-left: .5rem}
.hd-language .dropinfo a:hover{color: #1e71b3}
@media (max-width:640px){.hd-language .dropinfo a{margin-bottom: 0; padding-left: .3rem}}
@media (max-width:640px){.hd-language::after{margin-left: -30px}}
.pc-menus li:hover .hd-dropinfo{height: auto; overflow: visible; opacity: 1; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1)}
@media (max-width:1300px){.pc-menus li:hover .navs .item{width: 100% !important; float: left !important}}
.coverimg{position: relative; overflow: hidden}
.coverimg ._bg{visibility: hidden; display: block; width: 100%}
.coverimg .cover{position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all .4s ease 0s; background-repeat: no-repeat; background-size: cover; background-position: center}
.coverimg:hover .cover{transform: scale(1.05)}
.coverimg.contain{background-size: contain}


.m-menus{width: 100%; height: 100vh; position: fixed; top: 60px; right: -100%; background: #fff; overflow: hidden; line-height: 40px; font-size: 15px; z-index: 999; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease}
.m-menus .inner{height: calc(100vh - 50px); overflow-y: auto; border-top: 1px solid #e3e3e3; padding-bottom: 30px}
.m-menus .hd-tel{text-align: center; display: block; margin: 50px 0 0}
.m-menus .hd-tel .iconfont{font-size: 30px; margin-right: 10px; color: #000}
.m-menus a{color: #333}
.m-menus.active{right: 0}
.m-menus ul{overflow-y: auto; border-bottom: 1px solid #e3e3e3}
.m-menus .item:not(:first-child){border-top: 1px solid #e3e3e3}
.m-menus .item{cursor: pointer; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; position: relative}
.m-menus .item .iconfont{position: absolute; right: 8%; top: 50%; transform: translateY(-50%); font-size: 15px; color: #999; font-weight: bold; transition: .3s}
.m-menus .item>a,
.m-menus h5{display: block; padding: 0 8%; line-height: 54px; color: #333; position: relative; font-size: 16px}
.m-menus h5{text-transform: uppercase}
.m-menus h5.active>*{color: #1e71b3}
.m-menus .xs-dropinfo{display: none; background: rgba(0, 0, 0, 0.05); padding: 15px 9%; font-size: 14px}
.m-menus .xs-dropinfo a{color: #666; display: block; line-height: 40px}
.m-menus .trans{-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease}
.m-menus .open h5{background: #1e71b3; border-top: 0}
.m-menus .open h5 .iconfont{color: #fff}
.m-menus .open h5 .iconfont::before{content: "\e615"}
.m-menus .open h5>a,
.m-menus .open h5 p a{font-weight: bold; color: #fff !important}
.m-menus .xs-dropinfo dl.br{border-right: 1px solid #ccc}
.m-menus .hd-tel{font-size: 26px; font-family: medium; color: #666}
.hd-search-box{position: fixed; left: 0; right: 0; background: #fff; padding: 20px 5%; display: none; border-top: 4px solid #1e71b3}
.hd-search-box .inner{display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: end; box-pack: end; -webkit-justify-content: end; justify-content: end}
.hd-search-box form{border: 1px solid #1e71b3; max-width: 500px; display: block; position: relative; border-radius: 3px; width: 80%; min-width: 500px}
.hd-search-box .key{width: 90%; height: 50px; line-height: 50px; text-indent: 20px; display: block}
.hd-search-box .submit{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); border-left: 1px solid #1e71b3; text-align: center; width: 50px; font-size: 20px; line-height: 50px; height: 50px; color: #1e71b3}
.hd-search-box .submit .iconfont{font-size: 20px}
.hd-search-box .submit:hover{background: #1e71b3; color: #fff}
.hd-search-box .close{float: right; height: 40px; line-height: 42px; width: 60px; text-align: center; font-size: 20px; color: #333 !important}
.hd-search-box .close:hover{color: #1e71b3}
@media (min-width:993px){.hd-search-box{top: 80px}}
@media (max-width:768px){.hd-search-box{top: 50px} .hd-search-box .inner{float: none; width: 100%} .hd-search-box form{min-width: auto; width: 90%} .hd-search-box .close{position: relative}}
@media (max-width:480px){.hd-search-box{bottom: 0; height: auto}}

/* main */
main{overflow: hidden;}
main.bg-gray{ margin-top: 80px;}
@media (max-width:768px){ main{ margin-top: 60px!important;}}

/* index-banner */
.index-banner{position: relative;height: 80vh}
.index-banner .video-container { position: relative;}
.index-banner .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
@media (max-width:768px){.index-banner{ height: auto; min-height: 200px;}}

/* iabout */
.iabout .top>*{padding-left:.55rem;padding-right:.55rem}
.iabout{padding: .5rem 0; background: url(../image/iabout_bg.jpg) no-repeat top center;  background-size: cover; position: relative}
.iabout .wrap{position: relative; z-index: 5}
.iabout .top{margin-left: -0.55rem; margin-right: -0.55rem}
.iabout .videobox{position: relative; width: 100%; text-align: left}
.iabout .videobox .bg{width: 100%; display: block;border-radius: 10px;}
.iabout .videobox video{position: absolute; height: 100%; top: 0; left: 0; width: 100%; object-fit: cover;border-radius: 10px;}
.iabout .videobox .ic-play{width: 100%; height: 100%; background-image: url('../image/play.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; background-size: 1.02rem; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5; z-index: 55; cursor: pointer; transition: all .4s ease 0s}
.iabout .videobox .ic-play:hover{background-image: url('../image/play2.png')}
.iabout h2{margin-bottom: .36rem}
.iabout .info{font-size: 16px; color: #666; line-height: 1.8; margin-bottom: .4rem}
@media (max-width:992px){.iabout .videobox{margin-bottom: .5rem}}
.cdata{margin-top: .8rem}
.cdata li{position: relative; width: 20%; padding-right: .5rem}
.cdata li::after{content: ''; display: block; width: 1px; height: 80%; background-color: #c4c4c4; position: absolute; right: 0px; top: 50%; transform: translateY(-50%)}
.cdata li:last-child{margin-right: 0}
.cdata li:last-child::after{display: none}
.cdata b{font-size: .6rem; line-height: 1.2; color: #1e71b3}
.cdata .desc{font-size: 16px; color: #999}
.cdata i{width: .5rem; height: .5rem; background-repeat: no-repeat; background-size: contain; background-position: center}
@media (min-width:769px){.cdata i{position: absolute; top: .1rem; right: .5rem}}
@media (min-width:769px){.cdata{display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between}}
@media (max-width:1200px){.cdata i{right: .2rem; width: .4rem} .cdata b{font-size: .5rem}}
@media (max-width:768px){.cdata{overflow: hidden} .cdata li{width: 25%; float: left; margin-bottom: .5rem} .cdata li::after{display: none} .cdata li i{display: block; width: .6rem; height: .6rem}}
@media (max-width:768px){.cdata{border-top: 1px solid #dedede} .cdata li{width: 50%; border: 1px solid #dedede; padding: .4rem .1rem; text-align: center; margin: -1px -1px 0 0} .cdata li b{font-size: 36px; display: block; margin-bottom: 5px} .cdata li .desc{font-size: 14px} .cdata li:nth-child(2n+1){clear: both} .cdata li i{margin: 0 auto .2rem; width: .5rem; height: .5rem}}
.ihd{font-size: .32rem; position: relative; padding-bottom: .16rem; font-weight: bold}
.ihd.upper{text-transform: uppercase}
.ihd::after{content: ''; display: block; position: absolute; width: 48px; height: 3px; background: #1e71b3; bottom: 0; left: 0; transition: all .4s ease 0s}
.ihd:hover::after{width: 2rem}
@media (max-width:640px){.ihd{font-size: 22px}}
.ihd.center{text-align: center}
.ihd.center::after{left: 50%; transform: translateX(-50%)}

/* iyoushi */
.iyoushi{ padding: .5rem 0;}
.iyoushi .index_title h2{font-size: 36px;color: #fff;font-weight: bold;text-align: center;line-height: 54px;}
.iyoushi .index_title p{font-size: 16px;color: #fff;text-align: center;line-height: 30px;}
.iyoushi .index_dtys{width: 1200px;position: relative;margin: 0 auto;height: 550px;}
.iyoushi .dtysList{width: 220px;position: absolute;}
.iyoushi .dtysList a{display: block;}
.iyoushi .dtysList h3{text-align: center;font-size: 18px;color: #fff;font-weight: bold;}
.iyoushi .dtysList p{text-align: center;color: #fff;line-height: 24px;}
.iyoushi .dtys_icon{width: 120px;height: 260px;overflow: hidden;margin: 0 auto;background: url(../image/icon_bg.png) center bottom no-repeat;}
.iyoushi .dtys_icon span{display: block;width: 120px;height: 120px;overflow: hidden;background: url(../image/bai.png) center no-repeat;}
.iyoushi .dtys_icon span em{display: block;width: 100%;height: 120px;}
.iyoushi .dtys01{left: 20px;top: 120px;}
.iyoushi .dtys02{left: 250px;top: 30px;}
.iyoushi .dtys03{left: 730px;top: 42px;}
.iyoushi .dtys04{left: 945px;top: 170px;}
.iyoushi .dh{border-radius: 50%;position: absolute;top: 193px;left: 521px;}
.iyoushi .dh::before{content: '';display: block;width: 96px;height: 96px;background-color: #fff;margin-left: 29px;margin-top: 29px;border-radius: 50%;opacity: 0.4;animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);}
@keyframes scale{
    0%{transform: scale(1);}
    50%,75%{transform: scale(3);}
    78%,100%{opacity: 0;}
}
.dtys_icon{animation: mymove 3s linear infinite alternate ;position:relative;}
@keyframes mymove {
	0% {top: 0;}
	100% {top: 20px;}
}	
@media screen and (max-width:1200px){
    .iyoushi{ display: none;}
}

/* ipro */
.ipro{background: #fafafa; padding: .5rem 0}
.ipro .con{padding-top: 18px;display: flex;justify-content: space-between;}
.ipro .con_le{width: 300px;padding-top: 30px;}
.ipro .con_le .li{margin-bottom: 30px;}
.ipro .con_le .li .ss{display: flex;align-items: center;border: 1px solid #e6edfa;border-radius: 5px;padding: 18px 20px;box-shadow: 0 8px 7.6px 0.4px rgba(230,233,240,0.5);}
.ipro .con_le .li .ss .ico{width: 40px;position: relative;min-width: 40px;}
.ipro .con_le .li .ss .ico img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}
.ipro .con_le .li .ss .wz{margin-left: 22px;color: #323b4c;line-height: 1.5;}
.ipro .con_le .li.act .ss,
.ipro .con_le .li .ss:hover{border-color: #1e71b3;background: #1e71b3;}
.ipro .con_le .li.act .ss .ico img:nth-child(1),
.ipro .con_le .li .ss:hover .ico img:nth-child(1){opacity: 0;}
.ipro .con_le .li.act .ss .ico img:nth-child(2),
.ipro .con_le .li .ss:hover .ico img:nth-child(2){opacity: 1;}
.ipro .con_le .li.act .ss .wz,
.ipro .con_le .li .ss:hover .wz{color: #fff;}
.ipro .con_re{width: calc(100% - 340px);}
.ipro .con_re .item{display: none;}
.ipro .con_re .item.act{display: block;}
.ipro .con_re .ul{display: flex;flex-wrap: wrap;transform: translateX(100px);opacity: 0;}
.ipro .con_re .ul.act{transform: translateX(0);opacity: 1;}
.ipro .con_re .li{width: calc((100% - 60px)/3);margin: 32px 30px 0 0; border: 1px solid #e6edfa;}
.ipro .con_re .li:nth-child(3n){margin-right: 0;}
.ipro .con_re .li .txt{padding: 10px;text-align: center;}
.ipro .con_re .li .t1{color: #222;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ipro .con_re .li .ss .img{ width: 100%; height: 240px;overflow: hidden;}
.ipro .con_re .li .ss .img img{width: 100%; height: 100%; object-fit: contain; transition: transform .6s ease 0s;}
.ipro .con_re .li:hover img{transform: scale(1.05, 1.05)} 
.ipro .con_re .li .ss{background: #fff;border-radius: 5px;display: block; box-shadow: 5px 5px 10px rgb(0 0 0 / 5%);}
.ipro .con_re .li .ss:hover{ box-shadow: 5px 5px 10px rgb(0 0 0 / 25%);}
.ipro .con_re .li .ss:hover .t1{color: #1e71b3;}
@media screen and (max-width:1440px){
    .ipro .con_le .li .ss{padding: 20px;}
    .ipro .con_le .li .ss .ico{width: 34px;min-width: 34px;}
    .ipro .con_le .li:nth-child(1) .ss .wz{transform: translateY(-3px);}
    .ipro .con_re .li .ss .img{ height: 200px;}
}
@media screen and (max-width:1200px){
    .ipro .con_le{ width: 280px;}
    .ipro .con_re .li{ width: calc((100% - 60px) / 2);}
    .ipro .con_re .li:nth-child(2n){ margin-right: 0;}
    .ipro .con_re .li:nth-child(3n){ margin-right: 30px;}
    .ipro .con_re .li:nth-child(5){ display: none;}
    .ipro .con_re .li:nth-child(6){ display: none;}
    .ipro .con_le .li .ss{padding: 20px;}
    .ipro .con_le .li .ss .ico{width: 34px;min-width: 34px;}
    .ipro .con_le .li:nth-child(1) .ss .wz{transform: translateY(-3px);}
    .ipro .con_re .li .ss .img{ height: 200px;}
}
@media (max-width:1030px) {
    .ipro .con{flex-wrap: wrap;}
    .ipro .con_le{padding-top: 12px;width: 100%;}
    .ipro .con_re{width: 100%;}
    .ipro .con_re .ul{transform: translateX(40px);}
    .ipro .con_re .li{ width: calc((100% - 30px) / 2);}
    .ipro .con_le .li .ss{padding: 15px;}
    .ipro .con_le .li{margin-bottom: 10px;}
    .ipro .con_re .li:nth-child(3n){ margin-right: auto;}
    .ipro .con_re .li:nth-child(5){ display: block;}
    .ipro .con_re .li:nth-child(6){ display: block;}
    .ipro .con_re .li .ss .img{ height: 300px;}
}

@media (max-width:768px) {
    .ipro .con_re .li .ss .img{ height: 130px;}
}

/* industries */
.industries{padding: .5rem 0; position: relative; overflow: hidden}
.ul-field{ margin-top: .2rem; overflow: hidden;}
.ul-field li{width: 16.66%; float: left; position: relative;}
.ul-field li:last-child .con{border-right: none;}
.m-bg{position: relative;}
.m-bg .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; color:#000; display: none;}
.ul-field .con{height: 5.8rem; border-right: 1px solid rgba(255, 255, 255, .3); position: relative; z-index: 3;}
.ul-field .con .show{position: absolute; left: 0; right: 0; top: calc(100%) ; padding: 0 .4rem; color:#fff; transition: all .3s;}
.ul-field .con .tit{height: 57px; font-size: .16rem; text-transform: uppercase;}
.ul-field .con .cn{font-size: .24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ul-field .con .en{font-size: .16rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ul-field li:hover .show,.ul-field li.on .show{height: 100%; top: 0; padding-top: 7vw; background: rgba(1, 6, 14, .5);}
.ul-field li:hover .cn,.ul-field li.on .cn{font-size: .16rem; color:#fff; font-weight: bold;}
.ul-field .con .desc{font-size: .16rem; margin-bottom: .4rem;}
.ul-field .con .nub{width: 65px; height: 65px; background-repeat: no-repeat;}
.ul-field .con a{display: block; width: 126px; height: 42px; text-align: center; line-height: 40px; font-size: 14px; color:#fff; border: 1px solid #FFFFFF; margin-bottom: 4.69vw;}
@media screen and (max-width:1440px){
    .ul-field .con .show{ padding: 0 .2rem;}
    .ul-field .con .cn{font-size: .18rem;}
}
@media screen and (max-width:768px){
    .ul-field li{width: 33.33%;}
    .ul-field .con .desc{ display: none;}
    .ul-field .con a{ display: none;}
    .ul-field .con .nub{ display: none;}
    .ul-field li.on .con .desc{ display: block;}
    .ul-field li.on .con a{ width: 100px; display: block;}
    .ul-field li.on .con .nub{ display: block;}
}

/* news */
.ipress{padding: .5rem 0; position: relative; overflow: hidden}
.ipress canvas{position: absolute; left: 0; right: 0; top: 0; height: 50% !important; z-index: 1}
.ipress .wrap{position: relative; z-index: 555}
.ipress .ihd{margin-bottom: 2rem}
.press-list{margin-left: -0.24rem/2; margin-right: -0.24rem/2}
.press-list>*{padding-left: .24rem/2; padding-right: .24rem/2}
.press-list.s2{margin-left: -0.6rem/2; margin-right: -0.6rem/2}
.press-list.s2>*{padding-left: .6rem/2; padding-right: .6rem/2}
@media (max-width:1200px){.press-list.s2{margin-left: -0.24rem/2; margin-right: -0.24rem/2} .press-list.s2>*{padding-left: .24rem/2; padding-right: .24rem/2}}
.press-list li{margin-bottom: .3rem}
@media (max-width:992px){}
.press-item{margin-bottom: .24rem}
.press-item .inner{border: 1px solid #e5e5e5; background: #fff}
.press-item .inner:hover{box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.1)}
.press-item .inner:hover .rbtn2{background: #1e71b3}
.press-item .inner:hover .rbtn2 i{animation: downico 1.5s ease-out infinite; background-image: url('../image/arr.png')}
.press-item .info{padding: .3rem .24rem; min-height: 160px; position: relative}
@media (max-width:768px){.press-item .info{height: auto; padding-bottom: .5rem}}
.press-item .info .title{font-size: 24px; line-height: 26px; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; max-height: 52px; margin-bottom: 20px}
.press-item .info .title:hover{color: #1e71b3}
@media (max-width:1200px){.press-item .info .title{font-size: 20px; line-height: 24px; max-height: 48px}}
.press-item .info .data .time{color: #999; text-transform: uppercase}
.press-item .info .data .tag{color: #1e71b3; display: inline-block; padding-right: .1rem}
.press-item .rbtn2{position: absolute; right: .24rem; bottom: .3rem}
@media (max-width:768px){.updates-swiper .linkbtn{display: none} .updates-swiper .info{height: 126px} .updates-swiper .info .title{font-size: 18px; line-height: 22px; max-height: 44px}}

.updates-swiper-wrap{width: 88vw; max-width: 1440px; margin-left: auto; margin-right: auto}
@media (max-width:992px){.updates-swiper-wrap{width: 100%}}
.updates-swiper-box{position: relative; padding: 0 50px}
@media (min-width:1680px){.updates-swiper-box{margin-left: -50px; margin-right: -50px}}
@media (max-width:992px){.updates-swiper-box{padding: 0}}
.updates-swiper-box .pnext{width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; border: 1px solid #1e71b3; color: #1e71b3; transition: .4s; transition: all .4s ease 0s}
.updates-swiper-box .pnext::after{color: inherit; font-size: 20px}
.updates-swiper-box .pnext:hover{background: #1e71b3; color: #fff}
@media (max-width:768px){.updates-swiper-box .pnext{width: 36px; height: 36px; line-height: 36px; text-align: center}}
.updates-swiper-box .swiper-button-prev{left: -10px}
.updates-swiper-box .swiper-button-next{right: -10px}
.updates-swiper li{width: 33.33%}
.updates-swiper li .inner{margin: 0 .1rem}
@media (max-width:992px){.updates-swiper li{padding-bottom: .5rem; width: 40%}}
@media (max-width:768px){.updates-swiper li{width: 50%}}
@media (max-width:480px){.updates-swiper li{width: 70%}}

/* imglist */
.press-list li .tit{ text-align: center; padding: 10px; font-size: 17px;}
.press-list li:hover .tit a{ color: #1e71b3;}

/* footer */
.footer{ position: relative; background: #1e71b3;}
.footer::before{position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background-repeat: no-repeat; background-position: center top; background-image: url(../image/f.jpg); filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15; background-size: cover;}
.footer .con1{padding: 80px 0 45px;}
.footer .con1 .con_le{ width: 32%; position: relative; top: -.5rem;}
.footer .con1 .le1{max-width: 400px;}
.footer .con1 .le1 a{display: block;}
.footer .con1 .con_re{width: 55%;}

.footer .con1 .con_le .formbox{ color: #fff; padding: .3rem 0;}
.footer .con1 .con_le form textarea,
.footer .con1 .con_le form input{width: 100%; border: 1px solid #ffffff50;padding: .12rem .2rem;color: #fff;}
.footer .con1 .con_le form input.yzm{ width: calc(100% - 2.8rem);}
.footer .con1 .con_le form img{ width: 1rem; height: .46rem;}
.footer .con1 .con_le form textarea::placeholder,.footer .con1 .con_le form input::placeholder {color: #ffffff50;}
.footer .con1 .con_le form .submit{background: #ffffff50; border-radius: 1.5em; color: #fff; display: inline-block; width: 1.6rem; height: .46rem; line-height: .46rem; text-align: center; cursor: pointer; transition: .4s; transition: all .4s ease 0s}
.footer .con1 .con_le form .cell{position: relative; margin-bottom: .2rem; display: flex;justify-content: space-between;}
.footer .con1 .con_le form .cell .required{position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; left: 5px; color: #ff0000}
.footer .con1 .con_le form textarea{padding-left: 16px;}
@media (max-width:992px){.footer .con1 .con_le .formbox{margin-bottom: .6rem}}
@media (max-width:768px){
    .footer .con1 .con_le form input{padding-top: .2rem; padding-bottom: .2rem}
    .footer .con1 .con_le form input.yzm{ width: calc(100% - 3.5rem);}
    .footer .con1 .con_le form img{ width: 1.5rem; height: .8rem;}
    .footer .con1 .con_le form .submit{ height: .8rem; width: 1.5rem;}
}

.footer .con1 .con_re .ul{display: flex;justify-content: space-between;}
.footer .con1 .con_re .ul a{color: #fff;}
.footer .con1 .con_re .ul .lv1{line-height: 24px;}
.footer .con1 .con_re .ul .lv2box{padding-top: 15px;}
.footer .con1 .con_re .ul .lv2{margin-top: 20px;}
.footer .con1 .con_re .ul .lv2 a{opacity: 0.5;}
.footer .con1 .con_re .ul .lv2 a:hover{opacity: 1;}
.footer .con1 .con_re .re2{margin-top: 100px;border-top: 1px solid rgba(255,255,255,0.2);display: flex;justify-content: space-between;}
.footer .con1 .con_re .re2 .txt{color: rgba(255,255,255,0.5);line-height: 24px;margin-top: 23px;}
.footer .con1 .con_re .re2 .txt img{vertical-align: middle;display: inline-block;width: 13px;margin-right: 8px;}
.footer .con1 .con_re .re2 .link{display: flex;align-items: flex-end;height: 100%;padding-top: 21px;}
.footer .con1 .con_re .re2 .ico img{height: 20px;}
.footer .con1 .con_re .re2 .link .t1{color: rgba(255,255,255,0.5);padding-right: 6px;}
.footer .con1 .con_re .re2 .link a{position: relative;margin-left: 24px;position: relative;}
.footer .con1 .con_re .re2 .link .fc{width: 120px;height: 120px;position: absolute;left: 50%;transform: translatex(-50%);bottom: 60px;pointer-events: none;visibility: hidden;opacity: 0;}
.footer .con1 .con_re .re2 .link .fc::after{content: "";width: 12px;height: 12px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%) rotate(45deg);bottom: -6px;}
.footer .con1 .con_re .re2 .link .fc img{width: 100%;height: 100%;position: relative;z-index: 1;}
.footer .con1 .con_re .re2 .link a:hover .fc{bottom: 35px;visibility: visible;opacity: 1;}
.footer .con1 .con_le .le2{position: absolute;left: 0;}
.footer .con1 .con_le .le2 .t1{display: flex;align-items: center;color: rgba(255,255,255,0.5);}
.footer .con1 .con_le .le2 img{width: 25px;margin-right: 15px;opacity: 0.5;}
.footer .con1 .con_le .le2 .t2{ padding-left: .2rem; color: #fff;}
.footer .con1 .con_le .le2 .t2 a{color: #fff;letter-spacing: 3px;}
.banquan{background: #1765a7;color: rgba(255,255,255,0.5);padding: 23px 0;}
.banquan a{color: rgba(255,255,255,0.5);}
.banquan a:hover{color: rgba(255,255,255,1);}
@media (max-width:1030px) {
    .footer .con1 .con_re{ width: 100%;}
    .footer .con1 .con_le .le2{position: relative;}
    .footer .con1 .con_le{display: flex;justify-content: space-between;width: 100%;}
    .footer .con1{padding: 60px 0;}
    .footer .con1 .con_re .ul{ display: none;}
    .footer .con1 .con_re .re2{ margin: 0;}
    .footer .con1 .con_re .re2 .link{ display: none;}
}
@media (max-width:768px){
    .fw_100{font-weight: normal;}
    .footer .con1{padding: 40px 0;}
    .footer .con1 .con_le{display: block;}
    .footer .con1 .con_le .le2{margin-top: 30px;}
    .banquan{padding: 20px 0;}
    .banquan .con_le{width: 100%;text-align: center;line-height: 1.5;}
    .banquan .con_re{width: 100%;text-align: center;line-height: 1.5;}
    .footer .con1 .le1 a img{height: auto;}
    .banquan{ padding-bottom: 80px;}
}



@media (min-width:768px){.goodinfo-top{height: 8.5rem; max-height: calc((100vh - 80px)); display: flex; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center} .goodinfo-top .content{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 5; width: 88vw; max-width: 1440px; margin-left: auto; margin-right: auto; width: 82%; max-width: 1600px; z-index: 55} .goodinfo-top .textbox{width: 60%} .goodinfo-top .crumbsbox{margin: auto auto 0 auto}}
.goodinfo-top .content{width: 88vw; color: #fff}
.goodinfo-top .quote{background: #1e71b3; padding: .2rem .6rem; display: inline-block; color: #fff; border-radius: 2em; font-size: 18px; transition: .4s; transition: all .4s ease 0s}
.goodinfo-top .quote:hover{background: #008fcd}
.goodinfo-top .tag{font-size: 18px; margin-bottom: .2rem; font-style: italic}
.goodinfo-top h5{font-size: .48rem; padding-bottom: .3rem; -webkit-filter: drop-shadow(3px 5px rgba(0, 0, 0, 0)); filter: drop-shadow(3px 5px rgba(0, 0, 0, 0)); line-height: 1.1}
.goodinfo-top .en{font-size: 16px; line-height: 1.8; margin-bottom: .5rem}
.goodinfo-top .crumbs{position: relative; color: #fff}
.goodinfo-top .crumbs a{color: #fff}
@media (max-width:768px){.goodinfo-top{padding-left: 6vw; padding-right: 6vw; background: #fff !important; height: auto; margin-bottom: .2rem; padding-bottom: .6rem} .goodinfo-top .good-info-image{display: block; margin: 0 auto .3rem} .goodinfo-top .content{color: #333} .goodinfo-top h5{line-height: 1.3} .goodinfo-top .textbox{width: 100%}}
@media (max-width:480px){.goodinfo-top .quote{line-height: 1; padding: .2rem .4rem} .goodinfo-top .textbox h5{font-size: 22px} .goodinfo-top .textbox .en{font-size: 14px; line-height: 1.5}}

.good-introduce{width: 88vw; max-width: 1440px; margin-left: auto; margin-right: auto; margin: .4rem auto 1rem}
.good-introduce .info{font-size: 16px; line-height: 24px; color: #666; margin-top: .3rem}
.good-introduce .info.row{margin-left: -1.5rem/2; margin-right: -1.5rem/2}
.good-introduce .info.row>*{padding-left: 1.5rem/2; padding-right: 1.5rem/2}
@media (max-width:1360px){.good-introduce .info.row{margin-left: -0.8rem/2; margin-right: -0.8rem/2} .good-introduce .info.row>*{padding-left: .8rem/2; padding-right: .8rem/2}}
@media (max-width:992px){.good-introduce .info p+p{margin-top: 1em}}
.good-introduce .brief{background: #f5f5f5; margin-top: .2rem; color: #1e71b3; padding: .2rem .3rem; font-style: italic; border-left: 2px solid #1e71b3; font-size: 20px; line-height: 1.6; position: relative; top: .2rem}
@media (max-width:1200px){.good-introduce .brief{font-size: 16px}}
.goods-navs-item{margin-bottom: .3rem}
.goods-navs-box{padding: .6rem 0 1rem; background: #f5f5f5}
.goods-navs-box ul{margin-top: .5rem}
.goods-top{min-height: 2.8rem; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-box-pack: center; box-pack: center}
.goods-top .info{max-width: 960px; width: 80%}
@media (max-width:992px){.goods-top .info{width: 100%}}
@media (min-width:768px){.goods-top{padding: .45rem; position: relative; width: 88vw; max-width: 1440px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff}}
@media (max-width:768px){.goods-top{padding: .5rem .3rem; position: relative; color: #fff}}
.goods-top .title{font-size: .36rem; margin-bottom: .1rem; display: block; color: #fff; transition: .4s; transition: all .4s ease 0s}
.goods-top .title:hover{transform: translateX(5px)}
.goods-top .info{font-size: 16px; line-height: 26px; max-height: 104px; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4}
.goods-info{width: 88vw; max-width: 1440px; margin-left: auto; margin-right: auto; padding: .6rem .4rem .4rem; background: #fff}
.goods-info.s2{display: block; margin-bottom: 1rem}
@media (max-width:640px){.goods-info{width: 100%; padding-top: .4rem}}
.goods-info li{margin-bottom: .2rem}
.goods-info li:nth-child(4n+1){clear: both}
@media (max-width:992px){.goods-info li:nth-child(3n+1){clear: both} .goods-info li:nth-child(4n+1){clear: none}}
@media (max-width:768px){.goods-info li:nth-child(2n+1){clear: both} .goods-info li:nth-child(3n+1){clear: none}}
.goods-info li:hover .title{color: #1e71b3}
.goods-info .title{font-size: 18px; margin-top: .2rem; display: block}
@media (max-width:992px){.goods-info .title{font-size: 16px}}
@media (max-width:768px){.goods-info .title{font-size: 14px}}
.goods-info .title:hover{color: #1e71b3}
.ginfo-top{padding: .5rem; border-top: .04rem solid #1e71b3; margin-bottom: .6rem; background: #fff; width: 88vw; max-width: 1440px; margin-left: auto; margin-right: auto}
@media (max-width:768px){.ginfo-top{padding-left: 6%; padding-right: 6%; width: 100%; margin-bottom: .2rem}}
.ginfo-top .row{margin-left: -0.3rem; margin-right: -0.3rem}
.ginfo-top .row>*{padding-left: .3rem; padding-right: .3rem}
.ginfo-top .ihd{margin-top: .2rem}
.ginfo-top .info{font-size: 16px; color: #666; line-height: 1.76; margin: .4rem 0 .6rem}
.ginfo-top .quote{background: #1e71b3; padding: .2rem .6rem; display: inline-block; color: #fff; border-radius: 2em; font-size: 18px; transition: .4s; transition: all .4s ease 0s}
.ginfo-top .quote:hover{background: #008fcd}
@media (max-width:992px){.ginfo-top .quote{font-size: 16px}}
.ginfo-swiper{border: 1px solid #e5e5e5; text-align: center}
.ginfo-swiper li{padding: .3rem}
@media (max-width:992px){.ginfo-swiper{margin-bottom: .5rem}}
.ginfo-nav{font-size: 18px; background: #fff; position: relative; text-align: center; border-bottom: 1px solid #eaeaea}
.ginfo-nav .wrap{display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; z-index: 55}
.ginfo-nav a{display: block; color: #666; line-height: 1rem; position: relative}
.ginfo-nav a:hover{color: #1e71b3}
.ginfo-nav a::after{content: ''; display: block; position: absolute; width: 0; height: 4px; background: #1e71b3; bottom: 0; left: 50%; transform: translateX(-50%); transition: .4s; transition: all .4s ease 0s}
.ginfo-nav a:Hover{color: #1e71b3}
.ginfo-nav a.on{color: #1e71b3}
.ginfo-nav a.on::after{width: 100%}
.ginfo-nav.fixed{position: fixed; box-shadow: 0 5px 10px -1px rgba(0, 0, 0, 0.1); left: 0; width: 100%; top: 80px; z-index: 555; border-bottom: 0}
.good-info-nav-wrap{height: 80px; position: relative; z-index: 555}
.ginfo-table{padding: .5rem 0; background: #fff}
.ginfo-table .wrap{max-width: 1050px}
.ginfo-table .ihd{margin-bottom: .4rem}
@media (max-width:992px){.ginfo-table{border-top: 10px solid #f6f7f9; border-bottom: 10px solid #f6f7f9}}

.ginfo-products{background: #fff; padding: 1.1rem 0}
.ginfo-products .ihd{margin-bottom: .7rem}

.hy-introduce{padding: .4rem 0 1rem; position: relative}
.hy-introduce ._bg{background-image: url('../image/bg_hy.jpg'); background-repeat: no-repeat; background-position: right center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background-size: auto 100%}
.hy-introduce .info{position: relative; z-index: 2; font-size: 16px; line-height: 1.76; color: #666; margin-top: .3rem; width: 50%}
@media (max-width:992px){.hy-introduce ._bg{opacity: .2} .hy-introduce .info{width: 80%}}
@media (max-width:768px){.hy-introduce ._bg{opacity: .1} .hy-introduce .info{width: 100%}}
.hy-list-box{background: #f5f5f5; padding: .66rem 0 1.3rem}
.hy-list{padding-bottom: 1px}
@media (min-width:641px){.hy-list li{display: table; width: 100%; margin-bottom: .4rem; background: #fff; transition: .4s; transition: all .4s ease 0s} .hy-list li>*{display: table-cell; vertical-align: middle} .hy-list li:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1)} .hy-list li:hover .rbtn2{background: #1e71b3} .hy-list li:hover .rbtn2 i{animation: downico 1.5s ease-out infinite; background-image: url('../image/arr.png')} .hy-list .img{width: 400px} .hy-list .info{padding: .3rem .4rem}}
@media (min-width:641px) and (max-width:1200px){.hy-list .img{width: 40%}}
.hy-list .title{font-size: 24px; line-height: 30px; max-height: 60px; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2}
.hy-list .title:hover{color: #1e71b3}
.hy-list .desc{font-size: 16px; color: #666; line-height: 24px; height: 48px; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; margin: .2rem 0}
.hy-list .bottom{display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between}
.hy-list .data .time{color: #999; text-transform: uppercase}
.hy-list .data .tag{color: #1e71b3; display: inline-block; padding-right: .1rem}
@media (max-width:1200px){.hy-list .title{font-size: 20px; line-height: 26px; max-height: 52px}}
@media (max-width:640px){.hy-list li{background: #fff; margin-bottom: .3rem} .hy-list .info{padding: .3rem .2rem .6rem} .hy-list .desc{margin-bottom: .3rem}}



/* m_dbnav */
.m_dbnav{ position: fixed; bottom: 0; width: 100%; background: #fff; display: flex;justify-content: center;align-items: center; z-index: 99999999999;}
@media (min-width:768px){.m_dbnav{display:none}}
.navmm{position: relative;width: 100%;height: 70px;background: #fff;display: flex;justify-content: center;align-items: center;border-radius: 10px;}
.m_dbnav ul{display: flex;width: 350px;}
.m_dbnav ul li{height: 70px;flex: 1;position: relative;z-index: 2;display: flex;justify-content: center;}
.m_dbnav ul li span{position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 14px;width: 65px;height: 65px;border-radius: 50%;cursor: pointer;transition: 0.5s;transition-delay: 0s;}
.m_dbnav ul li span i{display: flex;color: #222327;font-size: 2em;}
.m_dbnav ul li.active span{background: orange;transform: translateY(-12px);transition-delay: 0.25s;color: #fff;}
.m_dbnav ul li.active span i{color: #fff;}
.m_dbnav ul li span::before{content: '';position: absolute;top: 10px;left: 0;width: 100%;height: 100%;background: orange;border-radius: 50%;filter: blur(40px);opacity: 0;transition: 0.5s;transition-delay: 0s;}
.m_dbnav ul li span::before{opacity: 0.5;transition-delay: 0.25s;}
.m_dbnav ul li.active span{background: var(--clr);}
.m_dbnav ul li span::before{background: var(--clr);}
.indicator{position: absolute;top: -15px;width: 70.5px;height: 70px;background: #222327;border-radius: 50%;z-index: 1;transition: 0.5s;}
.indicator::before{content: '';position: absolute;top: 16px;left: -34px;width: 10px;height: 5px;background: transparent;border-radius: 50%;box-shadow: 20.5px 19px 0 4px #fff;}
.indicator::after{content: '';position: absolute;top: 16px;left: 54px;width: 10px;height: 5px;background: transparent;border-radius: 50%;box-shadow: 20px 19px 0 4px #fff;}
.m_dbnav li:nth-child(1).active~.indicator{transform: translateX(calc(70px*0));}
.m_dbnav li:nth-child(2).active~.indicator{transform: translateX(calc(70px*1));}
.m_dbnav li:nth-child(3).active~.indicator{transform: translateX(calc(70px*2));}
.m_dbnav li:nth-child(4).active~.indicator{transform: translateX(calc(70px*3));}
.m_dbnav li:nth-child(5).active~.indicator{transform: translateX(calc(70px*4));}

/* kefu-float */
.kefu-float{height:196px;position:fixed;right:-225px;top:50%;margin-top:-98px;z-index:999999}
@media (max-width:768px){.kefu-float {display:none}}
.kefu-float *{box-sizing:content-box}
.kefu-float .f_nav{position:relative}
.kefu-float .f_nav li{width:48px;height:48px;display:block;text-align:left;background:#1765a7;position:relative;margin-bottom:1px;cursor: pointer;}
.kefu-float .f_nav li.active{background:#CBCBCB}
.kefu-float .f_nav li.tel{text-align:left;width:220px;padding-left:53px;padding-top:0px;height:48px;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0)}
.kefu-float .f_icon{position:absolute;width:48px;height:48px;left:0px;top:0px}
.kefu-float .f_nav li p{margin:0px;width:100%;height:48px;line-height:48px;font-size:16px;color:#fff}
.kefu-float .f_nav li.tel:hover{transform:translate(-220px, 0);-webkit-transform:translate(-220px, 0);-moz-transform:translate(-220px, 0);-ms-transform:translate(-220px, 0);-o-transform:translate(-220px, 0)}
.kefu-float .f_nav li.tel.f_qq:hover{transform:translate(-110px, 0);-webkit-transform:translate(-110px, 0);-moz-transform:translate(-110px, 0);-ms-transform:translate(-110px, 0);-o-transform:translate(-110px, 0)}
.kefu-float .f_nav li:hover{background:#252525}
.kefu-float .top_icon{background:url(../image/l_icon01.png) center center no-repeat}
.kefu-float .q_icon{background:url(../image/l_icon02.png) center center no-repeat}
.kefu-float .tel_icon{background:url(../image/l_icon03.png) center center no-repeat}
.kefu-float .w_icon{background:url(../image/l_icon04.png) center center no-repeat}
.kefu-float .dy_icon{background:url(../image/l_icon05.png) center center no-repeat}
.kefu-float .f_nav li.tel :hover a{cursor:none}
.kefu-float .l_code{width:109px;height:102px;position:absolute;bottom:0px;left:-120px}
.kefu-float .l_code{opacity:0;filter:alpha(opacity=0);transition-duration:.6s;transition-property:all;transition-timing-function:ease-out;transform:translate(-50px, 0)}
.kefu-float .l_code.active{opacity:1;filter:alpha(opacity=1);transform:translate(0, 0)}

/* banner */
.banner{position: relative;height: 6rem;max-height: 100vh;overflow: hidden}
.banner::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3); z-index: 1}
.banner .wrap{ height: 100%;}
.banner ._bg{background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;width: 100%;height: 100%;transform: scale(1.05);left: 0;top: 0;transition: 3s ease-in-out}
.banner video{width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;position: absolute}
.banner ._bg.animated{transform: scale(1)}
.banner .textbox{ position: absolute; top: 40%; z-index: 2; color: #fff;text-align: left;max-width: 100%}
@media (min-width: 992px){.banner .textbox{width:60%}}
.banner h5{font-size: .6rem;line-height: 1.1;padding-bottom: .2rem;display: inline-block;text-transform: uppercase;-webkit-filter: drop-shadow(3px 5px rgba(0,0,0,0.1));filter: drop-shadow(3px 5px rgba(0,0,0,0.1))}
.banner .en{font-size: 24px;line-height: 1.3}
@media (max-width: 1200px){.banner h5{font-size:.56rem}}
@media (max-width: 640px){.banner{height:260px}
.banner .textbox{padding: .3rem .1rem;line-height: 34px}
.banner .textbox .en{font-size: 16px}
.banner .textbox h5{font-size: 30px}}

/* crumbs */
.crumbs-box{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: #fff; font-size: 16px; position: relative; z-index: 5}
.crumbs-box .inner{display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative}
.crumbs-box .inner::before{content: ''; display: block; position: absolute; width: 40vw; right: 100%; background: #1e71b3; height: 100%; top: 0}
.crumbs-box nav{position: relative; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center}
.crumbs-box nav h2{height: .8rem; line-height: .8rem; text-transform: uppercase; background: #1e71b3; color: #fff; margin-right: .3rem; position: relative; padding-right: 1rem; cursor: pointer}
@media (max-width:640px){.crumbs-box nav h2{height: 1rem; padding-right: .5rem; padding-left: 0; margin-right: .1rem}}
.crumbs-box nav h2 i{font-size: 12px; position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); color: #fff}
.crumbs-box h2{line-height: 1.4 !important; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center}
.crumbs-box nav h4{color: #1e71b3}
@media (max-width:768px){.crumbs-box nav h4{font-size: 14px}.crumbs-box nav h2 i{ font-size: 8px; right: .1rem;}}
.crumbs-box .dropinfo{background: #1e71b3; padding: 20px 0; color: #fff; display: none}
.crumbs-box .dropinfo a{color: #fff; display: inline-block; margin-right: .3rem; font-size: 16px; position: relative; padding: 5px 0}
.crumbs-box .dropinfo a::after{content: ''; display: block; position: absolute; width: 0; height: 1px; background: #fff; bottom: 0; left: 0; transition: all .4s ease 0s; opacity: .8}
.crumbs-box .dropinfo a:hover::after,
.crumbs-box .dropinfo .active::after{width: 100%}
@media (max-width:768px){.crumbs-box .dropinfo a{margin-bottom: 5px}}
.crumbs{color: #999}
.crumbs .icon-shouye{color: #1e71b3; font-size: 18px}
.crumbs a{color: #999}
.crumbs a:hover{color: #1e71b3}
.crumbs .icon-right{font-size: 14px; padding: 0 5px}
.crumbs.s2{height: auto; line-height: 1.5; padding: .26rem 0}

/* 分页 */
.manu {padding:25px 3px;margin:3px;text-align:center;}
.manu a{border:1px solid #D9D9D9;padding:9px 15px;text-decoration:none;margin:5px 2px; display: inline-block;}
.manu a:hover{border:1px solid #D9D9D9;}
.manu a:active {border:1px solid #D9D9D9;}
.manu .page-num-current {border:1px solid #1e71b3;padding:9px 15px;background:#1e71b3;font-weight:bold;margin:0 2px;color:#FFF;}
.manu .disabled{border:1px solid #D9D9D9;padding:9px 15px;color:#D9D9D9;margin:0 2px;}

.fanye{list-style:none;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding-top:10px;padding-bottom:10px;margin-top:10px;}
.fanye ul li{height:30px;line-height:30px;text-align:left;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fanye ul li a{ color:#666;}

/* press-list */
.press-list-box{padding: .5rem 0 1rem}
.press-list-box .ihd{margin-bottom: .38rem}

/* artile-xq */
.artile-xq .arc-top{text-align: center; padding-bottom: .46rem; margin-left: auto; margin-right: auto; width: 88%; max-width: 1100px}
.artile-xq .arc-top h1{font-size: .36rem; margin: 0 0 .26rem; line-height: 1.3}
.artile-xq .arc-top .data{color: #999}
.artile-xq .arc-top .data .time{text-transform: uppercase}
.artile-xq .arc-top .data .tag{color: #1e71b3; padding-right: .1rem}
@media (max-width:640px){.artile-xq .arc-top{padding-bottom: .4rem}}
.artile-xq .wrap{position: relative; padding: .5rem 0 .9rem}
.artile-xq .arc-bd{background: #fff; font-size: 16px; color: #666; position: relative}
.artile-xq .arc-content{max-width: 1040px; margin-left: auto; margin-right: auto; width: 80%}
@media (max-width:768px){.artile-xq .arc-content{width: 100%}}
.artile-xq article{line-height: 1.76}
.artile-xq article img{display: block; width: 100%}
.artile-xq article video{width: 100%; object-fit: cover; display: block; margin-bottom: .3rem}

.arc-pnext{padding-top: .3rem; display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; line-height: 30px; font-size: 16px}
.arc-pnext a{display: block}
.arc-pnext a:hover{color: #1e71b3}
.arc-pnext a .ic-arr{width: 28px; height: 7px; background-image: url('../image/arr3.png'); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; margin: 0 5px; filter: grayscale(100%)}
.arc-pnext a:hover .ic-arr{filter: grayscale(0%)}
.arc-pnext .prev .ic-arr{transform: rotate(180deg)}
.arc-pnext .list{width: 30px; height: 30px; position: relative; overflow: hidden}
.arc-pnext .list .icon{background-image: url('../image/menu.png'); background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; display: block; background-size: 24px}
.arc-pnext .list:hover .icon{filter: drop-shadow(36px 0 #1e71b3); position: relative; left: -36px}

/* good-list */
.good-list>*{padding-left: 0.18rem; padding-right: 0.18rem}
.good-list li{margin-bottom: .26rem}
.good-list li .img{margin-bottom: .2rem}
.good-list li .title{display: block; font-size: 18px; line-height: 1.4}
.good-list li:hover .title{color: #1e71b3}
@media (max-width:992px){.good-list li:nth-child(2n+1){clear: both} .good-list li .title{font-size: 15px}}

.ginfo-updates{padding-top: .5rem}
.ginfo-updates.s2{padding: .8rem 0}
.ginfo-updates .ihd{margin-bottom: .6rem}
.ginfo-updates:last-child{ padding-bottom: 1rem;}

.products-swiper{text-align: center}
.products-swiper .title{margin-left: .1rem; margin-right: .1rem}
@media (max-width:992px){.products-swiper{padding-bottom: .5rem}}
.products-swiper li{width: 25%}
@media (max-width:1200px){.products-swiper li{width: 33.33%}}
@media (max-width:768px){.products-swiper li{width: 50%}}


/* contact */
.contact1{ padding: 1rem 0;}
.contact1 .wrap{display:flex;justify-content:space-between}
.contact1 .fre{width:59.375%}
.contact1 .fre .img{position:relative}
.contact1 .fre .img img{width:100%}
.contact1 .fre .fp{position:absolute;bottom:33.5%;left:42.2%;width:16px;height:16px}
.contact1 .fre .ks{width:16px;height:16px;background-color:#1e71b3;position:absolute;bottom:0;left:0;transform:rotateX(258deg)}
.contact1 .fre .ks1{content:"";display:block;width:34px;height:34px;position:absolute;top:50%;left:50%;background-color:#1e71b3;-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:50%}
.contact1 .fre .ks2{content:"";display:block;width:60px;height:60px;position:absolute;top:50%;left:50%;background-color:#1e71b3;-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:50%}
.contact1 .fre .txt{position:absolute;width:330px;height:130px;bottom:23px;left:50%;margin-left:-165px;background:#fff;box-shadow:1px 10px 20px rgba(62,61,61,.18);padding-top:22px}
.contact1 .fre .txt::after{content:"";width:12px;height:12px;background:#fff;position:absolute;left:50%;transform:translateX(-50%) rotate(45deg);bottom:-6px}
.contact1 .fre .txt .tico img{width:145px;margin:0 auto}
.contact1 .fre .txt .t1{line-height:22px;color:#737880;margin:16px auto 0;width:250px;text-align:center}
.contact1 .fle{display:flex;justify-content:space-between;flex-wrap:wrap;width:36.875%}
.contact1 .fle .item{width:45.76%;padding-left:30px;transform:translateY(-4px);margin-top: .6rem;}
.contact1 .fle .item.item_add{width:100%;transform:translateY(0);margin-top:0}
.contact1 .fle .item .it1{line-height:30px;position:relative}
.contact1 .fle .item .it1 i{position:absolute;left:-30px;top:0;width:24px;height:30px;display:flex;align-items:center;font-size: 24px; color: #1e71b3;}
.contact1 .fle .item .itline{height:1px;background:#c8cbcc;margin:20px 0 15px}
.contact1 .fle .item .it2{line-height:24px}
.contact1 .fle .item .it2 a:hover{color:#1e71b3}
@keyframes warn{0%{transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);opacity:1}
100%{transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);opacity:0}
}
.contact2{background:#f6f6f8; padding: 1rem 0;}
.contact2 .tit{text-align:center;color:#222}
.contact2 .ul{ margin-top: .6rem;}
.contact2 .ul .li{margin-bottom:30px}
.contact2 .ul .li:last-child{margin-bottom:0}
.contact2 .ul .li .litop{position:relative;cursor:pointer;padding:0 150px 0 42px;background:#fff}
.contact2 .ul .li .litop .fle{line-height:2;padding:15px 0;color:#222}
.contact2 .ul .li .litop .fre{position:absolute;top:0;bottom:0;right:50px;border-radius:50%;border:1px solid #999;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:auto}
.contact2 .ul .li .litop .fre img{width:30px}
.contact2 .ul .li .litop .fre img:nth-child(2){position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;opacity:0}
.contact2 .ul .li .libot{background:#fff;padding:50px 40px 45px;display:none}
.contact2 .ul .li .libot p{ font-size: 16px; line-height: 2em;}
.contact2 .ul .li.act .libot{display:block}
.contact2 .ul .li.act .litop,.contact2 .ul .li:hover .litop{background:#1e71b3}
.contact2 .ul .li.act .litop .fle,.contact2 .ul .li:hover .litop .fle{color:#fff}
.contact2 .ul .li.act .litop .fre,.contact2 .ul .li:hover .litop .fre{border-color:#fff;background:#fff}
.contact2 .ul .li.act .litop .fre img:nth-child(1),.contact2 .ul .li:hover .litop .fre img:nth-child(1){opacity:0;transform:rotate(180deg)}
.contact2 .ul .li.act .litop .fre img:nth-child(2),.contact2 .ul .li:hover .litop .fre img:nth-child(2){opacity:1;transform:rotate(180deg)}

@media (max-width:1500px) {
    .contact1 .fle .item{margin-top: 30px;}
    .contact1 .wrap{align-items: center;}
    .contact1 .fle .item .itline{margin: 10px 0;}
}
@media (max-width:1030px) {
.contact1 .wrap{flex-wrap: wrap;}
.contact1 .fle{width: 100%;}
.contact1 .fre{width: 100%;margin-top: 30px;}
}  
@media (max-width:768px) {
    .contact1 .fle .item{width: 100%;}
    .contact1 .fle .item.ewm{width: 50%;}
    .contact2 .ul .li .litop{padding: 0 80px 0 20px;}
    .contact2 .ul .li .litop .fre{right: 20px;width: 30px;height: 30px;}
    .contact2 .ul .li .litop .fre img{width: 20px;}
    .contact2 .ul .li .litop .fle{padding: 10px 0;}
    .contact2 .ul .li .libot{padding: 30px 20px;}
    .contact2 .ul .li .libot .t2{margin-top: 10px;}
    .contact2 .ul .li{margin-bottom: 15px;}
    .contact1 .fre .txt{width: 220px;margin-left: -110px;height: 70px;}
    .contact1 .fre .txt .t1{width: 200px;display: none;}
}

/* liuyan */
.liuyan{ padding: .5rem 0 1rem 0;}
.liuyan .lynr{display: flex; flex-wrap: wrap; flex-direction: row;}
.liuyan .lynr .p_item{flex: 1; max-width: 100%; max-height: 100%}
.liuyan .lynr .p_item p{ line-height: 1.5; font-size: 24px; text-align: left; color: #1e71b3; padding-bottom: 20px; border-bottom: 3px solid #1e71b3; font-weight: bold;}
.liuyan .lynr .p_item .miaoshu{ font-size: 15px;}
.liuyan .lynr form{margin-top: 40px;}
.liuyan .lynr form .input-group{ margin-bottom: .2rem; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch;}
.liuyan .lynr form .input-group input{ height: calc(.6rem + 5px); margin-right: 2%; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; border: 1px solid #e1e1e1; padding: 0 15px; line-height: 1; transition: all ease .15s;}
.liuyan .lynr form .input-group input:last-child{ margin-right: 0;}
.liuyan .lynr form .input-group textarea{ width: 100%; min-height: 150px; border: 1px solid #e1e1e1; padding: 15px; line-height: 1; transition: all ease .15s;}
.liuyan .lynr form button{position: relative; display: block; text-align: center; width: 200px; border-radius: 35px 5px 35px 5px; padding: 12px 8px; color: #fff; background: #1e71b3; border: none; margin: 30px auto 0 auto; font-size: 16px; cursor: pointer;}
.liuyan .lynr form button:hover{background: #d46a40}
@media (max-width:768px) {
    .liuyan .lynr .p_item p{ font-size: 20px; padding-bottom: 10px;}
    .liuyan .lynr form{ margin-top: 20px;}
    .liuyan .lynr form .input-group input{ margin-right: 0; margin-bottom: 10px;}
}

/* c-profile */
.c-profile{padding: .5rem 0 1rem}
.c-profile .ihd{margin-bottom: .4rem}
.c-profile .txt{font-size: 16px; color: #666; line-height: 1.76}
.c-profile .txt p{margin-bottom: .2rem}
.c-profile .cdata i{opacity: .6}
.c-profile .cdata b{color: #1e71b3}
.c-profile .cdata .desc{color: #999}

/* img-xq */
.img-xq{ padding: .5rem 0 1rem 0;}
.img-xq h1{ text-align: center; padding-bottom: .2rem;}

/* pro */
.pord1{position:relative; padding: .5rem 0 1rem 0;}
.lv2le{position:relative;padding:0 46px 195px 0;width:26%}
.lv2le .bg{position:absolute;z-index:1;top:0;right:0;height:100%;width:calc((100vw - 1600px)/ 2 + 100%);background:#fbfbfb}
@media screen and (max-width:1920px){.lv2le .bg{width:calc(7.5vw + 100%)}
}
.lv2le .lv2_ss{position:relative;z-index:3;border-bottom:2px solid #e3e4e4}
.lv2le .lv2_ss input{width:100%;background:0 0;border:none;padding:18px 67px 18px 0;outline:0}
.lv2le .lv2_ss button{position:absolute;top:0;right:0;width:67px;height:100%;background:0 0;display:flex;align-items:center;justify-content:center}
.lv2le .lv2_ss button i{font-size:17px}
.lv2le .lv2_ss button:hover i{ color: #1e71b3;}
.lv2le .lv2_con{margin-top:60px;position:relative;z-index:3}
.lv2le .lv2_con .ul{margin-top:23px}
.lv2le .lv2_con .ul .li{border-bottom:1px dashed #ccc; padding: 0 10px;}
.lv2le .lv2_con .ul .li .litop{display:flex;padding:20px 0;line-height:30px;cursor:pointer}
.lv2le .lv2_con .ul .li .litop .ico{width:30px;position:relative;margin-right:28px}
.lv2le .lv2_con .ul .li .litop .ico img:nth-child(2){position:absolute;top:0;left:0;opacity:0}
.lv2le .lv2_con .ul .li:hover, .lv2le .lv2_con .ul .li.act{ background: #1e71b3;}
.lv2le .lv2_con .ul .li:hover .litop .ico img:nth-child(1), .lv2le .lv2_con .ul .li.act .litop .ico img:nth-child(1){opacity:0}
.lv2le .lv2_con .ul .li:hover .litop .ico img:nth-child(2),.lv2le .lv2_con .ul .li.act .litop .ico img:nth-child(2){opacity:1}
.lv2le .lv2_con .ul .li.act .litop .wz{color:#fff}
.lv2le .lv2_con .ul .li:hover .litop .wz{color:#fff}

.pord1 .prod_re{width:74%}
.pord1 .prod_re .ul{display:flex;flex-wrap:wrap}
.pord1 .prod_re .ul .li{width:calc((100% - 56px)/ 3);margin:28px 28px 0 0}
.pord1 .prod_re .ul .li:nth-child(3n){margin-right:0}
.pord1 .prod_re .ul .li:nth-child(1),.pord1 .prod_re .ul .li:nth-child(2),.pord1 .prod_re .ul .li:nth-child(3){margin-top:0}
.pord1 .prod_re .ul .li .ss{display:block;border:2px solid #f1f1f1;position:relative}
.pord1 .prod_re .ul .li .ss .img{ height:260px;overflow:hidden;}
.pord1 .prod_re .ul .li .ss .img img{width:100%; height: 100%; object-fit: contain;transition: transform .6s ease 0s;}
.pord1 .prod_re .ul .li:hover img{transform: scale(1.05, 1.05)} 
.pord1 .prod_re .ul .li .ss .txt{padding: 10px;}
.pord1 .prod_re .ul .li .ss .t1{text-align:center;line-height:34px;color:#222}
.pord1 .prod_re .ul .li .ss .t2{display:flex;align-content:center;justify-content:center;color:#1e71b3;margin-top:10px}
.pord1 .prod_re .ul .li .ss .t2 img{width:12px;margin-right:8px}
.pord1 .prod_re .ul .li .ss s{position:absolute;left:auto;width:0;bottom:-2px;right:-2px;background:#1e71b3;height:3px}
.pord1 .prod_re .ul .li .ss:hover{background:#fff;box-shadow:0 0 25.23px 3.77px rgba(160,160,160,.1);border-color:#f2f5f8}
.pord1 .prod_re .ul .li .ss:hover s{left:-2px;width:calc(100% + 4px)}
.pord1 .pages{margin-top:70px}
@media (max-width:1600px) {
    .pord1 .prod_re .ul .li .ss .img img{ height: 240px;}

}
@media (max-width:1030px) {
    .lv2le{width: 100%;padding: 20px 0;}
    .lv2le .bg{width: 100vw;right: -5vw;}
    .lv2le .lv2_con{margin-top: 30px;}
    .lv2le .lv2_con .ul .li .litop{padding: 15px 0;}
    .lv2le .lv2_con .ul .li .libot a{margin-bottom: 10px;}
    .pord1 .prod_re{width: 100%;}
    .pord1 .prod_re .ul .li .ss .img img{ height: 200px;}

}
@media (max-width:800px) {
    .pord1 .prod_re{padding-top: 25px;}
    .pord1 .prod_re .ul .li{width: 50%;margin: 15px 0 0 0;}
    .pord1 .prod_re .ul .li:nth-child(3n){margin-right: 0;}
    .pord1 .prod_re .ul .li:nth-child(2n){margin-right: 0;}
    .pord1 .prod_re .ul .li .ss .txt{padding-bottom: 20px;}
    .pord1 .prod_re .ul .li .ss .t2{margin-top: 10px;}
    .pord1 .prod_re .ul .li .ss .img{height: 120px;}
    .pord1 .prod_re .ul .li:nth-child(1), .pord1 .prod_re .ul .li:nth-child(2), .pord1 .prod_re .ul .li:nth-child(3){margin-top: 15px;}
}

/* productshow */
.productshow{ padding:.5rem 0 0 0}
.productshow .pl_top{background:#FFF;padding:15px;margin-top:20px;}
.productshow .pl_top .mtit{ display: none;}
.productshow .pl_top .plt_left{width:600px;float:left;}
.productshow .pl_top .plt_left .plt_img{width:100%;position:relative; border: 1px solid #1e71b3; border-radius: 2%;}
.productshow .pl_top .plt_right{width:calc(100% - 600px);float:right;padding:15px 0 0 40px;position:relative;}
.productshow .pl_top .plt_right h1{font-size:24px;height:34px;line-height:34px;color:#424242;font-weight:normal;}
.productshow .pl_top .plt_right span{display:block;line-height:18px;font-size:14px;color:#999;padding:10px 0;border-bottom: 1px solid #c9c9c9;margin-bottom:15px;}
.productshow .pl_top .plt_right .plt_p{min-height:168px;overflow:hidden;}
.productshow .pl_top .plt_right .plt_p p{line-height:28px;font-size:15px;color:#888;}
.productshow .pl_top .plt_right .plt_p img{max-height: 190px;}
.productshow .pl_top .plt_right .plt_btn{margin-top:30px;font-size:0;-webkit-text-size-adjust:none;padding-bottom:30px;border-bottom:1px solid #c9c9c9;}
.productshow .pl_top .plt_right .plt_btn a{display:inline-block;width:159px;height:44px;line-height:42px;border:1px solid #1e71b3;text-align:center;font-size:16px;color:#1e71b3;border-radius:22px;position:relative;overflow:hidden;z-index:1;margin-left:20px;}
.productshow .pl_top .plt_right .plt_btn a:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:#1e71b3;z-index:-1;
	-webkit-transition:all .5s;
	   -moz-transition:all .5s;
	    -ms-transition:all .5s;
	        transition:all .5s;
}
.productshow .pl_top .plt_right .plt_btn a:first-child{margin-left:0;}
.productshow .pl_top .plt_right .plt_btn a:hover{border:1px solid #1e71b3;color:#FFF;}
.productshow .pl_top .plt_right .plt_btn a:hover:before{width:100%;}
.productshow .pl_content{width:100%; margin-top:20px;}
.productshow .pl_content .plc_t{border-left:5px solid #1e71b3;background:#fff;height:53px;line-height:53px;color:#515151;font-size:18px;text-indent:17px;}
.productshow .pl_content .plc_pp{font-size:15px;line-height:1.8;color:#777;padding:10px 20px 15px;background:#FFF;margin-top:5px;}
.productshow .pl_content .plc_pp p{font-size:15px;line-height:1.8;color:#777;padding:5px 0;}
.productshow .pl_content .plc_pp table{border-top:1px solid #EEE!important;border-left:1px solid #EEE!important;max-width:100%;}
.productshow .pl_content .plc_pp td{border-right:1px solid #EEE!important;border-bottom:1px solid #EEE!important;font-size:15px;padding:12px 5px;line-height:1.4;}
.productshow .pl_content .plc_pp img{max-width:100%;display:block;margin:0 auto;height:auto;}

@media only screen and (max-width: 1600px) {
    .productshow .pl_top{padding:10px;margin-top:15px;}
    .productshow .pl_top .plt_left{width:480px;}
    .productshow .pl_top .plt_right{width:calc(100% - 480px);padding:10px 0 0 20px;}
    .productshow .pl_top .plt_right h1{font-size:20px;height:28px;line-height:28px;}
    .productshow .pl_top .plt_right span{line-height:16px;font-size:13px;padding:6px 0;}
    .productshow .pl_top .plt_right .plt_p{height:156px;}
    .productshow .pl_top .plt_right .plt_p p{font-size:14px;line-height:26px;}
    .productshow .pl_top .plt_right .plt_btn{margin-top:15px;padding-bottom:15px;}
    .productshow .pl_top .plt_right .plt_btn a{width:140px;height:38px;line-height:36px;font-size:15px;}
    .productshow .pl_top .plt_right .plt_pp{margin-top:15px;}
    .productshow .pl_content{margin-top:15px;}
    .productshow .pl_content .plc_t{height:48px;line-height:48px;font-size:16px;}
    .productshow .pl_content .plc_pp{padding:10px 10px 15px;}
}
@media only screen and (max-width: 1230px){
    .productshow{padding:15px 0;}
	.productshow .pl_top{margin-top:10px;}
	.productshow .pl_top .plt_left{width:398px;}
	.productshow .pl_top .plt_right{width:calc(100% - 398px);padding:5px 0 0 10px;}
	.productshow .pl_top .plt_right h1{font-size:16px;height:24px;line-height:24px;font-weight:bold;}
	.productshow .pl_top .plt_right span{line-height:14px;font-size:12px;padding:4px 0;margin-bottom:8px;}
	.productshow .pl_top .plt_right .plt_p{height:144px;}
	.productshow .pl_top .plt_right .plt_p p{font-size:13px;line-height:24px;}
	.productshow .pl_top .plt_right .plt_btn{margin-top:10px;padding-bottom:10px;}
	.productshow .pl_top .plt_right .plt_btn a{width:120px;height:35px;line-height:33px;font-size:14px;}
	.productshow .pl_top .plt_right .plt_pp{margin-top:10px;font-size:14px;height:28px;line-height:28px;background-size:auto 28px;padding-left:35px;}
	.productshow .pl_content{margin-top:10px;}
	.productshow .pl_content .plc_pp{padding:10px 10px 15px;}
}
@media only screen and (max-width: 960px){
    .productshow{padding:10px 0;}
    .productshow .pl_top .plt_left{width:100%;float:none;}
    .productshow .pl_top .plt_right{width:100%;padding:10px 0;float:none;}
    .productshow .pl_top .plt_right .plt_p{height:auto;}
    .productshow .pl_content{margin-top:10px;}
    .productshow .pl_content .plc_t{height:40px;line-height:40px;font-size:15px;text-indent:12px;}
    .productshow .pl_content .plc_pp{padding:10px 10px 15px;}
}
@media only screen and (max-width: 768px){
    .productshow .pl_top .mtit{ display: block; font-size: 24px; padding: 10px 0; font-weight: bold;}
    .productshow .pl_top .plt_right h1{ display: none;}
    .productshow .pl_top .plt_right .plt_pp{background-size:auto 34px;line-height:17px;font-size:13px;height:34px;line-height: 34px;padding-left:40px;}
    .productshow .pl_top .plt_right .plt_p{ display: none;}
}