.f_pr {
    position: relative;
}

.f_pa {
    position: absolute;
}

.body-color-p102 {
    background: #f5f5f5;
}

.footer_wap {
    display: none;
}

.header,
.content,
.container,
.footer {
    width : 1300px;
    margin: 0 auto;
}

.pagebar {
    clear     : both;
    margin    : 60px 0 70px 0;
    text-align: center;
    padding   : 10px 0;
}

.pagebar a:hover {
    color: #333;
}

.page-status {
    border-radius: 2px 0 0 2px;
}

.page-last {
    border-radius: 0 2px 2px 0;
}



.page-index,
.page-last,
.page-next,
.page-num,
.page-pre,
.page-status {
    display         : inline-block;
    margin          : 0 0px 5px 0;
    padding         : 0 15px;
    height          : 35px;
    border          : 1px solid #e2e2e2;
    background-color: #fff;
    color           : #333;
    vertical-align  : middle;
    font-size       : 12px;
    line-height     : 35px;
}

.page-num {
    border-left : 0px;
    border-right: 0px;
}

.page-pre {
    border-top-left-radius   : 3px;
    border-bottom-left-radius: 3px;

}

.page-next {
    border-top-right-radius   : 3px;
    border-bottom-right-radius: 3px;
}

.page-status,
.page-last,
.page-index {
    display: none;
}

.page-num-current {
    border-top   : none;
    border-bottom: none;
    border       : 1px solid #333333;
}

a.page-num-current:hover {
    color: #333333;
}

em {
    font-style: normal;
}

.model-leftnav,
.opacity2 {
    display: none;
}

.ywcode {
    position: absolute;
    width   : 100px;
    height  : 100px;
    right   : 0;
    top     : 45px;
}

.ywcode img {
    width: 100px;
}

.g_top {
    height    : 196px;
    background: url(../images/topbg.jpg) no-repeat center top;
    position  : relative;
}

