.copy{background: #071124;color: #fff;height: 48px;text-align: center;font-size: 12px;line-height: 48px;}
.header{height: 80px;}
.header .logo{height: 30px; margin-top: 25px;}
.header .navbar{margin-left: 100px;}
.header .navbar ul li{padding: 0 12px; font-size: 14px; line-height: 80px; float: left;}
.header .navbar ul li.active{background: #FC920A; padding: 0 25px;}
.header .navbar ul li a{color: #151515;}
.header .navbar ul li.active a{color: #fff;}
.header .navbar ul li a:hover{color: #FC920A;}
.header .navbar ul li.active a:hover{color: #fff;}
.header .tel{margin-top: 18px;}
.header .tel p{font-size: 12px; color: #7A8498; padding-bottom: 8px;}
.header .tel div{font-weight: bold; color: #1445A6; font-size: 24px;}
.header .tel div span{color: #FC920A;}

.banner,.slideBox{height: 480px; position: relative;}
.slideBox .bd ul li{height: 480px;}
.banner .hd {position: absolute; bottom: 40px; text-align: center; width: 100%;}
.banner .hd ul li{display: inline-block; margin: 0 5x; width: 40px; height: 6px; border-radius: 2px; background: #fff;}
.banner .hd ul li.on{background: #FC920A;}

.section1{background: url(../images/bg1.png) no-repeat top center;padding: 100px 0;}
.section1 .title{margin-bottom: 40px;}
.title{position: relative; position: relative;}
.title small{display: block;font-size: 16px;color: #7A8498;padding-bottom: 16px;}
.title big{display: block;font-weight: bold;color: #192233;font-size: 32px;padding-bottom: 36px;}
.title:before{content: '';display: block;position: absolute;width: 42px;height: 4px;background: #FC920A;left: 0;bottom: 0;}
.title:after{content: '';display: block;position: absolute;width: 142px;height: 4px;background: #1445A6;left: 42px;bottom: 0;}
.section1 .item{width: 280px;margin-top: 23px; overflow: hidden; margin-right: 23px; float:left;height: 120px;background: #FFFFFF;border-radius: 8px;border: 1px solid #E6E7EB;}
.section1 .item:nth-child(4n){margin-right: 0;}
.section1 .item .pull-left{padding: 15px 0 15px 15px; box-sizing: border-box; position: relative; height: 100%;}
.section1 .item .pull-left h4{font-size: 16px;color: #192233;}
.section1 .item .pull-left p{font-size: 12px;color: #7A8498;padding-top: 8px;}
.section1 .item .pull-left img{position: absolute;left: 15px; bottom: 15px; display: none;}
.section1 .item .pull-right{width: 48%;}
.section1 .item .pull-right img{width: 100%;}
.section1 .item:hover{box-shadow: 0px 10px 30px 0px rgba(25, 34, 51, 0.1);}
.section1 .item:hover .pull-left img{display: block;}

.ad-index{height: 160px;position: relative;}
.ad-index:before{display: block;content: '';position: absolute;width: 58%;height: 100%;background: #1445A6;left: 0;top: 0;}
.ad-index:after{display: block;content: '';position: absolute;width: 42%;height: 100%;background: #FC920A;right: 0;top: 0;}
.ad-index .w{height: 100%;}
.ad-index .pull-left{background: url(../images/bg4.png) no-repeat bottom right; position: relative; width: 60%; height: 100%;}
.ad-index .pull-left h4{color: #fff;font-weight: bold;font-size: 40px;padding-top: 38px;padding-bottom: 18px;}
.ad-index .pull-left p{font-size: 24px;color: rgba(255,255,255,0.6);}
.ad-index .pull-right{position: relative; z-index: 2; width: 40%; background: url(../images/icon1.png) no-repeat 32px 32px; padding-left: 145px; box-sizing: border-box; height: 100%;}
.ad-index .pull-right p{font-size: 24px;color: rgba(255,255,255,0.6); padding-top: 37px; padding-bottom: 12px;}
.ad-index .pull-right h4{color: #fff;font-weight: bold;font-size: 44px;}

.app-index{padding: 100px 0;}
.app-index .title a{position:absolute;right: 0;bottom: 0; font-size: 14px; color: #192233; display: flex; justify-content: center; align-items: center; width: 120px; height: 44px;border-radius: 4px;border: 1px solid #E6E8EB;}
.app-index .title{margin-bottom: 64px;}
.application-list-index{overflow: hidden; border-radius: 8px;}
.application-list-index ul{float: left;}
.application-list-index ul li{width: 496px;height: 102px;background: #F5F7FA; position: relative;}
.application-list-index ul li:nth-child(odd){background: #E6E7EB;}
.application-list-index ul h4{color: #192233; padding: 32px 32px 8px 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px;font-weight: 400;}
.application-list-index ul h4 a{color: #192233;}
.application-list-index ul p{font-size: 14px;color: #7A8498; padding: 0 32px 0 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.application-list-index ul li span{position: absolute;display: none; width: 20px;height: 20px; right: 12px; top: 50%; margin-top: -10px;}
.application-list-index .showImg{float: right;width: 704px;height: 407px;overflow: hidden;}
.application-list-index .showImg img{height: 100%;}
.application-list-index ul li:hover{background: #FC920A;}
.application-list-index ul li:hover:before{position: absolute;width: 20px;height: 100%;content: '';display: block;background: #FC920A;top: 0;right: -20px;}
.application-list-index ul li:hover h4 a,.application-list-index ul li:hover p{color: #fff;}
.application-list-index ul li:hover span{display: block;}

.section2{padding: 100px 0; background: url(../images/bg2.png) no-repeat center;}
.section2 .title{margin-bottom: 64px;}
.section2 .title small,.section2 .title big{color: #fff;}
.application-index .item{width: 288px;margin-right: 16px; float: left;background: #fff;border-radius: 8px;overflow: hidden;}
.application-index .item:nth-child(4){margin-right: 0;}
.application-index .item .img{width: 288px; height: 216px;overflow: hidden;}
.application-index .item .img img{width: 100%;}
.application-index .item header{text-align: center;margin-top: -28px;}
.application-index .item h4{font-size: 16px;color: #192233;position: relative;padding-bottom: 20px;}
.application-index .item h4:before{width: 24px;height: 2px;background: #FC920A;content: "";display: block;position: absolute;bottom: 0;left: 50%;margin-left: -12px;}
.application-index .item p{height: 105px; line-height: 22px; color: #7A8498;font-size: 14px;padding: 16px 24px 32px;}

.partner{padding: 100px 0;}
.partner .title{margin-bottom: 64px;}
.partner-index img{width: 100%;}

.section3{padding: 100px 0;background: url(../images/bg3.png) no-repeat center;}
.section3 .title{margin-bottom: 64px;}
.section3 .title .tits{position: absolute; right: 0; bottom: 0;}
.section3 .title .tits span{width: 120px;height: 44px; font-size: 14px; cursor: pointer; color: #192233; display: inline-block; text-align: center; line-height: 44px; border-radius: 4px;}
.section3 .title .tits span.on{background: #FC920A;color: #fff;}
.news-index .pull-left{width: 580px;}
.news-index .pull-right{width: 620px;}
.news-index .pull-right .item{background: #fff; border-radius: 8px; overflow: hidden; height: 306px; margin-bottom: 22px; float: left; width: 288px; margin-left: 22px;}
.news-index .pull-right .item:nth-child(3),.news-index .pull-right .item:nth-child(4){margin-bottom: 0;}
.news-index .pull-right .img{height: 162px; width: 100%;}
.news-index .pull-left .img{height: 336px;}
.news-index .pull-left .text{background: #fff; padding: 24px 8px 24px 8px;}
.news-index h4{font-size: 16px; padding-left:16px; padding-right: 16px; color: #192233;text-overflow: ellipsis; padding-top: 16px; padding-bottom: 10px; overflow: hidden;white-space: nowrap;}
.news-index h6{color: #7A8498; padding-left:16px; padding-right: 16px; font-size: 14px; height: 44px;line-height: 22px;overflow: hidden;}
.news-index p{font-size: 12px; padding-left:16px; padding-right: 16px; color: #192233; padding-top: 32px;}
.news-index button{width: 157px; font-size: 14px; margin-top: 76px; color: #fff; outline: none; height: 44px;background: #1445A6;border-radius: 4px;}

.section4{background: url(../images/bg5.png) no-repeat center; padding: 105px 0; background-size: auto 100%;}
.section4 .pull-left{width: 320px;}
.section4 .title small,.section4 .title big{color: #fff;}
.section4 .title:before,.section4 .title:after{background: #fff; content: '';}
.section4 .pull-left a{width: 157px; margin-top: 82px; height: 44px;background: #FFFFFF;border-radius: 4px;display: block;color: #192233; text-align: center; line-height: 44px;}
.section4 .pull-right{width: 880px;}
.section4 .pull-right article{color: #fff; font-size: 14px; line-height: 24px;}
.section4 .pull-right article p{ font-size: 14px; margin-bottom: 32px;}
.section4 .pull-right article p:nth-last-child(1){margin-bottom: 0;}

.footer{background: #192233;}
.footer-top{display: flex;justify-content: space-between; padding: 32px 0; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer-top h4{font-size: 16px;}
.footer-top h4 small{font-size: 14px; display: block; color: rgba(255,255,255,0.6); padding-bottom: 12px;}
.footer-top h4 span{color: #fc9201;}
.footer-bottom .pull-left{padding: 32px 0; box-sizing: border-box; border-right: 1px solid rgba(255, 255, 255, 0.1);}
.footer-bottom ul li{width: 200px; float: left;}
.footer-bottom ul li span{display: block;font-size: 16px;color: #fff; margin-bottom: 32px;}
.footer-bottom ul li a{font-size: 14px; display: block; color: rgba(255,255,255,0.6); padding-top: 24px;}
.footer-bottom .pull-right{padding: 50px 0; width: 598px; text-align: center;}
.footer-bottom .pull-right > img{height: 35px;}
.footer-bottom .pull-right ul {display: flex; margin-top: 33px; justify-content: space-around;font-size: 14px;color: #fff; text-align: center;}
.footer-bottom .pull-right ul li img{width: 110px; display: block; margin: 0 auto 12px; height: 110px;border: 10px solid #fff;}

.fixImg{height: 480px;display: flex;align-items: center;flex-direction:column; color: #fff; justify-content: center;}
.fixImg p{padding-bottom: 16px;font-size: 16px;}
.fixImg h4{font-size: 32px;}

.breadcrumbs{padding: 24px 0; display: flex; align-content: center; font-size: 12px;color: #475266;}
.breadcrumbs a{color: #475266;}
.breadcrumbs img{height: 12px; margin: 0 8px;}

.pages{text-align: center; padding: 64px 0;}
.pages a{width: 36px;height: 36px;border-radius: 4px;font-size: 14px;color: #192233;text-align: center;line-height: 36px; display: inline-block;}
.pages a.active{background: #FC920A;color: #fff;}

.content{background: #F5F7FA; overflow: hidden;}
.content-left{width: 288px;background: #fff;border-radius: 8px;overflow: hidden;}
.content-left a{height: 68px;display: block;color: #192233; background: url(../images/icon11.png) no-repeat 240px center; border-left: 4px solid #fff; box-sizing: border-box; border-bottom: 1px solid #E6E7EB; padding-left: 24px; line-height: 68px;}
.content-left a.active{color: #FC920A;border-left: 4px solid #FC920A; background: url(../images/icon10.png) no-repeat 240px center;}
.content-left a:hover{color: #FC920A;}
.content-right{width: 912px;}
.product-list .item{width: 288px; height: 442px; box-sizing: border-box; float: left;margin-left: 16px;margin-bottom: 16px;background: #fff; border-radius: 8px;overflow: hidden;}
.product-list .item .imgs{width: 288px; height: 216px; overflow: hidden;}
.product-list .item .imgs img{width: 100%;}
.product-list .item .text{padding: 24px;}
.product-list .item .text h4{font-size: 16px;color: #192233;padding-bottom: 20px;}
.product-list .item .text h4 span{background: #F5F7FA; font-size: 12px;color: #7A8498; display: inline-block; margin-left: 10px; padding: 2px 5px; border-radius: 4px;}
.product-list .item .text p{font-size: 14px;color: #475266; line-height: 26px;}
.product-list .item .btns{padding: 0 24px; display: flex;justify-content: space-between;}
.product-list .item .btns a{height: 44px;display: block; text-align: center; line-height: 44px; width: 112px; box-sizing: border-box; color:#192233;background: #FFFFFF;box-shadow: 0px 10px 30px 0px rgba(25, 34, 51, 0.1);border-radius: 4px;border: 1px solid #E6E8EB;}
.product-list .item .btns a.active{color: #fff;background: #FC920A;border: none;}
.product-list .item:hover{box-shadow: 0px 10px 30px 0px rgba(25, 34, 51, 0.1);border: 1px solid #FC920A;}

.about{padding-bottom: 100px;}
.about .title{margin: 64px 0;}
.about img{max-width: 100%;}
.about article{font-size: 14px;color: #192233;line-height: 26px;}
.about article p{margin-top: 32px;}

.video-list .item{height: 280px;}
.video-list h4{font-size: 16px;margin: 24px;color: #192233;}
.video-list .imgs{position: relative; cursor: pointer;}
.video-list .imgs:before{display: block;content: ''; z-index: 2; background: url(../images/play.png) no-repeat center; width: 72px;height: 72px;position: absolute;left: 50%;top: 50%;margin-left: -36px;margin-top: -36px;}

.news-list{width: 890px;margin-left: 22px;}
.news-list .item{padding: 24px; margin-bottom: 22px; border-radius: 8px; background: #fff;}
.news-list .item:nth-last-child(1){margin-bottom: 0;}
.news-list .item .imgs{width: 235px;height: 130px; border-radius: 4px;overflow: hidden;float: left;}
.news-list .item .imgs img{width: 100%;}
.news-list .item .text{width: 590px; float: right;}
.news-list .item h4{color: #192233;font-size: 20px; padding-top: 8px;}
.news-list .item h6{color: #7A8498;font-size: 14px;padding-top: 12px; height: 52px; overflow: hidden; margin-bottom: 20px; line-height: 26px;}
.news-list .item p{font-size: 12px;color: #192233;}
.news-list .item:hover{box-shadow: 0px 10px 30px 0px rgba(25, 34, 51, 0.1);border: 1px solid #FC920A;}
.news-list .item:hover h4{color: #FC920A;}

.down-list{width: 890px;margin-left: 22px;}
.down-list header{height: 56px; display: flex; background: #1445A6;border-radius: 8px 8px 0 0; line-height: 56px; font-size: 14px;color: #fff;}
.down-list span{flex:1;padding-left: 24px;}
.down-list span:nth-child(1){flex:3}
.down-list ul li{display: flex; height: 56px; line-height: 56px}
.down-list ul li:nth-child(odd){background: #fff;;}
.down-list ul li a{flex: 1;padding-left: 24px;color: #192233;}
.down-list ul li a.pdfIcon{background: url(../images/pdf.png) no-repeat 24px center;}
.down-list ul li a.cadIcon{background: url(../images/cad.png) no-repeat 24px center;}
.down-list ul li span{flex: 3;padding-left: 24px;color: #192233;}

.contact{position: relative;}
.contact .title{margin: 40px 0;}
.contact-left{width: 600px;position: absolute;left: 50%;margin-left: -600px;}
.contact-left header{width: 240px;height: 40px; box-sizing: border-box; padding-left: 8px; display: flex; align-items: center; color: #fff; font-size: 14px; background: #1445A6;border-radius: 4px;}
.contact-left article{padding: 20px 0 40px 0; font-size: 14px; color: #192233; line-height: 28px;}
.contact-left article p{display: flex; text-align: left;}
.contact-left article p span{display: inline-block; width: 100px;}
.contact-right{width: 50%; height: 960px;float: right;}
#container{overflow: hidden; width: 100%; height: 100%;margin: 0;}

.detailFix{height: 140px; border-radius: 8px; overflow: hidden; margin-top: 24px; box-sizing: border-box;padding-top: 50px; padding-left: 24px; color: #fff;}
.detailFix p{padding-bottom: 16px;font-size: 16px;}
.detailFix h4{font-size: 32px;}

.page-detail{background: #fff; border-radius: 8px; overflow: hidden; padding: 80px 80px 0; box-sizing: border-box; margin-bottom: 64px;}
.page-detail header{text-align: center;}
.page-detail header h4{font-size: 32px;color: #192233; line-height: 44px; padding-bottom: 24px;}
.page-detail header p{font-size: 12px;color: #7A8498;}
.page-detail article{margin-top: 100px; margin-bottom: 64px;font-size: 14px;color: #192233;line-height: 26px;}
.page-detail article h6{font-size: 18px;color: #192233;margin-bottom: 24px;}
.page-detail article p{margin-top: 32px;}
.page-detail article img{max-width: 100%;}
.page-detail-bottom{border-top: 1px solid #F5F7FA;padding: 20px 0px;}
.page-detail-bottom a{width: 48%; display: block;font-size: 14px;color: #475266;}
.page-detail-bottom a:nth-child(2){text-align: right;}
.page-detail-bottom a:hover{color: #FC920A;}

.product-detail{margin-bottom: 34px;background: #fff;box-sizing: border-box;padding: 24px;border-radius: 8px;}
.pdffile header{height: 56px;color: #fff;font-size: 14px; line-height: 56px; padding-left: 24px; background: #071124;}
.pdffile embed{background: #071124;}
.relate-product header{padding: 24px 0;font-size: 20px;color: #192233;}
.relate-product .product-list .item:nth-child(4n+1){margin-left: 0;}

.product-detail .detail .pull-left{width: 440px;overflow: hidden; margin-bottom: 24px;}
.product-detail .detail .pull-left .imgs{width: 440px;height: 440px;margin-bottom: 24px; overflow: hidden;}
.product-detail .detail .pull-left .imgs img{width: 100%;}
.product-detail .detail .pull-left .btns a{background: #FC920A;color: #fff;width: 210px;float: left;border-radius: 4px; text-align: center; line-height: 44px; display: block; height: 44px;}
.product-detail .detail .pull-left .btns a:nth-child(2){background: #1445A6; float: right;}
.product-detail .detail .pull-right{width: 670px;}
.product-detail .detail .pull-right header{font-size: 20px;color: #192233;padding-bottom: 20px;margin-top: 8px;}
.product-detail .detail .pull-right header span{background: #F5F7FA; font-size: 12px;color: #7A8498; display: inline-block; margin-left: 10px; padding: 2px 5px; border-radius: 4px;}
.product-detail .detail .pull-right ul{border-radius: 4px; height: 460px; overflow-y: scroll;}
.product-detail .detail .pull-right ul li{display: flex; line-height: 44px;font-size: 14px;color: #475266;}
.product-detail .detail .pull-right ul li:nth-child(even){background: #F5F7FA;}
.product-detail .detail .pull-right ul li:nth-child(odd){background: #E6E7EB;}
.product-detail .detail .pull-right ul li:nth-child(1){background: #1445A6;color: #fff; padding-left: 24px;}
.product-detail .detail .pull-right ul li span:nth-child(1){flex: 5;padding-left: 24px;}
.product-detail .detail .pull-right ul li span:nth-child(2){flex: 6;padding-left: 24px;}



.paginations{padding: 48px 0; text-align: center;}
.paginations li{display: inline-block;}
.paginations li a, .paginations li.active, .paginations li.disabled{display: inline-block; height: 32px; margin: 0 3px; border-radius: 4px; padding: 0 0; box-sizing: border-box; line-height: 32px; font-size: 12px; color: #192233;}
.paginations li.active{background:#FC920A;color: #FFF;}
.paginations li.active span{color: #FFF; display: inline-block; width: 32px; line-height: 32px;font-size: 12px;}