@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%;
    height: 1.38rem;
    background: #ECECEC;
    display: flex;
    padding-top: 0.23rem;
    box-sizing: border-box;
    padding-bottom: 0.17rem;
    align-items: center;
    padding-right: 0.46rem;
    padding-left: 0.49rem;
    justify-content: space-between;
    border-bottom: 0.06rem #193A71 solid;
    position: relative;
}
.header > .logo {
    width: 2.58rem;
}
.header > .logo > img {
    width: 100%;
    display: block;
}
.header > .menu {
    width: 0.44rem;
}
.header > .menu > img {
    width: 100%;
    display: block;
}
.header > .menu2 {
    position: absolute;
    left: 0rem;
    top: 1.38rem;
    width: 100%;
    background: rgba(255,255,255,0.8);
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}
.header > .menu2 > .item {
    width: 33.33%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 0.43rem;
}
.header > .menu2 > .item:nth-child(4),.menu2 > .item:nth-child(5),.menu2 > .item:nth-child(6) {
    margin-bottom: 0rem;
}
.header > .menu2 > .item > a {
    display: block;
    font-size: 0.27rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #505050;
    height: 0.29rem;
    box-sizing: border-box;
    border-right: 0.01rem #193A71 solid;
}
.header > .menu2 > .now > a {
    font-weight: bold;
}
.header > .menu2 > .item:nth-child(3n) > a {
    border: 0rem;
}
.banner {
    width: 100%;
}
.banner > img {
    width: 100%;
    display:block;
}
.home-product {
    width: 100%;
    box-sizing: border-box;
    padding-top: 0.93rem;
    margin-bottom: 1.63rem;
}
.home-product > .title {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    font-size: 0.42rem;
    font-family: Humanst521 Lt BT;
    font-weight: 300;
    color: #81807E;
    padding-bottom: 0.1rem;
    border-bottom: 0.02rem #193A71 solid;
    margin-bottom: 0.45rem;

}
.home-product > .title2 {
    width: 2rem;
    margin: 0 auto;
    margin-bottom: 0.49rem;
}
.home-product > .title2 > img {
    width: 100%;
    display: block;
}
.home-product > .desc {
    font-size: 0.22rem;
    font-family: Arial;
    font-weight: 400;
    width: 5.11rem;
    margin: 0 auto;
    line-height: 0.32rem;
    text-align: center;
    color: #787878;
    margin-bottom: 0.68rem;
}
.home-product > .list1 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 0.14rem;
}
.home-product > .list1 > .img {
    width: 50.66vw;
    margin-right: 0.13rem;
}
.home-product > .list1 > .img:nth-child(2) {
    width: 35.6vw;
    margin-right: 0rem;
}
.home-product > .list1 > .img > a {
    width: 100%;
}
.home-product > .list1 > .img > a > img {
    width: 100%;
    display:block;
}
.home-product > .list2 {
    width: 100%;
    display: flex;
    justify-content: center;
}
.home-product > .list2 > .item {
    width: 37.46vw;
    margin-right: 0.13rem;
}
.home-product > .list2 > .item:nth-child(2) {
    width: 48.8vw;
    margin-right: 0rem;
}
.home-product > .list2 > .item > .img {
    width: 100%;
    margin-bottom: 0.14rem;
}
.home-product > .list2 > .item > .img:nth-child(2) {
    margin-bottom: 0rem;
}
.home-product > .list2 > .item > .img > a {
    width: 100%;
}
.home-product > .list2 > .item > .img > a > img {
    width: 100%;
    display: block;
}
.home-honor {
    width: 100%;
    margin-bottom: 1.49rem;
}
.home-honor > .title {
    width: fit-content;
    font-size: 0.42rem;
    font-family: Humanst521 Lt BT;
    font-weight: 300;
    margin: 0 auto;
    color: #81807E;
    padding-bottom: 0.1rem;
    border-bottom: 0.02rem #193A71 solid;
    margin-bottom: 0.85rem;
}
.home-honor > .title2 {
    width: 3rem;
    margin: 0 auto;
    margin-bottom: 0.81rem;
}
.home-honor > .title2 > img {
    width: 100%;
    display: block;
}
.home-honor > .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 0.52rem;
    padding-right: 0.52rem;
}
.home-honor > .list > .item {
    width: 1.68rem;
    margin-bottom: 0.16rem;
}
.home-honor > .list > .item > a {
    width: 100%;
}
.home-honor > .list > .item > a > img {
    width: 100%;
    display:block;
}
.home-honor > .more {
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 0.27rem;
    font-family: Microsoft YaHei;
    font-style: italic;
    color: #787878;
    padding-right: 0.52rem;
}
.home-work {
    width: 100%;
    margin-bottom: 1.4rem;
}
.home-work > .title {
    width: fit-content;
    font-size: 0.42rem;
    font-family: Humanst521 Lt BT;
    font-weight: 300;
    margin: 0 auto;
    color: #81807E;
    padding-bottom: 0.1rem;
    border-bottom: 0.02rem #193A71 solid;
    margin-bottom: 1.34rem;
}
.home-work > .title2 {
    width: 3rem;
    margin: 0 auto;
    margin-bottom: 1.28rem;
}
.home-work > .title2 > img {
    width: 100%;
    display: block;
}
.home-work > .list {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.78rem;
    margin-bottom: 0.41rem;
    overflow-x: scroll;
}
.home-work > .list > .list2 {
    width: fit-content;
    display: flex;
}
.home-work > .list > .list2 > .item1 {
    width: 1.95rem;
    height: 4.74rem;
    background: #193A71;
    border-radius: 0.2rem;
    box-sizing: border-box;
    margin-right: 0.14rem;
    box-sizing: border-box;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
}
.home-work > .list > .list2 > .item1 > .text1 {
    font-size: 0.22rem;
    font-family: Arial;
    color: #FFFFFF;
    line-height: 0.26rem;
    margin-bottom: 0.27rem;
    padding-top: 0.62rem;
    box-sizing: border-box;
}
.home-work > .list > .list2 > .item1 > .line {
    width: 0.44rem;
    height: 0.02rem;
    background: #FFFFFF;
    margin-bottom: 0.25rem;
}
.home-work > .list > .list2 > .item1 > .text2 {
    font-size: 0.21rem;
    font-family: Arial;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.26rem;
}
.home-work > .list > .list2 > .item {
    width: 1.95rem;
    margin-right: 0.14rem;
}
.home-work > .list > .list2 > .item > img {
    width: 100%;
    display: block;
}
.home-work > .more {
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 0.27rem;
    font-family: Microsoft YaHei;
    font-style: italic;
    color: #787878;
    padding-right: 0.52rem;
}
.home-news {
    width: 100%;
}
.home-news > .title {
    width: fit-content;
    font-size: 0.42rem;
    font-family: Humanst521 Lt BT;
    font-weight: 300;
    margin: 0 auto;
    color: #81807E;
    padding-bottom: 0.1rem;
    border-bottom: 0.02rem #193A71 solid;
    margin-bottom: 0.93rem;
}
.home-news > .title2 {
    width: 3rem;
    margin: 0 auto;
    margin-bottom: 0.89rem;
}
.home-news > .title2 > img {
    width: 100%;
    display: block;
}
.home-news > .list {
    width: 100%;
}
.home-news > .list > .item {
    width: 100%;
    background: #F4F5F7;
}
.home-news > .list > .item:nth-child(2n) {
    background: #fff;
}
.home-news > .list > .item > a {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.home-news > .list > .item > a > .date {
    width: 1.37rem;
    height: 1.37rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    margin-right: 0.3rem;
    border-top-left-radius: 0rem;
}
.home-news > .list > .item:nth-child(2n) > a > .date {
    background: #193A71;
}
.home-news > .list > .item > a > .date > .day {
    font-size: 0.56rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #363636;
    text-align: center;
    box-sizing: border-box;
    padding-top: 0.25rem;
    margin-bottom: 0.05rem;
}
.home-news > .list > .item:nth-child(2n) > a > .date > .day {
    color: #fff;
}
.home-news > .list > .item > a > .date > .month {
    font-size: 0.21rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #363636;
    text-align: center; 
}
.home-news > .list > .item:nth-child(2n) > a > .date > .month {
    color: #fff;
}
.home-news > .list > .item > a > .info {
    width: 3.8rem;
}
.home-news > .list > .item > a > .info > .title {
    width: 100%;
    font-size: 0.24rem;
    font-family: Arial;
    font-weight: bold;
    color: #464646;
    margin-bottom: 0.14rem;
}
.home-news > .list > .item > a > .info > .line {
    width: 1.78rem;
    height: 0.02rem;
    background: #193A71;
    margin-bottom: 0.1rem;
}
.home-news > .list > .item > a > .info > .type {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.home-news > .list > .item > a > .info > .type > .name {
    font-size: 0.2rem;
    font-family: Arial;
    font-weight: 400;
    color: #B4B4B4;
}
.home-news > .list > .item > a > .info > .type > .more {
    display: flex;
}
.home-news > .list > .item > a > .info > .type > .more > .name1 {
    font-size: 0.17rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #787878;
    margin-right: 0.05rem;
}
.home-news > .list > .item > a > .info > .type > .more > .icon {
    width: 0.31rem;
    height: 0.28rem;
}
.home-news > .list > .item > a > .info > .type > .more > .icon > img {
    width: 100%;
    display: block;
}
.home-news > .more {
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding-right: 0.5rem;
    padding-top: 0.29rem;
    padding-bottom: 0.54rem;
}
.home-news > .more > a {
    font-size: 0.27rem;
    font-family: Microsoft YaHei;
    font-style: italic;
    color: #787878;
    display: block;
}
.footer-menu {
    width: 100%;
    background: #ECECEC;
}
.footer-menu > .list {
    width: 94vw;
    margin: 0 auto;
    border-bottom: 0.03rem #FFFFFF solid;
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.83rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.63rem;
}
.footer-menu > .list > .item {
    font-size: 0.27rem;
    font-family: Microsoft YaHei;
    color: #727171;
    width: 33.33%;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px #BFBFBF solid;
    margin-bottom: 0.43rem;
}
.footer-menu > .list > .item:nth-child(3n) {
    border-right: 0px;
}
.footer-menu > .list > .item > a {
    color: #727171;
}
.footer-menu > .list > .now > a {
    font-weight: bold;
    color: #193A71;
}
.footer-menu > .line {
    
}
.footer-menu > .footer {
    width: 100%;
}
.footer-menu > .footer > .logo {
    width: 2.32rem;
    margin-left: 0.6rem;
    margin-bottom: 0.8rem;
}
.footer-menu > .footer > .logo > img {
    width: 100%;
    display: block;
}
.footer-menu > .footer > .company {
    width: 100%;
    font-size: 0.31rem;
    font-family: Microsoft YaHei;
    color: #000;
    font-weight: bold;
    box-sizing: border-box;
    padding-left: 0.6rem;
    margin-bottom: 0.19rem;
    line-height: 0.29rem;
}
.footer-menu > .footer > .address {
    font-size: 0.23rem;
    font-family: Arial;
    font-weight: 400;
    color: #000;
    line-height: 0.29rem;
    padding-left: 0.6rem;
    box-sizing: border-box;
    margin-bottom: 0.28rem;
    width: 5.92rem;
}
.footer-menu > .footer > .info {
    font-size: 0.23rem;
    font-family: Arial;
    font-weight: 400;
    color: #000;
    line-height: 0.29rem;

    box-sizing: border-box;
    padding-left: 0.6rem;
    padding-bottom: 0.87rem;
}
.about {
    width: 100%;
    box-sizing: border-box;
    padding: 0.76rem 0rem;
}
.about > .title {
    width: 100%;
    font-size: 0.36rem;
    font-family: Humanst521 Lt BT;
    font-weight: 300;
    color: #646464;
    margin-bottom: 0.29rem;
    padding: 0rem 0.6rem;
    box-sizing: border-box;
}
.about > .content {
    width: 100%;
    font-size: 0.24rem;
    font-family: Arial;
    font-weight: 400;
    color: #646464;
    padding: 0rem 0.6rem;
    line-height: 0.35rem;
    box-sizing: border-box;
    margin-bottom: 1.29rem;
}
.about > .tags {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
    margin-bottom: 0.4rem;
}
.about > .tags > .item {
    width: 2.62rem;
    height: 0.83rem;
    border: 1px solid #C8C8C8;
    box-sizing: border-box;
    margin-right: 0.39rem;
    margin-bottom: 0.4rem;
}
.about > .tags > .item2 {
    width: 2.62rem;
    margin-right: 0.39rem;
    margin-bottom: 0.4rem;
}
.about > .tags > .item2 > img {
    width: 100%;
    display: block;
}
.about > .tags > .item:nth-child(2n) {
    margin-right: 0rem;
}
.about > .tags > .item2:nth-child(2n) {
    margin-right: 0rem;
}
.about > .tags > .item > a {
    display: block;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-top: 0.1rem;
    box-sizing: border-box;
    border-left: 0.03rem #193A71 solid;
    padding-left: 0.23rem;
    font-size: 0.27rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #646464;
}
.about > .img {
    width: 6.03rem;
    margin: 0 auto;
    margin-bottom: 0.63rem;
}
.about > .img > img {
    width: 100%;
    display: block;
}
.honor {
    width: 100%;
    background: #F0FCFB;
    box-sizing: border-box;
    padding-top: 0.64rem;
    padding-bottom: 0.5rem;
}
.honor > .title {
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 0.12rem;
    font-size: 0.42rem;
    font-family: Humanst521 Lt BT;
    font-weight: 300;
    color: #81807E;
    border-bottom: 0.02rem #193A71 solid;
    margin-bottom: 0.74rem;
}
.honor > .title2 {
    width: 3rem;
    margin: 0 auto;
    margin-bottom: 0.71rem;
}
.honor > .title2 > img {
    width: 100%;
    display: block;
}
.honor > .list {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.honor > .list > .item {
    width: 1.68rem;
    margin-right: 0.5rem;
    margin-bottom: 0.16rem;
}
.honor > .list > .item:nth-child(3n) {
    margin-right: 0rem;
}
.honor > .list > .item > img {
    width: 100%;
    display: block;
}
.cert {
    width: 100%;
    padding-top: 1.11rem;
    padding-bottom: 1.11rem;
}
.cert > .list {
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cert > .list > .item {
    width: 23%;
    margin-bottom: 0.4rem;
}
.cert > .list > .item > .img {
    width: 100%;
    height: 2.13rem;
    background: #B2B2B2;
}
.cert > .list > .item > .img > img {
    width: 100%;
    height: 100%;
    display: block;
}
.cert > .list > .item > .name {
    margin-top: 0.14rem;
    font-size: 0.18rem;
    font-family: Arial;
    color: #787878;
    width: 100%;
    text-align: center;
}
.work {
    width: 100%;
    background: #F4F5F7;
}
.work > .title {
    width: fit-content;
    margin: 0 auto;
    padding-top: 0.81rem;
    font-size: 0.4rem;
    font-family: Humanst521 Lt BT;
    font-weight: 300;
    color: #81807E;
    padding-bottom: 0.1rem;
    border-bottom: 0.02rem #193A71 solid;
    margin-bottom: 0.81rem;
}
.work > .title2 {
    width:3rem;
    margin: 0 auto;
    padding-top: 0.72rem;
    margin-bottom: 0.63rem;
}
.work > .title2 > img {
    width: 100%;
    display: block;
}
.work > .img {
    width: 5.96rem;
    margin: 0 auto;
}
.work > .img > img {
    width: 100%;
    display: block;
}

.news-tag {
    width: 100%;
    display: flex;
}
.news-tag > .item {
    width: 50%;
}
.news-tag > .item > a {
    display: block;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    background: #193A71;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 0.02rem #193A71 solid;
}
.news-tag > .now > a {
    background: #fff;
    color: #193A71;
    font-weight: bold;
}
.news-list {
    width: 100%;
}
.news-list > .item {
    width: 100%;
}
.news-list > .item > a {
    width: 100%;
    display: block;
    padding: 0.89rem 0.68rem;
    box-sizing: border-box;
}
.news-list > .item:nth-child(2n) > a {
    background: #F4F5F7;
}
.news-list > .item > a > .title {
    width: 100%;
    font-size: 0.32rem;
    font-family: Arial;
    font-weight: bold;
    color: #464646;
    margin-bottom: 0.42rem;
}
.news-list > .item > a > .info {
    width: 100%;
    display: flex;
}
.news-list > .item > a > .info > .img {
    width: 1.92rem;
    margin-right: 0.3rem;
}
.news-list > .item > a > .info > .img > img {
    width: 100%;
    display: block;
}
.news-list > .item > a > .info > .info2 {
    width: 3.97rem;
}
.news-list > .item > a > .info > .info2 > .content {
    font-size: 0.23rem;
    font-family: Arial;
    font-weight: 400;
    color: #464646;
    line-height: 0.32rem;
    width: 100%;
    margin-bottom: 0.27rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.news-list > .item > a > .info > .info2 > .line {
    width: 0.94rem;
    height: 0.02rem;
    background: #193A71;
    margin-bottom: 0.04rem;
}
.news-list > .item > a > .info > .info2 > .date {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 0.12rem;
}
.news-list > .item > a > .info > .info2 > .date > .date {
    font-size: 0.17rem;
    font-family: Arial;
    font-weight: 400;
    color: #969696;
}
.news-list > .item > a > .info > .info2 > .date > .more {
    display: flex;
    align-items: center;
}
.news-list > .item > a > .info > .info2 > .date > .more > .name {
    font-size: 0.17rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #787878;
    margin-right: 0.03rem;
}
.news-list > .item > a > .info > .info2 > .date > .more > .icon {
    width: 0.36rem;
}
.news-list > .item > a > .info > .info2 > .date > .more > .icon > img {
    width: 100%;
    display: block;
}
.nd {
    width: 100%;
    box-sizing: border-box;
    padding: 0.66rem;
}
.nd > .title {
    width: 100%;
    font-size: 0.32rem;
    font-family: Arial;
    font-weight: bold;
    color: #464646;
    margin-bottom: 0.58rem;
    line-height: 0.33rem;
    text-align: center;
}
.nd > .date {
    width: 100%;
    text-align: center;
    font-size: 0.2rem;
    font-family: Arial;
    font-weight: 400;
    color: #969696;
    margin-bottom: 0.54rem;
}
.nd > .content {
    width: 100%;
    font-size: 0.23rem;
    font-family: Arial;
    font-weight: 400;
    color: #6E6E6E;
    margin-bottom: 1.1rem;
    line-height: 0.33rem;
}
.nd > .return {
    width: 100%;
    text-align: right;
    margin-bottom: 0.81rem;
}
.nd > .return > a {
    font-size: 0.21rem;
    font-family: Arial;
    font-weight: normal;
    font-style: italic;
    color: #787878;
}
.contact {
    width: 100%;
    box-sizing: border-box;
    padding: 0.54rem 0.78rem;
}
.contact > .title {
    width: 100%;
    font-size: 0.35rem;
    font-family: Arial;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0.64rem;
}
.contact > .form {
    width: 100%;
}
.contact > .form > .cell {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 0.1rem;
    border-bottom: 1px #C8C8C8 solid;
    margin-bottom: 0.21rem;
}
.contact > .form > .cell > .icon {
    width: 0.52rem;
    height: 0.6rem;
    margin-right: 0.11rem;
}
.contact > .form > .cell > .icon > img {
    width: 100%;
    height: 100%;
    display: block;
}
.contact > .form > .cell > .name {
    font-size: 0.29rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #193A71;
    width: 1.5rem;
    margin-right: 0.11rem;
}
.contact > .form > .cell > .input {
    flex: 1;
/*    width: 0.6rem;*/
}
.contact > .form > .cell > .input > input {
    border: 0rem;
    display: block;
    outline: none;
    font-size: 0.29rem;
/*    border: 0.02rem red solid;*/
}
.contact > .form > .textarea {
    width: 100%;
    border-bottom: 1px #C8C8C8 solid;
    margin-bottom: 0.56rem;
}
.contact > .form > .textarea > textarea {
    border: 0rem;
    display: block;
    height: 1.5rem;
    outline: none;
    font-size: 0.29rem;
}
.contact > .form > .btn {
    width: 1.81rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    font-size: 0.29rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    background: #193A71;
    border-radius: 0.05rem;
    margin: 0 auto;
    margin-bottom: 0.98rem;
}
.contact > .map {
    width: 100%;
    margin-bottom: 1.54rem;
}
.contact > .map > a {
    width: 100%;
    display: block;
}
.contact > .map > a > img {
    width: 100%;
    display: block;
}
.contact > .company {
    width: 100%;
    font-size: 0.29rem;
    font-family: Arial;
    font-weight: bold;
    color: #646464;
    line-height: 0.42rem;
    padding-bottom: 0.32rem;
    border-bottom: 0.02rem #C8C8C8 solid;
    margin-bottom: 0.34rem;
}
.contact > .address {
    width: 100%;
    font-size: 0.23rem;
    font-family: Arial;
    font-weight: 400;
    color: #969696;
    line-height: 0.29rem;
    padding-bottom: 0.32rem;
    border-bottom: 0.02rem #C8C8C8 solid;
    margin-bottom: 0.34rem;
}
.contact > .info {
    width: 100%;
    font-size: 0.23rem;
    font-family: Arial;
    font-weight: 400;
    color: #969696;
    line-height: 0.29rem;
    padding-bottom: 0.32rem;
    border-bottom: 0.02rem #C8C8C8 solid;
    margin-bottom: 0.34rem;
}
.pro-search {
    width: 88vw;
    margin: 0 auto;
    margin-top: 0.35rem;
    display: flex;
    align-items: center;
    border-bottom: 1px #193A71 solid;
    padding-bottom: 0.12rem;
    margin-bottom: 0.26rem;
}
.pro-search > .input {
    flex: 1;
}
.pro-search > .input > input {
    width: 100%;
/*    border: 1px red solid;*/
    border: 0rem;
    padding: 0rem;
    margin: 0rem;
    box-sizing: border-box;
    display: block;
    outline: none;
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    height: 0.41rem;
}
.pro-search > .icon {
    width: 0.41rem;
    height: 0.41rem;
}
.pro-search > .icon > img {
    width: 100%;
    height: 100%;
    display: block;
}
.pro-type {
    width: 88vw;
    margin: 0 auto;
    margin-bottom: 0.46rem;
}
.pro-type > .select {
    width: 100%;
    display:block;
    background: #ECECEC;
    height: 0.65rem;
    line-height: 0.65rem;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 0.33rem;
    padding-right: 0.31rem;
}
.pro-type > .select > a {
    width: 100%;
    display:block;
    background: #ECECEC;
    height: 0.65rem;
    line-height: 0.65rem;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 0.33rem;
    padding-right: 0.31rem;
}
.pro-type > .select > .name {
    font-size: 0.34rem;
    color: #727171;
    font-family: Microsoft YaHei;
}
.pro-type > .select > .icon {
    width: 0.36rem;
    height: 0.22rem;
}
.pro-type > .select > .icon > img {
    width: 100%;
    height: 100%;
    display: block;
}
.pro-type > .sub {
    width: 100%;
    border: 1px #BABABA solid;
    box-sizing: border-box;
    border-bottom: 0rem;
}
.pro-type > .sub > .item {
    width: 100%;
    
}
.pro-type > .sub > .item > a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-left: 0.32rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    color: #727171;
    height: 0.52rem;
    line-height: 0.52rem;
    border-bottom: 1px #D4D4D4 solid;
}
.pro-list {
    width: 88vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.pro-list > .item {
    width: 31%;
    margin-right: 3.5%;
    border: 0.02rem solid #C5C5C5;
    box-sizing: border-box;
    margin-bottom: 0.18rem;
}
.pro-list > .item:nth-child(3n) {
    margin-right: 0%;
}
.pro-list > .item > a {
    width: 100%;
    display: block;
    padding-bottom: 0.13rem;
}
.pro-list > .item > a > .img {
    width: 80%;
    margin: 0 auto;
}
.pro-list > .item > a > .img > img {
    width: 100%;
    display: block;
}
.pro-list > .item > a > .title {
    width: 80%;
    margin: 0 auto;
    border-top: 1px #C5C5C5 solid;
    padding-top: 0.09rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei;
    color: #595757;
    margin-bottom: 0.1rem;
    line-height: 140%;
    text-align: center;
}
.pro-list > .item > a > .spec {
    width: 80%;
    margin: 0 auto;
    font-size: 0.2rem;
    line-height: 140%;
    font-family: Microsoft YaHei;
    color: #595757;
    text-align: center;
}
.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: 6px 12px;
    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;
}
.page {
    width: 100%;
    box-sizing: border-box;
    padding: 0rem 0.4rem;
}
.pro-detail {
    width: 5.37rem;
    margin: 0 auto;
}
.pro-detail > .img {
    width: 100%;
    border: 0.02rem solid #C5C5C5;
    box-sizing: border-box;
    padding: 0.4rem;
    margin-bottom: 0.67rem;
}
.pro-detail > .img > img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.pro-detail > .img > a {
    width: 100%;
    display: block;
}
.pro-detail > .img > a > img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.pro-detail > .title {
    width: 100%;
    border-top: 1px #C5C5C5 solid;
    border-bottom: 1px #C5C5C5 solid;
    padding-top: 0.35rem;
    padding-bottom: 0.7rem;
}
.pro-detail > .title > .name1 {
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #193A71;
    margin-bottom: 0.21rem;
}
.pro-detail > .title > .name2 {
    font-size: 0.25rem;
    font-family: Arial;
    font-weight: 400;
    color: #595757;
}
.pro-detail > .spec {
    width: 100%;
    display: flex;
    margin-top: 0.5rem;
    align-items: flex-end;
    margin-bottom: 0.94rem;
}
.pro-detail > .spec > .img {
    width: 3.13rem;
    margin-right: 0.92rem;
}
.pro-detail > .spec > .img > a {
    width: 100%;
    display: block;
}
.pro-detail > .spec > .img > img, .pro-detail > .spec > .img > a > img {
    width: 100%;
    display:block;
}
.pro-detail > .spec > .btn {
    width: 1.32rem;
    height: 0.47rem;
    line-height: 0.47rem;
    text-align: center;
    font-size: 0.25rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    background: #193A71;
    border-radius: 0.1rem;
}
.return {
    width: 5.37rem;
    margin: 0 auto;
    font-size: 0.21rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-style: italic;
    color: #787878;
    padding-bottom: 0.56rem;
    padding-top: 0.25rem;
    text-align: right;
}
.return > a {
    color: #787878;
}
.video {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0.5rem;
}
.video > video {
    width: 100%;
    height: 4.22rem;
}