@charset "utf-8";

/*== HTML ==*/
* { outline: none;
    box-sizing: border-box;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden; }

html { height: 100%; font-size: 625%; overflow-y: scroll; }
:root { overflow-y: auto; overflow-x: hidden; }
:root body { position: absolute; }
body { margin: 0; padding: 0; width: 100vw; min-height: 100%; line-height: 0.24rem; font-size: 0.16rem; overflow: hidden !important; -webkit-font-smoothing: antialiased; }

/*== 鏍煎紡鍖� ==*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.24rem "SourceSans", "SourceCode", "FuturaBook", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "SimSun", "arial", "sans-serif"; outline: none; }
ul, li, p, figure { margin: 0; padding: 0; }
li { list-style: none; }
a, a:after, a:before { text-decoration: none; color: #666; cursor: pointer; outline: none; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:hover { color: #0762a9; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: none; }

/*=== 閫氱敤 ===*/
/*杩囨浮*/
.tm-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }

/*闅愯棌*/
.tm-display-none { display: none !important; }

/* 娴姩 */
.tm-float-left { float: left; }
.tm-float-right { float: right; }
[class*='tm-float-'] { max-width: 100%; }

/* 娓呴櫎娴姩 */
.tm-clearfix::before { content: ""; display: table-cell; }
.tm-clearfix::after { content: ""; display: table; clear: both; }

/* Flex甯冨眬 */
.tm-flex { display: flex; }
.tm-flex-inline { display: inline-flex; }
.tm-flex::before,
.tm-flex::after,
.tm-flex-inline::before,
.tm-flex-inline::after { display: none; }

.tm-flex-left { justify-content: flex-start; }
.tm-flex-center { justify-content: center; }
.tm-flex-right { justify-content: flex-end; }
.tm-flex-between { justify-content: space-between; }
.tm-flex-around { justify-content: space-around; }

.tm-flex-stretch { align-items: stretch; }
.tm-flex-top { align-items: flex-start; }
.tm-flex-middle { align-items: center; }
.tm-flex-bottom { align-items: flex-end; }

.tm-flex-row { flex-direction: row; }
.tm-flex-row-reverse { flex-direction: row-reverse; }
.tm-flex-column { flex-direction: column; }
.tm-flex-column-reverse { flex-direction: column-reverse; }

.tm-flex-nowrap { flex-wrap: nowrap; }
.tm-flex-wrap { flex-wrap: wrap; }
.tm-flex-wrap-reverse { flex-wrap: wrap-reverse; }

.tm-flex-wrap-stretch { align-content: stretch; }
.tm-flex-wrap-top { align-content: flex-start; }
.tm-flex-wrap-middle { align-content: center; }
.tm-flex-wrap-bottom { align-content: flex-end; }
.tm-flex-wrap-between { align-content: space-between; }
.tm-flex-wrap-around { align-content: space-around; }

.tm-flex-first { order: -1; }
.tm-flex-last { order: 99; }
.tm-flex-none { flex: none; }
.tm-flex-auto { flex: auto; }
.tm-flex-1 { flex: 1; }

