@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
.news-list #NewsList_d1 h2 { font-size: 16px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news-list #NewsList_d1 h3 { margin: 8px 0; }
.news-list #NewsList_d1 h3, .news-list #NewsList_d1 em { font-size: 13px; font-weight: normal; color: #646464; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news-pr #NewsList_d1 h2 { font-size: 16px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.news-pr #NewsList_d1 h3 { margin-top: 15px; }
.news-pr #NewsList_d1 em { font-size: 13px; font-weight: normal; color: #646464; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: none; }
.news-pr #NewsList_d1 h3 { margin-left: 40px; width: 250px; font-size: 13px; font-weight: normal; color: #646464; height: 40px; overflow: hidden; line-height: 22px; }
h1, h4, h5, h6 { font-weight: normal; font-size: 14px; }
small { font-size: 14px; }
li, ol { list-style: none; }
input, textarea { border: none; outline: none; }
textarea { resize: none; }
em, i { font-style: normal; }
a { text-decoration: none; }
/*a:hover{color:#005bac;}*/
a:focus { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a img { border: none; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }
.floatleft { float: left; }
.floatright { float: right; }
.fontsize_12 { font-size: 12px; }
.fontsize_18 { font-size: 18px; }
@media only screen and (max-width: 1101px) {
.news-pr #NewsList_d1 h3 { width: inherit; }
}
/*微信注册2016.7.7*/
.register_qrc { width: 220px; float: right; text-align: center; }
.register_qrc h2 { font-size: 18px; color: #666; padding-bottom: 10px; }
/*.register_qrc .register_qrc_img{ width:220px; height:220px; background:url(../images/loading.gif) center center no-repeat #fff;}*/
.register_qrc .register_qrc_img img { width: 220px; height: 220px; }
.register_qrc a { margin-top: 10px; display: block; padding: 5px 0; width: 220px; background: #fff; color: #222; border: 1px solid #ddd; border-radius: 20px; }
.register_qrc a:hover { background: #fcfcfc; color: #bc0c16; }
/*极速注册*/
.easy_reg { width: 270px; margin: 0 auto; float: right; }
.easy_reg h2 { font-size: 26px; color: #bc0c16; padding-top: 20px; }
.easy_reg strong { font-size: 22px; color: #222; font-weight: normal; }
.reg_phone_c_inp { width: 270px; height: 38px; background: url(../images/ico_12_tel.gif) 12px center no-repeat #fff; margin-top: 18px; }
.reg_phone_c_pwd { width: 270px; height: 38px; background: url(../images/ico_12_verify.gif) 12px center no-repeat #fff; margin-top: 18px; }
.reg_phone_c_inp input { float: left; border: solid 1px #ddd; background: none; height: 38px; line-height: 38px; width: 100%; text-indent: 32px; font-size: 16px; color: #999; }
.reg_phone_c_pwd input { float: left; border: solid 1px #ddd; background: none; height: 38px; line-height: 38px; width: 184px; text-indent: 32px; font-size: 16px; color: #999; }
.reg_phone_c_pwd .get_verify { float: right; display: block; background-color: #bc0c16; color: #fff; width: 80px; height: 38px; line-height: 38px; border-radius: 5px; text-align: center; }
.reg_phone_c_pwd .get_verify:hover { background-color: #aa0000; }
.reg_phone_c_bt { width: 270px; height: 40px; text-align: center; background: #bc0c16; margin-top: 14px; }
.reg_phone_c_bt input { border: none; background: none; height: 40px; line-height: 40px; width: 100%; font-size: 18px; cursor: pointer; color: #fff; }
a.reg_phone_c_bt1 { margin-top: 14px; display: block; width: 270px; height: 40px; line-height: 40px; text-align: center; background: #bc0c16; font-size: 18px; cursor: pointer; color: #fff; }
.easy_reg p { text-align: right; margin-top: 14px; width: 100%; }
.easy_reg p.al2 { margin-top: 6px; text-align: left; color: #222; }
/*登录弹出窗*/
.easy_login { width: 290px; }
.easy_login h2 { font-size: 26px; color: #bc0c16; padding-top: 24px; }
.easy_login p { text-align: right; margin-top: 14px; width: 100%; }
.easy_login .log_phone_c_inp { width: 288px; height: 38px; background: url(../images/ico_12_tel.gif) 12px center no-repeat #fff; margin-top: 18px; }
.easy_login .log_phone_c_pwd { width: 288px; height: 38px; background: url(../images/ico_12_pwd.gif) 12px center no-repeat #fff; margin-top: 18px; }
.easy_login .log_phone_c_inp input, .easy_login .log_phone_c_pwd input { float: left; border: solid 1px #ddd; background: none; height: 38px; line-height: 38px; width: 100%; text-indent: 32px; font-size: 16px; color: #999; }
.easy_login .log_phone_c_bt { width: 290px; height: 40px; text-align: center; background: #bc0c16; margin-top: 14px; }
.easy_login .log_phone_c_bt input { border: none; background: none; height: 40px; line-height: 40px; width: 100%; font-size: 18px; cursor: pointer; color: #fff; }
.reveal_login_bg { position: fixed; height: 100%; width: 100%; z-index: 110; display: none; top: 0; left: 0; background: url(../images/bg.png) repeat; }
.reveal_login { height: 360px; width: 560px; padding: 50px 40px 10px 40px; background: url(../images/3step.jpg) bottom left no-repeat #fff; }
.reveal_login .close_reveal_login { font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: bold; cursor: pointer; }
/*slide-box*/
.slide-box { width: 70px; position: fixed; right: 0; top: 50%; z-index: 2; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); text-align: center; margin-top: -74px;}
.slide-box li { position: relative; }
.HOVER { z-index: -1; transition: 0.3s ease 0s; font-size: 16px; position: absolute; height: 100%; width: 200px; left: 0; color: #c2182f; background: #fff; border: 1px solid #c2182f; box-sizing: border-box; font-weight: bold; white-space: normal; opacity: 0; border-right: 0; }
.v-align-m1:before, .v-align-m2:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.HOVER>span { background: #fff; }
.slide-box li.on .HOVER { left: -200px; opacity: 1; }
.slide-box a, .slide-box .QQ { background: #fff; overflow: hidden; position: relative; display: block; width: 100%; padding: 10px 0 0; z-index: 1; }
.slide-box li.on .L { transform: translateX(-100%); }
.slide-box .L { transition: 0.3s ease 0s; }
.slide-box i { display: block; }
.slide-box img { max-width: 45%; margin: 0 auto; }
.slide-box p { font-size: 14px; color: #888; margin-top: 5px; }
.slide-box li.on .R { left: 0; }
.slide-box .R { position: absolute; width: 100%; height: 100%; left: 100%; top: 0; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(196,27,53,1)), color-stop(100%, rgba(217,106,54,1))); color: #fff; font-size: 0; line-height: 1.2; transition: 0.3s ease 0s; }
.slide-box .R span { font-size: 18px; }
.dis-m { vertical-align: middle; }
.dis-t, .dis-m, .dis-b { display: inline-block; }
.slide-box p a { width: auto; display: inline-block; vertical-align: top; padding: 0; }
.slide-box p a img { width: 100%; max-width: none; }
.slide-box p a:after { display: none; }
.slide-box a:after, .slide-box .QQ:after { content: ''; width: 71.5%; display: block; height: 1px; background: #e8e8e8; margin: 10px auto 0; }
@media only screen and (max-width: 1024px) {
    .slide-box{display:none;}
}
@media only screen and (max-width: 720px) {
.reveal_login { height: auto; width: auto; padding: 0; background: none; }
tr .ui-dialog-body { padding: 20px; }
}


/*++ new*/

/* index */
.main {width: 100%;max-width: 1300px;margin: 0px auto;}
.index-about .abouTop .icon { display: none; }
.index-about-video{display: none;}
.news_mobile{display: none;}
.about_pc{display: block;}
.about_mobile{display: none;}
.index-about { padding : 75px 0px 69px }
.index-about .abouTop .video { width : 650px ; height : 460px ; float : left ; font-size : 0px ; position : relative }
.index-about .abouTop .video a { display : block }
.index-about .abouTop .video img { width : 100% ; height : auto }
.index-about .abouTop .video i { display : block ; width : 66px ; height : 66px ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.index-about .abouTop .video i::after { content : "" ; display : block ; width : 91px ; height : 91px ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) ; transition : 1s }
.index-about .abouTop .video:hover i::after { transform : translate(-50%, -50%) rotate(180deg) }
.index-about .abouTop .text { width : 580px ; padding-top : 60px ; float : left ; margin-left : 50px }
.index-about .abouTop .text h2 { color : #000000 ; font-size : 30px }
.index-about .abouTop .text .text-box { margin-top : 45px ; color : #666666 ; line-height : 30px }
.index-about .abouTop .text .icon-box { display : flex ; margin-top : 51px }
.index-about .abouTop .text a { margin-right : 79px ; text-align : center }
.index-about .abouTop .icon-box a:last-of-type { margin-right : 0px }
.index-about .abouTop .text img { width : auto ; height : 48px ; margin-bottom : 22px ; transition : .5s }
.index-about .abouTop .text a:hover img { transform : scale(1.1) }
.index-about .abouTop .text b { display : block ; width : 76px ; color : #333333 ; font-size : 16px }
.index-about .bottom { margin-top : 58px }
.index-about .bottom .text { width : 560px ; float : left }
.index-about .bottom .text .title b { margin-right : 17px ; color : #000000 ; font-size : 60px }
.index-about .bottom .text .title i { color : #e97315 ; font-size : 60px ; font-weight : bold }
.index-about .bottom .text .text-box { margin-top : 11px ; color : #666666 ; line-height : 30px }
.index-about .bottom .right { width : 652px ; background-color : #F1F1F1 ; padding : 64px 330px 44px 26px ; box-sizing : border-box ; float : right ; margin-top : 41px ; position : relative }
.index-about .bottom .right h4 { margin-left : 5px ; color : #595959 ; font-size : 24px ; line-height : 48px }
.index-about .bottom .right p { padding-left : 43px ; margin-top : 48px ; color : #666666 ; font-size : 16px ; position : relative }
.index-about .bottom .right p::before { content : "" ; display : block ; width : 31px ; height : 2px ; background-color : #B5B5B5 ; position : absolute ; left : 0px ; top : 10px }
.index-about .bottom .right p b { color : #e97315 }
.index-about .bottom .right img { max-width : none ; max-height : none ; position : absolute ; right : 89px ; bottom : 8px }



/* about */
.about-introduce { padding-top : 69px }
.about-introduce .video { width : 589px ; float : left ; font-size : 0px ; position : relative }
.about-introduce .video a { display : block }
.about-introduce .video img { width : 100% ; height : auto }
.about-introduce .video:hover i::after { transform : translate(-50%, -50%) rotate(180deg) }
.about-introduce .text { width : 650px ; padding : 47px 0px 35px ; float : right }
.about-introduce .title::after { content : "" ; display : block ; width : 44px ; height : 1px ; background-color : #e97315 }
.about-introduce .title h2 { color : #e97315 ; font-size : 36px ; font-weight : bold }
.about-introduce .title .text-box { padding : 12px 0px 20px ; color : #666666 ; font-size : 16px ; font-weight : bold ; line-height : 30px }
.about-introduce .text>.text-box { margin-top : 29px ; color : #999999 ; line-height : 30px }


.about-culture { margin-top : 79px }
.about-culture .content { height : 650px ; background : url(../images/about-bg-1.jpg) center center no-repeat }
.about-culture .item { width : 325px ; height : 100% ; border-right : solid 1px #FFFFFF ; box-sizing : border-box ; float : left ; position : relative ; cursor : pointer }
.about-culture .content .item:last-of-type { border : none }
.about-culture .item .icon { width : 100% ; opacity : 1 ; text-align : center ; position : absolute ; left : 0px ; top : 50% ; transform : translateY(-50%)  ; transition : .7s ; transition-timing-function : ease-out }
.about-culture .item:hover .icon { opacity : 0 }
.about-culture .item .icon b { display : block ; height : 40px ; background-repeat : no-repeat ; background-position : center center }
.about-culture .item .icon i { display : block ; margin-top : 26px ; color : #FFFFFF ; font-size : 24px }
.about-culture .item .icon span { display : block ; margin-top : 3px ; color : #FFFFFF ; font-size : 12px }
.about-culture .item .text { width : 230px ; opacity : 0 ; color : #FFFFFF ; font-size : 12px ; line-height : 30px ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) ; transition : .7s ; transition-timing-function : ease-out }
.about-culture .item:hover .text { opacity : 1 }
.about-culture .bottom { margin-top : 58px ; text-align : center ; line-height : 30px }


/* about title通用 */
.title.about-common { text-align : center }
.title.about-common b { color : #FFFFFF ; font-family : SourceHanSansCN ; font-size : 14px ; font-weight : 300 }
.title.about-common h2 { margin-top : 1px ; color : #FFFFFF ; font-family : SourceHanSansCN ; font-size : 30px ; font-weight : 300 }


.about-honor { background-color : #F8F8F8 ; padding : 50px 0px 59px }
.about-honor .title b { color : #333333 }
.about-honor .title h2 { color : #333333 }
.about-honor .swiper4 { margin-top : 45px ; position : relative }
.about-honor .swiper-container { width : 1204px }
.about-honor .swiper-slide { background-color : #FFFFFF ; border : solid 1px #EEEEEE ; box-sizing : border-box }
.about-honor .swiper-slide a { display : block }
.img-box {display: table-cell;text-align: center;vertical-align: middle;font-size: 0px;}
.about-honor .swiper-slide .img-box { width : 290px ; height : 368px ; padding : 33px 27.5px 0px 27.5px ; box-sizing : border-box }
.about-honor .swiper-slide .img-box img{ display: inline-block;max-width: 100%;max-height: 100%;border: none;}
.about-honor .swiper-slide h4 { padding : 10px 0px 14px ; color : #666666 ; font-size : 16px ; text-align : center ; line-height : 30px ; transition : .5s }
.about-honor .swiper-slide:hover h4 { color : #5c9e92 }
.about-honor .button { width : 100% ; position : absolute ; left : 0px ; top : 50% ; transform : translateY(-50%) ; --swiper-navigation-size : 0px }
.about-honor .swiper-button-prev, .about-honor .swiper-button-next { width : 32px ; height : 32px ; opacity : 1 !important ; outline : none ; transform : translateY(-50%);background-size: 32px 32px; }
.about-honor .swiper-button-prev { background-image : url(../images/about-icon-11.png) ; left : 0px }
.about-honor .swiper-button-next { background-image : url(../images/about-icon-12.png) ; right : 0px }




@media screen and (max-width: 650px){
    /*标题样式*/
    .contitbox{margin-bottom: 0;}
    /* index */
    .main {max-width: 100%;margin: 0 auto;box-sizing: border-box!important;}
    .about_pc{display: none;}
    .about_mobile{display: block;}
    .index-about {padding: 0;}
    .index-about .abouTop{}
    .index-about .abouTop .text { width: 94%;padding-top: 0px;margin: 0 12px 20px; }
    .index-about .abouTop .text h2{font-size: 18px;}
    .index-about .abouTop .text .icon-box { display : none; }
    .index-about .abouTop .text .text-box{line-height: 24px;margin-top: 24px;}
    .index-about .abouTop .text-box { margin-top : 24px ; color : #666666 ; line-height : 22px }

    .index-about .abouTop .icon { margin-top : 30px;display: block;}
    .col-3 {width: 33%;float: left;display: inline-block;}
    .col-4 {width: 25%;float: left;display: inline-block;}
    .index-about .abouTop .icon div { text-align : center }
    .index-about .abouTop .icon div::before { content : "" ; display : block ; height : 28px; background-repeat : no-repeat ; background-position : center center ; margin-bottom :12px }
    .index-about .abouTop .icon div:first-of-type::before { background-image : url(../images/index-icon-1.png) ; background-size : 27px 28.8px; }
    .index-about .abouTop .icon div:nth-of-type(2)::before { background-image : url(../images/index-icon-2.png) ; background-size : 22px 26px }
    .index-about .abouTop .icon div:nth-of-type(3)::before { background-image : url(../images/index-icon-3.png) ; background-size : 27px 27px }
    .index-about .abouTop .icon div:nth-of-type(4)::before { background-image : url(../images/index-icon-4.png) ; background-size : 25px 25px }
    .index-about .abouTop .text a{margin:0;}
    .index-about-video { margin-top : 20px; text-align : center;width: 100%;display: block; }
    .index-about-video a { display : block }
    .index-about-video a img{width: 100%;}

    .index-about .bottom { margin-top : 34px;position: relative;}
    .index-about .bottom .title b { color : #000000 ; font-size : 36px!important; }
    .index-about .bottom .title i { color : #4A9082 ; font-size : 36px!important ; font-weight : bold }
    .index-about .bottom .text{margin:0 12px;width: auto;}
    .index-about .bottom .text-box { margin-top : 16px ; color : #666666 ; line-height : 22px!important; }
    .index-about .bottom .img { padding : 38px 12px 26px 12px ; background-color : #F1F1F1 ; margin-top : 64px ; position : relative }
    .index-about .bottom .img h4 { color : #595959 ; font-size : 14px ; line-height : 28px; }
    .index-about .bottom .img p { padding-left : 25px ; margin-top : 28px ; color : #666666 ; position : relative }
    .index-about .bottom .img p::before { content : "" ; display : block ; width : 18px; height : 1.2px ; background-color : #B5B5B5 ; position : absolute ; left : 0 ; top : 50% ; transform : translateY(-50%) }
    .index-about .bottom .img b { color : #4A9082 }

    .index-about .bottom .right { width: 100%; bottom : 5px;padding:38px 12px 25px 12px;margin-top:62px; }
    .index-about .bottom .right img{width: 112.5px;height: 196px;position: absolute;right: 46px;bottom: 5px;}
    .index-about .bottom .right p{ padding-left: 24px;margin-top: 28px;color: #666666;font-size: 12px;}
    .index-about .bottom .right p::before {content: "";display: block;width: 18px;height: 1px;background-color: #B5B5B5;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
    .index-about .bottom .right h4{font-size: 14px;line-height: 28px;}


    .index-brand{display: none;}
    .news_mobile{display: block;}


    /* about页 */
    .about-introduce { margin-top : 30px;padding:0 10px; }
    .about-introduce .title::after { content : "" ; display : block ; width : 32px ; height : 1px ; background-color : #e97315 ; margin-top : 18px;}
    .about-introduce .title h2 { color : #e97315 ; font-size : 21px; font-weight : bold; }
    .about-introduce .title p { margin-top : 12px ; color : #666666 ; line-height : 18px;font-size: 12px; }
    .about-introduce .text-box { margin-top : 19px ; color : #999999 ; line-height : 28px;}
    .about-introduce .text-box p{font-size: 12px;}
    .about-introduce .about-video { margin-top : 15px; }
    .about-introduce .about-video a { display : block }
    .about-introduce .about-video img { width : 100% ; height : auto }


    .about-culture { background : url(../images/mobile-about-bg-1.jpg) ; background-size : 100% 100% ; --swiper-navigation-size : 29px ; --swiper-navigation-color : #FFFFFF ; margin-top : 35px }
    .about-culture .swiper-slide { padding-top : 100px ; color : #FFFFFF ; text-align : center }
    .about-culture .img-box { width : 375px ; height : 22px }
    .about-culture h5 { margin-top : 20px; font-size : 14px }
    .about-culture b { display : block ; margin-top : 3.5px;font-size: 12px;font-weight: inherit; }
    .about-culture .text-box { height : 201px ; padding : 42px 64px 0 64px ; box-sizing : border-box ; line-height : 17px }
    .about-culture .text-box p{font-size: 12px;}
    .about-culture .swiper-button-prev, .about-culture .swiper-button-next { opacity : 1 !important ; outline : none }
    .about-culture .swiper-button-prev { left : 11px; }
    .about-culture .swiper-button-next { right : 11px }


    .about-honor { padding : 28px 0 38px ; background-color : #F8F8F8 }
    .about-honor .main { max-width : 93.75% }
    .about-honor .swiper5 { width : 100% ; margin-top : 21px }
    .about-honor .swiper-slide { background-color : #FFFFFF ; border : solid 1px #EEEEEE ; box-sizing : border-box ; text-align : center }
    .about-honor .swiper-slide a { display : block ; padding : 20px 16px 0 16px }
    .about-honor .swiper-slide .img-box { width : 138px; height : 195px; }
    .about-honor .swiper-slide h5 { height : 46px; padding-top : 8px ; box-sizing : border-box ; color : #666666 ; font-size : 12px }



}

.homenews{float:left; padding:10px; margin-top:10px}
.homenews li{width:100%; float:left; border-bottom:1px dashed #e2e2e2; padding-bottom:10px; margin-bottom:10px}
.homenews li img{ float:left;width:26%}
.homenews li a{ display:block;  float:left;width:100%; color:#b8b8b8; text-align:left}
.homenews li span{font-size:12px;color:#5a5a5a; margin-bottom:5px; float:left;width:100%}
.homenewsMore{width: 100%;float: left;}
.homenewsMore a{width: 100px;height: 30px;color:#b8b8b8;line-height:30px;border: 1px solid #b8b8b8;display: block;text-align: center;margin:0 auto;}






/*内页banner*/
.pbanner {width: 100%;}
.pbanner img {width: 100%;object-fit: contain;}
@media screen and (max-width: 1400px){
    .pbanner {
        display: none;
    }
}