/*通用标题*/
.home-title{width:100%;text-align: center;overflow: hidden;margin-bottom: 15px;position: relative;line-height: 1.5;color: #666;z-index: 1;}
.home-title a{font-size: 30px;display: block;width: 300px;margin: 0 auto;}
.home-title p{width: 100%;max-width: 300px;margin: 0 auto;overflow: hidden;position: relative;}
.home-title em{display: block;width: 25%;float: left;height: 13px;border-bottom: 1px solid #ccc;}
.home-title span{width:50%;display: block;float: left;height: 25px;line-height: 24px;text-transform: uppercase;}
.home-title i{display: block;width: 12px;height: 20px;margin: 0 auto;background: url(../images/icon7.png) center no-repeat;background-size: 100% auto;}

/*
* > ul{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;}
* > ul li{flex-shrink:0;}
*/

/*tuijian*/
.protjbox{padding: 40px 0 30px;position: relative;background: #f5f5f5;}
.protjbox .swiper-container{width: 100%;min-height: 150px;padding-bottom: 40px;}
.protjbox .swiper-button-prev{margin-top: -75px;left: 0;}
.protjbox .swiper-button-next{margin-top: -75px;right: 0;}

.protjbox ul li{width: 25%;padding: 5px;text-align: center;}
.protjbox ul li a{display: block;width: 100%;background-color: #f5f5f5;padding: 5px;}
.protjbox ul li p{width: 100%;background: #fff;overflow: hidden;border: 1px solid #eee;padding: 4px;}
.protjbox ul li p .atm-img{padding-bottom: 100%;}
.protjbox ul li h3{display:block;width: 100%;height: 50px;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.protjbox ul li:hover p{border-color: #067fc9;}
.protjbox ul li:hover a{background: #067fc9;}
.protjbox ul li:hover h3{color: #fff;}

/*probox*/
.productbox{padding:50px 0 35px;}
.productbox .home-title{color: #ebebeb;}
.productbox .w1360{padding-bottom: 55px;}
.proclabox{width: 250px;float: left;padding-bottom: 20px;}
.proclabox .titl{width: 100%;height: 110px;background: #067fc9 url(../nyimages/icon-fl-tit1.png) 30% center no-repeat;}
.proclabox .cont{width: 100%;}
.proclabox .cont ul li{width: 100%;padding-top: 1px;position: relative;}
.proclabox .cont ul li a{width:100%;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proclabox .cont ul li > h2{background-color: #eee;position: relative;z-index: 1;}
.proclabox .cont ul li > h2::before{content: "";background: #067fc9;height:100%;width:2px;position: absolute;left: 0;top: 0;z-index: 0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.proclabox .cont ul li > h2 a{color: #333;font-size: 17px;line-height: 70px;font-weight: bold;background: url(../nyimages/icon-fl-black.png) 90% center no-repeat;position: relative;z-index: 2;padding:0 15% 0 10%;}
.proclabox .cont ul li dl{width: 100%;background: #fff;}
.proclabox .cont ul li dl dt a{height: 0;line-height: 30px;color: #666;background: url(../nyimages/icon-fl-white.png) 8% center no-repeat;font-size: 15px;padding:0 5px 0 15%;}
.proclabox .cont ul li dl dt a:hover{color: #ff9600;background-image: url(../nyimages/icon-fl-red.png);padding-left: 17%;}
.proclabox .cont ul li.active > h2 a{color: #fff;background-image: url(../nyimages/icon-fl-white.png);}
.proclabox .cont ul li.active > h2::before{width:100%;background: #ff9600;}
.proclabox .cont ul li.active > dl{padding:11px 0;}
.proclabox .cont ul li.active > dl dt a{height: 30px;}

.prolistbox{width: 1000px;float: right;}
.prolistbox ul{width: 1020px;margin: 0 -10px;}
.prolistbox ul li{width: 25%;padding: 0 10px 20px;text-align: center;float: left;}
.prolistbox ul li a{display: block;width: 100%;border: 1px solid #ddd;border-radius: 3px;padding: 4px;background-color: #fff;color: #666;}
.prolistbox ul li p{width: 100%;background: #fafafa;overflow: hidden;}
.prolistbox ul li p .atm-img{padding-bottom: 100%;}
.prolistbox ul li h3{display:block;width:100%;height:40px;line-height:45px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.prolistbox ul li:hover a{border-color: #067fc9;background-color: #067fc9;color: #fff;}

/*xbanner*/
.xbanner{padding: 50px 0;background: url(../nyimages/bg1.jpg) center bottom no-repeat;background-attachment: fixed;position: relative;}
.xbanner::before{content: "";background: rgba(0,85,160,.75);height:100%;width:100%;position: absolute;left: 0;top: 0;z-index: 0;}
.xbanner p{width: 25%;float: left;border-left: 1px solid #83b1e8;text-align: center;color: #fff;}
.xbanner p:first-child{border: 0;}
.xbanner span{display: block;width: 100%;height: 60px;line-height: 50px;font-size: 34px;padding: 5px;}
.xbanner em{display: block;width: 100%;height: 30px;line-height: 30px;font-size: 17px;font-style: normal;text-transform: uppercase;font-weight: 600;color: #d5e8ff;}

/*company*/
.companybox{padding:40px 0;}
.companybox .w1280{position: relative;padding: 5px 0 10px;}
.companybox .pic{width: 600px;float: right;}
.companybox .pic img{width: 100%;max-height: none;-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.companybox .picbox span{display: block;width: 80%;height:calc(100% - 60px);border: 10px solid #ddd;position: absolute;right:-60px;top: 0;}

.companybox .txt{width:780px;height:400px;padding:20px 30px;background: rgba(245,245,245,.9);position: absolute;left: 0;top: 20px;}
.companybox .txt .titl{height: 60px;overflow: hidden;float: left;font-size: 24px;}
.companybox .txt .titl p{height: 58px;color:#067fc9;font-weight: 600;line-height: 58px;}
.companybox .txt .titl em{display:block;width:3em;height:2px;overflow: hidden;background: #ff9600;}
.companybox .txt .text{width: 100%;height: 290px;padding-top: 20px;line-height: 2;text-indent: 2em;font-size: 18px;color: #666;}
.companybox .txt .text p{width: 100%;overflow: hidden;margin-bottom: 5px;}
.companybox .txt .more{width: 100%;height: 40px;padding-top: 20px;}
.companybox .txt .more a{display:block;float:left;height: 40px;padding: 0 25px;background: #067fc9;line-height:40px;color: #fff;text-transform: uppercase;}
.companybox .txt .more a:hover{background: #ff9600;}

.companybox .w1280:hover .pic img{-webkit-filter: grayscale(0);filter: grayscale(0);filter: gray;}
.companybox .w1280:hover .txt .titl em{width: 100%;}
.companybox .w1280:hover .txt .titl p{color: #ff9600;}
.companybox .pic:hover + .txt{width: 680px;}

/*news*/
.newsbox{padding:40px 0 45px;background: #f5f5f5;}
.newsbox .left{width: 480px;float: left;background: #fff;}
.newsbox .left .pic a{padding-bottom: 60%;border: 1px solid #eee;}
.newsbox .left .pic a img{width: 100%;max-width: none;-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.newsbox .left .pic:hover a img{-webkit-filter: grayscale(0);filter: grayscale(0);filter: gray;}
.newsbox .left .titl{width: 100%;height: 60px;padding: 15px 20px 5px;font-size: 18px;}
.newsbox .left .titl a{display: block;line-height:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox .left .text{width: 100%;height: 90px;color: #666;padding: 0 20px;line-height: 30px;font-size: 15px;}
.newsbox .left .text img{display: none;}
.newsbox .left .more{width: 100%;padding: 10px 20px 20px;}
.newsbox .left .more span{width: 60%;float: left;display: block;height: 30px;line-height: 30px;padding-left: 20px;background: url(../nyimages/date-black.png) left 7px no-repeat;background-size: auto 16px;color: #808080;}
.newsbox .left .more a{max-width: 30%;float: right;display: block;height: 30px;line-height: 30px;}
.newsbox .left a:hover{color: #ff9600;}
.newsbox .left:hover{background: #067fc9;}
.newsbox .left:hover *{color: #fff;}
.newsbox .left:hover .more span{color: #fff;background-image: url(../nyimages/date-white.png);}

.newsbox .right{width: 770px;max-height: 510px;float: right;}
.newsbox .right li{width:100%;height:100px;padding:10px 0;overflow: hidden;background: #f5f5f5;float: left;position: relative;}
.newsbox .right li .xuhao{width:100px;height:80px;float: left;color: #333;text-align: center;font-size: 36px;line-height:80px;border-right: 1px solid #999;}
.newsbox .right li .txt{width:100%;height:100%;position: absolute;left: 0;top: 0;padding: 10px 20px 10px 120px;}
.newsbox .right li .titl{width:100%;height:30px;overflow: hidden;position: relative;padding-right: 90px;line-height: 30px;}
.newsbox .right li .titl a{overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;font-weight: 600;}
.newsbox .right li .titl span{max-width:90px;height:30px;overflow: hidden;display: block;color: #787878;font-size: 15px;position: absolute;right: 0;top: 0;}
.newsbox .right li .text{width: 100%;height: 50px;padding-top: 2px;overflow: hidden;color: #787878;text-align: justify;line-height: 24px;}
.newsbox .right li .text a:hover{color: #fff;}
.newsbox .right li:first-child,.newsbox .right li .text br,.newsbox .right li .text img{display: none;}
.newsbox .right li a:hover{color: #ff9600;}
.newsbox .right li:hover{background: #067fc9;}
.newsbox .right li:hover *,.newsbox .right li:hover .titl span{color: #fff;}
.newsbox .right li:hover .xuhao{border-color: #ccc;}

/*联系*/
.contactbox{padding: 40px 0 50px;}
.contactbox .cont-up{width: 1310px;margin: 0 -15px;padding: 15px 0 35px;}
.contactbox .cont-up li{width: 33.33%;float: left;padding: 0 15px;overflow: hidden;text-align: center;}
.contactbox .cont-up li div{border: 1px solid #ddd;width: 100%;height: 100px;}
.contactbox .cont-up li p{display: inline-block;max-width: 80%;min-width:200px;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.contactbox .cont-up li p img{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
.contactbox .cont-up li p span{display: block;padding-left: 55px;font-size: 16px;text-align: left;}
.contactbox .cont-up li p em{font-style: normal;font-size: 22px;height:24px;line-height: 26px;display: block;float: right;}

.orderbox{width: 100%;background: #004067;padding: 35px 40px;}
.orderbox ul{position: relative;padding-left: 615px;}
.orderbox ul li{width:100%;overflow:hidden;height:44px;float:left;margin-bottom: 20px;position:relative;background:#fff;border-radius:3px;}
.orderbox ul li span{display:block;height:44px;line-height:44px;text-align:center;color:#666;width: 80px;position: absolute;left: 0;top: 0;z-index: 0;}

.orderbox ul li .txt,.orderbox ul li .area,.orderbox  ul li .code{position:relative;z-index:1;display:block;width:100%;height:100%;line-height:24px;padding:10px 10px 10px 80px;background:none;float:left;}
.orderbox ul .li_2{height:100%;width:585px;position: absolute;left: 0;top: 0;}
.orderbox ul .li_3{max-width: 250px;margin: 0 15px 0 0;}
.orderbox ul .li_3 img{position:absolute;right:20px;top:13px;cursor:pointer;z-index:2;}
.orderbox ul .li_3 .red{width:20px;right:0;top:3px;padding:0;color:#f00;position:absolute;left:auto;}
.orderbox ul .li_4{width:150px;max-width: 140px;margin: 0;}
.orderbox ul .li_4 p{width:100%;float:left;height:44px;background:#067fc9;margin-right:15px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.orderbox ul .li_4 p input{display:block;width:100%;height:44px;font-size:16px;padding:8px;color:#fff;text-align:center;cursor:pointer;background:none;font-weight:bold;}
.orderbox ul .li_4 p:hover{background:#ff9600;}

/*links*/
.linkbox{padding-bottom: 25px;margin-top: -10px;}
.linkbox .w1280{overflow: hidden;position: relative;padding-left: 120px;}
.linkbox .titl{width:100px;height: 40px;position: absolute;left: 0;top: 50%;margin-top: -20px;z-index: -1;line-height: 1;padding-left: 15px;}
.linkbox .titl strong{font-size: 24px;color: #26223a;}
.linkbox .titl span{color: #fb3f30;}
.linkbox .cont{width:100%;overflow: hidden;}
.linkbox .cont ul li{display: inline;margin-right: 10px;}
.linkbox .cont ul a{height:24px;white-space: nowrap;line-height:24px;}