锘緻charset 'utf-8';

/*鑱旂郴鎴戜滑*/
a{color: #333;}
.contact .lcon1{padding-top: 58px; padding-bottom: 54px;}
.contact .lcon1 h1{font-size: 32px; color: #002a5c;text-align: left;}
.contact .lcon1 h2{font-size: 28px; margin-top: 32px; color: #0070c9;}
.contact .lcon1 .en{font-size: 16px;color: #999;margin-top:20px;text-align: left;}
.contact .lcon1 li{font-size: 16px; display: inline-block; width: 565px; margin-top: 30px;}
.contact .lcon1 li img{display: inline-block; width: 24px; margin-right: 22px; vertical-align: top;}
.contact .lcon1 li span{display: inline-block; width: calc(100% - 52px); width: -webkit-calc(100% - 52px); vertical-align: top;}
.contact .lcon2{padding-top: 60px; padding-bottom: 76px; background: url(../images/conbg.jpg) center; background-size: cover;}
.contact .lcon2 h2{font-size: 28px;}
.contact .lcon2 h5{font-size: 16px; margin-top: 28px; margin-bottom: 45px; opacity: .8;}
.contact .lcon2 .inputgroup{margin-top: 30px;}
.contact .lcon2 .inshort{float: left; width: 50%; height: 55px;}
.contact .lcon2 .i1{padding-right: 25px ;}
.contact .lcon2 .i2{padding-left: 25px ;}
.contact .lcon2 input,
.contact .lcon2 textarea{font-size: 16px; width: 100%; height: 100%; padding-left: 40px; color: #fff; border: 1px solid #8db6d9; background: transparent;}
.contact .lcon2 textarea{height: 100px; padding-top: 23px; resize: none;}
.contact .lcon2 button{font-size: 18px; line-height: 55px; width: 575px; height: 55px; margin-top: 37px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; text-align: center; color: #0070c9; background: #fff;}
.contact .lcon2 button:hover{color: #fff; background: #0070c9;}
.contact ::-webkit-input-placeholder{opacity: 1; 
    /* WebKit browsers */
     color: #fff;}
.contact :-moz-placeholder{opacity: 1; 
    /* Mozilla Firefox 4 to 18 */
     color: #fff;}
.contact ::-moz-placeholder{opacity: 1; 
    /* Mozilla Firefox 19+ */
     color: #fff;}
.contact :-ms-input-placeholder{opacity: 1; 
    /* Internet Explorer 10+ */
     color: #fff;}
.contact .map{height: 393px;}

/*涓嬭浇*/

.down .lcon1{padding-top: 38px;}
.down .lcon1 .inputgroup{width: 590px; margin: auto; border: 1px solid #dcdcdc;}
.down .lcon1 input{font-size: 14px; width: calc(100% - 65px); width: -webkit-calc(100% - 65px); height: 48px; padding-left: 35px; color: #888;}
.down .lcon1 button{position: relative; display: inline-block; width: 60px; height: 48px;}
.down .lcon1 button img{position: absolute; top: 50%; left: 50%; width: 20px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.down ::-webkit-input-placeholder{opacity: 1; 
    /* WebKit browsers */
     color: #888;}
.down :-moz-placeholder{opacity: 1; 
    /* Mozilla Firefox 4 to 18 */
     color: #888;}
.down ::-moz-placeholder{opacity: 1; 
    /* Mozilla Firefox 19+ */
     color: #888;}
.down :-ms-input-placeholder{opacity: 1; 
    /* Internet Explorer 10+ */
     color: #888;}
.down .lcon2{padding-bottom: 40px;}
.down .lcon2 .downlist li{float: left; width: 50%; height: 231px; margin-top: 30px;}
.down .lcon2 .downlist li:nth-of-type(2n-1){

    padding-right: 15px;}
.down .lcon2 .downlist li:nth-of-type(2n){

    padding-left: 15px;}
.down .lcon2 .downlist li .gdiv{height: 100%; padding: 28px 48px; padding-right: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #e6eaed;}
.down .lcon2 .downlist li .gdiv h4{font-size: 20px;}
@media (min-width: 992px){

    .down .lcon2 .downlist li .imgdiv{overflow: hidden; width: 147px;}
    .down .lcon2 .downlist li .gdiv:hover{background: #0070c9;}
    .down .lcon2 .downlist li .gdiv:hover a, .down .lcon2 .downlist li .gdiv:hover a.download{color: #fff;}
    .down .lcon2 .downlist li .gdiv:hover .download img:first-of-type{display: none;}
    .down .lcon2 .downlist li .gdiv:hover .download img:last-of-type{display: inline;}
    .down .lcon2 .downlist li .gdiv:hover .imgdiv img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
}
.down .lcon2 .downlist li .imgdiv img{width: 147px; -webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -ms-transition: all 2s ease-out 0s; -o-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s;}
.down .lcon2 .downlist li .gdiv .content{width: calc(100% - 148px); width: -webkit-calc(100% - 148px); padding-top: 20px; padding-right: 48px; padding-left: 33px;}
.down .lcon2 .downlist li .gdiv h4 a,
.down .lcon2 .downlist li .gdiv h4{font-size: 20px; line-height: 1.5;}
.down .lcon2 .downlist li .gdiv h4{margin-bottom: 55px;}
.down .lcon2 .downlist li .gdiv .download{font-size: 14px; color: #0070c9;}
.down .lcon2 .downlist li .gdiv .download img{width: 24px; margin-right: 12px;}
.down .lcon2 li .gdiv .download img:last-of-type{display: none;}
.down .lcon2 .page{margin-top: 37px;}

/*鍒嗛〉*/

.page li{line-height: 35px; font-size: 16px; display: inline-block;height: 35px; margin-right: 2px; margin-left: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; text-align: center; vertical-align: top; border: 1px solid #e0e5eb;padding:0 15px;}
@media (min-width: 992px){

    .page li:hover{color: #fff; border-color: transparent; background: #0070c9;}
}
.page li.activepage{color: #fff; border-color: transparent; background: #0070c9;}
.page li img{width: 7px; margin-top: -4px;}
.page li img:last-child{display: none;}
.page li:hover img:last-child{display: inline;}
.page li:hover img:first-child{display: none;}

/*闂鍜ㄨ*/

.ques .lcon1{padding-top: 32px; padding-bottom: 40px;}
.ques .list li{margin-top: 10px;}
.ques .list li.act .mainh4 .iconfont{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); color: #0070c9;}
.ques .list li.act h4{color: #0070c9;}
.ques .list li .mainh4{line-height: 62px; height: 62px; padding-right: 38px; padding-left: 40px; cursor: pointer; background: #e6eaed;}
.ques .list li .mainh4 .iconfont{font-size: 22px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; color: #a4a4a4;}
.ques .list li .mainh4 img{width: 35px; margin-right: 23px; -webkit-transition: all .6s ease-out 0s; -moz-transition: all .6s ease-out 0s; -ms-transition: all .6s ease-out 0s; -o-transition: all .6s ease-out 0s; transition: all .6s ease-out 0s;}
.ques .list li .mainh4:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
.ques .list li .drop{display: none; padding-top: 40px; padding-bottom: 47px; padding-left: 80px;}
.ques .list li .drop h4{font-size: 20px; color: #002a5c;}
.ques .list li .drop img{width: 313px;}
.ques .list li .drop .content{width: calc(100% - 315px); width: -webkit-calc(100% - 315px); padding-top: 15px; padding-right: 73px; padding-left: 60px;}
.ques .list li .drop p{font-size: 16px; line-height: 1.875; margin-top: 12px;}
.ques .page{margin-top: 30px;}

/*鏈嶅姟*/

.service .lcon1{padding-top: 40px; padding-bottom: 75px;}
.service .lcon1 .left{width: 480px;}
.service .lcon1 h1{font-size: 48px; margin-bottom: 30px; color: #002a5c;}
.service .lcon1 p{font-size: 16px; line-height: 1.875; color: #555;}
.service .lcon1 .imgslick{width: 704px; margin-top: 92px;}
.service .lcon1 .imgslick .item{margin-left: 28px; padding: 0; text-align: center;}
.service .lcon1 .imgslick .item h4{margin-top: 29px; color: #0070c9;}
.service .lcon1 .imgslick .slick-dots{display: block !important;}
@media (min-width: 992px){

    .service .lcon1 .imgslick .slick-dots{display: none !important;}
    .service .lcon1 .imgslick .item .imgdiv{overflow: hidden; width: 323px;}
    .service .lcon1 .imgslick .item img{-webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -ms-transition: all 2s ease-out 0s; -o-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s;}
    .service .lcon1 .imgslick .item:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
}
.service .lcon1 .imgslick .slick-prev,
.service .lcon1 .imgslick .slick-next{z-index: 10; top: 94.5%; width: 44px; height: 40px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background-color: #ebebeb; background-repeat: no-repeat; background-position: center; background-size: 11px 20px;}

@media (min-width: 992px){

    .service .lcon1 .imgslick .slick-prev:hover{background-color: #878787; background-image: url(../images/lrw.png);}
    .service .lcon1 .imgslick .slick-next:hover{background-color: #878787; background-image: url(../images/rrw.png);}
}

.service .lcon1 .imgslick .slick-prev{left: -510px; background-image: url(../images/prev.png);}
.service .lcon1 .imgslick .slick-next{left: -462px; background-image: url(../images/next.png);}
.service .lcon2{padding-top: 74px; padding-bottom: 74px; background: url(../images/serbg.jpg) center; background-size: cover;}
.service .lcon2 .left,
.service .lcon2 .right{width: 50%;}
.service .lcon2 .left{padding-right: 45px;}
.service .lcon2 .left img{width: 553px; max-width: 100%;}
.service .lcon2 .right{padding-top: 25px;}
.service .lcon2 .right p{font-size: 16px; line-height: 2; margin-top: 26px;}
.service .lcon3{padding-top: 60px; padding-bottom: 20px;}
.service .lcon3 h2{color: #002a5c;}
.service .lcon3 p{font-size: 16px; line-height: 2; margin-top: 20px; margin-bottom: 35px;}
.service .lcon3 h4{margin-top: 25px; color: #0070c9;}
.service .lcon3 ul{margin-right: -12px; margin-left: -12px;}
.service .lcon3 li{float: left; width: 33.33333%; padding-right: 12px; padding-left: 12px; text-align: center; color: #0070c9;}
.service .lcon3 li .imgdiv{overflow: hidden;}
.service .slick-slider{margin-right: 0; margin-left: 0;}
.service .lcon3 li img{max-width: 100%;}

@media (min-width: 992px){

    .service .lcon3 li img{width: 384px; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s;}
    .service .lcon3 li:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
    .service .lcon1 .slick-dots{display: none;}
}

.service .lcon1 .slick-dots li button::before{display: none;}
.service .lcon1 .slick-dots li{width: 10px; height: 10px; margin-right: 5px; margin-left: 5px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; border-radius: 50%; background: #ccc;}
.service .lcon1 .slick-dots li.slick-active{background: #0070c9;}

/*鏂伴椈鍐呴〉*/

.newsin .lcon1{padding-top: 46px;}
.newsin .lcon1 .content{position: relative; padding-left: 140px;padding-right: 140px;}
.newsin h1{display: inline-block; padding-right:0; vertical-align: top;font-size:32px;line-height:45px;}
.newsin .bdsharebuttonbox{position: absolute; top: 5px; left: 0;}
.newsin .bdsharebuttonbox li{height: 18px; margin-top: 36px;}
.newsin .bdsharebuttonbox li:first-child{margin-top: 0;}
.newsin .bdshare-button-style0-16 a,
.newsin .bdshare-button-style0-16 .bds_more{font-size: 20px; line-height: normal; float: none; height: auto; margin: 0; padding: 0; color: #444; background-image: none; background-position: center;}
.bdshare-button-style0-16 a.bds_tsina{font-size: 22px;}
.newsin .back{font-size: 16px; line-height: 45px; position: absolute; top:10px; right: 0; display: block; width: 125px; height: 45px; margin-top: -12px; text-align: center; color: #fff; border: 1px solid transparent; background: #0070c9;}
.newsin .back img{width: 7px; margin-top: -3px; margin-right: 12px;}
.newsin .back img:last-of-type{display: none;}

@media (min-width: 992px){

    .newsin .back:hover{color: #0070c9; border-color: #0070c9; background: #fff;}
    .newsin .back:hover img:first-of-type{display: none;}
    .newsin .back:hover img:last-of-type{display: inline;}
}

.newsin h4{font-size: 14px; margin-top: 20px; margin-bottom: 30px; padding-bottom: 30px; letter-spacing: .5px; color: #999; border-bottom: 1px solid #ddd;}
.newsin h4 span{margin-right: 45px;}
.newsin p{font-size: 16px; line-height: 1.875; margin-bottom: 18px;}
.newsin p img{max-width: 100%; padding-top: 10px; padding-bottom: 10px;}
.newsin .lrye{border-top: 1px solid #dddddd; padding-top: 42px; padding-bottom: 63px; margin-top: 35px;}
.newsin .lrye a{display: inline-block; width: 134px; height: 42px; color: #666; font-size: 16px; text-align: center; line-height: 42px; background: #eee;}
.newsin .lrye a.fl img{margin-right: 10px;}
.newsin .lrye a.fr img{margin-left: 10px;}
.newsin .lrye a .glyphicon{display: inline-block;vertical-align: middle;font-size:12px;}
.newsin .lrye a .t{display: inline-block;vertical-align: middle;line-height:40px;}
.newsin .lrye a:hover{color:#FFF;background:#0070c9;}
.newsin .media video,
.edui-faked-video{width:100%;height:100%;display: block;}

/*鏂伴椈鍒楄〃椤?/

.newslist .lcon1{padding-top: 30px; padding-bottom: 95px;}
.newslist .lcon1 h1,
.newslist .lcon2 h2{margin-bottom: 30px; color: #002a5c;}
.newslist .newslick{width: 1118px; margin: auto;}
.newslist .newslick .item{padding-right: 15px; padding-left: 15px;}
.newslist .newslick .imgdiv{position: relative; overflow: hidden;}
.newslist .newslick .gdiv .imgdiv a{display: block; width: 100%; height: 100%;}
.newslist .newslick .gdiv:hover .imgdiv a::after{opacity: 1;}
.newslist .newslick .gdiv:hover .imgdiv a::before{-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.newslist .newslick .imgdiv a::after{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; opacity: 0; background-color: rgba(0,0,0,.6);}
.newslist .newslick .imgdiv a::before{position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); background-image: url(../images/eye.png); background-size: 42.6666px 25.3333px; background-repeat: no-repeat; background-position: center;}
.newslist .newslick .item .content{padding: 30px 26px; background: #e6eaed;}
.newslist .newslick .item h5{color: #0070c9;}
.newslist .newslick .item h4{font-size: 20px; line-height: 1.4; height: 56px; margin-top: 14px; margin-bottom: 40px;}
.newslist .more{font-size: 12px; line-height: 35px; position: relative; display: block; width: 108px; height: 35px; text-align: center; color: #0070c9; background: #eee;}
.newslist .more::after{position: absolute; z-index: 1; top: 0; left:0; width: 0; height: 100%; content: ''; 
    -webkit-transition: all .3s ease-out 0s; 
    -moz-transition: all .3s ease-out 0s; 
    -ms-transition: all .3s ease-out 0s; 
    -o-transition: all .3s ease-out 0s; 
    transition: all .3s ease-out 0s; 
    background: #0070c9;color:#FFF;}
@media (min-width: 992px){

    .newslist .more:hover::after{width: 100%;}
    .newslist .more:hover{color: #FFF;}
}
.newslist .more img{display: inline-block; 
    width: 7px; margin-top: -3px; margin-left: 8px;}
.newslist .more i,
.newslist .more span,
.newslist .more img{position: relative; z-index: 5;font-style: normal;}
.newslist .more img:last-of-type{display: none;}


@media (min-width: 992px){

    .newslist .more:hover img:first-of-type{display: none;}
    .newslist .more:hover img:last-of-type{display: inline;}
}
.newslist .newslick .gdiv .imgdiv img{-webkit-transition: all 1.2s ease-out 0s; -moz-transition: all 1.2s ease-out 0s; -ms-transition: all 1.2s ease-out 0s; -o-transition: all 1.2s ease-out 0s; transition: all 1.2s ease-out 0s;}
.newslist .newslick .gdiv:hover .imgdiv img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.newslist .newslick .slick-prev,
.newslist .newslick .slick-next{width: 21px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 21px 40px;}
.newslist .newslick .slick-prev{left: -42px; background-image: url(../images/nl.png);}
.newslist .newslick .slick-next{right: -42px; background-image: url(../images/nr.png);}
.newslist .newslick .slick-dots{bottom: -52px;}
.newslist .newslick .slick-dots li{width: 7px; height: 7px; margin-right: 10px; margin-left: 10px;}
.newslist .newslick .slick-dots li button{-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; border: 3px solid #fff; border-radius: 50%; background-color: #abb9c9;}
.newslist .newslick .slick-dots li.slick-active button{border-color: #0070c9; background-color: #fff;}
.newslist .newslick .slick-dots li button::before{display: none;}
.newslist .lcon2{padding-top: 54px; padding-bottom: 50px;}
.newslist .lcon2 .list{}
.newslist .lcon2 .list li{position: relative; margin-bottom: 35px; border-bottom: 1px solid #dbdbdb;}
.newslist .lcon2 .list li .imgdiv img{width: 400px; height: 225px;}
.newslist .lcon2 .list li .content{width: calc(100% - 400px); width: -webkit-calc(100% - 400px); padding-top: 10px; padding-left: 40px;}
.newslist .lcon2 .list li .content h4{font-size: 20px;}
.newslist .lcon2 .list li .content .time{font-size: 16px;color:#999;margin-bottom:10px;}
.newslist .lcon2 .list li .content p{font-size: 14px; line-height: 2; overflow: hidden; height: 56px; margin-top: 10px; margin-bottom:15px; color: #666;}
/* .newslist .lcon2 .list li::after{position: absolute; bottom: -1px; left: 260px; width: 0; height: 2px; content: ''; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; background: #0070c9;} */


@media (min-width: 992px){

    .newslist .lcon2 .list li:hover::after{width: calc(100% - 260px); width: -webkit-calc(100% - 260px);}
    .newslist .lcon2 .list li .content h4{color: #0070c9;}
}

/*鍘嗗彶*/

.history .lcon1{padding-top: 40px; padding-bottom: 60px;}
.history .lcon1 h2,
.history .lcon3 h2{font-size: 32px; margin-bottom: 30px; color: #002a5c;text-align: center;}
.history .lcon1 h4{font-size: 20px; color: #0070c9;}
.history .lcon1 .l,
.history .lcon1 .r{width: 50%;}
.history .lcon1 .l{padding-right: 30px;}
.history .lcon1 .l img{max-width: 100%;}
.history .lcon1 .cont{font-size: 14px; line-height:32px; margin-top: 10px;}
.history .lcon1 .clearfix{margin-top: 30px;}
.history .lcon1 .clearfix .r{padding-top: 10px;}
.history .lcon2{height: 244px;}
.history .lcon2 h4{ font-size: 14px; line-height: 1.4; text-align: center; letter-spacing: .5px; color: #fff;}
.history .lcon2 li{float: left; width: 25%; padding-top: 48px; padding-bottom: 45px; text-align: center;}
.history .lcon2 li .data{font-family: 'HB'; font-size: 42px; line-height: 110px; position: relative; width: 110px; height: 110px; margin: auto; margin-bottom: 20px; text-align: center; color: #fff; border: 2px solid #fff; border-radius: 50%; background: transparent;}
.history .lcon2 li .data span.wan{font-size: 24px; margin-left: -8px;}
.history .lcon3{padding-top: 47px; padding-bottom: 65px;}

.history .lcon3 .cont{font-size: 14px; line-height:32px; margin-bottom: 20px;}
.history .lcon3 ul{margin-right: -7px; margin-left: -7px;}
.history .lcon3 li{float: left; width: 33.333333%; padding-right: 7px; padding-left: 7px;}
.history .lcon3 li .gdiv{position: relative;}
@media screen and (min-width: 768px){

    .history .lcon3 li .gdiv:hover::after{opacity: 1;}
    .history .lcon3 li .gdiv:hover .des{height: 110px; background: rgba(0,0,0,0);}
}
.history .lcon3 li .gdiv img{width: 100%; max-width: 100%;}
.history .lcon3 li .gdiv::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: opacity .3s ease-out 0s; -moz-transition: opacity .3s ease-out 0s; -ms-transition: opacity .3s ease-out 0s; -o-transition: opacity .3s ease-out 0s; transition: opacity .3s ease-out 0s; opacity: 0; 
    /*background: url(../images/bull.png) no-repeat center; background-size: cover;*/
}
.history .lcon3 .des{font-size: 18px; line-height: 50px; position: absolute; z-index: 5; bottom: 0; left: 0; width: 100%; height: 50px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; text-align: center; color: #fff; background: rgba(0,0,0,.55);}
.history .lcon4{height: 782px; padding-top: 50px;}
.history .lcon4 .mainh2{font-size: 32px; margin-bottom: 15px; color: #fff;text-align: center;}
.history .lcon4 h4{font-size: 16px; margin-bottom: 35px; color: #fff;}
.history .lcon4 .content{height: 629px; background: url(../images/scroll.png) no-repeat center;}
.history .lcon4 .content .l,
.history .lcon4 .content .r{position: relative; width: 50%; height: 100%;}
.history .lcon4 .content .l{text-align: right;}
.history .lcon4 .content .item{position: absolute;}
.history .lcon4 .content .item1,
.history .lcon4 .content .item2,
.history .lcon4 .content .item3,
.history .lcon4 .content .item4{right: 58px;}
.history .lcon4 .content .item5,
.history .lcon4 .content .item6,
.history .lcon4 .content .item7,
.history .lcon4 .content .item8{left: 58px;}
.history .lcon4 .content .item1{top: 106px;}
.history .lcon4 .content .item2{top: 222px;}
.history .lcon4 .content .item3{top: 384px;}
.history .lcon4 .content .item4{top: 498px;}
.history .lcon4 .content .item5{top: 47px;}
.history .lcon4 .content .item6{top: 163px;}
.history .lcon4 .content .item7{top: 280px;}
.history .lcon4 .content .item8{top: 439px;}
.history .lcon4 .content .con{font-size: 14px; line-height: 1.71; display: inline-block; width: calc(100% - 75px); width: -webkit-calc(100% - 75px); color: #fff;}
.history .lcon4 .content .con p{margin-bottom: 12px;}
.history .lcon4 .r .con{padding-left: 25px;}
.history .lcon4 .l .con{padding-right: 25px;}
.history .lcon4 .content h2{font-size: 32px; font-weight: bold; display: inline-block; color: #fff;}
.history .lcon4 .l h2{float: right;}
.history .lcon5{padding-top: 45px; padding-bottom: 75px; overflow: hidden;}
.history .lcon5 .imgdiv{padding-left: 127px;}
.history .lcon5 .content{width: calc(100% - 365px); width: -webkit-calc(100% - 365px); padding-top: 35px; padding-right: 130px; padding-left: 108px;}
.history .lcon5 .content h3{margin-bottom: 25px; color: #0070c9;}
.history .lcon5 .content p{font-size: 16px; line-height: 1.875; letter-spacing: .3px; color: #555; font-style: italic;}
.history .lcon5 .sign{margin-top: 58px; text-align: right; 
    /*font-style: italic;*/
}
.history .lcon5 .content p.sign{font-style: normal;}
.history .lcon5 .slick-prev,
.history .lcon5 .slick-next{width: 21px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 21px 40px;}
.history .lcon5 .slick-prev{left: -42px; background-image: url(../images/nl.png);}
.history .lcon5 .slick-next{right: -42px; background-image: url(../images/nr.png);}
.history .lcon5 .slick-dots{display: none !important;}
.history .lcon5 .slick-dots li button::before{display: none;}
.history .lcon5 .slick-dots li{width: 10px; height: 10px; margin-right: 5px; margin-left: 5px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; border-radius: 50%; background: #ccc;}
.history .lcon5 .slick-dots li.slick-active{background: #0070c9;}
.history .lcon5 h2,
.history .lcon6 h2{font-size: 32px; margin-bottom: 65px; color: #002a5c;}
.history .lcon6 h2{margin-bottom: 36px; color: #fff;}
.history .lcon6 h2 a{font-family: Arial; font-size: 14px; font-weight: bold; color: #fff;}
.history .lcon6{height: 655px; padding-top: 48px;}
.history .lcon6 .newslick{width: auto; margin-right: -39px; margin-left: -39px;}
.history .lcon6 .item{float: left; width: 33.33333%; padding-right: 39px; padding-left: 39px;}

/*濯掍綋鏌ヨ*/

@media (max-width: 1400px){


    .history .lcon5 .slick-prev{left: -10px;}
    .history .lcon5 .slick-next{right: -10px;}
}
@media screen and (max-width: 1230px){


    .service .lcon1 .imgslick{width: 651px;}
}
@media (max-width: 1199px){


    .contact .lcon1 li{width: 415px;}
    .down .lcon2 .downlist li .gdiv h4{margin-bottom: 20px;}
    .down .lcon2 .downlist li .gdiv .content{padding-right: 30px;}
    .service .lcon1 .imgslick .item img{width: 250px;}
    .service .lcon1 .imgslick{width: 560px; margin-top: 80px;}
    .service .lcon1 .left{width: 368px;}
    .service .lcon2 .right{padding-top: 0;}
    .service .lcon1 .imgslick .slick-prev, .service .lcon1 .imgslick .slick-next{top: 126.5%;}
    .service .lcon1 .imgslick .slick-prev{left: -379px;}
    .service .lcon1 .imgslick .slick-next{left: -331px;}
    .newslist .newslick{width: 900px;}
    .history .lcon5 .content{padding-top: 9px; padding-right: 119px; padding-left: 39px;}
    .history .lcon6 .newslick{margin-right: -15px; margin-left: -15px;}
    .history .lcon6 .item{padding-right: 15px; padding-left: 15px;}

}

@media (max-width: 991px){
    

    .back{display: none;}

    .history .lcon2{height: auto; background-size: cover;}
    .history .lcon2 li{width: 50%;}
    .history .lcon2 li h4{height: 68px;}
    .history .lcon5 .imgdiv{padding-right: 10px; padding-left: 10px;}
    .history .lcon5 .content{width: calc(100% - 258px); width: -webkit-calc(100% - 258px); padding-right: 10px; padding-left: 10px;}
    .history .lcon5 .slick-prev, .history .lcon5 .slick-next{display: none !important;}
    .history .lcon1 .l, .history .lcon1 .r{float: none; width: 100%;}
    .history .lcon1 .l{margin-bottom: 20px; text-align: center;}
    .page li{width: auto; padding-right: 20px; padding-left: 20px;}
    .contact .lcon1 h1{font-size: 30px;}
    .contact .lcon1, .contact .lcon2, .service .lcon3{padding-top: 30px;}
    .down .lcon1, .service .lcon3{padding-top: 30px;}
    .down .lcon2{padding-bottom: 30px;}
    .ques .lcon1{padding-top: 20px; padding-bottom: 30px;}
    .contact .lcon2 h5{line-height: 1.6; margin-top: 20px; margin-bottom: 0;}
    .contact .lcon1 li{width: 100%;}
    .contact .lcon2 .inshort{float: none; width: 100%; padding-right: 0; padding-left: 0;}
    .contact .lcon2 button{width: 100%;}
    .down .lcon2 .downlist li{float: none; width: 100%; height: auto; padding: 0 !important;}
    .down .lcon2 .downlist li .gdiv{padding: 10px 20px;}
    .down .lcon2 .downlist li .gdiv .content{padding-right: 0;}
    .ques .list li .drop{padding-left: 0;}
    .ques .list li .drop .imgdiv, .ques .list li .drop .content{float: none; width: 100%; padding: 0;}
    .ques .list li .drop .imgdiv{text-align: center;}
    .ques .list li .drop .imgdiv img{width: auto; max-width: 100%;}
    .ques .list li .drop .content{margin-top: 30px;}
    .service .lcon1 .left, .service .lcon1 .imgslick{width: 100%;}
    .service .lcon1 .imgslick{margin-top: 30px;}
    .service .lcon1{padding-bottom: 50px;}
    .service .lcon1 .imgslick .item{margin-left: 0; padding-right: 10px; padding-left: 10px;}
    .service .lcon1 .imgslick .item img{width: auto; max-width: 100%; margin: auto;}
    .service .lcon1 .imgslick .slick-prev, .service .lcon1 .imgslick .slick-next{display: none !important;}
    .service .lcon2 .left, .service .lcon2 .right{float: none; width: 100%;}
    .service .lcon2 .left{padding-right: 0; text-align: center;}
    .service .lcon2 .right{margin-top: 20px;}
    .service .lcon2{padding-top: 30px; padding-bottom: 30px;}
    .newsin .lcon1 .content{padding-left: 0;padding-right: 0;}
    .newsin .lcon1 .content .bdsharebuttonbox{position: relative; margin-bottom: 20px;}
    .newsin .lcon1 .content .bdsharebuttonbox li{position: relative; display: inline-block; height: auto; margin-top: 0; margin-right: 20px;}
    .newsin h4{font-size: 20px; margin-bottom: 20px; padding-bottom: 20px;}
    .newsin h1{padding-right: 0;}
    .newsin .back{position: relative; top: auto; right: auto; margin-top: 20px;}
    .bdshare-button-style0-16 a.bds_tsina{font-size: 24px;}
    .newslist .newslick{width: 100%;}
    .newslist .newslick .item{padding: 0;}
    .newslist .newslick .imgdiv img{width: 100%;}
    .newslist .newslick .item h4{font-size: 14px; height: auto;}
    .newslist .lcon2 .list li .content{padding-left: 15px;}
    .newslist .lcon2 .list li .content h4{font-size: 18px;}
    .history .lcon5 .slick-dots{bottom: -45px; display: block !important;}
    .history .lcon4 .content h2{font-size: 24px; vertical-align: top;}
    .history .lcon4 .content{height: auto; background: transparent;}
    .history .lcon4 .content .item{position: relative; margin-bottom: 20px;}
    .history .lcon4 .content .item .con{padding-left: 15px;}
    .history .lcon4{height: auto; background-size: cover;}
}

@media (max-width: 767px){


    .history .lcon1 .l{padding-right: 0;}
    .history .lcon6{height: auto; padding-bottom: 40px;}
    .contact .lcon1 li img{margin-right: 10px;}
    .down .lcon2 .downlist li .imgdiv img{width: 100px;}
    .down .lcon2 .downlist li .gdiv h4 a{font-size: 16px;}
    .down .lcon2 .downlist li .gdiv .content{width: calc(100% - 100px); width: -webkit-calc(100% - 100px); padding-top: 0; padding-left: 10px;}
    .down.lcon2 .downlist li .gdiv .content .download{font-size: 14px;}
    .down .lcon2 .downlist li .gdiv .download img{width: 16px; margin-right: 5px;}
    .ques .list li .mainh4 img{display: none;}
    .ques .list li .mainh4{line-height: normal; height: auto; padding: 20px 10px;}
    .ques .list li .mainh4 span{display: inline-block; vertical-align: middle;}
    .ques .list li .mainh4 span:first-of-type{width: calc(100% - 24px); width: -webkit-calc(100% - 24px);}
    .ques .list li .mainh4 span.iconfont{margin-top: 5px;}
    .service .lcon3 ul{margin-right: 0; margin-left: 0;}
    .service .lcon3 li{width: 100%; margin-top: 20px; padding-right: 0; padding-left: 0;}
    .service .lcon3 li:first-child{margin-top: 0;}
    .newslist .lcon2 .list li{padding-bottom: 35px;}
    .newslist .lcon2 .list li .imgdiv{width: 100%; height: auto;}
    .newslist .lcon2 .list li .imgdiv img{width: 100%; max-width: 100%; height: auto;}
    .newslist .lcon2 .list li .content{width: 100%; padding-top: 20px; padding-left: 0;}
    .history .lcon3 li{width: 100%; margin-top: 10px;}
    .history .lcon6 .newslick{padding-right: 15px; padding-left: 15px;}
    .history .lcon6 .newslick .item{width: 100%; margin-top: 15px;}
    .history .lcon5 .imgdiv, .history .lcon5 .content{float: none; width: 100%;}
    .history .lcon5 .imgdiv{text-align: center;}
    .slick-slide img{width: auto; margin: auto;}
    .history .lcon5 .content p{margin-top: 20px;}
    .down .lcon1 .inputgroup{width: 100%;width: 100p;}

}


/* 鎷涜仒 */
.join-box{background-color: #fcfdff; overflow: hidden; position: relative; z-index: 1;padding:100px 0;}

.join-box .items{width: 33.33333%; font-size: 16px; color: #717678;float: left; vertical-align: top; line-height:26px;}
.join-box .bt{color: #536775; font-size: 20px; font-weight: 500; padding: 5px 0 16px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.join-box .i1, 
.join-box .i2, 
.join-box .i3{width: 72px; height: 72px; display: inline-block; background-image: url(../images/18-bag-icon.png); background-size: cover;float:left;margin-top: -5px}
.join-box .i2{background-image: url(../images/18-up-icon.png); }
.join-box .i3{background-image: url(../images/18-award-icon.png);}

.join-box .txt{margin-left: 88px}

/*join-job*/
.join-job{padding-bottom:60px;position: relative; background-color:#2b79ff; overflow: hidden; background-image: -webkit-linear-gradient(top, #2b79ff, #3b91ff); background-image: linear-gradient(to bottom, #3b91ff, #2b79ff)}
.join-job .title{padding: 96px 0 72px; font-size: 36px; line-height: 1; text-align: center; color: #fff; position: relative}
.join-job .i1{background-image: -webkit-linear-gradient(left, rgba(43, 121, 255, .4), rgba(43, 121, 255, 1)); background-image: linear-gradient(to right, rgba(43, 121, 255, 1), rgba(43, 121, 255, .4))}
.join-job .i2{background-image: -webkit-linear-gradient(left, rgba(43, 121, 255, 1), rgba(43, 121, 255, .4)); background-image: linear-gradient(to right, rgba(43, 121, 255, .4), rgba(43, 121, 255, 1))}
.join-job .i1,
.join-job .i2{width: 624px; height: 624px; position: absolute; right: 0; top: -200px;background-color: rgba(51, 133, 255, .4); box-shadow: 0 3px 64px rgba(0, 0, 0, .12); border-radius: 15%; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); transform: rotate(-40deg)}
.join-job .i2{top: 380px; left: 0}

.join-job .box{background-color: #fff; margin-bottom:20px;position: relative;z-index: 1;}
.join-job .box-hd .name{float: left; height: 75px; line-height: 75px; font-size: 16px;}
.join-job .box-hd .name01{padding-left: 3%; width: 27%;}
.join-job .box-hd .name02{padding-left: 5px; width: 21%;}
.join-job .box-hd .name03{padding-left: 5px; width: 20%;}
.join-job .box-hd .name04{padding-left: 5px;}
.join-job .box-hd .icon{cursor: pointer; float: right; width: 100px; height: 35px; background:#0070c9;color:#FFF;line-height:35px;font-size:14px;text-align: center;border-radius: 5px;margin-top:20px;margin-right:15px;}
.join-job .box-hd .icon span{margin-left:5px;}
.join-job .box-bd{display: none; position: relative; padding:35px 40px;border-top:1px solid #eee;}
.join-job .box-bd .item01{margin-bottom:30px;}
.join-job .box-bd .item02{}
.join-job .box-bd h4{color: #0070c9; font-size: 16px; padding-top: 10px; padding-bottom: 20px;}
.join-job .box-bd .item-desc{text-align: justify;line-height:26px; }
.join-job .box-bd .item-desc p{font-size: 12px; color: #666;}

@media (max-width: 997px) { 
    .join-job .box{background-color: #fff; margin-bottom:15px;}
    .join-job { padding-top:0; background-color:#f5f5f5;padding-bottom:10px;}
    .join-job .title{padding: 30px 0 20px; font-size:22px; line-height: 1; text-align: center; color: #fff; position: relative}
    .join-job .box-hd .name { font-size:16px; height: 50px; line-height: 50px; }
    .join-job .box-hd .name01 { padding-left:15px; width: 72%; }
    .join-job .box-hd .name02 { display: none; }
    .join-job .box-hd .name03 { display: none; }
    .join-job .box-hd .name04 { display: none; }
    .join-job .box-hd .icon { width: 80px; height: 30px;line-height:30px;font-size:12px;margin-top:10px;margin-right:10px;}
    .join-job .box-bd { padding: 15px; }
    .join-job .box-bd .item01 { float: none; width: 100%; padding-right: 0; }
    .join-job .box-bd .item02 { float: none; width: 100%; padding-left: 0; }
    .join-job .box-bd h4 { padding-bottom: 10px; }
    .join-job .box-bd .line { display: none; }
}

/* screen-search */
.screen-search{max-width: 1200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6rem 20px; margin: 0 auto; text-align: center;}
.screen-search .text{font-size: 21px; line-height: 40px;}

.screen-banner{margin-top: -1%; background: center center no-repeat; background-size: auto; background-size: cover;}
.screen-banner .inner{width: 1230px; margin: 0 auto 50px; overflow: hidden;}
.screen-banner .inner .banner-1{width: 70%; background: url(../images/join/c-1.jpg) no-repeat; background-size: auto; background-size: cover; padding-top: 40%; float: left;}
.screen-banner .inner .banner-2{width: 29%; background: url(../images/join/c-2.jpg) no-repeat; background-size: auto; background-size: cover; padding-top: 19.5%; float: left; margin-bottom: 1%; margin-left: 1%;}
.screen-banner .inner .banner-3{width: 29%; background: url(../images/join/c-3.jpg) no-repeat; background-size: auto; background-size: cover; padding-top: 19.5%; margin-bottom: 1%; margin-left: 1%; float: left;} 

@media (max-width: 997px){
    .screen-search{padding:15px; }
    .screen-search .text{font-size: 14px; width: 100%; margin: 0 auto;line-height:26px;}

    .screen-banner .inner{width:95%; margin: 0 auto 20px;}

}