/*通用部分*/
html,body{ width: 100%; font-size: 14px; min-width: 360px; max-width: 720px; margin: 0 auto; background: #FFFFFF; color: #222222;}
*{ margin: 0; padding: 0; border: 0;}
button,input{ outline: none;}
ul,li,ol{ list-style: none;}
em,i{ font-style:normal;}
a:hover{ color: #0081cc;}

/*截取*/
.clamp1 {-webkit-line-clamp: 1;}
.clamp2 {-webkit-line-clamp: 2;}
.clamp3 {-webkit-line-clamp: 3;}
.clamp1, .clamp2, .clamp3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}


/*display*/
.flex{ flex: 1;}
.flex-wrap{ flex-wrap: wrap;}
.display-block{ display: block;}
.align-item-cen{ align-items: center;}
.align-item-end{ align-items: flex-end;}
.align-item-top{ align-items: flex-start;}
.display-flex-left{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: flex-start;}
.display-flex-right{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: flex-end;}
.display-flex-center{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: center;}
.display-flex-between{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: space-between;}
.display-flex-around{ display: -webkit-flex; display: flex; display: -ms-flexbox; justify-content: space-around;}



/*通用导航*/
.top{ width: 100%; max-width: 720px; height: 70px; padding: 10px 20px; box-sizing: border-box; background: #f8f8f8; position: fixed; top: 0; z-index: 11;}
.top-l{ flex: 1;}
.top-r{ width: 64px; height: 20px;}
.top-ra{ width: 25px; height: 20px; display: block; position: relative;}
.top-ra span{ display: block;}
.top-ra span:nth-child(1){ position: absolute; top: 2px; width: 14px; height: 14px; border-radius: 14px; border: 3px solid #393d49;}
.top-ra span:nth-child(2){ transform: rotate(45deg); position: absolute; bottom: 0px; right:2px; width: 8px; height: 4px; border-radius: 4px; background: #393d49;}

.top-rb{ width: 25px; height: 20px; display: block; position: relative;}
.top-rb span{ width: 25px; height: 4px; margin: 3px 0; border-radius: 4px; background: #393d49; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.top-rb.on span:nth-child(1){ transform: rotate(45deg); position: absolute; top: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.top-rb.on span:nth-child(2){ opacity: 0;}
.top-rb.on span:nth-child(3){ transform: rotate(-45deg); position: absolute; top: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}



.top-cont{ width: 100%; max-width: 720px; height: calc(100vh - 60px); position: fixed; top: 60px; z-index: 11; background: #f8f8f8; display: none; overflow-x: scroll; z-index: 11;}
.top-cont ul{ padding: 10px;}
.top-cont ul li{ line-height: 40px;}
.top-cont ul li a{ padding: 0 10px;}
.top-cont ul li .z{ display: none;}
.top-cont ul li a .fl{ font-size: 17px; color: #393d49;}
.top-cont ul li a .fr{ color: #393d49;}
.top-cont ul li dl{ padding: 0 10px;}
.top-cont ul li dl dd>a{ font-size: 15px;}
.top-cont ul li.on>a{ background: #0081cc;}
.top-cont ul li.on>a .fl{ color: #f8f8f8;}
.top-cont ul li.on>a .fr{ color: #f8f8f8;}



/*通用Banner*/
.content{ margin-top: 70px;}
.banner{}
.banner img{ display: block; width: 100%;}


/*通用底部*/
.footer{ padding: 20px; background: #F8F8F8;}
.footer p{ line-height: 20px; margin-top: 10px; font-size: 14px;}
.footer p .dh{ font-size: 18px; font-weight: bold;}



/*首页*/
.i-jjfa{ padding: 40px 10px;}
.i-jjfa-t{ text-align: center;}
.i-jjfa-t h3{ font-size: 20px; font-weight: bold;}
.i-jjfa-t h4{ margin: 5px 0; color: #656565;}
.i-jjfa-t span{ display: block; margin: 0 auto; width: 20px; height: 5px; border-radius: 5px; background: #0081cc;}
.i-jjfa-c{ margin-top: 20px;}
.i-jjfa-c ul{}
.i-jjfa-c ul li{ width: 48%;}
.i-jjfa-c ul li:nth-child(n+3){ margin-top: 20px;}
.i-jjfa-c ul li img{ display: block; width: 100%;}
.i-jjfa-c ul li .t{ margin: 15px 0 10px; text-align: center;}
.i-jjfa-c ul li .s{ line-height: 23px; font-size: 13px; color: #858585;}

.i-cpzx{ padding: 40px 10px;}
.i-cpzx-t{ text-align: center;}
.i-cpzx-t h3{ font-size: 20px; font-weight: bold;}
.i-cpzx-t h4{ margin: 5px 0; color: #656565;}
.i-cpzx-t span{ display: block; margin: 0 auto; width: 20px; height: 5px; border-radius: 5px; background: #0081cc;}
.i-cpzx-c{ margin-top: 20px;}
.i-cpzx-c ul{}
.i-cpzx-c ul li{ width: 49%;}
.i-cpzx-c ul li:nth-child(n+3){ margin-top: 20px;}
.i-cpzx-c ul li img{ display: block; width: 100%;}
.i-cpzx-c ul li p{ margin: 15px 0 5px; text-align: center;}

.i-cpyy{ padding: 30px 10px; background: #656565;}
.i-cpyy-t{ text-align: center; color: #f8f8f8;}
.i-cpyy-t h3{ font-size: 20px; font-weight: bold;}
.i-cpyy-t h4{ margin: 5px 0;}
.i-cpyy-t span{ display: block; margin: 0 auto; width: 20px; height: 5px; border-radius: 5px; background: #0081cc;}
.i-cpyy-c{ margin-top: 10px; position: relative; overflow: hidden;}
.i-cpyy-c ul{ position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.i-cpyy-c ul li{ box-sizing: border-box; background:#FFFFFF; flex-shrink: 0; transition-property: transform;}
.i-cpyy-c ul li img{ display: block; width: 100%;}
.i-cpyy-c ul li p{ margin: 15px 10px;}

.i-dxkh{ padding: 30px 10px;}
.i-dxkh-t{ text-align: center;}
.i-dxkh-t h3{ font-size: 20px; font-weight: bold;}
.i-dxkh-t h4{ margin: 5px 0; color: #656565;}
.i-dxkh-t span{ display: block; margin: 0 auto; width: 20px; height: 5px; border-radius: 5px; background: #0081cc;}
.i-dxkh-c{ margin-top: 10px;}
.i-dxkh-c ul{}
.i-dxkh-c ul li{ width: 31%; border: 1px solid #ebebeb;}
.i-dxkh-c ul li:nth-child(n+4){ margin-top: 7px;}
.i-dxkh-c ul li img{ display: block; width: 100%;}




/*解决方案*/
.j-jjfa{ padding: 10px 10px 40px;}
.j-jjfa-t{ text-align: center; border-radius: 5px;}
.j-jjfa-t h3{ padding: 8px 0; font-size: 18px; font-weight: bold; background: #0081cc; color: #FFFFFF;}
.j-jjfa-t ul li{ width: 49%; padding: 8px 0; background: #F8F8F8;}
.j-jjfa-t ul li:nth-child(2n+1){ margin-right: 2%;}
.j-jjfa-t ul li:nth-child(n+3){ margin-top: 2%;}
.j-jjfa-t ul li.on{ background: #0081cc; color: #FFFFFF;}
.j-jjfa-t ul li.on a{ color: #FFFFFF;}
.j-jjfa-c{ padding: 25px 0;}
.j-jjfa-ct{ font-size: 15px;}
.j-jjfa-ct span{ padding: 0 2px;}
.j-jjfa-cb{}
.j-jjfa-cb ul{ margin-top: 10px;}
.j-jjfa-cb ul .nodata{ height: 400px; display: flex; justify-content: center; align-items: center; background: #f8f8f8; color: #656565; border-radius: 5px;}
.j-jjfa-cb ul li:first-child{ border-top: 1px solid #F8F8F8;}
.j-jjfa-cb ul li{ padding: 10px 0; border-bottom: 1px solid #F8F8F8;}
.j-jjfa-cb ul li a img{ width: 25%; max-width: 120px; margin-right: 15px;}
.j-jjfa-cb ul li a span{ flex: 1;}
.j-jjfa-cb ul li a span b{ font-size: 14px;}
.j-jjfa-cb ul li a span p{ font-size: 12px; margin-top: 15px; line-height: 20px; color: #656565;}
.j-jjfa-b{}
.j-jjfa-b .pagination{ display: flex; justify-content: center; align-items: center;}
.j-jjfa-b .pagination li{ margin: 0 3px; padding: 5px 10px; border: 1px solid #0081cc; color: #656565;}
.j-jjfa-b .pagination li a{ color: #0081cc;}



/*搜索页面*/
.soso{ position: relative;}
.soso img{ display: block; position: relative; width: 100%;}
.sosos{ position: absolute; width: 80%; height: 50px; z-index: 1; top: 50%; left: 50%; margin-left: -40%; margin-top: -25px; border-radius: 5px; overflow: hidden;}
.sosost{ flex: 1; padding: 0 5px;}
.sososb{ width: 80px; background: #0081cc; color: #FFFFFF;}

.s-soso-t{ padding: 15px 15px 10px;}
.s-soso-t span{ padding: 0 5px;}
.s-soso-c{ padding: 0 15px;}
.s-soso-c ul{}
.s-soso-c ul .nodata{ height: 200px; display: flex; justify-content: center; align-items: center; background: #f8f8f8; color: #656565; border-radius: 5px;}
.s-soso-c ul li:first-child{ border-top: 1px solid #F8F8F8;}
.s-soso-c ul li{ padding: 10px 0; border-bottom: 1px solid #F8F8F8;}
.s-soso-c ul li a img{ width: 30%; min-width: 100px; max-width: 200px; margin-right: 20px;}
.s-soso-c ul li a span{ flex: 1;}
.s-soso-c ul li a span b{ font-size: 14px;}
.s-soso-c ul li a span p{ margin-top: 15px; line-height: 20px; font-size:12px;}
.s-soso-b{ padding: 15px;}
.s-soso-b .pagination{ display: flex; justify-content: center; align-items: center;}
.s-soso-b .pagination li{ margin: 0 3px; padding: 5px 10px; border: 1px solid #0081cc; color: #656565;}
.s-soso-b .pagination li a{ color: #0081cc;}


/*联系我们*/
.l-lxwm{ padding: 20px 10px;}
.l-lxwm-t{ text-align: center;}
.l-lxwm-t h3{ padding: 15px 0; border-radius: 5px; font-size: 18px; font-weight: bold; background: #0081cc; color: #FFFFFF;}
.l-lxwm-t ul{ padding: 15px 0;}
.l-lxwm-t ul li{ width: 49%; padding: 15px 0; border-radius: 5px; background: #656565; color: #FFFFFF;}
.l-lxwm-t ul li:nth-child(2n+1){ margin-right: 2%;}
.l-lxwm-t ul li:nth-child(n+3){ margin-top: 2%;}
.l-lxwm-t ul li.on{ background: #0081cc; color: #FFFFFF;}
.l-lxwm-c{ padding: 15px 0;}
.l-lxwm-ct{ padding-bottom: 10px; border-bottom: 1px solid #F8F8F8;}
.l-lxwm-ct span{ padding: 0 2px; font-weight: bold;}
.l-lxwm-cb{ text-align: center;}
.l-lxwm-cb h2{ margin-top: 40px;}
.l-lxwm-cb img{ width: 100%; margin: 20px 0; border-radius: 5px;}
.l-lxwm-cb p{ line-height: 40px;}
.l-lxwm-b{ padding: 15px 0;}
.l-lxwm-b h2{ margin-top: 40px; text-align: center;}
.l-lxwm-b form{ margin-top: 20px; font-size: 12px;}
.l-lxwm-b input{ width: 100%; margin-bottom: 10px; padding: 10px; height: 40px; line-height: 40px; box-sizing: border-box; border: 1px solid #656565; border-radius: 5px;}
.l-lxwm-b button{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; box-sizing: border-box; background: #656565; color: #F8F8F8; border-radius: 5px;}




/*企业文化*/
.l-qywh{ padding: 20px 10px;}
.l-qywh-t{ text-align: center;}
.l-qywh-t h3{ padding: 15px 0; border-radius: 5px; font-size: 18px; font-weight: bold; background: #0081cc; color: #FFFFFF;}
.l-qywh-t ul{ padding: 15px 0;}
.l-qywh-t ul li{ width: 49%; padding: 15px 0; border-radius: 5px; background: #656565; color: #FFFFFF;}
.l-qywh-t ul li:nth-child(2n+1){ margin-right: 2%;}
.l-qywh-t ul li:nth-child(n+3){ margin-top: 2%;}
.l-qywh-t ul li.on{ background: #0081cc; color: #FFFFFF;}
.l-qywh-c{ padding: 15px 0;}
.l-qywh-ct{ padding-bottom: 10px; border-bottom: 1px solid #F8F8F8;}
.l-qywh-ct span{ padding: 0 2px; font-weight: bold;}
.l-qywh-cb{ text-align: center;}
.l-qywh-cb h2{ margin: 40px 0;}
.l-qywh-cb p{ line-height: 40px; color: #656565;}
.l-qywh-cb p:nth-child(2n){ font-weight: bold; color: #313131;}




/*公司介绍*/
.l-gsjs{ padding: 20px 10px;}
.l-gsjs-t{ text-align: center;}
.l-gsjs-t h3{ padding: 15px 0; border-radius: 5px; font-size: 18px; font-weight: bold; background: #0081cc; color: #FFFFFF;}
.l-gsjs-t ul{ padding: 15px 0;}
.l-gsjs-t ul li{ width: 49%; padding: 15px 0; border-radius: 5px; background: #656565; color: #FFFFFF;}
.l-gsjs-t ul li:nth-child(2n+1){ margin-right: 2%;}
.l-gsjs-t ul li:nth-child(n+3){ margin-top: 2%;}
.l-gsjs-t ul li.on{ background: #0081cc; color: #FFFFFF;}
.l-gsjs-c{ padding: 15px 0;}
.l-gsjs-ct{ padding-bottom: 10px; border-bottom: 1px solid #F8F8F8;}
.l-gsjs-ct span{ padding: 0 2px; font-weight: bold;}
.l-gsjs-cb{}
.l-gsjs-cb h2{ margin-top: 40px; text-align: center;}
.l-gsjs-cb p{ margin-top: 10px; line-height: 35px; color: #656565;}




/*公司新闻*/
.l-gsxw{ padding: 20px 10px;}
.l-gsxw-t{ text-align: center;}
.l-gsxw-t h3{ padding: 15px 0; border-radius: 5px; font-size: 18px; font-weight: bold; background: #0081cc; color: #FFFFFF;}
.l-gsxw-t ul{ padding: 15px 0;}
.l-gsxw-t ul li{ width: 49%; padding: 15px 0; border-radius: 5px; background: #656565; color: #FFFFFF;}
.l-gsxw-t ul li:nth-child(2n+1){ margin-right: 2%;}
.l-gsxw-t ul li:nth-child(n+3){ margin-top: 2%;}
.l-gsxw-t ul li.on{ background: #0081cc; color: #FFFFFF;}
.l-gsxw-c{ padding: 15px 0;}
.l-gsxw-ct{ padding-bottom: 10px; border-bottom: 1px solid #F8F8F8;}
.l-gsxw-ct span{ padding: 0 2px; font-weight: bold;}
.l-gsxw-cb{}
.l-gsxw-cb ul{}
.l-gsxw-cb ul li{ padding: 20px 0; border-bottom: 1px solid #F8F8F8;}
.l-gsxw-cb ul li img{ width: 30%; min-width: 150px; max-width: 250px; margin-right: 15px;}
.l-gsxw-cb ul li span{ flex: 1;}
.l-gsxw-cb ul li span strong{ font-size: 18px; font-weight: bold; display: block;}
.l-gsxw-cb ul li span p{ margin-top: 5px;}
.l-gsxw-b{}




/*内容*/
.a-art{ padding: 10px;}
.a-art-t{ text-align: center;}
.a-art-t h3{ padding: 10px 0; border-radius: 5px; font-size: 18px; font-weight: bold; background: #0081cc; color: #FFFFFF;}
.a-art-t ul{ padding: 15px 0;}
.a-art-t ul li{ width: 49%; padding: 15px 0; border-radius: 5px; background: #656565; color: #FFFFFF;}
.a-art-t ul li:nth-child(2n+1){ margin-right: 2%;}
.a-art-t ul li:nth-child(n+3){ margin-top: 2%;}
.a-art-t ul li.on{ background: #0081cc; color: #FFFFFF;}
.a-art-c{ padding: 25px 0 40px;}
.a-art-ct{ flex-wrap: wrap; font-size: 15px; line-height: 25px; padding-bottom: 10px; border-bottom: 1px solid #F8F8F8;}
.a-art-ct span{ padding: 0 2px;}
.a-art-cb{}
.a-art-cb h2{ font-size: 18px; margin: 25px 0 15px; text-align: center;}
.a-art-cb p{ margin-top: 5px; line-height: 30px; color: #656565;}
.a-art-cb img{ max-width: 100%;}