@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;transition: all .3s ease-in-out 0s;}
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: 1200px;margin:0 auto;max-width: 97%;}
.flexMain{display: flex;justify-content: space-between;}

/*header*/
#myCarousel .carousel-inner .item a{height:604px;display:block;}

/*iTop*/
.iTop{line-height: 37px;background-color: #f5f5f5;color: #666;font-size: 12px;border-bottom: 1px solid #ddd;}
.iTop p{color: #666;font-size: 12px;}
.iTop p a{font-size:12px;color:#333;}
.iTop p a:hover{color:#777;}
.iTop .boxMain>a{color:#666;font-size:12px;}
.iTop .boxMain>a:hover{color:#1c45af;}

/*logo*/
.logo{padding:20px 0;}
.logo .boxMain{align-items: center;}
.logo .boxMain p{color: #666;background: url("../images/tel.png") no-repeat;padding-left:66px;line-height:26px;}
.logo .boxMain p span{display: block;color: #1c45af;font-size: 30px;line-height: 30px;font-weight: bold;}

/*iNAv*/
.iNav{line-height: 50px;background: #1c45af;}
.iNav li{width:17%;text-align: center;border-right: 1px solid #0b339b;position: relative;}
.iNav li>a{color:#fff;font-size:16px;}
.iNav li:hover{background: #0b339b;}
.iNav .fl{background: #0b339b;}
.navFl{position: absolute;top:51px;width:100%;text-align: center;z-index: 999;border: 1px solid #0b339b;border-top:0;transition: all .6s ease 0s;opacity: 0;margin-top:10px;}
.navFl a{display:block;color:#fff;background: #1c45af;border-top: 1px solid #0b339b;line-height:44px;}
.navFl a:first-child{border-top:0;}
.iNav li:hover .navFl{opacity: 1;margin:0;}

/*banner*/
#myCarousel .carousel-indicators li{width:16px;height:16px;border-width: 3px;margin-right:5px;}
#myCarousel .carousel-indicators .active{background: #1c45af;border:0;}
#myCarousel .glyphicon-chevron-left:before{color:#fff;}
#myCarousel .glyphicon-chevron-right:before{color:#fff;}

/*hot*/
.hot{line-height: 60px;background: #efefef;}
.hot p{color:#212121;}
.hot p a{display: inline-block;color: #8d8d8d;margin-right:10px;}

/*products*/
.products{margin-top:40px;}
.iBt{text-align: center;}
.iBt p:nth-child(1){font-size: 48px;line-height: 40px;font-weight: bold;color: #1c45af;margin-bottom: 12px;}
.iBt p:nth-child(2){font-size: 26px;line-height: 40px;color: #434343;align-items: center;justify-content: center;}
.iBt p:nth-child(2) span{width:225px;height: 1px;background: #cecece;}
.iBt p:nth-child(2) span:first-child{margin-right:30px;}
.iBt p:nth-child(2) span:last-child{margin-left:30px;}
.productsFl{justify-content: center;margin-top:40px;}
.productsFl a{padding: 0 16px;line-height: 38px;background: #fff;border: 1px solid #ccc;font-size: 16px;display: inline-block;margin: 10px;color: #666;}
.productsFl a:hover{color: #fff;background: #1c45af;border-color: #1c45af;}
.productsBox{width:24%;border: 1px solid #f0f0f0;transition: all .5s; text-align: center;margin-bottom:20px;}
.productsBox img{width:100%;}
.productsTit{font-size: 16px;line-height: 50px;color: #434343;transition: all .3s ease-in-out 0s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;width:100%;padding:0 10px;}
.productsBox:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);border-color: #1c45af;background: #1c45af;transform: translateY(-5px);}
.productsBox:hover a{color:#fff;}
.productsCont{margin-top:28px;}
.productsMore{border-bottom:1px #ccc solid;margin-top:40px;}
.productsMore a{display: block;width: 198px;font-size: 16px;line-height: 48px;text-align: center;border: 1px solid #ccc;transition: all .5s;margin:0 auto -24px;background-color: #fff;}
.productsMore a:hover{background: #1c45af;color: #fff;transition: all .5s;border: 1px solid #1c45af;}

/*smallBaner*/
.smallBaner{background: url("../images/ixbannerbg.png") no-repeat;margin-top:104px;}
.smallBaner .boxMain>img{margin-top:-80px;}
.smallBannerText{/*width:64%;*/width:100%; text-align:center;}
.smallBannerText p:nth-child(1){padding-top: 15px;font-size: 35px;line-height: 50px;color: #fff;letter-spacing: 3px;}
.smallBannerText p:nth-child(1) span{color: #ffa800;font-size: 35px;font-weight: bold;}
.smallBannerText p:nth-child(2){margin-top: 15px;font-size: 35px;line-height: 50px;font-weight: bold;color: #fff;letter-spacing: 3px;}
.smallBannerText p:nth-child(3){margin: 10px 0px;font-size: 20px;color: #fff;}
.smallBannerText p:nth-child(3) span{font-size: 26px;font-weight: bold;color:#fff;}

/*adv*/
.adv{margin-top:50px;}
.advTop{border:3px solid #d9d9d9;height:60px;}
.advTop p:nth-child(1){color: #413F40;font-size: 24px;padding: 0 5px;background-color: #FFF;margin-left:125px;display: inline-block;margin-top:-18px;}
.advTop p:nth-child(2){margin-bottom:-23px;line-height:58px;}
.advTop p:nth-child(2) span{font-size: 50px;color: #1c45af;font-weight: bold;display: inline-block;margin-left: 35px;background-color: #FFF;}
.advCont{margin-top:75px;}
.advBox{margin-bottom:20px;}
.advBox>img{width:44%;}
.advText{width:54%;}
.advText p:nth-child(1){padding-bottom:20px;border-bottom:1px dashed #b2b2b2;text-align: center;}
.advText p:nth-child(1) span{display: inline-block;width: 60px;height: 60px;background: #1c45af;border-radius: 10px;color: #fff;font-size: 46px;line-height: 60px;text-align: center;}
.advText p:nth-child(2){margin-top:20px;font-size: 28px;color: #1c45af;font-weight: bold;text-align: center;line-height:42px;}
.advText p:nth-child(3){font-size: 16px;color: #666;margin-top: 20px;line-height: 28px;}
.advBox:nth-child(even) .advText{order:-1;}

/*smallBannerT*/
.smallBannerT{background:url("../images/ixbannerbgtt.png") no-repeat;}
.smallBannerT .boxMain{align-items: flex-end; text-align:center;}
.smallBannerTText{text-align: center; width:100%;}
.smallBannerTText p:nth-child(1){margin-top: 26px;font-size: 30px;font-weight: bold;line-height: 50px;color: #fff;}
.smallBannerTText p:nth-child(1) span{font-size: 30px;font-weight: bold;color: #ffa800;}
.smallBannerTText p:nth-child(2){margin-top: 10px;font-size: 20px;line-height: 50px;color: #fff;font-weight:bold;}
.smallBannerTText p:nth-child(3){margin-bottom: 10px;font-size: 20px;color: #fff;line-height:52px;}
.smallBannerTText p:nth-child(3) span{font-size: 26px;font-weight: bold;color: #ffa800;}

/*abouts*/
.abouts{margin-top:40px;}
.aboutsCont{margin-top:40px;}
.aboutsCont>img{width:40%;}
.aboutsText{width:58%;}
.aboutsText p{width: 100%;font-size: 16px;color: #434343;text-align: justify;line-height:28px;height:280px;margin-bottom:25px;overflow:hidden;}
.aboutsMore{text-align: right;width:100%;}
.aboutsMore a{display: inline-block;font-size: 16px;line-height: 43px;padding: 0 38px;text-align: center;color: #434343;margin-left: 20px;background: #fff;border: 1px solid #b7b7b7;}
.aboutsMore a:hover{color: #fff;background: #1c45af;border-color: #1c45af;transition: all .5s;}

/*cases*/
.cases{margin-top:40px;background:url("../images/casesBack.jpg") no-repeat;padding:40px 0 30px;}
.iBtF p:nth-child(1){color:#fff;}
.iBtF p:nth-child(2){color:#fff;}
.casesCont{position: relative;padding:0 5px;margin-top:40px;}
.casesCont .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: "";}
.casesCont .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: "";}
.casesCont .swiper-button-prev, .swiper-button-next{opacity: 1!important;}
.casesCont .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-62px;}
.casesCont .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-62px;}
.casesBox{transition: all ease 600ms;}
.casesBt{font-size: 16px;line-height: 40px;color: #fff;text-align: center;display:block;padding:0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.casesBox:hover{transform: scale(1.05);transition: all ease 600ms;}
.casesBox:hover img{opacity: .8;}

/*flow*/
.flow{margin-top:40px;}
.flowCont{margin-top:40px;}
.flowBox{text-align:center;width:13%;}
.flowBox p{width:110px;border:5px solid #666;border-radius: 50%;transition: all .5s;height:110px;line-height:100px;margin:0 auto;}
.flowBox img{width:65px;transition: all .5s;}
.flowBox span{font-size: 16px;line-height: 32px;color: #666;}
.flowBox:hover img{transform: rotate(360deg);}

/*newsCenter*/
.newsCenter{margin-top:40px;}
.newsCenterLeft{width:65%;}
.newsCentersPics{width:53%;position: relative;overflow: hidden;}
.newsCenterBox img{width:100%;}
.newsCenterBt{line-height: 22px;margin-bottom: 10px;border-bottom: 1px solid #eee;padding: 9px 0;}
.newsCenterBt span{font-size: 20px;font-weight: bold;color: #1c45af;border-left:4px solid #1c45af;padding-left:10px;display:block;}
.newsCenterBt a{color:#575757;margin-right:10px;}
.newsCenterBox{position: relative;}
.newsCenterTitle{line-height:35px;background: rgba(0,0,0,.8);text-align: center;position: absolute;left:0;bottom:0;width:100%;color:#fff;display: block;padding:0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsCentersPics .swiper-button-next{width:27px;height:60px;background: url("../images/newsRight.png") no-repeat center center rgba(0,0,0,.49);right:0;opacity: 1!important;}
.newsCentersPics .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: "";}
.newsCentersPics .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:"";}
.newsCentersPics .swiper-button-prev{width:27px;height:60px;background: url("../images/newsLeft.png") no-repeat center center rgba(0,0,0,.49);left:0;opacity: 1!important;}
.newsCentersPics .swiper-button-next:hover{background-color: rgba(220,0,0,.49);}
.newsCentersPics .swiper-button-prev:hover{background-color: rgba(220,0,0,.49);}
.newsCenterTitle:hover{color:#fff;}
.newsCenterList{width:44%;}
.newsCenterList p{display:flex;justify-content: space-between;border-bottom: 1px dashed #eee;line-height:38px;}
.newsCenterList p a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;width:70%;color:#575757;}
.newsCenterList p span{color:#575757;}
.newsCenterRight{width:31%;}
.newsCenterRight .newsCenterList{width:100%;}
.newsCenterList a:hover{color:#1c45af;}

/*friends*/
.friends{margin:30px 0 10px;}
.friends p{line-height:30px;font-weight:bold;}
.friends p a{font-weight:normal;padding:0 10px;}

/*footer*/
.footer{background-color: #313131;border-top:8px solid #1c45af;padding:58px 0 48px;}
.erweima{text-align: center;}
.erweima img{width:130px;}
.erweima p{font-size: 14px;color: #fff;line-height: 24px;padding-top: 5px;}
.bNav p{width:139px;}
.bNav a{display:block;color:#fff;line-height:14px;margin-bottom:16px;}
.bNav a:nth-child(1){margin-bottom:32px;font-size:16px;}
.comInfo p{color:#fff;}
.comInfo p span{display:block;font-size: 36px;color: #00ccff;line-height: 36px;font-weight:bold;margin:4px 0 12px;}
.comInfo p:last-child{line-height:22px;}

/*copyright*/
.copyright{background-color:#27292B;  padding:10px 0px;}
.copyright *{color:#939393;font-size:12px;}
.copyright p{line-height:24px;}
.copyright a:hover{color:#1c45af;}

/*page*/
.page{margin:20px 0;}
.pHome p{background:url("../images/home.png") no-repeat 3px center;padding-left:24px;line-height:50px;border-bottom:1px solid #f1f1f1;}
.pageLeft{width:21%;}
.pageLeftBt{font-size:20px;color:#fff;font-weight:bold;text-align:center;background-color: #1c45af;line-height:60px;}
.pageLeftBox{margin-bottom:10px;}
.pageLeftBox>a{display:block;border:1px solid #ddd;border-top:0;line-height:50px;padding-left:35px;}
.pageLeftBox>a:hover{color:#1c45af;}
.pageLeftContact{padding:10px;border:1px solid #ddd;border-top:0;}
.pageLeftContact>span{padding-bottom:10px;font-size:15px;border-bottom:1px solid #f2f2f2;color:#1c45af;font-weight:bold;display:block;text-align: center;margin-bottom:10px;}
.pageLeftContact p{line-height:24px;}
.pageRight{width:77%;}

.newlistBox{padding:20px;transition: all .5s;border-bottom: 1px solid #eaeaea;}
.newlistBox>a{width:20%;display:block;overflow: hidden;}
.newlistBox>a img{width:100%;transition: all 0.3s ease-out 0s;}
.newlistText{width:77%;}
.newlistText a{font-size:16px;line-height:30px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newlistText span{font-size:12px;color:#999;line-height:20px;display:block;}
.newlistText p{line-height:25px;color:#666;}
.newlistBox:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.newlistBox:hover img{transform: scale(1.1, 1.1);}
.newlistBox:hover .newlistText a{color:#1c45af;}

.activeBt{text-align:center;}
.activeBt p:nth-child(1){padding:20px 0;font-size:24px;border-bottom:1px dashed #ccc;font-weight:bold;line-height:28px;}
.activeBt p span{font-size:12px;color:#999;}
.activeBt p span:first-child{margin-right:14px;}
.activeBt p:nth-child(2){line-height:30px;margin-bottom:10px;}
.activeCont{color:#666;font-size:16px;line-height:2;padding-bottom:20px;}
.activeCont img{max-width: 100%;display:block;margin:0 auto;}
.activeConta{color:#666;font-size:16px;line-height:2;padding-bottom:20px;}
.activeConta img{max-width: 100%;/*display:block;*/margin:0 auto;}
.pNext{border:1px solid #ddd;line-height:38px;padding:0 10px;margin:10px 0;}
.pNext p{color:#666;}
.productBox{width:32%;text-align:center;border:1px solid #ddd;margin-bottom:30px;}
.productBox img{width:100%;}
.productPic{position: relative;}
.productBox a{display:block;}
.productBt{line-height:45px;color:#555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 10px;}
.tjBt{line-height:50px;font-size:18px;}
.productPic span{width:100%;height:100%;background: url("../images/proTb.png") no-repeat center center rgba(0,0,0,.3);opacity: 0;top:0;left:0;display:block;position: absolute;transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.productBox:hover .productPic span{opacity: 1;transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;}
.productBox:hover .productBt{color:#fff;background-color: #1c45af;}
.tjList p{display: flex;justify-content: space-between;line-height:28px;}
.tjList p a{display:block;width:80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.productCont{flex-wrap:wrap;}
.proText{line-height:42px;}

/*pos*/
.pos{position: fixed;right:0;top:150px;z-index: 99999;box-shadow: 0 0 5px 2px rgba(0, 0, 0, .08);border:1px solid #dbdbdb;background-color: #fff;}
.disnone{display: none!important;}
.posTb{width:66px;height:66px;text-align: center;padding-top:7px;position: relative;transition: all .3s ease-in-out 0s;}
.posImg2{display: none;}
.posT{font-size:12px;}
.posTb::after{left: 8px;bottom: 0;content: '';width: 50px;height: 1px;background: #dbdbdb;position: absolute;}
.posCont{position: absolute;top:0;right:67px;background-color: #fff;box-shadow: 0 0 5px 2px rgba(0, 0, 0, .08);padding:12px 15px;}
.posTb:nth-child(3) .posCont,.posTb:nth-child(4) .posCont{display: none;}
.lyb{width: 250px;}
.lyBt{text-align: center;font-size:16px;}
.lyForm p{width:100%;margin-top:12px;}
.lyForm p textarea{border: 1px solid #d9d9d9;border-radius: 5px;width: 100%;padding: 10px 14px;height: 120px;}
.lyForm p input{border: 1px solid #d9d9d9;border-radius: 5px;width: 100%;height: 40px;line-height: 26px;padding-left: 40px;}
.lyForm p:nth-child(2) input{background: url("../images/oll_mes_tel.png") no-repeat 15px center;}
.lyForm p:nth-child(3) input{background: url("../images/oll_mes_firm.png") no-repeat 15px center;}
.lyForm p:nth-child(4) input{background: url("../images/oll_mes_name.png") no-repeat 15px center;}
.lyForm p:nth-child(5) input{background: url("../images/oll_mes_email.png") no-repeat 15px center;}
.lyForm p button{border: 0;color: #fff;font-size: 14px;text-align: center;background: #3ea3ff;height: 40px;width: 100%;border-radius: 5px;}
.tel{width:270px;}
.telBt{font-size: 24px;color:#666;background: url("../images/postel.jpg") no-repeat left center;text-align: left;padding-left:35px;margin-bottom:10px;}
.telForm p{display: flex;}
.telForm input{border:1px solid #d9d9d9;border-right:0;border-top-left-radius: 3px;border-bottom-left-radius: 3px;height:30px;padding-left:8px;width:168px;}
.telForm button{background: #3ea3ff;border-top-right-radius: 3px;border-bottom-right-radius: 3px;width: 72px;height: 30px;border: 0;color: #fff;}
::-webkit-input-placeholder{color:#999;}
.xcx{width:140px;text-align: center;padding:5px;}
.xcx p{font-size:12px;color:#666;}
.xcx img{max-width:100%;}
.posImg1,.posImg2{margin:0 auto;}
.posTb:hover{cursor: pointer;}
.lyForm p:nth-child(2){position: relative;}
.bitian{color:#ff0000;position: absolute;right:10px;top:12px;}
/*.posTb:nth-child(3):hover,.posTb:nth-child(4):hover,.posTb:nth-child(5):hover{background-color: #3ea3ff;}*/
/*.posTb:nth-child(3):hover .posImg1,.posTb:nth-child(4):hover .posImg1,.posTb:nth-child(5):hover .posImg1{display:none;}*/
/*.posTb:nth-child(3):hover .posImg2,.posTb:nth-child(4):hover .posImg2,.posTb:nth-child(5):hover .posImg2{display:block;}*/
/*.posTb:nth-child(3):hover .posT,.posTb:nth-child(4):hover .posT,.posTb:nth-child(5):hover .posT{color:#fff;}*/
.posTb:last-child::after{height:0;}
/*.posTb:nth-child(3):hover .posCont,.posTb:nth-child(4):hover .posCont,.posTb:nth-child(5):hover .posCont{display:block;}*/
.backl{background-color: #3ea3ff;}
.disblock{display: block!important;}
.textfff{color:#fff;}
#top{transition: all .3s ease-in-out 0s;}

/*分页样式*/
.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: #1c45af;
    border-color: #1c45af;
}