/*=== 濯掍綋鏌ヨ ===*/
/* 鎵嬫満 */
@media ( min-width : 320px) { 
    .layout { margin: auto; padding: 0 0.08rem; width: 100%; }

    /*=== 澶撮儴 ===*/
    .head { position: fixed; top: 0.16rem; padding: 0 0.08rem; width: 100%; z-index: 99; transition: all 0.5s; }
    .head .logo { padding-top: 0.12rem; overflow: hidden; }
    .head .main-menu > li > a { display: block; padding: 0 0.16rem; height: 0.64rem; line-height: 0.64rem; }

    /*=== 棣栭〉 ===*/
    /* Banner */
    .banner .el-carousel__container { height: 60vh; }
    .index .banner .text { width: 100%; text-align: center; }
    .index .banner .title { line-height: 0.48rem; letter-spacing: 0.02rem; font-size: 0.32rem; font-weight: 700; color: #FFF; }
    
    /* 鎼滅储 */
    .search .layout form { position: relative; width: 100%; height: 0.48rem; border-radius: 0.24rem; overflow: hidden; }
    .search .layout form input { padding-left: 0.24rem; padding-right: 1.6rem; width: 100%; height: 100%; border: none; line-height: 100%; font-size: 0.14rem; }
    .search .layout form button { position: absolute; top: 0; right: 0; padding: 0 0.24rem; height: 100%; background: #CCC; border: none; line-height: 0.4rem; cursor: pointer; transition: all 0.5s; }
    
    /* 鍏充簬 */
    .index .about { padding: 0.48rem 0; }
    .index .about .link { text-align: center; }

    /* 鏁版嵁 */
    .index .data .layout { position: relative; padding: 0.32rem 0.16rem; background: #0762a9; z-index: 2; }

    /* 浜у搧 */
    .index .product { position: relative; padding: 0.48rem 0; } 
    .index .product .image,
    .index .product .text { overflow: hidden; }

    /* 鏂伴椈 */
    .index .news .box { padding: 0.48rem 0; }
    .index .news .link { text-align: center; }

    /*=== 鍐呴〉 ===*/
    .page .banner { height: 2rem; }

    /* About */
    .page .about .main { padding: 0.32rem 0; background: #F6F6F6; }
    .page .about .main .right .content { margin-top: 0.48rem; line-height: 0.28rem; font-size: 0.14rem; color: #666; }

    /* News */
    .page .news-list .unit { position: relative; margin-top: 0.32rem; padding: 0.16rem; background: #FFF; box-shadow: 0 0 0.12rem rgba(0,0,0,0.07); }
    .page .news-info .info { margin: 0.32rem auto; padding: 0.32rem 0.16rem; background: #FFF; box-shadow: 0 0 0.16rem rgba(0,0,0,0.07); }

    /* Product */
    .page .product-info .info { margin: 0.32rem auto; padding: 0.32rem 0.16rem; background: #FFF; box-shadow: 0 0 0.16rem rgba(0,0,0,0.07); }

    /* Contact */
    .page .contact .main { padding: 0.32rem 0; background: url(../images/contact_background.jpg) no-repeat center; background-size: cover; }
    .page .contact .box .left { padding: 0.32rem 0.16rem; }
    .page .contact .box .right,
    .page .contact .box .right * { height: 100%; min-height: 4.8rem; }

    /* Project */
    .page .project .content { margin: 0.32rem auto; padding: 0.32rem 0.16rem; background: #FFF; box-shadow: 0 0 0.16rem rgba(0,0,0,0.07); }

    /* Order */
    .page .order .content { margin: 0.32rem auto; padding: 0.32rem 0.16rem; background: #FFF; box-shadow: 0 0 0.16rem rgba(0,0,0,0.07); }

    /*=== 鍒嗛〉 ===*/
    .paging ul span, 
    .paging ul a { display: block; float: left; margin: auto 0.02rem; padding: 0.02rem 0.08rem; background: #000D44; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; }

}

@media ( min-width : 360px) { 







} 

/* 骞虫澘鐢佃剳 */
@media ( min-width : 460px) {

/* News */
.page .news-list .main,
.page .news-info .main { padding: 0.32rem 0; background: #F1F1F1; }
.page .news-list .unit .image { border: 0.06rem solid rgba(0,0,0,0.03); width: 100%; height: 100%; }
.page .news-list .unit .text { position: relative; padding: 0.24rem 0.48rem 0.24rem 0; color: #383838; }
.page .news-list .unit .text .title a { display: -webkit-box; line-height: 0.32rem; text-overflow: ellipsis; font-size: 0.18rem; font-weight: 700; color: #0762a9; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* overflow: hidden; */}
.page .news-list .unit .text .title a:hover { color: #0762a9; }
.page .news-list .unit .text .summary { display: -webkit-box; margin: 0.16rem auto; height: 0.56rem; line-height: 0.28rem; text-overflow: ellipsis; font-size: 0.14rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* overflow: hidden; */ }
.page .news-list .unit .text .date { font-size: 0.14rem; }
.page .news-list .unit .text .date i { position: relative; top: 0.02rem; margin-right: 0.04rem; }
.page .news-list .unit .text .link { position: absolute; /* top: 50%; */right: 0; margin-top: -0.16rem; width: 0.32rem; height: 0.32rem; line-height: 0.32rem; text-align: center; font-size: 0.24rem; }

.page .news-info .info header { margin-bottom: 0.32rem; padding-bottom: 0.32rem; border-bottom: 0.01rem dashed rgba(0,0,0,0.1); text-align: center; }
.page .news-info .info .title { margin-bottom: 0.16rem; line-height: 0.32rem; font-size: 0.2rem; font-weight: 700; color: #000D44; }
.page .news-info .info .nature { font-size: 0.14rem; color: #BBB; }
.page .news-info .info .nature span + span { margin-left: 0.32rem; }
.page .news-info .info section { margin-bottom: 0.32rem; padding-bottom: 0.32rem; border-bottom: 0.01rem dashed rgba(0,0,0,0.1); font-size: 0.14rem; color: #666; }
.page .news-info .info footer { font-size: 0.14rem; }
.page .news-info .info footer a { color: #999; }
.page .news-info .info footer a:hover { color: #0762a9; }
}

/* 绗旇鏈數鑴� */
@media ( min-width : 960px) {
    /*=== 鍒嗛〉 ===*/
    .paging ul span, 
    .paging ul a { padding: 0.04rem 0.12rem; }
} 

/* PC鐢佃剳 */
@media ( min-width : 1200px) { 
    .layout { padding: 0; width: 12rem; }
    
    /*=== 澶撮儴 ===*/
    .head { top: 0; padding: 0; width: 12rem; left: 50%; margin-left: -6rem; }
    .head.fixed-before { top: -0.48rem; } 
    .head .logo { padding-top: 0.16rem; }
    .head .main-menu > li > a { height: 0.88rem; line-height: 0.88rem; }

    /*=== 棣栭〉 ===*/
    /* Banner */
    .banner .el-carousel__container { /* height: calc(100vh - 120px); */ }
    .index .banner .text { width: auto; text-align: left; }
    .index .banner .title { line-height: 0.64rem; font-size: 0.48rem; }

    /* 鎼滅储 */
    .search .layout form { width: 75%; }
    .search .layout form input { padding-left: 0.48rem; padding-right: 2.4rem; width: 100%; height: 100%; border: none; line-height: 100%; font-size: 0.14rem; }
    .search .layout form button { position: absolute; top: 0; right: 0; padding: 0 0.48rem; height: 100%; background: #CCC; border: none; line-height: 100%; cursor: pointer; transition: all 0.5s; }

    /* 鍏充簬 */
    .index .about { padding: 0.52rem 0; }
    .index .about .link { text-align: left; }

    /* 鏁版嵁 */
    .index .data .layout { padding: 0.72rem; }

    /* 浜у搧 */
    .index .product { /* padding: 0.72rem 0; */ } 
    .index .product .image,
    .index .product .text { height: 2.4rem; }

    /* 鏂伴椈 */
    .index .news .box { padding: 0.72rem 0.96rem 0.72rem 0; }
    .index .news .link { text-align: left; }

    /*=== 鍐呴〉 ===*/
    .page .banner { height: 4rem; }
	
    .page .homebanner { height: 2rem; }

    /* About */
    .page .about .main { padding: 0.96rem 0; }
    .page .about .main .right .content { margin-top: 0.96rem; }

    /* News */
    .page .news-list .unit { padding: 0.32rem; }
    .page .news-info .info { padding: 0.48rem 0.64rem; }

    /* Product */
    .page .product-info .info { padding: 0.48rem 0.56rem; }

    /* Contact */
    .page .contact .main { padding: 0.96rem 0; }
    .page .contact .box .left { padding: 0.64rem; }
    .page .contact .box .right,
    .page .contact .box .right * { min-height: 100%; }

    /* Project */
    .page .project .content { padding: 0.64rem 0.64rem 0.64rem 0.64rem; }

    /* Order */
    .page .order .content { margin: 0.32rem auto; padding: 0.32rem 0.64rem 0.64rem 0.64rem; background: #FFF; box-shadow: 0 0 0.16rem rgba(0,0,0,0.07); }
} 

/* 澶у睆PC鐢佃剳 */
@media ( min-width : 1600px) { 
    
}

/*=== Chrome 杈规爮 ===*/
/* 婊氬姩鏉″嚬妲界殑棰滆壊锛岃繕鍙互璁剧疆杈规灞炴€� */
::-webkit-scrollbar-track-piece { 
    background-color:rgba(0,0,0,0.1);
}

/* 婊氬姩鏉＄殑瀹藉害 */
::-webkit-scrollbar { 
    width: 0.04rem;
    height: 0.01rem;
}

/* 婊氬姩鏉¤缃� */
::-webkit-scrollbar-thumb { 
    min-height: 2.4rem;
    background-color: rgba(7,98,169,0.5);
    background-clip: padding-box;
    border-radius: 0.04rem;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(7,98,169,1);
}

/* Element */
.el-image { vertical-align: middle; }

.el-form--label-top .el-form-item__label { padding: 0; }
.el-input__inner,
.el-textarea__inner { border-radius: 0.02rem; }
.el-button { margin-top: 0.32rem; border: none; border-radius: 0.02rem; }
.el-button--primary { background: #0762a9; }
.el-button--default { background: #EEE; }
.el-button--primary.is-active, 
.el-button--primary:active,
.el-button--primary:focus, 
.el-button--primary:hover { background: #0762a9; }

.el-drawer { overflow-y: scroll; }

.m-menu a { display: block; } 
.m-menu .el-submenu__icon-arrow { display: block; right: 0.16rem; margin-top: -0.16rem; width: 0.32rem; height: 0.32rem; line-height: 0.32rem; text-align: center; }

.el-menu-item, 
.el-submenu__title,
.el-submenu .el-menu-item { height: 0.4rem; line-height: 0.4rem; }

.el-menu-item:focus, 
.el-menu-item:hover,
.el-submenu__title:focus, 
.el-submenu__title:hover { background: #0762a9; border: none; }

.el-menu-item:focus a, 
.el-menu-item:hover a,
.el-menu-item:focus i, 
.el-menu-item:hover i,
.el-submenu__title:focus a, 
.el-submenu__title:hover a,
.el-submenu__title:focus i, 
.el-submenu__title:hover i { color: #FFF; }
.el-menu-item-group__title { padding: 0; }

.el-dialog{ display: flex; flex-direction: column; position:absolute; top:50%; left:50%; margin:0 !important; max-width:calc(100% - 30px); max-height:calc(100% - 30px); transform:translate(-50%,-50%); }
.el-dialog .el-dialog__body{ flex:1; overflow: auto; }

/*=== 澶撮儴 ===*/
/* PC绔� */
.head .contact-way { height: 0.48rem; line-height: 0.48rem; text-shadow: 0 0 0.04rem rgba(0,0,0,0.7); font-size: 0.14rem; color: #FFF; }
.head .contact-way > div { margin-left: 0.16rem; }
.head .contact-way i { position: relative; top: 0.03rem; margin-right: 0.04rem; font-size: 0.18rem; font-weight: 700; color: #0762a9; }

.head .menu-box { padding: 0 0.16rem; background: #FFF; box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); border-radius: 0.08rem; }
.head .main-menu > li { position: relative; }
.head .main-menu > li.active > a { color: #0762a9; }
.head .main-menu > li::after { content: ""; display: block; position: absolute; bottom: -0.08rem; left: 50%; margin-left: -0.08rem; width: 0; height: 0; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-bottom: 0.08rem solid #0762a9; opacity: 0; visibility: hidden; transition: all 0.5s; }
.head .main-menu > li:hover::after,
.head .main-menu > li.active::after { bottom: 0; opacity: 1; visibility: visible; }
.head .sub-menu { position: absolute; top: 0.88rem; padding: 0.08rem 0; width: 1.48rem; margin-left: -0.22rem; background: #0762a9; border-bottom-left-radius: 0.12rem; border-bottom-right-radius: 0.12rem; text-align: center; font-size: 0.14rem; opacity: 0; visibility: hidden; transform: scaleX( -1 ); }
.head .sub-menu a { display: block; padding: 0 0.08rem; line-height: 0.4rem; color: #FFF; }
.head .sub-menu a:hover,
.head .sub-menu > li.active a { background: #FFF; color: #0762a9; }
.head .main-menu > li:hover .sub-menu { opacity: 1; visibility: visible; transform: scaleX( 1 ); }

/*=== 棣栭〉 ===*/
/* Banner */
.index .banner .layout { position: relative; }
.index .banner .subject { margin: 0.32rem auto; color: rgba(255,255,255,0.7); }
.index .banner .link a { display: inline-block; padding: 0.12rem 0.64rem; background: #0762a9; border-radius: 0.02rem; letter-spacing: 0.02rem; font-size: 0.14rem; color: #FFF; }
.index .banner .image { position: absolute; top: -0.64rem; right: 0; }

/* 鎼滅储 */
.search { height: 1.2rem; background: url(../images/search_background.jpg) center repeat-x; background-size: cover; }
.search .layout { height: 100%; }
.search .layout form button:hover { background: #0762a9; color: #FFF; }
.search .layout form button i { position: relative; top: 0.04rem; margin-right: 0.08rem; font-size: 0.2rem; }

/* 鍏充簬 */
.index .about .text { padding: 0.16rem 0; }
.index .about .company-name { margin: 0.14rem auto; line-height: 0.34rem; font-size: 0.28rem; font-weight: 700; color: #0762a9; }
.index .about .slogan,
.index .about .summary { font-size: 0.14rem; color: #666; }
.index .about .summary { height: 100%; /* overflow: hidden; */ }
.index .about .link a { display: inline-block; margin-top: 0.08rem; padding: 0.08rem 0.48rem; background: #3C3C3C; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; transition: all 0.5s; }
.index .about .link a i { position: relative; top: 0.04rem; margin-left: 0.04rem; font-size: 0.18rem; }
.index .about .link a:hover { background: #0762a9; } 

/* 鏁版嵁 */
.index .data { position: relative; background: #0762a9; text-align: center; color: #FFF; }
.index .data::after { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -0.005rem; width: 100%; height: 0.01rem; /* background: #F5A6A6; */ z-index: 1; }
.index .data .number { line-height: 0.64rem; font-size: 0.48rem; font-weight: 700; }
.index .data .name { font-size: 0.14rem; /* color: rgba(255,255,255,0.7); */}

/* 浜у搧 */
.index .product .title { position: relative; margin-bottom: 0.18rem; line-height: 0.48rem; text-align: center; font-size: 0.32rem; font-weight: 700; color: #3C3C3C; }
.index .product .title::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 0.01rem; /* background: #E5CACA; */ z-index: 1; }
.index .product .title span { position: relative; display: inline-block; padding: 0 0.48rem; /*  background: #FFF; */ z-index: 2; }
.index .product .el-image { display: block; }
.index .product .text { padding: 0.48rem; background: #F6F6F6; color: #999; }
.index .product .text .subject { margin-bottom: 0.32rem; text-align: center; font-size: 0.28rem; font-weight: 700; color: #0762a9; }
.index .product .text .summary { display: -webkit-box; line-height: 0.28rem; text-overflow: ellipsis; font-size: 0.14rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.index .product .stext { padding: 0.48rem; background: #ffffff; color: #999; }
.index .product .stext .ssubject { margin-bottom: 0.32rem; text-align: center; font-size: 0.28rem; font-weight: 700; color: #0762a9; }
.index .product .stext .ssummary { display: -webkit-box; line-height: 0.28rem; text-overflow: ellipsis; font-size: 0.14rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }


.index .product .link { text-align: center; }
.index .product .link a { display: inline-block; margin-top: 0.48rem; padding: 0.08rem 0.48rem; background: #3C3C3C; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; transition: all 0.5s; }
.index .product .link a i { position: relative; top: 0.04rem; margin-left: 0.04rem; font-size: 0.18rem; }
.index .product .link a:hover { background: #0762a9; } 

.index .product .slink {  position: absolute; top: 50%; right: 0; margin-top: -0.16rem; width: 0.32rem; height: 0.32rem; line-height: 0.32rem; text-align: center; font-size: 0.24rem;  }
.index .product .slink a { display: inline-block; margin-top: 0.48rem; padding: 0.08rem 0.48rem; background: #3C3C3C; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; transition: all 0.5s; }
.index .product .slink a i { position: relative; top: 0.04rem; margin-left: 0.04rem; font-size: 0.18rem; }
.index .product .slink a:hover { background: #0762a9; } 



/* 鏂伴椈 */
.index .news { position: relative; }
.index .news .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.index .news .background div { height: 100%; }
.index .news .background .left { background: #F6F6F6; }
.index .news .background .right { background-size: cover !important; }
.index .news .title { position: relative; line-height: 0.48rem; font-size: 0.32rem; font-weight: 700; }
.index .news .title::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 0.01rem; background: #E5CACA; z-index: 1; }
.index .news .title span { position: relative; display: inline-block; padding-right: 0.48rem; background: #F6F6F6; z-index: 2; }
.index .news .list { margin: 0.48rem auto; }
.index .news .list .unit { position: relative; padding-left: 0.32rem; }
.index .news .list .unit + .unit { margin-top: 0.32rem; }
.index .news .list .unit .subject { position: relative; line-height: 0.28rem; font-size: 0.18rem; }
.index .news .list .unit .subject .number { position: absolute; left: -0.32rem; font-weight: 700; color: #0762a9; }
.index .news .list .unit .date { margin-top: 0.08rem; color: #BBB; }
.index .news .link a { display: inline-block; padding: 0.08rem 0.48rem; background: #FFF; border-radius: 0.02rem; font-size: 0.14rem; color: #999; transition: all 0.5s; }
.index .news .link a i { position: relative; top: 0.04rem; margin-left: 0.04rem; font-size: 0.18rem; }
.index .news .link a:hover { background: #0762a9; color: #FFF; } 

/*=== 鍐呴〉 ===*/
.page .crumbs { font-size: 0.14rem; }
.page .crumbs i { position: relative; top: 0.02rem; }
.page .crumbs .tip { margin: auto 0.04rem; }
.page .crumbs > *:last-child { color: #0762a9; } 

.page .paging { margin: 0.32rem auto; text-align: center; }
.page .paging i { display: block; }
.page .paging ul { display: inline-block; vertical-align: bottom; }
.page .paging ul a.page-num-current,
.page .paging ul a:hover { background: #0762a9; }

/* About */
.page .about .main .right { padding: 0.32rem 0; }
.page .about .main .right .title { font-size: 0.14rem; color: #0762a9; }
.page .about .main .right .company-name { margin: 0.32rem auto; line-height: 0.48rem; font-size: 0.32rem; font-weight: 700; color: #000D44; }
.page .about .main .right .slogan { position: relative; padding-left: 0.56rem; font-size: 0.14rem; color: #999; }
.page .about .main .right .slogan::before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -0.005rem; width: 0.32rem; height: 0.01rem; background: #CCC; }
.page .about .main .right .content p { margin: 0.16rem auto; }

/* News */
.page .news-list .main,
.page .news-info .main { padding: 0.32rem 0; background: #F1F1F1; }
.page .news-list .unit .image { border: 0.06rem solid rgba(0,0,0,0.03); width: 100%; height: 100%; }
.page .news-list .unit .text { position: relative; padding: 0.24rem 0.48rem 0.24rem 0; color: #383838; height: 100%; }
.page .news-list .unit .text .title a { display: -webkit-box; height: 100%; padding-bottom: 0.15rem; line-height: 0.32rem; text-overflow: ellipsis; font-size: 0.18rem; font-weight: 700; color: #0762a9; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* overflow: hidden; */}
.page .news-list .unit .text .title a:hover { color: #0762a9; }
.page .news-list .unit .text .summary { display: -webkit-box; margin: 0.16rem auto; height: 100%; line-height: 0.28rem; text-overflow: ellipsis; font-size: 0.14rem; -webkit-box-orient: vertical; /* -webkit-line-clamp: 2; /* overflow: hidden; */ }
.page .news-list .unit .text .date { font-size: 0.14rem; }
.page .news-list .unit .text .date i { position: relative; top: 0.02rem; margin-right: 0.04rem; }
.page .news-list .unit .text .link { position: absolute; /* top: 50%; */right: 0; margin-top: -0.16rem; width: 0.32rem; height: 0.32rem; line-height: 0.32rem; text-align: center; font-size: 0.24rem; }

.page .news-info .info header { margin-bottom: 0.32rem; padding-bottom: 0.32rem; border-bottom: 0.01rem dashed rgba(0,0,0,0.1); text-align: center; }
.page .news-info .info .title { margin-bottom: 0.16rem; line-height: 0.32rem; font-size: 0.2rem; font-weight: 700; color: #000D44; }
.page .news-info .info .nature { font-size: 0.14rem; color: #BBB; }
.page .news-info .info .nature span + span { margin-left: 0.32rem; }
.page .news-info .info section { margin-bottom: 0.32rem; padding-bottom: 0.32rem; border-bottom: 0.01rem dashed rgba(0,0,0,0.1); font-size: 0.14rem; color: #666; }
.page .news-info .info footer { font-size: 0.14rem; }
.page .news-info .info footer a { color: #999; }
.page .news-info .info footer a:hover { color: #0762a9; }

/* Product */
.page .product-list .main,
.page .product-info .main { padding: 0.32rem 0; background: #F6F6F6; }
.page .product-list .search { margin-bottom: 0.32rem; background: none; }
.page .product-list .search .layout form { width: 100%; }
.page .product-list .list { margin-top: 0.16rem; }
.page .product-list .unit { margin: 0.16rem auto; }
.page .product-list .unit .title { display: -webkit-box; margin-top: 0.08rem; line-height: 0.28rem; text-align: center; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.page .product-info .info .top .right { padding: 0.16rem 0; }
.page .product-info .info .top .right .title { margin-bottom: 0.16rem; padding-bottom: 0.16rem; border-bottom: 0.01rem dashed rgba(0,0,0,0.07); font-weight: 700; color: #666; }
.page .product-info .info .top .right .nature li { margin-bottom: 0.2rem; font-size: 0.14rem; color: #666; }
.page .product-info .info .top .right .nature li span { font-weight: 700; color: #333; }
.page .product-info .info .top .right .summary { padding: 0.16rem; background: rgba(0,0,0,0.03); }
.page .product-info .info .top .right .summary div { display: -webkit-box; text-indent: 2em; text-overflow: ellipsis; font-size: 0.14rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.page .product-info .info .bottom { margin-top: 0.16rem; padding-top: 0.32rem; border-top: 0.01rem dashed rgba(0,0,0,0.07); font-size: 0.14rem; } 
.page .product-info .related .title { margin-top: 0.64rem; margin-bottom: 0.16rem; line-height: 0.32rem; text-align: center; font-size: 0.24rem; font-weight: 700; }
.page .product-info .related .unit { margin: 0.16rem auto; }
.page .product-info .related .unit .subject { display: -webkit-box; margin-top: 0.08rem; line-height: 0.28rem; text-align: center; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.page .product-info .order a { display: inline-block; margin-top: 0.48rem; padding: 0.08rem 0.48rem; background: #3C3C3C; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; transition: all 0.5s; }
.page .product-info .order a:hover { background: #0762a9; } 

/* Contact */
.page .contact .box { background: #FFF; box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); }
.page .contact .box .left .list { position: relative; padding-left: 0.48rem; }
.page .contact .box .left .list + .list { margin-top: 0.32rem; padding-top: 0.32rem; border-top: 0.01rem solid rgba(0,0,0,0.07); }
.page .contact .box .left .list .icon { position: absolute; top: 0.06rem; left: 0; font-size: 0.32rem; font-weight: 100; color: #0762a9; }
.page .contact .box .left .list + .list .icon { top: 0.38rem; }
.page .contact .box .left .list .title { line-height: 0.32rem; font-size: 0.24rem; font-weight: 700; }
.page .contact .box .left .list .content { margin-top: 0.16rem; font-size: 0.14rem; color: #888; }

/* Project */
.page .project .main { padding: 0.32rem 0; background: #F6F6F6; }
.page .project .content .title { position: relative; margin-bottom: 0.48rem; line-height: 0.32rem; font-size: 0.24rem; font-weight: 700; color: #0762a9; }
.page .project .content .title::before { content: ""; display: block; position: absolute; top: 0; left: -0.64rem; width: 0.04rem; height: 0.32rem; background: #0762a9; }
.page .project .content .text { font-size: 0.14rem; color: #666; }

/* Order */
.page .order .main { padding: 0.32rem 0; background: #F6F6F6; }
.page .order .content .title { position: relative; margin-bottom: 0.48rem; line-height: 0.32rem; font-size: 0.24rem; font-weight: 700; color: #0762a9; }
.page .order .content .title::before { content: ""; display: block; position: absolute; top: 0; left: -0.64rem; width: 0.04rem; height: 0.32rem; background: #0762a9; }
.page .order .tips { margin-top: 0.32rem; padding-top: 0.32rem; border-top: 0.01rem dashed rgba(0,0,0,0.1); font-size: 0.14rem; color: #666; }
.page .order .tips .unit + .unit { margin-top: 0.32rem; }
.page .order .tips .unit .subject { margin-bottom: 0.08rem; font-weight: 700; color: #0762a9; }

/*=== 搴曢儴 ===*/
.footer { padding: 0.32rem 0; background: #3C3C3C; line-height: 0.28rem; font-size: 0.14rem; color: #666; }
.footer .copyright {/*  margin-top: 0.08rem;  */ margin-right: 0.28rem; }
.footer .copyright span { margin-right: 0.08rem; }