@charset "utf-8";
/* 重置样式 */
body, h1, h2, h3, h4, p, ul, ol, dl, dd, form, input, select, textarea, th, td, figure, figcaption { padding : 0px ; margin : 0px }
body { min-width : 1300px ; font-size : 14px ; color : #333333 ; font-family : "微软雅黑" ; overflow-x : hidden ; cursor : default }
img { display : inline-block ; max-width : 100% ; max-height : 100% ; border : none }
input, textarea { outline : none ; background : none ; border: none }
h1, h2, h3, h4 { font-weight : normal ; font-size : 16px }
a:focus { text-decoration : none ; outline : none }
a { color : inherit ; text-decoration : none }
textarea { resize : none ; overflow : auto }
a:hover { text-decoration : none }
strong, b { font-weight : normal }
ul { list-style-type : none }
em, i { font-style : normal }

/* 公共样式 */
.clearfix::before, .clearfix::after { content:'' ; display : block ; height : 0 ; clear : both ; visibility : hidden }
.img-box { display : table-cell ; text-align : center ; vertical-align : middle ; font-size : 0px }
.banner-box { width : 100% ; max-width : 1920px ; margin : 0px auto ; font-size : 0px }
.main { width : 100% ; max-width : 1300px ; margin : 0px auto }
.banner-box img { width : 100% ; height : auto }
.pointer { cursor : pointer }
.clearfix { *zoom: 1 }

@media all and (max-width : 1317px) {
    .main { width : 1300px }
}

@font-face {
    font-family : AlibabaPuHuiTiM;
    src : url(../font/Alibaba-PuHuiTi-Medium.otf)
}

@font-face {
    font-family : AlibabaPuHuiTiR;
    src : url(../font/Alibaba-PuHuiTi-Regular.otf)
}





/* header */
.header { height : 108px ; background-color : #000000 ; position : relative }
.header>.main { height : 100% }
.header h1 { width : 275px ; height : 48px ; background-image : url(../images/header-logo.png) ; float : left ; margin : 32px 90px 0px 0px ; text-indent : -999px ; text-overflow : ellipsis ; overflow : hidden ; position : relative }
.header h1 a { display : block ; width : 100% ; height : 100% ; position : absolute ; left : 0px ; top : 0px }
.header .nav { height : 100% ; float : left }
.header .nav li { width : 98px ; height : 100% ; float : left }
.header .nav a { display : block ; color : #D6D6D6 ; font-size : 16px ; text-align : center ; line-height : 108px ; transition : .5s }
.header .nav li.on a { color : #FFFFFF ; font-weight : bold }
.header .nav li:hover a { color : #FFFFFF ; font-weight : bold }
.header .right { height : 100% ; float : right ; line-height : 108px }
.header .right a{
	display:none;
}
/* .header .right a { display : none ; padding-left : 31px ; background : url(../images/header-icon-1.png) left center no-repeat ; color : #D6D6D6 ; font-size : 16px ; cursor : pointer ; transition : .5s }
.header .right a.on { display : inline-block } */
.header .right a::after { content : "" ; display : inline-block ; width : 1px ; height : 19px ; background-color : #707070 ; margin : 0px 26px 0px 26px ; vertical-align : middle }
.header .right a:hover { color : #FFFFFF }
.header .right i { display : inline-block ; width : 19px ; height : 19px ; background-image : url(../images/header-icon-2.png) ; vertical-align : middle ; position : relative ; bottom : 2px ; cursor : pointer }

.header .drop-search { width : 100% ; height : 0px ; background-color : rgba(184,184,184,0.8) ; position : absolute ; left : 0px ; top : 100% ; overflow : hidden ; transition : .7s ; z-index : 2 }
.header .drop-search .main { text-align : center }
.header .drop-search form { display : inline-block ; margin-top : 53px ; font-size : 0px }
.header .drop-search form input { height : 43px ; border-radius : 3px }
.header .drop-search form input:first-of-type { width : 382px ; background-color : #D4D4D4 ; margin-right : 7px ; color : #595959 ; font-size : 15px ; text-indent : 19px ; vertical-align : top }
.header .drop-search form input:last-of-type { width : 152px ; background-color : #000000 ; color : #FFFFFF ; font-size : 15px ; cursor : pointer }
.header .drop-search form .key { margin-top : 25px ; color : #E3E3E3 ; text-align : left }
.header .drop-search form b { margin-right : 11px ; font-size : 15px }
.header .drop-search form i { margin-right : 21px ; font-size : 15px }


.header .drop-login { width : 100% ; height : 0px ; background-color : rgba(184,184,184,0.8) ; position : absolute ; left : 0px ; top : 100% ; overflow : hidden ; transition : .7s ; z-index : 2 }
.header .drop-login .main { width : 722px ; margin : 52px auto 0px auto }
.header .drop-login .title h3 { display : inline-block ; color : #FFFFFF ; font-family : AlibabaPuHuiTiM ; font-size : 24px ; font-weight : 500 }
.header .drop-login .title h3::after { content : "" ; display : inline-block ; width : 1px ; height : 22px ; background-color : #FFFFFF ; margin : 0px 16px 0px 21px ; vertical-align : middle ; position : relative ; bottom : 2px } 
.header .drop-login .title p { display : inline-block ; color : #FFFFFF ; font-size : 15px }
.header .drop-login form { margin-top : 35px ; font-size : 0px }
.header .drop-login form input { width : 270px ; height : 43px ; background-color : #D4D4D4 ; border-radius : 3px ; margin-right : 15px ; color : #595959 ; font-size : 15px ; text-indent : 19px }
.header .drop-login form input:last-of-type { width : 152px ; background-color : #000000 ; margin-right : 0px ; color : #FFFFFF ; text-indent : 0px ; text-align : center ; transition : .5s }
.header .drop-login form input:last-of-type:hover { color : #f08519 }





/* banner */
.banner .swiper-slide { font-size : 0px }
.banner .swiper-slide a { display : block }
.banner .swiper-slide img { width : 100% ; height : auto }
.banner .swiper-pagination { bottom : 6.8% !important }
.banner .swiper-pagination span { width : 50px ; height : 4px ; background : rgba(255,255,255,.5) ; opacity : 1 !important ; border-radius : 0px ; margin : 0px 11.5px !important }
.banner .swiper-pagination-bullet-active { background : rgba(255,255,255,1) !important }





/* footer */
.footer { background-color : #EEEEEE }
.footer>.main { padding : 85px 0px 96px }
.footer .left { float : left }
.footer .left h4 { color : #666666 ; font-size : 16px }
.footer .left span { display : block ; margin-top : 14px ; font-family : Arial ; font-size : 30px ; font-weight : bold }
.footer .left p { margin-top : 14px ; color : #666666 ; font-size : 16px }
.footer .left .bshare-custom { margin-top : 45px }
.footer .left .bshare-weixin { width : 35px ; height : 35px ; padding-left : 0px ; border : solid 2px #AAAAAA ; border-radius : 50% ; background : url(../images/footer-icon-1.png) center center no-repeat !important ; margin-right : 13px ; transition : .5s }
.footer .left .bshare-weixin:hover { background-color : #AAAAAA !important }
.footer .left .bshare-sinaminiblog { width : 35px ; height : 35px ; padding-left : 0px ; border : solid 2px #AAAAAA ; border-radius : 50% ; background : url(../images/footer-icon-2.png) center center no-repeat !important ; margin-right : 13px ; transition : .5s }
.footer .left .bshare-sinaminiblog:hover { background-color : #AAAAAA !important }
.footer .left .bshare-qqim { width : 35px ; height : 35px ; padding-left : 0px ; border : solid 2px #AAAAAA ; border-radius : 50% ; background : url(../images/footer-icon-3.png) center center no-repeat !important ; margin-right : 13px ; transition : .5s }
.footer .left .bshare-qqim:hover { background-color : #AAAAAA !important }

.footer .right { float : right }
.footer .right dl { float : left ; margin-right : 112px }
.footer .right dl:last-of-type { margin-right : 0px }
.footer .right dt { color : #444444 ; font-size : 16px ; font-weight : bold }
.footer .right dt::after { content : "" ; display : block ; width : 21px ; height : 2px ; background-color : #535353 ; margin : 17px 0px 16px ; transition : .5s }
.footer .right dt:hover::after { width : 64px }
.footer .right dd { color : #888888 ; font-size : 15px ; line-height : 32px ; transition : .5s }
.footer .right dd:hover { color : #444444 }
.footer .right a { display : block }

.footer .bottom { height : 79px ; background-color : #161616 ; color : #C8C8C8 ; font-size : 15px ; line-height : 79px }
.footer .bottom span { margin-right : 30px }
.footer .bottom .main>a { margin-right : 33px }

/* 2020-10-30 */
.footer .ga{
	padding-left:20px;
	background:url(../images/gongan.png) no-repeat left center;
}





/* vb */
.vb { height : 58px ; background-color : #f2f2f2 ; border-bottom : solid 1px #DCDCDC }
.vb .vice-nav { float : left }
.vb .vice-nav li { width : 160px ; height : 58px ; float : left ; color : #666666 ; font-size : 16px ; text-align : center ; line-height : 58px ; transition : .5s ; cursor : pointer }
.vb .vice-nav li.on { background-color : #535353 ; color : #FFFFFF }
.vb .vice-nav li:hover { background-color : #535353 ; color : #FFFFFF }
.vb .vice-nav a { display : block }
.vb .breadcrumb { float : right }
.vb .breadcrumb li { height : 58px ; float : left ; color : #888888 ; font-size : 15px ; line-height : 58px ; transition : .5s ; cursor : default }
.vb .breadcrumb li::after { content : ">" ; display : inline-block ; margin : 0px 4px }
.vb .breadcrumb li:last-of-type::after { display : none }
.vb .breadcrumb a { height : 58px ; display : inline-block }
.vb .breadcrumb li.on a { color : #535353 }
.vb .breadcrumb li:hover a { color : #535353 }





/* aside */
.aside { display : none ; background-color : #161616 ; position : fixed ; right : 0px ; top : 50% ; transform : translateY(-50%) ; z-index : 11 }
.aside a { display : block ; width : 89px ; height : 81px ; border-bottom : solid 1px #535353 ; color : #ECECEC ; font-size : 14px ; text-align : center ; overflow : hidden ; transition : .5s }
.aside a:hover { background-color : #535353 }
.aside a::before { content : "" ; display : block ; height : 23px ; background-position : center center ; background-repeat : no-repeat ; margin : 17px 0px 10px }
.aside a:first-of-type::before { background-image : url(../images/aside-icon-1.png) }
.aside a:nth-of-type(2)::before { background-image : url(../images/aside-icon-2.png) }
.aside a:nth-of-type(3)::before { background-image : url(../images/aside-icon-3.png) }
.aside a:last-of-type::before { background-image : url(../images/aside-icon-4.png) }





/* index */
.index-ap { background : url(../images/index-ap-bg.jpg) top center no-repeat ; overflow : hidden }
.index-about .main { min-height : 812px ; position : relative }
.index-about .text { min-height : 621px ; background : url(../images/index-ap-img1.png) left top no-repeat ; position : absolute ; left : 0px ; top : 104px ; z-index : 1 }
.index-about .title span { display : block ; margin-top : 136px ; font-family : AlibabaPuHuiTiM ; font-size : 40px }
.index-about .title h2 { margin-top : 12px ; color : #222222 ; font-family : Arial ; font-size : 50px ; font-weight : bold }
.index-about .text-box { width : 660px ; margin-top : 44px ; color : #666666 ; font-size : 15px ; line-height : 36px }
.index-about .text a { display : block ; width : 149px ; height : 48px ; background-color : #8A8A8A ; margin-top : 94px ; color : #FFFFFF ; font-family : Arial ; font-size : 16px ; font-weight : bold ; text-align : center ; line-height : 48px ; transition: .5s }
.index-about .text a:hover { background-color : #333333 }
.index-about .img-box { width : 508px ; height : 637px ; position : absolute ; right : 0px ; top : 120px ; z-index : 0 }
.index-about .beautify-bg1, .index-about .beautify-bg2 { width : 1920px ; background-color : #FFFFFF ; position : absolute }
.index-about .beautify-bg1 { height : 812px ; right : 63px ; top : 0px ; z-index : 0 }
.index-about .beautify-bg2 { height : 590px ; right : 444px ; top : 206px ; z-index : 0 }


.index-product { padding-top : 82px }
.index-product .title span { font-family : AlibabaPuHuiTiM ; font-size : 15px }
.index-product .title em { display : block ; margin : 11px 0px 22px ; font-family : Arial ; font-size : 46px ; font-weight : bold }
.index-product .title h2 { font-family : AlibabaPuHuiTiM ; font-size : 26px }
.index-product .swiper2 { padding : 52px 0px 177px }
.index-product .swiper-slide a { display : block ; position : relative }
.index-product .swiper-slide .img { width : 416px ; height : 622px ; background-repeat : no-repeat ; background-position : center center ; background-size : cover }
.index-product .swiper-slide b { color : #FFFFFF ; font-family : AlibabaPuHuiTiM ; font-size : 26px }
.index-product .swiper-slide i { display : block ; margin-top : 12px ; color : #FFFFFF ; font-family : Arial ; font-size : 18px }
.index-product .swiper-slide i::after { content : "" ; display : block ; width : 34px ; height : 2px ; background-color : #FFFFFF ; margin : 24px auto }
.index-product .swiper-slide .mask { width : 416px ; height : 622px ; background-color : rgba(0,0,0,.3) ; padding-top : 255px ; box-sizing : border-box ; text-align : center ; position : absolute ; left : 0px ; top : 0px }
.index-product .swiper-slide .frame { width : 396px ; height : 592px ; opacity : 0 ; border : solid 2px #FFFFFF ; box-sizing : border-box ; position : absolute ; left : 10px ; top : 15px ; transition : .5s }
.index-product .swiper-slide:hover .frame { opacity : 1 }
.index-product .swiper-pagination { display : inline-block ; width : auto !important ; height : 38px ; left : 50% !important ; bottom : 76px !important ; transform : translateX(-50%) }
.index-product .swiper-pagination::before { content : "" ; display : inline-block ; width : 1920px ; height : 1px ; background-color : #DCDCDC ; position : absolute ; right: calc(100% + 30px) ; top : 50% ; transform : translateY(-50%) }
.index-product .swiper-pagination::after { content : "" ; display : inline-block ; width : 1920px ; height : 1px ; background-color : #DCDCDC ; position : absolute ; left: calc(100% + 30px) ; top : 50% ; transform : translateY(-50%) }
.index-product .swiper-pagination span { width : 40px ; height : 38px ; background : url(../images/index-ap-icon1.png) center center no-repeat ; opacity : 1 ; margin : 0px 0px !important ; text-align : center ; line-height : 38px ; color : #666666 ; font-family : Arial ; font-size : 14px }
.index-product .swiper-pagination-bullet-active { background : url(../images/index-ap-icon2.png) center center no-repeat !important ; vertical-align : top }


.index-introduce { min-height : 420px ; background : url(../images/index-introduce.jpg) center center}
.index-introduce .main { padding : 105px 0px 126px }
.index-introduce b { color : #FFFFFF ; font-family : AlibabaPuHuiTiM ; font-size : 26px }
.index-introduce h2 { margin : 17px 0px 58px ; color : #F08519 ; font-family : AlibabaPuHuiTiM ; font-size : 42px }
.index-introduce p { color : #FFFFFF ; font-size : 16px }


.index-an { background-color : #f5f5f5 ; background-image : url(../images/index-an-bg.jpg) ; background-position : center bottom ; background-repeat : no-repeat ; padding-bottom : 96px ; overflow : hidden }
.index-advantage .title { padding-top : 88px }
.index-advantage .title span { font-family : AlibabaPuHuiTiM ; font-size : 15px }
.index-advantage .title em { display : block ; margin : 10px 0px 23px ; font-family : Arial ; font-size : 46px ; font-weight : bold }
.index-advantage .title h2 { font-family : AlibabaPuHuiTiM ; font-size : 26px }
.index-advantage .content { margin-top : 47px }
.index-advantage .item { position : relative }
.index-advantage .item .img-box { width : 650px ; height : 675px }
.index-advantage .item ul { width : 1920px ; position : absolute ; left : 500px ; top : 0px }
.index-advantage .item li { min-height : 168px ; background-color : transparent ; margin-top : 1px ; position : relative ; transition : .5s ; cursor : pointer }
.index-advantage .item li:hover { background-color : #FFFFFF ; box-shadow : 0 15px 30px rgba(0,0,0,.1) ; transform : translateY(-2px) }
.index-advantage .item ul li:first-of-type { margin-top : 0px }
.index-advantage .item li::before { content : "" ; display : block ; width : 30px ; height : 30px ; border : solid 3px transparent ; border-radius : 50% ; box-sizing : border-box ; position : absolute ; left : 45px ; top : 64px ; transition : .5s }
.index-advantage .item li:hover::before { border-color : #DCDCDC }
.index-advantage .item li::after { content : "" ; display : block ; width : 570px ; height : 1px ; background-color : #E5E5E5 ; position : absolute ; left : 230px ; bottom : -1px }
.index-advantage .item li>div { width : 800px ; padding-top : 27px ; box-sizing : border-box }
.index-advantage .item li>div::after { content : "" ; display : block ; clear : both }
.index-advantage .item h4 { font-family : AlibabaPuHuiTiM ; font-size : 22px ; text-align : right }
.index-advantage .item .text-box { width : 570px ; max-height : 104px ; float : right ; margin-top : 10px ; color : #888888 ; font-size : 15px ; text-align : right ; line-height : 26px ; position : relative ; overflow : hidden }

.index-advantage .item.reverse { height : 674px ; margin-top : 93px }
.index-advantage .item.reverse::before { content : "" ; display : block ; width : 570px ; height : 1px ; background-color : #E5E5E5 ; position : absolute ; left : 0px ; top : -1px }
.index-advantage .item.reverse .img-box { position : absolute ; right : 0px }
.index-advantage .item.reverse ul { right : 500px ; left : auto }
.index-advantage .item.reverse li::before { left : auto ; right : 45px }
.index-advantage .item.reverse li::after { left : auto ; right : 230px }
.index-advantage .item.reverse li>div { float : right }
.index-advantage .item.reverse h4 { text-align : left }
.index-advantage .item.reverse .text-box { float : left ; text-align : left }


.index-link { display : flex ; justify-content : space-between ; margin-top : 70px }
.index-link .item { width : 412px ; height : 266px ; overflow : hidden ; position : relative }
.index-link .item .bg { width : 100% ; height : 100% ; transition : .5s ; cursor : pointer ; position : absolute }
.index-link .item:first-of-type .bg { background-image : url(../images/index-link-img1.jpg) }
.index-link .item:nth-of-type(2) .bg { background-image : url(../images/index-link-img2.jpg) }
.index-link .item:last-of-type .bg { background-image : url(../images/index-link-img3.jpg) }
.index-link .item:hover .bg { transform : scale(1.05) }
.index-link .content { color : #FFFFFF ; position : absolute ; left : 0px ; top : 0px }
.index-link a { display : block ; padding-left : 40px }
.index-link h3 { padding : 169px 0px 10px ; font-family : AlibabaPuHuiTiM ; font-size : 22px }
.index-link span { font-size : 15px }


.index-news { margin-top : 74px }
.index-news .left { width : 642px ; height : 521px ; float : left }
.index-news .left a { display : block }
.index-news .right { width : 642px ; height : 521px ; background-color : #FFFFFF ; padding : 0px 29px 0px 35px ; box-sizing : border-box ; float : right }
.index-news .right .item { height : 173px ; border-bottom : solid 1px #DCDCDC ; overflow : hidden ; cursor : pointer }
.index-news .right .item:last-of-type { border-bottom : none }
.index-news .right .item a { display : block }
.index-news .right h4 { margin-top : 41px ; font-family : AlibabaPuHuiTiM ; font-size : 18px }
.index-news .right p { min-height : 40px ; margin-top : 9px ; color : #888888 ; font-size : 15px }
.index-news .right span { display : block ; padding-left : 35px ; background : url(../images/index-news-icon1.jpg.png) left center no-repeat ; background-size : 17px 13px ; margin-top : 8px ; color : #888888 ; font-family : Arial ; font-size : 15px ; position : relative ; right : 35px ; transition : .5s }
.index-news .right .item:hover span { right : 0px }





/* join */
.join-prospect { background : url(../images/index-ap-bg.jpg) center top no-repeat ; text-align : center }
.join-prospect .main { padding : 111px 0px 113px }
.join-prospect h2 { font-family : AlibabaPuHuiTiM ; font-size : 40px }
.join-prospect .text-box { margin-top : 27px ; font-family : AlibabaPuHuiTiR ; font-size : 18px ; line-height : 34px }
.join-prospect .frame { display : inline-block ; margin : 68px auto 0px auto }
.join-prospect .frame div { width : 311px ; height : 117px ; background-image : url(../images/join-bg-1.png) ; padding-top : 23px ; box-sizing : border-box ; float : left ; margin-right : 72px }
.join-prospect .frame div:last-of-type { margin-right : 0px }
.join-prospect .frame h4 { color : #FFFFFF ; font-family : AlibabaPuHuiTiR ; font-size : 30px }
.join-prospect .frame span { display : block ; margin-top : 6px ; color : #DFDFDF ; font-family : AlibabaPuHuiTiR ; font-size : 18px ; white-space : nowrap ; text-overflow : ellipsis ; overflow : hidden }


.join-policy { background : url(../images/join-bg-2.jpg) center top no-repeat ; padding : 88px 0px 125px ; background-color : #111111 ; color : #FFFFFF ; overflow-x : hidden }

/* join标题通用 */
.join-title-common  { text-align : center }
.join-title-common h2 { margin-bottom : 17px ; font-family : AlibabaPuHuiTiM ; font-size : 40px }
.join-title-common span { font-family : AlibabaPuHuiTiR ; font-size : 18px }

.join-policy .content { margin-top : 102px }
.join-policy .item { height : 480px ; position : relative }
.join-policy .item::after { content : "" ; display : block ; clear : both }
.join-policy .content .item:nth-of-type(2n) .text { float : right }
.join-policy .content .item:first-of-type .text { padding-top : 52px }
.join-policy .content .item:nth-of-type(2) .text { padding-top : 92px }
.join-policy .content .item:nth-of-type(3) .text { padding-top : 101px }
.join-policy .content .item:last-of-type .text { padding-top : 97px }
.join-policy .content .item:first-of-type .text>div:last-of-type { margin-top : 43px }
.join-policy .content .item:nth-of-type(2) .text>div:last-of-type { margin-top : 62px }
.join-policy .content .item:nth-of-type(3) .text>div:last-of-type { margin-top : 61px }
.join-policy .content .item:last-of-type .text>div:last-of-type { margin-top : 60px }
.join-policy b { display : inline-block ; width : 35px ; height : 42px ; background : url(../images/join-icon-1.png) center center no-repeat ; margin-right : 6px ; font-family : AlibabaPuHuiTiR ; font-size : 18px ; text-align : center ; vertical-align : top ; line-height : 42px }
.join-policy h3 { display : inline-block ; font-family : AlibabaPuHuiTiR ; font-size : 30px }
.join-policy .text-box { width : 556px ; margin-top : 17px ; font-size : 15px ; line-height : 24px }
.join-policy .img { width : 960px ; height : 480px ; background-size : 100% 100% ; position : absolute ; left : 50% ; top : 0px }
.join-policy .content .item:first-of-type .img { background-image : url(../images/join-img-1.jpg) }
.join-policy .content .item:nth-of-type(2) .img { background-image : url(../images/join-img-2.jpg) }
.join-policy .content .item:nth-of-type(3) .img { background-image : url(../images/join-img-3.jpg) }
.join-policy .content .item:last-of-type .img { background-image : url(../images/join-img-4.jpg) }
.join-policy .content .item:nth-of-type(2n) .img { left : auto ; right : 50% }


.join-support { background-color : #f5f5f5 ; padding-top : 96px }
.join-support .content { margin-top : 65px }
.join-support .content div { width : 25% ; height : 220px ; background-image : url(../images/join-bg-3.jpg) ; background-position : center center ; background-repeat : no-repeat ; background-size : 100% 100% ; padding-top : 41px ; box-sizing : border-box ; float : left ; text-align : center ; overflow : hidden }
.join-support .content div.white { background-image : url(../images/join-bg-4.jpg) }
.join-support h4 { color : #FFFFFF ; font-family : AlibabaPuHuiTiM ; font-size : 30px }
.join-support div.white h4 { color : #333333 }
.join-support p { margin : 5px 0px 58px ; color : #C1C1C1 ; font-size : 15px }
.join-support div.white p { color : #666666 }
.join-support b { color : #858585 ; font-family : Arial ; font-size : 15px }


.join-pa { background-image : url(../images/join-bg-6.jpg) ; background-position : center bottom ; background-repeat : no-repeat ; background-color : #f5f5f5 ; padding-bottom : 93px }
.join-process { padding-top : 111px }
.join-process .content { height : 284px ; background : url(../images/join-bg-5.png) center center no-repeat ; margin-top : 75px ; position : relative }
.join-process b { display : block ; width : 72px ; color : #FFFFFF ; font-size : 18px ; line-height : 30px ; text-align : center ; position : absolute }
.join-process .content b:first-of-type { left : 132px ; top : 75px }
.join-process .content b:nth-of-type(2) { left : 305px ; top : 195px }
.join-process .content b:nth-of-type(3) { left : 450px ; top : 45px }
.join-process .content b:nth-of-type(4) { left : 660px ; top : 127px }
.join-process .content b:nth-of-type(5) { left : 888px ; top : 80px }
.join-process .content b:last-of-type { left : 1095px ; top : 110px }


.join-apply { padding-top : 198px }
.join-apply .join-title-common { width : 614px ; float : right ; margin-bottom : 49px }
.join-apply h2 { margin-bottom : 6px }
.join-apply .content { position : relative }
.join-apply .img { width : 708px ; height : 564px ; background : url(../images/join-img-5.png) center center no-repeat ; background-size : 100% 100% ; position : absolute ; right : 673px ; bottom : -93px }
.join-apply form { width : 614px ; float : right ; line-height : 57px }
.join-apply form input { width : 100% ; height : 57px ; background-color : #878787 ; color : #E6E6E6 ; font-size : 15px ; text-indent : 23px }
.join-apply form input::-webkit-input-placeholder{ color : #E6E6E6 }
.join-apply form input::-moz-placeholder{ color : #E6E6E6 }
.join-apply form input:-moz-placeholder{ color : #E6E6E6 }
.join-apply form input:-ms-input-placeholder{ color : #E6E6E6 }
.join-apply form input:nth-of-type(2) { margin : 14px 0px }
.join-apply form input:nth-of-type(3) { width : 150px ; margin-right : 8px }
.join-apply form img { width : 130px ; height : 57px ; margin-right : 97px ; vertical-align : bottom }
.join-apply form input:last-of-type { width : 220px ; background-color : #313131 ;font-size : 18px ; text-indent : 0px ; text-align : center ; cursor : pointer ; transition : .5s }
.join-apply form input:last-of-type:hover { color : #f08519 }

.join-apply #distpicker { font-size : 0px ; margin-bottom : 36px }
.join-apply #distpicker div { width : 197px ; height : 57px ; float : left ; margin-right : 11.5px ; position : relative }
.join-apply #distpicker div:last-of-type { margin-right : 0px }
.join-apply #distpicker div::after { content : "" ; width : 15px ; height : 9px ; background-image : url(../images/join-icon-2.png) ; background-size : 100% 100% ; position : absolute ; right : 19px ; top : 23px }
.join-apply #distpicker select { width : 197px ; height : 57px ; background-color : #878787 ; border : none ; color : #E6E6E6 ; font-size : 15px ; text-indent : 23px ; outline: none ; appearance : none ; -webkit-appearance : none ; -moz-appearance : none ; cursor : pointer }





/* about */
.about-ib { background-image : url(../images/about-bg-2.jpg) ; background-repeat : no-repeat ; background-position : center top ; background-color : #f5f5f5 ; padding : 124px 0px 86px ; overflow-x : hidden }
.about-introduce { position : relative }
.about-introduce .text { width : 660px ; padding-top : 17px }
.about-introduce .title span { font-family : AlibabaPuHuiTiM ; font-size : 15px }
.about-introduce .title h2 { margin-top : 10px ; color : #222222 ; font-family : AlibabaPuHuiTiM ; font-size : 40px }
.about-introduce .text-box { margin-top : 38px ; color : #666666 ; font-size : 15px ; line-height : 32px }
.about-introduce .img { width : 530px ; height : 661px ; /*background-image : url(../images/about-bg-1.jpg)*/ ; background-size : 100% 100% ; position : absolute ; right : 0px ; top : 0px }
.about-introduce .img::before { content : "" ; display : block ; width : 530px ; height : 661px ; background-image : url(../images/about-img-1.jpg) ; background-size : 100% 100% ; position : absolute ; right : 21px ; top : 21px }

.about-brand { min-height : 1428px ; margin-top : 160px }
.about-brand .item { position : relative }
.about-brand .text { width : 1920px ; height : 459px ; background-color : #FFFFFF ; padding-top : 77px ; box-sizing : border-box ; position : absolute }
.about-brand .item:first-of-type .text { left : 0px ; top : 17px }
.about-brand .item:nth-of-type(2) .text { right : 0px ; top : 493px }
.about-brand .item:last-of-type .text { left : 0px ; top : 969px }
.about-brand .text>div { width : 1300px }
.about-brand .item:nth-of-type(2) .text>div { float : right }
.about-brand .content { width : 600px ; float : right }
.about-brand .item:nth-of-type(2) .content { float : left }
.about-brand h3 { color : #222222 ; font-family : AlibabaPuHuiTiM ; font-size : 40px }
.about-brand .text-box { margin-top : 32px ; color : #666666 ; font-size : 15px ; line-height : 32px }
.about-brand .img { width : 962px ; height : 438px ; background-size : 100% 100% ; position : absolute }
.about-brand .item:first-of-type .img { background-image : url(../images/about-img-2.jpg) ; right : 650px ; top : 0px }
.about-brand .item:nth-of-type(2) .img { background-image : url(../images/about-img-3.jpg) ; left : 650px ; top : 476px }
.about-brand .item:last-of-type .img { background-image : url(../images/about-img-4.jpg) ; right : 650px ; top : 952px }


.about-advantage { background : url(../images/about-bg-3.jpg) center top } 
.about-advantage .title { padding-top : 87px ; text-align : center } 
.about-advantage .title h2 { margin-bottom : 23px ; color : #FFFFFF ; font-family : AlibabaPuHuiTiM ; font-size : 40px } 
.about-advantage .title span { color : #FFFFFF ; font-family : AlibabaPuHuiTiR ; font-size : 18px } 
.about-advantage .swiper-container { padding : 66px 0px 193px ; position : relative } 
.about-advantage .swiper-slide { width : 401px ; height : 503px ; position : relative ; cursor : pointer ; overflow : hidden } 
.about-advantage .swiper-slide .img { width : 100% ; height : 372px ; background-position : center center ; background-repeat :  no-repeat ; background-size : cover } 
.about-advantage .swiper-slide .text { background-color : #FFFFFF ; padding : 33px 30px 41px 30px ; position : absolute ; transition : .6s } 
.about-advantage .swiper-slide:hover .text { bottom : 0px !important } 
.about-advantage .swiper-slide h4 { margin-bottom : 10px ; color : #222222 ; font-family : AlibabaPuHuiTiR ; font-size : 24px } 
.about-advantage .swiper-slide span { color : #888888 ; font-family : Arial ; font-size : 14px } 
.about-advantage .swiper-slide p { margin-top : 30px ; color : #666666 ; font-size : 15px ; line-height : 24px } 
.about-advantage .button-box { --swiper-navigation-size : 0px ; font-size : 0px ; position : absolute ; left : 50% ; bottom : 77px ; transform : translateX(-50%) } 
.about-advantage .swiper-button-next, .about-advantage .swiper-button-prev { display : inline-block ; width : 149px ; height : 45px ; background-color : #3D3D3D ; background-repeat : no-repeat ; background-position : center center ; opacity : 1 !important ; position : static } 
.about-advantage .swiper-button-prev { background-image : url(../images/about-icon-1.png) ; margin-right : 23px } 
.about-advantage .swiper-button-next { background-image : url(../images/about-icon-2.png) }


.about-honor { background-image : url(../images/about-bg-4.jpg) ; background-position : center bottom ; background-repeat : no-repeat ; background-color : #e5e5e5 } 
.about-honor .title { padding-top : 83px ; text-align : center } 
.about-honor .title h2 { color : #222222 ; font-family : AlibabaPuHuiTiM ; font-size : 40px } 
.about-honor .title p { margin-top : 20px ; font-family : AlibabaPuHuiTiR ; font-size : 18px ; line-height : 30px } 
.about-honor .swiper-container { padding : 69px 0px 194px ; position : relative } 
.about-honor .swiper-slide { width : 295px ; height : 397px } 
.about-honor .swiper-slide a { display : block } 
.about-honor .swiper-slide .img-box { width : 295px ; height : 397px } 
.about-honor .button-box { --swiper-navigation-size : 0px ; font-size : 0px ; position : absolute ; left : 50% ; bottom : 77px ; transform : translateX(-50%) } 
.about-honor .swiper-button-next, .about-honor .swiper-button-prev { display : inline-block ; width : 149px ; height : 45px ; background-color : #3D3D3D ; background-repeat : no-repeat ; background-position : center center ; opacity : 1 !important ; position : static } 
.about-honor .swiper-button-prev { background-image : url(../images/about-icon-1.png) ; margin-right : 23px } 
.about-honor .swiper-button-next { background-image : url(../images/about-icon-2.png) }


.about-process { padding : 89px 0px 87px ; background-color : #F5F5F5 }
.about-process .title { text-align : center }
.about-process .title h2 { margin-bottom : 19px ; color : #222222 ; font-family : AlibabaPuHuiTiM ; font-size : 40px }
.about-process .title span { font-family : AlibabaPuHuiTiR ; font-size : 18px }
.about-process .swiper3 { margin-top : 70px ; --swiper-navigation-size : 0px ; position : relative }
.about-process .swiper3 .swiper-container { width : 1182px }
.about-process .swiper3 .swiper-slide { width : 132px ; height : 49px ; border : solid 1px #BFBFBF ; box-sizing : border-box ; color : #888888 ; font-size : 16px ; text-align : center ; line-height : 49px ; transition : .5s ; cursor : pointer }
.about-process .swiper3 .swiper-slide-thumb-active { background-color : #535353 ; border-color : #535353 ; color : #FFFFFF }
.about-process .swiper3 .swiper-slide:hover { background-color : #535353 ; border-color : #535353 ; color : #FFFFFF }
.about-process .swiper3 .swiper-button-prev, .about-process .swiper3 .swiper-button-next { width : 18px ; height : 32px ; opacity : 1 !important ; position : absolute ; top : 50% ; transform : translateY(-50%) ; outline : none }
.about-process .swiper3 .swiper-button-prev { background-image : url(../images/about-icon-3.png) ; left : 0px }
.about-process .swiper3 .swiper-button-next { background-image : url(../images/about-icon-4.png) ; right : 0px }
.about-process .swiper4 { width : 1182px ; min-height : 270px ; margin-top : 77px }
.about-process .swiper4 .swiper-slide { width : 100% ; padding-left : 470px ; box-sizing : border-box ; position : relative }
.about-process .swiper4 .swiper-slide .img-box { width : 410px ; height : 270px ; position : absolute ; left : 0px ; top : 0px }
.about-process .swiper4 .swiper-slide h4 { color : #444444 ; font-family : AlibabaPuHuiTiR ; font-size : 50px }
.about-process .swiper4 .swiper-slide li { padding-left : 26px ; background : url(../images/about-icon-5.png) left 13px no-repeat ; color : #666666 ; font-size : 15px ; line-height : 32px }





/* news */
.news-main { background-color : #f2f2f2 ; padding : 78px 0px 83px }
.news-main .headlines { transition : .5s }
.news-main .headlines:hover { box-shadow : 0 15px 30px rgba(0,0,0,.1) ; transform : translateY(-4px) }
.news-main .headlines a { display : block }
.news-main .headlines .img-box { width : 650px ; height : 400px ; position : absolute }
.news-main .headlines .text { width : 650px ; height : 400px ; background-color : #FFFFFF ; padding : 65px 51px 57px 51px ; box-sizing : border-box ; float : right }
.news-main .headlines h3 { font-family : AlibabaPuHuiTiR ; font-size : 22px }
.news-main .headlines .text-box { height : 180px ; margin : 25px 0px 25px ; color : #888888 ; font-size : 15px ; line-height : 30px ; overflow : hidden }
.news-main .headlines span { color : #888888 ; font-family : Arial ; font-size : 15px }


.news-main .item { width : 632px ; height : 527px ; background-color : #FFFFFF ; float : left ; margin-right : 36px ; margin-top : 37px ; position : relative ; overflow : hidden }
.news-main .list .item:first-of-type { margin-top : 50px }
.news-main .list .item:nth-of-type(2) { margin-top : 50px }
.news-main .list .item:nth-of-type(2n) { margin-right : 0px }
.news-main .item a { display : block }
.news-main .item .img-box { width : 632px ; height : 400px }
.news-main .item .text { height : 127px ; padding : 32px 38px 0px 38px ; box-sizing : border-box }
.news-main .item h4 { margin-bottom : 15px ; font-family : AlibabaPuHuiTiR ; font-size : 20px }
.news-main .item span { color : #888888 ; font-family : Arial ; font-size : 15px }
.news-main .mask { width : 632px ; height : 400px ; background-color : rgba(0,0,0,.5) ; background-repeat : no-repeat ; background-position : center center ; background-image : url(../images/magnifier.png) ; opacity : 0 ; position : absolute ; left : 0px ; top : 0px ; transition : .5s }
.news-main .item:hover .mask { opacity : 1 }

.news-main .pages { margin-top : 47px }

/* 分页通用 */
.pages { display : flex ; justify-content : center  }
.pages a { width : 42px ; height : 42px ; background-color : #E5E5E5 ; margin : 0px 3.5px ; color : #888888 ; font-size : 15px ; text-align : center ; line-height : 42px ; transition : .5s ;display: inline-block;}
.pages a.on { background-color : #535353 ; color : #FFFFFF }
.pages a:hover { background-color : #535353 ; color : #FFFFFF }
.pages .first { width : 73px }
.pages .last { width : 73px }





/* product-detail */
.pd-introduce { min-height : 520px ; padding : 72px 0px 87px ; background-color : #F2F2F2 }
.pd-introduce .main { padding-left : 755px ; box-sizing : border-box ; position : relative }
.pd-introduce .img-box { width : 683px ; height : 520px ; position : absolute ; left : 0px ; top : 0px }
.pd-introduce h2 { padding : 52px 0px 23px ; border-bottom : solid 1px #D2D2D2 ; color : #444444 ; font-family : AlibabaPuHuiTiR ; font-size : 30px }
.pd-introduce .text-box { min-height : 210px ; padding : 35px 0px 23px ; color : #888888 ; font-size : 15px ; line-height : 30px }
.pd-introduce .button-box { font-size : 0px }
.pd-introduce a { display : inline-block ; width : 160px ; height : 48px ; background-color : #E3E3E3 ; border-radius : 24px ; margin-right : 16px ; color : #666666 ; font-size : 15px ; text-align  : center ; line-height : 48px ; transition : .6s }
.pd-introduce a:hover { background-color : #333333 ; color : #FFFFFF }


.pd-detail { background-color : #FFFFFF }
.pd-detail .title { padding : 78px 0px 25px ; border-bottom : solid 1px #DCDCDC ; margin-bottom : 58px ; font-size : 0px }
.pd-detail h2 { display : inline-block ; margin-right : 21px ; color : #444444 ; font-family : AlibabaPuHuiTiR ; font-size : 30px }
.pd-detail span { color : #C9C9C9 ; font-family : AlibabaPuHuiTiR ; font-size : 30px }
.pd-detail .img-box { width : 1300px ; height : 864px }


.pd-other { padding : 111px 0px 90px ; background-color : #FFFFFF }
.pd-other .title { padding-bottom : 25px ; border-bottom : solid 1px #DCDCDC ; margin-bottom : 50px ; font-size : 0px }
.pd-other h2 { display : inline-block ; margin-right : 21px ; color : #444444 ; font-family : AlibabaPuHuiTiR ; font-size : 30px }
.pd-other span { color : #C9C9C9 ; font-family : AlibabaPuHuiTiR ; font-size : 30px }
.pd-other .content>div { float : left ; margin-right : 47px }
.pd-other .content>div:nth-of-type(3n) { margin-right : 0px }
.pd-other .content>div:nth-of-type(n + 4) { margin-top : 40px }
.pd-other .content a { display : block }
.pd-other .content .img-box { width : 402px ; height : 306px ; overflow : hidden }
.pd-other .content img { transition : .5s }
.pd-other .content a:hover img { transform : scale(1.06) }
.pd-other .content span { display : block ; margin-top : 34px ; color : #444444 ; font-size : 16px ; text-align : center }





/* case */
.case-main { padding : 73px 0px 88px ; background-color : #F2F2F2 }
.case-main .item { float : left ; margin-right : 36px ; margin-top : 34px ; position : relative }
.case-main .list .item:first-of-type { margin-top : 0px }
.case-main .list .item:nth-of-type(2) { margin-top : 0px }
.case-main .list .item:nth-of-type(2n) { margin-right : 0px }
.case-main .item a { display : block }
.case-main h4 { color : #FFFFFF ; font-size : 16px ; position : absolute ; left : 38px ; bottom : 26px }
.case-main .img-box { width : 632px ; height : 430px }
.case-main .mask { width : 100% ; height : 98px ; background-image : linear-gradient(0deg ,rgba(0,0,0,.7),transparent) ; position : absolute ; left : 0px ; bottom : 0px }
.case-main .hover { width : 100% ; height : 100% ; background-color : rgba(0,0,0,.5) ; background-repeat : no-repeat ; background-position : center center ; background-image : url(../images/magnifier.png) ; opacity : 0 ; position : absolute ; left : 0px ; top : 0px ; transition : .5s }
.case-main .item:hover .hover { opacity : 1 }

.case-main .pages { margin-top : 96px }





/* contact */
.contact-vb { background-color : #FFFFFF }

.contact-main { padding : 90px 0px 79px }
.contact-information .map { width : 820px ; height : 500px ; float : left }
.contact-information .title { width : 480px ; height : 500px ; background-color : #AAAAAA ; float : right ; padding : 92px 44px 44px 44px ; box-sizing : border-box }
.contact-information .title h2 { width : 393px ; height : 189px ; background-image : url(../images/contact-img-2.png) ; margin-bottom : 33px ; text-indent : -999px ; text-overflow : ellipsis ; overflow : hidden ; position : relative }
.contact-information .title p { color : #FFFFFF ; font-family : AlibabaPuHuiTiR ; font-size : 20px ; line-height : 37px }

.contact-information .detail { background-color : #E7E7E7 ; padding : 57px 0px 59px ; clear : both }
.contact-information .detail .top p { min-height : 38px ; padding-left : 40px ; background-repeat : no-repeat ; background-position : left center ; border-right : solid 1px #BFBFBF ; box-sizing : border-box ; float : left ; color : #666666 ; font-size : 15px ; line-height : 38px }
.contact-information .detail .top p:nth-of-type(3n + 1) { width : 383px ; margin-left : 50px }
.contact-information .detail .top p:nth-of-type(3n + 2) { width : 361px ; margin-left : 74px }
.contact-information .detail .top p:nth-of-type(3n) { width : 351px ; border : none ; margin-left : 81px }

.contact-information .detail .bottom { padding-left : 29px ; margin-top : 60px }
.contact-information .detail .bottom div { display : flex ; align-items : center ; width : 608px ; height : 72px ; background-image : url(../images/contact-icon-6.png) ; background-repeat : no-repeat ; background-position : 20px center ; background-color : #F2F2F2 ; padding-left : 64px ; box-sizing : border-box ; float : left ; margin-right : 26px ; color : #666666 ; font-size : 15px }
.contact-information .detail .bottom div:nth-of-type(2n) { margin-right : 0px }
.contact-information .detail .bottom div:nth-of-type(4n) { background-color : #D9D9D9 }
.contact-information .detail .bottom div:nth-of-type(4n - 1) { background-color : #D9D9D9 }
.contact-information .detail .bottom b { margin-right : 29px }
.contact-information .detail .bottom i { margin-right : 29px }
.contact-information .detail .bottom span { display : inline-block ; width : 300px ; line-height : 24px }


.contact-recruit { margin-top : 53px }
.contact-recruit .title { display : flex ; align-items : center ; height : 60px ; background-color : #535353 ; padding : 0px 30px }
.contact-recruit .title b { width : 302px ; color : #FFFFFF ; font-size : 16px ; text-align : center }
.contact-recruit .title b:first-of-type { width : 179px ; text-align : left }
.contact-recruit .item { height : 60px ; background-color : #F2F2F2 ; padding : 0px 30px ; overflow : hidden ; transition : .6s }
.contact-recruit .list .item:nth-of-type(2n) { background-color : #D9D9D9 }
.contact-recruit .item .top { display : flex ; align-items : center ; height : 60px ; position : relative }
.contact-recruit .item .top i { width : 302px ; color : #666666 ; font-size : 15px ; text-align : center }
.contact-recruit .item .top i:first-of-type { width : 179px ; text-align : left }
.contact-recruit .item .top span { display : block ; width : 18px ; height : 18px ; background-position : center center ; background-repeat : no-repeat ; position : absolute ; right : 30px ; top : 50% ; transform : translateY(-50%) }
.contact-recruit .item .top span.add { background-image : url(../images/contact-icon-7.png) }
.contact-recruit .item .top span.minus { background-image : url(../images/contact-icon-8.png) }
.contact-recruit .item .text-box { padding : 23px 0px 33px 0px ; border-top : solid 1px #BFBFBF ; color : #666666 ; font-size : 15px ; line-height : 34px }





/* product */
.pro-main { background-color : #f2f2f2 ; padding : 70px 0px 76px }
.pro-main .title { text-align : center }
.pro-main .title span { color : #444444 ; font-family : AlibabaPuHuiTiR ; font-size : 50px }
.pro-main .title h2 { margin-top : 5px ; color : #444444 ; font-family : AlibabaPuHuiTiR ; font-size : 24px }
.pro-nav { display : flex ; justify-content : center ; margin-top : 47px }
.pro-nav li { display : inline-block ; width : 173px ; height : 52px ; background-color : #f6f6f6 ; border : solid 1px #bfbfbf ; box-sizing : border-box ; margin : 0px 10.5px ; color : #666666 ; font-size : 16px ; text-align : center ; line-height : 52px ; transition : .5s }
.pro-nav li.on { background-color : #535353 ; color : #FFFFFF }
.pro-nav li:hover { background-color : #535353 ; color : #FFFFFF }
.pro-nav a { display : block }

.pro-secondary-nav { margin-top : 37px }
.pro-secondary-nav li { display : none ; text-align : center ; font-size : 0px }
.pro-secondary-nav li.on { display : block }
.pro-secondary-nav a { color : #444444 ; font-size : 15px ; transition : .5s }
.pro-secondary-nav li.on a:hover { color : #000000 }
.pro-secondary-nav a::before { content : "/" ; margin : 0px 23px 0px 24px ; color : #C1C1C1 ; font-size : 15px }
.pro-secondary-nav li a:first-of-type::before { display : none }

.pro-main .item { height : 454px ; background-color : #FFFFFF ; float : left ; margin-top : 47px ; margin-right : 47px }
.pro-main .item:first-of-type { margin-top : 66px }
.pro-main .item:nth-of-type(2) { margin-top : 66px }
.pro-main .item:nth-of-type(3) { margin-top : 66px }
.pro-main .list .item:nth-of-type(3n) { margin-right : 0px }
.pro-main .item a { display : block }
.pro-main .item .img-box { width : 402px ; height : 306px ; overflow : hidden }
.pro-main .item img { transition : .5s }
.pro-main .item:hover img { transform : scale(1.05) }
.pro-main .item h4 { margin-top : 32px ; color : #444444 ; font-size : 16px ; text-align : center }
.pro-main .item span { display : block ; width : 142px ; height : 40px ; border : solid 1px #E5E5E5 ; box-sizing : border-box ; margin : 20px auto 0px auto ; color : #999999 ; font-size : 15px ; text-align : center ; line-height : 36px ; transition : .5s }
.pro-main .item:hover span { background-color : #EAEAEA ; color : #666666 }

.pro-main .pages { margin-top : 90px }





/* download */
.download-main { background-color : #F2F2F2 ; background-image : url(../images/about-bg-2.jpg) ; background-position : center top ; background-repeat : no-repeat ; padding-bottom : 73px }
.download-main .item { border-bottom : solid 1px #BFBFBF ; float : left ; margin-right : 50px ; margin-top : 56px }
.download-main .list .item:first-of-type { margin-top : 78px }
.download-main .list .item:nth-of-type(2) { margin-top : 78px }
.download-main .list .item:nth-of-type(3) { margin-top : 78px }
.download-main .list .item:nth-of-type(3n) { margin-right : 0px }
.download-main .item a { display : block }
.download-main .img-box { width : 400px ; height : 254px ; overflow : hidden }
.download-main img { transition : .5s }
.download-main .item:hover img { transform : scale(1.05) }
.download-main h4 { margin : 29px 0px 27px ; background : url(../images/download-icon-1.png) 367px 2px no-repeat ; padding-right : 40px ; color : #333333 ; font-size : 16px }

.download-main .pages { margin-top : 89px }





/* news-detail */
.nd-main { background-color : #F2F2F2 ; padding : 101px 0px 95px }
.nd-main .main { max-width : 900px }
.nd-main .content .title { padding-bottom : 33px ; border-bottom : solid 1px #D2D2D2 }
.nd-main .content span { color : #888888 ; font-size : 15px }
.nd-main .content h2 { margin : 12px 0px 20px ; font-size : 26px }
.nd-main .content .bshare-custom { font-size : 0px }
.nd-main .content .bshare-weixin { width : 23px ; height : 18px ; background : url(../images/nd-icon-1.png) center center no-repeat !important ; padding : 0px ; margin-right : 21px ; transition : .5s }
.nd-main .content .bshare-weixin:hover { background : url(../images/nd-icon-4.png) center center no-repeat !important }
.nd-main .content .bshare-sinaminiblog { width : 22px ; height : 18px ; background : url(../images/nd-icon-2.png) center center no-repeat !important ; padding : 0px ; margin-right : 21px ; transition : .5s }
.nd-main .content .bshare-sinaminiblog:hover { background : url(../images/nd-icon-5.png) center center no-repeat !important }
.nd-main .content .copy { display : inline-block ; width : 17px ; height : 18px ; background : url(../images/nd-icon-3.png) center center no-repeat !important ; padding : 0px ; transition : .5s }
.nd-main .content .copy:hover { background : url(../images/nd-icon-6.png) center center no-repeat !important }
.nd-main .content textarea { width : 1px ; height : 1px ; opacity : 0 }

.nd-main .content .text { padding : 43px 0px 62px ; border-top : solid 1px #D2D2D2 ; border-bottom : solid 1px #D2D2D2 }
.nd-main .content .text .text-box { color : #666666 ; font-size : 15px ; line-height : 30px }
.nd-main .content .text .img { margin : 41px 0px 44px }
.nd-main .content .text .img-box { width : 900px ; height : 506px }

.nd-main .content .page { margin-top : 24px ; font-size : 0px }
.nd-main .content .page a { margin-right : 32px ; color : #666666 ; font-size : 15px ; transition : .5s }
.nd-main .content .page a:hover { color : #000000 }
.nd-main .content .page span { color : inherit ; font-size : inherit }


.nd-main .other { margin-top : 86px }
.nd-main .other h3 { color : #444444 ; font-size : 20px }
.nd-main .other .item { height : 160px ; padding-left : 286px ; margin-top : 39px ; position : relative ; overflow : hidden ; transition : .5s }
.nd-main .other .item:hover { box-shadow : 0 15px 30px rgba(0,0,0,.1) ; transform : translateY(-2px) }
.nd-main .other .item:first-of-type { margin-top : 31px }
.nd-main .other .item a { display : block }
.nd-main .other .img-box { width : 253px ; height : 160px ; position : absolute ; left : 0px ; top : 0px }
.nd-main .other .text { padding-top : 18px }
.nd-main .other h4 { font-family : AlibabaPuHuiTiR ; font-size : 20px }
.nd-main .other .text-box { margin : 15px 0px 22px ; color : #888888 ; font-size : 15px ; line-height : 24px }
.nd-main .other span { color : #888888 ; font-family : Arial ; font-size : 15px }