@import url("common.css");@import url("animate.css");body{background:#ffffff}.comtitle{overflow:hidden}.comtitle h2{line-height:1.1;font-size:26px;overflow:hidden;position:relative;text-align:center;color:#666666;display:-webkit-flex;display:flex;justify-content:center}.comtitle h3{line-height:1.1;font-size:18px;font-family:arial;overflow:hidden;position:relative;text-align:center;color:#999999;display:-webkit-flex;display:flex;justify-content:center;margin-top:10px}.comtitle p{position:relative;margin:0 auto;margin-top:15px;margin-bottom:1px;width:455px;height:1px;background:#e0e0e0}.comtitle p:before{content:"";display:block;width:50px;height:3px;background:#c8251e;position:absolute;left:0;right:0;top:-1px;margin:auto}.icategory{display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:center;margin-top:30px}.icategory a{overflow:hidden;margin:8px 10px;line-height:32px;border:1px solid #e0e0e0;padding:0 25px;-webkit-border-radius:16px;border-radius:16px;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;color:#666666}.icategory a:hover,.icategory a.on{background:#c8251e;color:#ffffff;border-color:#c8251e}.indexdesc{text-align:center;line-height:24px;color:#808080;max-width:1100px;min-width:740px;margin-left:auto;margin-right:auto;margin-top:20px;overflow:hidden}.indexdetail{overflow:hidden;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;margin-top:35px}.indexdetail a.more{background:#0766b2;color:#fff;font-family:arial;text-transform:upperproducts;padding:0 25px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-mz-border-radius:2px;line-height:40px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.indexdetail a.more::after{content:"\e659";margin-left:10px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.indexdetail a.more:hover{background:#c8251e}.productswrap{min-width:1100px;width:100%;padding:50px 0;overflow:hidden;background:#eee url(/cms/image/productsbg.png) no-repeat center center;background-size:cover}.productswrap .products{overflow:hidden;display:-webkit-flex;display:flex;margin-top:20px;flex-wrap:wrap;padding-bottom:10px}.productswrap .products .item{overflow:hidden;margin-right:2%;margin-top:20px;width:23.5%;border:solid 1px #f0f0f0;box-sizing:border-box;background:#ffffff;box-shadow:0 0 5px rgba(0,0,0,0.1)}.productswrap .products .mr40{margin-right:0}.productswrap .products .item a{display:block;overflow:hidden;height:100%;position:relative;z-index:1;transition:all 0.8s ease-in-out 0s}.productswrap .products .item a:before{background:#c8251e;content:"";height:1px;bottom:0;position:absolute;left:0;width:0%;transition:all 0.8s ease-in-out 0s}.productswrap .products .item a .im{display:block;overflow:hidden}.productswrap .products .item a .im span{display:block;overflow:hidden}.productswrap .products .item a .im span img{width:100%;overflow:hidden;transition:all 0.8s ease-in-out 0s}.productswrap .products .item a h3{overflow:hidden}.productswrap .products .item a h3 span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:10px 10px;overflow:hidden;font-size:14px;height:24px;line-height:24px;transition:all 0.3s ease-in-out 0s}.productswrap .products .item a p.ct{margin:0 10px 20px 10px;font-size:12px;color:#888888;line-height:24px;overflow:hidden;height:48px;text-align:justify;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.productswrap .products .item a:hover .im span img{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);overflow:hidden}.productswrap .products .item a:hover h3 span{color:#0766b2}.productswrap .products .item a:hover:before{width:100%}.aboutwrap{min-width:1100px;width:100%;padding:50px 0;overflow:hidden;background:#ffffff}.aboutwrap .about{overflow:hidden;margin-top:30px;background-color:#0766b2;padding:40px 40px;color:#ffffff;box-sizing:border-box}.aboutwrap .about h2{overflow:hidden;font-size:18px;font-weight:600}.aboutwrap .about .ct{line-height:24px;color:#ffffff;overflow:hidden;margin-top:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.aboutwrap .about .indexdetail{justify-content:flex-end}.aboutwrap .about .indexdetail a{border:solid 1px #ffffff}.slognwrap{overflow:hidden;background:#fbfbfb;padding:50px 20px 50px 20px}.slogn{overflow:hidden;display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;margin-top:0px}.slogn .item{width:23%;position:relative;padding-top:160px}.slogn .item .imgwrap{background:url(/cms/image/slbg.png) no-repeat center center;background-size:cover;width:120px;height:120px;overflow:hidden;margin:10px auto;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;position:absolute;left:50%;margin-left:-60px;top:20px}.slogn .item .imgwrap .img{background:url(/cms/image/sl.png) no-repeat center center;background-size:cover;overflow:hidden;font-weight:bold;width:110px;height:110px;margin:5px;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;color:#ffffff;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.slogn .item .imgwrap .img span{display:block;height:40px;line-height:40px;overflow:hidden;text-align:center;padding:0 10px;font-size:14px;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out}.slogn .item .ct{text-align:center;margin-top:10px}.slogn .item .imgwrap:hover{width:140px;height:140px;margin-left:-70px;top:10px;animation:rotation 1s 1;-ms-animation:rotation 1s 1;-moz-animation:rotation 1s 1;-webkit-animation:rotation 1s 1;-o-animation:rotation 1s 1}.slogn .item .imgwrap:hover .img{width:130px;height:130px}.slogn .item .imgwrap:hover .img span{font-size:16px}.aboutwrap .about .r{flex:1;overflow:hidden;position:relative;padding:30px 0 270px 0}.aboutwrap .about .r .kd{overflow:hidden;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center}.aboutwrap .about .r .kd .item{width:33.333333%;border-right:solid 1px #dddddd;box-sizing:border-box;padding:20px 10px}.aboutwrap .about .r .kd .item:last-child{border:0}.aboutwrap .about .r .kd .item p{overflow:hidden;display:-webkit-flex;display:flex;justify-content:center;align-items:baseline;color:#c8251e}.aboutwrap .about p span{overflow:hidden;font-size:72px}.aboutwrap .about .r .kd .item h2{overflow:hidden;color:#333333;text-align:center;height:40px;line-height:40px}.aboutwrap .aboutcategory{overflow:hidden;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;height:240px;width:100%}.aboutwrap .aboutcategory a{overflow:hidden;background-position:center center;background-size:cover;width:33.33333%;height:100%;background-repeat:no-repeat;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column}.aboutwrap .aboutcategory a h2{font-size:18px;color:#ffffff;font-weight:600;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out}.aboutwrap .aboutcategory a i{height:50px;font-size:50px;color:#ffffff;font-weight:600;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out}.aboutwrap .aboutcategory a:hover h2{font-size:24px}.aboutwrap .aboutcategory a:hover i{color:#c8251e;height:60px;font-size:60px}.aboutwrap .indexdetail a.more:hover{background:#c8251e;border-color:#c8251e}.link{flex:1}.link ul{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:10px 0}.link ul li{width:10%;margin-left:1%;text-overflow:ellipsis;white-space:nowrap}.link ul li a{background:none;padding-left:0}.newswrap{min-width:1100px;width:100%;padding:50px 0;overflow:hidden}.newswrap .news{overflow:hidden;display:-webkit-flex;display:flex;margin-top:35px;flex-wrap:wrap}.newswrap .news .pic{width:430px;overflow:hidden;margin-right:2%}.newswrap .news .list{flex:1;overflow:hidden;margin-top:-25px}.newswrap .news .list .item{overflow:hidden;margin-top:25px;border:solid 0px #f0f0f0;box-sizing:border-box}.newswrap .news .list .item a{display:-webkit-flex;display:flex;overflow:hidden;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.newswrap .news .list .item a .date{width:100px;overflow:hidden;margin-right:10px;background:#efefef;display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.newswrap .news .list .item a .date em{font-size:30px;color:#808080;display:-webkit-flex;display:flex;align-items:center;padding:4px 0;text-align:center;font-family:arial;flex:1;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.newswrap .news .list .item a .date span{display:block;font-size:14px;color:#999999;background:#e6e6e6;padding:4px 0;text-align:center;font-family:arial;width:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.newswrap .news .list .item a .info{flex:1;overflow:hidden}.newswrap .news .list .item a h3{overflow:hidden}.newswrap .news .list .item a h3 span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;height:24px;line-height:24px;transition:all 0.3s ease-in-out 0s;color:#666666;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.newswrap .news .list .item a p.ct{margin-top:10px;font-size:14px;color:#808080;line-height:22px;overflow:hidden;height:44px;text-align:justify;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.newswrap .news .pic a{display:block;overflow:hidden;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.newswrap .news .pic a p.im{overflow:hidden}.newswrap .news .pic a p.im span{display:block;overflow:hidden}.newswrap .news .pic a p.im span img{width:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.newswrap .news .pic a h3{overflow:hidden;margin-top:10px}.newswrap .news .pic a h3 span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;height:24px;line-height:24px;transition:all 0.3s ease-in-out 0s;color:#666666;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.newswrap .news .pic a p.ct{margin-top:5px;font-size:14px;color:#808080;line-height:22px;overflow:hidden;height:44px;text-align:justify;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.newswrap .news .pic a:hover p.im span img{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);overflow:hidden}.newswrap .news .list .item a:hover .date{background:#0766b2}.newswrap .news .list .item a:hover .date em{color:#ffffff}.newswrap .news .list .item a:hover .date span{background:#1b6bb8;color:#ffffff}.newswrap .news .list .item a:hover h3 span,.newswrap .news .pic a:hover h3 span{color:#0766b2}.newswrap .news .item a:hover:before{width:100%}.whywrap{min-width:1100px;width:100%;padding:50px 0;overflow:hidden;background:#fff url(/cms/image/whybg.png) no-repeat center bottom;background-size:cover}.whywrap .whyout{overflow:hidden;margin-top:50px;position:relative}.whywrap .why{width:600px;margin:0 auto;overflow:hidden}.whywrap .why .img{width:600px;height:580px;overflow:hidden;background:url(/cms/image/why.png) no-repeat center bottom;margin:0 auto}.whywrap .item{position:absolute;overflow:hidden;display:-webkit-flex;display:flex;justify-content:space-between;z-index:10;align-items:center}.whywrap .item .icon{width:100px;overflow:hidden;box-sizing:border-box}.whywrap .item .icon span{width:100px;height:100px;display:flex;overflow:hidden;border-radius:100%;border:solid 3px grey;box-sizing:border-box;background:#ffffff;justify-content:center;align-items:center;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.whywrap .item .icon span i{font-size:60px;color:grey;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.whywrap .item .ct{flex:1;overflow:hidden;line-height:24px;justify-content:center;text-align:center;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}.whywrap .lt{right:50%;top:50px;margin-right:150px}.whywrap .lt .icon{margin-left:20px}.whywrap .rt{left:50%;top:50px;margin-left:150px}.whywrap .rt .icon{margin-right:20px}.whywrap .lb{right:50%;bottom:50px;margin-right:150px}.whywrap .lb .icon{margin-left:20px}.whywrap .rb{left:50%;bottom:50px;margin-left:150px}.whywrap .rb .icon{margin-right:20px}.whywrap .item:hover .icon span{border-color:#c8251e}.whywrap .item:hover .ct{color:#0766b2}.whywrap .item:hover .icon span i{color:#0766b2}@keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-ms-keyframes rotation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-o-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}