@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0 }
body { font-size: 14px; font-family: Microsoft YaHei, Arial, Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff }
li, ol { list-style: none }
ins { text-decoration: none }
i, em { font-style: normal }
a { text-decoration: none; font-family: "Microsoft YaHei" }
a:hover { cursor: pointer; text-decoration: none }
:focus { outline: 0 }
.clear { clear: both; line-height: 0; overflow: hidden; zoom: 1; font-size: 0; content: '.' }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
img { padding: 0; margin: 0 }
a img { border: 0 }
input, textarea { border: 0; font-family: "Microsoft YaHei"; font-size: 13px }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 14px; font-family: "Microsoft YaHei" }
.fl { float: left }
.fr { float: right }
.wrap { min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative; font-family: "Microsoft YaHei"; background: #fff }
.wrap img { display: block; width: 100% }

@font-face { font-family: Acrom; src: url(/mobile/css/font/Acrom.otf) }
@font-face { font-family: AcromBold; src: url(/mobile/css/font/Acrom.Bold.otf) }
@font-face { font-family: Montserrat; src: url(/mobile/css/font/Montserrat-Regular.otf) }
@font-face { font-family: Montserrat-Light; src: url(/mobile/css/font/Montserrat-Light.otf) }
@font-face { font-family: MontserratAlternates; src: url(/mobile/css/font/MontserratAlternates-Regular.otf) }
@font-face { font-family: Neutraface; src: url(/mobile/css/font/NEUTRAFACE2DISPLAY-TITLING.OTF) }
@font-face { font-family: NeutrafaceBold; src: url(/mobile/css/font/neutraface2display-bold.otf) }
@font-face { font-family: neutraface2display-medium; src: url(/mobile/css/font/neutraface2display-medium.otf) }
@font-face { font-family: MyriadPro; src: url(/mobile/css/font/MyriadPro-Regular.otf) }
@font-face { font-family: ITCAVANTGARDESTD; src: url(/mobile/css/font/ITCAVANTGARDESTD-DEMI.OTF) }


.more { display: block; width: 9.35rem; height: 3.1rem; background: #ff4a00; text-align: center; font-size: 1rem; color: #010101; line-height: 3.1rem; -o-transition: all .3s ease; transition: all .3s ease; font-family: Montserrat }

.banner .swiper-pagination .swiper-pagination-bullet{ width:0.6rem; height:0.6rem; background:rgba(255,255,255,0.5);border-radius: 50%;margin:0 0.575rem;transition:0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.4rem; height:0.6rem; background:rgba(255,255,255,1);border-radius: 30px; }


/**/
.about{height:50.1rem;padding-left: 0.7rem;}
.abo{height:50.1rem;background:url(/mobile/images/xt.png) no-repeat left;background-size:5.3%;padding:3.95rem 2rem 0 2.3rem; box-sizing: border-box;}
.abo h2{margin-bottom: 2.0rem;}
.abo h2 span{display:block;font-size: 2.4rem; line-height: 1.8rem;color:#0A2D7E; font-family: "Arial";margin-bottom: 1.2rem; text-transform: uppercase; font-weight: bold;}
.abo h2 i{display:block; width:1.9rem; height:0.15rem;background:#0A2D7E;}
.abo .abo_desc{height:10.0rem;font-size: 1.1rem; color:#666666; margin-bottom: 1.8rem; line-height:1.7rem;}
.abo strong{display:block;height:14.95rem;}
.abo strong img{width:100%;height:100%;}
.abo ul{padding-top:1.75rem;}
.abo ul li{float:left;width:27%;height:3.3rem;border-left:1px solid #e8e8e8; box-sizing: border-box;padding-left:1.25rem;}
.abo ul li span{display:block;height:1.5rem; line-height: 1.5rem;}
.abo ul li span em{font-size: 2.0rem; color:#1A1A1A; font-weight: bold;}
.abo ul li span sub{font-size: 0.7rem;color:#1A1A1A;font-weight: bold;}
.abo ul li p{font-size: 0.8rem; line-height: 0.8rem; color:#808080;margin-top: 0.65rem;}
.abo ul li:nth-child(2){width:46%;}
.abo ul li:first-child{border-left:0;padding:0;}
.abo h4{margin: 2.3rem auto 0;width:45.5%; height:2.8rem; text-align: center; line-height: 2.8rem;background:#D9261C;}
.abo h4 i{font-size: 1.0rem; color:#FFFFFF;padding-right:2.35rem;background:url(/mobile/images/jt.png) no-repeat right;background-size:17%; font-weight: bold;}

/**/
.product{height:64.0rem;}
.product .pro_desc{height:64.0rem;position:absolute;width:100%;}
.product .pro_desc i{display:block;height:64.0rem;}
.product .pro_desc .prode1{background:url(/mobile/images/product.jpg) no-repeat center;background-size:100%;}
.product .pro_desc .prode2{background:url(/mobile/images/product2.jpg) no-repeat center;background-size:100%;}
.product .pro_desc .prode3{background:url(/mobile/images/product3.jpg) no-repeat center;background-size:100%;}

.pro{padding:3.95rem 4.6% 0;z-index:200;position:relative;}
.pro h2{margin-bottom: 1.5rem;}
.pro h2 span{display:block;font-size: 2.4rem; line-height: 1.8rem; color:#0A2D7E; margin-bottom: 1.2rem; text-transform: uppercase; font-weight: bold;}
.pro h2 i{display:block;width:1.9rem; height:0.15rem;background:#0A2D7E;}
.pro .m-cnt{margin-bottom: 1.25rem;height:6.0rem;}
.pro .m-cnt li{float:left;width:49.1%; height:3.0rem;font-weight: bold;font-size: 1.1rem; color:#333333;text-align: center;line-height: 3.0rem;}
.pro .m-cnt li:nth-child(even){float:right;}
.pro .m-cnt li.z-on{background:#0A2D7E url(/mobile/images/dbx.png) no-repeat left;color:#FFF;background-size:5%;}
.pro .swiper-slide ul{height:38.1rem;}
.pro .swiper-slide ul li{float:left; width:49.1%; height:17.0rem; margin-bottom: 1.6rem;position:relative;background:#FFF;}
.pro .swiper-slide ul li:nth-child(even){float:right;}
.pro .swiper-slide ul li dl dt{height:7.95rem;}
.pro .swiper-slide ul li dl dt img{width:100%;}
.pro .swiper-slide ul li dl dd{width:88.4%; margin:0 auto;padding-top:1.5rem;border-top:1px solid #E8E8E8;}
.pro .swiper-slide ul li dl dd span{display:block; margin-bottom: 1.15rem;}
.pro .swiper-slide ul li dl dd span a{font-size: 1.2rem; color:#333333;font-weight: bold;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;display: block;}
.pro .swiper-slide ul li dl dd p{font-size: 1rem; color:#4D4D4D;line-height:1.2rem; height:3.5rem;overflow:hidden;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}
.pro .swiper-slide ul li .gd{display:block;width:2.3rem; height:2.3rem;background:url(/mobile/images/jt2.png) no-repeat center; background-size:100%;position: absolute;bottom:0; right:0;}
.pro strong{display:block;margin:0 auto;width:45.5%; height:2.8rem; text-align: center; line-height: 2.8rem;background:#D9261C;}
.pro strong i{font-size: 1.0rem; color:#FFFFFF;padding-right:2.35rem;background:url(/mobile/images/jt.png) no-repeat right;background-size:17%; font-weight: bold;}

/**/
.casebj{height:34.8rem;}
.case{padding:1.5rem 0 0 4.6%;}
.case h2{margin-bottom: 2.0rem;}
.case h2 span{display:block;font-size: 2.4rem; line-height: 1.8rem; color:#0A2D7E;font-weight: bold; margin-bottom: 1.45rem;text-transform: uppercase;font-family: "Arial";}
.case h2 i{display:block;width:1.9rem; height:0.15rem; background:#0A2D7E;}
.case dl{width:100%;padding-right:0.45rem;border-right:1px solid #dedede;height:25.0rem;box-sizing: border-box;}
.case dl dt{height:14.8rem;}
.case dl dt img{width:100%;height:100%;}
.case dl dd{padding:1.5rem 0.9rem 0 1.0rem;}
.case dl dd span{display:block;margin-bottom: 1.25rem; line-height: 1rem;}
.case dl dd span a{font-size: 1.3rem; color:#333333;font-weight: bold;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;display: block;}
.case dl dd p{font-size: 1.05rem;color:#666666; margin-bottom: 2.1rem;    display: -webkit-box;
    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;    text-overflow: ellipsis;}
.case dl dd em{display:block;height:1.0rem; line-height: 1.0rem;}
.case dl dd em a{font-size: 1.0rem; color:#0A2D7E; font-weight: bold;padding-right:1.95rem;background:url(/mobile/images/jt3.jpg) no-repeat right;background-size:13%;}

/**/
.whybj{height:51.5rem;background:#F5F5F5;}
.why{padding:4.35rem 4.6% 0;}
.why h2{margin-bottom: 2.0rem;}
.why h2 span{display:block;font-size: 2.4rem; line-height: 1.8rem;margin-bottom: 1.45rem;font-weight: bold; text-transform: uppercase; color:#0A2D7E;}
.why h2 i{display:block;width:1.9rem; height:0.15rem; background:#0A2D7E;}
.why dl{width:100%;margin:0 auto;padding-bottom:2.9rem;}
.why dl dt{height:21.5rem;}
.why dl dt img{width:100%; height:100%;}
.why dl dd{width:96.5%;height:16.4rem;background:#FFF;padding:2.4rem 1.25rem 0 2.4rem;position:relative;box-sizing: border-box;margin:-2.5rem auto 0;box-shadow:0px 6px 36px 0px rgba(0, 0, 0, 0.18);}
.why dl dd span{display:block;font-size: 1.7rem; line-height: 1.25rem;margin-bottom: 1.5rem;color:#333333; font-weight: bold;}
.why dl dd p{font-size: 1rem; color:#666666; line-height: 1.5rem;}
.why dl dd i{display:block;width:1.65rem; height:17.35rem;background:url(/mobile/images/xt2.png) no-repeat center; background-size:100%;position: absolute;top:-0.95rem;left:-0.05rem;}
.why .swiper-pagination{bottom:0 !important;}
.why .swiper-pagination .swiper-pagination-bullet{width:0.9rem; height:0.9rem; border:3px solid #0A2D7E;box-sizing: border-box;margin:0 0.3rem;background:#FFF;border-radius:50%;}
.why .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0A2D7E;}

/**/
.newsbj{height:48.25rem;}
.news{padding:3.95rem 4.6% 0;}
.news h2{margin-bottom: 1.0rem;}
.news h2 span{display:block;font-size: 2.4rem; line-height: 1.8rem;color:#0A2D7E; margin-bottom: 1.45rem;font-weight: bold;}
.news h2 i{display:block;width:1.9rem; height:0.15rem;background:#0A2D7E;}
.news ul{margin-bottom: 1.5rem;}
.news ul li{height:10.55rem; border-bottom:1px solid #e8e8e8; padding:1.0rem 0;box-sizing: border-box;}
.news ul li dl dt{width:39.1%; height:8.5rem;float:right;}
.news ul li dl dt img{width:100%; height:100%;  }
.news ul li dl dd{width:60.9%; float:left;padding-top:1.45rem;}
.news ul li dl dd span{display:block;margin-bottom: 2.6rem;}
.news ul li dl dd span a{font-size: 1.2rem; color:#4D4D4D;font-weight: bold;}
.news ul li dl dd p{font-size: 0.8rem; color:#999999; line-height: 0.8rem;font-weight: bold;}
.news ul li:last-child{border-bottom:0;}
.news h4{display:block;margin:0 auto;width:45.5%; height:2.8rem; text-align: center; line-height: 2.8rem;background:#D9261C;}
.news h4 i{font-size: 1.0rem; color:#FFFFFF;padding-right:2.35rem;background:url(/mobile/images/jt.png) no-repeat right;background-size:17%; font-weight: bold;}


@-webkit-keyframes fade {
    from { opacity: 1; display: block }
    to { opacity: 0; display: none; height: 0 }
}
@keyframes fade {
    from { opacity: 1; display: block }
    to { display: none; opacity: 0; height: 0 }
}
.fade { -webkit-animation-name: fade; animation-name: fade }