.g_top .cnen {
    position       : absolute;
    right          : 0;
    top            : 10px;
    width          : 300px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.g_top .cnen1 {
    width: 420px;
}

.g_top .cnen .cnen_left {
    display        : flex;
    justify-content: space-between;
    width          : 75px;

}

.g_top .cnen1 .cnen_left {
    display        : flex;
    justify-content: space-between;
    width          : 180px;

}

.g_top .cnen .cnen_left a {
    font-size  : 14px;
    font-weight: 600;
    color      : #000000;
    display    : block;
}



.g_top .cnen li {
    float             : left;
    height            : 16px;
    line-height       : 16px;
    font-size         : 14px;
    color             : #444444;
    width             : 70px;
    padding-left      : 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.g_top .cnen li a {
    color      : #444;
    font-size  : 16px;
    font-weight: 600;
}



.g_top .cn {
    background: url(../images/cn.jpg) no-repeat 0 4px
}

.g_top .en {
    background: url(../images/en.jpg) no-repeat 0 4px
}

.g_top .jp {
    background: url(../images/jp.jpg) no-repeat 0 4px
}

.g_top .m_top {
    height: 131px;
}

.top_c .tlogo {
    float   : left;
    padding : 30px 8vw 0 0;
    position: relative;
}

.g_nav li:nth-child(3) {
    display: none;
}

.top_c .tlogo em {
    position   : absolute;
    left       : 73px;
    top        : 85px;
    font-size  : 14px;
    color      : #fff;
    font-weight: normal;
}

.top_c h2 {
    float      : left;
    margin     : 30px 0 0 0;
    color      : #000;
    font-size  : 30px;
    font-weight: bold;
}

.top_c h2 b {
    color: #FABF1B;
}

.top_c h2 em {
    display    : block;
    color      : #333333;
    font-weight: normal;
    font-size  : 22px;
    padding-top: 3px;
    font-family: bold;
}

.top_c p {
    float : right;
    margin: 50px 0 0 0;
}

.top_c p {
    margin-right: 130px;
    display     : block;
    padding     : 0 0 0 60px;
    background  : url(../images/tel.jpg) no-repeat left 2px;
    color       : #000000;
    font-size   : 26px;
    line-height : 50px;
}

.g_nav {
    height     : 58px;
    line-height: 58px;
    margin-top : 7px;
}

.g_nav li {
    position: relative;
    float   : left;

}

.g_nav li>a {
    display        : block;
    color          : #fff;
    line-height    : 58px;
    font-size      : 18px;
    text-decoration: none;
    text-align     : center;
    position       : relative;
    padding        : 0 40px;
    font-weight    : 600;
}

.g_nav li:hover dl {
    display: block;
}

.g_nav li dl {
    position  : absolute;
    top       : 58px;
    left      : 0px;
    z-index   : 999;
    width     : 100%;
    text-align: center;
    display   : none;
}

.g_nav li dl dt {
    background: #edca69;
    text-align: center;
    margin    : 2px 0;
}

.g_nav li dl dt a {
    font-size: 16px;
    color    : #fff;
    display  : block;
}

.g_nav li>a::after {
    display   : block;
    content   : '.';
    height    : 20px;
    width     : 2px;
    background: #fff;
    position  : absolute;
    right     : 0;
    top       : 21px;
    font-size : 0;
}

.g_nav li:last-child a::after {
    display: none;
}



.g_nav li a:hover,
.g_nav .cur a {
    color     : #fff;
    background: #080808;
}

.g_nav li:nth-child(1) a {
    padding-left : 42px;
    padding-right: 45px;
}

.g_nav li:nth-child(1):before {
    background: url(../images/home.png) no-repeat;
    width     : 22px;
    height    : 22px;
    left      : -8px;
    top       : 20px;
    content   : "";
    position  : absolute;
}

.g_top .g_nav_pro {
    position: absolute;
    left    : 0px;
    top     : 210px;
    width   : 100%;
    z-index : 999;
    display : none;
}

.g_top .g_nav_pro .g_nav_bg {
    background: #fff;
    border    : 5px solid #fabf1b;
    padding   : 20px;
    box-sizing: border-box;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro1 {
    display        : flex;
    justify-content: flex-start;
    flex-wrap      : wrap;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro1 .item {
    display    : flex;
    align-items: center;
    font-size  : 14px;
    margin     : 5px 0;
    flex       : 0 0 calc(100% / 7)
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro1 .item img {
    display: block;
    padding: 5px;
    width  : 53px;
    height : 42px;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro1 .cur,
.g_top .g_nav_pro .g_nav_bg .g_nav_pro1 .item:hover {
    background: #fabf1b;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro1 .cur a {
    color: #fff;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro2>div {
    display  : none;
    flex-wrap: wrap;
    align-content: flex-start;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro2 .item {
    background: #fcfafb;
    text-align: center;
    padding   : 15px;
    box-sizing: border-box;
    margin    : 15px 15px;
    width     : calc((100% - 240px)/7);
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro2 .item a {
    font-size: 14px;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro2 .item:first-child,
.g_top .g_nav_pro .g_nav_bg .g_nav_pro2 .item:nth-child(8) {
    margin-left: 0px;
}
.g_top .g_nav_pro .g_nav_bg .g_nav_pro2 .item:nth-child(15) {
    margin-left: 0px;
}
.g_top .g_nav_pro .g_nav_bg .g_nav_pro2 .item:last-child,
.g_top .g_nav_pro .g_nav_bg .g_nav_pro2 .item:nth-child(7) {
    margin-right: 0px;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro2 .item .name {
    padding: 10px 0 0 0;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro2 .item img {
    width: 100%;
}

.g_top .g_nav_pro .g_nav_bg .g_nav_pro1 .item .name {
    margin-left: 10px;
}

.g_nav_pro_bx {
    height    : 10px;
    width     : 100%;
    background: #f1f1f1;
}

.g_top .g_nav_pro3 {
    display        : flex;
    justify-content: space-between;
    margin         : 30px 0 20px 0;
    border-left    : 1px solid #c1c1c1;
}

.g_top .g_nav_pro3 .item {
    display    : flex;
    align-items: center;
    border     : 1px solid #c1c1c1;
    padding    : 3px 15px 3px 10px;
}



.g_top .g_nav_pro3 .item img {
    display: block;
}

.g_top .g_nav_pro3 .item .name {
    margin-left: 20px;
}

.g_top .g_nav_pro3 .item .name a {
    font-size     : 16px;
    letter-spacing: 4px;
	line-height: 56px;
    color         : #666666;
}

.g_top .g_nav_pro3 .item:hover {
    background: #fabf1b;
}

.g_top .g_nav_pro3 .item:hover a {
    color: #fff;
}

.fullSlide .swiper-slide {
    position: relative;
}

.fullSlide .swiper-slide .banner_title {
    position: absolute;
}

.fullSlide .swiper-slide .banner_proImg {
    position : absolute;
}

.fullSlide .swiper-slide .banner2_title {
    position : absolute;
}

.fullSlide .swiper-slide .banner2_proImg {
    position : absolute;
}

.fullSlide .swiper-slide img {
    width  : 100%;
    display: block;
}

.ty-banner-1 {
    overflow   : hidden;
    line-height: 0;
    text-align : center;
}

.ty-banner-1 img {
    visibility: hidden;
}

.ty-banner-1 img.show {
    visibility: visible;
}

.main_pro {
    padding-bottom: 60px;
}

/**/
.pro01 {
    background: #f1f1f1 url(../images/cp_bg.jpg) no-repeat center 0;
    overflow  : hidden;
    padding   : 60px 0 0px 0;
	height: 780px;
}

.pro01:nth-child(2) {
    padding-bottom: 50px;
}

.pro001 {
    background: #f1f1f1;
    height    : 915px;
    overflow  : hidden;
    margin-top: -60px;
}

.pro_tit {
    font-size  : 40px;
    color      : #fff;
    text-align : center;
    line-height: 40px;
    height     : 85px;
    overflow   : hidden;
    background : url(../images/cp_tbg.png) no-repeat center 12px;
}

.pro_tit a {
    color: #080404;
}

.pro_tit span {
    display    : block;
    font-size  : 18px;
    font-weight: normal;
    padding    : 5px 0 0;
}

.pro_nav {
    height: 85px;
    margin: 45px 0 0;
}

.pro_nav ul {
    display        : flex;
    justify-content: center;
}


.pro_nav ul li a {
    font-size  : 18px;
    color      : #080404;
    display    : block;
    float      : left;
    height     : 45px;
    line-height: 45px;
    background : url(../images/cp_ico01.png) no-repeat 25px center;
    padding    : 0 30px 0 45px;
}

.pro_nav ul li a {
    -webkit-transform          : perspective(1px) translateZ(0);
    transform                  : perspective(1px) translateZ(0);
    box-shadow                 : 0 0 1px transparent;
    position                   : relative;
    -webkit-transition-property: color;
    transition-property        : color;
    -webkit-transition-duration: 0.3s;
    transition-duration        : 0.3s;
}

.pro_nav ul li a:before {
    content                           : "";
    position                          : absolute;
    z-index                           : -1;
    top                               : 0;
    bottom                            : 0;
    left                              : 0;
    right                             : 0;
    background                        : #fff url(../images/cp_ico02.png) no-repeat 25px center;
    border-radius                     : 30px;
    -webkit-transform                 : scaleX(0);
    transform                         : scaleX(0);
    -webkit-transform-origin          : 50%;
    transform-origin                  : 50%;
    -webkit-transition-property       : transform;
    transition-property               : transform;
    -webkit-transition-duration       : 0.3s;
    transition-duration               : 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function        : ease-out;
}

.pro_nav ul li a:hover:before,
.pro_nav ul li.cur a:before {
    -webkit-transform: scaleX(1);
    transform        : scaleX(1);
}

.pro_nav ul li a:hover,
.pro_nav ul li.cur a {
    color: #333;
}


.search {
    height       : 100px;
    background   : #fff;
    overflow     : hidden;
    font-size    : 15px;
    font-family  : "Microsoft Yahei";
    border-bottom: 1px solid #eaeaea;
}

.keywords {
    font-weight: normal;
    line-height: 100px;
    width      : 720px;
    overflow   : hidden;
    float      : left;
}

.p102-about-content {
    margin: 150px 0 0 0;
}

.p12-aboutinfo-1-nr {
    padding: 100px 0
}

.keywords b {
    height     : 80px;
    display    : inline-block;
    color      : #222222;
    font-weight: bold;
}

.keywords a {
    color      : #666666;
    line-height: 80px;
    padding    : 0 12px;
    font-size  : 15px;
}

.sea {
    overflow  : hidden;
    width     : 307px;
    float     : right;
    margin-top: 30px;
    background: url(../images/sec.png) no-repeat;
}

.inp01 {
    border-style: none;
    float       : left;
    color       : #999999;
    padding-left: 24px;
    width       : 262px;
    height      : 38px;
    font-family : "Microsoft Yahei";
    font-size   : 12px;
    background  : none;
    line-height : 38px;
    box-sizing  : border-box;
}

.inp02 {
    border-style: none;
    cursor      : pointer;
    height      : 38px;
    width       : 45px;
    display     : inline-block;
    color       : #fff;
    background  : none;
    font-size   : 0;
}

.pro01_m {
    display  : flex;
    flex-wrap: wrap;
}

.pro01_m dl {
    width     : 23%;
    margin    : 0 1% 0px 1%;
    background: #fff;
}

.pro01_m dl:nth-child(n+5) {
    margin: 50px 1% 60px 1%;
}

.pro01_m dl dt {
    width      : 100%;
    height     : 213.75px;
    line-height: 0;
    overflow   : hidden;
}

.pro01_m dl dt img {
    width : 100%;
    height: 100%;
}

.pro01_m dl dt img,
.pro02_l img,
.super dl dt img,
.news_l dl dt img,
.photo_m ul li img {
    -webkit-transition: 1s;
    -moz-transition   : 1s;
    transition        : 1s;
}

.pro01_m dl dt img:hover,
.product-container img:hover,
.pro02_l img:hover,
.super dl dt img:hover,
.news_l dl dt img:hover,
.photo_m ul li img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform   : scale(1.1);
    -ms-transform    : scale(1.1);
    transform        : scale(1.1);
}

.pro01_m dl dd {
    width     : 100%;
    margin    : 0 auto;
    border-top: #eaeaea 2px solid;
    padding   : 35px 10px 30px 10px;
    box-sizing: border-box;
}

.pro01_m dl dd h5 {
    height       : 50px;
    line-height  : 50px;
    overflow     : hidden;
    margin-bottom: 5px;
}

.pro01_m dl dd h5 a {
    font-size: 20px;
    color    : #333;
    display  : block;
}

.pro01_m dl dd h5 a:hover,
.pro01_m ul li a:hover {
    color      : #234ea3;
    font-weight: bold;
}

.pro01_m dl dd em {
    display    : block;
    float      : right;
    line-height: 0;
    width      : 44px;
    height     : 44px;
    overflow   : hidden;
}

.pro01_m dl dd em img {
    width             : 44px;
    height            : 88px;
    -webkit-transition: all .5s;
    transition        : all .5s;
}

.pro01_m dl dd h5:hover em img {
    margin-top: -44px;
}

.pro01_m ul li {
    width      : 125px;
    float      : left;
    height     : 38px;
    line-height: 38px;
    overflow   : hidden;
}

.pro01_m ul li a {
    font-size: 15px;
    color    : #666;
}

.pro01_m ul li:nth-of-type(4n) {
    width: 90px;
}



.pro001_m dl {
    width      : 590px;
    float      : left;
    margin-left: 20px;
    background : #fff;
}

.pro001_m dl dt {
    width      : 590px;
    height     : 380px;
    line-height: 0;
    overflow   : hidden;
}

.pro001_m dl dt img {
    width : 590px;
    height: 380px;
}

.pro001_m dl dt img,
.pro02_l img,
.super dl dt img,
.news_l dl dt img,
.photo_m ul li img {
    -webkit-transition: 1s;
    -moz-transition   : 1s;
    transition        : 1s;
}

.pro001_m dl dt img:hover,
.pro02_l img:hover,
.super dl dt img:hover,
.news_l dl dt img:hover,
.photo_m ul li img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform   : scale(1.1);
    -ms-transform    : scale(1.1);
    transform        : scale(1.1);
}

.pro001_m dl dd {
    width     : 465px;
    margin    : 0 auto;
    border-top: #eaeaea 2px solid;
    padding   : 35px 0 60px;
}

.pro001_m dl dd h5 {
    height       : 50px;
    line-height  : 50px;
    overflow     : hidden;
    margin-bottom: 5px;
}

.pro001_m dl dd h5 a {
    font-size: 26px;
    color    : #333;
    display  : block;
}

.pro001_m dl dd h5 a:hover,
.pro01_m ul li a:hover {
    color      : #234ea3;
    font-weight: bold;
}

.pro001_m dl dd em {
    display    : block;
    float      : right;
    line-height: 0;
    width      : 44px;
    height     : 44px;
    overflow   : hidden;
}

.pro001_m dl dd em img {
    width             : 44px;
    height            : 88px;
    -webkit-transition: all .5s;
    transition        : all .5s;
}

.pro001_m dl dd h5:hover em img {
    margin-top: -44px;
}

.pro001_m ul li {
    width      : 125px;
    float      : left;
    height     : 38px;
    line-height: 38px;
    overflow   : hidden;
}

.pro001_m ul li a {
    font-size: 16px;
    color    : #666;
}

.pro001_m ul li:nth-of-type(4n) {
    width: 90px;
}

.pro001_m dl:first-child {
    margin-left: 0;
}

/* 产品列表 */
.plc {
    padding: 5px 0 0px;
}

.p12-curblock {
    display: none;
}

.p102-curmbs-1 {
    height     : 40px;
    line-height: 40px;
    font-size  : 14px;
    color      : #808080;
}

.p102-curmbs-1 b {
    font-weight : normal;
    padding-left: 35px;
    background  : url(../images/p102-curmbs-icon1.png) no-repeat left center;

}

.p102-curmbs-1 i {
    font-style: normal;
}

.p102-curmbs-1 span {
    font-family: 宋体;
    height     : 46px;
    line-height: 46px;
    padding    : 0px 5px;
}

.p102-curmbs-1 a {
    color: #808080;
}

.p102-curmbs-1 a:hover {
    color: #fb6800;
}


.p102-fdh-1 {
    border    : 1px solid #ebebeb;
    box-shadow: 5px 5px 10px #f0f0f0, -5px -5px 10px #f0f0f0;
    padding   : 0 60px 12px;
}

.p102-fdh-1-title {
    height     : 56px;
    margin     : -1px auto 0;
    line-height: 56px;
    position   : relative;
    overflow   : hidden;
    text-align : center;
}

.p102-fdh-1-title h2 {
    display    : inline-block;
    font-weight: normal;
    font-size  : 26px;
    height     : 56px;
    color      : #fff;
    padding    : 0 50px;
    background : #fb6800;
}

.p102-fdh-1-nav {
    margin-top: -1px;
}

.p102-fdh-1-nav-one {
    border-top: 1px solid #e6e6e6;
    padding   : 22px 0 10px;
}

.p102-fdh-1-nav-one h3 {
    min-width    : 80px;
    max-width    : 100%;
    margin-bottom: 15px;
}

.p102-fdh-1-nav-one h3 a {
    display    : block;
    line-height: 30px;
    height     : 30px;
    font-size  : 18px;
    font-weight: bold;
    color      : #1a1a1a;
}

.p102-fdh-1-nav-one h3 a:hover,
.p102-fdh-1-nav-one h3.sidenavcur a {
    color: #fb6800;
}

.p102-fdh-1-nav-one dl {
    float    : left;
    max-width: 990px;
}

.p102-fdh-1-nav-one dt {
    display      : inline-block;
    height       : 28px;
    line-height  : 28px;
    font-size    : 16px;
    border       : 1px solid transparent;
    border-radius: 5px;
    margin       : 0 12px 8px 0;
    position     : relative;
}

.p102-fdh-1-nav-one dt .nav_con {
    position   : absolute;
    left       : 0px;
    margin-left: -22px;
    top        : 28px;
    z-index    : 99;
    display    : none;
}

.p102-fdh-1-nav-one dt .nav_con .con1 {
    width     : 130px;
    text-align: center;

}

.p102-fdh-1-nav-one dt .nav_con .con1 img {
    display: block;
    margin : 0 auto;
}


.p102-fdh-1-nav-one dt .nav_con .con2 {
    width             : 150px;
    background        : #fff;
    -moz-box-shadow   : 0px 0px 8px #A3A3A3;
    -webkit-box-shadow: 0px 0px 8px #A3A3A3;
    box-shadow        : 0px 0px 8px #A3A3A3;
    padding           : 10px;
    border-radius     : 10px;

}

.p102-fdh-1-nav-one dt:hover .nav_con {
    display: block;
}

.p102-fdh-1-nav-one dt .nav_con a {
    font-size : 13px;
    display   : block;
    text-align: center;
}

.p102-fdh-1-nav-one dt .nav_con a:hover {
    background: #fabf1b;
    color     : #fff;

    margin: 5px 0;
}

.p102-fdh-1-nav-one dt a {
    display: block;
    color  : #4c4c4c;
    padding: 0 10px;
}

.p102-fdh-1-nav-one dt .con1_img {
    display: none;
}

.p102-fdh-1-nav-one dt:hover,
.p102-fdh-1-nav-one dt.sidenavcur {
    border-color: #fb6800;
}

.p102-fdh-1-nav-one dt:hover>a,
.p102-fdh-1-nav-one dt.sidenavcur a {
    color: #fb6800;
}


.p102-pros-1 {
    padding: 30px 0 0;
}

.p102-pros-1-title {
    height       : 66px;
    line-height  : 66px;
    font-size    : 26px;
    color        : #333333;
    border-bottom: 1px solid #e0e0e0;
    position     : relative;
    margin-bottom: 30px;
}

.p102-pros-1-title:after {
    content   : '';
    position  : absolute;
    width     : 30px;
    height    : 3px;
    background: #fb6800;
    left      : 0;
    bottom    : -2px;
    z-index   : 1;
}

.p102-pros-1-list dl {
    float : left;
    width : calc((100% - 66px)/3);
    margin: 0 33px 30px 0;
}

.p102-pros-1-list dl:nth-child(3n) {
    margin-right: 0;
}

.p102-pros-1-list dt {
    position: relative;
    border  : 1px solid #ccc;
}

.p102-pros-1-list dt img,
.p102-pros-1-list dt a {
    width  : 100%;
    display: block;
}

.p102-pros-1-list dt em {
    position  : absolute;
    width     : 100%;
    left      : 0;
    top       : 0;
    bottom    : 0;
    background: rgba(0, 0, 0, 0.6);
    z-index   : 0;
    display   : none;
}

.p102-pros-1-list dt i {
    position     : absolute;
    width        : 50px;
    height       : 50px;
    background   : #fb6800;
    border-radius: 100%;
    left         : 50%;
    margin-left  : -25px;
    top          : 50%;
    margin-top   : -25px;
    z-index      : 1;
}

.p102-pros-1-list dt i:after {
    content          : "";
    width            : 9px;
    height           : 9px;
    border           : 1px solid #fff;
    border-style     : solid solid none none;
    position         : absolute;
    top              : 50%;
    left             : 18px;
    margin-top       : -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    -ms-transform    : rotate(45deg);
    -o-transform     : rotate(45deg);
    transform        : rotate(45deg);
    z-index          : 1;
}

.p102-pros-1-list dd {
    padding-top: 15px;
}

.p102-pros-1-list dd h4 {
    height       : 40px;
    line-height  : 40px;
    font-size    : 20px;
    text-align   : left;
    font-weight  : normal;
    margin-bottom: 3px;
}

.p102-pros-1-list dd h4 a {
    display     : inline-block;
    height      : 40px;
    color       : #1a1a1a;
    position    : relative;
    padding-left: 20px;
}

.p102-pros-1-list dd h4 a:before {
    content   : '';
    position  : absolute;
    width     : 5px;
    height    : 18px;
    background: #fb6800;
    left      : 0;
    top       : 50%;
    margin-top: -9px;
    z-index   : 1;
}

.p102-pros-1-list .p102-pros-1-desc {
    line-height: 24px;
    font-size  : 14px;
    color      : #666666;
    text-align : justify;
}

.p102-pros-1-list dl:hover dt em {
    display: block;
}


.p102-pagination-blk {
    padding-bottom: 40px;
}

/* 底部分页 */
/*p102新翻页*/
.p102-pagination-1-main {
    margin    : 0 auto;
    padding   : 20px 0 40px;
    height    : 40px;
    text-align: center;
}

.p102-pagination-1 a,
.p102-pagination-1 span {
    vertical-align: top;
    display       : inline-block;
    font-size     : 16px;
    font-family   : Arial;
    width         : 36px;
    height        : 36px;
    color         : #808080;
    border-radius : 5px;
    line-height   : 36px;
    border        : 1px solid #e5e5e5;
    text-align    : center;
    margin        : 0 3px;
    background    : #fff;
}

.p102-pagination-1 a.page_first,
.p102-pagination-1 a.page_last {
    width        : 70px;
    border-radius: 5px;
    font-size    : 14px;
}

.p102-pagination-1 a.page_pre,
.p102-pagination-1 a.page_next {
    width        : 80px;
    border-radius: 5px;
    font-size    : 14px;
}

.p102-pagination-1 span {
    border: 1px solid #fff;
}

.p102-pagination-1 .page_curr {
    background  : #fb6800;
    color       : #fff;
    border-color: #fb6800;
}

.p102-pagination-1 .laypage_first,
.p102-pagination-1 .laypage_last {
    display: none;
}

/* 商品详情 */
.p102-proShow-1 {
    padding: 10px 0 0;
}

.p102-proShow-1-con {
    border  : 1px solid #e3e3e3;
    position: relative;
}

.p102-proShow-1-left {
    width   : 50%;
    position: relative;
    overflow: hidden;
}

.p102-proShow-1-prev,
.p102-proShow-1-next {
    position  : absolute;
    width     : 40px;
    height    : 40px;
    cursor    : pointer;
    background: transparent;
    top       : 50%;
    margin-top: -20px;
    z-index   : 5;
    display   : none;
}

.p102-proShow-1-left:hover .p102-proShow-1-prev,
.p102-proShow-1-left:hover .p102-proShow-1-next {
    display: block;
}

.p102-proShow-1-prev {
    left: 15px;
}

.p102-proShow-1-next {
    right: 15px;
}

.p102-proShow-1-prev:before,
.p102-proShow-1-next:after {
    position    : absolute;
    content     : '';
    width       : 18px;
    height      : 18px;
    border      : 2px solid #fff;
    border-style: solid solid none none;
    top         : 10px;
    z-index     : 1;
}

.p102-proShow-1-prev:before {
    -moz-transform: rotate(-135deg);
    -ms-transform : rotate(-135deg);
    -o-transform  : rotate(-135deg);
    transform     : rotate(-135deg);
    right         : 4px;
}

.p102-proShow-1-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    -ms-transform    : rotate(45deg);
    -o-transform     : rotate(45deg);
    transform        : rotate(45deg);
    left             : 4px;
}

.p102-proShow-1-pic img {
    width  : 100%;
    display: block;
}

.p102-proShow-1-size {
    position      : absolute;
    right         : 0;
    bottom        : 0;
    width         : 56px;
    height        : 26px;
    font-size     : 14px;
    line-height   : 16px;
    color         : #fff;
    letter-spacing: 3px;
}

.p102-proShow-1-right {
    position: absolute;
    width   : 40%;
    right   : 3.33%;
    top     : 0;
    bottom  : 0;
    z-index : 1;
}

.p102-proShow-1-text {
    padding      : 50px 0 15px;
    border-bottom: 1px solid #e3e3e3;
    position     : relative;
}

.p102-proShow-1-text:after {
    content   : '';
    position  : absolute;
    width     : 40px;
    height    : 3px;
    background: #FABF1B;
    left      : 0;
    bottom    : -2px;
    z-index   : 1;
}

.p102-proShow-1-text .p102-proShow-1-title {
    height     : 40px;
    font-size  : 26px;
    line-height: 40px;
    color      : #1a1a1a;
}

.p102-proShow-1-text p {
    height     : 28px;
    line-height: 28px;
    font-size  : 16px;
    color      : #808080;
}

.p102-proShow-1-desc {
    max-height : 170px;
    line-height: 34px;
    font-size  : 16px;
    color      : #4c4c4c;
    text-align : justify;
    padding    : 30px 0 0;
    overflow   : hidden;
}

.p102-proShow-1-tel {
    position   : absolute;
    width      : 100%;
    height     : 50px;
    line-height: 50px;
    padding-top: 20px;
    border-top : 1px solid #e3e3e3;
    left       : 0;
    bottom     : 38px;
    z-index    : 1;
}

.p102-proShow-1-tel a {
    float       : left;
    width       : 98px;
    height      : 50px;
    padding-left: 58px;
    background  : url(../images/p102-cpxq-icon1.png) no-repeat 22px center #FABF1B;
    font-size   : 18px;
    color       : #ffffff;
    margin-right: 12px;
}

.p102-proShow-1-tel p {
    float    : right;
    min-width: 300px;
    max-width: 100%;
    height   : 50px;
}

.p102-proShow-1-tel p em {
    float       : left;
    height      : 50px;
    font-size   : 16px;
    color       : #4c4c4c;
    padding-left: 50px;
    background  : url(../images/p102-cpxq-icon2.png) no-repeat left center;
    font-style  : normal;
}

.p102-proShow-1-tel p span {
    float: left;
    font : bold 26px/50px Arial;
    color: #333333;
}

.cpxq-01 {
    /*border:1px solid #eee;*/
    background   : #fff;
    margin-bottom: 22px;
}

.cpxq-01-nav {
    width    : 100%;
    font-size: 18px;
    height   : 56px;

    border-bottom: 1px solid #ebebeb;
    background   : #fff;
    z-index      : 9999;
}

.cpxq-01-nav .content {

    margin: 0 auto;
}

/*.cpxq-01-nav li {*/
/*    float: left;*/
/*    height: 57px;*/
/*    line-height: 56px;*/
/*    padding: 0 30px;*/
/*    border-right: 1px solid #ebebeb;*/
/*    cursor: pointer;*/
/*}*/

.cpxq-01-nav li.cur {
    background: url(../images/p14-icon10.png) no-repeat center bottom #FABF1B;
    color     : #fff;
}

.cpxq-01-text {
    display: none;
}

/*.cpxq-01-desc {*/
/*    padding-left: 15px;*/
/*    padding-right: 15px; */
/*}*/

.cpxq-01-cur {
    display: block;
}

.sticky {
    position  : fixed;
    top       : 0px;
    border-top: 1px solid #ebebeb;
}

.cpxq-01-nav ul {
    overflow-y : hidden;
    overflow-x : auto;
    white-space: nowrap;
}

.cpxq-01-nav ul li.active {
    border-color: #FABF1B;
}

.cpxq-01-nav ul li {
    display: inline-block;

    height       : 55px;
    line-height  : 55px;
    font-size    : 16px;
    cursor       : pointer;
    border-bottom: 2px solid transparent;
}

.cpxq-01-nav ul li a {
    color  : #333;
    padding: 0 30px;
    display: block;
}

.cpxq-01 {
    /*border:1px solid #eee;*/
    background   : #fff;
    margin-bottom: 22px;
}

.cpxq-01-nav {
    width    : 100%;
    font-size: 18px;
    height   : 56px;

    border-bottom: 1px solid #ebebeb;
    background   : #fff;
    z-index      : 9999;
}

.cpxq-01-nav .content {

    margin : 0 auto;
    display: flex;
}

.cpxq-01-nav .content .hostory {
    background : #fabf1b;
    height     : 55px;
    line-height: 55px;
    padding    : 0 61.5px;
    font-size  : 14px;
    margin-left: 12.6vw;
}

.cpxq-01-nav .content .hostory a {
    display  : block;
    color    : #ffffff;
    font-size: 16px;
}

.p102-pro-content-title {
    display      : inline-block;
    height       : 64px;
    line-height  : 64px;
    font-size    : 32px;
    color        : #1a1a1a;
    font-weight  : normal;
    position     : relative;
    border-bottom: 3px solid #fb6800;
}

.p102-pro-content-title:after {
    content   : '';
    position  : absolute;
    width     : 50%;
    height    : 3px;
    background: #ff9400;
    right     : 0;
    bottom    : -3px;
    z-index   : 1;
}

.p102-pro-case {
    padding: 60px 0 80px;
}

.p102-pro-case-list {
    padding-top: 40px;
}

.p102-pro-case-items dl {
    float       : left;
    width       : 411px;
    position    : relative;
    margin-right: 33px;
}

.p102-pro-case-items dl:nth-child(4n-1) {
    margin-right: 0;
}

.p102-pro-case-items dt img,
.p102-pro-case-items dt a {
    display: block;
    width  : 100%;
}

.p102-pro-case-items dd {
    position  : absolute;
    width     : 100%;
    background: rgba(0, 0, 0, 0.5);
    left      : 0;
    bottom    : 0;
    z-index   : 2;
}

.p102-pro-case-items dd h4 a {
    display    : block;
    height     : 50px;
    line-height: 50px;
    font-size  : 16px;
    color      : #ffffff;
    text-align : center;
    padding    : 0 15px;
}

.p102-pro-case-items dl:hover dt a:before {
    content   : '';
    position  : absolute;
    background: rgba(0, 0, 0, 0.5);
    width     : 100%;
    top       : 0;
    bottom    : 0;
    z-index   : 1;
}

.p102-pro-case-items dl:hover dt a:after {
    content      : '+';
    position     : absolute;
    width        : 50px;
    height       : 50px;
    font         : 30px/50px "宋体";
    color        : #fff;
    text-align   : center;
    background   : #fb6800;
    left         : 50%;
    margin-left  : -25px;
    top          : 50%;
    margin-top   : -25px;
    border-radius: 100%;
    z-index      : 2;
}

.p102-pro-case-items dl:hover dd {
    background: none;
}

.p102-pro-case-paging {
    height     : 30px;
    text-align : center;
    padding-top: 25px;
}

.p102-pro-case-paging li {
    display      : inline-block;
    width        : 10px;
    height       : 10px;
    border       : 3px solid #fb6800;
    border-radius: 100%;
    margin       : 0 5px;
}

.p102-pro-case-paging li.cur {
    background: #fb6800;
}

.p102-pro-case-more {
    width   : 198px;
    height  : 44px;
    margin  : 100px auto 0;
    border  : 1px solid #fb6800;
    position: relative;
}

.p102-pro-case-more a {
    display     : block;
    height      : 44px;
    line-height : 44px;
    font-size   : 18px;
    font-weight : normal;
    color       : #fb6800;
    padding-left: 64px;
    position    : relative;
}

.p102-pro-case-more a:before {
    content                   : '';
    width                     : 20px;
    height                    : 14px;
    position                  : absolute;
    border                    : 4px solid #fb6800;
    border-left               : 0;
    border-top-right-radius   : 10px;
    border-bottom-right-radius: 10px;
    left                      : 26px;
    top                       : 11px;
}

.p102-pro-case-more a:after {
    content      : "";
    position     : absolute;
    width        : 0;
    height       : 0;
    border-top   : 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right : 6px solid #fb6800;
    top          : 9px;
    left         : 22px;
    z-index      : 1;
}

.product-pagination {
    display        : flex;
    justify-content: center;
    margin         : 30px 0 0 0;
}

.product-pagination span {
    width     : 15px;
    height    : 15px;
    margin    : 0 10px;
    border    : 2px solid #fb6800;
    background: #fff;
    opacity   : 1;
}

.product-pagination span.swiper-pagination-bullet-active {
    background: #fb6800;
}

/* 新闻列表页 */
.p102-info-1 {
    width      : calc(100% - 170px);
    background : #fff;
    border-left: 1px solid #ebebeb;
    margin-left: -1px;
    padding    : 70px 40px 40px;
}

.p102-info-items {
    margin-bottom: 60px;
}

.p102-info-items-img {
    float: right;
    width: 362px;
}

.p102-info-items-img a,
.p102-info-items-img img {
    width  : 100%;
    display: block;
}

.p102-info-items-text {
    float      : left;
    width      : calc(100% - 400px);
    padding-top: 40px;
}

.p102-info-items-text h4 {
    height       : 32px;
    position     : relative;
    padding-left : 90px;
    margin-bottom: 20px;
}

.p102-info-items-text h4 em {
    position   : absolute;
    width      : 74px;
    height     : 30px;
    line-height: 30px;
    font-size  : 18px;
    color      : #fb6800;
    text-align : center;
    font-style : normal;
    border     : 1px solid #fb6800;
    left       : 0;
    top        : 0;
}

.p102-info-items-text h4 a {
    display      : inline-block;
    height       : 32px;
    max-width    : 100%;
    line-height  : 32px;
    font-size    : 22px;
    color        : #333333;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.p102-info-items-text p {
    line-height  : 28px;
    font-size    : 14px;
    color        : #666666;
    text-align   : justify;
    margin-bottom: 24px;
}

.p102-info-1-more a {
    display    : inline-block;
    height     : 30px;
    line-height: 30px;
    font-size  : 16px;
    color      : #333333;
}

.p102-info-1-more a:hover {
    color: #fb6800;
}


.p102-info-list {
    border       : 1px solid #e3e3e3;
    border-bottom: 0;
    margin-bottom: 30px;
}

.p102-info-list dl {
    border-bottom: 1px solid #e3e3e3;
    padding      : 19px;
    position     : relative;
}

.p102-info-list dt {
    width: 330px;
}

.p102-info-list dt a,
.p102-info-list dt img {
    display: block;
    width  : 100%;
}

.p102-info-list dd {
    position: absolute;
    right   : 29px;
    top     : 20px;
    bottom  : 19px;
    z-index : 1;
    width   : calc(100% - 410px);
}

.p102-info-list dd h4 {
    height       : 40px;
    line-height  : 40px;
    font-weight  : normal;
    margin-bottom: 5px;
}

.p102-info-list dd h4 a {
    display      : inline-block;
    max-width    : 100%;
    height       : 40px;
    font-size    : 22px;
    color        : #333333;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.p102-info-list .p102-info-list-desc {
    font-size  : 14px;
    line-height: 26px;
    color      : #666666;
    text-align : justify;
}

.p102-info-list-more {
    padding-top: 22px;
}

.p102-info-list-more a {
    display    : block;
    width      : 98px;
    height     : 34px;
    line-height: 34px;
    font-size  : 14px;
    color      : #fb6800;
    text-align : center;
    border     : 1px solid #fb6800;
    position   : relative;
}

.p102-info-list-more a:before {
    content      : '';
    position     : absolute;
    border-top   : 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left  : 10px solid #fff;
    left         : -1px;
    top          : 50%;
    margin-top   : -9px;
    z-index      : 1;
}

.p102-info-list-more a:after {
    content      : '';
    position     : absolute;
    border-top   : 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left  : 7px solid #fb6800;
    left         : -1px;
    top          : 50%;
    margin-top   : -5px;
    z-index      : 2;
}

.p102-info-list dl:hover {
    box-shadow: 5px 5px 10px #ededed, -5px -5px 10px #ededed;
}

.p102-info-list dl:hover dd h4 a {
    color: #fb6800;
}

.p102-info-list dl:hover .p102-info-list-more a {
    background: #fb6800;
    color     : #fff;
}

.p102-info-list dl:hover .p102-info-list-more a:before {
    border-left: 10px solid #fb6800;
}

.p102-info-list dl:hover .p102-info-list-more a:after {
    border-left: 7px solid #fff;
}


.p102-info-fdh-1 {
    width     : 90px;
    position  : relative;
    z-index   : 2;
    margin-top: 70px;
}

.p102-info-fdh-1-nav-one {
    margin-bottom: 10px;
}

.p102-info-fdh-1-nav-one h3 {
    background : #fb6800;
    font-weight: normal;
}

.p102-info-fdh-1-nav-one h3 a {
    display    : block;
    line-height: 26px;
    font-size  : 20px;
    color      : #ffffff;
    text-align : center;
    padding    : 19px 20px;
}

.p102-info-fdh-1-nav-one h3.sidenavcur,
.p102-info-fdh-1-nav-one h3:hover {
    background : #ff9400;
    font-weight: bold;
}

/* 商品详情页 */
.p102-info-blk {
    width     : calc(100% - 320px);
    border    : 1px solid #f0f0f0;
    background: #fff;
}

.p102-info-blk-con {
    padding: 47px 40px 52px;
}

.p102-info-blk-title {
    height       : 60px;
    line-height  : 60px;
    font-size    : 30px;
    font-weight  : normal;
    color        : #1a1a1a;
    margin-bottom: 12px;
}

.p102-info-blk-bool {
    height        : 26px;
    line-height   : 26px;
    font-size     : 14px;
    color         : #999999;
    padding-bottom: 7px;
    border-bottom : 1px solid #dedede;
}

.p102-info-blk-bool i {
    font-style: normal;
    margin    : 0 15px;
}

.p102-info-content {
    font-size  : 16px;
    line-height: 32px;
    color      : #4c4c4c;
    padding    : 10px 0 0;
}

.p102-info-key {
    line-height: 28px;
    font-size  : 14px;
    color      : #666666;
    padding-top: 5px;
}

.p102-info-key span {
    margin-right: 10px;
}

.p102-info-blk-paging {
    border-top: 1px solid #dedede;
    height    : 62px;
}

.p102-info-blk-paging dl {
    height  : 62px;
    position: relative;
    padding : 0 68px;
}

.p102-info-blk-paging dl:before {
    content   : '';
    position  : absolute;
    width     : 1px;
    background: #dedede;
    left      : 50%;
    top       : 0;
    bottom    : 0;
    z-index   : 1;
}

.p102-info-blk-paging dd {
    width      : 321px;
    height     : 62px;
    line-height: 62px;
    font-size  : 14px;
    color      : #1a1a1a;
    position   : relative;
}

.p102-info-blk-paging dd span {
    float : left;
    width : 60px;
    height: 62px;
}

.p102-info-blk-paging dd a {
    float        : left;
    width        : 260px;
    height       : 62px;
    color        : #1a1a1a;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.p102-info-blk-paging dd.items-prev:before {
    content          : "";
    width            : 8px;
    height           : 8px;
    border           : 2px solid #b3b3b3;
    border-style     : solid none none solid;
    position         : absolute;
    top              : 50%;
    left             : -30px;
    margin-top       : -5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    -ms-transform    : rotate(-45deg);
    -o-transform     : rotate(-45deg);
    transform        : rotate(-45deg);
    z-index          : 1;
}

.p102-info-blk-paging dd.items-next {
    padding-left: 110px;
}

.p102-info-blk-paging dd.items-next:after {
    content          : "";
    width            : 8px;
    height           : 8px;
    border           : 2px solid #b3b3b3;
    border-style     : solid solid none none;
    position         : absolute;
    top              : 50%;
    right            : -30px;
    margin-top       : -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    -ms-transform    : rotate(45deg);
    -o-transform     : rotate(45deg);
    transform        : rotate(45deg);
    z-index          : 1;
}

.p102-info-blk-paging dd:hover a {
    color: #fb6800;
}


.p102-info-fdh-2 {
    width: 300px;
}

.p102-pro-related {
    padding      : 30px 19px;
    background   : #fff;
    border       : 1px solid #f0f0f0;
    margin-bottom: 10px;
}

.p102-pro-related-title {
    font-weight: normal;
    padding    : 0 70px 10px 0;
    position   : relative;
}

.p102-pro-related-title span {
    display    : block;
    height     : 40px;
    line-height: 40px;
    font-size  : 22px;
    color      : #333333;
}

.p102-pro-related-title:before {
    content   : '';
    position  : absolute;
    width     : 36px;
    height    : 2px;
    background: #fb6800;
    left      : 0;
    bottom    : 2px;
}

.p102-pro-related-title a {
    position     : absolute;
    width        : 23px;
    height       : 23px;
    font         : 22px/23px 宋体;
    color        : #8f8f8f;
    text-align   : center;
    border       : 1px solid #d2d2d2;
    border-radius: 100%;
    right        : 10px;
    top          : 8px;
}

.p102-pro-related-title a:hover {
    color       : #fb6800;
    border-color: #fb6800;
}

.p102-pro-related-list {
    padding-top: 28px;
}

.p102-pro-related-list dl {
    margin-bottom: 13px;
}

.p102-pro-related-list dt img,
.p102-pro-related-list dt a {
    display : block;
    width   : 100%;
    position: relative;
}

.p102-pro-related-list dt em {
    position  : absolute;
    width     : 100%;
    left      : 0;
    top       : 0;
    bottom    : 0;
    background: rgba(0, 0, 0, 0.6);
    z-index   : 0;
    display   : none;
}

.p102-pro-related-list dt i {
    position     : absolute;
    width        : 42px;
    height       : 42px;
    background   : #fb6800;
    border-radius: 100%;
    left         : 50%;
    margin-left  : -21px;
    top          : 50%;
    margin-top   : -25px;
    z-index      : 1;
}

.p102-pro-related-list dt i:after {
    content          : "";
    width            : 9px;
    height           : 9px;
    border           : 1px solid #fff;
    border-style     : solid solid none none;
    position         : absolute;
    top              : 50%;
    left             : 15px;
    margin-top       : -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    -ms-transform    : rotate(45deg);
    -o-transform     : rotate(45deg);
    transform        : rotate(45deg);
    z-index          : 1;
}

.p102-pro-related-list dd {
    padding-top: 7px;
}

.p102-pro-related-list dd h4 {
    font-weight: normal;
}

.p102-pro-related-list dd h4 a {
    display      : block;
    height       : 30px;
    line-height  : 30px;
    font-size    : 16px;
    color        : #4c4c4c;
    text-align   : center;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.p102-pro-related-list dl:hover dt em {
    display: block;
}


.p102-info-label {
    padding      : 30px 10px 0 19px;
    background   : #fff;
    border       : 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.p102-info-label-list {
    padding: 15px 0;
}

.p102-info-label-list a {
    float        : left;
    padding      : 0 16px;
    height       : 34px;
    font-size    : 14px;
    line-height  : 34px;
    color        : #4c4c4c;
    border       : 1px solid #e6e6e6;
    margin       : 0 5px 5px 0;
    border-radius: 3px;
}

.p102-info-label-list a:hover {
    color       : #fb6800;
    border-color: #fb6800;
}


.p102-info-label-more {
    width      : 140px;
    height     : 50px;
    line-height: 50px;
    background : #fb6800;
}

.p102-info-label-more a {
    display   : block;
    height    : 50px;
    font-size : 16px;
    color     : #ffffff;
    text-align: center;
}


.p102-info-related {
    padding: 30px 0 0;
}

.p102-info-1-title {
    height        : 48px;
    line-height   : 48px;
    font-weight   : normal;
    font-size     : 28px;
    color         : #fb6800;
    padding-bottom: 10px;
    position      : relative;
}

.p102-info-1-title:after {
    content   : '';
    position  : absolute;
    width     : 30px;
    height    : 2px;
    background: #fb6800;
    left      : 0;
    bottom    : -1px;
    z-index   : 1;
}

.p102-info-related-list {
    padding        : 29px 0;
    background     : #fff;
    border         : 1px solid #f0f0f0;
    position       : relative;
    display        : flex;
    justify-content: space-between;
}

.p102-info-related-list:after {
    content   : '';
    position  : absolute;
    width     : 1px;
    background: #dedede;
    left      : 50%;
    top       : 29px;
    bottom    : 29px;
    z-index   : 1;
}

.p102-info-related-list dl {
    float   : left;
    width   : 48%;
    padding : 0 29px;
    position: relative;
}

.p102-info-related-list dt {
    width: 30%;
    float: left;
}

.p102-info-related-list dt a,
.p102-info-related-list dt img {
    width  : 100%;
    display: block;
}

.p102-info-related-list dd {
    float      : right;
    width      : calc(100% - 35%);
    padding-top: 2%;
    z-index    : 1;
}

.p102-info-related-list dd h4 {
    height       : 34px;
    line-height  : 34px;
    font-weight  : normal;
    margin-bottom: 6px;
}

.p102-info-related-list dd h4 a {
    display      : inline-block;
    width        : 100%;
    height       : 34px;
    font-size    : 20px;
    color        : #333333;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.p102-info-related-list dd p {
    font-size  : 14px;
    line-height: 26px;
    color      : #666666;
    text-align : justify;
}

.p102-info-related-list dd p a {
    color: #333333;
}

.p102-info-related-list dl:hover dd h4 a {
    color: #fb6800;
}


.p102-info-latest {
    padding: 30px 0 80px;
}

.p102-info-latest ul {
    padding        : 29px 39px;
    border         : 1px solid #f0f0f0;
    position       : relative;
    background     : #fff;
    display        : flex;
    justify-content: space-between;
    width          : 100%;
    box-sizing     : border-box;
}

.p102-info-latest li {
    width: 48%;
    float: left;
}

.p102-info-latest li h4 {
    height      : 36px;
    padding-left: 25px;
    position    : relative;
    line-height : 36px;
    font-weight : normal;
}

.p102-info-latest li h4:before {
    content      : "";
    position     : absolute;
    width        : 4px;
    height       : 4px;
    border-radius: 100%;
    border       : 2px solid #fb6800;
    left         : 0;
    top          : 50%;
    margin-top   : -4px;
}

.p102-info-latest li h4 a {
    display      : inline-block;
    max-width    : calc(100% - 100px);
    height       : 36px;
    font-size    : 16px;
    color        : #333333;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.p102-info-latest li h4:hover a {
    color: #fb6800;
}

.p102-info-latest li h4:hover:before {
    border-color: #fb6800;
}

.p102-info-latest li h4:hover:after {
    background: #fb6800;
}

.p102-info-latest li h4 em {
    float      : right;
    width      : 90px;
    height     : 36px;
    font-size  : 16px;
    font-family: Arial;
    color      : #808080;
    text-align : right;
    font-style : normal;
}

.p102-info-latest li.last {
    float: right;
}

.p102-info-latest li.last:before {
    content   : '';
    position  : absolute;
    width     : 1px;
    left      : 50%;
    top       : 22px;
    bottom    : 22px;
    background: #dedede;
    z-index   : 1;
}

/* 视频列表页 */
.p102-fdh-3 {
    height    : 100px;
    box-shadow: 0 4px 6px #e9e9e9;
}

.p102-fdh-3 li {
    float   : left;
    width   : 19.9%;
    height  : 100px;
    position: relative;
}

.p102-fdh-3 li:after {
    content   : "";
    position  : absolute;
    width     : 1px;
    height    : 26px;
    background: #cfcfcf;
    right     : 0;
    top       : 50%;
    margin-top: -13px;
}

.p102-fdh-3 li:last-child:after {
    display: none;
}

.p102-fdh-3 li a {
    display    : block;
    height     : 100px;
    line-height: 100px;
    font-size  : 22px;
    color      : #1a1a1a;
    text-align : center;
}

.p102-fdh-3 li.sidenavcur:before,
.p102-fdh-3 li:hover:before {
    content   : "";
    position  : absolute;
    width     : 100%;
    height    : 2px;
    background: #FABF1B;
    left      : 0;
    bottom    : 0;
    z-index   : 1;
}

.p102-fdh-3 li.sidenavcur a,
.p102-fdh-3 li:hover a {
    font-weight: bold;
    color      : #FABF1B;
}

.p102-fdh-3 li.sidenavcur a:before,
.p102-fdh-3 li:hover a:before {
    content      : "";
    position     : absolute;
    width        : 12px;
    height       : 12px;
    background   : #fff;
    border       : 3px solid #FABF1B;
    border-radius: 100%;
    left         : 50%;
    margin-left  : -9px;
    bottom       : -8px;
    z-index      : 2;
}

.p102-fdh-3 li.sidenavcur a:after,
.p102-fdh-3 li:hover a:after {
    content      : "";
    position     : absolute;
    width        : 6px;
    height       : 6px;
    background   : #FABF1B;
    border-radius: 100%;
    left         : 50%;
    margin-left  : -3px;
    bottom       : -2px;
    z-index      : 3;
}


.k12-gl-gslb-3nf1-1-01 {
    padding: 30px 0 20px;
}

.k12-gl-gslb-3nf1-1-01-left dl {
    width     : 24%;
    float     : left;
    background: #f0f0f0;
    margin    : 0 1.3% 13px 0
}

.k12-gl-gslb-3nf1-1-01-left dl:nth-child(4n) {
    margin-right: 0;
}

.k12-gl-gslb-3nf1-1-01-left dt {
    border    : 1px solid #e5e5e5;
    padding   : 10px 9px;
    background: #fff;
}

.k12-gl-gslb-3nf1-1-01-left dt img {
    display: block;
    width  : 100%;
}

.k12-gl-gslb-3nf1-1-01-left dd h4 {
    height       : 50px;
    font-size    : 14px;
    line-height  : 50px;
    text-align   : center;
    padding      : 0 5px;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    background   : #f0f0f0;
}

.k12-gl-gslb-3nf1-1-01-left dd h4 a {
    color: #4b4a4a;
}


.p102-pagination-blk {
    padding-bottom: 40px;
}

/* 在线留言 */
input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
    box-shadow: none;
}

.code_gg_li img {
    vertical-align: middle;
    width         : 100px;
    height        : 32px;
}

.p4-order-form-1 {
    overflow: hidden;
}

.p4-order-form-1 .p4-titlel-1 {
    width      : 145px;
    height     : 46px;
    font-size  : 18px;
    line-height: 46px;
    text-align : center;
    color      : #fff;
    background : #ff9400;

}

.p4-order-form-1-con {
    border    : 1px solid #bbb;
    background: url(images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
    padding   : 40px 15%;
}

.p4-order-form-1-con li p {
    padding-left: 130px;
    color       : #999;
    font-size   : 12px;
}

.p4-order-form-1-con li {
    margin-bottom: 10px;
    font-size    : 14px;
    line-height  : 35px;
    color        : #666;
    overflow     : hidden;
}

.p4-order-form-1-con li span {
    font-weight: bold;
    color      : #666;
}

.p4-order-form-1-con li b {
    color: #f00;
}

.p4-order-form-1-con li .row-hd {
    color: #666;
}

.timenum {
    padding-left: 95px;
}

.p4-order-form-1-con li p {
    clear: both;
}

.p4-order-form-1-con label {
    display       : inline-block;
    width         : 120px;
    color         : #666;
    vertical-align: top;
    text-align    : right;
    height        : 33px;
    line-height   : 33px;
    overflow      : hidden;
}

#code_gg {
    width       : 80px;
    margin-right: 10px;
    outline     : none;
    padding-left: 10px;
    border      : 1px solid #eee;
    height      : 33px;
    line-height : 32px;
    color       : #666;
}


.p4-order-form-1-con .inputs,
.p4-order-form-1-con li select {
    width       : 73%;
    margin-right: 10px;
    outline     : none;
    padding-left: 10px;
    border      : 1px solid #eee;
    height      : 33px;
    line-height : 32px;
    color       : #666;
    box-sizing  : border-box;
    /*float     : left;*/
}

.p4-order-form-1-con .radioandcheck {
    vertical-align: middle;
}

.p4-order-form-1-con .err {
    border: 1px solid #c00;
}

.p4-order-form-1-con .p4-order-form-1-t1 {
    width: 100%;
}

.p4-order-form-1-t1 textarea {
    width       : 73%;
    height      : 102px;
    line-height : 24px;
    border      : 1px solid #eee;
    outline     : none;
    resize      : none;
    overflow    : auto;
    margin-right: 10px;
    padding-left: 10px;
    box-sizing  : border-box;
}

.p4-order-form-1-con .p4-order-form-1-t2 {
    width: 100%;
}

.p4-order-form-1-t2 input {
    width         : 150px;
    vertical-align: top;
}

.p4-order-form-1-t2 span {
    width : 153px;
    height: 25px;
}

.p4-order-form-1-con .p4-order-form-1-t3 {
    padding-left: 120px;
}

.p4-order-form-1-con .p4-order-form-1-t3 input {
    width       : 80px;
    height      : 30px;
    border      : 0;
    text-align  : center;
    margin-right: 30px;
    color       : #fff;
    padding-left: 0;
    cursor      : pointer;
}

.p4-order-form-1-con .p4-order-form-1-b1 {
    background: #fb6800;
}

.p4-order-form-1-con .p4-order-form-1-b2 {
    background: #767676;
}

.p4-order-form-1-con .p4-order-form-1-t4 {
    overflow  : auto;
    height    : auto;
    min-height: 35px;
    width     : 100%
}

.p4-order-form-1-con .p4-order-form-1-t4 input {
    vertical-align: middle;
    width         : 14px;
    margin        : 0 10px;
}

/* 视频中心 */
.downlist {
    padding: 50px 0;
}

.downlist .item {
    width             : calc((100% - 120px)/4);
    margin            : 20px;
    float             : left;
    background        : #fff;
    border-radius     : 20px;
    overflow          : hidden;
    -moz-box-shadow   : 0px 0px 20px #d5d5d5;
    -webkit-box-shadow: 0px 0px 20px #d5d5d5;
    box-shadow        : 0px 0px 20px #d5d5d5;
    padding           : 20px 30px;
    box-sizing        : border-box;
}

.downlist .item:nth-child(4n+1) {
    margin-left: 0;
}

.downlist .item:nth-child(4n) {
    margin-right: 0;
}

.downlist .item .con1 {
    position     : relative;
    border-radius: 10px;
    overflow     : hidden;
}

.downlist .item .con1 .a1 {
    position       : absolute;
    left           : 0px;
    top            : 0px;
    width          : 100%;
    height         : 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : rgba(0, 0, 0, 0.4);
}


.downlist .item .a2 img {
    width  : 100%;
    display: block;
    margin : 0 auto;
}

.downlist .item .newPdf img {
    width  : inherit;
    display: block;
}

.downlist .item .con2 {
    text-align: center;
    font-size : 14px;
    color     : rgb(148, 147, 147);
    padding   : 20px 0 40px 0;
}

.downlist .item .con3 {
    display        : flex;
    justify-content: space-between;
}

.downlist .item .con3 a {
    font-size: 14px;
    display  : block;
    cursor   : pointer;
}

.downlist .item .con3 div {
    background   : #f0f0f0;
    padding      : 10px 20px;
    border-radius: 20px;
}

.downlist .item .con3 div:hover {
    background: #fabf1b;
}

.downlist .item .con3 div:hover a {
    color: #fff;
}

/* 视频详情 */
.casesinfo {
    overflow  : hidden;
    border-top: 1px solid rgba(0, 0, 0, .1);
    position  : relative;
}

.casesinfo-a {
    width     : 62.5%;
    float     : left;
    background: #f7f7f7;
    padding   : 60px 30px 130px 50px;
    overflow  : hidden;
    box-sizing: border-box;
}

.casesinfo-a-bj {
    width     : 62.5%;
    height    : 100%;
    float     : left;
    background: #f7f7f7;
    position  : absolute;
    top       : 0;
    left      : 0;
}

.casesinfo-a1 {
    width    : 100%;
    max-width: 880px;
    margin   : 0 auto;
}

.casesinfo-a1-a {
    width        : 100%;
    position     : relative;
    margin-bottom: 50px;
}

.casesinfo-a1-a img {
    width: 100%;
}

.casesinfo-a1-a .vd-div {
    width     : 100%;
    height    : 100%;
    position  : absolute;
    top       : 0;
    left      : 0;
    background: rgba(0, 0, 0, .2) url(../images/ico23.png) no-repeat center;
    cursor    : pointer;
}

.casesinfo-b {
    width        : 37.5%;
    float        : right;
    padding-right: 50px;
    min-height   : 990px;
    box-sizing   : border-box;
}

.casesinfo-b1 {
    width       : 100%;
    max-width   : 565px;
    padding-left: 10%;
    padding-top : 100px;
}

.casesinfo-b1-a {
    font-size  : 30px;
    line-height: 40px;
    color      : #222;
}

.casesinfo-b1-b {
    font-size  : 16px;
    min-height : 475px;
    padding    : 30px 0;
    line-height: 30px;
    color      : #666;
}

.casesinfo-b1-c {
    font-size  : 16px;
    color      : #888;
    line-height: 20px;
}

.casesinfo-b1-d {
    margin-top: 15px;
    overflow  : hidden;
}

.casesinfo-b1-d a {
    display      : block;
    font-size    : 16px;
    line-height  : 18px;
    padding-right: 10px;
    margin       : 8px 0;
    margin-right : 25px;
    color        : #222;
    float        : left;
    min-width    : 160px;
}

.casesinfo-b1-d a:hover {
    color: #0083D3;
}

.casesinfo-b1-d a:nth-child(2n + 1) {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.casesinfo-b1-e {
    margin-top : 50px;
    padding-top: 50px;
    border-top : 1px solid rgba(0, 0, 0, .1);
}

.casesinfo-b1-e a {
    display    : block;
    font-size  : 14px;
    line-height: 25px;
    color      : #222;
    margin     : 3px 0;
}

.casesinfo-b1-e a:hover {
    color: #0083D3;
}


/* 会员注册 */
.login {
    max-width    : 578px;
    width        : 40%;
    height       : 70vh;
    position     : absolute;
    right        : 7%;
    top          : 15vh;
    background   : #fff;
    border-radius: 10px;
    padding      : 60px 40px;
    box-sizing   : border-box;
}

.login .con1 {
    margin: 0 0 40px 0;
}

.login .con1 img {
    width: 100%;
}

.login .con2 .con2_1 {
    display      : flex;
    width        : 100%;
    background   : #f8f8f8;
    border-radius: 10px;
    overflow     : hidden;
    margin-bottom: 20px;
    height       : 80px;
    line-height  : 80px;
}

.login .con2 .con2_1 .a1 {
    margin     : 0 20px;
    display    : flex;
    align-items: center;
}

.login .con2 .con2_1 img {
    display: block;
}

.login .con2 .con2_1 .a2 {
    width: calc(100% - 100px);
}

.login .con2 .con2_1 input.txt {
    border     : 0px;
    background : inherit;
    height     : 100%;
    line-height: 100%;
    width      : 100%;
    font-size  : 22px;
}

.login .con2 .con2_1 input.txt::placeholder {
    font-size     : 22px;
    letter-spacing: 2px;
    color         : #b1b1b1 !important;
}

.login .con2 .con2_2 {
    margin: 60px 0 0 0;
}

.login .con2 .con2_2 input {
    width         : 100%;
    height        : 80px;
    border-radius : 40px;
    border        : 0px;
    text-align    : center;
    color         : #fff;
    font-size     : 25px;
    letter-spacing: 20px;
    cursor        : pointer;
    background    : linear-gradient(to right, #5b86e5, #4e54c8);
}


.login .con2 .con2_3 {
    display        : flex;
    justify-content: space-between;
    padding        : 40px 30px 0 30px;
}

/* 注册页面 */
.reg {}

.reg .top {
    height     : 50px;
    line-height: 50px;
    text-align : right;
    background : #000;
    color      : rgb(126, 126, 126);
    font-size  : 14px;
    padding    : 0 10%;
}

.reg .top a {
    font-size: 14px;
    margin   : 0 10px;
    color    : #fff;
}

.reg .reg_logo {
    height            : 80px;
    display           : flex;
    align-items       : center;
    -moz-box-shadow   : 0px 2px 13px #d3d3d3;
    -webkit-box-shadow: 0px 2px 13px #d3d3d3;
    box-shadow        : 0px 2px 13px #d3d3d3;
}

.reg .reg_logo img {
    display: block;
}

.reg .reg_con {
    width  : 700px;
    margin : 0 auto;
    padding: 100px 0;
}

.reg .reg_con .reg_t {
    text-align   : center;
    font-size    : 30px;
    color        : #000;
    margin-bottom: 60px;
}

.reg .reg_con .item {
    display        : flex;
    justify-content: space-between;
    margin         : 20px 0;
    align-items    : center;
}

.reg .reg_con .item .con1 {
    text-align: right;
    width     : 100px;
    font-size : 16px;
}

.reg .reg_con .item .con2 {
    width: calc(100% - 100px);
}

.reg .reg_con .item .con2 input.txt {
    width      : calc(100% - 40px);
    height     : 50px;
    line-height: 50px;
    padding    : 0 20px;
    font-size  : 16px;
    color      : #b1b1b1 !important;
    border     : 1px solid #f1f1f1;
}

.reg .reg_con .item .con2 input.txt::placeholder {
    font-size     : 16px;
    letter-spacing: 2px;
    color         : #b1b1b1 !important;
}

.reg .reg_con .item .con2 {
    display    : flex;
    align-items: center;
}

.reg .reg_con .item .con2 .a1 input {
    width  : 25px;
    height : 25px;
    margin : 0px;
    padding: 0px;
    display: block;
}

.reg .reg_con .item .con2 .a2 {
    margin-left: 10px;
    font-size  : 16px;
}

.reg .reg_con .chose {
    margin-bottom: 50px;
}

.reg .reg_con .item .con2 .submit {
    background    : #fabf1b;
    text-align    : center;
    border        : 0px;
    margin        : 0px;
    width         : 100%;
    height        : 60px;
    line-height   : 60px;
    color         : #fff;
    letter-spacing: 2px;
    font-size     : 18px;
    cursor        : pointer;
}

.reg .reg_con .wenzi .con2 {
    width          : 100%;
    text-align     : center;
    justify-content: center;
    padding        : 20px 0 0 0;
    color          : #666;
    font-size      : 16px;
}


@media (max-width: 1650px) {
    .casesinfo-b1-d a {
        width       : 100%;
        border-right: none
    }

    .login .con2 .con2_1 {
        height     : 70px;
        line-height: 70px;
    }

    .login .con2 .con2_2 {
        margin: 50px 0 0 0;
    }

    .login .con2 .con2_1 input.txt::placeholder {
        font-size: 20px;
    }
}

@media (max-width: 1300px) {

    .header,
    .content,
    .container,
    .footer {
        width : 94%;
        margin: 0 auto;

    }


    .content,
    .container,
    .footer {
        overflow: hidden;
    }

    .g_nav li {
        width: calc(100% / 9);
    }

    .g_nav li:nth-child(1) a {
        padding-left : 0;
        padding-right: 0;
    }

    .g_nav li a {
        padding  : 0;
        font-size: 14px;
    }

    .top_c .tlogo {
        padding: 50px 8vw 0 0;
    }

    .top_c .tlogo img {
        width: 200px;
    }

    .top_c h2 {
        float      : left;
        margin     : 40px 0 0 20px;
        color      : #000;
        font-size  : 25px;
        font-weight: bold;
    }

    .login {
        max-width    : 578px;
        width        : 40%;
        height       : 60vh;
        position     : absolute;
        right        : 7%;
        top          : 20vh;
        background   : #fff;
        border-radius: 10px;
        padding      : 50px 30px;
        box-sizing   : border-box;
    }

    .login .con2 .con2_1 {
        height     : 60px;
        line-height: 60px;
    }

    .login .con2 .con2_2 {
        margin: 50px 0 0 0;
    }

    .login .con2 .con2_2 input {
        height        : 60px;
        font-size     : 22px;
        letter-spacing: 18px;
        cursor        : pointer;
        background    : linear-gradient(to right, #5b86e5, #4e54c8);
    }

    .login .con2 .con2_1 input.txt::placeholder {
        font-size: 18px;
    }

    .foot .ftlogo {
        padding-left: 0px;
        width       : 300px;
    }

    .foot .ft-nav {
        width       : 370px;
        padding     : 0 20px 0 40px;
        box-sizing  : border-box;
        border-right: 1px solid #e5e5e5;
    }

    .foot .ft-code {
        display        : flex;
        justify-content: flex-end;
    }

    .foot .ft-code span:last-child {
        margin-right: 0px;
    }

    .p102-pro-case-items dl {
        float       : left;
        width       : calc(33.33% - 20px);
        position    : relative;
        margin-right: 20px;
    }

    .g_top .g_nav_pro .g_nav_bg .g_nav_pro1 .item img {
        display: block;
        padding: 4px;
        width  : 44px;
        height : 32px;
    }

    .g_top .g_nav_pro .g_nav_bg .g_nav_pro1 .item .name {
        margin-left: 5px;
        font-size  : 12px;
    }

    .g_top .g_nav_pro3 .item .name {
        margin-left: 10px;
    }

    .g_top .g_nav_pro3 .item .name a {
        font-size     : 13px;
        letter-spacing: 2px;
        color         : #666666;
    }

    .p102-proShow-1-desc {
        padding: 10px 0 0;
    }

    .p102-proShow-1-tel a {
        float       : left;
        width       : 79px;
        height      : 50px;
        padding-left: 40px;
        background  : url(../images/p102-cpxq-icon1.png) no-repeat 5px center #FABF1B;
        font-size   : 14px;
        color       : #ffffff;
        margin-right: 12px;
    }

    .p102-proShow-1-tel p {
        float    : right;
        min-width: calc(100% - 155px);
        max-width: inherit;
        height   : 50px;
    }

    .p102-proShow-1-tel p em {
        float       : left;
        height      : 50px;
        font-size   : 14px;
        color       : #4c4c4c;
        padding-left: 50px;
        background  : url(../images/p102-cpxq-icon2.png) no-repeat left center;
        font-style  : normal;
    }

    .p102-proShow-1-tel p span {
        float: left;
        font : bold 20px/50px Arial;
        color: #333333;
    }

    .guide {
        width   : 94% !important;
        height  : 436px;
        margin  : 0 auto;
        position: relative;
    }

    .guide dl dt {
        overflow    : hidden;
        width       : calc(100% - 537px);
        height      : 327px;
        position    : relative;
        float       : right;
        margin-right: 5px;
    }

    .digital li {
        margin-right: 127px;
    }

    .digital li::after {
        content   : "";
        position  : absolute;
        width     : 60px;
        height    : 1px;
        background: #cbcbcb;
        right     : -105px;
        top       : 50px;
    }

    .pro_nav {
        height: 60px;
    }

    .pro_nav ul li a {
        font-size: 14px;
    }

    .pro01_m dl dd {
        padding: 20px 10px 15px 10px;
    }

    .pro01_m ul li {
        width      : 48%;
        float      : left;
        height     : 25px;
        line-height: 25px;
        overflow   : hidden;
        margin     : 5px 1%;
    }

    .pro01_m ul li a {
        font-size: 12px;
        color    : #666;
    }
}

@media (max-width: 1024px) {
    .ywcode {
        display: none;
    }

    .top_c p {
        margin-right: 0;

    }

    .casesinfo-a-bj {
        width: 50%;
    }

    .casesinfo-a {
        width: 50%;
    }

    .casesinfo-b {
        width     : 50%;
        min-height: 830px;
    }

    .casesinfo-b1-b {
        min-height: 300px;
    }

    .foot .ft-nav {
        width       : 280px;
        padding     : 0 10px 0 20px;
        box-sizing  : border-box;
        border-right: 1px solid #e5e5e5;
    }

    .foot .ft-code {
        width: 260px;
    }

    .foot .ft-nav ul li {
        width: 120px;
    }

    .digital li {
        margin-right: 127px;
    }
}

@media (max-width: 767px) {

    .search,
    .footer,
    .link,
    .p102-info-fdh-2 {
        display: none;
    }

    .casesinfo-top {
        height: 1rem;
    }

    .casesinfo-top a {
        margin-top : .2rem;
        height     : .6rem;
        line-height: .6rem;
    }

    .casesinfo-a-bj {
        display: none;
    }

    .casesinfo-b {
        width     : 100%;
        padding   : 10px 5px;
        min-height: initial;
    }

    .casesinfo-b1 {
        padding: 0;
    }

    .casesinfo-b1-a {
        font-size  : 22px;
        line-height: 35px;
        padding    : 10px 0;
    }

    .casesinfo-b1-b {
        min-height : initial;
        font-size  : 14px;
        line-height: 25px;
        padding    : 10px 0;
    }

    .casesinfo-b1-c {
        font-size  : 14px;
        line-height: 25px;
    }

    .casesinfo-b1-d {
        margin: 10px 0 20px 0;
    }

    .casesinfo-b1-d a {
        font-size: 12px;
        margin   : 5px 0;
    }

    .casesinfo-b1-e {
        margin-top : .5rem;
        padding-top: .5rem;
    }

    .casesinfo-b1-e a {
        font-size  : 12px;
        line-height: 20px;
    }

    .casesinfo-a {
        width  : 100%;
        padding: .8rem .4rem;
    }

    .casesinfo-a1-a {
        margin-bottom: .4rem;
    }

    .casesinfo-a1-a .vd-div {
        background-size: .8rem;
    }

    .p102-info-1-title {
        height        : 35px;
        line-height   : 35px;
        font-weight   : normal;
        font-size     : 18px;
        color         : #fb6800;
        padding-bottom: 10px;
        position      : relative;
    }

    .p102-info-related-list {
        padding        : 10px 0;
        background     : #fff;
        border         : 1px solid #f0f0f0;
        position       : relative;
        display        : block;
        justify-content: space-between;
    }

    .p102-info-related-list:after {
        display: none;
    }

    .p102-info-related-list dl {
        float   : none;
        width   : calc(100% - 20px);
        padding : 0 10px;
        position: relative;
        display : flex;
        margin  : 10px 0;
    }

    .p102-info-related-list dd {
        position    : relative;
        padding-top : 0px;
        float       : none;
        padding-left: 10px;
        width       : calc(100% - 75px);
        left        : 0px;
        right       : 0;
        top         : 0;
        bottom      : 0;
        z-index     : 1;
    }

    .p102-info-related-list dd h4 {
        line-height  : inherit;
        margin-bottom: 0px;
        height       : 25px;
    }

    .p102-info-related-list dd h4 a {
        font-size: 14px;
    }

    .p102-info-related-list dd p {
        font-size  : 12px;
        line-height: 20px;
        color      : #a0a0a0;
    }

    .p102-curmbs-1 {
        height     : 40px;
        line-height: 40px;
        font-size  : 12px;
        color      : #808080;
    }

    .p102-curmbs-1 b {
        padding-left: 25px;
    }

    .p102-curmbs-1 span {
        padding: 0px 2px;
    }

    .p102-info-latest {
        padding: 30px 0 40px;
    }

    .p102-info-related-list dt {
        width: 70px;
    }

    .p102-info-latest ul {
        padding: 10px;
        display: block;
    }

    .p102-info-latest li {
        width: 100%;
        float: none !important;
    }

    .p102-info-latest li h4 a {
        display  : inline-block;
        max-width: calc(100% - 100px);
        height   : 30px;
        font-size: 13px;
        color    : #333333;
    }

    .p102-info-latest li h4 em {

        font-size: 13px;

    }

    .p102-info-latest li.last:before {
        display: none;
    }

    .reg .top {
        font-size: 12px;
        padding  : 0 5%;
    }

    .reg .reg_con {
        width  : 90%;
        padding: 60px 0;
    }

    .reg .reg_con .reg_t {
        font-size    : 22px;
        margin-bottom: 30px;
    }

    .reg .reg_con .item .con1 {
        font-size: 14px;
    }

    .reg .reg_con .item .con2 input.txt {
        width      : calc(100% - 40px);
        height     : 40px;
        line-height: 40px;
        padding    : 0 10px;
        font-size  : 13px;
    }

    .reg .reg_con .item .con2 input.txt::placeholder {
        font-size     : 13px;
        letter-spacing: 1px;
    }

    .reg .reg_con .item .con2 .a1 input {
        width : 15px;
        height: 15px;
    }

    .reg .reg_con .item .con2 .a2 {
        margin-left: 5px;
        font-size  : 12px;
    }

    .reg .reg_con .chose {
        margin-bottom: 30px;
    }

    .reg .reg_con .item .con2 .submit {
        background    : #fabf1b;
        text-align    : center;
        border        : 0px;
        margin        : 0px;
        width         : calc(100% - 20px);
        height        : 50px;
        line-height   : 50px;
        color         : #fff;
        letter-spacing: 1px;
        font-size     : 14px;
    }

    .reg .reg_con .wenzi .con2 {
        padding  : 0px 0 0 0;
        font-size: 12px;
    }

    .login {
        max-width    : inherit;
        width        : 90%;
        height       : 70vh;
        position     : absolute;
        right        : 5%;
        top          : 15vh;
        background   : #fff;
        border-radius: 10px;
        padding      : 50px 30px;
        box-sizing   : border-box;
    }

    .login .con2 .con2_1 input.txt {
        border     : 0px;
        background : inherit;
        height     : 100%;
        line-height: 100%;
        width      : 100%;
        font-size  : 18px;
    }

    .g_top {
        background: #fabf1b;
    }

    .g_top .header {
        width: 100%;
    }

    .g_top .cnen {
        position       : relative;
        right          : 0;
        padding        : 20px 10px 15px 10px;
        top            : 0px;
        width          : calc(100% - 20px);
        background     : #fff;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
    }

    .g_top h2,
    .g_top p {
        display: none;
    }

    .g_top .g_nav {
        display: none;
    }

    .g_top {
        height  : 120px;
        overflow: hidden;
    }

    .g_top .m_top {
        height: 70px;
    }

    .g_top .cnen .cnen_left {
        margin-left: 10px;
    }

    .g_top .cnen .cnen_left a {
        font-size: 12px;
    }

    .g_top .cnen li a {
        color      : #444;
        font-size  : 14px;
        font-weight: 600;
    }

    .top_c {
        position: relative;
    }

    .top_c .tlogo {
        padding: 15px 0 0 20px;
    }

    .top_c .tlogo img {
        width: 150px;
    }

    .top_c .wap_btn {
        position: absolute;
        right   : 20px;
        top     : 20px;
        cursor  : pointer;
    }

    .wap_btn li {
        width     : 32px;
        height    : 3px;
        background: #ffffff;
    }

    .wap_btn li:nth-child(2) {
        margin: 8px 0;
    }

    .downlist {
        padding: 30px 0;
    }

    .downlist .item {
        width             : calc((100% - 20px)/2);
        margin            : 10px;
        float             : left;
        background        : #fff;
        border-radius     : 10px;
        overflow          : hidden;
        -moz-box-shadow   : 0px 0px 20px #d5d5d5;
        -webkit-box-shadow: 0px 0px 20px #d5d5d5;
        box-shadow        : 0px 0px 20px #d5d5d5;
        padding           : 10px 10px;
        box-sizing        : border-box;
    }

    .downlist .item .con2 {
        text-align: center;
        font-size : 13px;
        color     : rgb(148, 147, 147);
        padding   : 15px 0 30px 0;
    }

    .downlist .item .con3 div {
        background   : #f0f0f0;
        padding      : 10px 20px;
        border-radius: 15px;
    }

    .downlist .item .con3 a {
        font-size: 12px;
        display  : block;
        cursor   : pointer;
    }

    .downlist .item:nth-child(4n+1) {
        margin-left: 10px;
    }

    .downlist .item:nth-child(2n-1) {
        margin-left: 0px;
    }

    .downlist .item:nth-child(2n) {
        margin-right: 0px;
    }

    .p102-fdh-3 {
        margin    : 10px 0 0 0;
        height    : 70px;
        box-shadow: 0 4px 6px #e9e9e9;
    }

    .p102-fdh-3 li {
        height: 70px;
    }

    .p102-fdh-3 li a {
        display    : block;
        height     : 70px;
        line-height: 70px;
        font-size  : 18px;
        color      : #1a1a1a;
        text-align : center;
    }

    .contact {
        height: 380px;
    }

    .cont {
        padding-top: 30px;
    }

    .cont h2 {
        font-size    : 28px;
        height       : 50px;
        line-height  : 50px;
        margin-bottom: 10px;
    }

    .cont ul li {
        margin-bottom: 25px;
        text-align   : center;
    }

    .cont ul li p {
        line-height: 30px;
        font-size  : 16px;
        color      : #FFFFFF;
        font-family: "Acrom";
        text-align : center;
    }

    .p102-fdh-1 {
        border    : 1px solid #ebebeb;
        box-shadow: 5px 5px 10px #f0f0f0, -5px -5px 10px #f0f0f0;
        padding   : 0 15px 10px;
    }

    .p102-fdh-1-title {
        height     : 45px;
        line-height: 45px;
    }

    .p102-fdh-1-title h2 {
        font-size  : 22px;
        height     : 45px;
        line-height: 45px;
    }

    .p102-fdh-1-nav-one h3 {
        float: none;
    }

    .p102-fdh-1-nav-one h3 a {
        line-height: 25px;
        height     : 25px;
        font-size  : 14px;
    }

    .p102-fdh-1-nav-one dt {
        display    : inline-block;
        height     : 20px;
        line-height: 20px;
        font-size  : 12px;
        margin     : 0 4px 4px 0;
    }

    .p102-fdh-1-nav-one dt a {
        padding: 0 1px;
    }

    .p102-fdh-1-nav-one dt .con1_img {
        display    : block;
        margin-left: 5px;
    }

    .p102-fdh-1-nav-one dt .nav_con a {
        font-size : 12px;
        display   : block;
        text-align: center;
    }

    .p102-fdh-1-nav-one dt .nav_con {
        position   : absolute;
        left       : 0px;
        margin-left: -22px;
        top        : 20px;
        z-index    : 99;
        display    : none;
    }

    .p102-fdh-1-nav-one dt .con1 {
        display        : flex;
        justify-content: center;
        align-items    : center;

    }

    .p102-fdh-1-nav-one dt .con1 img {
        display: block;
    }

    .p102-pros-1-title {
        height       : 50px;
        line-height  : 50px;
        font-size    : 18px;
        margin-bottom: 20px;
    }

    .p102-pros-1-list dl {
        float : left;
        width : 48%;
        margin: 5px 1% 5px 1%;
    }

    .p102-pagination-blk {
        padding: 20px 0 0 0;
    }

    .p102-pagination-1-main {
        margin    : 0 auto;
        padding   : 10px 0 20px;
        height    : 40px;
        text-align: center;
    }

    .p102-pagination-1 a,
    .p102-pagination-1 span {
        font-size    : 12px;
        font-family  : Arial;
        width        : 25px;
        height       : 25px;
        color        : #808080;
        border-radius: 5px;
        line-height  : 25px;
    }

    .p102-pagination-1 a.page_pre,
    .p102-pagination-1 a.page_next {
        width        : 40px;
        border-radius: 5px;
        font-size    : 12px !important;
    }

    .p102-pagination-1 a.page_first,
    .p102-pagination-1 a.page_last {
        width        : 50px;
        border-radius: 5px;
        font-size    : 12px;
    }

    .p102-pros-1-list dd {
        padding-top: 5px;
    }

    .p102-pros-1-list dd h4 {
        font-size: 14px;
    }

    .p102-pros-1-list dl:nth-child(4n-1) {
        margin-right: 1%;
    }

    .p102-pros-1-list .clear {
        display: none;
    }

    .p102-proShow-1-left {
        width: 100%;
    }

    .p102-proShow-1-right {
        position: relative;
        width   : calc(100% - 20px);
        right   : 0;
        top     : 0;
        bottom  : 0;
        z-index : 1;
        padding : 10px;
    }

    .p102-proShow-1-text {
        padding      : 30px 0 15px;
        border-bottom: 1px solid #e3e3e3;
        position     : relative;
    }

    .p102-proShow-1-text .p102-proShow-1-title {
        height     : 35px;
        font-size  : 20px;
        line-height: 35px;
        color      : #1a1a1a;
    }

    .p102-proShow-1-text p {
        height     : 25px;
        line-height: 25px;
        font-size  : 13px;
        color      : #808080;
    }

    .p102-proShow-1-text:after {
        display: none;
    }

    .p102-proShow-1-tel a {
        float       : none;
        display     : block;
        width       : 98px;
        height      : 50px;
        padding-left: 58px;
        background  : url(../images/p102-cpxq-icon1.png) no-repeat 22px center #FABF1B;
        font-size   : 18px;
        color       : #ffffff;
        margin-right: 12px;
        margin      : 0 auto;
    }

    .p102-proShow-1-desc {
        max-height : inherit;
        position   : relative;
        height     : inherit;
        line-height: 20px;
        font-size  : 12px;
        color      : #4c4c4c;
        text-align : justify;
        padding    : 10px 0 0;
        overflow   : hidden;
    }

    .p102-proShow-1-tel {
        position   : relative;
        width      : 100%;
        height     : inherit;
        line-height: 50px;
        padding-top: 20px;
        border-top : 1px solid #e3e3e3;
        margin-top : 20px;
        left       : 0;
        bottom     : 0px;
        z-index    : 1;
    }

    .p102-proShow-1-tel p {
        float    : none;
        min-width: 300px;
        max-width: 100%;
        height   : 50px;
        margin   : 0 auto;
    }

    .cpxq-01-nav ul {
        overflow-y : hidden;
        overflow-x : auto;
        white-space: nowrap;
    }

    .cpxq-01-nav ul li {
        font-size: 14px;

    }

    .p102-pro-content-desc .tit i {
        font-size: 16px !important;
    }

    .p102-pro-content-desc .tit {
        height: 50px;
    }

    .p102-pro-content-desc .tit span {
        margin-top: 0px;
        font-size : 12px;
    }

    .cpxq-01-nav .content {
        width : 100%;
        margin: 0 auto;
    }

    .cpxq-01-nav ul li a {
        color  : #333;
        padding: 0 10px;
        display: block;
    }

    .p102-pro-content-title {
        display      : inline-block;
        height       : 50px;
        line-height  : 50px;
        font-size    : 20px;
        color        : #1a1a1a;
        font-weight  : normal;
        position     : relative;
        border-bottom: 2px solid #fb6800;
    }

    .p102-info-fdh-1 {
        width     : 60px;
        margin-top: 20px;
    }

    .p102-info-fdh-1-nav-one h3 a {
        display    : block;
        line-height: 26px;
        font-size  : 12px;
        color      : #ffffff;
        text-align : center;
        padding    : 10px 5px;
    }

    .p102-info-items-img {
        display: none;
    }

    .p102-info-items-text {
        float      : none;
        width      : 100%;
        padding-top: 10px;
    }

    .p102-info-items-text h4 em {
        position   : absolute;
        width      : 50px;
        height     : 20px;
        line-height: 20px;
        font-size  : 12px;
        color      : #fb6800;
        text-align : center;
        font-style : normal;
        border     : 1px solid #fb6800;
        left       : 0;
        top        : 0;
    }

    .p102-info-items-text h4 {
        height       : 32px;
        padding-left : 60px;
        margin-bottom: 0px;
    }

    .p102-info-items-text h4 a {
        display      : inline-block;
        height       : 20px;
        max-width    : 100%;
        line-height  : 20px;
        font-size    : 12px;
        color        : #333333;
        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
    }

    .p102-info-1-more a {
        display    : inline-block;
        height     : 30px;
        line-height: 30px;
        font-size  : 14px;
        color      : #333333;
    }

    .p102-info-list dt {
        display: none;
    }

    .p102-info-list dl {
        padding: 10px;
    }

    .p102-info-list dd h4 {
        margin-bottom: 0px;
    }

    .p102-info-list dd h4 a {
        display      : inline-block;
        max-width    : 100%;
        height       : 40px;
        font-size    : 14px;
        color        : #333333;
        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
    }

    .p102-info-list-more {
        padding-top: 15px;
    }

    .p102-info-list-more a {
        display    : block;
        width      : 75px;
        height     : 30px;
        line-height: 30px;
        font-size  : 12px;
        color      : #fb6800;
        text-align : center;
        border     : 1px solid #fb6800;
        position   : relative;
    }

    .p102-info-list .p102-info-list-desc {
        font-size  : 12px;
        line-height: 20px;
        color      : #666666;
        text-align : justify;
    }

    .p102-info-list dd {
        position: relative;
        right   : inherit;
        top     : inherit;
        bottom  : inherit;
        z-index : 1;
        width   : 100%;
    }

    .p102-info-items-text p {
        line-height  : 20px;
        font-size    : 12px;
        color        : #666666;
        text-align   : justify;
        margin-bottom: 10px;
    }

    .p102-info-list dt img {
        display: none;
    }

    .p102-info-1 {
        width      : calc(100% - 80px);
        background : #fff;
        border-left: 1px solid #ebebeb;
        margin-left: -1px;
        padding    : 10px 10px 10px;
    }

    .p102-info-blk {
        width     : calc(100% - 0px);
        border    : 1px solid #f0f0f0;
        background: #fff;
    }

    .p102-info-blk-con {
        padding: 20px 10px 20px;
    }

    .p102-info-blk-title {
        height       : 50px;
        line-height  : 50px;
        font-size    : 24px;
        font-weight  : normal;
        color        : #1a1a1a;
        margin-bottom: 5px;
    }

    .p102-info-content {
        font-size  : 14px;
        line-height: 30px;
        color      : #4c4c4c;
        padding    : 10px 0 0;
    }

    .p102-info-content img {
        max-width: 100%;
        height   : inherit;
    }

    .p102-info-blk-bool {
        height        : 25px;
        line-height   : 25px;
        font-size     : 12px;
        color         : #999999;
        padding-bottom: 7px;
        border-bottom : 1px solid #dedede;
    }

    .p4-order-form-1-con label {
        width: 27%;
    }

    .p4-order-form-1-con .inputs,
    .p4-order-form-1-con li select {
        width       : 68%;
        margin-right: 10px;
        outline     : none;
        padding-left: 10px;
        border      : 1px solid #eee;
        height      : 33px;
        line-height : 32px;
        color       : #666;
        box-sizing  : border-box;
        /* float    : left; */
    }

    .p4-order-form-1-t1 textarea {
        width       : 68%;
        height      : 102px;
        line-height : 24px;
        border      : 1px solid #eee;
        outline     : none;
        resize      : none;
        overflow    : auto;
        margin-right: 10px;
        padding-left: 10px;
        box-sizing  : border-box;
    }

    .p4-order-form-1-con {
        border    : 1px solid #bbb;
        background: url(images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
        padding   : 20px 3%;
    }

    .kfay dt {
        width  : 188px;
        float  : none !important;
        padding: 10px;
        margin : 0 auto;
    }

    .kfay dd {
        width: 100% !important;
        float: none !important;
    }

    .kfay dd h4 {
        height     : 30px;
        padding-top: 36px;
        font       : 22px "Microsoft YaHei" !important;
        color      : #FABF1B;
    }

    .kfay dd p {
        font       : 13px "Microsoft YaHei" !important;
        color      : #333333;
        line-height: 25px !important;
        padding-top: 15px;
    }

    .p102-about-content .tit,
    .abt .tit {
        height: 55px !important;
    }

    .p102-about-content .tit i,
    .abt .tit i,
    .abt1 .tit i {
        text-align : center;
        font-size  : 30px !important;
        line-height: 30px;
        display    : block;
        font-style : normal;
        font-weight: bold;
        color      : #000;
    }

    .p102-about-content .tit span,
    .abt .tit span,
    .abt1 .tit span {
        display       : inline-block;
        word-spacing  : 5px;
        font-size     : 12px !important;
        color         : #666;
        font-weight   : normal;
        padding       : 8px 22px;
        border        : 1px solid #dcdcdc;
        border-radius : 20px;
        line-height   : 15px;
        background    : #fff;
        margin-top    : 10px !important;
        min-width     : 200px !important;
        box-sizing    : border-box;
        text-transform: uppercase;
    }

    .abt .zb1 {
        float      : none;
        width      : 100%;
        padding-top: 0px;
    }

    .abt .zb1 h2 {
        display: none !important;
    }

    .abt b {
        width       : 100% !important;
        float       : none !important;
        margin-right: 0 !important;
        margin-top  : 30px;
    }

    .blk-main .abt1 {
        padding-top: 30px !important;
        margin-top : 20px !important;
        height     : inherit !important;
    }

    .blk-main .abt1 .tit {
        height: 55px !important;
    }

    .lianxi li {
        float        : left;
        border       : 1px solid #f1f1f1;
       /* width        : 48% !important;*/
        height       : 210px;
        text-align   : center;
        margin       : 5px 1% !important;
        color        : #666;
        line-height  : 140% !important;
        padding      : 0 10px;
        font-family  : 微软雅黑;
        background   : #f1f1f1;
        border-radius: 12px;
        box-sizing   : border-box;
    }

    .k12-gl-gslb-3nf1-1-01-left dl {
        width     : 48%;
        float     : left;
        background: #f0f0f0;
        margin    : 0 1% 13px 1% !important;
    }

    .abt1 dl dt {
        width     : 100% !important;
        float     : none !important;
        background: #eee;
    }

    .abt1 dl dd {
        width     : 100% !important;
        float     : none !important;
        margin-top: 20px !important;
    }

    .footer_wap {
        padding    : 10px 5px;
        text-align : center;
        font-size  : 12px;
        line-height: 20px;
    }

    .main_pro {
        padding-bottom: 40px;
    }

    .pro01,
    .g-guide {
        display: none;
    }

    .index_pro .main ul {
        flex-wrap: wrap;
    }

    .index_pro .main li {
        width : 48% !important;
        margin: 0 1% !important;
    }

    .index_pro .title {
        font-size  : 30px;
        text-align : center;
        font-weight: 600;
        color      : #000000;
    }

    .solution {
        padding-top: 0px;
    }

    .solu {
        height: inherit;
    }

    .solu h2 {
        text-align   : center;
        margin-bottom: 20px;
    }

    .solu h2 span {
        display    : block;
        font-size  : 30px;
        color      : #000000;
        font-weight: 600;
    }

    .solu .sol-nav ul {
        height: inherit;

    }

    .solu .sol-nav ul li {
        padding-bottom: 20px;
    }

    .solu .sol-nav ul li em {
        display : block;
        width   : 100%;
        height  : 60px;
        margin  : 0 auto;
        position: relative;
    }

    .solu .sol-nav ul li em img {
        width  : 90% !important;
        display: block;
        margin : 0 auto;
    }

    .solu .sol-nav ul li span {
        display    : block;
        height     : inherit;
        line-height: inherit;
        text-align : center;
        font-size  : 12px;
        color      : #555555;
    }

    .solution .sol-left {
        width: 100%;
        float: none;
    }

    .solution .sol-left dl dd {
        height    : 240px;
        width     : 100%;
        position  : absolute;
        left      : 0;
        bottom    : 0;
        padding   : 0 3%;
        box-sizing: border-box;
    }

    .solution .sol-left dl dd .left {
        width                 : 83.5%;
        height                : 197px;
        background            : #FFF;
        border-top-left-radius: 20px;
        padding               : 19px 37px 0 64px;
        box-sizing            : border-box;
        float                 : left;
        position              : relative;
    }

    .solution .sol-rig {
        width     : 100%;
        float     : none;
        margin-top: 10px;
    }

    .solution .sol-rig ul li .hover {
        width     : 100%;
        height    : 100%;
        background: rgba(250,191,27, 0.8);
        text-align: center;
        position  : absolute;
        left      : 0;
        top       : 0;
        transform : scale(1);
        opacity   : 1;
        transition: .8s;
    }

    .solution .sol-rig ul li .hover i {
        display    : inline-block;
        font-size  : 13px;
        line-height: 25px;
        color      : #FFF;
        position   : absolute;
        left       : 50%;
        top        : 50%;
        transform  : translate(-50%, -50%);
    }

    .news {
        padding: 40px 0 20px;
    }

    .news .news_con1 {
        width     : 98%;
        margin    : 0 auto 10px auto;
        background: none;
        text-align: center;
    }

    .news .title {
        font-size  : 30px;
        text-align : center;
        font-weight: 600;
        color      : #000000;
    }

    .solu h2 em {
        display    : block;
        text-align : center;
        font-size  : 12px;
        color      : #333333;
        padding    : 10px 0 20px 0;
        font-weight: 400;
    }

    .index_pro .desc {
        font-size : 12px;
        text-align: center;
        color     : #333333;
        padding   : 10px 0 20px 0;
    }

    .news .desc {
        font-size : 12px;
        text-align: center;
        color     : #333333;
        padding   : 10px 0 20px 0;
    }

    .news01 {
        width      : 100%;
        margin-left: 0;
    }

    .news_desc {
        font-size  : 14px;
        color      : #555;
        line-height: 26px;
        height     : inherit;
        overflow   : hidden;
        padding    : 10px 0 0;
    }

    .about {
        height    : 100%;
        background: url(../images/abo-pic.jpg) no-repeat top center;
        margin    : 20px 0;
    }

    .abo {
        padding: 90px 0;
    }

    .abo .abo-con h2 {
        text-align                : center;
        height                    : 120px;
        background                : #FFF;
        box-shadow                : 0px 0 0 0px rgba(0, 0, 0, 0.05);
        border-radius-to-left     : 6px;
        border-bottom-left-radius : 0px;
        border-bottom-right-radius: 0px;
        padding-top               : 15px;
        box-sizing                : border-box;
        margin-bottom             : 0px;
    }

    .abo .abo-con h2 em {
        display    : block;
        height     : 40px;
        line-height: 40px;
        font-weight: normal;
        font-size  : 20px;
        color      : #3c3c3c;
        font-family: "苹方";
        font-weight: normal;
    }

    .abo .abo-con h2 span {
        display    : block;
        height     : 60px;
        line-height: 60px;
        text-align : center;
        position   : relative;
        margin     : 0 auto;
        font-family: "苹方";
        font-weight: bold;
        padding    : 0 6px;
        width      : 100%;
        font-size  : 30px;
        color      : #3c3c3c;
    }

    .abo .abo-con p {
        width      : 100%;
        margin     : 0 auto 36px;
        line-height: 25px;
        font-size  : 12px;
        color      : rgba(0, 0, 0, 0.8);
        text-align : center;
        background : #ffffff;
        padding    : 10px 5px;
        box-sizing : border-box;
    }

    .abo .abo-con strong a {
        display    : block;
        font-size  : 14px;
        color      : #FFFFFF;
        font-family: "苹方";
    }


}