.application{width: 100%;height: auto;background: #f1f1f1;clear: both;padding-bottom: 4%;}
.itit{width: 100%;text-align: center;padding:3.2% 0; }
.itit h2{font-size:28px;color: #313131; }
.itit h4{font-size: 14px;color: #959595;text-transform:uppercase;}

.application_m{height: auto;overflow: hidden;}
.application_m ul li{width: 23.8%;float: left;background: #fff;text-align: center;margin-right: 1.6%;}
.application_m ul li .tm{}
.application_m ul li .tm{width:100%; position:relative; z-index:10;padding: 8% 0 12%;}
.application_m ul li .tm h2{font-size:30px; color:#303030;text-align: center; }
.application_m ul li .tm .line{display:block; width:122px; height:4px; margin:15px auto; background-color:#0068b7;}
.application_m ul li .tmp{font-size:14px; color:#999; padding:0px 25px;}

.application_m ul li .pic{width:100%; overflow:hidden; position:relative; z-index:1;}
.application_m ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.application_m ul li:hover .pic img{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.application_m ul li:hover{background: #0068b7;} 
.application_m ul li:hover .tm h2,.application_m ul li:hover .tm p{color:#fff;}
.application_m ul li:hover .tm .line{background-color:#fff;}

.application_m ul li:nth-child(4n){margin-right: 0;float: right;}

.iSearch{width: 100%;background: #fbfbfb;padding-bottom:4%;}
.iSearchf{width:80%;margin: 0 auto;border: 1px solid #0b4790;border-radius: 5px;height: 58px;line-height: 58px; }
.iSearchf input[type='text']{height: 58px;line-height: 58px;padding-left: 40px;color: #959595;float: left;background: url(../images/ssh.jpg) 10px center no-repeat;width: calc(78% - 40px );}
.iSearchf input[type='submit']{width: 22%;height: 58px;line-height: 58px;float: right;background: #0b4790 url(../images/ssan.jpg) left center no-repeat;text-align: center;color: #fff;font-size: 16px;}


.iProduct{width: 100%;height: auto;overflow: hidden;background:#f8f8f8 url(../images/cpbg.jpg) right top no-repeat;padding-bottom: 5%;}

.iProductmt{position: relative;overflow: hidden;}
.iProductmm{height: auto;background: url(../images/cptbg.png) 0 0 no-repeat;padding: 25px 0;background-size: 100%;position: relative;;}

.swiper-pagination{text-align: right;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-5px;z-index: 999;}
.swiper-pagination-bullet{background: url(../images/d.png) center no-repeat;width:13px;height: 13px; }
.swiper-pagination-bullet-active{background: url(../images/dd.png) center no-repeat;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/l.png) center no-repeat;left: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/r.png) center no-repeat;right: 0;}

.ipor_item{height: auto;overflow: hidden;}
.ipor_item .litpic{width: 55%;float: left;padding-left: 2%;margin-right: 3%;position: relative;;}
.ipor_item .litpic img.cplogo{position: absolute;top:16px;left:5%;  }
.ipor_item .litpic img{max-width: 100%;}
.Introduction{padding: 4% 0;width: 34%;float: left;}
.Introduction h2{font-size: 30px;color: #464646;margin-bottom: 3%;}
.Introduction p{font-size: 16px;line-height: 30px;color: #595757;}
.Introduction a{color: #19aff8;line-height: 36px;font-size: 14px;margin-top: 4%;display: block;}

.iProductml{height: auto;overflow: hidden;margin-top: 5%;}
.iProductml ul li{width:calc(23.5% - 2px );height: auto;overflow: hidden;background: #fff;text-align: center;float: left;}
.iProductml ul li a{display: block;border: 1px solid #e5e5e5;width:calc(100% - 2px );}
.iProductml ul li p{font-size: 16px;line-height: 40px;padding-top: 2%;}
.iProductml ul li div{text-align: center;padding:4%;height: 120px;overflow: hidden;line-height: 120px;position: relative; }
.iProductml ul li div img{max-width: 100%;vertical-align: middle; }
.iProductml ul li:nth-child(4n){margin-right: 0;}
.iProductml ul li div img.hover{position: relative;z-index: 0;}
.iProductml ul li:hover div img{display: none;}
.iProductml ul li:hover div img.hover{z-index: 2;display: inline-block;}
.iProductml ul li:hover{background: #0b4790;}
.iProductml ul li:hover p{color: #fff;}


.platformm{height: auto;overflow: hidden;width: 100%;/*background: url(../images/swpt.jpg) center no-repeat;padding:6% 0;*/}
.platformm img.litpic{display: block;margin: 0 auto;max-width: 80%;margin-bottom: 4%;}
.platformm p{text-align: center;color: #fff;line-height:35px;font-size: 16px; }
.platformm a.open{width:100%;margin:0% auto 0;display: block;text-align: center;color: #0b4790;}
.platformm a.open img{max-width:100%;display: block;margin: 0 auto;}
.partnerm{height: auto;overflow: hidden;padding-bottom: 2%;position: relative;margin-bottom: 25px;}
.partnerm ul li{width: 15%;text-align: center;height: 98px;line-height: 98px;margin: 0.5%;margin-right: 1.4%;margin-bottom:2%;float: left;}
.partnerm ul li img{max-width: 100%;max-height: 98px;vertical-align: middle;}
.partnerm ul li span{display:block; margin:2%; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.partnerm ul li:hover span{box-shadow: 0 10px 15px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.partnerm ul li:nth-child(6n){margin-right: 0;}
.partnerm ul li:hover span img{-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);    
filter: grayscale(100%);    
filter: gray;}

.partnerm .swiper-pagination{text-align: center;}



/*列表*/
/*当前位置*/
.navigation{font-size: 14px; background-color: #fff;border-bottom: 1px solid #ddd;padding:15px 0px;color: #666;line-height: 40px;overflow: hidden;}
.addlink:before {display: inline-block;content: " ";vertical-align: -1px;margin-right: 2px;width: 15px;height: 13px;background-image: url(../images/home.png);background-position: left top;background-repeat: no-repeat;}
.addlink a {color: #999;}
/*公司介绍*/
.about-box01{height: auto;overflow: hidden;}
.about-box01{ background-color:#fff;padding-top:30px; padding-bottom:30px;position: relative;}
.about-box01 .about-tm{float:left; width:50%;}
.about-box01 .about-tm .h2{font-size:30px; font-weight:bold; color:#154576;}
.about-box01 .about-tm .h3{font-size:24px; color:#333; padding:20px 0px;}
.about-box01 .about-tm p{font-size:14px; color:#999; margin-bottom:2%; text-align:justify;}
.about-box01 .about-tm .tm{ font-size: 14px;color: #999;margin-bottom: 2%;text-align: justify;padding:20px 0px;max-height: 500px;overflow-y: auto; }
.about-box01 .about-pic{/*max-width:620px;*/ width:48%; float:right; margin-top:38px;position: relative;overflow: hidden;}
.about-box01 .about-pic img{width:100%; display:block;}
.about-box01 .about-pic.fixedpro{position: fixed;top: 0;width:44%;left: 52%;margin-top: 5px; }
/*新闻*/
/*news*/
.newslist{height: auto;overflow: hidden;}
.newslist ul li{border-bottom:1px solid #ddd; padding:30px 0;}
.newslist ul li .item{position:relative; padding-left:290px; min-height:174px; padding-right:90px;}
.newslist ul li .pic{position:absolute; left:0; top:0; width:265px; height:174px; overflow:hidden;}
.newslist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.newslist ul li .pic:hover img{-webkit-transform:scale(1.12); -ms-transform:scale(1.12); transform:scale(1.12);}
.newslist ul li .title{height:33px; line-height:33px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist ul li .title a{font-size:22px; color:#333; font-weight:bold;}
.newslist ul li .title a:hover{color:#154576;}
.newslist ul li .pm{font-size:14px; color:#666; height:42px; overflow:hidden; margin:20px 0; max-width:770px;}
.newslist ul li .more{display:block; font-size:14px; color:#666; text-align:center; width:98px; line-height:30px; border:1px solid #ddd;}
.newslist ul li .more:hover{background-color:#154576; border-color:#154576; color:#fff;}
.newslist ul li .day{width:68px; /*height:68px;*/ padding:11px 0px; border:1px solid #ddd; border-radius:5px; position:absolute; right:0; top:50%; margin-top:-35px; text-align:center;}
.newslist ul li .day i{display:block; width:18px; height:18px; margin:5px auto; background-image:url(../images/time.png); background-repeat:no-repeat;}
.newslist ul li .day span{font-size:12px; color:#666;}

/*翻页*/
.page{text-align:center; padding:40px 0px;}
.page li{display: inline-block;}
.page a{font-size:14px; display:inline-block; border:1px solid #e3e3e3; padding:3px 10px; color:#666;}
.page a.on{background-color:#154576; border-color:#154576; color:#fff;}
.page a:hover{border-color:#154576;}

/*内容页*/
.newsdetails{padding:30px 0px;}
.nwtext h1{font-size:36px; color:#333; text-align:center;}
.nwtext .nwinfo{padding:4px 20px; background-color:#f7f5f4; margin-top:20px;height: auto;    overflow: hidden;}
.nwtext .nwinfo .clearfix{/*max-width:355px;*/ margin:0 auto;}
.nwtext .nwinfo span{display:block; float:right; color:#8a8a8a; line-height:28px;}
.nwtext .nwinfo .bdsharebuttonbox{float:right;}
.nwarc{padding: 25px 0;font-size: 16px;line-height: 30px;max-height: 500px;overflow-y: auto;}

.nwmore{overflow:hidden;zoom:1; border-top:1px solid #e7e7e7; padding-top:20px;}
.nwmore .ul{float:left;}
.nwmore .ul li{font-size:14px; color:#333; margin-bottom:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nwmore .ul li a{color:#333;}
.nwmore .ul li a:hover{color:#035cac; text-decoration:underline;}
.nwmore .return{float:right; display:block; width:160px; height:45px; line-height:45px; background-color:#154576; font-size:16px; color:#fff; text-align:center; transition: all 0.5s;}
.nwmore .return i{background-image:url(../images/returnbg.png); background-repeat:no-repeat; background-position:right center; padding-right:20px;}
.nwmore .return:hover{background-color:#2d618f;}


.contaclt .h2{font-size:30px; font-weight:bold; color:#154576;}
.tm{font-size: 14px;color: #999;margin-bottom: 2%;text-align: justify;padding:20px 0px;}


.navigation .menu_son{float:left;}
.navigation .menu_son li{float:left; margin-right:20px;}
.navigation .menu_son li a{font-size:14px; color:#666; display:block; text-align:center; /*width:110px;*/ padding:0px 20px; height:40px; line-height:40px; background-color:#ebebeb;}
.navigation .menu_son li:hover a,.navigation .menu_son li.active a{color:#fff; background-color:#154576;}
.pro .addlink,
.news .addlink,
.about .addlink
{float:right;}

/*产品*/
.index-pro{margin-top:30px;height: auto;overflow: hidden;}
.index-pro ul li{/*max-width:300px;*/ width:19%; margin:0.5%; float:left; text-align:center;}
.index-pro ul li .pic{border:1px solid #ddd; position:relative; overflow:hidden;height: 0px;padding-bottom: 100%;width: 100%;}
.index-pro ul li .pic img{width:100%; display:block;}
.index-pro ul li .bg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background-color:#fff; filter:alpha(opacity=80); background-color:rgba(255, 255, 255, 0.8); visibility:hidden; opacity:0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.index-pro ul li .h2{width:100%; position:absolute; left:0; top:70%; margin-top:-30px; z-index:10; text-align:center; font-size:14px; color:#154576; visibility:hidden; opacity:0;  -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-pro ul li .h2 span{display:block; width:34px; height:30px; margin:5px auto; background-image:url(../images/inpro.png);} 
.index-pro ul li .title{font-size:14px; color:3333; line-height:50px; height:50px;}
.index-pro ul li:hover .pic{border-color:#154576;}
.index-pro ul li:hover .bg{visibility:visible; opacity:1;}
.index-pro ul li:hover .h2{visibility:visible; opacity:1; top:50%;}
.index-pro ul li:hover .title{color:#154576;}


.pro-details{padding-bottom:30px;height: auto;overflow: hidden;margin-top: 30px; position:relative;}
.pro-details .proimg{border:1px solid #ddd; float:left; width:44%; position:relative;height: 0;padding-bottom:45%;}
.pro-details .proimg img{width:100%; display:block;}
.pro-details .proinfo{ width:52%; float:right;}
.pro-details .proinfo h1{font-size:24px; color:#333;}
.pro-details .proimg.fixedpro{position: fixed;top: 0;width:41%; }
/*.fixedpro.profr dl{}*/

.pro-details .proinfo .ro-return{margin-top:30px; margin-bottom:10px;}
.pro-details .proinfo .ro-return a{display:block; width:160px; height:45px; line-height:45px; background-color:#154576; font-size:16px; color:#fff; text-align:center; transition: all 0.5s;}
.pro-details .proinfo .ro-return a i{background-image:url(../images/returnbg.png); background-repeat:no-repeat; background-position:right center; padding-right:20px;}
.pro-details .proinfo .ro-return a:hover{background-color:#2d618f;}


/*contact*/
.contaclt{width:100%; overflow:hidden;zoom:1;}
.contacltt{width:35%; overflow:hidden;zoom:1;float: right;}
.contaclt ul li{width:100%; height:auto; margin-top:3%;}
.contaclt ul li div{padding:50px 30px; height:66px; background-color:#f4f4f4; transition: all 0.5s;}
.contaclt ul li div.t1{;}
.contaclt ul li div.t2{}
.contaclt ul li div.t3{}
.contaclt ul li:hover div{background:#e8e0e0;}

.contaclt ul li img{width:64px; height:64px; float:left; margin-right:30px;transition: all 0.2s;}
.contaclt ul li h3{font-size:14px; color:#333; font-weight:bold;transition: all 0.2s;}
.contaclt ul li p{font-size:14px; color:#666;transition: all 0.2s;}

.contaclt ul li:hover img{-webkit-transform:scale(1.12); -ms-transform:scale(1.12); transform:scale(1.12);}
.contaclt ul li:hover h3{font-size: 16px;}
.contaclt ul li:hover p{font-size: 16px;}

.map{border:1px solid #ddd;float: left;width:calc(62% - 12px ); padding:5px; margin:0px 0px 20px 0px;}



@media (max-width:1260px){
    .iProductmm{padding:0 0 10px;}
    .Introduction{padding:2% 0; }
    .ipor_item .litpic img.cplogo{max-height: 40px;}
    .Introduction h2{font-size: 24px;}
}
@media (max-width:1024px){
}

@media (max-width:960px){
    .iProductmm{background: url(../images/cptbgm.png) top no-repeat;background-size: 100%;padding-bottom: 0;} 
    .ipor_item .litpic{width: 96%;margin-right: 0;}
    .Introduction{width:calc(94% - 2px );background: #fff;margin: 0 auto;padding:2% 3%;}
    .application_m ul li .tm h2{font-size: 24px;}
    .application_m ul li .tm .line{width: 62%;}
    .platformm img.litpic{width: 56%;}
    .platformm p{font-size: 16px;}

}

@media (max-width:650px){
    .iProduct{background: #f8f8f8 url(../images/cpbg.jpg) right top no-repeat;background-size: 90%;}
    .platformm p{font-size: 14px;max-width: 90%;margin: 0 auto;}
    .platformm img.litpic{max-width: 70%;}
    .itit h2{font-size: 22px;}

    .application_m ul li .tm h2{font-size: 18px;}
    .iSearchf input[type='text']{width: calc(68% - 40px );}
    .iSearchf input[type='submit']{width: 32%;}

    .partnerm ul li{width:31%;height: 55px;line-height: 55px;margin-right: 2.75%; }
    .partnerm ul li:nth-child(3n){margin-right: 0;}
    .iProductml ul li{width:calc(48.5% - 2px );margin-right: 0;margin-bottom: 3%; }
    .iProductml ul li:nth-child(2n){float: right;}
    .about-box01 .about-tm .tm{max-height:100%;overflow: hidden;}
    .about-box01 .about-tm{width:100%;}
    .about-box01 .about-pic{width:100%; margin-top:5px;}


    .newslist ul li .item{padding-left:0px; padding-right:0px;}
    .newslist ul li .pic{position:static; left:auto; top:auto; width:100%; height:auto;}
    .newslist ul li .title{margin-top:15px;}
    .newslist ul li .pm{height:auto;}
    .newslist ul li .day{top:auto; bottom:-15px; margin-top:0;}
    
    .newsdetails{padding-bottom:20px;}
    .nwtext h1{font-size:20px; padding:0px 20px;}
    .nwmore .ul{width:100%;}
    .nwmore .return{width:100%; margin-top:20px;}
    .index-pro ul li{width: 48%;}
    .index-pro ul li .title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .index-pro ul li:nth-child(2n){float: right;}
    .navigation .menu_son li{margin-bottom:15px;}
    .navigation .menu_son li a{padding:0 12px; }
    
}

@media (max-width:420px){
    .logo{width: 20%;}
    .logor{width: 26%;}
    div.nav{width: 70%;}
    .menu-link{padding: 16px 0;}
    .pro-details .proimg{width:calc(100% - 2px );}
    .pro-details .proimg{padding-bottom:85%;    margin-bottom: 15px;}
    .pro-details .proimg.fixedpro{position: relative;width:calc(100% - 2px );}
    .pro-details .proinfo,.contacltt{width: 100%;}
  .map{width: calc(100% - 12px );}
}