@charset "utf-8";
/*css reset*/
body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,label,input,select,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea {margin:0;padding:0;}
body {line-height:1; color:#666;font-family:"微软雅黑","Microsoft YaHei",SimSun,"Oxygen",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",sans-serif;-webkit-text-size-adjust:none;}
header,footer,section,hgroup,nav,article,aside,details,figcaption,figure,menu {display:block;}
input {line-height:1;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
img{border:0; width:100%;display:block;}
ul {list-style:none;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
textarea{resize:none; overflow:auto;}
/* 颜色链接 */
a:link,a:visited {text-decoration:none;}
a:hover {transition:all 0.3s ease-in-out 0s;}
textarea{outline:none;}
/* HTY Common Reset*/
html{overflow-x:hidden;font-size: 13.33vw;}
html button::-moz-focus-inner{border-color:transparent!important;}
input,button,textarea,select,option{font-family:inherit;font-style:inherit;font-weight:inherit;}
fieldset{border:0;}
iframe{background-image:none;}
p{margin:0;padding:0;}
a{text-decoration:none;outline:none;}
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
@font-face {
 font-family: 'DINCOND-BOLD';
 src: url('../images/DINCOND-BOLD.OTF');
}
@font-face {
 font-family: 'DINEngschrift';
 src: url('../images/DINEngschrift.eot');
}
@font-face {
 font-family: 'Humanst521 BT Bold Italic';
 src: url('../images/Humanst521 BT Bold Italic.ttf');
}
@font-face {
 font-family: 'Humanst521 BT Bold';
 src: url('../images/Humanst521 BT Bold.ttf');
}
@font-face {
 font-family: 'Humanst521 BT Italic';
 src: url('../images/Humanst521 BT Italic.ttf');
}
@font-face {
 font-family: 'Humanst521 BT Roman';
 src: url('../images/Humanst521 BT Roman.ttf');
}
@font-face {
 font-family: 'Humanst521 Lt BT Light Italic';
 src: url('../images/Humanst521 Lt BT Light Italic.ttf');
}
@font-face {
 font-family: 'Humanst521 Lt BT Light';
 src: url('../images/Humanst521 Lt BT Light.ttf');
}

.header {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding-top: 0.31rem;
    padding-bottom: 0.27rem;
    padding-left: 0.57rem;
    justify-content: flex-end;
    background: rgba(255,255,255,0.5);
    position: fixed;
    padding-right: 0.45rem;
}
.header > .logo {
    width: 1.69rem;
    margin-right: auto;
}
.header > .logo > a {
    width: 100%;
}
.header > .logo > a > img {
    width: 100%;
}
.header > .search {
    width: 0.6rem;
}
.header > .search > a {
    width: 100%;
}
.header > .search > a > img {
    width: 100%;
}
.header > .menu_icon {
    width: 0.6rem;
}
.header > .menu_icon > a {
    width: 100%;
}
.header > .menu_icon > a > img {
    width: 100%;
}
.home_banner {
    width: 100%;
}
.home_banner > img {
    width: 100%;
}
.home_product {
    width: 100%;
    background: url(../m_images/img017.png);
    background-size: cover;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 0.53rem;
    margin-bottom: 0.4rem;
}
.home_product > .item {
    width: 25%;
    margin-bottom: 0.5rem;
}
.home_product > .item > a {
    width: 100%;
    display: block;
}
.home_product > .item > a > .img {
    width: 0.8rem;
    margin: 0 auto;
}
.home_product > .item > a > .img > img {
    width: 100%;
    display: block;
}
.home_product > .item > a > .name {
    font-size: 0.23rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #8B8B8B;
    width: 100%;
    text-align: center;
}
.home_title, .home_title2 {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.33rem;
    margin-bottom: 0.32rem;
}
.home_title2 {
    display: flex;
    justify-content: space-between;
    padding-right: 0.33rem;
}
.home_title > .name, .home_title2 > .name {
    font-size: 0.37rem;
    font-family: Microsoft YaHei;
    color: #0D3D70;
    margin-bottom: 0.1rem;
}
.home_title2 > .search {
    display: flex;
    width: 2.03rem;
    height: 0.31rem;
    border: 1px solid #595959;
}
.home_title2 > .search > .input {
    width: 1.62rem;
}
.home_title2 > .search > .input > input {
    width: 100%;
    height: 0.31rem;
    border: 0px;
    padding: 0px;
    font-size: 0.2rem;
    margin: 0px;
    display: block;
    box-sizing: border-box;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    outline: none;
}
.home_title2 > .search > .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px #595959 solid;
    width: 0.41rem;
}
.home_title2 > .search > .icon > img {
    width: 0.19rem;
    display: block;
}
.home_title > .line {
    width: 0.56rem;
    height: 0.04rem;
    background: #0D3D70;
}
.product_banner {
    width: 87.6vw;
    margin: 0 auto;
    margin-bottom: 0.19rem;
}
.product_banner > img {
    width: 100%;
}
.product {
    width: 87.6vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.product > .item {
    box-sizing: border-box;
    width: 28vw;
    border: 1px solid #D5D5D5;
    padding-bottom: 0.17rem;
    margin-right: 0.12rem;
    margin-bottom: 0.19rem;
}
.product > .item:nth-child(3n) {
    margin-right: 0px;
}
.product > .item > a {
    width: 100%;
    display: block;
}
.product > .item > a > .img {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
    padding-top: 0.2rem;
}
.product > .item > a > .img > img {
    width: 100%;
    display: block;
}
.product > .item > a > .model {
    width: 100%;
    text-align: center;
    font-size: 0.2rem;
    font-family: Arial;
    font-weight: bold;
    color: #0D3D70;
    margin-bottom: 0.08rem;
}
.product > .item > a > .name {
    width: 100%;
    text-align: center;
    font-size: 0.17rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #505050;
}
.home_product2 {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.33rem;
    padding-right: 0.33rem;
}
.home_product2 > .item {
    width: 100%;
    margin-bottom: 0.17rem;
}
.home_product2 > .item > a {
    width: 100%;
}
.home_product2 > .item > a > img {
    width: 100%;
    display: block;
}
.home_product3 {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.33rem;
    padding-right: 0.33rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.54rem;
    background: #FAFAFA;
}
.home_product3 > .item {
    width: 3.26rem;
}
.home_product3 > .item > a {
    width: 100%;
}
.home_product3 > .item > a > img {
    width: 100%;
    display: block;
}
.footer_menu {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.33rem;
    padding-right: 0.33rem;
    padding-bottom: 0.24rem;
}
.footer_menu > .item {
    width: 100%;
}
.footer_menu > .item > .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.08rem;
    margin-bottom: 0.2rem;
    padding-top: 0.21rem;
    align-items: center;
    border-bottom: 1px #BDBDBD solid;
}
.footer_menu > .item > .title > .name {
    font-size: 0.26rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #565656;
}
.footer_menu > .item > .title > .icon {
    width: 0.21rem;
}
.footer_menu > .item > .title > .icon > img {
    width: 100%;
    display: block;
}
.footer_menu > .item > .sub {
    width: 100%;
    display: none;
    border-bottom: 1px #BDBDBD solid;
    box-sizing: border-box;
    padding-left: 0.21rem;
}
.footer_menu > .item > .sub > .item2 {
    width: 100%;
    font-size: 0.22rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #6F6F6F;
    margin-bottom: 0.2rem;
}
.footer_menu > .item > .sub > .item2 > a {
    font-size: 0.22rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #6F6F6F;
}
.footer {
    width: 100%;
    background: #ECF2FA;
    box-sizing: border-box;
    padding: 0.3rem;
}
.footer > .logo {
    width: 1.78rem;
    margin-bottom: 0.3rem;
}
.footer > .logo > a {
    width: 100%;
    display: block;
}
.footer > .logo > a > img {
    width: 100%;
    display: block;
}
.footer > .text1 {
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0.1rem;
}
.footer > .text1:last-child {
    margin-bottom: 0.2rem;
}
.footer > .text2 {
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #000000;
    line-height: 0.31rem;
    margin-bottom: 0.26rem;
}
.footer > .qrcode {
    width: 1.03rem;
}
.footer > .qrcode > .img {
    width: 100%;
    margin-bottom: 0.08rem;
}
.footer > .qrcode > .img > img {
    width: 100%;
    display: block;
}
.footer > .qrcode > .name {
    font-size: 0.19rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}
.footer2 {
    width: 100%;
    text-align: center;
    padding-top: 0.21rem;
    padding-bottom: 0.21rem;
    font-size: 0.17rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}
.product1 {
    width: 91.33vw;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.15rem;
}
.product1 > .item {
    width: 52.133vw;
}
.product1 > .item:last-child {
    width: 37.2vw;
}
.product1 > .item > a {
    width: 100%;
}
.product1 > .item > a > img {
    width: 100%;
    display: block;
}
.product2 {
    width: 91.33vw;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 0.5rem;
    justify-content: space-between;
}
.product2 > .left {
    width: 38.93vw;
}
.product2 > .left > .item {
    width: 100%;
    margin-bottom: 0.14rem;
}
.product2 > .left > .item:last-child {
    margin-bottom: 0px;
}
.product2 > .left > .item > a {
    width: 100%;
    display: block;
}
.product2 > .left > .item > a > img {
    width: 100%;
    display: block;
}
.product2 > .right {
    width: 50.53vw;
}
.product2 > .right > .item {
    width: 100%;
    margin-bottom: 0.14rem;
}
.product2 > .right > .item:last-child {
    margin-bottom: 0px;
}
.product2 > .right > .item > a {
    width: 100%;
    display: block;
}
.product2 > .right > .item > a > img {
    width: 100%;
    display: block;
}
.home_title3 {
    width: 100%;
    background: #FAFAFA;
    height: 0.79rem;
    line-height: 0.79rem;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left:0.31rem;
    padding-right:0.31rem;
}
.home_title3 > .name {
    font-size: 0.37rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0D3D70;
}
.home_title3 > .back {
    font-size: 0.21rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #4B4B4B;
}
.home_title3 > .back > a {
    color: #4B4B4B;
}
.product_deatail {
    width: 71.6vw;
    margin: 0 auto;
}
.product_deatail > .img {
    width: 100%;
    margin-bottom: 0.37rem;
}
.product_deatail > .img > img {
    width: 100%;
    display: block;
}
.product_deatail > .title {
    width: 100%;
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #4B4B4B;
    margin-bottom: 0.16rem;
}
.product_deatail > .text2 {
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #003366;
    width: 100%;
    border-bottom: 1px #B4B4B4 solid;
    padding-bottom: 0.18rem;
    margin-bottom: 0.2rem;
}
.product_deatail > .text3 {
    font-size: 0.25rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #003366;
    width: 100%;
    margin-bottom: 0.11rem;
}
.product_deatail > .text4 {
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #010101;
    width: 100%;
    line-height: 0.35rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px #B4B4B4 solid;
    margin-bottom: 0.19rem;
}
.news {
    width: 87.3333vw;
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
}
.news > .item {
    width: 42.8vw;
    background: #FAFAFA;
    margin-bottom: 0.29rem;
    margin-right: 1.733vw;
}
.news > .item:nth-child(2n) {
    margin-right: 0rem;
}
.news > .item > a {
    width: 100%;
}
.news > .item > a > .img {
    width: 100%;
    margin-bottom: 0.16rem;
}
.news > .item > a > .img > img {
    width: 100%;
    display: block;
}
.news > .item > a > .title {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.11rem;
    padding-right: 0.11rem;
    margin-bottom: 0.3rem;
    font-size: 0.24rem;
    line-height: 0.33rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;

    display: -webkit-box;/* 对象作为弹性盒子模型显示 */
    overflow: hidden;/* 溢出隐藏 */
    -webkit-box-orient: vertical;/* 设置伸缩盒子对象的子元素的排列方式 */
    -webkit-line-clamp: 2;/* 设置块元素包含的文本行数 */
}
.news > .item > a > .date {
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    color: #565656;
    box-sizing: border-box;
    margin-bottom: 0.1rem;
    padding-left: 0.11rem;
    padding-right: 0.11rem;
}
.news > .item > a > .desc {
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    box-sizing: border-box;
    color: #3C3C3C;
    padding-left: 0.11rem;
    padding-right: 0.11rem;
    margin-bottom: 0.27rem;
    line-height: 0.25rem;

    display: -webkit-box;/* 对象作为弹性盒子模型显示 */
    overflow: hidden;/* 溢出隐藏 */
    -webkit-box-orient: vertical;/* 设置伸缩盒子对象的子元素的排列方式 */
    -webkit-line-clamp: 2;/* 设置块元素包含的文本行数 */
}
.news > .item > a > .more {
    font-size: 0.18rem;
    box-sizing: border-box;
    font-family: Microsoft YaHei;
    font-weight: 300;
    padding-left: 0.11rem;
    padding-right: 0.11rem;
    color: #0D3D70; 
    padding-bottom: 0.21rem;
}
.news_detail {
    width: 82.66vw;
    margin: 0 auto;
}
.news_detail > .title {
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #0D3D70;
    width: 100%;
    text-align: center;
    margin-bottom: 0.28rem;
    line-height: 0.35rem;
}
.news_detail > .date {
    width: 100%;
    text-align: center;
    margin-bottom: 0.63rem;
    font-size: 0.17rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #969696;
}
.news_detail > .content {
    width: 100%;
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.31rem;
    color: #464646;
    margin-bottom: 0.57rem;
    line-height: 0.35rem;
}
.news_detail > .content img {
    max-width: 100%;
}
.news_detail > .back {
    margin: 0 auto;
    width: 2.42rem;
    height: 0.43rem;
    line-height: 0.43rem;
    text-align: center;
    border: 1px solid #07355B;
    font-size: 0.26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0D3D70;
}
.news_detail > .back > a {
    color: #0D3D70;
}
.space {
    width: 100%;
    height: 2rem;
}
.contact {
    width: 91.33vw;
    margin: 0 auto;
}
.contact > .title {
    width: 100%;
    text-align: center;
    font-size: 0.37rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0D3D70;
    margin-bottom: 0.13rem;
}
.contact > .line {
    width: 0.56rem;
    height: 0.04rem;
    background: #0D3D70;
    margin: 0 auto;
    margin-bottom: 0.49rem;
}
.contact > .map {
    width: 100%;
    margin-bottom: 0.4rem;
}
.contact > .map > img {
    width: 100%;
    display: block;
}
.contact > .text1 {
    font-size: 0.25rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #707070;
    width: 100%;
    padding-left: 0.05rem;
    box-sizing: border-box;
    border-bottom: 1px #707070 solid;
    padding-bottom: 0.15rem;
    margin-bottom: 0.19rem;
}
.contact > .city {
    width: 100%;
    display: flex;
    margin-bottom: 0.19rem;
}
.contact > .city > .select {
    margin-right: 0.2rem;
}
.contact > .city > .select > select {
    display: block;
}
.contact > .list {
    width: 100%;
}
.contact > .list > .item {
    width: 100%;
    background: #D6D6D6;
    box-sizing: border-box;
    padding:0.22rem 0.4rem;
}
.contact > .list > .item > .cell1 {
    width: 100%;
    display: flex;
    margin-bottom: 0.22rem;
}
.contact > .list > .item > .cell1 > .icon {
    width: 0.18rem;
    margin-right: 0.1rem;
}
.contact > .list > .item > .cell1 > .icon > img {
    width: 100%;
    display: block;
}
.contact > .list > .item > .cell1 > .name {
    width: calc(~"100% - 0.18rem - 0.1rem");
    font-size: 0.21rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #707070;
}
.contact > .list > .item > .tel {
    font-size: 0.21rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #707070;
}
.culture {
    width: 100%;
}
.culture > .item {
    width: 100%;
    margin-bottom: 0.16rem;
}
.culture > .item > img {
    width: 100%;
    display: block;
}
.about1 {
    width: 94vw;
    margin: 0 auto;
    position: relative;
    margin-bottom: 0.63rem;
}
.about1 > img {
    width: 100%;
}
.about1 > .info {
    position: absolute;
    left: 0.42rem;
    top: 2.32rem;
    width: 82.4vw;
    line-height: 0.32rem;
    font-size: 0.21rem;
    font-family: Microsoft YaHei;
    color: #666666;
}
.about2 {
    width: 86.8vw;
    margin: 0 auto;
}
.about2 > .text1 {
    font-size: 0.36rem;
    font-family: FZLanTingHei-EL-GBK;
    font-weight: 400;
    color: #0D3D70;
    line-height: 0.5rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px #0D3D70 solid;
    margin-bottom: 0.2rem;
}
.about2 > .title {
    width: 100%;
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #595757;
    margin-bottom: 0.21rem;
}
.about2 > .desc {
    width: 100%;
    font-size: 0.21rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #595757;
    margin-bottom: 0.7rem;
    line-height: 0.33rem;
}
.about2 > .imgs {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.about2 > .imgs > .img {
    width: 42.8vw;
}
.about2 > .imgs > .img > img {
    width: 100%;
    display: block;
}
.problem {
    width: 91.333vw;
    box-sizing: border-box;
    padding: 0.54rem 0.32rem;
}
.problem > .item {
    width: 100%;
    border-bottom: 1px #707070 solid;
    margin-bottom: 0.16rem;
}
.problem > .item > .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.12rem;
/*    border-bottom: 1px #707070 solid;*/
    margin-bottom: 0.1rem;
}
.problem > .item > .title > .name {
    font-size: 0.25rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0D3D70;
    line-height: 0.32rem;
    border-left: 0.03rem #0D3D70 solid;
    padding-left: 0.16rem;
    box-sizing: border-box;
    width: 70.53vw;
}
.problem > .item > .title > .icon {
    width: 0.17rem;
}
.problem > .item > .title > .icon > img {
    width: 100%;
    display: block;
}
.problem > .item > .desc {
    width: 79.2vw;
    background: #FAFAFA;
    box-sizing: border-box;
    padding: 0.21rem 0.16rem;
    font-size: 0.21rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.35rem;
    color: #151515;
}
.menu {
    position: fixed;
    right: 0rem;
    top: 0rem;
    width: 54.8vw;
    min-height: 100vh;
    z-index: 999;
    background: rgba(0,0,0,0.6);
}
.menu > .icons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 0.37rem;
    padding-right: 0.33rem;
    padding-top: 0.37rem;
    box-sizing: border-box;
    align-items: center;
    margin-bottom: 0.5rem;
}
.menu > .icons > .search {
    width: 0.42rem;
}
.menu > .icons > .search > img {
    width: 100%;
    display: block;
}
.menu > .icons > .close {
    width: 0.33rem;
}
.menu > .icons > .close > img {
    width: 100%;
    display: block;
}
.menu > .list {
    width: 100%;
}
.menu > .list > .item, .menu > .list > .item2 {
    width: 100%;
    margin-bottom: 0.35rem;
    box-sizing: border-box;
}
.menu > .list > .item > a, .menu > .list > .item2 > .info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 0.36rem;
    padding-right: 0.36rem;
    padding-bottom: 0.16rem;
    border-bottom: 1px rgba(255,255,255,0.4) solid;
}
.menu > .list > .item2 > .sub {
    width: 100%;
    padding-top: 0.1rem;
    display: none;
    border-bottom: 1px rgba(255,255,255,0.4) solid;
}
.menu > .list > .item2 > .sub > .li {
    width: 100%;
}
.menu > .list > .item2 > .sub > .li > a {
    width: 100%;
    font-size: 0.21rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    display: block;
    padding:0.1rem 0rem;
    color: #FFFFFF;
    box-sizing: border-box;
    padding-left: 0.37rem;
}
.menu > .list > .item > a > .name, .menu > .list > .item2 > .info > .name {
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.menu > .list > .item > a > .icon, .menu > .list > .item2 > .info > .icon {
    width: 0.14rem;
}
.menu > .list > .item > a > .icon > img, .menu > .list > .item2 > .info > .icon > img {
    width: 100%;
    display: block;
}
.page {
    width: 100%;
    box-sizing: border-box;
    padding: 0rem 0.4rem;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 0.28rem;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination > li > a, .pagination > li > span {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 3px 8px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #005699;
    border-color: #005699;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
}
.job {
    width: 91.33vw;
    margin: 0 auto;
}
.job > .item {
    width: 100%;
    background: url(../m_images/img058.png) no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding: 0.87rem 0.3rem;
}
.job > .item > .job_name {
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #0D3D70;
    margin-bottom: 0.21rem;
}
.job > .item > .text1 {
    font-size: 0.19rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    width: 100%;
    line-height: 0.31rem;
    margin-bottom: 0.45rem;
}
.job > .item > .text2 {
    font-size: 0.19rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0D3D70;
    line-height: 0.31rem;
    width: 100%;
    margin-bottom: 0.65rem;
}
.job > .item > .text3 {
    width: 100%;
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0D3D70;
    line-height: 0.39rem;
}
.job > .item > .title {
    width: 100%;
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin-bottom: 0.18rem;
    color: #333333;
}
.honor {
    width: 100%;
    display: flex;
    margin-top: 0.84rem;
    box-sizing: border-box;
    padding-left: 0.33rem;
    padding-right: 0.33rem;
    align-items: center;
    margin-bottom: 1.13rem;
    justify-content: space-between;
}
.honor > .swiper-container > .swiper-button-next, .honor > .swiper-container > .swiper-button-prev {
    background-image: none;
}
.honor > .prev {
    width: 0.48rem;
}
.honor > .prev > img {
    width: 100%;
    display: block;
}
.honor > .next {
    width: 0.48rem;
}
.honor > .next > img {
    width: 100%;
    display: block;
}
.honor > .img {
    width: 60.13vw;
}
.honor > .img > img {
    width: 100%;
    display: block;
}
.course {
    width: 100%;
    

}
.course > .year {
    width: 100%;
    text-align: center;
    font-size: 0.42rem;
    font-family: Futura Md BT;
    font-weight: bold;
    margin-bottom: 0.16rem;
    color: #012F54;
}
.course > .icons {
    width: 100%;
    position: relative;
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.59rem;
}
.course > .icons > .left {
    margin-left: 0.33rem;
    width: 0.33rem;
    cursor: pointer;
}
.course > .icons > .left > img {
    width: 100%;
    display: block;
}
.course > .icons > .mid {
    width: 0.32rem;
}
.course > .icons > .mid > img {
    width: 100%;
    display: block;
}
.course > .icons > .right {
    margin-right: 0.33rem;
    width: 0.33rem;
    cursor: pointer;
}
.course > .icons > .right > img {
    width: 100%;
    display: block;
}
.course > .icons > .line {
    position: absolute;
    bottom: 0.15rem;
    left: 0px;
    width: 100%;
}
.course > .imgs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.24rem;
}
.course > .imgs > .left {
    width: .2rem;
    margin-left: 0.33rem;
    cursor: pointer;
}
.course > .imgs > .right {
    width: .2rem;
    margin-right: 0.33rem;
    cursor: pointer;
}
.course > .imgs img {
    width: 100%;
    display: block;
}
.course > .imgs > .img {
    width: 70.13vw;
}
.course > .content {
    width: 100%;
    box-sizing: border-box;
    padding: 0rem 0.33rem;
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.33rem;
    color: #787878;
    margin-bottom: 1.27rem;
}
.attract {
    width: 100%;
}
.attract > .attr-banner {
    width: 100%;
    position: relative;
}
.attract > .attr-banner > img {
    width: 100%;
    display: block;
}
.attract > .attr-banner > .content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(0,0,0,0.51);
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.attract > .attr-banner > .content > .title {
    width: 100%;
    text-align: center;
    font-size: 0.39rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 0.34rem;
}
.attract > .attr-banner > .content > .desc {
    width: 92.8vw;
    margin: 0 auto;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.39rem;
}
.attract > .icons {
    width: 100%;
    position: relative;
    background: #FAFAFA;
    display: flex;
    justify-content: space-between;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    margin-bottom: 1.02rem;
}
.attract > .icons > .item {
    width: 1.49rem;
    height: 1.44rem;
    border-right: 1px #0D3D70 solid;
    box-sizing: border-box;
}
.attract > .icons > .item:last-child {
    border: 0px;
}
.attract > .icons > .item > a {
    width: 100%;
    display: block;
}
.attract > .icons > .item > a > .img {
    width: 0.6rem;
    margin: 0 auto;
    margin-bottom: 0.27rem;
    margin-top: 0.19rem;
}
.attract > .icons > .item > a > .img > img {
    width: 100%;
    display: block;
}
.attract > .icons > .item > a > .name {
    font-size: 0.22rem;
    width: 100%;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #717171;
}
.attract > .text1 {
    width: 91.33vw;
    margin: 0 auto;
    font-size: 0.36rem;
    font-family: FZLanTingHei-EL-GBK;
    font-weight: 400;
    color: #0D3D70;
    line-height: 0.5rem;
    padding-bottom: 0.17rem;
    border-bottom: 1px #0D3D70 solid;
    margin-bottom: 0.15rem;
}
.attract > .text2 {
    width: 91.33vw;
    margin: 0 auto;
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0D3D70;
    margin-bottom: 0.68rem;
}
.attract > .seven {
    width: 91.33vw;
    margin: 0 auto;
}
.attract > .seven > .item {
    width: 100%;
    display: flex;
    margin-bottom: 0.43rem;
}
.attract > .seven > .item > .num {
    font-size: 0.61rem;
    font-family: FZLanTingHei-EL-GBK;
    font-weight: 400;
    color: #0D3D70;
    margin-right: 0.16rem;
}
.attract > .seven > .item > .info {
    width: 70.93vw;
}
.attract > .seven > .item > .info > .title {
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #0D3D70;
    width: 100%;
    margin-bottom: 0.13rem;
}
.attract > .seven > .item > .info > .desc {
    width: 100%;
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #595757;
    line-height: 0.28rem;
}
.feedback {
    width: 100%;
    background: #FAFAFA;
/*    background: red;*/
    box-sizing: border-box;
    padding: 0.5rem 0.5rem;
    margin-bottom: 0.5rem;
}
.feedback > .cell {
    width: 100%;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    margin-bottom: 0.19rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.27rem;
    box-sizing: border-box;
}
.feedback > .cell > .labeal {
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #616161;
    padding-right: 0.31rem;
    border-right: 1px #616161 solid;
    margin-right: 0.31rem;
}
.feedback > .cell > .input {
    width: 2rem;
}
.feedback > .cell > .input > input {
    width:100%;
    display: block;
    outline: none;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #616161;
    border: 0px;
}
.feedback > .cell2 {
    width: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 0.2rem 0.27rem;
}
.feedback > .cell2 > .labeal {
    width: 100%;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #616161;
    margin-bottom: 0.2rem;
}
.feedback > .cell2 > .textarea {
    width: 100%;
}
.feedback > .cell2 > .textarea > textarea {
    width: 100%;
    font-size: 0.24rem;
    height: 1.2rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    border:0px;
}
.feedback > .btn {
    width: 1.35rem;
    height: 0.44rem;
    margin: 0 auto;
    padding-bottom: 0.5rem;
}
.feedback > .btn > button {
    border: 0px;
    width: 100%;
    height: 100%;
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    background: #0D3D70;
}