@charset "utf-8";.dx{text-transform:uppercase}
.dh{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w1200{width:1200px;margin:0 auto}
.w1180{width:1180px;margin:0 auto}
.banner{width:100%;position:relative}
.banner .swiper-container{width:100%;height:auto !important}
.banner .swiper-wrapper{height:auto !important}
.banner .swiper-slide{width:100%;height:auto !important}
.banner .swiper-slide a{display:block;background-repeat:no-repeat;background-position:center center;width:100%;height:550px;background-size:cover}
@media screen and (max-width:1440px){.banner .swiper-slide a{height:450px}
}@media screen and (max-width:1050px){.banner .swiper-slide a{height:350px}
}@media screen and (max-width:768px){.banner .swiper-slide a{height:260px}
}@media screen and (max-width:580px){.banner .swiper-slide a{height:200px}
}@media screen and (max-width:480px){.banner .swiper-slide a{height:160px}
}.banner .slider{width:100% !important;overflow:hidden;position:relative;z-index:1}
.banner .slider-main{width:100%;height:100%;position:absolute;left:50%;margin-left:-960px}
.banner .slider-main li{width:100%;height:100%}
.banner .bannerprev{position:absolute;z-index:30;top:50%;left:-45px;width:40px;height:40px;text-indent:-9999px;margin-top:-20px;background:url(../images/arrowprev.png) 50% 50% no-repeat;transition:all 0.5s linear;cursor:pointer}
.banner:hover .bannerprev{left:3%}
.banner .bannernext{position:absolute;z-index:30;top:50%;right:-45px;width:40px;height:40px;text-indent:-9999px;margin-top:-20px;background:url(../images/arrownext.png) 50% 50% no-repeat;transition:all 0.5s linear;cursor:pointer}
.banner:hover .bannernext{right:3%;cursor:pointer}
@media screen and (max-width:768px){.banner .bannernext,.banner .bannerprev,.banner .bannerswiper-pagination{display:none}
}.banner .bannerswiper-pagination{position:absolute;width:100%;bottom:20px;text-align:center;z-index:25;font-size:0}
.banner .bannerswiper-pagination span{display:inline-block;vertical-align:top;height:12px;width:12px;text-align:center;margin:0 5px;border-radius:50%;color:#333;background:#fff;cursor:pointer;opacity:1;filter:alpha(opacity=100)}
.banner .bannerswiper-pagination span.swiper-pagination-bullet-active{background:#1287CD;color:#fff}
.banner .yyLink{background:url(../images/yyico.png) 30px center no-repeat;background-color:#1287cd;display:block;box-shadow:0px 0px 16px 0px rgba(56,12,0,0.43);border-radius:10px;font-size:16px;padding-left:68px;line-height:46px;padding-right:36px;box-sizing:border-box;color:#ffffff;position:absolute;bottom:-80px;left:50%;margin-left:-210px;z-index:6}
.banner .bmLink{background:url(../images/bmico.png) 30px center no-repeat;background-color:#1287cd;display:block;box-shadow:0px 0px 16px 0px rgba(56,12,0,0.43);border-radius:10px;font-size:16px;padding-left:68px;padding-right:36px;line-height:46px;box-sizing:border-box;color:#ffffff;position:absolute;bottom:-80px;right:50%;margin-right:-210px;z-index:6}
@media screen and (max-width:1050px){.banner .yyLink{bottom:30px;line-height:40px;padding:0 20px 0 55px;background-position:20px center;margin-left:-180px}
.banner .bmLink{bottom:30px;line-height:40px;padding:0 20px 0 55px;background-position:20px center;margin-right:-180px}
}@media screen and (max-width:768px){.banner .yyLink{bottom:-50px;line-height:30px;padding:0 10px 0 38px;background-position:15px center;background-size:15px;margin-left:-120px;font-size:14px;border-radius:4px}
.banner .bmLink{bottom:-50px;line-height:30px;padding:0 10px 0 38px;background-position:15px center;background-size:15px;margin-right:-120px;font-size:14px;border-radius:4px}
}.title{line-height:1;text-align:center;padding:0 10px}
.title h3{font-size:28px}
.title h3 span{display:inline-block;position:relative;z-index:1}
.title h3 span:before{content:"";display:block;position:absolute;width:18px;height:5px;background-color:#ffde03;z-index:-1;left:6px;top:2px;display:none}
@media screen and (max-width:768px){.title h3 span:before{display:none}
}.title .en{font-size:14px;font-weight:100;margin-top:6px;position:relative}
.title .en:before{content:"";display:inline-block;width:196px;height:1px;background-color:#999999;margin-right:40px;vertical-align:middle}
.title .en:after{content:"";display:inline-block;width:196px;height:1px;background-color:#999999;margin-left:40px;vertical-align:middle}
.title p{font-size:14px;color:#666666;margin-top:15px}
@media screen and (max-width:768px){.title h3{font-size:26px}
.title .en{font-size:12px}
.title .en:before{width:56px;margin-right:20px}
.title .en:after{width:56px;margin-left:20px}
.title p{line-height:20px;margin-top:10px;font-size:12px}
}.about{padding-top:110px}
@media screen and (max-width:1220px){.about{padding-top:50px}
}@media screen and (max-width:768px){.about{padding-top:70px}
}.about .aboutLink{text-align:center;font-size:0;max-width:1000px;margin:35px auto 0}
.about .aboutLink li{border-left:1px #c5c5c5 solid;width:25%;display:inline-block;line-height:1;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width:768px){.about .aboutLink li{width:50%}
.about .aboutLink li:nth-child(3){border-left:none}
.about .aboutLink li:nth-child(1),.about .aboutLink li:nth-child(2){padding-bottom:20px}
.about .aboutLink li:nth-child(3),.about .aboutLink li:nth-child(4){border-top:1px #c5c5c5 solid;padding-top:20px}
}.about .aboutLink li:first-child{border-left:none}
.about .aboutLink li i{display:block;width:33px;height:33px;overflow:hidden;margin:auto}
.about .aboutLink li i:before,.about .aboutLink li i:after{content:"";display:block;width:100%;height:100%;position:relative;top:0;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
.about .aboutLink li i.ico1:before{background:url(../images/aboutico1.png) center center no-repeat}
.about .aboutLink li i.ico1:after{background:url(../images/aboutico1h.png) center center no-repeat}
.about .aboutLink li i.ico2:before{background:url(../images/aboutico2.png) center center no-repeat}
.about .aboutLink li i.ico2:after{background:url(../images/aboutico2h.png) center center no-repeat}
.about .aboutLink li i.ico3:before{background:url(../images/aboutico3.png) center center no-repeat}
.about .aboutLink li i.ico3:after{background:url(../images/aboutico3h.png) center center no-repeat}
.about .aboutLink li i.ico4:before{background:url(../images/aboutico4.png) center center no-repeat}
.about .aboutLink li i.ico4:after{background:url(../images/aboutico4h.png) center center no-repeat}
.about .aboutLink li:hover i{border-color:#1287CD}
.about .aboutLink li:hover i:before,.about .aboutLink li:hover i:after{top:-100%}
.about .aboutLink li span{display:block}
.about .aboutLink li .cn{font-weight:bold;font-size:16px;margin-top:18px}
.about .aboutLink li .en{font-size:12px;margin-top:8px;color:#666666;text-transform:uppercase}
.about .aboutText{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:30px;height:90px;color:#666666;text-align:center;font-size:14px;margin-top:24px}
.about .aboutPic{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:10px #fff solid;width:100%;height:0;padding-top:35.8333333%;margin-top:12px;position:relative}
.about .aboutPic img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
.news{margin:50px auto 70px}
@media screen and (max-width:768px){.news{margin-top:30px;margin-bottom:30px}
}.news .title h3 span:before{left:61px;top:11px}
.news .newsBox{margin-top:35px;overflow:hidden;position:relative}
.news .newsBox .newsR {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 395px;
    height: 450px;
    background-color: #1287CD;
    background-image: linear-gradient(0deg,#1287CD 0%,#1f83c0 100%),linear-gradient(#1287CD,#1287CD);
    background-blend-mode: normal,normal;
    padding: 25px 15px;
}
.news .newsBox .newsR li{float:left}
.news .newsBox .newsR li .date{font-size:26px;font-weight:bold;color:#ffffff;line-height:20px;margin:0 10px}
.news .newsBox .newsR li .bt{font-size:16px;color:#ffffff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;height:30px;margin:0 10px;margin-top:8px}
.news .newsBox .newsR li .pic{display:block;width:100%;height:0;overflow:hidden;padding-top:72%;margin-top:16px;position:relative}
.news .newsBox .newsR li .pic img{position:absolute;display:block;max-width:100%;max-height:100%;left:0;right:0;bottom:0;top:0;margin:auto}
.news .newsBox .newsR li .more{display:block;width:160px;height:35px;line-height:35px;background-color:#ffffff;border-radius:3px;margin:0 10px;margin-top:18px;color:#1287CD;padding-left:65px;position:relative}
.news .newsBox .newsR li .more i{display:block;position:absolute;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;width:16px;height:16px;background:url(../images/add.png) center center no-repeat;left:40px;top:50%;margin-top:-8px}
.news .newsBox .newsR li .more:hover{padding-left:40px}
.news .newsBox .newsR li .more:hover i{left:130px}
.news .newsBox .newsR .news-swiper-pagination{display:block;margin-top:30px;position:absolute;right:30px;bottom:25px;width:100px;text-align:right}
.news .newsBox .newsR .news-swiper-pagination span{display:inline-block;vertical-align:top;width:8px;height:8px;text-align:center;margin-right:10px;border-radius:50%;color:#333;background:#fff;cursor:pointer;opacity:1;filter:alpha(opacity=100)}
.news .newsBox .newsR .news-swiper-pagination span.swiper-pagination-bullet-active{background:#ffde03;color:#fff}
.news .newsBox .newsL{padding-right:446px}
@media screen and (max-width:1024px){.news .newsBox .newsR{display:none}
.news .newsBox .newsL{padding-right:0}
}.news .newsBox .newsTab a {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 42px;
    line-height: 42px;
    margin-left: 80px;
    font-size: 16px;
    text-align: center;
    background-image: linear-gradient(0deg,#1287CD 0%,#1e83c0 100%),linear-gradient(#ddd3d6,#ddd3d6);
    background-blend-mode: normal,normal;
    border-radius: 10px;
    background-size: 0 100%;
    background-position: center center;
}
.news .newsBox .newsTab a:first-child{margin-left:0}
.news .newsBox .newsTab a i{display:inline-block;vertical-align:top;width:23px;height:100%;overflow:hidden;margin-right:10px}
.news .newsBox .newsTab a i:before,.news .newsBox .newsTab a i:after{content:"";display:block;width:100%;height:100%;position:relative;top:0;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
.news .newsBox .newsTab a i.ico1:before{background:url(../images/newsico1.png) center center no-repeat}
.news .newsBox .newsTab a i.ico1:after{background:url(../images/newsico1h.png) center center no-repeat}
.news .newsBox .newsTab a i.ico2:before{background:url(../images/newsico2.png) center center no-repeat}
.news .newsBox .newsTab a i.ico2:after{background:url(../images/newsico2h.png) center center no-repeat}
.news .newsBox .newsTab a.active{background-size:100% 100%;color:#fff}
.news .newsBox .newsTab a.active i:before,.news .newsBox .newsTab a.active i:after{top:-100%}
@media screen and (max-width:768px){.news .newsBox .newsTab{text-align:center}
.news .newsBox .newsTab a{margin-left:10px;width:140px}
}.news .newsBox .newsSwiper{width:100%}
.news .newsBox .newsSwiper li{margin-top:20px;padding:20px 95px 20px 100px;border-top:1px #d8d8d8 solid;position:relative}
.news .newsBox .newsSwiper li:after{content:"";position:absolute;background:#1287CD;width:100%;height:1px;z-index:1;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;bottom:100%;left:0;transition:transform 0.5s;transform:scaleX(0);transform-origin:right}
.news .newsBox .newsSwiper li:hover:after{transform:scaleX(1);transform-origin:left}
.news .newsBox .newsSwiper li .date{position:absolute;left:0;top:20px}
.news .newsBox .newsSwiper li .date i{display:block;font-size:28px;font-weight:bold;line-height:22px;color:#666666}
.news .newsBox .newsSwiper li .date span{font-size:16px;display:block;color:#cacaca;line-height:12px;margin-top:10px}
.news .newsBox .newsSwiper li .bt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1}
.news .newsBox .newsSwiper li .bt:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}
.news .newsBox .newsSwiper li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:24px;height:48px;color:#666666;margin-top:15px}
.news .newsBox .newsSwiper li .more{display:block;position:absolute;right:15px;top:32px;width:35px;height:35px;background:url(../images/newsadd.png) center center no-repeat;background-color:#666666;line-height:35px;font-weight:100;font-family:SimSun;text-align:center;color:#fff;font-size:0;border-radius:50%}
@media screen and (min-width:768px){.news .newsBox .newsSwiper li:hover .bt{color:#1287CD}
.news .newsBox .newsSwiper li:hover .more{background-color:#1287CD}
}@media screen and (max-width:768px){.news .newsBox .newsSwiper li{padding:20px 40px 0 65px}
.news .newsBox .newsSwiper li .date i{font-size:22px}
.news .newsBox .newsSwiper li .date span{font-size:12px}
.news .newsBox .newsSwiper li .bt{font-size:15px}
.news .newsBox .newsSwiper li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;height:40px;margin-top:10px}
.news .newsBox .newsSwiper li .more{display:block;position:absolute;right:0;top:32px;width:30px;height:30px;background-color:#666666;line-height:30px;font-weight:100;font-family:SimSun;text-align:center;color:#fff;font-size:30px;border-radius:50%}
}.brand{background:url(../images/ppbg.jpg) center 0 no-repeat;background-size:cover;padding:70px 0}
@media screen and (max-width:768px){.brand{padding:30px 0}
}.brand .title{color:#fff}
.brand .title h3 span:before{left:61px;top:5px;height:7px}
.brand .title .en{color:#f6e7e0}
.brand .title .en:before,.brand .title .en:after{background-color:#f6e7e0}
.brand .title p{color:#fff}
.brand .brandSwiper{margin:20px 0 0}
@media screen and (max-width:768px){.brand .brandSwiper{margin:0 0 0}
}.brand .brandSwiper li{float:left;margin-top:20px;margin-right:20px}
.brand .brandSwiper li .item{border:solid 2px #eaeaea}
.brand .brandSwiper li .pic{display:block;width:100%;height:0;padding-top:100%;position:relative}
.brand .brandSwiper li .pic img{display:block;position:absolute;max-width:100%;max-height:100%;left:0;top:0;right:0;bottom:0;margin:auto}
.brand .brandSwiper-pagination{display:block;margin-top:30px;text-align:center;font-size:0}
.brand .brandSwiper-pagination span{display:inline-block;vertical-align:top;width:8px;height:8px;border:1px #fff solid;text-align:center;margin-right:10px;border-radius:50%;color:#333;background:#fff;cursor:pointer;opacity:1;filter:alpha(opacity=100)}
.brand .brandSwiper-pagination span.swiper-pagination-bullet-active{background:#ffde03;color:#fff}
.xcImg img{width:100%;vertical-align:top}
.album{padding:60px 0 70px}
@media screen and (max-width:768px){.album{padding:30px 0}
}.album .title h3 span:before{left:6px;top:3px}
.album .list{margin-top:40px;border:solid 5px #f6f6f6}
@media screen and (max-width:768px){.album .list{margin-top:20px}
}.album .list li{float:left;width:25%;border:solid 5px #f6f6f6;position:relative;-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out}
.album .list li .pic{display:block;width:100%;height:0;padding-top:67.1428%;position:relative;background:#fff}
.album .list li .pic img{display:block;position:absolute;max-width:100%;max-height:100%;left:0;top:0;right:0;bottom:0;margin:auto}
@media screen and (min-width:1220px){.album .list li:first-child{width:50%}
.album .list li:first-child .pic{padding-top:0;height:396px}
}@media screen and (max-width:1220px){.album .list li{width:33.333333%}
}.album .list li:hover{border-color:#1287CD}
.album .list li:hover .bt{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
@media screen and (max-width:768px){.album .list li{width:50%}
.album .list li:last-child{display:none}
.album .list li:hover{border-color:#f6f6f6}
.album .list li:hover .bt{opacity:0;filter:alpha(opacity=0)}
}.album .list li .bt{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(231,37,16,0.9);border:1px #fff solid;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0.5) rotate(0);-moz-transform:scale(0.5) rotate(0);-o-transform:scale(0.5) rotate(0);transform:scale(0.5) rotate(0)}
.album .list li .bt span{height:40px;line-height:40px;position:absolute;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center;left:0;top:50%;margin-top:-20px;color:#fff;padding:0 10px}
.mouth{background:url(../images/kbbg.jpg) center 0 no-repeat;background-size:cover;padding:70px 0}
@media screen and (max-width:768px){.mouth{padding:30px 0}
}.mouth .title{color:#fff}
.mouth .title h3 span:before{left:96px;top:5px;width:13px;height:6px}
.mouth .title .en{color:#f6e7e0}
.mouth .title .en:before,.mouth .title .en:after{background-color:#f6e7e0}
.mouth .title p{color:#fff}
.mouth .mouthBox{margin-top:30px}
.mouth .mouthBox:after{content:"";display:block;clear:both;font-size:0;line-height:0}
.mouth .mouthBox .item{width:25%;float:left}
.mouth .mouthBox .item .tit{font-weight:bold;text-align:center;line-height:1;font-size:16px;border-bottom:2px #f6e7e0 solid;padding-bottom:15px;color:#fff}
.mouth .mouthBox .item .text{margin-top:25px}
.mouth .mouthBox .item .text .bt{font-size:16px;line-height:24px;height:24px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.mouth .mouthBox .item .text .bt:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}
.mouth .mouthBox .item .text .bt:before{content:"";display:inline-block;width:6px;height:6px;background-color:#ffffff;border-radius:50%;margin-right:10px;vertical-align:middle}
.mouth .mouthBox .item .swiper-container{height:160px}
.mouth .mouthBox .item .text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:24px;height:96px;color:#eed8cd;padding-left:16px;margin-top:8px}
.mouth .mouthBox .pic{width:50%;float:left;padding:0 50px}
.mouth .mouthBox .pic .videoBox{display:block;overflow:hidden;width:100%;height:0;padding-top:58.8%;position:relative}
.mouth .mouthBox .pic .videoBox .video{display:block;position:absolute;max-width:100%;max-height:100%;left:0;top:0;right:0;bottom:0;margin:auto}
@media screen and (max-width:768px){.mouth .mouthBox{margin-top:0}
.mouth .mouthBox .item{width:100%;padding:0 20px;margin-top:30px}
.mouth .mouthBox .pic{margin-top:30px;width:100%;padding:0 20px;display:block}
}.inBox{background-color:#f4f5fa;padding:60px 0 70px}
@media screen and (max-width:768px){.inBox{padding:30px 0}
.ad { flex: auto;width: 100%;height: 100%;}
}.inBox .title{text-align:left;position:relative}
.inBox .title .en:before,.inBox .title .en:after{display:none}
.inBox .title .more{position:absolute;right:0;bottom:0;font-size:12px;color:#666666;height:17px;line-height:17px;text-transform:uppercase;padding-right:20px}
.inBox .title .more:hover{color:#1287CD}
@media screen and (min-width:678px){.inBox .title .more:hover{color:#1287CD}
}.inBox .title .more:before{content:"";display:block;background:url(../images/hdmore.png) center center no-repeat;position:absolute;right:0;top:0;width:9px;height:17px;z-index:2;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;animation:zyfd 1.5s linear infinite}
@keyframes zyfd{0%{-webkit-transform:translateX(0);transform:translateX(0)}
25%{-webkit-transform:translateX(4px);transform:translateX(4px)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
75%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}.inBox .activities{float:left;width:70%}
@media screen and (max-width:768px){.inBox .activities{float:none;width:100%}
}.inBox .activities .title{padding:0}
.inBox .activities .title h3 span:before{left:65px;top:17px;width:14px;height:7px}
.inBox .activities .list{margin-top:20px}
.inBox .activities .list ul{width:100%}
.inBox .activities .list ul:after{content:"";display:block;clear:both;font-size:0;line-height:0}
.inBox .activities .list ul li{float:left;width:25%;padding-top:20%;position:relative}
.inBox .activities .list ul li .item{width:100%;height:100%;overflow:hidden;padding:5px;position:absolute;left:0;top:0}
.inBox .activities .list ul li .item .pic{display:block;position:relative;width:100%;height:100%;background:#fff}
.inBox .activities .list ul li .item img{display:block;position:absolute;max-width:100%;max-height:100%;left:0;top:0;right:0;bottom:0;margin:auto}
.inBox .activities .list ul li:nth-child(1){width:50%;padding-top:40%}
.inBox .activities .list ul li:nth-child(2){width:50%}
.inBox .service{float:right;width:26.6666666%}
@media screen and (max-width:768px){.inBox .service{float:none;width:100%;margin-top:30px}
}.inBox .service .list{padding-top:20px}
.inBox .service .list li{margin-top:10px;background:#1287CD}
.inBox .service .list li:first-child{margin-top:10px}
.inBox .service .list li:nth-child(1){background-image: linear-gradient(0deg,#257fbc 0%,#1287CD 100%),linear-gradient(#e9ecf6,#e9ecf6);background-blend-mode:normal,normal}
.inBox .service .list li:nth-child(2){background-image: linear-gradient(0deg,#257fbc 0%,#1287CD 100%),linear-gradient(#e9ecf6,#e9ecf6);background-blend-mode:normal,normal}
.inBox .service .list li:nth-child(3){background-image: linear-gradient(0deg,#257fbc 0%,#1287CD 100%),linear-gradient(#e9ecf6,#e9ecf6);background-blend-mode:normal,normal}
.inBox .service .list li:nth-child(4){background-image: linear-gradient(0deg,#257fbc 0%,#1287CD 100%),linear-gradient(#e9ecf6,#e9ecf6);background-blend-mode:normal,normal}
.inBox .service .list li a{display:block;text-align:center;height:72px;line-height:72px;font-size:18px;color:#fff}
.inBox .service .list li a:after{content:"";display:inline-block;width:21px;height:18px;background:url(../images/fwjt.png) 0 center no-repeat;vertical-align:middle;margin-left:20px}
.inBox .service .list li a i{display:inline-block;vertical-align:middle;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:30px;height:30px;overflow:hidden;margin:auto;margin-right:30px;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
.inBox .service .list li a i.ico1{background:url(../images/fwico1.png) center center no-repeat}
.inBox .service .list li a i.ico2{background:url(../images/fwico2.png) center center no-repeat}
.inBox .service .list li a i.ico3{background:url(../images/fwico3.png) center center no-repeat}
.inBox .service .list li a i.ico4{background:url(../images/fwico4.png) center center no-repeat}
.inBox .service .list li a:hover i{-webkit-transform:scale(1) rotate(360deg);-moz-transform:scale(1) rotate(360deg);-o-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)}
.inBox .service .list li a:hover:after{animation:zyfd 1.5s linear infinite}
.media{padding:70px 0}
@media screen and (max-width:768px){.media{padding:30px 0}
}.media .title h3 span:before{left:7px;top:18px;width:13px;height:6px}
.media .mediaSwiper{margin:20px 0 0;position:relative}
@media screen and (max-width:768px){.media .mediaSwiper{margin:0 0 0}
}.media .mediaSwiper li{float:left;margin-top:20px;margin-right:20px}
.media .mediaSwiper li .item{border:solid 1px #f4f5fa;position:relative}
.media .mediaSwiper li .pic{display:block;width:100%;height:0;padding-top:57%;position:relative}
@media screen and (min-width:768px){.media .mediaSwiper li .pic{position:relative}
.media .mediaSwiper li .pic:after,.media .mediaSwiper li .pic:before{content:"";display:block;position:absolute;width:0;height:0;border:1px solid;transition:all 0.6s ease;z-index:1;opacity:0;filter:alpha(opacity=0);-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.media .mediaSwiper li .pic:before{top:0;left:0;border-color:#1287CD transparent transparent #1287CD}
.media .mediaSwiper li .pic:after{right:0;bottom:0;border-color:transparent #1287CD #1287CD transparent}
.media .mediaSwiper li .pic:hover:after,.media .mediaSwiper li .pic:hover:before{width:100%;height:100%;opacity:1;filter:alpha(opacity=100)}
}.media .mediaSwiper li .pic img{display:block;position:absolute;max-width:100%;max-height:100%;left:0;top:0;right:0;bottom:0;margin:auto}
.media .mediaSwiper .mediaSwiper-button-prev{display:block;position:absolute;width:25px;height:49px;background:url(../images/mtl.png) center center no-repeat;left:-56px;top:50%;margin-top:-25px;outline:none;cursor:pointer}
.media .mediaSwiper .mediaSwiper-button-prev:hover{opacity:0.7;filter:alpha(opacity=70)}
.media .mediaSwiper .mediaSwiper-button-prev.swiper-button-disabled{opacity:0.2;filter:alpha(opacity=20);cursor:auto}
.media .mediaSwiper .mediaSwiper-button-next{display:block;position:absolute;width:25px;height:49px;background:url(../images/mtr.png) center center no-repeat;right:-56px;top:50%;margin-top:-25px;outline:none;cursor:pointer}
.media .mediaSwiper .mediaSwiper-button-next:hover{opacity:0.7;filter:alpha(opacity=70)}
.media .mediaSwiper .mediaSwiper-button-next.swiper-button-disabled{opacity:0.2;filter:alpha(opacity=20);cursor:auto}
@media screen and (max-width:1420px){.media .mediaSwiper .mediaSwiper-button-prev,.media .mediaSwiper .mediaSwiper-button-next{display:none}
}