@charset "utf-8";
/* CSS Document */
html,body{ width:100%;}
body{ font-family:"Microsoft YaHei", Arial, sans-serif; font-size:14px; line-height:1.7; color:#333;}
a{ text-decoration:none; color:#333;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ *zoom:1}
.clear:before,.clear:after{ display:table; content:""}
.clear:after{ clear:both}

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}
.swiper-container-multirow > .swiper-wrapper{ -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}

/*header*/
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; height:100px;}
.header.pos{ background-color:rgba(0,0,0,0.7);}
.header .line{ width:100%; height:1px; position:absolute; left:0; bottom:0; background-color:#fff; opacity:0.3; overflow:hidden; z-index:1;}
.header .head{ width:1200px; margin:auto; position:relative; z-index:3;}
.header .head .logo{ height:60px; padding:20px 0; float:left;}
.header .head .logo img{ display:block; height:60px;}
.header .head .menusimple{ float:right; height:100px; display:block;}
.header .head .menusimple>li{ display:block; float:left; margin-left:50px; font-size:16px; position:relative; height:100px;}
.header .head .menusimple>li .is-expand{ display:block; color:#fff; position:relative; line-height:100px;}
.header .head .menusimple>li .is-expand b{ width:100%; height:2px; display:block; opacity:0; background-color:#0075c1; position:absolute; left:0; bottom:0;}
.header .head .menusimple>li.active .is-expand b,.header .head .menusimple>li:hover .is-expand b{ opacity:1;}
.header .head .menusimple>li ul{ border-radius:10px; display:none; position:absolute; background-color:rgba(0,0,0,0.7); width:160px; left:-20px; overflow:hidden; padding:10px;}
.header .head .menusimple>li>ul li{ display:block;}
.header .head .menusimple>li>ul>li a{ font-size:14px; padding:0 10px; line-height:34px; height:34px; overflow:hidden; display:block; color:#fff;}
.header .head .menusimple ul li:hover>a,.menusimple ul li.active>a{ background-color:#0075c1;}
.header .head .menusimple li:hover>ul{ display:block;}

/*banner*/
.banner{ width:100%; height:100vh;}
.banner .swiper-container{ width:100%; height:100%; position:relative;}
.banner .swiper-slide{ display:block; width:100%; height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0; z-index:3;}
.banner .swiper-slide .wen{ width:1200px; font-weight:bold; z-index:9; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide .wen .w01{ color:#fff; letter-spacing:5px; font-size:60px; line-height:1; text-transform:uppercase;}
.banner .swiper-slide .wen .w02{ color:#fff; font-size:24px; line-height:34px; margin-top:40px;}
.banner .swiper-slide .wen .w03{ color:#fff; font-size:36px; line-height:46px; margin-top:20px; letter-spacing:2px;}
.banner .swi{ position:absolute; right:50%; margin-right:-600px; bottom:30px; z-index:9;}
.banner .swi div{ width:40px; height:40px; float:left; border-radius:100%; margin-left:20px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,0.5);}
.banner .swi div.swiper-button-prev{ background-image:url(../images/left.png);}
.banner .swi div.swiper-button-next{ background-image:url(../images/right.png);}
.banner .swi div:hover{ background-color:#0075c1;}
.banner .swi div.swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.banner .swi div.swiper-button-next:hover{ background-image:url(../images/righth.png);}
.banner .swiper-pagination{ position:absolute; left:50%; margin-left:-600px; bottom:30px; line-height:40px; color:#fff; font-size:18px;}
.banner .swiper-pagination .swiper-pagination-current{ font-size:30px;}

/*关于我们*/
.abox{ width:100%; padding:70px 0;}
.abox .box{ width:1200px; margin:auto; display:flex; align-items:center;}
.abox .box .left{ width:640px; margin-right:90px;}
.abox .box .left .title{ position:relative; font-weight:bold;}
.abox .box .left .title b{ display:block; color:#333; opacity:0.05; font-size:120px; line-height:140px; text-transform:capitalize; position:absolute; left:-50px; top:-37px; z-index:1;}
.abox .box .left .title p{ display:block; position:relative; z-index:3; font-size:18px; line-height:30px; text-transform:capitalize;}
.abox .box .left .title span{ display:block; position:relative; z-index:3; font-size:30px; line-height:40px; margin-top:5px;}
.abox .box .left .wen{ margin-top:27px; font-size:14px; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:7; }
.abox .box .left .more{ width:170px; height:46px; margin-top:42px;}
.abox .box .left .more a{ padding:0 30px; display:block; box-sizing:border-box; width:100%; height:46px; line-height:46px; border-radius:46px; color:#fff; font-size:14px; background-color:#0075c1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .left .more a img{ float:right; margin:19px 0; display:block;}
.abox .box .left .more a:hover{ padding-right:55px;}
.abox .box .right{ width:360px; padding-left:110px; position:relative;}
.abox .box .right p{ display:block; width:100%; overflow:hidden;}
.abox .box .right p img{ display:block; width:100%;}
.abox .box .right span{ display:block; width:260px; height:420px; overflow:hidden; position:absolute; top:50%; left:0; margin-top:-210px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right span img{ display:block; height:420px;}
.abox .box .right:hover span{ left:30px;}

/*主营业务*/
.zbox{ width:100%; padding:65px 0; background-color:#eee;}
.zbox .box{ width:1200px; margin:auto; position:relative;}
.zbox .box .title{ position:relative; font-weight:bold; z-index:1;}
.zbox .box .title b{ display:block; color:#333; opacity:0.05; font-size:120px; line-height:140px; text-transform:capitalize; position:absolute; left:-50px; top:-37px; z-index:1;}
.zbox .box .title p{ display:block; position:relative; z-index:3; font-size:18px; line-height:30px; text-transform:capitalize;}
.zbox .box .title span{ display:block; position:relative; z-index:3; font-size:30px; line-height:40px; margin-top:5px;}
.zbox .swi{ position:absolute; right:0; top:30px; z-index:9;}
.zbox .swi div{ width:40px; height:40px; float:left; border-radius:100%; margin-left:20px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:#fff;}
.zbox .swi div.swiper-button-prev{ background-image:url(../images/left.png);}
.zbox .swi div.swiper-button-next{ background-image:url(../images/right.png);}
.zbox .swi div:hover{ background-color:#0075c1;}
.zbox .swi div.swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.zbox .swi div.swiper-button-next:hover{ background-image:url(../images/righth.png);}
.zbox .swiper-container{ width:100%; position:relative; margin-top:25px; overflow:hidden;}
.zbox .swiper-slide{ width:360px; display:block; overflow:hidden;}
.zbox .swiper-slide .wen{ width:100%; height:460px; position:relative;}
.zbox .swiper-slide .wen>img{ width:100%; display:block;}
.zbox .swiper-slide .wen b{ display:block; position:absolute; left:-21px; top:30px;}
.zbox .swiper-slide .wen b img{ display:block;}
.zbox .swiper-slide .wen div{ padding:24px 20px; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:-100%; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.zbox .swiper-slide .wen div p{ font-size:14px; line-height:24px; display:block; color:#fff;}
.zbox .swiper-slide:hover .wen div{ bottom:0;}
.zbox .swiper-slide .bt{ padding:12px 20px; padding-bottom:0; font-size:18px; line-height:28px; height:28px;}
.zbox .swiper-slide:hover .bt{ font-weight:bold; color:#0075c1;}

/*服务优势*/
.ybox{ width:100%; padding:65px 0; position:relative; background-position:center; background-repeat:no-repeat;}
.ybox .bg{ width:100%; height:100%; background-color:#0075c1; position:absolute; left:0; top:0; z-index:1; opacity:0.9;}
.ybox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.ybox .box .left{ padding-top:64px; float:left; width:600px;}
.ybox .box .title{ position:relative; font-weight:bold; z-index:1;}
.ybox .box .title b{ display:block; color:#fff; opacity:0.1; font-size:120px; line-height:140px; text-transform:capitalize; position:absolute; left:-50px; top:-37px; z-index:1;}
.ybox .box .title p{ display:block; color:#fff; position:relative; z-index:3; font-size:18px; line-height:30px; text-transform:capitalize;}
.ybox .box .title span{ display:block; color:#fff; position:relative; z-index:3; font-size:30px; line-height:40px; margin-top:5px;}
.ybox .left .y01{ color:#fff; font-size:24px; line-height:34px; margin-top:40px;}
.ybox .left .y02{ color:#fff; font-size:18px; line-height:28px; margin-top:10px;}
.ybox .left .y03{ color:#fff; font-size:14px; line-height:30px; margin-top:17px;}
.ybox .right{ width:519px; float:right; margin-top:5px;}
.ybox .right .swiper-container{ width:518px; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3);}
.ybox .right .swiper-slide{ width:100%; display:block; overflow:hidden;}
.ybox .right .item{ float:left; position:relative; height:258px; padding:0 29px; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); width:50%; box-sizing:border-box;}
.ybox .right .item .y01{ font-size:18px; line-height:72px; color:#ccc; position:absolute; right:29px; top:0;}
.ybox .right .item .y02{ padding-top:119px; height:50px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .right .item .y02 img{ display:block; height:50px;}
.ybox .right .item .y03{ font-size:18px; line-height:28px; color:#fff; margin-top:15px; height:28px;}
.ybox .right .item .y04{ font-size:14px; line-height:24px; color:#ccc; height:24px;}
.ybox .right .item:hover .y02{ padding-top:109px;}
.ybox .right .swi{ margin-top:24px;}
.ybox .right .swi .swiper-pagination{ float:left; height:10px; overflow:hidden; margin:7px 0;}
.ybox .right .swi .swiper-pagination span{ width:10px; height:10px; display:block; cursor:pointer; background-color:#fff; opacity:0.5; overflow:hidden; border-radius:100%; float:left; margin-right:10px;}
.ybox .right .swi .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
.ybox .right .swi a{ display:block; float:right; font-size:14px; color:#fff; line-height:24px;}

/*成功案例*/
.cbox{ width:100%; padding-top:65px; padding-bottom:70px;}
.cbox .box{ width:1200px; margin:auto; position:relative;}
.cbox .box .title{ position:relative; font-weight:bold; z-index:1;}
.cbox .box .title b{ display:block; color:#333; opacity:0.05; font-size:120px; line-height:140px; text-transform:capitalize; position:absolute; left:-50px; top:-37px; z-index:1;}
.cbox .box .title p{ display:block; position:relative; z-index:3; font-size:18px; line-height:30px; text-transform:capitalize;}
.cbox .box .title span{ display:block; position:relative; z-index:3; font-size:30px; line-height:40px; margin-top:5px;}
.cbox .box .title .more{ width:170px; height:46px; position:absolute; right:0; bottom:5px; z-index:5;}
.cbox .box .title .more a{ padding:0 30px; display:block; box-sizing:border-box; width:100%; height:46px; line-height:46px; border-radius:46px; color:#fff; font-size:14px; background-color:#0075c1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .title .more a img{ float:right; margin:19px 0; display:block;}
.cbox .box .title .more a:hover{ padding-right:55px;}
.cbox .box .list{ width:1224px;}
.cbox .box .list a{ display:flex; align-items:center; width:280px; height:130px; border:1px solid #cacaca; overflow:hidden; margin-top:25px; margin-right:24px; float:left; position:relative;}
.cbox .box .list a img{ max-width:240px; max-height:80px; display:block; margin:auto;}
.cbox .box .list a p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,117,193,0.9); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.cbox .box .list a p span{ width:240px; text-align:center; display:block; font-size:18px; line-height:28px; max-height:112px; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.cbox .box .list a:hover p{ opacity:1;}

/*联系我们*/
.lbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#0075c1; position:relative;}
.lbox #map{ width:55%; height:100%; position:absolute; right:0; top:0; z-index:1; display:flex; align-items:center;}
.lbox #map>img{ max-width:100%; max-height:100%; display:block; margin:auto;}
.lbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.lbox .box .title{ position:relative; font-weight:bold; z-index:1;}
.lbox .box .title b{ display:block; color:#fff; opacity:0.05; font-size:120px; line-height:140px; text-transform:capitalize; position:absolute; left:-50px; top:-37px; z-index:1;}
.lbox .box .title p{ display:block; position:relative; z-index:3; color:#fff; font-size:18px; line-height:30px; text-transform:capitalize;}
.lbox .box .title span{ display:block; position:relative; z-index:3; color:#fff; font-size:30px; line-height:40px; margin-top:5px;}
.lbox .box .lx{ width:450px; padding-top:40px; display:block;}
.lbox .box .lx dt{ display:block; overflow:hidden; margin-top:20px;}
.lbox .box .lx dt span{ display:block; width:40px; float:left; padding-top:5px;}
.lbox .box .lx dt span img{ display:block; width:20px;}
.lbox .box .lx dt p{ display:block; width:calc(100% - 40px); float:left; font-size:16px; line-height:26px; color:#fff;}
.lbox .box .lx dd{ display:block; margin-top:34px; display:flex; align-items:center;}
.lbox .box .lx dd strong{ display:block; width:120px; padding:10px; background-image:url(../images/l04_41.jpg); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.lbox .box .lx dd strong img{ display:block; width:100%;}
.lbox .box .lx dd p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-left:20px;}

/*footer*/
.footer{ width:100%; padding:45px 0; background-color:#222;}
.footer .link{ width:1200px; margin:auto; border-bottom:1px solid #333; padding-bottom:9px;}
.footer .link .left{ width:190px; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase;}
.footer .link .left p{ display:block; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right{ max-width:1010px; float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:40px; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right a:hover{ color:#0075c1;}
.footer .foot{ width:1200px; margin:auto; position:relative;}
.footer .foot .left{ width:490px; float:left; padding-top:6px; height:168px;}
.footer .foot .left span{ display:block; overflow:hidden;}
.footer .foot .left span a{ height:62px; line-height:62px; font-size:16px; color:#fff; display:block; float:left; margin-right:27px;}
.footer .foot .left span a:hover{ color:#0075c1;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:30px; height:90px; color:#999;}
.footer .foot .mil{ width:120px; position:absolute; left:50%; margin-left:-60px; top:30px;}
.footer .foot .mil strong{ width:120px; height:120px; display:block; background-color:#fff; overflow:hidden;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; text-align:center; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#999; padding-top:3px;}
.footer .foot .right{ width:490px; float:right; padding-top:35px; height:139px; text-align:right;}
.footer .foot .right span{ display:block; font-size:14px; line-height:22px; color:#fff;}
.footer .foot .right span a{ display:block; font-size:30px; line-height:40px; color:#fff;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:30px;}
.footer .foot .right p a{ color:#999;}

/*内页*/
.ban{ width:100%; height:310px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.ban .box{ padding-top:80px; height:230px; background-color:rgba(0,0,0,0.7); display:flex; align-items:center;}
.ban .box p{ width:1200px; margin:auto;}
.ban .box p span{ display:block; font-size:54px; line-height:64px; color:#fff; text-transform:capitalize;}
.ban .box p a{ display:block; font-size:30px; line-height:40px; color:#fff; margin-top:10px;}

.wbox{ width:100%; background-color:#eee;}
.wbox .box{ width:1200px; margin:auto;}
.wbox .box p{ display:block; float:left; font-size:14px; line-height:50px;}
.wbox .box span{ display:block; float:right;}
.wbox .box span a{ display:block; float:left; position:relative; line-height:50px; height:50px; position:relative; font-size:14px; margin-left:20px;}
.wbox .box span a.on b,.wbox .box span a:hover b{ width:100%; height:2px; display:block; background-color:#0075c1; position:absolute; left:0; bottom:0;}

/*关于我们*/
.ab01{ width:100%; padding:65px 0;}
.ab01 .title{ width:1200px; margin:auto; text-align:center;}
.ab01 .title span{ display:block; text-transform:uppercase; font-size:14px; line-height:24px; color:#999;}
.ab01 .title p{ display:block; font-size:30px; line-height:40px; color:#333; font-weight:bold;}
.ab01 .title b{ width:40px; height:2px; display:block; margin:auto; background-color:#0075c1; overflow:hidden; margin-top:10px;}
.ab01 .box{ width:1200px; margin:auto; margin-top:30px; display:flex;}
.ab01 .box .left{ width:540px; padding:30px 0; margin-right:60px;}
.ab01 .box .left .a01{ font-size:24px; font-weight:bold; line-height:34px;}
.ab01 .box .left .a02{ font-size:16px; line-height:26px; margin-top:15px; color:#0075c1;}
.ab01 .box .left .a03{ font-size:14px; line-height:24px; margin-top:10px;}
.ab01 .box .right{ width:540px; padding:30px; border-radius:10px; background-color:#eee;}
.ab01 .box .right .a01{ font-size:24px; font-weight:bold; line-height:34px;}
.ab01 .box .right .a02{ font-size:14px; line-height:24px; margin-top:15px;}

.ab02{ width:100%; height:460px; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}

.ab03{ width:100%; padding:65px 0;}
.ab03 .title{ width:1200px; margin:auto; text-align:center;}
.ab03 .title span{ display:block; text-transform:uppercase; font-size:14px; line-height:24px; color:#999;}
.ab03 .title p{ display:block; font-size:30px; line-height:40px; color:#333; font-weight:bold;}
.ab03 .title b{ width:40px; height:2px; display:block; margin:auto; background-color:#0075c1; overflow:hidden; margin-top:10px;}
.ab03 .box{ width:1200px; margin:auto;}
.ab03 .box dl{ width:100%; display:block; position:relative;}
.ab03 .box dl b{ width:1px; height:100%; background-color:#ddd; position:absolute; left:20px; top:0; z-index:0; display:block;}
.ab03 .box dl dt{ display:block; position:relative; z-index:9; margin-bottom:30px;}
.ab03 .box dl dt img{ display:block;}
.ab03 .box dl dd{ display:block; position:relative; z-index:9; margin-bottom:25px; padding-left:61px; background-image:url(../images/line_03.jpg); background-position:left 10px; background-repeat:no-repeat; margin-left:15px; overflow:hidden;}
.ab03 .box dl dd span{ display:block; width:120px; height:31px; margin-bottom:5px; line-height:32px; float:left; text-align:center; font-size:14px; border-radius:30px; background-color:#0075c1; color:#fff;}
.ab03 .box dl dd p{ font-size:14px; line-height:24px; padding-top:4px; width:calc(100% - 140px); float:right; display:block;}

.ab04{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#eee;}
.ab04 .title{ width:1200px; margin:auto; text-align:center;}
.ab04 .title span{ display:block; text-transform:uppercase; font-size:14px; line-height:24px; color:#999;}
.ab04 .title p{ display:block; font-size:30px; line-height:40px; color:#333; font-weight:bold;}
.ab04 .title b{ width:40px; height:2px; display:block; margin:auto; background-color:#0075c1; overflow:hidden; margin-top:10px;}
.ab04 .box{ width:1200px; margin:auto; padding-top:10px;}
.ab04 .box .honor{ width:1220px;}
.ab04 .box .honor a{ width:285px; height:400px; display:block; float:left; margin-right:20px; margin-top:20px; position:relative; overflow:hidden; cursor:pointer;}
.ab04 .box .honor a img{ width:100%; display:block;}
.ab04 .box .honor p{ display:block; width:100%; height:40px; position:absolute; left:0; bottom:0; background-color:rgba(0,117,193,0.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box .honor span{ display:block; width:245px; text-align:center; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ab04 .box .honor a:hover p{ height:100%;}
.ab04 .box .honor a:hover p span{ height:auto;}

.ab05{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#0075c1;}
.ab05 .title{ width:1200px; margin:auto; text-align:center;}
.ab05 .title span{ display:block; text-transform:uppercase; font-size:14px; line-height:24px; color:#fff;}
.ab05 .title p{ display:block; font-size:30px; line-height:40px; color:#fff; font-weight:bold;}
.ab05 .title b{ width:40px; height:2px; display:block; margin:auto; background-color:#fff; overflow:hidden; margin-top:10px;}
.ab05 .box{ width:1100px; padding:0 50px; position:relative; margin:auto; padding-top:30px;}

.ab05 .box .swiper-button-prev{ width:30px; height:30px; position:absolute; left:0; top:50%; border-radius:100%; margin-top:-15px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,0.5); background-image:url(../images/left.png);}
.ab05 .box .swiper-button-next{ width:30px; height:30px; position:absolute; right:0; top:50%; border-radius:100%; margin-top:-15px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,0.5); background-image:url(../images/right.png);}
.ab05 .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.ab05 .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.ab05 .box .swiper-container{ width:100%; overflow:hidden;}
.ab05 .box .swiper-container .swiper-slide{ display:block; overflow:hidden; position:relative; height:380px; background-color:#fff; cursor:pointer;}
.ab05 .box .swiper-container .swiper-slide dt{ width:240px; height:300px; margin:10px; margin-bottom:0; overflow:hidden; position:relative;}
.ab05 .box .swiper-container .swiper-slide dt img{ height:300px; display:block;}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.66); opacity:0; transition:all .5s}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay .overlay-label{ margin:122px auto 0; padding:10px 0; width:81px; height:34px; color:#fff; font-size:14px; font-weight:400; text-align:center; position:relative; overflow:hidden; opacity:0; box-sizing:border-box;}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay .overlay-label .line-up-box1{ overflow:hidden; width:50%; position:absolute; top:0; left:0}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay .overlay-label .line-up-box1 .line{ border-top:1px solid #fff; transition:all .5s}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay .overlay-label .line-up-box2{ overflow:hidden; width:50%; position:absolute; top:0; right:0}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay .overlay-label .line-up-box2 .line{ border-top:1px solid #fff; transition:all .5s}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay .overlay-label .line-bot-box1{ overflow:hidden; width:50%; position:absolute; bottom:0; left:0}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay .overlay-label .line-bot-box1 .line{ border-top:1px solid #fff; transition:all .5s}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay .overlay-label .line-bot-box2{ overflow:hidden; width:50%; position:absolute; bottom:0; right:0}
.ab05 .box .swiper-container .swiper-slide dt .card-overlay .overlay-label .line-bot-box2 .line{ border-top:1px solid #fff; transition:all .5s}
.ab05 .box .swiper-container .swiper-slide dt:hover .card-overlay,.ab05 .box .swiper-container .swiper-slide dt:hover .card-overlay .overlay-label{ opacity:1}
.ab05 .box .swiper-container .swiper-slide dt:hover img{ -webkit-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07)}
.ab05 .box .swiper-container .swiper-slide dt:hover .line-bot-box1 .line{ margin-left:38px}
.ab05 .box .swiper-container .swiper-slide dt:hover .line-bot-box2 .line{ margin-right:38px}
.ab05 .box .swiper-container .swiper-slide dt:hover .line-up-box1 .line{ margin-left:38px}
.ab05 .box .swiper-container .swiper-slide dt:hover .line-up-box2 .line{ margin-right:38px}
.ab05 .box .swiper-container .swiper-slide dd{ padding:10px 20px; height:50px; display:block; overflow:hidden;}
.ab05 .box .swiper-container .swiper-slide dd span{ display:block; height:26px; line-height:26px; font-size:18px; overflow:hidden;}
.ab05 .box .swiper-container .swiper-slide dd p{ display:block; height:24px; line-height:24px; font-size:12px; color:#999; overflow:hidden;}

.tkbox{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.3); z-index:9999; display:none;}
.tkbox .box{ padding:60px 50px; border:5px solid #0075c1; width:980px; border-radius:40px; background-color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.tkbox .box .close{ position:absolute; right:15px; top:15px; cursor:pointer;}
.tkbox .box .close img{ display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.tkbox .box .close img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.tkbox .box .left{ width:205px; float:left; text-align:center;}
.tkbox .box .left strong{ width:100%; display:block; overflow:hidden;}
.tkbox .box .left strong img{ width:100%; display:block;}
.tkbox .box .left span{ width:100%; display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px;}
.tkbox .box .left p{ width:100%; display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.tkbox .box .right{ width:740px; float:right; font-size:14px;}

/*主营业务*/
.zy01{ width:100%; padding:65px 0; background-color:#fff;}
.zy01 .title{ width:1200px; margin:auto; text-align:center;}
.zy01 .title span{ display:block; text-transform:uppercase; font-size:14px; line-height:24px; color:#999;}
.zy01 .title p{ display:block; font-size:30px; line-height:40px; color:#333; font-weight:bold;}
.zy01 .title b{ width:40px; height:2px; display:block; margin:auto; background-color:#0075c1; overflow:hidden; margin-top:10px;}
.zy01 .box{ width:1200px; margin:auto;}
.zy01 .box ul{ width:1225px; display:block; overflow:hidden;}
.zy01 .box li{ float:left; margin-top:30px; margin-right:20px; width:285px; display:block; overflow:hidden;}
.zy01 .box li .wen{ width:100%; height:364px; position:relative;}
.zy01 .box li .wen>img{ width:100%; display:block;}
.zy01 .box li .wen b{ display:block; position:absolute; left:-21px; top:30px;}
.zy01 .box li .wen b img{ display:block;}
.zy01 .box li .wen div{ padding:24px 20px; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:-100%; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.zy01 .box li .wen div p{ font-size:14px; line-height:24px; display:block; color:#fff;}
.zy01 .box li:hover .wen div{ bottom:0;}
.zy01 .box li .bt{ padding:12px 20px; padding-bottom:0; font-size:18px; line-height:28px; height:28px;}
.zy01 .box li:hover .bt{ font-weight:bold; color:#0075c1;}

.zy02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.zy02 .title{ width:1200px; margin:auto; text-align:center;}
.zy02 .title span{ display:block; text-transform:uppercase; font-size:14px; line-height:24px; color:#999;}
.zy02 .title p{ display:block; font-size:30px; line-height:40px; color:#333; font-weight:bold;}
.zy02 .title b{ width:40px; height:2px; display:block; margin:auto; background-color:#0075c1; overflow:hidden; margin-top:10px;}
.zy02 .box{ width:1200px; margin:auto;}
.zy02 .box ul{ width:1230px; display:block; overflow:hidden;}
.zy02 .box ul li{ width:380px; height:330px; display:block; float:left; margin-top:30px; margin-right:30px;}
.zy02 .box ul li a{ width:100%; display:block; height:330px; overflow:hidden;}
.zy02 .box ul li .tu{ width:100%; height:240px; position:relative;}
.zy02 .box ul li .tu img{ width:100%; display:block;}
.zy02 .box ul li .tu b{ width:100%; height:100%; display:block; background-color:rgba(0,117,193,0.7); position:absolute; left:0; top:0; background-image:url(../images/xq.png); background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.zy02 .box ul li a:hover .tu b{ opacity:1;}
.zy02 .box ul li .wen{ padding:19px 20px; height:52px; background-color:#fff; position:relative;}
.zy02 .box ul li .wen span{ width:290px; font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden;}
.zy02 .box ul li .wen p{ width:290px; font-size:14px; height:24px; line-height:24px; color:#999; display:block; overflow:hidden;}
.zy02 .box ul li .wen b{ width:40px; height:40px; border-radius:100%; position:absolute; right:20px; top:25px; background-color:#0075c1; background-image:url(../images/more.png); background-size:14px auto; background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.zy02 .box ul li a:hover .wen b{ opacity:1;}
.zy02 .box ul li a:hover .wen{ background-color:#f1f1f1;}

.zy02 .box .xin{ width:100%; display:block; overflow:hidden;}
.zy02 .box .xin dd{ width:100%; display:block; margin-top:30px; background-color:#f1f1f1; overflow:hidden; border-radius:10px;}
.zy02 .box .xin dd a{ display:block; overflow:hidden; padding:30px;}
.zy02 .box .xin dd .tu{ width:285px; float:left; height:180px; position:relative;}
.zy02 .box .xin dd .tu img{ width:100%; display:block;}
.zy02 .box .xin dd .tu b{ width:100%; height:100%; display:block; background-color:rgba(0,117,193,0.7); position:absolute; left:0; top:0; background-image:url(../images/xq.png); background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.zy02 .box .xin dd a:hover .tu b{ opacity:1;}
.zy02 .box .xin dd .wen{ width:calc(100% - 305px); height:180px; margin-left:20px; float:left; position:relative;}
.zy02 .box .xin dd .wen span{ width:100%; font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden; font-weight:bold; float:left; padding-top:5px;}
.zy02 .box .xin dd .wen p{ width:100%; float:left; font-size:14px; height:72px; line-height:24px; color:#999; display:block; overflow:hidden; margin-top:10px;}
.zy02 .box .xin dd .wen b{ width:40px; height:40px; border-radius:100%; background-color:#0075c1; background-image:url(../images/more.png); background-size:14px auto; background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; display:block; float:right; margin-top:15px;}
.zy02 .box .xin dd a:hover .wen b{ background-color:#333;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#0075c1;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#0075c1;}

/*主营业务内页*/
.zy02 .ny{ width:1200px; margin:auto; margin-top:25px;}
.zy02 .ny .bt{ text-align:center; color:#0075c1; font-size:20px; line-height:30px;}
.zy02 .ny .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; padding:5px 0; border-bottom:1px solid #eee;}
.zy02 .ny .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.zy02 .ny .wen img{ max-width:100%; height:auto;}
.zy02 .ny .back{ margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.zy02 .ny .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.zy02 .ny .back p a{ max-width:60%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.zy02 .ny .back p a:hover{ color:#0075c1;}
.zy02 .ny .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.zy02 .ny .back span a:hover{ color:#0075c1;}

/*成功案例*/
.case{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.case .title{ width:1200px; margin:auto; text-align:center;}
.case .title span{ display:block; text-transform:uppercase; font-size:14px; line-height:24px; color:#999;}
.case .title p{ display:block; font-size:30px; line-height:40px; color:#333; font-weight:bold;}
.case .title b{ width:40px; height:2px; display:block; margin:auto; background-color:#0075c1; overflow:hidden; margin-top:10px;}
.case .box{ width:1200px; margin:auto; padding-top:5px;}
.case .box .list{ width:1224px; display:block; overflow:hidden;}
.case .box .list a{ display:flex; align-items:center; width:280px; height:130px; border:1px solid #cacaca; overflow:hidden; margin-top:25px; margin-right:24px; float:left; position:relative;}
.case .box .list a img{ max-width:240px; max-height:80px; display:block; margin:auto;}
.case .box .list a p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,117,193,0.9); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.case .box .list a p span{ width:240px; text-align:center; display:block; font-size:18px; line-height:28px; max-height:112px; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case .box .list a:hover p{ opacity:1;}

/*服务优势*/
.ys{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.ys .title{ width:1200px; margin:auto; text-align:center;}
.ys .title span{ display:block; text-transform:uppercase; font-size:14px; line-height:24px; color:#999;}
.ys .title p{ display:block; font-size:30px; line-height:40px; color:#333; font-weight:bold;}
.ys .title b{ width:40px; height:2px; display:block; margin:auto; background-color:#0075c1; overflow:hidden; margin-top:10px;}
.ys .box{ width:1200px; margin:auto; padding-top:5px;}
.ys .box ul{ width:1240px; display:flex; flex-wrap:wrap; overflow:hidden;}
.ys .box ul li{ display:block; width:270px; text-align:center; margin-right:40px; margin-top:25px; overflow:hidden; padding:50px 30px; padding-bottom:45px; background-color:#eee; border-radius:10px; box-sizing:border-box;}
.ys .box ul li strong{ width:100px; height:100px; display:block; border-radius:100%; background-color:#0075c1; margin:auto; overflow:hidden;}
.ys .box ul li strong img{ display:block; height:50px; margin:25px auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ys .box ul li span{ margin-top:20px; font-size:18px; line-height:28px; display:block; font-weight:bold;}
.ys .box ul li b{ width:50px; height:2px; display:block; margin:15px auto; background-color:#999; overflow:hidden;}
.ys .box ul li p{ font-size:14px; line-height:24px; display:block;}
.ys .box ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.ys .box ul li:hover span{ color:#0075c1;}

/*联系我们*/
.lx01{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.lx01 .title{ width:1200px; margin:auto; text-align:center;}
.lx01 .title span{ display:block; text-transform:uppercase; font-size:14px; line-height:24px; color:#999;}
.lx01 .title p{ display:block; font-size:30px; line-height:40px; color:#333; font-weight:bold;}
.lx01 .title b{ width:40px; height:2px; display:block; margin:auto; background-color:#0075c1; overflow:hidden; margin-top:10px;}
.lx01 .box{ width:1200px; margin:auto; padding-top:30px;}
.lx01 .right{ width:704px; float:right;}
.lx01 .right #map{ width:100%;}
.lx01 .right #map>img{ width:100%; display:block;}
.lx01 .left{ width:450px; float:left; padding-top:50px;}
.lx01 .list{ width:100%; display:block;}
.lx01 .list li{ padding-left:60px; display:block; margin-bottom:30px; background-position:left top; background-repeat:no-repeat;}
.lx01 .list li span{ display:block; font-size:14px; line-height:22px; overflow:hidden;}
.lx01 .list li p{ display:block; font-size:18px; line-height:26px; overflow:hidden;}
.lx01 .list01{ display:block; display:flex; align-items:center; padding-top:20px;}
.lx01 .list01 strong{ display:block; width:120px; padding:10px; background-image:url(../images/l05_10.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.lx01 .list01 strong img{ display:block; width:100%;}
.lx01 .list01 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:20px;}