@charset "utf-8";

@font-face{
    font-family: 'Gothic';
    src : url('/CSS/fonts/Philadelphian-Gothic-2.ttf');
}

html body {
    margin: 0 auto;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset,button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/*内容区*/
.tit{font-weight: normal;font-size: 0;}
.tit span{display: block;font-size: 18px;color: #333333;line-height: 18px;position: relative;font-weight: bold;}
.tit span:after{content:'';position:absolute;width:64px;height:1px;background:#0081cd;top: 8px;left:104px;-webkit-transition: .3s;transition:.3s;z-index: 20;}
.tit i{display: block;font-size: 48px;color: #0081cd;line-height: 48px;padding-top: 22px;font-weight: bold;}


.head .menu li p {
    display: none;
}

.linkedin {
position: absolute;
    right: -6rem;
    top: 1.2rem;
}
.guide .contentt,.indu .contentt,.why .contentt,.how .contentt,.loop .contentt,.news .contentt,.Deliver .contentt{ width:88%}

.ft-top strong a{ color:#fff }
/**首页头部**/
.contentt {
    width: 84rem;
    margin: 0 auto;
    position: relative;
}
        .head{height:5rem;border-bottom:1px solid rgba(255,255,255,.2);width:100%; position: absolute;left:0;top:0;z-index:200;}
        .head .t_logo{width:10.7rem;line-height: 0; overflow: hidden;float:left;margin-top: 1.5rem;}
        .head .t_logo img{width: 100%;}
        .head .menu {margin-left: 15.3rem;padding-top: 0.15rem;float: left;}
        .head .menu li{float:left;margin-left: 1.4rem; position:relative;}
        
        .head .menu li:first-child{margin-left: 0;}
        .head .menu li a{display: block; line-height: 4.7rem; font-size: 0.9rem; color:#FFF;padding:0 0.25rem;font-family: "MiSans"; font-weight: 800;}
        .head .menu li i{display: block; width:0; height:0.15rem; background:#294696;margin:0 auto; transition: .5s;}
        .head .menu li:hover i,.head .menu li.cur i{width:100%;}
        .head .seach{float:right;padding-top:1.15rem;height:5rem;box-sizing: border-box;padding-left:0.55rem; border-left:1px solid rgba(255,255,255,.2);}
        .head .seach .isear{width:20px; height:20px;float:left;margin-right: 2.5rem; margin-top: 14px;position: relative;}
        .head .seach .isear .open{display: block; height:20px;background:url(/images/hea-btn.png) no-repeat center; cursor: pointer;}
        .head .seach span.qh{display: block; width:140px; height:48px;background:#294696;float:right;border-radius: 2px;}
        .head .seach span.qh a{display: block;line-height: 48px; text-align: center; font-size: 16px; color:#FFF;font-family: "MiSans"; font-weight: 500;}

        .head .seach .isear .isearch{position:absolute;right:30px;top: -19px;width:295px;height:57px;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;border:1px solid #294696;box-sizing:border-box; background:#FFF; border-radius: 4px; overflow: hidden;}
        .head .seach .isear .isearch .ser_inp{display:block;float:left;width:203px;height:41px;line-height:42px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none; font-size:14px;}
        .head .seach .isear .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:56px;line-height:30px;text-align:center;font-size:12px;background:#294696 url(/images/hea-btn.png) no-repeat center;position:relative;color:#fff; border:none;}
        .head .seach .isear .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #294696;z-index:3;right:70px;top:23px;}
        .head .seach .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
        .head .seach .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear; }
        .head .seach .isear .isearch input::-webkit-input-placeholder {color: #666;}
        
.head .menu ul li p {display: none;background: #fff;position: absolute;left: 50%;top:65px;text-align: center;min-width: 180px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-sizing: border-box;transform: translateX(-50%); border-top: 3px solid #026dbf; z-index:10}
.head .menu ul li p > a {display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.1);height: 40px;font-size: 14px;font-weight: 400;line-height: 40px;color: #333;box-sizing: border-box;white-space: nowrap;padding: 0 20px; background:#fff}
.head .menu ul li p > a:last-of-type {border-bottom: none;}
.head .menu ul li p > a:hover {color: #014499;background: #014499;color: #fff;border-bottom: none;}
.head .menu ul li:last-of-type {margin-right: 0;}
.head .menu ul li:hover p {display: block;}



.head .menu ul li.servers p {
    width: 800px;
    left:400px;
}

.head .menu ul li.servers p span {
    display: block;
    float: left;
    width: 80%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 0px;
    height: 80px;
}
.head .menu ul li.servers p span a:hover{
color:#014499;
}


.head .menu ul li.servers p > a {
    float: left;
    width: 20%;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
}

.head .menu ul li.servers p span a {
    float: left;
    display: block;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
    height: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0px 15px 0 15px;
    background: #fff;
    text-align: left;
    margin-top: 13px;
}



/* -- 广告 -- */
       .banner{position:relative;overflow:hidden;}
        .banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
        .banner .slick-prev {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(/images/c_prev.png) no-repeat;left: 5%; opacity: 0;cursor: pointer;}
        .banner .slick-next {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(/images/c_next.png) no-repeat;right: 5%; opacity: 0;cursor: pointer;}
        .banner:hover .slick-prev { left: 10%; opacity: 0.3; }
        .banner:hover .slick-next { right: 10%; opacity: 0.3; }
        .banner img {display: block;width: 100%;margin:0 auto;}
        .slick-dots {position: absolute;left: 0; font-size:0;bottom: 5%;width: 100%;text-align: center;outline: none;}
        .slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
        .slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;color: #fff; border-radius: 50%;background-color: #0ca2ae;outline: none; transition: .5s;}
        .slick-dots .slick-active button {background-color: #0ca2ae;width:60px;border-radius: 30px;}
/* -- 广告 -- */



/**/
.guide{padding:6.25rem 0 5.7rem;}
.gui-con .video{float:left;width:50%;position: relative;}
.gui-con .video:before{width:100%; height:100%;background:rgba(0,0,0,.3);content:""; position: absolute;left:0;top:0;}
.gui-con .video span{display: block; width:100%; line-height: 0; overflow: hidden;position: relative;}
.gui-con .video span img{width:100%; transition: 1s;}
.gui-con .video i{display: block; width:5rem; line-height: 0; overflow: hidden;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%); cursor: pointer;z-index: 200;}
.gui-con .video i img{width:100%;}
.gui-con .video:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.gui-con .gui-txt{width:50%;float:left;padding:0rem 0rem 0 3.95rem; box-sizing: border-box;}
.gui-con .gui-txt span{display: block; line-height: 3.2rem;font-size: 3.2rem; color:#333333;font-family: "Gothic"; margin-bottom: 2.2rem;}
.gui-con .gui-txt p{padding-bottom:0.9rem;border-bottom:2px solid #ebebeb;}
.gui-con .gui-txt p em{display: block; line-height:1.55rem; font-size: 1rem;color:rgba(70,70,70,.7); margin-bottom:1rem; font-family: "MiSans";font-weight: 400;}
.gui-sz{padding-top:1.9rem;}
.gui-sz ul li{float:left; width: 25%; box-sizing: border-box;padding-left:2.85rem;}
.gui-sz ul li span{display: block; height:4.25rem;}
.gui-sz ul li span em{display: inline-block;line-height: 4.25rem;font-size: 2.4rem; color:#142d81;font-family: "Gothic"; }
.gui-sz ul li span i{font-size: 2.4rem; color:#142d81;line-height: 4.25rem;font-family: "Gothic"; vertical-align: top; margin-bottom: 1.15rem;}
.gui-sz ul li p{line-height: 24px;font-size: 18px; color:rgba(51,51,51,.7);font-family: "MiSans";}
/**/
.Deliver{position: relative; overflow: hidden;height:45rem;}
.del-list,.del-list .con{width:100%!important;}
.Deliver dl{position: relative;}
.Deliver dl dt{width:100%; line-height: 0; overflow: hidden;}
.Deliver dl dt img{width:100%;}
.Deliver dl dd{padding-top:9.75rem;width:100%; position: absolute;left:0; top:0;}
.Deliver dl dd .del-left{float:left;width:50%;}
.Deliver dl dd .del-left h4{line-height: 3.95rem;font-size: 1.2rem;color:#FFF;font-family: "Gothic"; font-weight: 300;}
.Deliver dl dd .del-left span{display: block; line-height: 5.25rem;font-size: 3.2rem; color:#FFF;text-transform: uppercase; margin-bottom: 3.95rem;font-family: "Gothic"; font-weight: bold; }
.Deliver dl dd .del-left p{line-height: 29px; margin-bottom: 5.8rem; font-size: 1.2rem; color:#FFF;font-family: "MiSans";}
.Deliver dl dd .del-left strong{display: block; width:276px; height:70px;border:3px solid #E06C19; box-sizing: border-box;border-radius: 2px;}
.Deliver dl dd .del-left strong a{display: block; line-height: 64px; text-align: center;}
.Deliver dl dd .del-left strong a i{display: inline-block; line-height: 64px; font-size: 16px; color:#FFF;font-family: "MiSans";padding-right:28px; background:url(/images/del-jt.png) no-repeat right; font-weight: 500;}
.Deliver .del-qh{width:50%;position: absolute;right:0;top:0;height:46rem; z-index:9999999;}
.Deliver .del-qh .del-hd{width:23.2rem;float:right;position: relative;height:46rem;}
.Deliver .del-qh .del-hd .bj{display: block; width:100%;height:100%; overflow: hidden;background:url(/images/del-xt.png) no-repeat center top;background-size:100% 100%;}
.Deliver .del-qh .del-hd ul{width:100%; position: absolute;left:0;top:0;padding-top:4.45rem;}
.Deliver .del-qh .del-hd ul li{line-height: 3rem;padding-left:2.7rem;background:url(/images/del-icon.png) no-repeat left;margin-bottom: 4.15rem;font-size:1.2rem; color:#FFF;font-family: "MiSans";}
.Deliver .del-qh .del-hd ul li:nth-child(3){ line-height: 1.5rem;}
.Deliver .del-qh .del-hd ul li:nth-child(1){margin-left: 2.8rem;}
.Deliver .del-qh .del-hd ul li:nth-child(2){margin-left: 0.7rem;}
.Deliver .del-qh .del-hd ul li:nth-child(3){margin-left:0;}
.Deliver .del-qh .del-hd ul li:nth-child(4){margin-left: 0.7rem;}
.Deliver .del-qh .del-hd ul li:nth-child(5){margin-left: 2.8rem;}
.Deliver .del-qh .del-hd ul li.cur{background:url(/images/del-icon1.png) no-repeat left;}


.Deliver.defd {position: fixed;top: 0px;z-index: 999;left: 0;width: 100%;}

.De-body{height:100%;overflow:hidden;}

/**/
.what{background:rgba(234,234,234,.8);}
.what dl dt{width: 50%;line-height: 0; overflow: hidden;float:left; position: relative;}
.what dl dt:before{width:100%; height:100%;background:rgba(0,0,0,0.12); content:""; position: absolute;left:0; top:0;z-index:200;}
.what dl dt img{width:100%; transition: 1s;}
.what dl dd{width:50%;float:left;padding:7.4rem 6rem 0 4.9rem; box-sizing: border-box;}
.what dl dd h4{line-height: 63px; font-size: 3.2rem;color:#333333; margin-bottom: 3.45rem; font-family: "Gothic";}
.what dl dd p{margin-bottom: 3.15rem;}
.what dl dd p em{display: block; line-height:1.5rem; margin-bottom: 1.6rem; font-size:1rem; color:rgba(51,51,51,.7);font-family: "MiSans";}

.what dl dd ul li{float:left;width:48%;height:7.5rem;background:#FFF;position: relative;border-radius: 4px;box-shadow: 0px 19px 18px 0px rgba(142,163,180,0.04); text-align: center;}
.what dl dd ul li:before{width:0; height:0.2rem; background:#02439D;content:""; position: absolute;left:0;top:0; transition: .5s;}
.what dl dd ul li em{display: inline-block;line-height: 7.5rem; font-size: 0.9rem; color:#333333; font-family: "Gothic";}
.what dl dd ul li i{display: inline-block; width:4rem;height:3.6rem; overflow: hidden; vertical-align: top; margin-top: 2rem;}
.what dl dd ul li i img{width: 100%; transition: .5s;}
.what dl dd ul li:nth-child(2){float:right;}
.what dl dd ul li:hover:before{width:100%;}
.what dl dd ul li:hover i img{margin-top:-3.6rem;}
.what dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.indu{padding-bottom:3.95rem;}
.indu .left{width:50%;padding:6.6rem 4.9rem 0 6rem; box-sizing: border-box;float:left;}
.indu .left h4{line-height: 3.3rem;font-size: 3.2rem;color:#333333;font-family: "Gothic"; margin-bottom: 59px;}
.indu .left p{margin-bottom: 1.1rem;}
.indu .left p em{display: block; line-height: 1.5rem;margin-bottom: 0.8rem; font-size: 1rem; color:rgba(51,51,51,0.7);font-family: "MiSans";}
.indu .left strong{display: block; line-height: 1.15rem;}
.indu .left strong a{display: inline-block; line-height: 1.15rem;font-size: 0.95rem;color:#142d81; font-family: "Gothic";}
.indu .rig{width:50%;float:right;}
.indu .rig dl{position: relative;}
.indu .rig dl dt{width:100%; line-height: 0; overflow: hidden; position: relative;}
.indu .rig dl dt img{width: 100%; transition: 1s;}
.indu .rig dl dt:before{width:100%; height:100%; background: rgba(0,0,0,.36);content:""; position: absolute;left:0;top:0;}
.indu .rig dl dd{padding:10.1rem 0 0 4rem;width:100%; box-sizing:border-box;position: absolute;left:0;top:0;}
.indu .rig dl dd h4{line-height: 1.55rem; margin-bottom: 2.7rem; font-size:1.4rem; color:#FFF; font-family: "Gothic";}
.indu .rig dl dd span{display: block; width:13.7rem;height:3.4rem; line-height: 3.4rem;border: 2px solid #E06C19; box-sizing: border-box;border-radius: 2px;}
.indu .rig dl dd span a{display: block;height:3.2rem;text-align: center;}
.indu .rig dl dd span i{display: inline-block; line-height: 3.2rem; font-size: 16px; color:#FFF;font-family: "MiSans"; font-weight: bold;padding-right:25px;background:url(/images/ind-jt.png) no-repeat right;}
.indu .indu-bot{height:6.55rem;}
.indu .indu-bot .ind-nav{height: 6.55rem; position: relative;}
.indu .indu-bot .ind-nav ul{width:100%;box-shadow: 0px 19px 158px 0px rgba(142,163,180,0.28);position: absolute;left:0;bottom:0;}
.indu .indu-bot .ind-nav ul li{float:left;width:16.66%; height:11rem;padding:1.95rem 0 0; box-sizing: border-box; transition: .5s;background:#FFF; }
.indu .indu-bot .ind-nav ul li em{display: block; width:3.5rem; height:3.5rem;margin:0 auto 1.05rem; position: relative;}
.indu .indu-bot .ind-nav ul li em i{display: block; width:100%; line-height: 0; overflow: hidden;position: absolute;left:0;top:0;}
.indu .indu-bot .ind-nav ul li em i img{width: 100%;}
.indu .indu-bot .ind-nav ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.indu .indu-bot .ind-nav ul li em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.indu .indu-bot .ind-nav ul li span{display: block; line-height:1.05rem;text-align: center;font-size: 0.8rem; color:#333333; font-family: "Gothic"; transition: .5s;}
.indu .indu-bot .ind-nav ul li.cur{background:#02439D;}
.indu .indu-bot .ind-nav ul li.cur em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.indu .indu-bot .ind-nav ul li.cur em i.hover{opacity: 1; transform: scale(1);}
.indu .indu-bot .ind-nav ul li.cur span{color:#FFF;}
/**/
.why{padding:4.3rem 0 9.3rem;background:rgba(234,234,234,.8);}
.why h2{ line-height: 7.8rem; text-align: center;font-size: 3.2rem; color:#333333; font-family: "Gothic"; margin-bottom: 2.55rem; text-transform: uppercase;}
.why ul li{float:left; width:32.7%; margin-left: 0.8%;}
.why ul li:first-child{margin-left: 0;}
.why ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
.why ul li dl dt img{width: 100%; transition: 1s;}
.why ul li dl dd{height:6.5rem;background:#FFF; position: relative;}
.why ul li dl dd .why-desc{width:100%; height:6.5rem; background:#FFF; padding:1.75rem 1.9rem 0 2.9rem; box-sizing: border-box;background:url(/images/why-jt.png) no-repeat 90%;background-size:2.65rem 2.65rem; position: absolute;left:0;bottom:0; transition: .5s;}
.why ul li dl dd .why-desc h4{ line-height:1.2rem;font-size: 1rem; color:#142d81; font-family: "Gothic"; font-weight: 300; transition: .5s;}
.why ul li dl dd .why-desc p{line-height: 1.2rem; font-size: 0.8rem; color:rgba(255,255,255,.7);margin-top:2rem; opacity: 0; transition: .5s;}
.why ul li.cur dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.why ul li.cur dd .why-desc{height:13rem;background:#02439D;}
.why ul li.cur dd .why-desc h4{font-size: 1.2rem; color:#FFF; line-height: 1.8rem;}
.why ul li.cur dd .why-desc p{margin-top: 1.1rem; opacity: 1;}
/**/
.how{padding:4.8rem 0 8.8rem;}
.how h2{line-height: 7.65rem;text-align: center; margin-bottom: 2.5rem;font-size: 3.2rem; color:#333333;font-family: "Gothic";text-transform: uppercase;}
.how ul li{float:left;width:25%;border:1px solid rgba(0,0,0,.2); box-sizing: border-box; border-left:0;}
.how ul li:first-child{border-left:1px solid rgba(0,0,0,.2);}
.how ul li dl dd{width:100%;height: 10rem;}
.how ul li dl dd .how-tit{padding:1.55rem 2.8rem 0 2.45rem;height: 9.6rem;box-sizing: border-box;transition: .5s;}
.how ul li dl dd .how-tit .left{float:left;}
.how ul li dl dd .how-tit .left h4{line-height: 2rem;font-size: 1.66rem;color: #142d81;font-family: "Gothic";font-weight: 300;margin-bottom: 1.5rem;transition: .5s;min-height: 2rem;}
.how ul li dl dd .how-tit .left span{display: block;line-height: 1.4rem;font-size: 1.2rem;color: #142d81;font-family: "思源黑体 CN";font-weight: bold;transition: .5s;}
.how ul li dl dt i{display: block;font-size: 13.55rem;line-height: 146%;text-align: center;color:rgba(20,45,129,.1);font-family:"Gothic";font-weight: bold;width: 100%;height: 100%;position: absolute;background: #fff;}
.how ul li dl dt{width:100%;line-height: 0;overflow: hidden;position: relative;}
.how ul li dl dt img{width:100%;transition: 1s;display: block;}


.how ul li dl.dl1 {
    background: #fef5f0;
}

.how ul li dl.dl1 dt i {
    background: #fef5f0;
}

.how ul li dl.dl2 {
    background: #ffe0b3;
}

.how ul li dl.dl2 dt i {
    background: #ffe0b3;
}


.how ul li dl.dl3 {
    background: #e6f2b5;
}

.how ul li dl.dl3 dt i {
    background: #e6f2b5;
}


.how ul li dl.dl4 {
    background: #bbe4c8;
}

.how ul li dl.dl4 dt i {
    background: #bbe4c8;
}

.how ul li dl.cur dt img {}

.how ul li dl.cur dt i {
    display: none;
}

.how ul li dl.cur dd{

background:#02439d url(/images/how-shou.png) no-repeat right bottom;

}
.how ul li dl.cur dd .how-tit .left h4{color:#fff;margin-bottom: 1rem;}

.how ul li dl.cur dd .how-tit .left span{color:#fff;font-size: 1.4rem;}

/**/
.loop{height:42.8rem;background:url(/images/loopbj.jpg) no-repeat center;background-size:100% 42.8rem;padding-top:3.85rem; box-sizing: border-box;}
.loop h2{line-height: 6.4rem;text-align: center; margin-bottom: 1.85rem;font-size: 3.2rem; color:#333333;font-family: "Gothic";text-transform: uppercase;}
.loop dl dt{width:24.8%;line-height: 0; overflow: hidden;float:right;}
.loop dl dt img{width:100%; transition: 1s; min-height: 281px;}
.loop dl dd{float:left; width:75.2%;}
.loop dl dd ul li{float:left;width:16.66%; line-height: 0; overflow: hidden;border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; box-sizing: border-box;padding:0 0.25rem;background:#FFF;}
.loop dl dd ul li img{width:100%;}
.loop dl dd ul li.bor{border-bottom:0;}
.loop dl dd ul li:nth-child(6n){border-right:1px solid #FFF;}
/**/
.news{padding:3.9rem 0 6.7rem;}
.news h2{line-height: 7rem;text-align: center; margin-bottom: 2.15rem;font-size: 3.2rem; color:#333333;font-family: "Gothic";text-transform: uppercase;}
.news .left{width:48.8%;float:left;}
.news .left dl dt{background:#F2F2F2;}
.news .left dl dt span{display: block; width:65.3%; line-height: 0; overflow: hidden;float:left;}
.news .left dl dt span img{width:100%;}
.news .left dl dt h4{float:left;padding:4.45rem 0 0 2.65rem;}
.news .left dl dt h4 em{display: block; line-height: 2.7rem; font-size: 2.4rem; color:#142d81; font-family: "Gothic"; font-weight: 300;}
.news .left dl dt h4 i{display: block; line-height: 1.5rem;font-size: 0.8rem; color:#142d81;font-family: "Gothic"; font-weight: 300;}
.news .left dl dd{padding:2.15rem 0.95rem 0 0rem;}
.news .left dl dd h5{line-height: 1.9rem;margin-bottom: 1.4rem;}
.news .left dl dd h5 a{font-size: 1.6rem; color:#333333;font-family: "MiSans"; font-weight: bold;}
.news .left dl dd p{line-height: 1.2rem;margin-bottom: 2rem;font-size: 0.8rem;color:rgba(0,8,33,.7);font-family: "MiSans";}
.news .left dl dd strong{display: block;width:13.8rem;height:3.5rem; border:3px solid #02439D;border-radius: 5px;}
.news .left dl dd strong a{display: block; line-height: 3.2rem; text-align: center;font-size: 0.8rem; color:#333333; font-weight: normal;}
.news .left .left-list .swiper-pagination{padding-right:1.2rem;bottom:1.8rem;text-align: right;}
.news .left .left-list .swiper-pagination .swiper-pagination-bullet{width:0.8rem; height:0.8rem;background:#f2f2f2;margin:0 0.2rem;}
.news .left .left-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#e06c19;}
.news .rig{width:48%;float:right;}
.news .rig ul li{height:9.8rem;  box-sizing: border-box;padding:0 2.2rem 0 1.85rem; }
.news .rig ul li dl{padding-top:2.05rem;height:9.8rem;border-bottom:1px solid #e3e3e3; box-sizing: border-box;}
.news .rig ul li dl dt{width:26.1%; line-height: 0; overflow: hidden;float:left; position: relative;}
.news .rig ul li dl dt img{width:100%; transition: 1s;}
.news .rig ul li dl dt i{display: block; line-height: 2.45rem; padding-left:0.95rem;font-size: 0.9rem; color:#FFF;font-family: "Gothic";position: absolute;left:0;bottom:0;}
.news .rig ul li dl dd{width:73.9%;float:left;padding:0.4rem 0 0 1.7rem; box-sizing: border-box;}
.news .rig ul li dl dd h4{line-height: 1.4rem; margin-bottom: 0.7rem;}
.news .rig ul li dl dd h4 a{font-size: 1rem; color:#333333; font-family: "MiSans"; font-weight: bold;}
.news .rig ul li dl dd p{line-height: 1.2rem;font-size: 0.8rem; color:rgba(0,8,33,.7);font-family: "MiSans";}
.news .rig ul li:hover{background:#F2F2F2;}
.news .rig ul li:hover dl{border-bottom:1px solid #F2F2F2; }
.news .rig ul li:hover h4 a{color:#142d81;}


@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}} 
@media screen and (min-width: 1660px) 
{
.what dl dd p em{display: block; line-height:2rem; margin-bottom:2rem; font-size: 1rem; color:rgba(51,51,51,.7);font-family: "MiSans";}
 }
@media screen and (min-width: 1800px) 
{
  .what dl dd p em{display: block; line-height:1.5rem; margin-bottom: 2rem; font-size: 1rem; color:rgba(51,51,51,.7);font-family: "MiSans";}   
 } 
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

@media screen and (min-width: 1700px) and (max-width:1860px)
{
    
.gui-con .gui-txt p em{line-height:1.95rem;}

}

@media screen and (min-width: 1861px) and (max-width:2860px)
{
    
.gui-con .gui-txt p em{line-height:1.5rem;}

}

strong.mores {
    display: block;
    line-height: 1rem;
    text-align: right;
    margin-right: 2rem;
}

strong.mores a {
    display: inline-block;
    line-height: 1.15rem;
    font-size: 0.95rem;
    color: #142d81;
    font-family: "Gothic";
}