html body{width: 100%; overflow-x: hidden;}
body {font-size: 62.5%; background-color: #f5f5f5; line-height: 1.5; color: #313131; background-size: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch;}
html, body, p, a, span, ul, li, ol, select, td, th, input, textarea, button{font-family: "Helvetica Neue","Microsoft Yahei","微软雅黑","Tohoma"; }
a, a:link, a:visited, a:hover, a:active, a:focus{text-decoration: none; outline: 0; border: 0;}
input, textarea, button{border: 0; outline: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; appearance: none;}
textarea{resize: none;}
img{margin: 0 auto; max-width: 100%; display: block;}

.required{width: 96%; color: #575757; font-size: 1.4em;}
.submit{display: block; margin: 25px auto; width: 53%; padding: 10px 0; color: #fff; background-color: #ea2921; font-size: 1.6em; font-weight: bold; text-align: center; border-radius: 25px;}
.submit:hover{background-color: #a50b05;}
/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667%}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333%}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}

/* css3 style */
.shadow{box-shadow: 3px 3px 3px #e2dfdf; -moz-box-shadow: 3px 3px 3px #e2dfdf; -webkit-box-shadow: 3px 3px 3px #e2dfdf;}
.radius-half{border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.radius-5{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.trans-3{transition: all 0.35s ease-in-out;}
.trans-12{transition: all 1.2s;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.visible{overflow: visible;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.hand{cursor: pointer; _cursor: hand;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filterbox{top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.ff-ar{font-family: "Arial" !important;}
.noborder{border: 0 !important;}
.mt{margin-top: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.mr{margin-right: 0 !important;}

/* 带说明、图标、跳转、单复选列表项 */
.weui-cells{margin: 8px 8px 0; padding: 0 15px; background: #fff; color: #5d5d5d;}
.weui-title{padding: 18px 0 14px;}
.weui-cell{position: relative; border-top: 1px solid #dcdcdc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.weui-cell-text{padding: 14px 0;}
.weui-cell-icon{padding: 8px 0;}
.weui-hd, .weui-bd, .weui-ft{position: relative;} 
.weui-hd{width: 25px; height: 25px;}
.weui-bd{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}

/* loading */
.noscroll{height: 100%; overflow: hidden;}
.loading-wrap{z-index: 99; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #f5f5f5;} 
.loading-wrap .spinner{width:50px; height:30px; text-align:center; font-size:10px; position:absolute; top:35%; left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);}
.loading-wrap .spinner>div{background-color:#193563; height:100%; width:6px; display:inline-block;
-webkit-animation:stretchdelay 1.2s infinite ease-in-out;
animation:stretchdelay 1.2s infinite ease-in-out;}
.loading-wrap .spinner .rect2{-webkit-animation-delay:-1.1s; animation-delay:-1.1s;} 
.loading-wrap .spinner .rect3{-webkit-animation-delay:-1s; animation-delay:-1s;} 
.loading-wrap .spinner .rect4{-webkit-animation-delay:-.9s; animation-delay:-.9s;}
.loading-wrap .spinner .rect5{-webkit-animation-delay:-.8s; animation-delay:-.8s;}
@-webkit-keyframes stretchdelay {
0%,40%,100% {-webkit-transform:scaleY(.4);}
20% {-webkit-transform:scaleY(1);}
}
@keyframes stretchdelay {
0%,40%,100% {transform:scaleY(.4); -webkit-transform:scaleY(.4);}
20% {transform:scaleY(1); -webkit-transform:scaleY(1);} 
}

/* header */
.header{position: relative; z-index: 108; top: 0; left: 0; background: #fff; width: 100%; height: 55px;}
.logo{position: absolute; left: 0; top: 0; padding-left: 15px; width: 35%; height: 55px;}
.logo a{display: block; width: 100%; height: 100%; background: url(../images/logo.png) no-repeat left center; background-size: auto 35px;}
.header>a{position: absolute; right: 0; top: 0; display: block; width: 55px; height: 55px; text-align: center;}
.header .icon-menu i{display: block; margin: 5px auto; width: 27px; height: 3px; background: #193563; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.header .icon-menu i:first-child{margin-top: 18px;}
.header .icon-close{display: none;}
.header .icon-close i{position: absolute; top: 27px; left: 14px; display: block; width: 30px; height: 2px; background: #193563; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.header .icon-close i:first-child{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.header .icon-close i:last-child{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.menu {position:absolute; width:100%; top: 55px; z-index: 108; overflow:hidden;}
.menu .menu-sitenav {position:absolute; width:100%; background: rgba(0,0,0,.75); -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); max-height:0; overflow:hidden; -webkit-transition:max-height .5s cubic-bezier(0.3,.03,.08,.65); transition:max-height .5s cubic-bezier(0.3,.03,.08,.65);}
.menu .menu-sitenav ul {overflow-y:auto;}
.menu .menu-sitenav .menu-site-item {display: block; padding: 0 20px; border-bottom: rgba(255,255,255,.2) 1px solid; color:#fff; display:block; font-size: 1.4em; margin:0 auto; height:46px; line-height:46px; text-align:left; text-transform: uppercase; -webkit-transition:-webkit-transform .4s ease-in,opacity .4s ease-in; transition:transform .4s ease-in,opacity .4s ease-in; -webkit-transform:translate3d(0,-20%,0); transform:translate3d(0,-20%,0); opacity:0; }
.menu.active {overflow:visible;}
.menu.active .menu-sitenav {max-height:50rem; overflow:visible; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.menu.active .menu-sitenav .menu-site-item{opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.menu-cover {position:absolute; top:0; left:0; width:100%; height:100%;}
.dropmenu{display: none; background: rgba(255,255,255,.1);}
.dropmenu a{display: block; padding: 0 40px; color: #fafafa; line-height: 36px; font-size: 1.2em; text-transform: capitalize;}
.mask {display:none; position:absolute; top:46px; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index: 107;}

/* footer */
.copyright{padding: 25px 15px; background: #f5f5f5;}
.copyright a{padding: 0 15%; color: #666; font-size: 1.2em; line-height: 30px;}
.copyright img{display: inline; position: relative; top: -3px; margin-right: 5px;}
.copyright p{color: #666; font-size: 1em; line-height: 20px;}
.blank{height: 51px;}
footer{position: fixed; z-index: 108; left: 0; bottom: 0; width: 100%; height: 50px; background: #fff; border-top: 1px solid #e6e6e6;}
footer ul li {float: left; width: 25%; text-align: center; text-transform: uppercase; font-size: 1.2em;}
footer ul li a{display: block; width: 100%; height: 100%; color: #070707; overflow: hidden;}
footer ul li a i{display: block; margin: 5px auto 2px; width: 22px; height: 22px; background: url(../images/footer.png) no-repeat; background-size: 22px auto;}
footer ul li.active a i{background-image: url(../images/footer_hover.png);}
footer ul li:nth-of-type(1) a i{background-position: 0 0;}
footer ul li:nth-of-type(2) a i{background-position: 0 -22px;}
footer ul li:nth-of-type(3) a i{background-position: 0 -44px;}
footer ul li:nth-of-type(4) a i{background-position: 0 -66px;}
footer ul li a:active{background-color: #fafafa;}
footer ul li.active a{color: #193563;}

/* index */
.index-banner .swiper-slide a{display: block; width: 100%; height: 100%;}
.index-title h3{font-size: 2.2em; color: #666;}
.index-title h4{margin-bottom: 5px; font-size: 2em; color: #333; font-weight: normal;}
.index-title small{font-size: 1.2em; color: #666;}
.index-title p{margin-top: 10px; font-size: 1.4em; color: #666;}
.intro .article{margin-top: 10px; font-size: 1.4em; color: #333; line-height: 22px;}
.more a{color: #193563; font-size: 1.4em;}
.more .arrow{position: relative; top: 2px; display: inline-block; margin-left: 3px; width: 15px; height: 15px; background: #193563;}
.more .arrow i{position: absolute; left: 5px; display: block; width: 6px; height: 1px; background: #fff;}
.more .arrow i:first-child{top: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.more .arrow i:last-child{top: 9px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.more-en .arrow{position: relative; top: 4px; display: inline-block; margin-left: 3px; width: 13px; height: 13px; background: #193563;}
.more-en .en{font-size: 1em; color: #193563; border-bottom: 1px solid #193563;}
.more-en .arrow i{position: absolute; left: 4px; display: block; width: 6px; height: 1px; background: #fff;}
.more-en .arrow i:first-child{top: 4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.more-en .arrow i:last-child{top: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.index-pro{padding: 20px; background: url(../images/sicong_bg1.jpg) no-repeat center top; background-size: cover;}
.index-pro .swiper-slide a{display: block; background: #f7f7f7; overflow: hidden;}
.index-pro .imgbox{border: 5px solid #fff;}
.index-pro p{margin-top: 20px; font-size: 1.6em; color: #193563; text-align: center;}
.index-pro .more-en{margin-top: 10px; margin-bottom: 20px;}
.index-pro .swiper-button-prev i, .index-pro .swiper-button-next i{position: absolute; display: block; width: 18px; height: 1px; background: #193563; border-radius: 1px;}
.index-pro .swiper-button-prev i:first-child{top: 15px; left: 13px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.index-pro .swiper-button-prev i:last-child{top: 28px; left: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.index-pro .swiper-button-next i:first-child{top: 15px; left: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.index-pro .swiper-button-next i:last-child{top: 28px; left: 14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.index-pro .more a{color: #fff;}
.index-pro .more .arrow{background: #fff;}
.index-pro .more .arrow i{background: #193563;}
.index-news a{display: block; overflow: hidden;}
.index-news ul li{margin-top: 10px;background: #fff;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.index-news .weui-hd{padding: 6px 0; width: 65px; height: auto; background: #193563; color: #fff;}
.index-news .weui-hd .ff-ar{line-height: 34px;}
.index-news .weui-bd{padding: 0 10px 0 20px; font-size: 1.4em; color: #193563;}
.index-news ul li:hover img{-webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03);}

/* about */
.about .article{padding: 30px 10px; font-size: 1.4em; line-height: 24px; color: #666;}
.about-box1{padding: 30px 10px 0; color: #ccc; background: url(../images/sicong_pic5.jpg) no-repeat center top; background-size: cover;}
.about-box1 .title img{position: relative; top: -3px; display: inline; width: 54px;}
.about-box1 .title h3{display: inline; font-size: 2.2em; color: #fff;}
.about-box2 img{position: absolute; left: 33%; top: 30px; width: 34%;}
.about-box2 .index-title{position: relative; margin: 25% 21% 10%; color: #999;}
.about-box2 .index-title h3, .about-box2 .index-title small{color: #999;}
.about-box2 .article{padding: 0 20px 30px 20px;}
.about-box3{padding: 30px 10px 0; background: #333; color: #fff;}
.about-box3 .title img{margin-bottom: 8px; width: 137px;}
.about-box3 .article{padding-top: 20px; color: #fff;}
.about-box3 p{text-align: justify;}
.about-box4 .index-title{margin: 25% 0 18%;}
.about-box4 .title img.pa{left: 27%; top: 30px; width: 46%;}
.about-box5{padding: 50px 10px 20px;}
.about-box5 ul li p{margin-top: 20px; height: 50px; font-size: 1.2em; color: #666; font-weight: bold;}
.about-box5 ul.col3 li img{width: 50%;}
.about-box5 ul.col4 li img{width: 80%;}
.about-box5 .index-title h4{color: #666;}
.about-box5 .article p{text-indent: 2em; text-align: justify;}

/* product */
.product ul li{margin-bottom: 10px; border: 1px solid #ebebeb; background-color: #fff;}
.product ul li a{padding: 20px 15px;}
.product ul li .weui-bd{padding-right: 10px; font-size: 1.6em; color: #193563;}
.product ul li:active{background-color: #fafafa;}
.select .weui-bd input{font-size: 1.4em; color: #fff; width: 96%; background: none;}
.icon-down{margin-right: 10px; width: 18px; height: 15px; background: url(../images/select.png) no-repeat center center; background-size: 100%;}
.searchbox{background: #f7f7f7; border-top: 0;}
.searchbox .weui-bd{padding: 15px;}
.searchbox .weui-bd input{width: 100%; background: #f7f7f7;}
.searchbox .weui-ft{padding-right: 15px;}
.searchbox .weui-ft input{width: 40px; height: 40px; background: #f7f7f7 url(../images/search.png) no-repeat center center; background-size: 20px 20px;}
.layoutbg{display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.layout{opacity: 0; position: fixed; bottom: 0; z-index: -1; width: 100%; height: 180px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1);}
.layout .weui-cell{height: 50px; border-top: 0; border-bottom: 1px solid #dcdcdc; font-size: 1.6em;}
.layout .line{position: absolute; left: 0; top: 98px; width: 100%; height: 40px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;display:none;}
.layout .swiper-slide a{display: block; color: #333;text-align:center;}
.layout .swiper-slide-active{opacity: 1;}
.layout .swiper-container{position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; overflow: hidden;}
.pro-slide h4{padding: 30px 15px; color: #333; font-size:1.8em; font-weight: normal; text-align: center;}
.tabs a{float: left; position: relative; display: block; padding-bottom: 10px; width: 20%; background-color: #f5f5f5; color: #333; font-size: 1.4em; text-align: center; overflow: hidden;}
.tabs a::before, .tabs a::after{position: absolute; top: 0; content: ""; display: block; width: 1px; height: 100%; background-color: #f5f5f5;}
.tabs a::before{left: 0;}
.tabs a::after{right: 0;}
.tabs a i{display: block; margin: 15px auto 10px; width: 25px; height: 25px; background: url(../images/parameter.png) no-repeat; background-size: 100%;}
.tabs a.active{background-color: #fff;}
.tabs a.active::before, .tabs a.active::after{background-color: #ccc;}
.pro-details .item{padding: 30px 15px;}
.pro-details .article{font-size: 1.4em; line-height: 24px; color: #333;}
.download a{padding: 12px 5px; font-size: 1.4em; color: #333; border-bottom: 1px solid #dcdcdc;}
.download .weui-ft{padding-left: 10px;}
.contactus .weui-cells{margin: 0; font-size: 1.4em; color: #333;}
.contactus .weui-cell{-webkit-align-items: flex-start; align-items: flex-start;}
.contactus .weui-bd{line-height: 28px;}
.contactus .weui-hd{height:auto; padding-top: 6px;}
.contactus .weui-hd img{margin-left: 0; width: 15px;}

/* contact */
.contact .tabs a{padding: 15px 0 10px; width: 33.3333333333%; background-color: #e6e6e6;}
.contact .tabs a::before{background-color: #ccc;}
.contact .tabs a:first-child::before, .contact .tabs a::after{display: none;}
.contact .tabs a.active{background-color: #f5f5f5;}
.contact .tabs a .ft-16{font-size: 1.14em; font-weight: bold; color: #666;}
.contact .tabs a .ft-12{font-size: 0.7em; color: #666;}
.contact .weui-cells{background: #f5f5f5;}

/* hiring */
.hiring dl{margin-top: 1px;}
.hiring dl dt{padding: 15px; background: #fff; color: #666; font-size: 1.6em; font-weight: bold; border-top: 0;}
.hiring .circle{position: relative; margin-left: 10px; width: 24px; height: 24px; background: #4f7dd2;}
.hiring .circle::before, .hiring .circle::after{position: absolute; content: ""; display: block; background: #fff;}
.hiring .circle::before{left: 7px; top: 11.5px; width: 10px; height: 1px;}
.hiring .circle::after{left: 11.5px; top: 7px; width: 1px; height: 10px; -webkit-transition: all 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.hiring dl dt.active .circle::after{height: 0;}
.hiring dl dd{display: none; padding: 15px; font-size: 1.4em; line-height: 24px; color: #666;}

/* news */
.news ul li{margin-top: 10px; background: #fff; color: #666;border-top:1px solid #dcdcdc; boder-bottom: 1px solid #dcdcdc;}
.news ul li:active img{-webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03);}
.news ul li h6{margin-bottom: 12px; margin-top: 5px; font-size: 1.6em;}
.news ul li p{font-size: 1.4em; line-height: 24px;}
.icon-view{display: inline-block; padding-left: 20px; padding-right: 15px; background: url(../images/view.png) no-repeat left center; background-size: 16px;}
.icon-like{display: inline-block; padding-left: 18px; background: url(../images/like.png) no-repeat left center; background-size: 12px;}
.news-details h1{font-size: 1.6em; color: #666; font-weight: normal;}
.news-details .weui-cell{margin-top: 15px; margin-bottom: 15px; padding: 5px 0; color: #666; border-bottom: 1px solid #dcdcdc;}
.news-details .article{font-size: 1.4em; line-height: 24px; color: #333;}
.news-details .article p{text-indent: 2em;}
.news-details .article img{width: auto !important;}
.pages >div{margin-top: 1px; padding: 12px 15px; background: #ededed; color: #666; font-weight: bold;}
.pages >div a{display: block; font-size: 1.4em; color: #666;}

/* blog */
.blog ul li{margin-bottom: 12px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: #fff;}
.blog ul li .weui-cell{color: #b2b2b2;}
.blog ul li h6{margin-bottom: 12px; margin-top: 5px; color: #666;}
.blog ul li p{font-size: 1.4em; line-height: 24px; color: #666;}
.blog ul li .icon-view{background-image: url(../images/view_gray.png);}
.blog ul li .icon-like{background-image: url(../images/like_gray.png);}
.blog ul li:first-child .bd h6{padding-left: 60px; background: url(../images/top.png) no-repeat left center; background-size: 54px auto;}

.blog ul li:first-child .bd p{padding: 12px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.blog .ft{padding-top: 15px; font-size: 1.2em; color: #999;}
.blog .ft span{padding-right: 10px; color: #4f7dd2; font-weight: bold;}

.mt20{margin-top: 20px;}
.pd15{padding: 15px;}
.pd-lr20{padding-left: 20px !important; padding-right: 20px !important;}
.pd-tb20{padding-top: 20px; padding-bottom: 20px;}
.pd-tb30{padding-top: 30px; padding-bottom: 30px;}
.red{color: #ff0101 !important;}
.blue{color: #193563 !important;}
.bgcolor-white{background-color: #fff;}
.bgcolor-gray{background-color: #fcfcfc;}
.bgcolor-blue{background-color: #4f7dd2;}
.bgcolor-cyan{background-color: #4f9bd1;}
.ft-10{font-size: 1em;}
.ft-12{font-size: 1.2em;}
.ft-18{font-size: 1.8em;}
.ft-20{font-size: 2em;}
.ft-34{font-size: 3.4em;}