@charset "utf-8";
/* CSS Document */
*{color:#333;font-size: 14px;}
body{font-family:微软雅黑;margin:0;overflow-x:hidden;background: #fff;}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,form,table{margin:0;padding:0;}
a,img{border:none;/*兼容ie浏览器*/}
img{vertical-align:middle;border:0;}
li{list-style:none;}
h1{font-size: 30px}
/*p{line-height: 30px;}*/
i,em{font-style:normal;}
a{text-decoration:none;border:0;color:#333;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;clear: both;height: 0;line-height: 0;border: none;}
.row{margin-right: 0;}
.container{margin: 0;padding: 0;border: 0;}
.boxMain{width: 1190px;margin:0 auto;max-width: 97%;}
.flexMain{display: flex;justify-content: space-between;}

/*header*/
#myCarousel .carousel-inner .item a{height:550px;display: block;}
.iTopMain{background-color: #f2f2f2;line-height: 40px;}
.iTopMain a{padding:5px;}
.iTopMain span{color:#666;}

/*logo*/
.logo{padding:25px 0;}
.logo .boxMain{align-items: center;}
.logoLeft{align-items: center;}
.logoLeft a{color:#0185d0;font-size:35px;font-weight:bold;}
.logoLeft p{font-size:19px;margin-left:25px;}
.logoLeft p span{font-size:16px;display: block;}
.logoRight{background: url("../images/tel.png") no-repeat left center;padding-left:67px;}
.logoRight p{font-size: 30px;font-weight: bold;color: #0185d0;line-height: 30px;}

/*iNav*/
.iNav{background-color: #1048a0;}
.iNav ul li{width:17%;text-align: center;line-height: 60px;    border-right: 1px solid #0b2d7e;position: relative;}
.iNav ul li a{color:#fff;font-size:16px;}
.iNav ul li:first-child{border-left:1px solid #0b2d7e;}
.iNav ul li:hover{background-color: #0185d0;}
.iNavFl{position: absolute;top:61px;left:0;width: 100%;z-index: 999;border:1px solid #0185d0;transition: all .6s ease 0s;opacity: 0;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.iNav .iNavFl a{display: block;background-color: #fff;border-top:1px solid#e5e5e5;line-height: 49px;text-align: center;font-size:15px;color:#666;}
.iNavFl a:hover{background-color: #0185d0;color:#fff;}
.iNav ul li:hover .iNavFl{opacity: 1;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}

/*product*/
.product{margin-top:40px;}
.iBt {text-align: center;}
.iBt>p:nth-child(1){margin-bottom: 12px;color: #666;text-align: center;font-size:42px;line-height: 45px; text-transform:uppercase;}
.iBt>p:nth-child(2){font-size: 30px;font-weight: bold;text-align: center;color: #1048a0;line-height: 30px;display: flex;align-items: center;justify-content: center;margin:12px 0 30px;}
.iBt>p:nth-child(2) span{    display: block;width: 50px;height: 2px;background: #ccc;}
.iBt>p:nth-child(2) span:nth-child(1){margin-right:40px;}
.iBt>p:nth-child(2) span:nth-child(2){margin-left:40px;}
.iErji a{    padding: 0 16px;height: 40px;line-height: 40px;background: #1048a0;font-size: 18px;display: inline-block;margin: 0 20px;color: #fff;}
.iErji a:hover{background-color: #0185d0;}
.productCont{flex-wrap:wrap;}
.productBox{width: 32%;margin-top:30px;}
.productBox>a{padding:38px 30px;background-color: #f6f6f6;display: block;transition: all .5s;}
.productBox img{width:100%;}
.productBox p{display: flex;justify-content: space-between;align-items: center;margin-top:12px;}
.productBox p span:nth-child(1){font-size: 15px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.productBox p span:nth-child(2){width:100px;height: 24px;background: url("../images/productMore1.png") no-repeat;}
.productBox:hover a{background-color: #1048a0;}
.productBox:hover p span:nth-child(1){color:#fff;}
.productBox:hover p span:nth-child(2){background-image: url("../images/productMore2.png");}
.productMore{text-align: center;border-top:1px solid #ccc;margin-top:64px;}
.productMore a{display: block;height: 48px;font-size: 16px;line-height: 48px;text-align: center;border: 1px solid #ccc;transition: all .5s;background-color: #fff;width: 17%;margin:-24px auto 0;}
.productMore a:hover{background-color: #1048a0;color:#fff;}

/*slip*/
.slip{background: url("../images/slip2.jpg") no-repeat;padding:42px 0;margin-top:30px;}
.slip .boxMain{align-items: center;}
.slipLeft p:nth-child(1){font-size:32px;color: #64c5ff;font-weight: bold;}
.slipLeft p:nth-child(2) span{margin-top: 14px;font-size: 24px;color: #fff;display: inline-block;}
.slipLeft p:nth-child(2) span:nth-child(1){margin-right:25px;}
.slip .boxMain>a{display: block;width: 202px;height: 57px;background: url(../images/slipMore.png) no-repeat;font: bold 20px "microsoft yahei";line-height: 56px;text-align: center;color: #10479f;margin-right:8%;}

/*adv*/
.adv{margin-top:40px;}
.advCont{margin-top:60px;}
.advBox{width:23%;text-align: center;}
.advBox span{display: block;font-size: 20px;color: #1048a0;margin:20px 0 10px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.advBox img{display: block;margin:0 auto;transition: all .5s;}
.advBox p{font-size: 14px;line-height: 24px;color: #666;}
.advBox:hover{cursor: pointer;}
.advBox:hover span{font-weight:bold;}
.advBox:hover img{margin-top:-10px;}

/*factory*/
.factory{background-color: #f6f6f6;margin-top:40px;padding:40px 0 25px;}
.factoryCont{position: relative;margin-top:40px;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{width:41px;height:42px;
    background: url("../images/icon.png") no-repeat;content: '' !important;padding:22px;    background-position: -126px -60px;transition: all ease 600ms;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{width:41px;height:42px;
    background:url("../images/icon.png") no-repeat 2px -60px;content: '' !important;padding:22px;transition: all ease 600ms;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-50px!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-50px!important;}
.factoryBox{border: 1px solid #ddd;background-color: #fff;    transition: all ease 600ms;}
.factoryBox>a{padding:30px;display: block;}
.factoryBox img{width: 100%;display: block;}
.factoryBox span{font-size:16px;margin-top:15px;margin-bottom:10px;display: block;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.factoryBox p{display: inline-block;width: 40%;height: 32px;font-size: 14px;line-height: 30px;text-align: center;background: #1048a0;color: #fff; margin-top:20px;}
.swiper-button-next:hover:after{background-position: -82px -60px;}
.swiper-button-prev:hover:after{background-position: -40px -60px;}
.factory .productMore a{background-color: #f6f6f6;}
.factory .productMore a:hover{background-color: #1048a0;}
.factoryBox:hover{background-color: #1048a0;}
.factoryBox:hover span{color:#fff;}
.factoryBox:hover p{background-color: #fff;color: #1048a0;}
.factoryBox>a:hover {color:#FFF;}

/*slip2*/
.slip2{background-image: url("../images/slip2.jpg");}
.slip2 .boxMain>a{margin-right:0;}

/*about*/
.about{  background: linear-gradient(to bottom, #f6f6f6 0%, #f6f6f6 83%, #fff 83%, #fff 100%);padding-top:40px;}
.about .boxMain{align-items: flex-end;}
.aboutPic{width: 50%;}
.aboutPic img{width: 100%;}
.aboutCont{width: 50%;background-color: #fff;padding:40px 40px 0 50px;}
.aboutCont>p{font-size:45px;color:#666;}
.aboutCont>span{color: #1048a0;font-size:30px;font-weight:bold;display: block;line-height: 30px;}
.aboutText{margin-top:30px;color:#666;line-height: 30px;margin-bottom:30px;}
.aboutCont>a{background-color: #1048a0;color: #fff;display: inline-block;line-height: 38px; width:120px; text-align:center; display:block;}

/*news*/
.news{margin-top:40px;margin-bottom:40px;}
.newsCont{position: relative;}
.newsBoxs{display: flex;flex-wrap:wrap;justify-content: space-between;}
.newsBox{display: flex;width: 49%;border:1px solid #ddd;background-color: #f6f6f6;padding:30px 30px 30px 30px;margin-top:25px;    transition: all .3s ease-in-out 0s;align-items: center;}
.newsBox>p{font-size:60px;line-height: 50px;color:#999;}
.newsBox>p span{font-size:16px;margin-top:8px;color:#666;line-height: 20px;display: block;}
.newsText{margin-left:14px;width:80%;}
.newsText a{font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.newsText p{line-height: 25px;margin-top:8px;}
.newsNext{width:41px;height:42px;
    background: url("../images/icon.png") no-repeat;content: '' !important;padding:22px;    background-position: -126px -60px;transition: all ease 600ms;position: absolute;right:-80px;top:48%;}
.newsPrev{width:41px;height:42px;
    background:url("../images/icon.png") no-repeat 2px -60px;content: '' !important;padding:22px;transition: all ease 600ms;left:-80px;top:48%;position: absolute;}
.newsNext:hover{background-position: -82px -60px;}
.newsPrev:hover{background-position: -40px -60px;}
.newsBox:hover{background-color: #1048a0;cursor: pointer;}
.newsBox:hover .newsText a{color:#fff;}
.newsBox:hover .newsText p{color:#fff;}
.newsBox:hover>p{color:#c1d4f1;}
.newsBox:hover>p span{color:#c1d4f1;}

/*ibottom*/
.iBottom{background-color: #191919;padding:30px 0 20px;}
.friend{color:#f9f9f9;font-size:16px;border-bottom:1px solid #434343;padding-bottom:30px;margin-bottom:30px;}
.friend a{ color:#FFF;}
.iBottomLeft>img{width: 100px;height: 100px;border:6px solid #ddd;}
.iBottomLeftText{margin-left:16px;}
.iBottomLeftText p{line-height: 30px;color:#fff;}
.iBottomLeftText p span{display: block;color:#407fe1;font-size:30px;line-height: 40px;}
.iBottomRight{width: 70%;}
.iBottomRight li{width:20%;text-align: center;}
.iBottomRight li>a{font-size:16px;color:#fff;line-height: 26px;border-right:1px solid #407fe1;display: block;}
.iBottomRight li:nth-child(1)>a{border-left:1px solid #407fe1;}
.iBottomEj{margin-top:24px;}
.iBottomEj a{display: block;color:#ccc;text-align: center;line-height: 26px;}
.iBottomRight li a:nth-child(1):hover{opacity: .8;}
.iBottomEj a:hover{color:#fff;}

/*end*/
.end{background-color: #101010;border-top:1px solid #434343;line-height: 57px;}
.end p{color:#999;}
.end p a{color:#999;}
.end span{color:#999;margin-right:20px;}
.end a{color:#fff;}

/*honer*/
.honer img{max-width: 100%;display: block;margin:0 auto;}

/*page*/
.page{margin-bottom:30px;}
.pageLeft{width: 20%;}
.pageLeftBox{border-bottom:9px solid #eaeaea;margin-bottom:10px;}
.pageLeftBox>p{background: url(../images/bg5.jpg) no-repeat left;line-height: 102px;text-align: center;font-size:20px;color:#fff;font-weight:bold;}
.pHome{margin-bottom:20px;}
.pHome p{background: url("../images/homeTb.png") no-repeat left center;padding-left:20px;line-height: 50px;border-bottom:1px solid #f1f1f1;}
.pagePro{border:1px solid #ddd;}
.pageProEj{}
.pageProEj a{display: block;padding-left:25px;line-height: 50px;border-top:1px solid #eaeaea;}
.pageProEj a:nth-child(1){line-height: 60px;background: url("../images/pageMore.png") no-repeat 213px center;}
.pageProEj:hover a:nth-child(1){background-image: url("../images/pageMore2.png");background-color: #1048a0;color:#fff;}
.pageFactory>p{line-height: 60px;}
.pageFactory .flexMain{flex-wrap:wrap;margin-top:10px;}
.pageFactoryBox{width:48%;}
.pageFactoryBox img{width:100%;border-radius: 3px;}
.pageFactoryBox p{line-height: 40px;text-align: center;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.pageContact>p{line-height: 60px;}
.pageContactBox>p:nth-child(1){font-size:16px;font-weight:bold;color:#1048a0;line-height: 40px;text-align: center;}
.pageContactList{border-top:1px solid#f2f2f2;border-bottom:1px solid #f2f2f2;padding:10px 0;margin-bottom:10px;}
.pageContactList p{line-height: 24px;font-size:12px;}
.pageContactBox>p:last-child{font-size:18px;margin-bottom:10px;}
.pageContactBox>p:last-child span{display: block;font-size:22px;color:#1048a0;}
.pageContactBox{padding:0 10px;}
.pageRight{width:77%;}
.pageContent{line-height: 28px;color:#666;}
.pageContent img{max-width: 100%;display: block;margin:0 auto;}

/*newslist*/
.newslistBox>a{width: 20%;}
.newslistBox>a img{width: 100%;}
.newslistCont{width: 77%;}
.newslistBox{align-items: center;padding:20px;border-bottom:1px solid #eaeaea;    transition: all .5s;}
.newslistCont a{font-size:16px;line-height: 30px;display: block;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.newslistCont p span{color:#999;}
.newslistCont p span:nth-child(1){margin-right:18px;}
.newslistCont p{line-height: 30px;}
.newslistCont p:last-child{line-height: 25px;color:#666;margin-top:10px;}
.newslistBox:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);}
.tuijian{margin-top:20px;}
.tuijian>p{line-height: 40px;color:#1048a0;font-weight:bold;border-top:1px solid #e4e4e4;border-left:5px solid #1048a0;padding-left:22px;border-right:1px solid #e4e4e4;}
.tuijianBox{border:1px solid #e4e4e4;flex-wrap:wrap;padding:15px;}
.tuijianBox a{width:48%;line-height: 35px;border-bottom:1px dashed #ccc;display: flex;justify-content: space-between;}

/*news*/
.newsPageBt p:nth-child(1){line-height: 30px;font-size:16px;text-align: center;font-weight:bold;border-bottom:1px dashed #ccc;}
.newsPageBt p:nth-child(2){text-align: center;margin:10px 0;}
.newsPageBt p:nth-child(2) span{color:#999;}
.newsPageBt p:nth-child(2) span:nth-child(1){margin-right:15px;}
.pageNext{border:1px solid #ccc;padding:8px 10px;margin:20px 0 10px; }
.pageNext p{line-height: 30px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

/*productlist*/
.productlist{flex-wrap:wrap;}
.prolistBox{width:31%;background-color: #f6f6f6;margin-bottom:20px;}
.prolistPic img{width:100%;}
.prolistPic a{padding:1px;display: block;position: relative;}
.prolistBox>a{line-height: 45px;display: block;text-align: center;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.prolistPic span{display: block;background: url("../images/prolistTb.png") no-repeat center center rgba(0,0,0,0);position: absolute;top:0;left:0;width:100%;height: 100%;opacity: 0;    -webkit-transform: rotateX(180deg) scale(0.5, 0.5);
    transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.prolistBox:hover .prolistPic span{background-color: rgba(0,0,0,.3);opacity: 1;    -webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;}
.prolistBox:hover{background-color: #1048a0;}
.prolistBox:hover>a{color:#fff;}











/*产品分类*/
.pro_list{display: none;margin-top:0;width:100%;margin-bottom:0;}
.cpfl{width:100%;background: #2b2b2b;padding:10px;justify-content: space-between;display:flex;}
.cpfl p{font-size:16px;color:#fff;}
.ipad_prolist{width:100%;}
.ipad_prolist_main{margin: 0 auto;}
.ipad_prolist_main ul{width:100%;background:#1048a0;padding-bottom:10px ;}
.ipad_prolist_main li{padding: 10px ;border-bottom:1px solid #fff;}
.ipad_prolist_main li img{width:12px;float: right;}
.ipad_prolist_main li a{font-size:15px;color:#fff;}

.pageHome{position: absolute;left:10px;}
.pageHome img{width: 26px;}



.p-footer{display: none;}
.p-footer p{text-align: center;line-height:25px;}


.index_head{width:100%;background:#1048a0;font-size:20px;color:#fff;text-align: center;line-height:50px;position: fixed;top:0;z-index: 999;display: none;}
.index_btn{background:url("../images/index_threelines.png") no-repeat;width: 25px;height: 20px;display: block;background-size:contain;position: absolute;right:10px;top:14px;}
.index_hrad_xl{width:100%;z-index: 999;position: absolute;top:50px;}
.index_hrad_xl li{width:100%;background: #999;text-align:center;border-top:1px solid #fff;}
.index_hrad_xl li a{font-size:16px;line-height:45px;color:#fff;}

.index_foot{width:100%;background:#1048a0;padding:10px 0;position: fixed;bottom:0;z-index: 999;display: none;}
.index_foot ul{width:100%;margin:0 auto;display: flex;justify-content: space-between;}
.index_foot li{width:25%;text-align: center;}
.index_foot li p{font-size:16px;color:#fff;margin-top:5px;}
.index_foot li img{width:30px;}


.product-bottom>span{text-align: center;display: block;font-size:17px;margin-top:15px;margin-bottom:-10px;}
.about-cont{margin-top:20px;}

/*分页样式*/
.pglist {
    padding: 20px 0 10px;
    width: 100%;
    text-align: center;
}
.pglist a {
    color: #666;
    padding: 0 14px;
    margin: 0 3px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.pglist * {
    display: inline-block;
    _zoom: 1;
    _display: inline;
    vertical-align: middle;
    line-height: 30px;
    padding-bottom: 1px;
}
.pglist a:hover, .pglist .page-num-current {
    display: inline-block;
    color: #fff;
    background: #1048a0;
    border-color: #1048a0;
}