/*----------------------------------------------------
*
*	  COMMON CSS FILE | by zhanglong |
*
-----------------------------------------------------*/

.ie-view { position: fixed; background: #444 url(../images/ie.jpg) no-repeat 50% 50%; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; }

/*----------------------------------------------------*/

:root {
    --COLOR-PRIMARY: 		#e21e32;
}

/*----------------------------------------------------*/

html { font-size:calc(100vw/3.75); }
body { color: #121212; font: .12rem/1.6 "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
    background-color: #FFF; }

/*----------------------------------------------------*/
ul,p 	{ margin: 0; padding: 0; }
li 	{ list-style: none; }
i 		{ font-style: normal; }
em 	{ font-style: normal; font-weight: bold; }
cite 	{ font-style: normal; }

a { color: #333; cursor: pointer; }
a:hover, a:focus { text-decoration: none; color: #e21e32; }
.primary { color: #e21e32; }
.npd { padding: 0 !important; }

span.pipe { padding-left: .06rem; padding-right: .06rem; color: #9f9f9f; }
.imo, .imo a, .imo a img { display: block; }
.imo img { width: 100%; }

.container { width: 1280px; max-width: 1280px; padding: 0;}

/* font ---------------------- */
@font-face {
    font-family: "din";
    src:	url("fonts/din.eot");
    src:	url("fonts/din.ttf") format("truetype"),
    url("fonts/din.eot") format("embedded-opentype");
    font-style: normal; font-weight: normal;
}
.din { font-family: "din"; line-height: 1; }

.phd-page img { width: 100%; }

/* col ------------------------ */
.row-col { margin-left: -1px; }
.col { padding-left: 1px; position: relative; min-height: 1px; float: left;}
.col-12 {  width: 100%; clear: both; }
.col-11 {  width: 91.66666667%;}
.col-10 {  width: 83.33333333%;}
.col-9 	{  width: 75%;}
.col-8 	{  width: 66.66666667%;}
.col-7 	{  width: 58.33333333%;}
.col-6 	{  width: 50%;}
.col-5 	{  width: 41.66666667%;}
.col-4 	{  width: 33.33333333%;}
.col-3 	{  width: 25%;}
.col-2 	{  width: 16.66666667%;}
.col-1 	{  width: 8.33333333%;}


/*

button & control ------------------------

*/

.form-control, .btn { border-radius: 0; height: .36rem; line-height: .36rem; }

.form-control { padding: 0 .12rem; font-size: .14rem; line-height: 1.4; color: #333; }
.form-control:focus { -webkit-box-shadow: none; box-shadow: none; }
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #FFF url(../images/arr-select.png) no-repeat 100% 50%; padding-right: 3px; padding-left: 1px; }

.btn { padding: 0 .16rem; border: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}

.btn-default 	{ color: #363636; background-color: #f0f0f0; border: 1px solid #d0d0d0; }
.btn-default.active,
.btn-default.active.focus,
.btn-default:focus,
.btn-default:hover
{ background-color: #d0d0d0; }

.btn-primary 	{ color: #FFF; background-color: #e21e32; }
.btn-primary.active,
.btn-primary.active.focus,
.btn-primary:focus,
.btn-primary:hover
{ background-color: #d82a2c; }


/*


top ------------------------


*/
.wrap-hd { background: url(../images/focus-bg.jpg) no-repeat 50% 50% / cover; position: relative; height: .6rem;  }


.wrap-top { width: 100%; background-color:#7CD142; z-index: 3000; position: absolute; top: 0; left: 0; text-align: center}
.wrap-top, .wrap-top .logo, .wrap-top .w-nv { height: .6rem; }
.wrap-top .logo {  padding: 0 .1rem;}
.wrap-top .logo a { display: block; line-height: .6rem; }
.wrap-top .logo a img { height: .5rem; }
.wrap-top .w-nv { position: absolute; left: 1.5rem; top: 0;  }

.with-focus .wrap-top { background:rgba(0,0,0,0.5); }
.with-focus .wrap-hd { height: auto; }
.bd-index .wrap-hd { overflow: hidden; }

@keyframes wraptopscl {
    0% {
        -webkit-transform: translate(0,-100%);
        transform: translate(0,-100%);

    }
    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

.wrap-hd.scl .wrap-top { position: fixed; top: 0; left: 0; z-index: 9000; background-color: rgba(0,0,0,0.5); box-shadow: 0 .1rem .03rem rgba(0,0,0,0.1); -webkit-animation: wraptopscl .5s; animation: wraptopscl .5s;}
.wrap-hd.scl {  }

.menu-tog { display: block; position: absolute; right: .1rem; top: .1rem; width: .4rem; height: .4rem; background: url(../images/menu-tog.png) no-repeat 50% 50% / .3rem auto; opacity: .7;}


.w-nv .nv { position: fixed; background-color: #121212; color: #999; height: 100%; width: 40%; left: -50%; top: 0; z-index: 1002; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.body-open .w-nv .nv { left: 0; }
.w-nv .nv, .w-nv .ct { display: inline-block; }
.w-nv .nv .m { display: block; }
.w-nv .nv .m + .m { border-top: 1px solid rgba(255,255,255,0.04); }
.w-nv .nv .m .i { color: #ccc; text-align: center; display: block; padding: .14rem; height: .64rem; }
.w-nv .nv .m .i i { color: #666; display: block; font-size: .1rem; text-transform: uppercase; }
.w-nv .nv .m:hover .i { background-color: #e21e32; color: #FFF; }
.w-nv .nv .m:hover .i i { color: #FFF; }

.m-sub { }
.m-sub .i { padding-right: .5rem; background: url(../images/m-sub-arr.png) no-repeat 90% 50% / auto .12rem;  }
.m-sub .sub { position: absolute; background-color: rgba(0,0,0,0.9); top: 0; height: 100%; left: 100%; opacity: 0; visibility: hidden; width: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: flex; flex-flow: row wrap; align-content: center; }
.m-sub:hover .sub { opacity: 1; visibility: visible; }
.m-sub .sub a { display: block; line-height: .5rem;  color: #aaa; padding: 0 .35rem; white-space: nowrap; width: 100%; max-height: .6rem;}
.m-sub .sub a:hover { background-color: #e21e32; color: #FFF; }

.w-nv .ct {  }
.w-nv .ct .in { margin-top: .14rem; }
.w-nv .ct i { color: #999; font-size: .1rem; line-height: 1; display: block; }
.w-nv .ct .din { color: #ddd; font-size: .18rem; }

.ms-action {  }
.body-open .ms-action { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1001; }

.w-focus { display: table; width: 100%; height: 100%; padding:0.6rem 0 0 0;}
.w-focus .inner { display: table-cell; padding: 0 3% 15%; vertical-align: top; }

.focus-map { padding: 0 5%; margin-top: 30%}
.focus-map .in { position: relative; height: 0; padding-bottom: 80.5%; background: url(ditu.png) no-repeat 50% 50% / contain; }
.focus-map .rod { position: absolute; width: .06rem; height: .06rem; border-radius: 100%; background-color: #6fba2c; box-shadow: 0 0 .05rem #3a7a02; }
.focus-map .r01 { right: 9%; top: 19%; }
.focus-map .r02 { right: 11%; top: 25%; }
.focus-map .r03 { right: 14%; top: 30%; }
.focus-map .r04 { right: 16%; top: 39%; }
.focus-map .r05 { right: 25.5%; top: 37%; }
.focus-map .r06 { right: 25.5%; top: 40%; }
.focus-map .r07 { right: 32%; top: 46%; }
.focus-map .r08 { right: 23%; top: 47.5%; }
.focus-map .r09 { right: 17.5%; top: 47%; }
.focus-map .r10 { right: 38%; top: 56.5%; }
.focus-map .r11 { right: 27%; top: 64%; }
.focus-map .r12 { right: 23%; top: 69%; }
.focus-map .r13 { right: 13%; top: 61%; }
.focus-map .r14 { right: 48%; top: 65%; }
.focus-map .r15 { right: 16%; top: 74%; }
.focus-map .r16 { right: 17%; top: 77%; }
.focus-map .r17 { right: 18.5%; top: 80%; }
.focus-map .r18 { right: 25.5%; top: 86%; }
.focus-map .r19 { right: 16.5%; top: 44%; }

@keyframes rodflash {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        opacity: 1;
    }
    80% {
        -webkit-transform: scale(4,4);
        transform: scale(4,4);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(4,4);
        transform: scale(4,4);
        opacity: 0;
    }
}

.focus-map .rod i { display: block; width: .06rem; height: .06rem; border-radius: 100%; background-color: #FFF;
    -webkit-animation: rodflash 2s infinite; animation: rodflash 2s infinite;}

.focus-desc { text-align: right; color: #999; padding: 5% 5% 15%; }
.focus-desc .t { height: 0; padding-bottom: 18%; background: url(../images/focus-txt-1.png) no-repeat 50% 50% / contain; }
.focus-desc .d { padding-top: .3rem; font-size: .12rem; line-height: 1.8; text-align: center; }
.focus-desc p { padding-top: .1rem; font-size: .12rem; text-align: center; }
.focus-desc .bs-logo { padding-top: .1rem; }
.focus-desc .bs-logo img { display: inline-block; width: 21%; margin: 0 1%; }

@keyframes arrtipsx {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        opacity: 0;
    }
    50% {
        -webkit-transform: translate(0,.15rem);
        transform: translate(0,.15rem);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0,.3rem);
        transform: translate(0,.3rem);
        opacity: 0;
    }
}

.arr-tips { position: absolute; bottom: .74rem; left: 50%; display: none;}
.arr-tips .in { width: .4rem; height: .4rem; margin-left: -50%; border-radius: 100%; border: 1px solid #aaa; }
.arr-tips .in i { display: block; width: 100%; height: 40%; background: url(../images/arr-tips-arr.png) no-repeat 50% 50% / contain; -webkit-animation: arrtipsx 1.5s infinite; animation: arrtipsx 1.5s infinite;}


/*


index ------------------------


*/
.section { padding: 5%; }

.section:before, .section:after { display: table; content: " "; }
.section:after { clear: both; }

.main-t { margin: .15rem 0; text-align: center; }
.main-t i { text-transform: uppercase; font-size: .16rem; color: #e21e32; line-height: 1; display: block; }
.main-t p { font-size: .26rem; font-weight: bold; color: #111; }
.main-t .c { color: #666; }
.main-t.center { text-align: center; }
.main-t + p { color: #999; font-size: .12rem; text-align: center; }
.main-t.center + p { text-align: center; margin-top: .1rem; margin-bottom: .2rem; font-size: .12rem; color: #999; padding: 0 0.1rem;}

.p-content { color: #666; line-height: 1.8; text-align: justify;}

.x-mc-total { overflow: hidden; }
.x-mc-total .i { width: 50%; float: left; text-align: center; padding-bottom: .2rem; }
.x-mc-total .n .din { color: #e21e32; font-size: .44rem; letter-spacing: -.02rem;}
.x-mc-total .n em { font-weight: bold; font-size: .2rem; }
.x-mc-total .t { font-size: .12rem; color: #666; }

.btn-more { display: block; line-height: .6rem; padding: 0 0.6rem 0 0.6rem; background-image: url(../images/more-arr.png); background-color: #e21e32; background-repeat: no-repeat; background-position: 75% 50%; background-size: .4rem auto; color: #FFF; text-transform: uppercase;

    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;


}
.btn-more:hover { color: #FFF; background-color: #ab1727; background-position: 85% 50%;}

.index-r1 {  }
.index-r1 .c1 {  }
.index-r1 .c2 {  position: relative; }

.index-r1 .c1 .p-content {  }
.index-r1 .c1 .x-mc-total { margin-top: .1rem; border-top: 1px solid #ccc; padding-top: .1rem; }
.index-r1 .c2 .btn-more { display: block; width: 100%;}

.index-r2 { background-color: #e21e32; }
.index-r2 .i { width: 49%; padding: 3%; text-align: center; color: #FFF; overflow: hidden; }
.index-r2 .t { font-weight: bold; font-size: .22rem; padding-bottom: .1rem; }
.index-r2 .c { font-size: .12rem; text-align: justify; }

.index-r2 .clearfix { display: flex; flex-flow: row wrap; display: -webkit-flex; flex-flow: row wrap;}

.index-r3 {  }
.index-r3 .c1 { position: relative; }
.index-r3 .c1 .xt { color: #999; font-size: .12rem; text-align: center; }

.r3-swc-main { margin-top: .2rem; }
.r3-swc-main ul { overflow: hidden; }
.r3-swc-main ul > li { width: 25%; float: left; }
.r3-swc-main ul > li > a { display: block; background-repeat: no-repeat; background-position: 50% .1rem; background-size: .4rem auto; padding: .5rem 0 .1rem; border: .03rem solid transparent; text-align: center; }
.r3-swc-main ul > li > a:hover { border-color: #dfdfdf; }
.r3-swc-main ul > li.active > a { border-color: #e21e32; }
.r3-swc-main ul > li.active > a em { color: #e21e32; }
.r3-swc-main ul > li > a.i1 { background-image: url(../images/index-r3-1-1.png); }
.r3-swc-main ul > li > a.i2 { background-image: url(../images/index-r3-1-2.png); }
.r3-swc-main ul > li > a.i3 { background-image: url(../images/index-r3-1-3.png); }
.r3-swc-main ul > li > a.i4 { background-image: url(../images/index-r3-1-4.png); }
.r3-swc-main ul > li > a em, .r3-swc-main ul > li > a i { display: block; }
.r3-swc-main ul > li > a em { font-size: .14rem; color: #111; }
.r3-swc-main ul > li > a i { font-size: .08rem; line-height: 1.4; height: 2.8em; overflow: hidden; color: #999; text-transform: uppercase; }

.r3-swc-main .tab-content {  }
.r3-swc-main .tab-content .tab-pane { position: relative; }
.r3-swc-main .tab-content .c { padding: 5%; border: 1px solid #d0d0d0; position: relative; background-color: #FFF; }
.r3-swc-main .tab-content .c .btn-more { display: block; width: 100%;}
.r3-swc-main .tab-content .t { font-size: .24rem; font-weight: bold; color: #111; padding-bottom: .1rem; margin-bottom: .1rem; background: url(../images/sm-line-1.png) no-repeat 0 100%; }
.r3-swc-main .tab-content .d { padding-bottom: 10%; }
.r3-swc-main .tab-content .imo { display: none; }
.r3-swc-main .tab-content .em{font-weight:bold;font-size:0.16rem;margin:0.12rem 0 0.1rem 0;line-height:1.4!important;}
.common-ft-01 { background-color: #303030; color: #ccc; padding: 8%;}
.common-ft-01 .c1 { text-align: center; }
.common-ft-01 .c1 i { display: inline-block; font-size: .28rem; font-weight: bold; padding: 0 3%;}
.common-ft-01 p { padding-top: .2rem; max-width: 10rem; margin: 0 auto; font-size: .12rem; }

.index-r5 { }
.index-r5 .c1 { }
.index-r5 .c2 { margin: 0 -5%; }
.index-r5 .c2 .bs-logo { padding: 5%; padding-bottom: .2rem; border-bottom: 1px solid #dfdfdf; margin-bottom: .2rem;}
.index-r5 .c2 .bs-logo .i { width: 33.33333333%; float: left; padding: .1rem; }
.index-r5 .c2 .bs-logo .i img { width: 100%; }

.swiper-r5 { padding: 0 .5rem; }
.swiper-r5 .view { display: block; padding: 3%;}
.swiper-r5 .view img { width: 100%; }
.swiper-r5 .swiper-ac-r { height: 100%; width: .5rem; color: #FFF; position: absolute; top: 0%; z-index: 1000; cursor: pointer;}
.swiper-r5 .swiper-ac-next { right: -2px; background: #FFF url(../images/slide-arr-2.png) no-repeat 50% 50% / .3rem auto; }
.swiper-r5 .swiper-ac-prev { left: -2px; background: #FFF url(../images/slide-arr-1.png) no-repeat 50% 50% / .3rem auto;}

.lst-qual { text-align: center; }
.lst-qual p { font-size: .18rem; font-weight: bold; color: #111; }
.lst-qual + .d { padding-top: .2rem; color: #666; text-align: center;}

.index-r6 { padding-left: 0; padding-right: 0; }
.swiper-r6 {   }
.swiper-r6 .ac-wrap { text-align: center; }
.swiper-r6 .swiper-ac-r { display: inline-block; line-height: .5rem; color: #666; padding: 0 .2rem; border: 1px solid #d0d0d0;}
.swiper-r6 .view { display: block; }
.swiper-r6 .view img { width: 100%; }
.swiper-r6 .view .t { text-align: center; line-height: .5rem;font-size: .17rem; }

.index-r7 { padding: 0; }
.index-r7 .in { }
.index-r7 .c1 { background-color: #f0f0f0; padding: 5% 5% 5% 5%; position: relative; }
.index-r7 .c2 { background-color: #f0f0f0; padding: 0 5%; position: relative; }
.index-r7 .c1 .bar { display: none; }
.index-r7 .c2 .btn-more { display: block; }
.index-r7 .c2 ul{padding:0 0 0.1rem 0;}
.index-r7 .d1 { }
.index-r7 .d2w { padding-top: .2rem; }
.index-r7 .d2 { width: 45%; float: left; padding-right: .1rem;}
.index-r7 .d3 { width: 55%; float: right; }
.index-r7 .d3 .x-dat { font-size: .12rem; color: #999; }
.index-r7 .d3 .x-dat em { color: #333; padding-left: .1rem; }
.index-r7 .d3 .x-t { display: block;margin: .1rem 0; line-height: 1.7;font-size: .16rem; }
.index-r7 .d3 .x-d { color: #999; font-size: .12rem; text-align: justify; line-height: 1.4; height: 4.2em; overflow: hidden; margin-bottom: .2rem; display: none; }
.index-r7 .d3 .x-more { display: block; border: 1px solid #d0d0d0; line-height: .4rem; text-align: center; color: #666; font-size: .12rem;}

.ul-primary {  }
.ul-primary li + li { border-top: 1px dashed #d0d0d0; }
.ul-primary a { display: block; line-height: .4rem; white-space: nowrap; overflow: hidden; font-size: .14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ul-primary a i { font-size: .12rem; color: #666; padding-right: .14rem; }



.col-more { text-align: center; margin: .4rem .1rem;}
.col-more .btn-more { display: block; width: 100%; }

.common-ft-02 { padding-left: 0; padding-right: 0; padding-bottom: 0;}
.cm-im-gd .i { position: relative; height: 0; float: left; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.cm-im-gd .i.md { width: 36%; padding-bottom: 20%;}
.cm-im-gd .i.sm { width: 28%; padding-bottom: 20%;}

.common-ft-03 { background: url(../images/common-contact-bg.jpg) no-repeat 50% 50% / cover;  }
.common-ft-03 .in {  }
.common-ft-03 .c1 { color: #FFF; padding-bottom: .2rem; }
.common-ft-03 .c2 {  }

.common-ft-03 .c1 .t { font-weight: bold; font-size: .16rem; margin: .1rem 0; text-align: center; }
.common-ft-03 .c1 .t + p { font-size: .12rem; text-align: center;}

.common-ft-03 .cd { background-color: #FFF; }
.common-ft-03 .x1 {  }
.common-ft-03 .x2 { background: #e21e32 url(../images/common-contact-attach.png) no-repeat 50% 100% / 100% auto; padding: 5%; text-align: center; color: #FFF;}

.common-ft-03 .x1 { padding: 6%; text-align: center; }
.common-ft-03 .x1 .din { text-transform: uppercase; font-size: .24rem; color: #e21e32; }
.common-ft-03 .x1 .t1 { font-size: .21rem; font-weight: bold; color: #111; margin: 2% 0; }
.common-ft-03 .x1 .t2 { color: #666; font-size: .12rem; margin: 0.05rem 0; }
.common-ft-03 .x1 .gd {  display: flex;display: -webkit-flex;justify-content: space-between;}
.common-ft-03 .x1 .gd .i { padding: 2%; width: 47%; /*float: left;*/ border: 1px solid #d0d0d0;}
.common-ft-03 .x1 .gd .in {  padding: .05rem; }
.common-ft-03 .x1 .gd .i i { display: block; color: #666; margin-bottom: .1rem;font-weight: bold; }
.common-ft-03 .x1 .gd .i p { font-size: .12rem; line-height: 1.2; color: #999;font-weight: normal;}
.common-ft-03 .x1 .tl { text-align: center; margin: 0.02rem auto; }
.common-ft-03 .x1 .tl i { color: #999; }
.common-ft-03 .x1 .tl .din { font-size: .2rem; }
.common-ft-03 .x2 .i { width: 50%; float: left; padding: .1rem; }
.common-ft-03 .x2 img { width: 100%; }
.common-ft-03 .x2 p { font-weight: bold; margin: .1rem 0;}
.common-ft-03 .x2 i { font-size: .12rem; }

.common-ft-03 .main-t p { color: #FFF; }

.common-ft-04 { background-color: #343434; color: #aaaaaa; text-align: center; padding: 6%;}
.common-ft-04 .t1 { font-size: .22rem; font-weight: bold;}
.common-ft-04 .t2 { font-size: .1rem; width: 95%;margin: 0.02rem auto; }
.common-ft-04 .din { display: inline-block; /*padding-left: .2rem; background: url(../images/top-ico-tel.png) no-repeat 0 80% / .2rem auto;*/ color: #e21e32; font-size: .46rem; letter-spacing: -0.03rem; }

.common-ft-end { background-color: #262626; color: #999; text-align: center; padding: 2% 2% 1rem; font-size: .1rem; }
.common-ft-end a { color: #999; }
.common-ft-end a:hover { color: #FFF; }
.common-ft-end .lk { margin-bottom: 1%; overflow: hidden; padding-top: .1rem; }
.common-ft-end .lk a { width: 33.33333333%; display: block; float: left; line-height: .3rem;}
.common-ft-end p { line-height: 1.8; text-align: center;
    margin: 0 auto;}
.common-ft-end p i { display: block; /*padding: 0 .1rem; */ margin: 0.02rem auto; width: 72%;}

.common-gud { display: flex; background: url(../images/bto-shadow.png) repeat-x 0 0 / auto 100%; position: fixed; z-index: 9; bottom: 0; left: 0; width: 100%; }
.common-gud a { flex: 1; text-align: center; padding:0.03rem 0 .01rem 0;}
.common-gud img { height: .3rem; }
.common-gud p { color: #aaa; font-size: .12rem; }
/*.common-ft-end>p:nth-child(3)>i:nth-child(2){
	width: 50%;
	float: left;
}
.common-ft-end>p:nth-child(3)>i:nth-child(3){
	width: 50%;
	float: right;
}*/
.common-ft-end>p:nth-child(3){
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 75%;
}
.common-ft-end>p:nth-child(3)>i{
    width: 50%;
}
.common-ft-end>p:nth-child(2)>i:nth-child(2)>i{
    display: inline-block;
    width: auto;
    margin-left: 0.1rem;
}
.common-ft-end>p:nth-child(2)>i:nth-child(2){
    width: 65%;
}
.a_page{
    margin: 0.2rem auto;
}
.a_page a{
    display: block;
    width: 100%;
    background: #e6e6e6;
    border-radius: 3px;
    text-indent: 0.1rem;
    height: 0.35rem;
    color: #333;
    font-size: 0.12rem;
    line-height: 0.35rem;
    margin-bottom: 0.05rem;
    padding-right: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;/*文本进行换行*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*


pg  ------------------------


*/
.page-t { text-align: center; margin-bottom: 4%;}
.page-t .t { font-size: .3rem; font-weight: bold; color: #111; }
.page-t p { color: #999; margin: .1rem 0;}
.page-t p.b { font-size: .16rem; }

.im-ato { text-align: center; }
.im-ato img { max-width: 100%; }

/*


pg - web  ------------------------


*/
.p-web-r1 {  }
.p-web-r1 .c-gd .i { width: 50%; float: left; padding: 2%;}
.p-web-r1 .c-gd .t { font-weight: bold; font-size: .18rem; padding-bottom: .1rem; padding-top: .12rem; background: url(../images/sm-line-1.png) no-repeat 50% 100% / .3rem auto; text-align: center; margin-bottom: .1rem;}
.p-web-r1 .c-gd p { color: #999; line-height: 1.5; height: 4.5em; overflow: hidden; font-size: .12rem; text-align: justify;}

.p-web-r3 { background-color: #f0f0f0; }
.p-web-r4 { background: url(../images/p-web-4-1.jpg) no-repeat 50% 50% / cover; color: #ccc; }
.p-web-r4 .page-t .t { color: #ccc; }
.p-web-r4 .i { padding: 0 3%; text-align: center; margin: .2rem 0; }

.p-web-r4 .i .t { position: relative; padding-left: .8rem; display: inline-block; }
.p-web-r4 .i .t p { font-size: .24rem; font-weight: bold; color: #ccc; }
.p-web-r4 .i .t i { display: block; font-size: .12rem; color: #999; text-transform: uppercase;}
.p-web-r4 .i .t .din { position: absolute; display: block; font-size: .66rem; color: #ccc; left: 0; top: -10%; }

.p-web-r4 .i .d { background-color: #121212; padding: 10%; text-align: center; margin-top: -4%; line-height: 1.6; font-size: .14rem;}

.p-web-r5 { background-color: #e21e32; color: #FFF; text-align: center; }
.p-web-r5 .t { font-size: .18rem; margin-bottom: 3%; }
.p-web-r5 .t .din { font-size: 150%; padding-right: .02rem; }
.p-web-r5 .c i { display: block; line-height: .5rem; font-size: .16rem; padding: 0 5%; background-color: #d00025; margin: .1rem;}

.swiper-qual { padding: 0 .5rem; margin: 0 -5%;}
.swiper-qual .view { display: block; padding: 3%;}
.swiper-qual .view img { width: 100%; }
.swiper-qual .swiper-ac-r { height: 100%; width: .5rem; color: #FFF; position: absolute; top: 0%; z-index: 1000; cursor: pointer;}
.swiper-qual .swiper-ac-next { right: 0; background: #FFF url(../images/slide-arr-2.png) no-repeat 50% 50%; }
.swiper-qual .swiper-ac-prev { left: 0; background: #FFF url(../images/slide-arr-1.png) no-repeat 50% 50%;}

.swiper-case { padding-bottom: .3rem; }
.swiper-case .view { display: block; padding: 0 3%; }
.swiper-case .view img { width: 100%; }

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {	bottom: 0; }
.swiper-pagination-bullet { border-radius: 0; width: .06rem; height: .06rem; }
.swiper-pagination-bullet-active { background-color: #d00025; }

.p-web-r7 { padding-left: 0; padding-right: 0; }


/*


pg - about  ------------------------


*/
.wrap { max-width: 10rem; margin: 0 auto; }
.p-about-r1 { background: url(../images/p-about-1-1.jpg) no-repeat 50% 50% / cover; color: #333; text-align: center; }
.p-about-r1 .t { font-size: .26rem; font-weight: bold; color: #111; }
.p-about-r1 .t2 { font-size: .12rem; color: #d00025; }
.p-about-r1 .c { padding-top: .3rem; text-align: left; }

.p-about-r2 {  }
.p-about-r2 p { margin-bottom: .1rem; text-indent: 2em; }
.p-about-r2 em { color: #d00025; }

.p-about-r3 { text-align: center; /*background-color: #f0f0f0;*/ }
.p-about-r3 .t { padding-top: .6rem; }
.p-about-r3 .t .in { position: relative; margin-top: -17%; }
.p-about-r3 .t .in p { font-size: .26rem; font-weight: bold; white-space: nowrap; }

.p-about-r3 .i { padding: 3%; }
.p-about-r3 .i .n { font-weight: bold; font-size: .24rem; color: #111; padding-bottom: .12rem; background: url(../images/sm-line-1.png) no-repeat 50% 100% / .3rem .02rem; margin-bottom: .1rem;}
.p-about-r3 .i .d { color: #666; text-align: justify; }

.p-about-r4 { padding: 0; }
.p-about-r4 .in {  }
.p-about-r4 .c1 { padding: 8%; /* background: url(../images/quote-red.png) no-repeat 0 0 / 15% auto; */ }
.p-about-r4 .c2 { background: url(../images/p-about-2-1.jpg) no-repeat 50% 50% / cover; }

.p-about-r5 { background: #121212 url(../images/p-about-3-bg.jpg) no-repeat 0 0 / cover; }
.p-about-r5 .i { margin: .3rem 0; background-position: 0 0; background-repeat: no-repeat; background-size: 20% auto; padding-left: 1rem;  }
.p-about-r5 .i1 { background-image: url(../images/p-about-3-1.png); }
.p-about-r5 .i2 { background-image: url(../images/p-about-3-2.png); }
.p-about-r5 .i3 { background-image: url(../images/p-about-3-3.png); }

.p-about-r5 .i i { display: block; color: #d00025; text-transform: uppercase;  font-size: .18rem;}
.p-about-r5 .i cite { display: block; color: #121212; font-size: .2rem; }
.p-about-r5 .i em { display: block; color: #666; }

.p-about-r6 {  }
.p-about-r6 .t { text-align: center; font-size: .18rem; font-weight: bold; color: #111; line-height: 1.4; margin: .2rem 0; }
.p-about-r6 .c {  }
.p-about-r6 .i { padding: 3%; }
.p-about-r6 .h { background: #d00025 url(../images/p-about-4-1.png) no-repeat 105% -5% / 25% auto; color: #FFF; padding: 5% 8%;}
.p-about-r6 .h .din { font-size: .2rem; display: block;}
.p-about-r6 .h em { display: block; font-size: .18rem; padding-top: 2%;}
.p-about-r6 .in { background-color: #f0f0f0; }
.p-about-r6 .d { padding: 10%; text-align: justify; color: #666; font-size: .12rem; }

.p-about-r7 { background-color: #f0f0f0; }

.swiper-history { padding-bottom: .5rem; }
.swiper-history .swiper-ac-r { position: absolute; bottom: 0; z-index: 900; width: .3rem; height: .3rem; line-height: .3rem; text-align: center; color: #FFF; font-weight: bold; font-size: .16rem; background-color: #aaa; border-radius: 100%; }
.swiper-history .swiper-ac-next { right: 36%; }
.swiper-history .swiper-ac-prev { left: 36%; }

.swiper-history .dt { text-align: center; font-size: .4rem; color: #111; padding-bottom: .3rem; background: url(../images/p-aboout-his.png) no-repeat 50% 100% / contain;}
.swiper-history .dd { text-align: center; padding: 10%; }

.list-article {  }
.list-article .i { width: 50%; float: left; padding: .1rem; }
.list-article .t { display: block; margin: .1rem 0; line-height: 1.2; height: 2.2em; overflow: hidden; color: #111;  font-size: .14rem; }
.list-article .c { padding-top: 1em; color: #999; font-size: .12rem; line-height: 1.4; height: 3.8em; overflow: hidden; background: url(../images/sm-line-1.png) no-repeat 0 0 / .2rem auto; }
.list-article .dt { font-size: .12rem; color: #666; padding-top: .2rem; }
.list-article .imo { height: 0; position: relative; padding-bottom: 75%;}
.list-article .imo img { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.list-article.case .t { text-align: center; background: none; padding: 0; margin: .15rem 0; }

.list-pager { text-align: center; margin: .2rem;}
.list-pager a, .list-pager i { display: inline-block; }
.list-pager a { line-height: .4rem; border: 1px solid #dfdfdf; padding: 0 .2rem; }
.list-pager i { padding: 0 .2rem; }

.article-hd { text-align: center; }
.article-hd p { font-size: .24rem; font-weight: bold; }
.article-hd s { color: #999; }

.article-content { max-width: 10rem; margin: 0 auto; margin-top: 0.3rem;}

/*


pg - ishop  ------------------------


*/
.p-ishop-r1 { text-align: center; background-color: #f0f0f0; }
.p-ishop-r1 .t { display: inline-block; padding-left: 1.4rem; padding-bottom: .2rem; background: url(../images/p-ishop-logo.png) no-repeat 0 0 / 1.3rem auto; font-size: .22rem; font-weight: bold; color: #111;}
.p-ishop-r1 .c { text-align: center; }
.p-ishop-r1 .i { width: 32%; padding: 1%; display: inline-block; vertical-align: bottom; }
.p-ishop-r1 .in { background: #FFF url(../images/p-ishop-line1.png) no-repeat 50% 100%;  padding: 10% 0; }
.p-ishop-r1 .in p { line-height: 1.4; height: 2.8em; }

.p-ishop-r2 { padding-left: 0; padding-right: 0; }
.p-ishop-r2 .in { height: 0; padding-bottom: 123.9461883408072%; background: url(../images/p-ishop-2-1.png) no-repeat 50% 50% / cover; }

.p-ishop-r3 {  }
.p-ishop-r3 .c { max-width: 14rem; margin: 0 auto; }
.p-ishop-r3 .i { width: 50%; float: left; padding: 1%; }
.p-ishop-r3 .i .in { position: relative; height: 0; padding-bottom: 102.1333333333333%; }
.p-ishop-r3 .i img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.p-ishop-r3 .i .d { position: absolute; right: 0; bottom: 0; z-index: 10; color: #FFF; text-align: right; padding: 10%;}
.p-ishop-r3 .i .d p { font-size: .2rem; font-weight: bold; }
.p-ishop-r3 .i .d i { font-size: .12rem; }


.case-basic { border: 1px solid #dfdfdf; padding: 2% 4%; }
.case-basic p { margin: .1rem 0; }
.case-basic i { padding-right: .1rem; }

.case-cover { padding-top: .2rem; }
.case-cover img { width: 100%; }


/* 190307 */
.swiper-team {  }
.swiper-team .swiper-ac-r { position: absolute; top: 40%; width: .3rem; background-color: rgba(0,0,0,0.5); color: #FFF; font-size: .18rem; text-align: center; line-height: 1rem; height: 1rem; z-index: 100;}
.swiper-team .swiper-ac-next { right: 0; }
.swiper-team .swiper-ac-prev { left: 0; }
.swiper-team .view img { width: 100%;height: 2.7rem; }

.fix-qidian { position: fixed; right: 0; bottom: 25%; z-index: 900; width: .6rem; height: 1rem; }

.swiper-focus-ph .swiper-wrapper,
.swiper-focus-ph .swiper-slide,
.swiper-focus-ph .v
{ width: 100%; height: 100%; }
.swiper-focus-ph .v { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; }

.cloud-wrap img { width: 100%; }


/* img-zoom */
.fs_gallery {
    background: rgba(0,0,0, 0.9); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; }
.fs_gallery_close {
    position: absolute; top: 20px; right: 20px; height: 25px; color: #ccc; font-size: 34px; line-height: 23px; text-align: center; cursor: pointer; z-index: 102; }
.fs_gallery_close:before {
    content: "关闭"; font-size: 0.18rem; width: .6rem; display: block; opacity: .6; }
.fs_gallery_close:hover {
    color: #fff; }

.fs_gallery_prev, .fs_gallery_next {
    position: absolute; width: 80px; color: #ccc; font-size: 30px; cursor: pointer; z-index: 101; }
.fs_gallery_prev:hover, .fs_gallery_next:hover {
    background: rgba(0,0,0, 0.1); color: #fff; }
.fs_gallery_prev {
    left: 0; top: 0; bottom: 0; }
.fs_gallery_next {
    right: 0; top: 0; bottom: 0; }
.fs_gallery_prev:before {
    content: "‹"; position: absolute; height: 30px; margin-top: -30px; top: 50%; left: 35px; }
.fs_gallery_next:before {
    content: "›"; position: absolute; height: 30px; margin-top: -30px; top: 50%; left: 35px; }

.fs_gallery_shuft {
    position: relative; width: 9999999px; }
.fs_gallery_shuft:after {
    clear: both; content: ""; display: block; }
.fs_gallery_shuft_item {
    float: left; position: relative; background-color: rgba(0,0,0,0.6); background-position: center center; background-repeat: no-repeat; }
.fs_gallery_shuft_item img {
    box-shadow: 0 0 8px rgba(0,0,0, 0.8); position: absolute; top: 50%; left: 50%; }

.swiper-focus .v img { width: 100%; }

.list-case-w { position: relative;  } .list-case-w + .list-case-w { margin-top: .4rem; }
.list-case-w .swiper-ac-r { position: absolute; top: 40%; width: .4rem; height: 1.2rem; background-color: rgba(0,0,0,0.2); color: #FFF; font-weight: bold; font-size: .18rem; line-height: 1.2rem; z-index: 100; text-align: center; }
.list-case-w .swiper-ac-next { right: 0; }
.list-case-w .swiper-ac-prev { left: 0; }

.list-case-w .cat-t { display: inline-block; line-height: .5rem; border: 1px solid #d0d0d0; font-size: .18rem; color: #333; font-weight: bold; padding: .08rem .4rem .12rem; margin-bottom: .3rem; background: url("data:image/gif;base64,R0lGODlhZAAKAIAAAOIeMgAAACH5BAAAAAAALAAAAABkAAoAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuCzsFADs=") no-repeat 50% 100% / .5rem auto;}
.list-case-w .view { display: block; padding: .1rem; }
.list-case-w .view img { width: 100%; height: 2.5rem;}
.list-case-w .view p { line-height: .5rem; color: #666; text-align: center;}

.article-content img{
    width: 100% !important;
    display: block;
    margin: 0.05rem auto;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.02rem; }