@charset "utf-8";
@import url(base.css);
/* 头部 */
.fl_padding{padding: 0 12%;box-sizing: border-box;}
.fl_paddings{padding: 0 18.5%;box-sizing: border-box;}
.header{width: 100%;height: 80px;background: transparent;position: absolute;z-index: 1000;}
.headercon{width: 100%;height: 80px;}
.headerlogo{float: left;padding-top: 15px;box-sizing: border-box;}
.headerlogo a{display: block;font-size:32px;color:#fff;font-weight:500;}
.headerlogo a img{display: block;}
.headeright{float: right;}
.headernav{float: left;}
.headernav ul li{float: left;margin-right: 52px;position: relative;}
.headernav ul li>a{display: block;font-size: 16px;color: #fff;font-weight: 400;line-height: 80px;}
.headernavs{width: max-content;padding: 10px 0;background: #e6e6e6;position: absolute;top: 80px;left: 50%;border-radius: 0 0 4px 4px;transform: translateX(-50%);
box-shadow: 0 4px 8px rgba(0,0,0,.08);display: none;}
.headernavs a{font-size: 16px;color: #333;text-align: center;display: block;line-height: 30px;margin-bottom: 4px;padding: 0 18px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.headernavs a:last-child{margin-bottom: 0;}
.headernavs a:hover{color: #fff;background: #1C64E4;}
.headersearch{float: left;position: relative;padding-top: 22px;box-sizing: border-box;}
.headersearch input{border: 0;border-bottom: 1px solid #FFFFFF;height: 35px;font-size: 14px;color: #fff;width: 170px;outline: none;
background: transparent;padding-right: 45px;box-sizing: border-box;}
.headersearch input::-webkit-input-placeholder {color: #fff;}
.headersearch input:-moz-placeholder {color:#fff;}
.headersearch input::-moz-placeholder {color:#fff;}
.headersearch input:-ms-input-placeholder {color:#fff;}
.headersearch button{width: 35px;height: 34px;background: url(../images/search.png) center no-repeat;border: 0;outline: none;
position: absolute;top: 22px;right: 0;}
/* 首页banner */
.banner{width: 100%;height: 100%;position: relative;}
.mbanner{display: none;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;overflow: hidden;}
.bannercon ul li a{display: block;width: 100%;}
.bannercon ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.bannertext{position: absolute;top: 50%;left: 11%;transform: translateY(-50%);}
.bannertext h5{font-size: 54px;color: #FFFFFF;font-weight: 700;line-height: 75px;margin-bottom: 30px;letter-spacing: 10px;transform: translateY(-200%);opacity: 0;}
.bannertext h4{font-size: 28px;color: #FFFFFF;font-weight: 400;line-height: 50px;margin-bottom: 45px;letter-spacing: 4px;transform: translateY(-200%);opacity: 0;}
.bannertext p{font-size: 22px;color: #FFFFFF;font-weight: 200;line-height: 33px;max-width: 510px;text-transform:uppercase;margin-bottom: 45px;}
.bannertext span{display: block;width: 150px;height: 40px;background: #fff;border-radius: 2px;background: #fff;font-size: 16px;font-weight: 400;color: #1C64E4;
line-height: 40px;text-align: center;transform: scale(0);opacity: 0;}
.bannertexted h5{transform: translateY(0%);opacity:1;-webkit-transition:all  1s ease-out;transition:all 1s ease-out;}
.bannertexted h4{transform: translateY(0%);opacity:1;-webkit-transition:all  1s ease-out;transition:all 1s ease-out;}
.bannertexted span{transform: scale(1);opacity:1;-webkit-transition:all  1s ease-out;transition:all 1s ease-out;}
.bannerdian{bottom: 30px !important;overflow: hidden !important;}
.bannerdian .swiper-pagination-bullet{width: 14px !important;height: 14px;border-radius: 50% !important;background: #fff !important;opacity: 0.65 !important;
margin: 0 6px !important;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-size: 0;border: 0;overflow: hidden;}
.bannerdian .swiper-pagination-bullet-active{opacity: 1 !important;width: 64px !important;border-radius: 25px !important;}
.bannercon .bannernext{background: url(../images/right.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;right: 6% !important;border-radius: 50%;}
.bannercon .bannerprev{background: url(../images/left.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;left: 6% !important;border-radius: 50%;}
/* 首页解决方案 */
.incase{width: 100%;background: #fff;}
.incasecon{width: 100%;padding: 75px 0;box-sizing: border-box;}
.incasecontitle{width: 100%;margin-bottom: 40px;}
.incasecontitle h4{text-transform:uppercase;font-size: 40px;color: #F1F1F1;font-weight: 500;line-height: 37px;text-align: center;}
.incasecontitle h5{font-size: 34px;color: #333;font-weight: 500;line-height: 38px;text-align: center;margin-bottom: 10px;}
.incasecontitle p{font-size: 16px;color: #666;font-weight: 400;line-height: 20px;text-align: center;}
.incaseconbut{width: 100%;position: relative;}
.incaseconlist{width: 100%;padding: 10px 0 0 0;box-sizing: border-box;overflow: hidden;}
.incaseconlist ul li{float: left;overflow: hidden;}
.incaseconlist ul li a{display: block;}
.incaseconlist ul li a>img{display: block;width: 100%;}
.incasebox{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.incaseboxup{width: 100%;position: absolute;top: -100px;left: 0;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.incaseboxup p{display: block;font-size:24px;color:#fff;text-align:center;font-weight:500;}
.incaseboxup p img{display: block;margin: 0 auto;}
.incaseboxbut{width: 100%;padding: 0 20px;box-sizing: border-box;position: absolute;bottom: -100%;left: 0;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.incaseboxbuts{bottom: 7%;}
.incaseboxbut h5{font-size: 22px;color: #fff;font-weight: 500;line-height: 28px;text-align: center;margin-bottom: 10px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.incaseboxbut p{font-size: 16px;color: #fff;font-weight: 500;line-height: 22px;text-align: center;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.incaseboxbut i{display: block;width: 24px;height: 2px;background: #fff;margin: 15px auto;}
.incaseboxbut span{display: block;font-size: 16px;color: #fff;text-align: center;font-weight: 400;line-height: 20px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.incaseconlist ul li:hover{transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;transform: translateY(-10px);}
.incaseconlist ul li:hover .incasebox{background: rgba(0,43,96,0.8);}
.incaseconlist ul li:hover .incaseboxup{top: 10%;}
.incaseconlist ul li:hover .incaseboxbut{bottom: 7%;}
.incaseconlist ul li:hover .incaseboxbuts{bottom: -50%;opacity: 0;}
.incaseconbut .casenext{background: url(../images/rights.png) center no-repeat;width: 40px;height: 40px;position: absolute;top: -14% !important;
z-index: 100;cursor: pointer;right: 0 !important;}
.incaseconbut .caseprev{background: url(../images/lefts.png) center no-repeat;width: 40px;height: 40px;position: absolute;top: -14% !important;
z-index: 100;cursor: pointer;right: 40px !important;left: auto !important;}
.incaseconbut .more{width: 130px;height: 40px;text-align: center;line-height: 40px;margin: 45px auto 0;display: block;font-size: 16px;color: #fff;
background: #002B60;border-radius: 2px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.incaseconbut .more:hover{box-shadow: 0 5px 10px rgba(0,43,96,0.3);}
/* footer */
.footer{width: 100%;background: #303437;}
.footercon{width: 100%;padding: 70px 10px 60px 10px;box-sizing: border-box;}
.footerconup{width: 100%;border-bottom: 1px solid #6A6A6A;padding-bottom: 16px;box-sizing: border-box;}
.footerconleft{float: left;width: 70%;}
.footerconleft ul li{float: left;width: 19%;margin-right: 1.25%;}
.footerconleft ul li:last-child{margin-right: 0;}
.footerconleft ul li h5{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 19px;}
.footerconleft ul li a{font-size: 14px;color: #C0C0C0;font-weight: 400;line-height: 20px;margin-bottom: 10px;display: table;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerconleft ul li a:last-child{margin-bottom: 0;}
.footerconleft ul li a:hover{color: #fff;margin-left: 2px;}
.footerconright{float: right;width: 30%;padding-left: 0.5%;box-sizing: border-box;}
.footerconright h6{font-size: 14px;color: #fff;font-weight: 400;line-height: 20px;}
.footerconright h4{font-size: 32px;color: #fff;font-weight: bold;line-height: 45px;margin-bottom: 10px;}
.footerconright h5{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 10px;}
.footerconright p{font-size: 14px;color: #fff;font-weight: 400;line-height: 20px;margin-bottom: 10px;}
.footerconright p:last-child{margin-bottom: 0;}
.footerconbut{width: 100%;padding-top: 50px;box-sizing: border-box;}
.footerconbutleft{float: left;width: 40%;}
.footerconbutleft h5{font-size: 16px;color: #fff;font-weight: 400;line-height: 22px;margin-bottom: 12px;}
.footerseach{width: 338px;position: relative;margin-bottom: 25px;}
.footerseach input{width: 338px;height: 40px;border: 1px solid #979797;box-sizing: border-box;padding: 0 60px 0 15px;box-sizing: border-box;font-size: 14px;color: #C0C0C0;
background: transparent;outline: none;}
.footerseach button{width: 38px;height: 38px;border: 0;outline: none;font-size: 14px;color: #E8E8E8;
position: absolute;top: 1px;right: 12px;background: transparent;}
.footerconbutleft .interest{font-size: 14px;color: #C0C0C0;font-weight: 400;line-height: 20px;margin-bottom: 8px;}
.footerconbutleft .putfile{font-size: 14px;color: #C0C0C0;font-weight: 400;line-height: 20px;}
.footerconbutleft .putfile i{display: inline-block;margin-right: 10px;vertical-align: -4px;}
.footerconbutleft .putfile i img{display: block;}
.footerconbutleft .putfile a{color: #C0C0C0;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerconbutleft .putfile a:hover{color: #fff;}
.footerconbutcon{float: left;width: 30%;padding-top: 55px;box-sizing: border-box;}
.footerconbutcon a{margin-right: 15%;display: inline-block;font-size: 0;}
.footerconbutcon a:last-child{margin-right: 0;}
.footerconbutright{float: right;padding-top: 19px;box-sizing: border-box;}
.footerwechat{width: 283px;height: 121px;background: #3F4143;padding: 10px 9px 9px 9px;box-sizing: border-box;}
.footerwechatimg{float: left;width: 102px;height: 102px;margin-right: 13px;}
.footerwechatimg img{display: block;}
.footerwechatext{float: left;padding-top: 20px;box-sizing: border-box;}
.footerwechatext p{font-size: 16px;color: #fff;line-height: 26px;font-weight: 400;}
/* 手机端导航 */
.nav{width: 100%;height: 60px;background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 2000;padding: 0 20px;box-sizing: border-box;display: none;}
.navleft{float: left;height:60px;line-height:60px;}
.navleft a{display: block;font-size: 24px;color:#fff;font-weight:500;}
.navleft a img{width: 80%;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;background: #fff;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #fff;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #002B60;}
.mobilebox .close{width: 100%;height: 68px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 24px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #0b56b9;}
.mobilelist>ul>li:first-child{border-top: 1px solid #0b56b9;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #407aab;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav{width: 100%;display: none;}
.mobilenav>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;border-top: 1px solid #eee;background: #5e83a2;}
.mobilenav>a:first-child{border-top: 0;}
.mobileseach{position: relative;padding-top: 22px;box-sizing: border-box;width: 80%;margin: 0 auto;}
.mobileseach input{border: 0;border: 1px solid #FFFFFF;height: 35px;font-size: 12px;color: #fff;width: 100%;outline: none;
background: transparent;padding-right: 45px;box-sizing: border-box;padding-left: 15px;border-radius: 2px;}
.mobileseach input::-webkit-input-placeholder {color: #fff;}
.mobileseach input:-moz-placeholder {color:#fff;}
.mobileseach input::-moz-placeholder {color:#fff;}
.mobileseach input:-ms-input-placeholder {color:#fff;}
.mobileseach button{width: 35px;height: 34px;background: url(../images/search.png) center no-repeat;border: 0;outline: none;
position: absolute;top: 22px;right: 0;}
/* 返回顶部 */
.backup{width: 60px;height: 40px;position: fixed;bottom: 8%;right: 60px;background: #ccc;cursor: pointer;font-size: 16px;text-align: center;line-height: 40px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;display: none;border-radius: 4px;display: none;z-index: 5000;}
.backup:hover{background: #105FAC;color: #fff;}
/* 新闻 */
.bannerbox{width: 100%;position: relative;}
.bannerbox img{display: block;width: 100%;margin: 0 auto;}
.bannerboxtitle{position: absolute;bottom: 22%;left: 11%;}
.bannerboxtitle h5{font-size: 36px;color: #fff;line-height: 50px;font-weight: 400;margin-bottom: 6px;}
.bannerboxtitle p{font-size: 24px;color: #fff;line-height: 32px;font-weight: 400;text-transform:uppercase;}
.new{width: 100%;background: #fff;}
.newcon{width: 100%;padding: 30px 0 75px 0;box-sizing: border-box;}
.htkg_navlist{width: 100%;margin-bottom: 40px;}
.htkg_navlist span{font-size: 16px;color: #666;font-weight: 500;}
.htkg_navlist strong{font-size: 16px;color: #666;font-weight: 500;}
.htkg_navlist a{font-size: 16px;color: #666;font-weight: 500;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.htkg_navlist a:hover{color: #1C64E4;}
.newnav{width: 100%;margin-bottom: 30px;}
.newnav ul li{float: left;background: #F5F5F5;min-width: 103px;height: 38px;text-align: center;line-height: 38px;border-radius: 2px;margin-bottom: 10px;
margin-right: 10px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;padding: 0 10px;box-sizing: border-box;}
.newnav ul li:last-child{margin-right: 0;}
.newnav ul li a{font-size: 16px;color: #666;display: block;}
.newnav ul li:hover{background: #002B60;}
.newnav ul li:hover a{color: #fff;}
.newnav ul .active{background: #002B60;}
.newnav ul .active a{color: #fff;}
.newlist{width: 100%;}
.newlistcon{width: 100%;}
.newlistcon ul li{float: left;width: 31.5%;margin-right: 2.75%;padding-bottom: 20px;box-sizing: border-box;margin-bottom: 30px;}
.newlistcon ul li:nth-child(3n){margin-right: 0;}
.newlistcon ul li a{display: block;}
.newimg{width: 100%;margin-bottom: 20px;overflow: hidden;}
.newimg img{display: block;width: 100%;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.newtext{width: 100%;}
.newtext span{display: block;font-size: 14px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: 400;line-height: 20px;
margin-bottom: 8px;}
.newtext h5{display: block;font-size: 18px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: 400;line-height: 25px;
margin-bottom: 8px;border-bottom: 1px solid #D8D8D8;padding-bottom: 18px;box-sizing: border-box;margin-bottom: 20px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newtext p{display: block;font-size: 14px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: 400;line-height: 17px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.newlistcon ul li:hover .newimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.newlistcon ul li:hover .newtext h5{color: #1C64E4;}
.newlistcon ul li:hover .newtext p{color: #1C64E4;}
/* 分页 */
.saspages{width: 100%;}
.saspages ul{display: table;margin: 0 auto;}
.saspages ul li{float: left;margin-right: 10px;}
.saspages ul li:last-child{margin-right: 0;}
.saspages ul li a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;padding: 6px 12px;box-sizing: border-box;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.saspages ul .active a{border-color: #002B60;background: #002B60;color: #fff;}
.saspages ul li:hover a{border-color: #002B60;background: #002B60;color: #fff;}
/* 新闻详情 */
.newlistxq{width: 100%;}
.newtitle{width: 100%;padding-bottom: 18px;box-sizing: border-box;border-bottom: 1px solid #D8D8D8;margin-bottom: 30px;}
.newtitle h4{font-size: 28px;color: #333;font-weight: 500;line-height: 40px;margin-bottom: 20px;}
.newtitle p{font-size: 14px;color: #C1C1C1;font-weight: 400;line-height: 20px;}
.newtitle p span{margin-right: 60px;}
.newtitle p span:last-child{margin-right: 0;}
.newtitle p span strong{font-weight: 400;}
.newconter{width: 100%;}
.newconter h5{font-size: 18px;color: #105FAC;font-weight: 400;line-height: 26px;margin-bottom: 10px;}
.newconter p{font-size: 14px;color: #666;font-weight: 400;line-height: 26px;margin-bottom: 20px;}
.newconter p img{display: block;margin: 0 auto;}
.newpage{width: 100%;padding-top: 20px;box-sizing: border-box;}
.newpage a{display: table;font-size: 16px;color: #666;font-weight: 400;line-height: 20px;margin-bottom: 10px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newpage a:last-child{margin-bottom: 0;}
.newpage a:hover{color: #1C64E4;}
/* 产品中心 */
.product{width: 100%;}
.productlist{width: 100%;margin-bottom: 30px;}
.productlist ul li{float: left;width: 24%;margin-right: 1.3%;margin-bottom: 30px;}
.productlist ul li:nth-child(4n){margin-right: 0;}
.productlist ul li a{display: block;}
.productimg{width: 100%;overflow: hidden;border: 1px solid #EDEDED;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productimg img{display: block;margin: 0 auto;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productext{width: 100%;background: #EEEEEE;height: 60px;padding: 0 10px;box-sizing: border-box;line-height: 60px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productext p{font-size: 18px;color: #333;font-weight: 400;text-align: center;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.productlist ul li:hover .productimg{border-color: #002B60;}
.productlist ul li:hover .productimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.productlist ul li:hover .productext{background: #002B60;}
.productlist ul li:hover .productext p{color: #fff;}
/* 产品中心详情 */
.productcon{width: 100%;margin-bottom: 20px;}
.productcon:last-child{margin-bottom: 0;}
.productup{width: 100%;margin-bottom: 40px;}
.productupleft{float: left;width: 31%;}
.productupleftimg{width: 100%;margin-bottom: 20px;}
.productupleftimg img{display: block;width: 100%;object-fit: cover;}
.productbut{width: 100%;padding: 0 58px;box-sizing: border-box;position: relative;}
.productbuted{width: 100%;}
.productbuted ul li{cursor: pointer;}
.productbut .pronext{background: url(../images/proright.png) center no-repeat;width: 30px;height: 30px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;right: 0 !important;margin-top:-15px;}
.productbut .proprev{background: url(../images/proleft.png) center no-repeat;width: 30px;height: 30px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;right: 40px !important;margin-top:-15px;}
.productupright{float: right;width: 69%;padding-top: 8%;padding-left: 5%;box-sizing: border-box;}
.productupright h5{font-size: 24px;color: #002B61;font-weight: 500;line-height: 33px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;border-bottom: 1px solid #D8D8D8;padding-bottom: 15px;box-sizing: border-box;margin-bottom: 20px;}
.productuptext{width: 100%;}
.productuptext p{font-size: 16px;color: #666;line-height: 32px;font-weight: 400;}
.addcpshop{display:block;width:160px;height:40px;font-size:14px;color:#fff;background:#202124;text-align:center;line-height:40px;margin-top: 32px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.addcpshop:hover{background:#002B60;}
.productbutton{width: 100%;}
.productbutton h5{font-size: 24px;color: #002B60;font-weight: 400;line-height: 28px;border-left: 6px solid #002B60;padding-left: 18px;box-sizing: border-box;
position: relative;margin-bottom: 20px;}
.productbutton h5::after{content: "";width: 86%;height: 1px;background: #D8D8D8;display: inline-block;margin-left: 3%;}
.productbuttontext{width: 100%;}
.productbuttontext p{font-size: 16px;color: #666;font-weight: 400;line-height: 32px;}
.productbuttonlast{width: 100%;padding-top: 40px;box-sizing: border-box;}
.productbuttonlast h6{font-size: 18px;color: #333;font-weight: 500;line-height: 28px;margin-bottom: 10px;}
.productbuttonlast p{font-size: 14px;color: #666;font-weight: 400;line-height: 32px;}
/* 解决方案 */
.solution{width: 100%;}
.solutioned{width: 100%;}
.solutioned ul li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.solutioned ul li:nth-child(3n){margin-right: 0;}
.solutioned ul li a{display: block;}
.soluimg{width: 100%;overflow: hidden;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;box-sizing:border-box;border-bottom:0;}
.soluimg img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.solutext{width: 100%;background: #F9F9F9;padding: 20px 35px;box-sizing: border-box;}
.solutext h5{font-size: 20px;color: #333;font-weight: 500;line-height: 28px;text-align: center;
box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.solutext p{font-size: 16px;color: #666;font-weight: 400;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;
min-height: 129px;max-height: 129px;margin-bottom: 54px;}
.solutext span{display: block;width: 144px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #666;border-radius: 4px;
background: #E5E5E5;font-weight: 400;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.solutioned ul li:hover .soluimg{border-color:#002B61;}
.solutioned ul li:hover .soluimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.solutioned ul li:hover .solutext{background:#002B61;}
.solutioned ul li:hover .solutext h5{color: #fff;}
.solutioned ul li:hover .solutext span{background: #002B61;color: #fff;}
/* 解决方案详情 */
.solutionxq{width: 100%;}
.solutionxqtitle{width: 100%;}
.solutionxqtitle h5{font-size: 28px;color: #333;font-weight: 500;line-height: 40px;border-bottom: 1px solid #D8D8D8;box-sizing: border-box;padding-bottom: 20px;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.solutionxqcon{width: 100%;padding-top: 30px;box-sizing: border-box;}
.solutionxqcon h5{font-size: 18px;color: #105FAC;font-weight: 500;line-height: 26px;margin-bottom: 10px;}
.solutionxqcon p{font-size: 14px;color: #666;font-weight: 400;line-height: 26px;margin-bottom: 20px;}
.solutionxqcon p img{display: block;margin: 0 auto;}
.solutionxqcon p:last-child{margin-bottom: 0;}
/* 联系我们 */
.newconus{padding-bottom: 0;}
.contactusnav{width: 100%;padding: 0 15%;box-sizing: border-box;border-bottom: 1px solid #DEDEDE;}
.contactusnav ul li{float: left;text-align: center;}
.contactusnav ul li a{font-size: 16px;color: #333;font-weight: 400;position: relative;padding-bottom: 28px;box-sizing: border-box;display: table;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin: 0 auto;}
.contactusnav ul li a::before{content: '';width: 0%;height: 4px;background: #105FAC;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.contactusnav ul .active a{color: #105FAC;}
.contactusnav ul .active a::before{width: 200%;}
.contactusnav ul li a:hover{color: #105FAC;}
.contactusnav ul li a:hover::before{width: 200%;}
.contactuscon{width: 100%;padding-top: 75px;padding-bottom: 70px;box-sizing: border-box;}
.contactuscon ul li{float: left;width: 25%;position: relative;}
.contactuscon ul li::before{content: '';width: 1px;height: 108px;background: #DEDEDE;position: absolute;top: 1px;right: 0;}
.contactuscon ul li:last-child::before{display: none;}
.contactusimg{display: block;width: 24px;height: 24px;margin: 0 auto 19px;}
.contactusimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.contactuscon ul li p{font-size: 16px;color: #333;text-align: center;font-weight: 400;line-height: 22px;margin-bottom: 9px;}
.contactuscon ul li .tcontactall{font-size: 20px;color: #DD0E0E;font-weight: 500;line-height: 28px;text-align: center;}
.contactuscon ul li .contactemail{font-size: 16px;color: #333;font-weight: 400;line-height: 22px;text-align: center;}
.contactuscon ul li .contactdizhi{font-size: 16px;color: #666;font-weight: 400;line-height: 22px;text-align: center;max-width: 200px;margin: 0 auto;}
.conmap{width: 100%;}
.conmap img{display: block;margin: 0 auto;}
/* 人才招聘 */
.recruited{background: #F1F1F1;}
.recruit{width: 100%;}
.recruitup{width: 100%;}
.recruitup ul li{width: 100%;}
.recruitleft{width: 50%;background: #fff;}
.recruitext{max-width: 425px;}
.recruitext h4{font-size: 34px;color: #333;font-weight: 500;line-height: 48px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.recruitext i{display: block;width: 50px;height: 4px;background: #002B60;margin: 14px 0 19px 0;}
.recruitext p{font-size: 16px;color: #666;font-weight: 400;line-height: 24px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.recruitright{width: 50%;overflow: hidden;}
.recruitright img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.recruitup ul li:hover .recruitright img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.recruitcon{width: 100%;}
.recruitconer{width: 100%;padding: 12% 0 18% 0;box-sizing: border-box;}
.recruitconer h4{font-size: 42px;color: #fff;text-align: center;line-height: 45px;letter-spacing: 2px;}
.recruitconer i{display: block;width: 78px;height: 4px;background: #fff;margin: 32px auto 42px;}
.recruitconer p{font-size: 18px;color: #fff;font-weight: 400;line-height: 34px;text-align: center;}
.recruitlist{width: 100%;}
.recruitlistitle{width: 100%;padding-top: 40px;box-sizing: border-box;border-bottom: 1px solid #EAEAEA;}
.recruitlistitle p{float: left;width: 20%;height: 50px;line-height: 50px;font-size: 18px;color: #333;font-weight: 400;text-align: center;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.recruitlistitle p:nth-child(2){text-align: left;padding-left: 5%;box-sizing: border-box;}
.recruitlistitle p:nth-child(3){text-align: left;padding-left: 5%;box-sizing: border-box;}
.recruitlistcon{width: 100%;padding-bottom: 75px;box-sizing: border-box;}
.recruitlistconter{width: 100%;margin-bottom: 50px;}
.recruitlisted{width: 100%;border-bottom: 1px solid #EAEAEA;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.recruitlisted p{float: left;width: 20%;height: 80px;line-height: 80px;font-size: 16px;color: #666;font-weight: 400;text-align: center;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.recruitlisted p:nth-child(2){text-align: left;padding-left: 5%;box-sizing: border-box;}
.recruitlisted p:nth-child(3){text-align: left;padding-left: 5%;box-sizing: border-box;}
.recruitlisted p a{display: block;width: 118px;height: 32px;background: #D8D8D8;line-height: 32px;font-size: 16px;color: #fff;margin: 24px auto 0;
border-radius: 2px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.recruitlisted p a i{display: inline-block;margin-left: 10px;}
.recruitlisted p a i img{display: block;}
.recruitlisted:hover{background: #F1F1F1;}
.recruitlisted:hover p a{background: #002B60;}
/* 招聘详情 */
.recruitxq{width: 100%;}
.recruitxqtitle{width: 100%;border-bottom: 1px solid #EAEAEA;padding-bottom: 45px;box-sizing: border-box;}
.recruitxqtitle ul li{float: left;width: 25%;position: relative;}
.recruitxqtitle ul li::before{content: '';width: 1px;height: 100%;position: absolute;top: 0;right: 0;background: #EAEAEA;}
.recruitxqtitle ul li:last-child::before{display: none;}
.recruitxqtitle ul li p{font-size: 18px;color: #666;font-weight: 400;line-height: 25px;margin-bottom: 15px;}
.recruitxqtitle ul li h5{font-size: 24px;color: #333;font-weight: 400;line-height: 33px;}
.recruitxqcon{width: 100%;padding-top: 40px;box-sizing: border-box;padding-bottom: 50px;}
.recruitxqcon h5{font-size: 18px;color: #333;font-weight: 400;line-height: 25px;margin-bottom: 20px;padding-top: 30px;box-sizing: border-box;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.recruitxqcon h5:first-child{padding-top: 0;}
.recruitxqcon p{font-size: 16px;color: #666;font-weight: 400;line-height: 32px;}
.recruitxqlast{width: 100%;}
.recruitxqlast a{float: left;display: block;width: 130px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #666;
background: #D8D8D8;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 4px;margin-right: 20px;}
.recruitxqlast a:first-child{background: #002B60;color: #fff;}
.recruitxqlast a:last-child{margin-right: 0;}
.recruitxqlast a:hover{background: #002B60;color: #fff;box-shadow: 0 3px 10px rgba(0,43,96,0.35);}
/* 申请职位弹层 */
.apply{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 5000;display: none;}
.applybj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.5);}
.applybox{width: 780px;background: #fff;border-radius: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.applytitle{width: 100%;height: 50px;border-bottom: 1px solid #EAEAEA;padding: 0 20px;box-sizing: border-box;}
.applytitle h5{font-size: 16px;color: #333;font-weight: 500;line-height: 50px;float: left;}
.applytitle i{float: right;width: 28px;height: 28px;margin-top: 10px;cursor: pointer;}
.applytitle i img{display: block;}
.applycon{width: 100%;padding: 5% 10%;box-sizing: border-box;}
.applycon ul li{width: 100%;margin-bottom: 20px;}
.applycon ul li:last-child{margin-bottom: 0;}
.applycon ul li span{float: left;font-size: 14px;color: #333;font-weight: 500;line-height: 40px;margin-right: 20px;width: 10%;text-align: right;}
.applycon ul li span i{color: red;}
.applycon ul li input[type='text']{width: 80%;height: 40px;padding: 0 20px;box-sizing: border-box;
outline: none;font-size: 14px;color: #333;border-radius: 4px;border: 1px solid #eaeaea;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.applycon ul li input[type='text']:focus{border-color: #002B60;}
.authenticationlist{float: left;padding-top: 8px;box-sizing: border-box;}
.authenticationlist label{float: left;cursor: pointer;margin-right: 48px;}
.authenticationlist input[type="radio"]{display: none;}
.authenticationlist label i{width: 16px;height: 16px;background: url(../images/j_w.png) no-repeat;background-size: 100% 100%;
float: left;margin-top: 4px;border-radius: 50%;}
.authenticationlist label input[type="radio"]:checked + i{background: url(../images/j_xz.png) no-repeat;background-size: 100% 100%;}
.authenticationlist label p{float: left;font-size: 16px;color: #666666;font-weight:400;margin-left: 10px;}
.jianli{float: left;width: 80%;}
.jianlicon{width: 100%;}
.jianlicon .change_btn{display: inline-block;width: 109px;height: 38px;border: 1px solid #D8DCE6;border-radius: 4px;font-size: 14px;color: #606266;
background: transparent;margin-right: 16px;position: relative;text-align: center;line-height: 38px;float: left;}
.jianlicon .change_btn input{position: absolute;top: 0;left: 0;font-size: 0;cursor: pointer;width: 100%;opacity: 0;height: 100%;}
.applycon ul li .jianliinp{width: 73% !important;float: left;border: 0 !important;}
.jianli p{font-size: 12px;color: #666;font-weight: 200;padding-top: 8px;box-sizing: border-box;}
.applycon ul .yanzheng input{width: 40% !important;float: left;margin-right: 10px;}
.applycon ul .yanzheng button{width: 100px;height: 40px;border: 0;background: transparent;float: left;outline: none;}
.applycon ul .yanzheng button img{display: block;width: 100%;height: 100%;object-fit: cover;}
.applycon ul .applylast{padding-left: 13.2%;box-sizing: border-box;padding-top: 20px;}
.applycon ul .applylast button{float: left;width: 120px;height: 40px;margin-right: 20px;outline: none;background: #002B60;font-size: 14px;color: #fff;
border: 0;border-radius: 4px;box-sizing: border-box;}
.applycon ul .applylast button:last-child{margin-right: 0;border: 1px solid #002B60;color: #002B60;background: transparent;}
/* 生产加工 */
.newconed{padding-bottom: 30px;}
.production{width: 100%;}
.productionup{width: 100%;margin-bottom: 50px;}
.productionupcon{width: 100%;}
.productiontitle{width: 100%;margin-bottom: 50px;overflow: hidden;}
.productiontitles{margin-bottom: 30px;}
.productiontitle h5{font-size: 32px;color: #333;font-weight: 500;line-height: 45px;text-align: center;}
.productionupleft{width: 44%;overflow: hidden;}
.productionupleftimg{width: 100%;overflow: hidden;}
.productionupleftimg img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productionupleftfight{width: 56%;border: 1px solid #D8D8D8;box-sizing: border-box;border-left: 0;overflow: hidden;}
.productionupleftfight ul{width: 100%;}
.productionupleftfight ul li{float: left;width: 33.3%;margin-bottom: 8%;}
.productionupleftfight ul li:nth-child(4){margin-bottom: 0;} 
.productionupleftfight ul li:nth-child(5){margin-bottom: 0;}
.productionupleftfight ul li:nth-child(6){margin-bottom: 0;}
.productionupleftfight ul li h5{font-size: 18px;color: #333;font-weight: 500;border-bottom: 1px solid #D8D8D8;display: table;margin: 0 auto;
padding-bottom: 10px;box-sizing: border-box;margin-bottom: 14px;}
.productionupleftfight ul li h5 span{font-size: 44px;color: #002B61;font-weight: 500;}
.productionupleftfight ul li p{font-size: 18px;color: #333;text-align: center;font-weight: 500;}
.productionupleft:hover .productionupleftimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.productionconter{width: 100%;margin-bottom: 40px;}
.productionconterbut{width: 100%;position: relative;}
.productionimg{display: block;width: 100%;}
.probf{display: block;width: 78px;height: 78px;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-left: -39px;margin-top: -39px;
cursor: pointer;}
.probj{width: 100%;height: 50px;background: rgba(0,0,0,.6);position: absolute;bottom: 0;left: 0;padding: 0 20px;box-sizing: border-box;}
.probj p{font-size: 22px;color: #fff;font-weight: 400;line-height: 50px;text-align: center;}
.productionbut{width: 100%;}
.productionbutlist{width: 100%;}
.productionbutlist ul li{float: left;overflow: hidden;width: 23.6%;margin-right: 1.86%;margin-bottom: 1.86%;}
.productionbutlist ul li:nth-child(4n){margin-right: 0;}
.productionbutlist ul li a{display: block;cursor: default;}
.prodimg{width: 100%;overflow: hidden;}
.prodimg img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.prodtext{width: 100%;height: 50px;line-height: 50px;text-align: center;padding: 0 10px;box-sizing: border-box;}
.prodtext p{font-size: 18px;color: #333;font-weight: 400;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.productionbutlist ul li:hover .prodimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.productionlast{width: 100%;padding: 4% 0 4.5% 0;box-sizing: border-box;}
.productioned{width: 100%;}
.productiontitles .lastitle{color: #fff;}
.productionedlist{width: 100%;overflow: hidden;}
.productionedlist ul{width: 100%;overflow: hidden;}
.productionedlist ul li{float: left;height: 40px;line-height: 40px;text-align: center;padding: 0 10px;box-sizing: border-box;background: #fff;
width: 24%;margin-right: 1.3%;margin-bottom: 2%;}
.productionedlist ul li:nth-child(4n){margin-right: 0;}
.productionedlist ul li a{display: block;font-size: 14px;color: #002B61;font-weight: 500;text-align: center;}
/* 生成加工视频弹层 */
.videotc{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 5000;display: none;}
.videotcbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.5);}
.videotcbox{width: 800px;background: #fff;border-radius: 10px;position: absolute;top: 50%;left: 50%;
margin-top: -250px;margin-left: -400px;}
.ttshop_videocon{width: 100%;border-radius: 0 0 4px 4px;font-size: 0;}
.ttshop_videocon video{width: 100%;height: 100%;outline: none;border-radius: 0 0 4px 4px;display: block;}
/* 公司简介 */
.synopsis{width: 100%;}
.synopsisup{width: 100%;background: #F5F5F5;padding: 38px 8%;box-sizing: border-box;margin-bottom: 80px;}
.synopsisup ul li{float: left;width: 25%;padding-left: 38px;box-sizing: border-box;padding-top: 10px;position: relative;}
.synopsisup ul li::after{content: '';width: 1px;height: 20%;background: #141414;position: absolute;top: 0;left: 0;}
.synopsisup ul li::before{content: '';width: 1px;height: 100%;background: #C1C1C1;position: absolute;top: 0;left: 0;}
.synopsisup ul li h5{font-size: 16px;color: #333;font-weight: 500;}
.synopsisup ul li h5 span{font-size: 55px;}
.synopsisup ul li p{font-size: 16px;color: #333;font-weight: 400;line-height: 22px;}
.synopsisjianjie{width: 100%;margin-bottom: 80px;}
.synopsisjianjie ul li{width: 100%;}
.synopsisimg{width: 50%;overflow: hidden;}
.synopsisimg img{display: block;width: 100%;object-fit: cover;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.synopsistext{width: 50%;background: #F5F5F5;}
.synopsistexted{max-width: 540px;}
.synopsistexted h5{font-size: 32px;color: #002B60;font-weight: 500;line-height: 33px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;margin-bottom: 16px;}
.synopsistexted p{font-size: 16px;color: #333;font-weight: 400;line-height: 28px;}
.synopsisjianjie ul li:hover .synopsisimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.synopsishj{width: 100%;}
.synopsisups{width: 100%;overflow: hidden;position: relative;}
.synopsisups img{display: block;width: 100%;object-fit: cover;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.synopsisups h5{font-size: 30px;color: #fff;background: #002B61;width: 300px;height: 64px;
text-align: center;line-height: 64px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.synopsisups:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.synopsishjlist{width: 100%;padding: 0 5%;box-sizing: border-box;margin-top: -5%;position: relative;}
.synopsishjlist ul li{float: left;width: 24%;margin-right: 1.3%;}
.synopsishjlist ul li:last-child{margin-right: 0;}
.synopsishjlistimg{width: 100%;overflow: hidden;}
.synopsishjlistimg img{display: block;width: 100%;object-fit: cover;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.synopsishjlist ul li p{font-size: 18px;color: #333;text-align: center;font-weight: 500;padding: 15px 10px;box-sizing: border-box;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.synopsishjlist ul li:hover .synopsishjlistimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.synry{width: 100%;margin-bottom: 50px;}
.synrycon{width: 100%;background: #F5F5F5;position: relative;}
.productiontitleed{margin-bottom: 28px;}
.synryconter{width: 100%;padding: 26px 0;box-sizing: border-box;}
.synryconter ul li{float: left;padding: 16px 12px;box-sizing: border-box;background: #D8D8D8;}
.synryconter ul li img{display: block;}
.synrycon .sysnext{background: url(../images/ryright.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;right: 7% !important;border-radius: 50%;}
.synrycon .sysprev{background: url(../images/ryleft.png) center no-repeat;width: 54px;height: 54px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -27px;left: 7% !important;border-radius: 50%;}
.sysfzlc{width: 100%;padding: 50px 0 90px 0;box-sizing: border-box;}
.sysqiye{width: 100%;background: #F9F9F9;}
.sysqiyecon{width: 100%;padding: 60px 0;box-sizing: border-box;}
.sysqiyecon ul li{float: left;width: 48%;margin-right: 4%;}
.sysqiyecon ul li:last-child{margin-right: 0;}
.sysqiyeimg{width: 100%;overflow: hidden;}
.sysqiyeimg img{display: block;object-fit: cover;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.sysqiyetext{width: 100%;padding: 20px;box-sizing: border-box;}
.sysqiyetext h5{font-size: 26px;color: #002B60;font-weight: bold;line-height: 30px;overflow: hidden;margin-bottom: 5px;
text-overflow:ellipsis;white-space: nowrap;}
.sysqiyetext p{font-size: 20px;color: #666;font-weight: 500;line-height: 28px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.sysqiyecon ul li:hover .sysqiyeimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.syslast{width: 100%;}
.syslasted{width: 100%;padding: 10% 0;box-sizing: border-box;}
.syslastext{width: 100%;}
.syslastext h5{font-size: 36px;color: #fff;font-weight: bold;line-height: 50px;}
.syslastext p{font-size: 24px;color: #fff;font-weight: 200;line-height: 50px;}
/* 响应式 */
@media screen and (max-width: 1440px) {
	.fl_padding{padding: 0 10%;}
	.fl_paddinged{padding: 0 3%;}
	.fl_paddings{padding: 0 16%;} 
	.solutext{padding: 30px;}
	.solutext p{margin-bottom: 30px;}
}
@media screen and (max-width: 1366px) {
	.fl_padding{padding: 0 8%;}
	.fl_paddinged{padding: 0 2%;}
	.fl_paddings{padding: 0 14%;}
	.headernav ul li{margin-right: 40px;}
	.footerconbutleft{margin-right: 2%;}
	.footerconbutcon a{margin-right: 12%;}
	.htkg_navlist,.newnav,.newlistcon ul li{margin-bottom: 20px;}
	.productext{height: 50px;line-height: 50px;}
	.productext p{font-size: 16px;}
	.solutext{padding: 20px;}
	.solutext p{margin-bottom: 20px;}
	.recruitext h4{font-size: 28px;line-height: 38px;}
	.recruitconer h4{font-size: 38px;line-height: 42px;}
	.productiontitle{margin-bottom: 30px;}
	.productiontitle h5{font-size: 26px;line-height: 35px;}
	.synopsisjianjie,.synopsisup{margin-bottom: 40px;}
	.synopsisup ul li h5 span{font-size: 40px;}
	.synopsistexted{max-width: 440px;}
	.synopsistexted p{font-size: 15px;line-height: 28px;}
	.synopsistexted h5{font-size: 28px;}
}
@media screen and (max-width: 1330px) {
	.fl_padding{padding: 0 6%;}
	.fl_paddinged{padding: 0 1%;}
	.fl_paddings{padding: 0 10%;}
}
@media screen and (max-width: 1290px) {
	.footerconleft{width: 65%;}
	.footerconright{width: 35%;}
}
@media screen and (max-width: 1200px) {
	.fl_padding{padding: 0 4%;}
	.fl_paddinged{padding: 0 1%;}
	.fl_paddings{padding: 0 8%;}
}
@media screen and (max-width: 1024px) {
	.fl_paddings{padding: 0 6%;}
	.fl_paddinged{padding: 0 1%;}
	.fl_padding{padding: 0 3%;}
	.incasecon{padding: 40px 0;}
	.footerconbutcon{padding-top: 30px;width: 20%;}
	.footerconbutcon a{display: block;margin-right: 0;margin-bottom: 20px;}
	.footerconbutcon a:last-child{margin-bottom: 0;}
	.footerconbutcon a img{margin: 0 auto;display: block;}
	.productlist ul li{margin-bottom: 20px;}
	.productup{margin-bottom: 40px;}
	.productbutton h5{margin-bottom: 20px;}
	.productbuttonlast{padding-top: 20px;}
	.productupright{padding-top: 4%;}
	.productbutton h5::after{width: 80%;}
}
@media screen and (max-width: 975px) {
	.headernav ul li{margin-right: 20px;}
}
@media screen and (max-width: 768px) {
	.header{display: none;}
	.nav{display: block;}
	.bannertext h4{font-size: 26px;line-height: 40px;}
	.bannertext h5{font-size: 30px;line-height: 45px;}
	.bannertext p{font-size: 16px;line-height: 26px;margin-bottom: 30px;}
	.bannerdian .swiper-pagination-bullet-active{width: 40px !important;}
	.incasecontitle h4{font-size: 30px;}
	.incasecontitle h5{font-size: 28px;line-height: 28px;}
	.footerconleft{float: none;display: none;}
	.footerconright{float: none;padding-left: 0;width: 100%;}
	.footercon{padding: 40px 10px;}
	.footerconbut{padding-top: 30px;}
	.footerconbutcon{display: none;}
	.bannerboxtitle h5{font-size: 26px;line-height: 40px;}
	.bannerboxtitle p{font-size: 20px;line-height: 24px;}
	.newnav{display: none;}
	.productlist ul li{width: 32%;margin-right: 2%;}
	.productlist ul li:nth-child(4n){margin-right: 2%;}
	.productlist ul li:nth-child(3n){margin-right: 0;}
	.recruitext{max-width: 270px;}
	.recruitext h4, .recruitconer h4{font-size: 24px;line-height: 30px;}
	.recruitext i{margin: 10px 0;}
	.applybox{width: 90%;}
	.productionup{margin-bottom: 30px;}
	.productiontitle{margin-bottom: 20px;}
	.productiontitle h5{font-size: 20px;line-height: 30px;}
	.productionupleftfight ul li{margin-bottom: 5%;}
	.productionupleftfight ul li h5{font-size: 16px;margin-bottom: 5px;}
	.productionupleftfight ul li h5 span{font-size: 30px;}
	.productionupleftfight ul li p{font-size: 16px;}
	.probj p{font-size: 18px;}
	.videotcbox{width: 90%;margin-left: 0;transform: translateX(-50%);}
	.synopsisup{padding: 30px 2%;}
	.synopsisup ul li{padding-left: 15px;}
	.synopsistexted{max-width: 330px;}
	.synopsistexted h5{font-size: 20px;line-height: 26px;margin-bottom: 8px;}
	.synopsistexted p{font-size: 12px;line-height: 16px;}
	.synopsishjlist ul li p{font-size: 16px;}
	.synopsisups h5{width: 200px;height: 45px;line-height: 45px;font-size: 22px;}
	.sysqiyecon{padding: 40px 0;}
}
@media screen and (max-width: 568px) {
	.banner{display: none;}
	/* 手机端banner */
	.mbanner{width: 100%;height: 100%;position: relative;display: block;}
	.mbannercon{width: 100%;height: 280px;}
	.mbannercon ul li{width: 100%;}
	.mbannercon ul li a{display: block;width: 100%;}
	.mbannercon ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;}
	.mbannertext{position: absolute;top: 55%;left: 0%;transform: translateY(-50%);padding: 0 10px;box-sizing: border-box;width: 100%;}
	.mbannertext h4{font-size: 16px;color: #FFFFFF;font-weight: 400;line-height: 20px;margin-bottom: 15px;text-align: center;}
	.mbannertext h5{font-size: 22px;color: #FFFFFF;font-weight: 500;line-height: 22px;margin-bottom: 10px;text-align: center;}
	.mbannertext p{font-size: 12px;color: #FFFFFF;font-weight: 200;line-height: 16px;text-transform:uppercase;margin-bottom: 15px;text-align: center;}
	.mbannertext span{display: block;width: 120px;height: 30px;background: #fff;border-radius: 2px;background: #fff;font-size: 14px;font-weight: 400;color: #1C64E4;
	line-height: 30px;text-align: center;margin: 0 auto;}
	.mbannerdian{bottom: 15px !important;overflow: hidden !important;}
	.mbannerdian .swiper-pagination-bullet{width: 8px !important;height: 8px;border-radius: 50% !important;background: #fff !important;opacity: 0.65 !important;
	margin: 0 4px !important;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-size: 0;border: 0;overflow: hidden;}
	.mbannerdian .swiper-pagination-bullet-active{opacity: 1 !important;width: 24px !important;border-radius: 25px !important;}
	.incasecontitle h4{font-size: 24px;}
	.incasecontitle h5{font-size: 20px;line-height: 20px;margin-bottom: 5px;}
	.incaseconbut .caseprev{top: 42% !important;right: auto !important;left: 0 !important;margin-top: -20px;}
	.incaseconbut .casenext{top: 42% !important;margin-top: -20px;}
	.incasecontitle{margin-bottom: 20px;}
	.footerconbutleft{width: 100%;float: none;}
	.footerconbutright{float: none;}
	.footercon{padding: 20px 10px;}
	.footerconbut{padding-top: 10px;}
	.incaseconbut .more{margin: 25px auto 0;}
	.bannerbox{height: 280px;}
	.bannerbox img{display: block;width: 100%;object-fit: cover;height: 100%;}
	.bannerboxtitle h5{font-size: 20px;line-height: 24px;}
	.bannerboxtitle p{font-size: 16px;line-height: 20px;}
	.newcon{padding: 30px 0 40px 0;}
	.newnav{display: none;}
	.newlistcon ul li{width: 49%;margin-right: 2%;padding-bottom: 10px;}
	.newlistcon ul li:nth-child(3n){margin-right: 2%;}
	.newlistcon ul li:nth-child(2n){margin-right: 0%;}
	.newimg{margin-bottom: 10px;}
	.newtext h5{font-size: 16px;padding-bottom: 10px;margin-bottom: 10px;}
	.saspages ul li{margin-right: 6px;}
	.backup{right: 10px;}
	.newtitle{padding-bottom: 10px;margin-bottom: 20px;}
	.newtitle h4{font-size:20px;line-height: 24px;margin-bottom: 10px;}
	.newtitle p span{margin-right: 25px;}
	.productext{height: 40px;line-height: 40px;}
	.productext p{font-size: 16px;}
	.productlist ul li{width: 49%;margin-right: 2%;}
	.productlist ul li:nth-child(4n){margin-right: 2%;}
	.productlist ul li:nth-child(3n){margin-right: 2%;}
	.productlist ul li:nth-child(2n){margin-right: 0;}
	.productbut{display: none;}
	.productupleft{float: none;width: 100%;}
	.productupright{float: none;width: 100%;padding-left: 0;}
	.productupright h5{font-size: 18px;margin-bottom: 10px;padding-bottom: 10px;}
	.productbutton h5::after{display: none;}
	.productup{margin-bottom: 20px;}
	.productbutton h5{margin-bottom: 20px;font-size: 18px;}
	.solutioned ul li{width: 49%;margin-right: 2%;}
	.solutioned ul li:nth-child(3n){margin-right: 2%;}
	.solutioned ul li:nth-child(2n){margin-right: 0%;}
	.solutext{padding: 10px;}
	.solutext h5{font-size: 16px;padding-bottom: 5px;margin-bottom: 5px;}
	.solutext p{font-size: 14px;line-height: 24px;-webkit-line-clamp: 3;min-height: 72px;max-height: 72px;margin-bottom: 10px;}
	.solutext span{width: 110px;height: 30px;line-height: 30px;}
	.solutionxqtitle h5{font-size: 20px;line-height: 30px;padding-bottom: 10px;}
	.solutionxqcon{padding-top: 20px;}
	.contactusnav{padding: 0 5%;}
	.contactuscon{padding-top: 20px;padding-bottom: 20px;}
	.contactuscon ul li{margin-bottom: 20px;}
	.contactuscon ul li:first-child{width: 50%;}
	.contactuscon ul li:nth-child(2){width: 50%;}
	.contactuscon ul li:nth-child(3){width: 100%;}
	.contactuscon ul li::before{display: none;}
	.contactuscon ul li:last-child{width: 100%;}
	.newconus{padding-bottom: 0;}
	.recruitup ul li{flex-wrap: wrap;margin-bottom: 20px;}
	.recruitup ul li:last-child{margin-bottom: 0;}
	.recruitleft,.recruitright{width: 100%;}
	.recruitleft{padding: 20px;}
	.recruitext{max-width: 100%;}
	.recruitlistitle p,.recruitlisted p{width: 50%;height: 50px;line-height: 50px;}
	.recruitlistitle p:nth-child(2),.recruitlisted p:nth-child(2){display: none;}
	.recruitlistitle p:nth-child(3),.recruitlisted p:nth-child(3){display: none;}
	.recruitlistitle p:nth-child(4),.recruitlisted p:nth-child(4){display: none;}
	.recruitlistitle{padding-top: 20px;}
	.recruitlistconter{margin-bottom: 30px;}
	.recruitlistcon{padding-bottom: 40px;}
	.recruitlisted p a{margin: 8px auto 0;}
	.recruitxqtitle{padding-bottom: 20px;}
	.recruitxqtitle ul li{width: 50%;display: block;text-align: center;margin-bottom: 20px;}
	.recruitxqtitle ul li:nth-child(2)::before{display: none;}
	.recruitxqtitle ul li p{font-size: 16px;margin-bottom: 8px;}
	.recruitxqtitle ul li h5{font-size: 20px;line-height: 25px;}
	.applybox{width: 95%;}
	.applycon{padding: 4%;}
	.applycon ul li span{width: 20%;line-height: 30px;margin-right: 10px;}
	.applycon ul li input[type='text']{width: 70%;height: 30px;padding: 0 10px;}
	.jianlicon .change_btn{height: 30px;line-height: 30px;}
	.jianli{width: 70% !important;}
	.applycon ul li{margin-bottom: 10px;}
	.applycon ul li .jianliinp{width: 100% !important;height: 20px !important;padding: 0 !important;font-size: 12px !important;}
	.applycon ul .applylast{padding-top: 10px;}
	.applycon ul .applylast button{height: 30px;}
	.applycon ul .yanzheng button{height: 30px;}
	.productionupcon{flex-wrap: wrap;}
	.productionupleft{width: 100%;}
	.productionupleftfight{width: 100%;border-left: 1px solid #d8d8d8;padding: 20px 0;box-sizing: border-box;}
	.probj{height: 40px;}
	.probj p{font-size: 16px;line-height: 40px;}
	.probf{width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;top: 45%;}
	.productionbutlist ul li{width: 49%;margin-right: 2%;}
	.productionbutlist ul li:nth-child(4n){margin-right: 2%;}
	.productionbutlist ul li:nth-child(2n){margin-right: 0%;}
	.prodtext p{font-size: 16px;}
	.productionedlist ul li{width: 49%;margin-right: 2%;}
	.productionedlist ul li:nth-child(4n){margin-right: 2%;}
	.productionedlist ul li:nth-child(2n){margin-right: 0%;}
	.videotcbox{width: 95%;margin-left: 0;transform: translate(-50%,-50%);margin-top: 0;}
	.synopsisup ul li{width: 50%;margin-bottom: 15px;}
	.synopsisup{padding-bottom: 15px;}
	.synopsisjianjie ul li{flex-wrap: wrap;margin-bottom: 20px;}
	.synopsisimg{width: 100%;}
	.synopsistext{width: 100%;padding: 20px;box-sizing: border-box;}
	.synopsistexted{max-width: 100%;}
	.synopsishjlist{margin-top: 20px;padding: 0;}
	.synopsishjlist ul li{width: 49%;margin-right: 2%;margin-bottom: 10px;}
	.synopsishjlist ul li:nth-child(2n){margin-right: 0;}
	.synryconter ul li img{margin: 0 auto;}
	.sysfzlc{padding: 40px 0;}
	.sysqiyecon ul li{float: none;width: 100%;}
	.syslastext h5{font-size: 22px;line-height: 30px;}
	.syslastext p{font-size: 18px;line-height: 26px;}
}