body,html{ padding:0; margin:0; height:100%;}
body{ font-size:14px; font-family: "微软雅黑";background: #FFFFFF;}
*{ box-sizing: border-box;}
a{ text-decoration: none; color:inherit;}
img{max-width: 100%;max-height: 100%;display: block; margin: 0 auto; height: auto;}
h1,h2,h3,h4,h5,h6,p,dd,dl,dt,ul,li{ margin: 0; padding: 0 }
em,i{font-style:normal}
ul li {list-style-type:none; }
ol li {list-style-type:decimal;}


/*smcss*/
.bar{padding: 0;background: #0b2a61;}
.panel{background: #0B2A61;width: 9.5rem;}
.content{top: 2.2rem;}
.content-padded{margin: 2%;}


.swiper-container{padding-bottom: 0;}


.fl{float: left;}
.fr{float: right;}
.mt10{margin-top: 10px;}
.ml10{margin-left: 1%;}

.w100{width: 100%;}
.logo {width: 35%;margin:5px 10px;}
.logo img{float: left; display: inline-block; vertical-align: middle;}
.bar .iconfont{position: relative;z-index: 20; font-size: 1.5rem;color: #fff;height: 2.2rem;}
.insea{padding-right: 1rem;}

.bar:after { background-color: transparent; } 
.banner{position: relative;} 
.banner img{width: 100%;}
.swiper-container{padding-bottom: 0;}
.swiper-pagination span{background:#ffffff;}
.swiper-pagination,.swiper-slide,.swiper-wrapper{height: auto;}
.swiper-container-horizontal > .swiper-pagination{bottom: 0.45rem;}
.list-block { margin:  0; color: #999; font-size: 0.75rem } 
.list-block a{ color: #444 }
.timecolor{ color: #999 }
.prban{position: relative;height: 11.5rem;}
.prban img{width: 100%;}

.wapr{background: #fff;}
.inico{padding: 10px 0;}
.inico li{float: left;width: 20%;margin-bottom: 0.25rem;}
.inico li .iconfont{font-size: 2rem; line-height: 2.5rem;height: 2.5rem;}
.inico li i{float: left;text-align: center;color: #f00;width: 100%;}
.inico li p{float: left;width: 100%;text-align: center;font-size: 0.7rem;}

.navbox .col-50{width: 49.5%;}
.inabt{position: relative;height: 5rem;width:33%;}
.navb-r .inabt{height: 10rem;}
.inabt a{padding: 1rem 0; background: url(../img/inpro.png) right no-repeat;display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: right top; background-size: auto 100%; overflow: hidden;}
.navb-r .inabt a{background-size: auto;padding: 2rem 0;}
.navtxt{margin-top:1rem;padding: 0 5%;}
.navtxt h3{display:block;color:#303030;font-size:0.75rem}
.navtxt span{margin-top:0.2rem;color:#c8c7cc;font-size:0.65rem;}

.innews,.footerbox{width: 96%;}
.innli li{overflow: hidden; border-bottom: 1px solid #f0f0f0;padding: 0.5rem 0;width: 100%;}
.innli li span{float: left;width: 30%;}
.innli li span img{width: 100%;height: 3.85rem;}
.innli li .instxt{float: left;margin-left: 5%;width: 65%;}
.innli li .instxt h3{font-size: 0.75rem;font-weight: normal;line-height: 1rem;margin: 0;width: 100%; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.in-more{text-align: center;font-size: 0.65rem;padding: 0.5rem;margin: 0.5rem 0;}
.in-more a{padding: 0.5rem 1rem;background: #0b2a61;color: #fff;border-radius: 0.5rem;}
.innli li .instxt p{color: #999;line-height: 0.95rem;width: 100%; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.in-more{text-align: center;font-size: 0.65rem;padding: 0.5rem;margin-bottom: 0.5rem;}

.inpro h2,.probox h2{background: #D0D0D0;padding: 0.25rem;}
.inproli li{float: left;width: 50%;position: relative; height: 11rem; padding: 0.6rem;box-sizing: border-box;overflow: hidden;}
.inproli li:before{position: absolute; bottom: 0; left: 0;width: 100%; height: 1px; content: ''; -webkit-transform: scaleY(.5);transform: scaleY(.5); background-color: #D0D0D0;}
.inproli li:after{position: absolute;right: 0;top: 0;width: 1px; height: 100%; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); background-color: #D0D0D0;}
.inproli li a{display: block;}
.inprimg{float: left;width: 100%;}
.inproli b{font-size: 0.75rem;font-weight: normal;line-height: 1.3rem;float: left;width: 100%;overflow: hidden;white-space: nowrap;    text-overflow: ellipsis;}
.insx p{font-size: 0.6rem;color: #666;}
.incon{text-align: center;margin: 0.5rem 0;}
.incon a{color: #FF0000;padding-left: 0.25rem;}
.bottnav{text-align: center;}
.bottnav a{padding: 0 0.25rem;}
.copyright p{text-align: center;color: #999;}

.rightnav li a{font-size: 0.75rem;line-height: 1.25rem;margin-top: 0.25rem;color: #fff;float: left;width: 100%;display: block;}
.rightnav li i{font-size: 0.95rem;line-height: 1.25rem;font-weight: normal;margin-right: 0.5rem;float: left;}
.rightco{font-size: 0.95rem;float: left;width: 100%;}
.rightco i{font-size: 1.25rem;float: left;line-height: 1.75rem;}
.rightco .close-panel{position: absolute;bottom: 3rem;color: #fff;}

.probox .buttons-tab .button.active{color: #0B2A61;border-bottom: none;}
.tab .content-block{margin: 0;padding: 0;}
.buttons-tab{border-bottom: solid #0B2A61 2px;line-height: 2rem;}
.prolist li{float: left;width: 50%;position: relative;padding: 0.6rem;box-sizing: border-box;overflow: hidden;height: 11.75rem;}
.prolist li b{font-size: 0.75rem;font-weight: normal;color: #333;width: 100%; overflow: hidden;white-space: nowrap;    text-overflow: ellipsis;float: left;}
.prolist li:before{position: absolute; bottom: 0; left: 0;width: 100%; height: 1px; content: ''; -webkit-transform: scaleY(.5);transform: scaleY(.5); background-color: #D0D0D0;}
.prolist li:after{position: absolute;right: 0;top: 0;width: 1px; height: 100%; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); background-color: #D0D0D0;}
.prolist li a{display: block;}

.fenye{padding: 0.5rem 0;text-align: center;}
.fenye a{padding: 0 0.5rem;}

.productbox h1{font-size: 0.9rem;word-break: break-all;float: left;width: 100%;border-bottom: solid 1px #D0D0D0;padding-bottom: 0.5rem;}
.pr-price{font-size: 0.75rem;color:#666;margin: 0.25rem 0;float: left;width: 100%;}
.pr-price em{font-size: 0.9rem;color: #FF0000;font-weight: 600;}
.pr-medium{font-size: .6rem;color: #999;margin: 0.25rem 0;}
.zbico{margin:  0.5rem 0;}
.zbico p{float: left;padding:0 0.5rem;font-size: 0.75rem;}
.zbico p i{font-size: 1rem;padding-right: 0.25rem;color: #0B2A61;}

.protab .buttons-tab{border-bottom:none;}
.protab .buttons-tab .button.active{color: #0B2A61;border-bottom: 2px solid #0B2A61;}
.tb h3{color: #333;font-size:0.8rem;margin-bottom: 0.25rem;}
.tb p{color: #666;font-size: 0.65rem;line-height: 1.1rem;}
.cstab table tr{width: 100%;}
.cstab table td { border: 1px #D0D0D0 solid; padding-left: 0.25rem; font-size: 0.65rem; line-height: 1.2rem;}

.newslist li{overflow: hidden; border-bottom: 1px solid #f0f0f0;padding: 0.5rem 0;width: 100%;}
.newslist li span{float: left;width: 30%;}
.newslist li span img{width: 100%;height: 3.85rem;}
.newslist li .instxt{float: left;margin-left: 5%;width: 65%;}
.newslist li .instxt h3{font-size: 0.7rem;font-weight: normal;line-height: 1rem;margin: 0;color: #333;}
.newslist li .instxt p{color: #999;line-height: 0.95rem;width: 100%;height: 1rem;overflow: hidden;}
.newslist li .instxt span{font-size: 0.5rem;float: right;color: #999;}

.newswz h1{font-size: 0.85rem;color: #333;font-weight: 600;    text-align: center;}
.newsbj{text-align: center;font-size: 0.7rem;margin: 0.25rem 0;}
.newscon p{float: left;width: 100%;text-indent: 0.75rem;margin: 0.25rem 0;font-size: 0.75rem;}
.newscon img{float: left;width: 100%;height: auto;}
.newstj li{overflow: hidden; border-bottom: 1px solid #f0f0f0;padding: 0.5rem 0;width: 100%;}
.newstj li span{float: left;width: 30%;}
.newstj li span img{width: 100%;height: 3.85rem;}
.newstj li .instxt{float: left;margin-left: 5%;width: 65%;}
.newstj li .instxt h3{font-size: 0.7rem;font-weight: normal;line-height: 1rem;margin: 0;color: #333;}
.newstj li .instxt p{color: #999;line-height: 0.95rem;width: 100%;height: 1rem;overflow: hidden;}
.newstj li .instxt span{font-size: 0.5rem;float: right;color: #999;}
.footerss{margin-top: 2.55rem;width: 100%;}
.footbox{position: fixed;}


/**about**/
.abtit{text-align: center;}
.abtit h1{font-weight: 700;}
.abtit p{color: #999;margin: 5px 0;}
.abinduct p{float: left;width: 100%;font-size:0.7rem;line-height:1.25rem;font-weight: 100;text-indent: 1.3rem;margin-bottom: 0.5rem;color: #333;}
.abrqpic img{float: left;width: 100%;height: auto;margin-bottom: 0.5rem;}
.abcontact li{float: left;width: 100%;text-align: center;padding: 0.5rem 0;}
.abcontact{margin-bottom: 1rem;}
.abcontact li h3{font-size: 0.85rem;color: #333;}
.abcontact li p{font-size: 0.75rem;color: #555;padding-top: 0.5rem;}
.fwwz{width:100%;padding: 5%;background: #1e51ad; color: #fff;}
.fwwz p{float: left;font-weight:100;font-size: 0.75rem;line-height: 1.25rem;}
.idli{float: left;width: 100%;}
.idli img{margin-bottom: 0.5rem;}
.idli p{font-size: 0.75rem;font-weight: 100;float: left;color: #666;}
.abvideo{margin-top: 0.5rem;}
.abvidtit{float: left;width: 100%;margin: 0.5rem 0;}
.abvidtit h2{float: left;font-weight: 700;line-height: 1.25rem;font-size: 1rem;}
.abvidtit p{float: left;padding-left: 1%;font-size: 0.85rem;color: #666;line-height: 1.5rem;font-weight: 700;}
.abvidtit span {float: right;color: #0B2A61;line-height: 1.25rem;}
.abvlist li{float: left;width: 48%;margin: 1%;position: relative;}
.abvlist li img{float: left;width: 100%;height: auto;}
.abvlist li i{ position: absolute; left: 40%; top: 20%;font-size: 38px;color: #fff;}
.abvlist li p{float: left;width: 100%;font-size: 0.75rem;line-height: 1.25rem;text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.picbox li {float: left;width: 48%;margin: 1%;}
.picbox li img{float:left;width:100%;}
.picbox li p{float: left;width: 100%;font-size: 0.85rem;line-height: 1.5rem;text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/**abcompany**/
.abcom .abtit h1{color: #fff;}
.abcom .abtit p{color: #fff;}
.abcom{background: url(../img/compb.jpg) center top no-repeat;}
.abcomin p{float: left;width: 100%;text-indent: 1.25rem;font-size: 0.75rem;line-height: 1.2rem;color: #fff;margin: 5% 0;}
.abcomli li{float: left;width: 100%;margin-bottom: 3%;background: #fff;}
.abcomli li img{float: left;width: 100%;height: auto;max-height: 270px;}
.comlitit{width: 90%;float: left;margin: 5%;text-align: center;}
.comlitit h3{font-size: 0.85rem;font-weight: 700;}
.comlitit p{font-size: 0.75rem;line-height: 1.25rem;color: #666;margin: 2% 0;    text-align: left;}
.comlitit a{padding: 1% 8%;background: #DD0000;color: #fff;font-size: 0.75rem;font-weight: 700;}
.comlitit a:hover{background: #0B2A61;}
.atlasbox li{float: left;width: 48%;margin: 1%;}
.atlasbox li img{float: left;width: 100%;height: auto;}
.atlasbox li p{float: left;width: 100%;text-align: center;height: 1.5rem;line-height: 1.5rem;overflow: hidden;}

.bar .button{top: 0;}
.pagebk{background: #fff;}
.searboxtit{float: left;width: 100%;margin: 0.5rem 0;}
.hotsear{margin-left: 0;float: left;width: 100%;}
.hotsear p{float: left;margin: 0.25rem;}


.comintit h1{font-size:0.85rem;margin:10px 0;color: #0b2a61;}
.comintit h1 em{font-size: 16px;color: #555555;margin-left: 10px;}
.compictxt img{float: left;width: 100%;height: auto;}
.compictxt p{float: left;width: 100%;font-size: 0.65rem;line-height: 1.25rem;margin-top: 10px;text-indent: 1.25rem;}
.compro li{float: left;width: 49%;margin-right: 2%;}
.compro li:last-child{margin-right: 0;}
.compro li img{float: left;width: 100%;height: 6.5rem;}
.compro li p{float: left;width: 100%;text-align: center;line-height: 1.25rem;font-size: 0.65rem;background: #fff;box-shadow: #D0D0D0 1px 2px 5px;    overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;}
.comalbox,.comconbox{margin-top: 20px;} 
.comanli li{float: left;width: 100%;padding: 2% 0;border-bottom: solid 1px #D0D0D0;}
.comanli li img{float: left;width: 30%;height: auto;}
.caltit {float: left;margin-left: 3%;width: 65%;}
.caltit p{font-size: 0.75rem;font-weight: 600;}
.caltit span{font-size: 0.65rem;color: #666;line-height: 1rem;}
.comcon img{float: left;width: 100%;height: 4rem;}
.comcontit {float: left;width: 100%;margin-top: 10px;}
.comcontit p{float: left;width: 100%;padding-bottom: 0.25rem;font-size: 0.75rem;}

.zztit{text-align: center;margin-bottom: 10px;}
.zztit{font-size: 0.65rem;}
.qiye img{padding-top: 15px; float: left; width: 100%;height: auto;}
.qywhpic img{float: left;width: 100%;height: auto;margin-top: 10px;}


.language{float: left;width: 100%;color: #fff;margin-top: 0.5rem;}
.language h3{float: left;width: 100%;}
.language a{float: left;width: 100%;margin-top: 0.25rem;}
.language a img{float: left;padding-right: 0.25rem;padding-top: 0.25rem;}

.seatip{float: left;width: 100%;}
.seatip p{padding: 1rem;font-size: 0.75rem;}
.seatip p em{color: #f00;font-weight: 700;}



.footerss .bar-tab .tab-item .iconfont { font-size:1rem;}
.footbox .tab-label{color: #fff;}


.sbul ul{float: left;width: 100%;}
.sbul li{float: left;width: 48%;margin: 1%;}
.sbul li img{float: left;width: 100%;height: auto;}
.sbul li p{float: left;width: 100%;text-align: center;font-size:0.85rem;padding: 0.25rem 0;overflow: hidden;line-height: 1.25rem;height: 1.25rem;}
.jsbox img{float: left;width: 100%;height: auto;}
.jsbox p{float: left;width: 100%;font-size:0.75rem;line-height: 1.25rem;}
.jsbox p em{color: #DD0000;}
.yfsj img{float: left;width: 100%;height: auto;}

.layui-hide-xs{display:none}


@media screen and (min-width: 768px) {

     .prolist li{height:14rem;}
	 .inproli li{height:14rem;}
}