/*********** css reset *************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; display: table-cell;vertical-align: bottom;width:100%;}
a { color:#000; text-decoration:none; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }
/************ css base ************/
.left{ float:left;}
.left2{ float:left;}
.right{ float:right;}
.right2{ float:right;}
，input[type=button], input[type=submit], input[type=file],input[type=text], button { cursor: pointer; -webkit-appearance: none; }
.clear:after{  content: "."; display: block;height: 0;clear: both; visibility: hidden;}
*{margin: 0;padding: 0;font-family: 微软雅黑;font-size:14px;}
.flex{display:flex;justify-content: space-between;}
.pos{position: relative;}
.wrap{margin:0 auto;width:94%;}
.mtop{margin-top:0.5rem;}
.ptop{padding-top:50px;}
.mubu{width:100%;position: absolute;width:100%;top:1.5rem;left:0;background: #292929;z-index:900;opacity: .6;display:none;}
body{width:100%;position:relative;}
.pagination{text-align:center;margin-top:.5rem;}
.pagination li{width:.8rem;height:.6rem;border:2px solid #333B8C;display:inline-block;margin:5px 2px;line-height:.6rem;color:black;font-size:12px;}
.pagination li a{display:block;text-align:center;width:100%;height:100%;display:block;}
.pagination .active{background:#333B8C;color:white;}
/************ header ************/
.header{padding:.3rem 0;width:100%;overflow:hidden;}
.header .logo{width:30%;margin:0 auto;}
.header .btn{width:8%;left:0;position: absolute;top:.25rem;}
.header .nav{position: absolute;top:0;box-sizing: border-box;width:80%;background: #3C45A3;height:100%;z-index:9999999999999999999999999999;padding-top:1.5rem;transition: all .5s;transform: translateY(-100%);left:20%;}
.header .nav a{display:block;height:1.5rem;line-height:1.5rem;color:white;border-bottom:1px solid #9BA0BC;padding:0 10%;}
.header .btn-img2{display:none;margin-top:-.1rem;position:absolute;right:4%;width:.7rem;}
.wechat{position: absolute;height:10rem;background: #292929;opacity: .9;left:0;width:100%;z-index: 999;bottom:0;transform: translateY(-0%);display:none;text-align: center;
color:white;}
.wechat img{width:50%;margin:0 auto;margin-top:20%;}

.base-title{margin-bottom:.5rem;}
.base-title p:nth-child(1){color:black;font-size:22px;text-align: center;margin-bottom:.2rem;}
.base-title p:nth-child(2){color:#B0B0B0;font-size:12px;text-align: center;margin-bottom:.2rem;}

.product{background: url(../img/bg.png)no-repeat center center;background-size: cover;padding-top:1rem;padding-bottom:.3rem;}
.product .nav{margin-top:.6rem;border-bottom:1px solid #DFDFDF;padding-bottom:.4rem;margin-bottom:.5rem;}
.product .nav a{display:block;border:1px solid #BDBDBD;width:31%;height:.8rem;line-height:.8rem;text-align: center;word-break:break-all;display:-webkit-box;
    -webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#585858;}
.product .list li{width:48%;margin-bottom:.5rem;float:left}
.product .list li:nth-child(2n){float:right;}
.product .list li p{text-align: center;height:1rem;background: white;line-height:1rem;word-break:break-all;display:-webkit-box;
    -webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}

.about{padding-top:1rem;}
.about .title p:nth-child(1){font-size:16px;color:#000000;text-align: center;margin-top:.5rem;margin-bottom:.2rem;}
.about .title p:nth-child(2){font-size:12px;color:#C9C9C9;text-align: center;margin-bottom:.3rem;}
.about .content{width:92%;margin:0 auto;text-align:center;line-height:26px;color:#353535;margin-bottom:.5rem;}
.about .about-a{width:3rem;height:1rem;line-height:1rem;background: #333B8C;color:white;margin:0 auto;margin-top:.3rem;display:block;font-size:22px;text-align: center;}
.about .bg{background: url(../img/bg2.png)no-repeat center center;background-size: cover;padding:1rem 0;}

.case{background: #FAFAFA;padding-top:1rem;padding-bottom:.3rem;}
.case .list .text{width:90%;background: white;margin:0 auto;height:3rem;box-shadow: 0 0 4px 0 #EDEDED;margin-top:-1rem;text-align: center;}
.case .list p:nth-child(1){font-size:16px;color:#000000;text-align: center;padding-top:.3rem;margin-bottom:.2rem;}
.case .list p:nth-child(2){font-size:12px;color:#C9C9C9;text-align: center;margin-bottom:.3rem;}
.case .list a{width:3rem;height:1rem;line-height:1rem;background: #333B8C;color:white;margin:0 auto;margin-top:.3rem;display:block;font-size:12px;text-align: center;}
.case .list{margin-top:.7rem}
.case .list li{margin-bottom:1rem;}

.news{padding-top:1rem;padding-bottom:1rem;}
.news .list li{margin-bottom:.5rem;}
.news .list li p:nth-child(2){font-size:16px;color:#1E1E1E;margin-top:.2rem;margin-bottom:.2rem;word-break:break-all;display:-webkit-box;
    -webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.news .list li p:nth-child(3){font-size:16px;color:#7B7B7B;margin:.2rem 0;border-bottom:1px solid #EEEEEE;padding-bottom:.2rem;}
.news .list li p:nth-child(4){word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    color:#666666;line-height:24px;}

.contact{padding-bottom:2.5rem;}
.contact .leave .inp1{width:98%;height:1rem;border:1px solid #EAEAEA;border-radius: 5px;padding-left:2%;margin-bottom:.2rem;}
.contact .leave .inp2{width:98%;height:1rem;border:1px solid #EAEAEA;border-radius: 5px;padding-left:2%;margin-bottom:.2rem;}
.contact .leave .inp3{width:98%;height:1rem;border:1px solid #EAEAEA;border-radius: 5px;padding-left:2%;margin-bottom:.2rem;}
.contact .leave .inp4{width:98%;height:3rem;border:1px solid #EAEAEA;border-radius: 5px;padding-left:2%;margin-bottom:.2rem;padding-top:2%}
.contact .leave .inp5{width:100%;height:1rem;line-height:1rem;color:white;background: #333B8C;margin-bottom:1rem;text-align: center;border:none;border-radius: 2px;}
.footer{position: fixed;bottom:.5rem;width:100%;z-index:99999;} 
.footer{margin-bottom:.5rem;}
.footer .wrap{background: url(../img/di.png)no-repeat center center;background-size: cover;}
.footer a{display:block;width:33.333%;padding:.4rem 0}
.footer a img{width:20%;margin:0 auto;}
.footer a:nth-child(2){border-left:1px solid #EDEDED;border-right:1px solid #EDEDED}