/* CSS Document */
.indexTit{ width:100%; text-align:center; overflow:hidden; padding-bottom:40px; background:url(/mnskin/images/156_index1.png) no-repeat center bottom;}
.indexTit h3{ font-size:36px; color:#0e6eb8; line-height:48px; letter-spacing:4px;}
.indexTit h3 strong{ color:#0e6eb8;}
.indexTit h5{ margin-top:18px; font-size:18px; color:#666; line-height:30px; letter-spacing:4px;}
.indexTit h5 span{ display:inline-block; vertical-align:top; padding:0 20px; position:relative;}
.indexTit h5 span:before,.indexTit h5 span:after{ content:''; width:1000px; height:1px; background:#d8e1e5; position:absolute; left:-1000px; top:50%;}
.indexTit h5 span:after{ left:auto; right:-1000px;}

#index3{ width:100%; padding:93px 0 10px 0;}
#index3 .index3Body{ width:100%; margin-top:29px; position:relative;}
#index3 .index3Body .text{ width:100%; background:#f0f1f2; height:217px; text-align:center; padding:68px 20px 20px 20px;}
#index3 .index3Body .text .ico{ display:inline-block; vertical-align:top; background:white; width:100px; height:100px; background:white; overflow:hidden;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
#index3 .index3Body .text h4{ width:100%; margin-top:13px; font-size:18px; color:#102833; line-height:30px; letter-spacing:2px;}
#index3 .index3Body .text h6{ width:100%; text-transform:uppercase; font-size:12px; color:#000; line-height:20px; letter-spacing:2px; font-family:Arial;}
#index3 .index3Body .pic{ width:100%; height:217px; position:relative; overflow:hidden;}


#index3 .index3Body .pic span{ background:url(images/158_index33.png) no-repeat center center; width:26px; height:23px; position:absolute; left:50%; top:-3px; margin-left:-13px; background-size:contain; opacity:0; transform:rotate(180deg);}
#index3 .index3Body .pic1 span{ top:auto; bottom:-3px; transform:rotate(0deg);}
#index3 .index3Body .slick-slide:hover .pic span{ opacity:1;}
#index3 .index3Body .slick-slide:hover .text{ background:#0e6eb8;}
#index3 .index3Body .slick-slide:hover .text h4,#index3 .index3Body .slick-slide:hover .text h6{ color:white;}

#index3 .index3Body .pic img{ width:360px; height:260px; position:absolute; left:50%; top:0; max-width:none; margin-left:-180px;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#index3 .index3Body .slick-slide:hover .pic img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#index3 .index3Body .slick-prev,
#index3 .index3Body .slick-next
{
    position: absolute;
    left:0px;
    top: 50%;
    display: block;
    width: 42px;
    height: 67px;
    padding: 0;
	margin-top:-33.5px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background:url(images/158_index31.png) no-repeat left center;
    z-index:100;
}
#index3 .index3Body .slick-next{
    left:auto;
    right:0px;
	background-position:right center;
}
#index3 .index3Body .slick-prev:hover,
#index3 .index3Body .slick-next:hover{ background-image:url(images/158_index32.png);}
#index3 .detail{ width:100%; text-align:center; margin-top:50px;}
#index3 .detail a{ display:inline-block; vertical-align:top; width:160px; height:46px; line-height:44px; border:solid 1px #e7e7e7; text-transform:uppercase; font-size:16px; color:#666; overflow:hidden;
-moz-border-radius:23px; 
-webkit-border-radius:23px; 
-khtml-border-radius:23px;
border-radius:23px;}
#index3 .detail a:hover{ background:#0e6eb8; border-color:#0e6eb8; color:white;}
@media screen and  (min-width:1920px){
#index3 .index3Body .pic img{ width:100%; height:auto; left:0; margin-left:0;}
}
@media screen and  (max-width:1400px){

}
@media screen and  (max-width:1200px){
#index3{ padding:70px 0 80px 0;}
}
@media screen and  (max-width:992px){
#index3{ padding:50px 0 60px 0;}
#index3 .index3Body .text,#index3 .index3Body .pic{ height:220px;}
#index3 .index3Body .text .ico{ width:80px; height:80px;}
#index3 .index3Body .text{ padding:40px 20px 20px 20px;}
#index3 .index3Body .text h4{ margin-top:10px; font-size:16px; line-height:24px; letter-spacing:1px;}
#index3 .index3Body .text h6{ line-height:18px; letter-spacing:1px;}
#index3 .detail{ margin-top:30px;}
#index3 .detail a{ width:120px; height:40px; line-height:38px; font-size:14px;}
}
@media screen and  (max-width:768px){
#index3{ padding:30px 0 40px 0;}
#index3 .index3Body{ padding-bottom:20px;}
#index3 .index3Body .text,#index3 .index3Body .pic{ height:180px;}
#index3 .index3Body .pic img{ width:222px; height:180px; margin-left:-111px;}
#index3 .index3Body .text .ico{ width:60px; height:60px;}
#index3 .index3Body .text{ padding:30px 20px 20px 20px;}
#index3 .index3Body .text h4{ font-size:14px; line-height:22px;}
#index3 .index3Body .text h6{ word-wrap:break-word; font-size:10px; line-height:14px}
#index3 .detail{ margin-top:20px;}
#index3 .detail a{ height:36px; line-height:34px; font-size:12px;}
#index3 .index3Body .slick-dots
{
    position: absolute;
    bottom: -10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#index3 .index3Body .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    padding: 0;
	float:none;
	background:#ddd;
    cursor: pointer;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
#index3 .index3Body .slick-dots li button{ display:none;}
#index3 .index3Body .slick-dots li.slick-active
{
	background:#0e6eb8;
}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    
/*    margin-left: -14px;
    margin-right: -14px;*/
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
    outline: 0;
/*    padding-left: 14px;
    padding-right: 14px;*/
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    /*display: block;*/
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    /*border: 1px solid transparent;*/
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff center center no-repeat;
}

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

/* i-about */
.i-about{position: relative;padding: 100px 0 100px;}
.i-about-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-about-bg .top{position: absolute;right: 0;top: 0;}
.i-about-bg .bottom{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-about-bg img{display: block;}
.i-about-bg .bottom img{width: 100%;height: 100%;}

.i-about .i-title{position: relative;z-index: 1;}
.i-about .main{position: relative;z-index: 1;display: flex;align-items: flex-start;justify-content: space-between;margin-top: 88px;}
.i-about .intro{width: 50.69%;box-sizing: border-box;}
.i-about .intro .equity{margin-bottom: 23px;line-height: 1em;}
.i-about .intro .equity span{margin-left: 14px;color: #1677ff;}
.i-about .intro .summary{width: 84.79%;margin-bottom: 76px;line-height: 30px;text-align: justify;}
.i-about .intro .info{display: flex;justify-content: space-between;margin-bottom: 70px;}
.i-about .intro .info .number{position: relative;display: flex;align-items: flex-start;margin-bottom: 19px;line-height: .8em;}
.i-about .intro .info i{font-style: normal;}
.i-about .intro .info .item .number span{display: block;line-height: .8em;}
.i-about .intro .info .item .msg{line-height: 1em;}

.i-about .video{position: relative;width: 44.86%;cursor: pointer;}
.i-about .video .pic{position: relative;width: 100%;padding-bottom: 63%;}
.i-about .video .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.i-about .video .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;z-index: 1;width: 84px;height: 84px;border-radius: 50%;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, .6);}
.i-about .video .play::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-25%,-50%);transition: all .5s;width: 0;height: 0;border: 13px solid transparent;border-left: 19px solid rgba(255, 255, 255, .8);}
.i-about .video:hover .play{border-color: #1677ff;background: #1677ff;}
/* ͨÓà */
#inabout{position: relative;top: -91px;}
.w1852{width: 96.45%;margin: 0 auto;}
.w1440{width: 75%;margin: 0 auto;}
.i-title{line-height: 1em;}
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-20{font-size: 20px;}
.f-24{font-size: 24px;}
.f-26{font-size: 26px;}
.f-30{font-size: 1.56vw;}
.f-40{font-size: 2.08vw;}
.f-50{font-size: 2.6vw;}
.f-55{font-size: 2.86vw;}
.f-80{font-size: 3.125vw;}
.f-115{font-size: 5.98vw;}
.ofi{object-fit: cover;object-position: center;}
.ofc{object-fit: contain;object-position: center;}
.com-btn{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;border-radius: 50%;box-sizing: border-box;border-radius: 50%;border: 1px solid #fff;color: #fff;cursor: pointer;outline: none;}
.com-btn i{font-size: 24px;line-height: 1em;}
.com-btn:hover{border-color: #1677ff;background: #1677ff;}

.com-more{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 180px;height: 56px;border-radius: 28px;box-sizing: border-box;border: 1px solid #4c4c4c;text-transform: uppercase;overflow: hidden;cursor: pointer;outline: none;}
.com-more::after{content: "";position: absolute;top: 0;left: -100%;transition: all .5s;width: 100%;height: 100%;background: #1677ff;}
.com-more p{position: relative;z-index: 1;}
.com-more i{position: relative;z-index: 1;line-height: 1em;}
.com-more:hover,.com-more.on{border-color: #1677ff;color: #fff;}
.com-more:hover::after,.com-more.on::after{left: 0;}
.com-more p:hover {color: #fff;}


.com-page{line-height: 1em;}
.com-page .item{display: flex;align-items: center;}
.com-page .item.prev{margin-bottom: 30px;}
.com-page .item .title{display: flex;align-items: center;}
.com-page .item .title i{line-height: 1em;font-size: 14px;padding-right: 20px;padding-left: 14px;}
.com-page .item .name{transition: all .5s;padding-left: 22px;border-left: 1px solid #999;}
.com-page .item:hover .name{color: #1677ff;}

.mauto{margin: 0 auto;}

.totop.on{opacity: 1;pointer-events: auto;}
.totop{position: fixed;right: 7.7vw;bottom: 54px;z-index: 100;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border-radius: 50%;color: #22303c;background: #fff;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.2);opacity: 0;pointer-events:none}
.totop i{line-height: 1em;}
.totop:hover{color: #fff;background: #1677ff;}

.indexbox{position: relative;}
.index{position: absolute;top: -91px;}



/*------------*/
#index4{ width:100%; background:#f5f5f5; padding:130px 0 50px 0;}
#index4 .index4Body{ width:100%; margin-top:30px;}
#index4 .index4Body ul{ width:100%; padding-bottom:64px; position:relative;}
#index4 .index4Body ul li{ width:100%;}
#index4 .index4Body ul li .zbox{ width:100%; padding:0 15px;}
#index4 .index4Body ul li .zbox a{ display:block; width:100%;}
#index4 .index4Body ul li .zbox a .pic{ width:100%; position:relative; overflow:hidden; padding-bottom:55%;}
#index4 .index4Body ul li .zbox a .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
#index4 .index4Body ul li .zbox a .text{ width:100%; background:white; padding:26px 30px 23px 30px;}
#index4 .index4Body ul li .zbox a .text .title{ width:100%; font-size:18px; color:#333; line-height:28px; letter-spacing:1px;}
#index4 .index4Body ul li .zbox a .text .jj{ width:100%; margin-top:19px; font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden; letter-spacing:1px;}
#index4 .index4Body ul li .zbox a .text .time{ width:100%; margin-top:26px; padding-top:21px; border-top:solid 1px #e5e5e5; font-size:14px; color:#666; line-height:34px; background:url(/mnskin/images/159_index37.png) no-repeat right 35px; letter-spacing:1px;font-family: 'OPENSANS-REGULAR';}
#index4 .index4Body ul li .zbox a .text .time span{ font-size:30px; margin-right:15px; font-weight:bold;}
#index4 .index4Body ul li .zbox a:hover .pic img{
		transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
#index4 .index4Body ul li .zbox a:hover .text .title{ color:#0e6eb8; font-weight:bold;}
#index4 .index4Body ul li .zbox a:hover .text .time{ color:#0e6eb8; background-image:url(/mnskin/images/159_index38.png);}
#index4 .index4Body ul li .zbox a:hover .text .time span{ color:#0e6eb8;}
#index4 .index4Body .slick-dots
{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#index4 .index4Body .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 8px;
    padding: 0;
	float:none;
	background:url(/mnskin/images/159_index39.png) no-repeat left center;
    cursor: pointer;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
#index4 .index4Body .slick-dots li button{ display:none;}
#index4 .index4Body .slick-dots li.slick-active
{
	background-position:right center;
}

@media screen and  (max-width:1400px){

}
@media screen and  (max-width:1200px){
#index4{ padding:70px 0 80px 0;}
}
@media screen and  (max-width:992px){
#index4{ padding:50px 0 60px 0;}
#index4 .index4Body{ margin-top:20px;}
#index4 .index4Body ul{ padding-bottom:50px;}
}
@media screen and  (max-width:768px){
#index4{ padding:30px 0 40px 0;}
#index4 .index4Body{ margin-top:15px; overflow:hidden;}
#index4 .index4Body ul{ padding-bottom:30px;}
#index4 .index4Body .slick-dots li
{
    width: 10px;
    height: 10px;
    margin: 0 4px; background-size:auto 100%;}
#index4 .index4Body ul li .zbox a .text{ padding:16px 20px 13px 20px;}
#index4 .index4Body ul li .zbox a .text .title{ font-size:16px; line-height:26px; letter-spacing:0px;}
#index4 .index4Body ul li .zbox a .text .jj{ margin-top:15px; font-size:12px; line-height:20px; height:38px; letter-spacing:0px;}
#index4 .index4Body ul li .zbox a .text .time{ margin-top:16px; padding-top:11px; font-size:12px; line-height:28px; background:none !important; letter-spacing:0px;}
#index4 .index4Body ul li .zbox a .text .time span{ font-size:20px; margin-right:10px;}
}

/*---------*/
footer .wrap .gotop {

        display:none;

    }

@media (max-width:991px){

    .top-footer {padding:3rem 0;}

    .top-footer .bottom-item-wrap {float:none;width:100%;}

    .top-footer .logo {float:none;width:auto;}

    .top-footer .each-item {float:none;width:100%;margin-top:3rem;padding-bottom:1rem;}

    .top-footer .each-item dl {width:100%;}

    .top-footer .address-item dd {padding-left:25px;margin:0 0 20px 0;}

    .top-footer .each-item.code-item {display:none;}

    footer .friend-link-button-wrap {display:none;}

    footer .wrap {

        position:relative;

    }

    footer .copyright {

        text-align:left;

    }

    footer .wrap .gotop {

        position:absolute;

        width:35px;

        height:35px;

        right:6%;

        top:-8px;

        display:block;

    }

        footer .wrap .gotop img {

            width:100%;

        }

    .fixed-contact-wrap li.qq,.fixed-contact-wrap li.phone {display:none;}

    .fixed-contact-wrap li:hover {overflow:hidden;}

    .fixed-contact-wrap li:last-child {position:fixed;bottom:4.5%;right:4.5%;border-radius:100%;}

    .fixed-contact-wrap li i {width:35px;height:35px;}

    .fixed-contact-wrap .back-top i {background-size:12px 12px;}

}


/*µ×²¿*/
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.wd1300{ width:1200px; margin:0 auto; padding-top:70px; padding-bottom:80px;}
#footer{ background:rgba(2,82,146,1); width:100%; margin:0 auto;}
#footer .wd1300{ padding-top:60px; padding-bottom:50px;}
.wsfline{background:#D0D0D0; height:1px; width:100%; opacity:0.2;}
.fbt{ color:#fff; font-size:20px; margin-bottom:25px;}
.flian_txt{ line-height:30px; color:#D0D0D0; font-size:15px;}
.flian_txt a{color:#D0D0D0;}
.flian_txt p{ line-height:30px; color: #D0D0D0; font-size:15px;}
.flian_txt p a{color:#D0D0D0;}
.fline{ background:#D0D0D0; height:200px; width:1px; opacity:0.2; margin-left:5%; margin-right:5%;}
.fbdao ul li{ float:left;}
.fbdao ul li:nth-child(3){ float:right}
.fbdao { width:30%; }
.fbdao ul li:nth-child(2){ margin-left:14%;}
.fbdao ul li dl dd{ line-height:30px;}
.fbdao ul li a{color:#D0D0D0; font-size:15px;}
.fewm{ width:24%; }
.fewm ul li{ float:left}
.fewm ul li:nth-child(2){ float:right}
.fewm ul li p{ text-align:center;color:#D0D0D0;}
.fewm img{ border-radius:5px; background:#fff; padding:5px;}
.fewm p{ padding-top:10px;}
.banquan{ width:1200px; margin:0 auto; color:#D0D0D0; line-height:30px; font-size:15px; padding-top:30px; padding-bottom:30px;}
a.zzb07link{text-decoration:none;color: #D0D0D0;}
a.zzb07link:hover {text-decoration: underline;color: #D0D0D0;}
.zzb07tail{color:#D0D0D0;}