@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;box-sizing: border-box;}
img{ border:none;margin: 0;vertical-align: top;}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;-webkit-tap-highlight-color: transparent;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;}
input{outline: none;}textarea{resize: none;outline: none;}select{font-size: 100% ;-webkit-appearance: none; outline: 0;}
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}

/* 横向 不考虑高度居中 */
.flexbox-x1{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /* 不换行 两端 */
.flexbox-x2{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} /* 不换行 中 */
.flexbox-x3{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;} /* 换行 左 */
/* 纵向 */
.flexbox-y1{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: center;justify-content: center;} /* 所有子元素居中 */
.flexbox-y2{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: flex-end;justify-content: flex-end;} /* 所有子元素居底 */
/* 横向 单行 多列 有高 */
.flexbox-z1{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} /* 子元素居中 */
.flexbox-z2{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} /* 子元素居底 */
.flex-wrap2{-webkit-flex-wrap: wrap;flex-wrap: wrap;} /* 多行 超出换行 */

.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden;}
.pic{width: 300px;overflow: hidden;position: relative;}
.pic figure{padding-top: 75%;}
/* .pic figure img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);} */

html{min-height: 100%;}
body{max-width: 750px;margin: 0 auto;min-height: 100%;}
.index{width: 100%;height: 100%;background: url(../images/bj01.jpg) center center no-repeat;background-size: cover;}
.index .logo{width: 81px;height: 81px;margin: 0 auto 48px;background: #0569d6;border-radius: 15px;overflow: hidden;box-shadow: 0 5px 10px rgba(10,22,96,.39);}
.index .logo img{display: block;width: 100%;height: 100%;}
.index .title1{display: block;height: 58px;margin: 0 auto 40px;}
.index .sys-btn{width: 258px;height: 46px;border: 1px solid #7c9ddb;margin: 0 auto 22px;border-radius: 46px;text-align: center;color: #fff;font-size: 18px;line-height: 1;overflow: hidden;}
.index .sys-btn img{display: block;height: 18px;margin: auto 7px auto 0;}
.index .sys-btn span{display: block;margin: auto 0;}
.index .inquire-form{display: block;width: 258px;height: 46px;border: 1px solid #7c9ddb;margin: 0 auto 22px;border-radius: 46px;}
.index .inquire-form .inp{display: block;width: calc(100% - 95px);float: left;border: 0;padding: 0 22px;font-size: 13px;color: #ffffff;background: transparent;height: 100%;}
.index .inquire-form .inp::-webkit-input-placeholder{color: #ffffff;}
.index .inquire-form .inp::-moz-placeholder{color: #ffffff;}
.index .inquire-form .inp::placeholder{color: #ffffff;}
.index .inquire-form .cx-btn{display: block;width: 95px;height: 100%;background: #fff;text-align: center;line-height: 46px;border: 0;border-radius: 44px;float: right;font-size: 18px;color: #0d38af;}

/* .content */
.content{background: #fff;padding: 17px;}
.content .wrapper{width: 100%;border-radius: 5px;overflow: hidden;background: url(../images/bj02.jpg) center center no-repeat;background-size: cover;padding: 35px 30px;position: relative;}
.content .titBox{text-align: center;color: #626264;line-height: 1.5;margin-bottom: 15px;}
.content .titBox .title{font-size: 18px;}
.content .titBox .ftitle{font-size: 12px;opacity: .57;text-transform: uppercase;}
.content .titBox .ico{display: block;height: 5px;margin: 5px auto 0;}
.content .item{font-size: 14px;color: #1d1d1d;text-align: justify;line-height: 1.75;margin-bottom: 10px;}
.content .item label{color: #626264;}
.content .item .zs{display: block;width: 100%;background: #a8a8a8;border-radius: 5px;overflow: hidden;min-height: 168px;margin-top: 10px;}
.content .item .zs img{display: block;width: 100%;}

.content .item-pic{margin-top: 18px;}
.content .item-pic .pic{width: 49%;float: left;background: #fff;border-radius: 5px;margin: 0 2% 6px 0;}
.content .item-pic .pic:nth-child(2n){margin-right: 0;}
.content .item-pic .pic figure{padding-top: 111.679%;}
.content .item-pic .pic figure img{display: block;max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

.content .zj{display: block;width: 114px;height: 114px;position: absolute;right: 30px;top: 212px;}
.content .zj img{display: block;width: 100%;}