.index-red-list li@charset "utf-8";
* {margin: 0px;padding: 0px;font-family:"Microsoft YaHei","Arial";}
body {font-family:"Microsoft YaHei","Arial";font-size:16px;color: #555}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
a{text-decoration: none; outline: none;cursor:pointer;color: #555}
a:hover{ color:#f60;}
img{border:none;vertical-align:bottom;}
i, em, cite{font-style: normal;}
ul,li{ list-style: none; margin: 0; padding: 0;}
* input {vertical-align: middle;float:left;outline:none;border:none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
.wrap{ margin: 0 auto; width:1240px;}
.fl{float: left;}
.fr{float: right;}
.clear{ clear:both;}
.hidden{display:none;}
.visible{display:block;}
@font-face {
  font-family:'Gilroy';src:url(/templets/css/Gilroy-Bold.otf)
}

/*--------------------header---------------------*/
.header-box{height: 149px;}
.header-fixed{position: fixed;width: 100%;min-width: 1240px;top: 0;z-index: 999;background: #fff;}
.header {width: 100%;background: url("/templets/images/topbg.jpg?sign=c0b006f94f7210658aea9e09d776b458&t=1794580842") no-repeat center top #e62129;
box-shadow:0 10px 15px rgba(0,0,0, .1);
}
.header .headtop {height: 53px;}
.headtop h2{float: left;padding-top: 11px;}
.headtop h2 span{font-size: 25px;font-weight: bold;color: #fff;line-height: 31px;float: left;font-family: Gilroy;display: none;}
.headtop h2 svg{fill: #ffffff;height: 31px;}
.headtop h2.en svg{display: none;}
.headtop h2.en span{display: block;}
.header .headtop p {font-size: 25px;font-weight: bold;color: #fff;line-height: 49px;float: left;font-family: Gilroy;}
.header .headtop div {float: right;height: 53px;line-height: 53px;width: 100px;position: relative;margin-right: 2px}
.header .headtop div a {color: #fff;width: 100%;height: 53px;position: absolute;left: 0;z-index: 3;text-align: center;transition-duration: 350ms;}
.header .headtop div a:nth-child(2) {top: 0;z-index: -1;transition: top .1s}
.header .headtop div a:nth-child(3) {top: 0;z-index: -1;transition: top .1s}
.header .headtop div:hover a {display: block;}
.header .headtop div:hover a:nth-child(2) {top: 53px;z-index: 2;background: #e93934;transition-duration: 350ms;}
.header .headtop div:hover a:nth-child(2):hover {background: #ee7976;}
.header .headtop div:hover a:nth-child(3) {top: 106px;z-index: 1;background: #e93934;transition-duration: 350ms;}
.header .headtop div:hover a:nth-child(3):hover {background: #ee7976}
.header .nav{background: #fff;min-width: 1240px;height: 96px;}


.top-logo {float: left;margin-top: 20px;height: 52px;}
.menu{height: 40px;line-height: 40px;margin-top: 28px;float: right;transition: all .1s;}
.menu li{position: relative;float: left;margin-left: 70px;}
.menu li a {float: left;color: #383838;position: relative;font-weight: bold;}
.menu li .after::after {content: '';background: #e62129;width: 0px;height: 1px;display: inline-block;position: absolute;top: 40px;left: 0px;transition: all .1s}
.menu li .after:hover,.menu li.current .after {color: #e62129}
.menu li .after:hover::after,.menu li.current .after::after {width: 100%;transition: all .2s}

.menu li.pro2>ul {z-index: 999;opacity: 0;visibility: hidden;margin-top: 0;position: absolute;top: 40px;left: 50%;margin-left: -92px;transition: .15s ease;transform:translateY(30%);width: 185px;background: #fff;}
.menu li:hover ul{opacity: 1;visibility: visible;transform:translateY(0);}
.menu li.pro2>ul>li:nth-child(1){border: none;}
.menu li.pro2>ul>li{margin-left: 0;border-top: 1px solid #ee7976;width: 100%;}
.menu li.pro2>ul a{margin: 0;width: 100%;display: block;text-align: center;}
.menu li.pro2>ul a{padding: 10px 0;line-height: 20px;background: #e62129;color: #fff;transition-duration: 350ms;font-weight: normal;}
.menu li.pro2>ul a:hover{background: #d51820;}
.menu li.pro2>ul>li>ul{display: none; background-color:#ee7976; opacity: 0;visibility: hidden;transition:none;}
.menu li.pro2>ul>li>ul>li{display: none; width: 0; height:0; opacity: 0; visibility: hidden;color:transparent;transition:0;}
.menu li.pro2>ul>li>ul>li>a{display: none; color:transparent; width: 0; height: 0;opacity: 0;visibility: hidden;transition:0;}

.search-box{float: right;margin: 32.5px 0 0 55px;position: relative;}
.search-box .searchBox{width: 132px;height: 31px;line-height: 31px;padding: 0 20px;border-radius: 31px;background: #eee;}
.search-box .searchbtn{background: url("/templets/images/search.png?sign=607b4db619cf65fa689905e7ef7f98fe&t=1794580842") no-repeat center center;background-size: 20px;position: absolute;width: 42px;height: 31px;right: 0;top: 0;cursor: pointer;}

.bg{background-image: url("/templets/images/bg.jpg?sign=27d3949da290416b8d8fddaabf459669&t=1794580842") ;background-size: cover;}

.banner2 {position: relative;width: 100%;min-width: 1240px;height: 799px;overflow: hidden}
.banner2{font-family: Gilroy,"Microsoft Yahei"}
.banner2 ul#pic {z-index: 9}
.banner2 ul#pic li {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.banner2 ul#pic li a{position: relative;display: block;}
.banner2 ul#pic li p{animation: bounceInDown 1s 0s linear;position: absolute;width: 100%;top: 170px;left: 0;font-size: 18px;text-align: center;color: #fff;}
.banner2 ul#pic li p span{font-size: 60px;display: block;line-height: 100px;font-weight: bold;}

.banner2 ul#pic img {overflow: hidden}

.banner2 .banner_btn2 {position: absolute;bottom: 30px;z-index: 98;width: 100%;text-align: center}
.banner2 .banner_btn2 span {width: 12px;height: 12px;display: inline-block;cursor: pointer;margin-right: 12px;border-radius: 12px;background: #333}
.banner2 .banner_btn2 span.cur {background: #e62129}


.index-pro-menu{width: 100%;min-width: 1240px;overflow: hidden;position: relative;}
.index-pro-menu h2{margin: 58px 0;line-height: 100px;height: 100px;text-align: center;color: #242424;font-size: 48px;font-family: Gilroy;

}
.index-pro-menu h2.showindex{animation: slideInDown 500ms 0s linear;}
.index-pro-menu .arrowl,.index-pro-menu .arrowr{width: 45px;height: 45px;display: block;position: absolute;}
.index-pro-menu .arrowl{left: 20px;bottom: 287px;}
.index-pro-menu .arrowr{right: 20px;bottom: 287px;}
.index-pro-menu .arrowl svg,.index-pro-menu .arrowr svg{width: 35px;height: 35px;margin: 5px;}
.index-pro-menu li{width: 25%;height: 619px;overflow: hidden;background: no-repeat center center;background-size:100%;transition-duration: 350ms;}
.index-pro-menu li a{display: block;height: 619px;}
.index-pro-menu li:hover{background-size: 105%;}

.index-pro-menu li p{padding: 80px 0 0 10%;height: 31px;line-height: 31px;font-size: 24px;color: #242424;display: block;}
.index-pro-menu li span{display: block;float: left;margin-right: 15px;}
.index-pro-menu li p svg{fill: #e62129;height: 31px;width: 31px;}
.index-pro-menu ul.showindex li p{animation: wobble 1s 0s linear;}

.idnex-about{margin: 150px auto 84px;min-width: 1280px;max-width: 1490px;}
.idnex-about .iabout-left{float: left;width: 700px;color: #282828;line-height: 30px;}
.idnex-about .iabout-left h2{overflow: hidden;}
.idnex-about .iabout-left h2 svg{fill: #000;height: 38px;margin-top: 10px;}

.idnex-about .iabout-left h2 span{float: right;display: block;width: 485px;font-size: 25px;font-weight: bold;color: #000;line-height: 30px;float: left;font-family: Gilroy;display: none;}
.idnex-about .iabout-left h2.en svg{display: none;}
.idnex-about .iabout-left h2.en span{display: block;}

.idnex-about .iabout-left h2 img{float: left;padding-right: 20px;}
.idnex-about .iabout-left p{margin-top: 24px;}
.idnex-about .iabout-left h2.showindex svg{animation: bounceIn 1s 0s linear;}
.idnex-about .iabout-left h2.showindex span{animation: bounceIn 1s 0s linear;}
.idnex-about .iabout-left h2.showindex img{animation: bounceIn 1s 0s linear;}
.idnex-about .cn,.idnex-about .en{display: none;}
.idnex-about.cn .cn{display: block;}
.idnex-about.en .en{display: block;}

.idnex-about .iabout-right{float: right;width: 44.2%;height: 397px;position: relative;}
.idnex-about .iabout-right li{width: 100%;height: 397px;overflow: hidden;}
.idnex-about .iabout-right li img{height: 397px;}

.aboutButton{position: absolute;right: 0;bottom: 0;width: 82px;height: 41px;}
.aboutButton a{float: left;width: 41px;height: 41px;background: #e62129;}
.aboutButton a svg{margin: 10px;width: 21px;height: 21px;fill: #fff;}

.index-red-list{margin-top: 86px;}
.index-red-list li{text-align: center;float: left;width: 260px;margin-right: 58px;}
.index-red-list li:nth-child(4){margin-right: 0;}
.index-red-list li p{color: #1a1a1a;font-size: 22px;height: 100px;padding-top: 30px;line-height: 30px;display: block;}
.index-red-list.showindex li{animation: bounceIn 1s 0s linear;}


.index-icon-list{height: 903px;width: 100%;min-width: 1240px;background: url("/templets/images/fanganbg.jpg?sign=af8a21682eb95b93f0292c22de64f36e&t=1794580842") no-repeat center top;background-size: cover;overflow: hidden;}
.index-icon-list h2{text-align: center;color: #fff;font-size: 48px;line-height: 60px;padding: 153px 0;font-family: Gilroy;}
.index-icon-list .wrap_icon{margin: 0 auto;max-width: 1360px;min-width: 1240px;}
.index-icon-list .iicon-top{text-align: left;margin-bottom: 118px;}
.index-icon-list .iicon-bottom{text-align: right;}
.index-icon-list h2.showindex{animation: flipInX 1s 0s linear;}
.index-icon-list .iicon-top.showindex{animation: bounceIn 1s 0s linear;}
.index-icon-list .iicon-bottom.showindex{animation: bounceIn 1s 0s linear;}
.wrap_icon.cn .en{display: none;}
.wrap_icon.en .cn{display: none;}

.index-zslist{max-width: 1360px;min-width: 1240px;margin: 0 auto;padding-bottom: 135px;min-width: 1240px;overflow: hidden;position: relative;}
.index-zslist h2{margin: 58px 0;line-height: 100px;height: 100px;text-align: center;color: #242424;font-size: 48px;font-family: Gilroy;}
.index-zslist h2.showindex{animation: bounceInDown 1s 0s linear;}
.index-zslist .arrowzl,.index-zslist .arrowzr{width: 45px;height: 45px;display: block;position: absolute;background: #e62129;border-radius: 50%;}
.index-zslist .arrowzl{left: 20px;bottom: 297px;}
.index-zslist .arrowzr{right: 20px;bottom: 297px;}
.index-zslist .arrowzl svg,.index-zslist .arrowzr svg{width: 25px;height: 25px;margin: 10px;fill: #fff;}
.index-zslist .wrap{width: 1130px;}
.index-zslist ul{}
.index-zslist li{width: 25%;height: 370px;overflow: hidden;background: no-repeat center center;background-size: cover;overflow: hidden;}
.index-zslist li img{width: 100%;}


.index-news{width: 100%;min-width: 1240px;overflow: hidden;position: relative;background: #f5f5f5;}
.index-news h2{margin: 58px 0;line-height: 100px;height: 100px;text-align: center;color: #242424;font-size: 48px;font-family: Gilroy;}
.index-news h2.showindex{animation: slideInDown 500ms 0s linear;}
.index-news .wrap{width: 1115px;}
.index-news li{float: left;width: 361px;margin-right: 15px;}
.index-news .showindex li{animation: bounceIn 1s 0s linear;}
.index-news li:nth-child(3){margin-right: 0;}
.index-news li span{width: 100%;height: 236px;display: block;overflow: hidden;text-align: center;}
.index-news li span img{height: 100%;transition-duration: 350ms;}
.index-news li p{padding: 22px 22px 0;color: #212121;font-weight: bold;line-height: 28px;height: 64px;transition-duration: 350ms;}
.index-news li em{display: block;padding: 0 22px 22px;font-size: 14px;color: #a8a8a8;}
.index-news .move{width: 155px;height: 45px;line-height: 45px;margin: 75px auto 90px;border-radius: 5px;background: #e62129;text-align: center;color: #fff;font-size: 18px;display: block;}
.index-news li a:hover img{transform: scale(1.05);}
.index-news li a:hover p{color: #e62129;}


.footer{padding: 80px 0;background: #e62129;color: #fff;min-width: 1280px;}
.footer .wrap{min-height: 290px;}
.footLeft{width: 700px;float: left;}
.footLeft h2{margin-bottom: 26px;height: 50px;}
.footLeft h2 svg{fill: #fff;height: 30px;margin-top: 10px;}
.footLeft h2 span{float: right;width: 440px;font-size: 25px;font-weight: bold;color: #fff;line-height: 30px;float: left;font-family: Gilroy;display: none;}
.footLeft h2.en svg{display: none;}
.footLeft h2.en span{display: block;}


.footLeft h2 img{float: left;padding-right: 20px;}
.footLeft p{line-height: 36px;}
.footLeft p span{margin-right: 40px}
.footLeft .powerby{margin-top: 30px;color: #ff8080;font-size: 14px;line-height: 20px}
.footLeft a{color: #fff;}


.powerby a{color: #ff8080;}
.powerby a:hover{color: #fff;}
.footRight{float: right;padding-top: 80px;text-align: center;font-size: 14px;line-height: 45px;}



/*------------------- about -------------------*/
.about-conmain.en{position: relative;padding-bottom: 115px;}
.about-conmain.en p:nth-child(3){width: 100%;position: absolute;bottom: 0;}

.page-banner{position: relative;height: 300px;min-width: 1240px;overflow: hidden;}
.page-banner img{position: absolute;left: 50%;margin-left: -960px;top: 50%;margin-top: -250px;}
.page-banner p{animation: slideInDown 500ms 0s linear;
  position: relative;display: block;z-index: 9;font-weight: 700;color: #fff;font-size: 48px;line-height: 100px;
max-width: 1240px;margin: auto;top: 30%;
}

.page-content{padding: 80px 0;color: #282828;line-height: 30px;}
.page-content img {max-width: 100%;margin: auto;}


.page-news{margin: 80px 0;}
.page-news .wrap{width: 900px;}
.page-news ul li{margin-bottom: 20px;height: 126px;}
.page-news ul li .item_infor {display: block;width: 90%;background: #fff;border: 3px solid rgba(255,255,255,0.42);padding: 20px 35px;height: 80px;overflow: hidden;-webkit-transition: all .32s ease-in-out 0s;-moz-transition: all .32s ease-in-out 0s;-o-transition: all .32s ease-in-out 0s;transition: all .32s ease-in-out 0s;position: relative}
.page-news ul li .item_infor::before {content: "";width: 100%;height: 100%;/* background: #e62129; */-webkit-transition: all .32s ease-in-out 0s;-moz-transition: all .32s ease-in-out 0s;-o-transition: all .32s ease-in-out 0s;transition: all .32s ease-in-out 0s;position: absolute;left: 0;top: 0;-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;border-radius: 16px;-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);overflow: hidden;-webkit-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center;transform-origin: center center}
.page-news ul li .item_infor .pnewsr {height: 80px;border-bottom: 1px solid #e62129;font-family: 'exotic-bold';color: #81756e;position: relative}
.page-news ul li .item_infor .pnewsr:before {content: "";width: 0%;height: 1px;background: #fff;position: absolute;left: 0;bottom: -1px;-webkit-transition: all .32s ease-in-out 0s;-moz-transition: all .32s ease-in-out 0s;-o-transition: all .32s ease-in-out 0s;transition: all .32s ease-in-out 0s}
.page-news ul li .item_infor .pnewsr strong {display: block;font-size: 30px;line-height: 100%;-webkit-transition: all .288s ease 0s;-moz-transition: all .288s ease 0s;-o-transition: all .288s ease 0s;transition: all .288s ease 0s}
.page-news ul li .item_infor .pnewsr em {display: block;text-align: right;font-size: 16px;line-height: 100%;margin-top: 10px;transition: all .288s ease 0s}
.page-news ul li .item_infor span{position: absolute;display: block;width: 190px;height: 126px;overflow: hidden;top: 0;left: 0;}
.page-news ul li .item_infor span img{position: absolute;top: 50%;left:50%;max-width: 100%;max-height:100%;vertical-align: middle;transform: translate(50%,-50%);transform: translate3d(-50%,-50%,0);}
.page-news ul li .item_infor h3 {color: #5f544e;font-size: 16px;width: 439px;overflow: hidden;-webkit-transition: all .288s ease 0s;-moz-transition: all .288s ease 0s;-o-transition: all .288s ease 0s;transition: all .288s ease 0s;font-weight: 600;position: relative;left: 210px;}
.page-news ul li .item_img {width: 24%;height: 126px;overflow: hidden;position: relative}
.page-news ul li .item_img img {width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto}
.page-news ul li:hover .item_infor {border-color: #e62129;background: #e62129;-webkit-transition: all .12s ease-in-out .1s;-moz-transition: all .12s ease-in-out .1s;-o-transition: all .12s ease-in-out .1s;transition: all .12s ease-in-out .1s}
.page-news ul li:hover .item_infor .pnewsr:before {width: 100%;visibility: visible}
.page-news ul li:hover .item_infor .pnewsr,.page-news ul li:hover .item_infor p,.page-news ul li:hover .item_infor h3 {color: #fff}
.page-news ul li:hover .item_infor:before {-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1)}


.page-list{padding-top: 40px;text-align: center;}
.page-list li {display: inline-block;line-height: 24px;text-align: center;font-size: 16px}
.page-list li.thisclass a,.page-list li:hover a {border: 1px solid #ccc;background: #e62129;color: #fff;border-color: #e62129;}
.page-list a {display: inline-block;color: #555;border: 1px solid #ccc;width: 24px;height: 24px;line-height: 24px;margin-right: 3px;font-size: 14px}
.page-list a.thisclass {border: 1px solid #ccc;background: #e62129;color: #fff;}


.news-content h2 {margin-top: 80px;font-size: 24px;line-height: 1.2;margin-bottom: 10px;text-align: center;}
.news-content .news_time {color: #999;text-align: center;line-height: 1;margin-bottom: 20px;display: block;padding-bottom: 20px;border-bottom: 1px solid #d5d5d5;}
.news-content .page-content{padding-top: 0;}


.pro-main{padding: 80px 0;}

.pro-left-menu {width: 218px;background: #eee;padding: 0;}
.pro-left-menu ul li {width: 100%;line-height: 48px;position: relative}
.pro-left-menu ul li a {display: block;color: #555;padding: 14px 26px 14px 26px;line-height: 20px;text-transform: capitalize}
.pro-left-menu ul li a i {width: 10px;height: 10px;position: absolute;top: 50%;margin-top: -5px;left: 200px;background: url("/templets/images/right1.png?sign=ad91736dade64967bc7e32a3936107e6&t=1794580842") center center no-repeat}
.pro-left-menu ul li:hover a {padding-left: 26px;background: #e62129;color: #fff;-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.pro-left-menu ul li:hover i {background: url("/templets/images/right2.png?sign=3bb0b4ff3f786b0a7e3901aabf7b822d&t=1794580842") center center no-repeat}
.pro-left-menu ul li.open ul {width: 100%;visibility: visible;opacity: 1}
.pro-left-menu ul li ul li.open ul {width: 100%;visibility: visible;opacity: 1}
.pro-left-menu ul li.cy-active a {padding-left: 26px;background: #e62129;color: #fff}
.pro-left-menu ul li.cy-active a i {background: url("/templets/images/right2.png?sign=3bb0b4ff3f786b0a7e3901aabf7b822d&t=1794580842") center center no-repeat}
.pro-left-menu ul li ul {width: 0;visibility: hidden;opacity: 0;position: absolute;left: 218px;padding: 16px;top: 0;background: #eee;z-index: 999;-webkit-transition: all .6s ease 0s;-moz-transition: all .6s ease 0s;-o-transition: all .6s ease 0s;transition: all .6s ease 0s;box-shadow: 2px 4px 6px rgba(0,0,0,0.1)}
.pro-left-menu ul li ul li ul{width: 0;visibility: hidden;opacity: 0;position: absolute;left: 234px;padding: 16px;top: 0;background: #eee;z-index: 999;-webkit-transition: all .6s ease 0s;-moz-transition: all .6s ease 0s;-o-transition: all .6s ease 0s;transition: all .6s ease 0s;box-shadow: 2px 4px 6px rgba(0,0,0,0.1)}
.pro-left-menu ul li ul li {position: relative;width: auto;line-height: 36px;}
.pro-left-menu ul li ul li a{display: block;padding: 0 18px;line-height: 36px;font-size: 12px;text-transform: capitalize;}
.pro-left-menu ul li.cy-active ul li a,.pro-left-menu ul li:hover ul li a {display: block;padding: 0 18px;line-height: 36px;font-size: 12px;background: #eee;color: #555;}
.pro-left-menu ul li ul li:hover a {background: #e62129;color: #fff}
.pro-left-menu ul li ul li ul li:hover a {background: #e62129;color: #fff}
.pro-left-menu ul li.open ul {display: block}
.pro-left-menu ul li ul li.open ul{display: block}
.pro-left-menu ul li.menu_item45.open ul {width: 110%}



.product_main {width: 920px;min-height: 300px}
.product_main h2 {font-size: 50px;font-weight: bold;color: #e62129;line-height: 74px;text-align: center}
.product_main ul li {float: left;width: 286px;margin: 0 31px 32px 0;}
.product_main ul li:nth-child(3n){margin-right: 0;}
.product_main ul li a {display: block}
.product_main ul li a .img {display: table-cell;vertical-align: middle;text-align: center;height: 280px;width: 286px;min-height: 280px;overflow: hidden;transition: all .3s linear 0s;position: relative}
.product_main ul li a .img>img {max-width: 100%;max-height: 210px;position: absolute;top: 0;left: 0}
.product_main ul li a .img .title {position: absolute;left: 0;top: 218px;font-size: 20px;width: 100%;text-align: center;color: #000;font-weight: bold}
.product_main ul li a .img .typename {position: absolute;left: 0;top: 248px;font-size: 12px}
.product_main ul li a p {line-height: 20px;padding-top: 16px;height: 40px;overflow: hidden;transition: all .5s linear 0s}
.product_main ul li a i {display: block;position: absolute;bottom: 0;left: 0}
.product_main ul li a:hover .title {color: #e62129}
.product_main ul li a:hover p {color: #e62129}
.product_main ul li a:hover .img {transform: translate3d(0, -2px, 0);box-shadow: 0px 6px 12px rgba(0,0,0,0.1)}


.pro-con-main{padding-top: 80px;}

.pro-img-box {width: 490px;float: left;float: left;margin: 0 25px 0 25px}
.pro-img-box .pro-img-con {width: 100%;float: left;height: 367px;position: relative;overflow: hidden}
.pro-img-box .pro-img-con:hover .magnifier {opacity: 1}
.pro-img-box .pro-img-con .magnifier {z-index: 9;cursor: pointer;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.35);opacity: 0;transition: all .3s ease}
.pro-img-box .pro-img-con .magnifier i {display: block;width: 60px;height: 60px;position: absolute;margin: auto;left: 0;top: 0;bottom: 0;right: 0;background: url("/templets/images/magnifier.png?sign=b56b7a108ecfa983bb2fe44bc82127b2&t=1794580842") no-repeat}
.pro-img-box .pro-img-con img {float: left;margin: auto;max-width: 100%;cursor: pointer;position: absolute;top: 0;left: 0}

.prolist2 ul li {width: 93px;height: 70px;float: left;cursor: pointer;margin-bottom: 4px;margin-top: 4px;margin-left: 4px;border: 1px inset transparent}
.prolist2 ul li span {display: block;width: 100%;height: 70px;position: relative;text-align: center;user-select: none;overflow: hidden}
.prolist2 ul li.on {border: 1px inset #e62129}
.prolist2 ul li img {position: absolute;margin: auto;left: 0;bottom: 0;top: 0;right: 0;max-height: 70px;vertical-align: middle;display: block;}

.bigpic {width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 999;display: none}
.bigpic img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.bigpic div {width: 200px;position: absolute;cursor: pointer;opacity: .5;transition: opacity 1s}
.bigpic div:hover {opacity: 1;transition: opacity 1s}
.bigpic .imgClose {height: 100px;width: 100px;background: url("/templets/images/close.png?sign=cd7093b3ea80c0be5b7b912b4f8d8bce&t=1794580842");background-size: 100%;top: 0px;right: 0px}


.product_top {width: 390px}
.product_top .prologo {margin-top: 40px;display: block}
.product_top .prologo img {width: 100%;vertical-align: top}
.product_top h1 {font-size: 25px;font-weight: bolder;padding: 0 0 8px;color: #000}
.product_top h2 {line-height: 1.4;font-size: 16px;color: #555;font-weight: normal;}
.product_top .pro_info {color: #333;font-size: 20px}
.product_top .getsocial {width: 390px;margin: 18px 0}
.product_top .send_inquiry {display: inline-block;border-top: 1px solid #eee;border-bottom: 1px solid #eee;font-size: 18px;width: 390px;transition: all 1s;text-align: center;height: 60px;line-height: 60px;cursor: pointer}
.product_top .send_inquiry:hover {color: #e62129;transition: all 1s}
.product_top .pdf {display: inline-block;border-bottom: 1px solid #eee;width: 390px;font-size: 18px;text-align: center;height: 60px;line-height: 60px;cursor: pointer;transition: 0}
.product_top .pdf:hover {transition: all 1s;color: #e62129}
.product_top .prenext {margin-top: 65px;height: 27px}
.product_top .prenext div {width: 100%;margin-bottom: 50px}
.product_top .prenext li {display: inline-block;line-height: 28px;height: 27px;margin-right: 50px}
.product_top .prenext li:last-child {margin-right: 0}
.product_top .prenext li a {line-height: 28px;display: block}
.product_top .prenext li i {float: left;width: 27px;height: 27px;-webkit-border-radius: 27px;-moz-border-radius: 27px;-o-border-radius: 27px;border-radius: 27px;margin-right: 10px}
.product_top .prenext li.pre i {background: #e62129 url("/templets/images/arti_left.png?sign=6b5f780042780c7afe5c11e955cc8abc&t=1794580842") center center no-repeat}
.product_top .prenext li.next i {background: #e62129 url("/templets/images/arti_right.png?sign=7e3e7cae42f1a6f15eb623d8e09b9953&t=1794580842") center center no-repeat}
.product_top .prenext li.backlist i {background: #e62129 url("/templets/images/menu_icon.png?sign=196a6c71031f70134ebe4836ec5358d0&t=1794580842") center center no-repeat}
.product_top .prenext li.pdf i {background: #e62129 url("/templets/images/pdf.png?sign=eda61f3d5e093070a2b126b7bc6d84b4&t=1794580842") center center no-repeat}
.product_top .prenext li:hover a {color: #e62129}
.product_top .prenext li:hover a i {background-color: #e62129}
.product_top .prenexten {margin-top: 65px;height: 27px}
.product_top .prenexten div {width: 100%;margin-bottom: 50px}
.product_top .prenexten li {display: inline-block;line-height: 28px;height: 27px;margin-right: 84px}
.product_top .prenexten li:last-child {margin-right: 0}
.product_top .prenexten li a {line-height: 28px;display: block}
.product_top .prenexten li i {float: left;width: 27px;height: 27px;-webkit-border-radius: 27px;-moz-border-radius: 27px;-o-border-radius: 27px;border-radius: 27px;margin-right: 10px}
.product_top .prenexten li.pre i {background: #e62129 url("/templets/images/arti_left.png?sign=6b5f780042780c7afe5c11e955cc8abc&t=1794580842") center center no-repeat}
.product_top .prenexten li.next i {background: #e62129 url("/templets/images/arti_right.png?sign=7e3e7cae42f1a6f15eb623d8e09b9953&t=1794580842") center center no-repeat}
.product_top .prenexten li.backlist i {background: #e62129 url("/templets/images/menu_icon.png?sign=196a6c71031f70134ebe4836ec5358d0&t=1794580842") center center no-repeat}
.product_top .prenexten li.pdf i {background: #e62129 url("/templets/images/pdf.png?sign=eda61f3d5e093070a2b126b7bc6d84b4&t=1794580842") center center no-repeat}
.product_top .prenexten li:hover a {color: #e62129}
.product_top .prenexten li:hover a i {background-color: #e62129}

.description {width: 100%;float: left;padding: 25px 0 70px 0}
.description div {float: left;width: 100%;text-align: center}
.description .title {width: 100%;text-align: left;padding-bottom: 60px;float: none}
.description .title span {font-size: 20px;color: #333;font-weight: bold;line-height: 1}
.description .bd {margin-top: 70px;width: 100%;text-align: center}
.description .description-con {overflow: hidden;border-bottom: 1px solid #ddd}
.description .description-con li {display: block;float: left;width: 160px;height: 50px;cursor: pointer;line-height: 50px;text-align: center;font-size: 16px}
.description .description-con li.on {background: #e62129;color: #fff}
.description .canshu {width: 100%;text-align: center;cursor: pointer}
.description .guige {width: 100%;text-align: center;cursor: pointer}
.description img {max-width: 100%;width: auto;vertical-align: top}
.description .table {width:100%;position: relative;}
.description .table table{width: 85%;border-left: 1px solid #aaa;border-top: 1px solid #aaa;margin: auto}
.description .table table td{border-right: 1px solid #aaa;border-bottom: 1px solid #aaa;line-height: 25px;padding: 5px 10px;}

.tabledouble table{
  float: left;
  width: 49% !important;
  margin-right: 1%;
}
.tabledouble table:nth-child(even){
  margin-left: 1%;
  margin-right: 0;
}



.description-conen li {
    width: 210px !important;
}.detail {
    margin-top: 40px;
    padding: 40px 0;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    border-top: 1px solid #ddd;
}

.bottomwrap {width: 1240px;margin: 0 auto}
.product_bottom {overflow: hidden;background: #f6f7fb;padding: 65px 0;position: relative}
.product_bottom h2 {font-size: 26px;font-weight: bold;text-align: center;line-height: 1}
.product_bottom h2 a {color: #282828;}
.product_bottom .wrap {position: relative}
.product_bottom .related_scroll,.product_bottom .lasted_scroll {position: relative}
/*.product_bottom .related_scroll ul {margin-bottom: 65px}*/
.product_bottom .related_scroll ul,.product_bottom .lasted_scroll ul {height: 280px;padding: 40px 0 0 !important}
.product_bottom .related_scroll ul li,.product_bottom .lasted_scroll ul li {float: left;width: 280px;height: 280px;margin-right: 40px}
.product_bottom .related_scroll ul li .img,.product_bottom .lasted_scroll ul li .img {text-align: center;width: 280px;height: 280px;overflow: hidden;background: #fff;-webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-o-transition: all .3s linear 0s;transition: all .3s linear 0s;position: relative}
.product_bottom .related_scroll ul li .img img,.product_bottom .lasted_scroll ul li .img img {max-width: 100% !important;margin: auto;position: absolute;left: 0;top: 0}
.product_bottom .related_scroll ul li .img .title,.product_bottom .lasted_scroll ul li .img .title {position: absolute;left: 0;top: 206px;font-size: 20px;color: #000;font-weight: bold;width: 100%;}
.product_bottom .related_scroll ul li .img .typename,.product_bottom .lasted_scroll ul li .img .typename {position: absolute;left: 20px;top: 220px}
.product_bottom .related_scroll ul li p,.product_bottom .lasted_scroll ul li p {padding-top: 24px;line-height: 20px;height: 38px;overflow: hidden;-webkit-transition: all .5s linear 0s;-moz-transition: all .5s linear 0s;-o-transition: all .5s linear 0s;transition: all .5s linear 0s}
.product_bottom .related_scroll ul li:hover .img,.product_bottom .lasted_scroll ul li:hover .img {-webkit-transform: translate3d(0, -2px, 0);-moz-transform: translate3d(0, -2px, 0);-o-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);-moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);box-shadow: 0px 10px 20px rgba(0,0,0,0.1)}
.product_bottom .related_scroll ul li:hover p,.product_bottom .lasted_scroll ul li:hover p {color: #e62129}
.product_bottom .arrow {display: block}
.product_bottom .arrowl {left: -65px;top: 44%}
.product_bottom .arrowr {right: -65px;top: 44%}
.product_bottom .arrow {position: absolute;width: 40px;height: 40px;text-indent: -9999px;cursor: pointer}
.product_bottom .arrow.arrowl {background: url("/templets/images/prev2.png?sign=5e7be8d1f6db23a1f7b22bdc2f0f962d&t=1794580842") center no-repeat;background-size: 40px 40px}
.product_bottom .arrow.arrowl:hover {background: url("/templets/images/prev3.png?sign=ad13d25afb8a8263a27dd6592982d066&t=1794580842") center no-repeat;background-size: 40px 40px}
.product_bottom .arrow.arrowr {background: url("/templets/images/next2.png?sign=cc34d74cf5e1614d0e269c42390cefaf&t=1794580842") center no-repeat;background-size: 40px 40px}
.product_bottom .arrow.arrowr:hover {background: url("/templets/images/next3.png?sign=7a07836593f90694b416d44443db9fa7&t=1794580842") center no-repeat;background-size: 40px 40px}
.product_bottom .product_btn {border-top: 1px solid #eee;text-align: center;padding-top: 70px}
.product_bottom .product_btn a {display: inline-block;height: 40px;border: 2px solid #e62129;line-height: 40px;width: 204px;-webkit-border-radius: 40px;-moz-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;margin: 0 15px}
.product_bottom .product_btn a:hover {background: #e62129;color: #fff}

.sendbox{display: none;}
.reveal-modal-bg {position: fixed;background: rgba(0,0,0,0.4);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#66000000', endcolorstr='#66000000');z-index: 1000;display: none;top: 0;bottom: 0;right: 0;left: 0;margin: auto}
.reveal-modal {visibility: hidden;top: 15%;left: 50%;margin-left: -300px;width: 600px;background: #fff;position: fixed;z-index: 9999;}
.jDialog .jDialog-content {padding: 15px 20px;position: relative}
.jDialog .close {position: absolute;top: 15px;right: 20px;width: 20px;height: 20px;cursor: pointer;background: url("/templets/images/d_close.png?sign=381f666ded08a23478f9c30365528fda&t=1794580842") center center no-repeat}
.jDialog .close:hover {background: url("/templets/images/d_close_h.png?sign=038ac279941b37aa6bdb46957549c752&t=1794580842") center center no-repeat}
.jDialog h2 {color: #e62129;font-size: 30px;text-align: center;line-height: 2;padding-top: 13px;border-bottom: 1px solid #ccc}
.jDialog form ul {padding: 30px 0 20px}
.jDialog form ul:after {clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden}
.jDialog form ul li {float: left;width: 240px}
.jDialog form ul li:last-child {padding-left: 39px;margin-left: 40px;border-left: 1px solid #ccc;height: 130px}
.jDialog form ul li:last-child h3 {color: #e62129;font-size: 20px;margin-top: -6px;line-height: 2}
.jDialog form ul li:last-child h3.form-title-cn {font-weight: bold;font-size: 24px;margin-top: 0;padding-top: 13px}
.jDialog form ul li:last-child li input {margin: 8px 5px 0 0;width: 13px;height: 13px;float: left}
.jDialog form ul li:first-child {text-align: center}
.jDialog form ul li:first-child h3 {color: #e62129;font-size: 24px;line-height: 2}
.jDialog form h3 {text-align: center;line-height: 1;margin-bottom: 25px}
.jDialog form input {border: 1px solid #aaa;padding: 0 10px;height: 44px;margin-bottom: 8px;color: #555}
.jDialog form textarea {border: 1px solid #aaa;padding: 0 10px;height: 44px;margin-bottom: 8px;color: #555}
.jDialog form .intxt {width: 538px}
.jDialog form .code {width: 320px}
.jDialog form .coolbg {width: 200px;position: relative;left: 50%;margin-left: -100px;height: 46px;color: #fff;background: #e62129;line-height: 46px;cursor: pointer}
.jDialog form .coolbg:hover {font-weight: bold}
.jDialog p {text-align: center;font-size: 18px;border-top: 1px solid #ccc;margin-top: 20px;padding-top: 10px}
.jDialog p a {color: #e62129}
.jDialog p a:hover {color: #aaa}
.pic{overflow: hidden;}
.pic img{max-width: 100%}
a:hover .pic img{transform: scale(1.09);}

.clearfix:before,.clearfix:after,.ovh:before,.ovh:after{content: '';clear: both;display:table;line-height: 0;}

.newContact {width: 100%;border-bottom: 1px solid #eee;padding: 80px 0;}
.newContact .wrap h1 {font-size: 26px;color: #e62129;font-weight: bold;line-height: 2.2;text-align: center;}
.contact_foot {margin: 75px 0;}
.contact_foot li {position: relative;width: 255px;min-height: 123px;float: left;margin-right: 10px;background: #f6f7fb;text-align: center;padding: 70px 23px 30px;line-height: 28px;}
.contact_foot li:last-child {margin: 0}
.contact_foot li.address i {background: #e62129 url("/templets/images/location.png?sign=72cb93a561f6bc5a3b4df2af7aad8c87&t=1794580842") center center no-repeat}
.contact_foot li.tel i {background: #e62129 url("/templets/images/tel-icon2.png?sign=99a33558d32f8c70a908740a9a4f6b6f&t=1794580842") center center no-repeat}
.contact_foot li.fax i {background: #e62129 url("/templets/images/fax.png?sign=bcebd1e0b7f460ee3ae4db6494c3907a&t=1794580842") center center no-repeat}
.contact_foot li.ctp i {background: #e62129 url("/templets/images/ci.png?sign=8d28ed0da4218457775ca4dea19a9079&t=1794580842") center center no-repeat}
.contact_foot li.email i {background: #e62129 url("/templets/images/ci4.png?sign=5371ba92b196b09793a85831b1c2009a&t=1794580842") center center no-repeat}
.contact_foot li i {display: block;position: absolute;width: 80px;height: 80px;top: -40px;left: 50%;margin-left: -40px;border-radius: 50%}
.map img{max-width: 100%}
.map.cn .en{display: none;}
.map.en .cn{display: none;}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}



/*固定侧边拦*/
.float-right-box{
  width: 250px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -127px;
  background-color: #e62129;
  z-index: 1000;
  transition: width 0.3s ease 0s;
}
.float-right-box.on{
  width: 50px;
}
.float-right-box .top-list{
    width: 100%;
}
.float-right-box .top-list ul{
  width: 100%;
}
.float-right-box .top-list li{
  width: 100%;
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,.2);
  transition: background .12s ease 0s;
  height: 50px;
}
.float-right-box .top-list li span{height: 50px;display: block;overflow: hidden;}
.float-right-box .top-list a{
  display: block;
  width: 100%;
}
.float-right-box .top-list .ico{
  display: inline-block;
  width: 50px;
  height: 49px;
  position: absolute;
  right: 0;
  top: 0;
  transition: background .12s ease 0s;
  z-index: 2;
}
.float-right-box .top-list .ico1{
  background: url("/templets/images/ico_58.png?sign=8a3242f3a9a83970e64e01b769da4100&t=1794580842") no-repeat center #e62129;
}
.float-right-box .top-list .ico2{
  background: url("/templets/images/ico_59.png?sign=d1b1fdea44947dde9184beab25d3f2cd&t=1794580842") no-repeat center #e62129;
}
.float-right-box .top-list .ico3{
  background: url("/templets/images/ico_60.png?sign=9dd60d5518e0dd4ea0b21ffe98171753&t=1794580842") no-repeat center #e62129;
}
.float-right-box .top-list .ico4{
  background: url("/templets/images/ico_61.png?sign=8dd47d3d510788a22dfca7274a92e7fa&t=1794580842") no-repeat center #e62129;
}
.float-right-box .top-list .ico5{
  background: url("/templets/images/ico_62.png?sign=a5ec17be770ea08c3d2f87a3ca869de4&t=1794580842") no-repeat center #e62129;
}
.float-right-box .top-list .ico6{
  background: url("/templets/images/wechaticon.png?sign=6e6a81999470328596cb9381d62bb3b3&t=1794580842") no-repeat center #e62129;
}
.float-right-box .top-list .ico7{
  background: url("/templets/images/ico_69.png?sign=b74e9c082e28db7e21c20c4680d41d8e&t=1794580842") no-repeat center #e62129;
}
.float-right-box .top-list .stt{
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  transition: color .12s ease 0s;
  position: absolute;
  left: 28px;
  top: 0;
  z-index: 1;
  width: 222px;
}
.float-right-box .top-list li:hover .stt{
  color: #15191e;
}
.float-right-box .top-list li:hover .ico1{
  background: url("/templets/images/ico_58_h.png?sign=5491dd25c1f8c0e1a5d426be962078f7&t=1794580842") no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico2{
  background: url("/templets/images/ico_59_h.png?sign=5c30a496787a5ff865a3ec83feabadf8&t=1794580842") no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico3{
  background: url("/templets/images/ico_60_h.png?sign=3d9eceb1ce8967880085ae4d4036e80a&t=1794580842") no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico4{
  background: url("/templets/images/ico_61_h.png?sign=23ee656654cfea20574a2191e418ae13&t=1794580842") no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico5{
  background: url("/templets/images/ico_62_h.png?sign=eb79d132d19a244685ce8a0c7b8f3c02&t=1794580842") no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico6{
  background: url("/templets/images/wechaticon_on.png?sign=a575b36bb34510993171bb47c2d5913c&t=1794580842") no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico7{
  background: url("/templets/images/ico_69_h.png?sign=cca63ff105abf09a023ee07e5a38dca0&t=1794580842") no-repeat center #fff;
}
.float-right-box .top-list li:hover{
  background-color: #fff;
  
}

.float-right-box .top-list li:hover .img{opacity: 1;visibility:visible;transform:scale(1)}

.float-right-box .top-list .return-webtop .stt{
  font-family: "Arial"; text-align: left;
  font-weight: bold;
}
.float-right-box .bot-share{
  position: relative;
  height: 50px;
}
.float-right-box .bot-share a{
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background .12s ease 0s;
  margin: 0;
  padding: 0;
}
.float-right-box .bot-share .share{
  width: 250px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.float-right-box .bot-share .sina{
  background: url("/templets/images/ico_63.png?sign=c97f3f4a3970c2784461ca06ef53825d&t=1794580842") no-repeat center;
}
.float-right-box .bot-share .wx{
  background: url("/templets/images/ico_64.png?sign=c93e1cf231aa1ae34c5f8d1253512090&t=1794580842") no-repeat center;
}
.float-right-box .bot-share .tx{
  background: url("/templets/images/ico_65.png?sign=d87ebfcbcabd37ad421941effde4151c&t=1794580842") no-repeat center;
}
.float-right-box .bot-share .more{
  background: url("/templets/images/ico_66.png?sign=89ba52213e9777e80da4bdc406bba334&t=1794580842") no-repeat center;
}
.float-right-box .bot-share a:hover{
  background-color: #525354;
}
.float-right-box .bot-share .share-ico{
  background: url("/templets/images/ico_67.png?sign=8fa30632a05a38dfee10cd1ee30e6c0a&t=1794580842") no-repeat center #e62129;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: absolute; top: 0; right: 0;
}


/*slider*/
#wechat .img{
 position: absolute;right: 250px;visibility: hidden;opacity: 0;transform:scale(0);width: 121px;height: 121px;transition: all .12s;top: 50%;margin-top: -60px;
}
#wechat .img img{width: 121px;height: 121px;vertical-align: top;}
#wechat .img2{right:321px;}
#wechat p{ float: left; display: block; width: 100%; background-color: #fff;color:#000; text-align: center;}

.float-right-box .top-list li:hover #wechat .img{visibility: visible;opacity: 1;transform:scale(1);}

.culture.cn .en{display: none;}
.culture.en .cn{display: none;}
.culture{background-color: #fafafa;padding-bottom:180px;background-image: url("/templets/images/cul.jpg?sign=6f2136b330247296f4e53cd7b8ea17c2&t=1794580842") ;
font-size: 20px;color: #333;
  background-position: bottom center;background-repeat: no-repeat;}
  .culture.en{padding-bottom: 100px}
.culture .wrap h2{font-size: 40px;font-weight: 800;color: #000;padding: 2em 0}
.culture .wrap ul{margin: 0 -15px;}
.culture .wrap ul li{padding: 0 15px;width: 50%;float: left;box-sizing: border-box;line-height: 2;}
.culture.en .wrap ul li{width: 100%}
.culture .wrap ul li p+h3,.culture.en .wrap ul li+li{margin-top: 20px;}
.culture .wrap ul li h3{font-size: 25px;color: #000}

.product_main article table{width: 100%;border-collapse: collapse;border-spacing: 0;margin-bottom: 15px}
.product_main article table td{padding: 5px 7px;}

.product_main article .blue {display: none;}
.product_main article .blue,.product_main article .red {margin-bottom: 40px}