@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ margin:0; padding:0; font-family:"Microsoft YaHei","微软雅黑",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; font-size:14px; line-height:24px; color:#333;}
a{ text-decoration:none; color:#333;}
*{ outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input[type=submit],input[type=button],select{ -webkit-appearance:none;}

.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; z-index:1; position:relative;}
.swiper-slide.swiper-slide-active{ z-index:9; 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;}

/*header*/
.header *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.header{ width:100%; height:80px; background-color:#fff; position:relative; z-index:9;}
.header .box{ width:1200px; margin:auto;}
.header .box .logo{ height:50px; float:left; padding:15px 0;}
.header .box .logo a{ display:block; background-image:none !important;}
.header .box .logo img{ display:block; height:50px;}
.header .box .nav_btn{ display:none;}
.header .box .nav{ display:block; float:right; overflow:hidden;}
.header .box .nav li{ display:block; float:left; height:80px; margin-left:60px; position:relative;}
.header .box .nav li a{ display:block; overflow:hidden; height:80px; line-height:80px; font-size:14px;}
.header .box .nav li a:hover,.header .box .nav li.on a{ color:#024e7f;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.header{ width:100%; height:80px; background-color:#fff; position:relative; z-index:9;}
.header .box{ width:94%; margin:auto;}
.header .box .logo{ height:50px; float:left; padding:15px 0;}
.header .box .logo a{ display:block; background-image:none !important;}
.header .box .logo img{ display:block; height:50px;}
.header .box .nav_btn{ display:none;}
.header .box .nav{ display:block; float:right; overflow:hidden;}
.header .box .nav li{ display:block; float:left; height:80px; margin-left:60px; position:relative;}
.header .box .nav li a{ display:block; overflow:hidden; height:80px; line-height:80px; font-size:14px;}
.header .box .nav li a:hover,.header .box .nav li.on a{ color:#024e7f;}
}
@media only screen and (max-width: 768px){
.header{ width:100%; height:60px; background-color:#fff; position:relative; z-index:9;}
.header .box{ width:94%; margin:auto; height:60px; position:relative;}
.header .box .logo{ height:40px; margin:10px 0; float:left;}
.header .box .logo a{ background-position:center; background-repeat:no-repeat; display:block; overflow:hidden;}
.header .box .logo img{ height:40px; display:block; visibility:hidden;}
.header .box .nav{ display:none;}
.header .box .nav_btn{ height:30px; float:right; margin:15px 0; background-image:url(../images/nav.png); padding-left:30px; background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:30px;}

.nav_list *{ margin:0; padding:0; border:none; list-style:none;}
.nav_list{ width:100%; height:100%; box-sizing:border-box; overflow:hidden; box-sizing:border-box; position:absolute; left:0; top:0; padding-top:60px; background-color:rgba(0,0,0,0.5); overflow:hidden; z-index:8;}
.nav_list b{ width:13.2%; display:block; float:left; height:100%;}
.nav_list ul{ display:block; float:right; width:86.8%; box-sizing:border-box; height:100%; background-color:rgba(2,78,127,0.9); padding:10% 0;}
.nav_list ul li{ width:100%; text-align:center; display:block; font-size:16px; line-height:36px; height:36px;}
.nav_list ul li a{ color:#fff; text-transform:uppercase;}
}

/*banner*/
.banner *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.banner{ width:100%; height:calc(100% - 80px); position:relative; z-index:0;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:0; overflow:hidden;}
.banner .swiper-container a{ width:100%; height:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-container a img{ display:none;}
.banner .swiper-pagination{ width:100%; overflow:hidden; position:absolute; left:0; bottom:20px; text-align:center;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:100%; background-color:rgba(255,255,255,0.7); display:inline-block; margin:0 5px; cursor:pointer; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#024e7f;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.banner{ width:100%; max-height:calc(100% - 80px); position:relative; z-index:0;}
.banner .swiper-container{ width:100%; position:relative; z-index:0; overflow:hidden;}
.banner .swiper-container a{ width:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-container a img{ width:100%; display:block;}
.banner .swiper-pagination{ width:100%; overflow:hidden; position:absolute; left:0; bottom:15px; text-align:center;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:100%; background-color:rgba(255,255,255,0.7); display:inline-block; margin:0 5px; cursor:pointer; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#024e7f;}
}
@media only screen and (max-width: 768px){
.banner{ width:100%; position:relative; z-index:0;}
.banner .swiper-container{ width:100%; position:relative; z-index:0; overflow:hidden;}
.banner .swiper-container a{ width:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-container a img{ width:100%; display:block;}
.banner .swiper-pagination{ width:100%; overflow:hidden; position:absolute; left:0; bottom:10px; text-align:center;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:100%; background-color:rgba(255,255,255,0.7); display:inline-block; margin:0 5px; cursor:pointer; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#024e7f;}
}

/*遥聚科技*/
.abox *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.abox{ width:100%; padding-top:94px; padding-bottom:100px; background-image:url(../images/abg_07.jpg); background-position:center; background-repeat:no-repeat;}
.abox .title{ font-weight:bold; font-size:30px; line-height:40px; color:#024e7f; text-indent:7px; letter-spacing:7px; width:1200px; margin:auto; text-align:center;}
.abox .wen{ width:1200px; margin:20px auto; text-align:center; font-size:16px; line-height:26px;}
.abox .list{ width:1200px; margin:auto; padding-top:20px;}
.abox .list ul{ width:1280px; display:block; overflow:hidden;}
.abox .list ul li{ width:240px; display:block; float:left; text-align:center; overflow:hidden; margin-right:80px;}
.abox .list ul li .tu{ width:90px; height:90px; border-radius:100%; background-color:#024e7f; margin:auto; -webkit-transition:1s linear; transition:1s ease-in;}
.abox .list ul li .tu img{ height:46px; display:block; margin:22px auto;}
.abox .list ul li:hover .tu{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.abox .list ul li .bt{ font-size:18px; line-height:28px; margin-top:15px;}
.abox .list ul li:hover .bt{ color:#024e7f;}
.abox .list ul li .wz{ font-size:14px; line-height:24px; margin-top:10px;}
.abox .line{ width:1200px; margin:auto; margin-top:25px;}
.abox .line img{ width:100%; display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.abox{ width:100%; padding-top:54px; padding-bottom:60px; background-image:url(../images/abg_07.jpg); background-position:center; background-repeat:no-repeat;}
.abox .title{ font-weight:bold; font-size:24px; line-height:34px; color:#024e7f; text-indent:5px; letter-spacing:5px; width:94%; margin:auto; text-align:center;}
.abox .wen{ width:94%; margin:15px auto; text-align:center; font-size:16px; line-height:26px;}
.abox .list{ width:94%; margin:auto; padding-top:15px;}
.abox .list ul{ width:100%; display:block; overflow:hidden;}
.abox .list ul li{ width:20.5%; display:block; float:left; text-align:center; overflow:hidden; margin-right:6%;}
.abox .list ul li:last-child{ margin-right:0;}
.abox .list ul li .tu{ width:80px; height:80px; border-radius:100%; background-color:#024e7f; margin:auto; -webkit-transition:1s linear; transition:1s ease-in;}
.abox .list ul li .tu img{ height:36px; display:block; margin:22px auto;}
.abox .list ul li:hover .tu{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.abox .list ul li .bt{ font-size:18px; line-height:28px; margin-top:10px;}
.abox .list ul li:hover .bt{ color:#024e7f;}
.abox .list ul li .wz{ font-size:14px; line-height:24px; margin-top:5px;}
.abox .line{ width:94%; margin:auto; margin-top:15px;}
.abox .line img{ width:100%; display:block;}
}
@media only screen and (max-width: 768px){
.abox{ width:100%; padding-top:24px; padding-bottom:30px; background-image:url(../images/abg_07.jpg); background-position:center; background-repeat:no-repeat;}
.abox .title{ font-weight:bold; font-size:20px; line-height:30px; color:#024e7f; width:94%; margin:auto; text-align:center;}
.abox .wen{ width:94%; margin:10px auto; text-align:center; font-size:14px; line-height:24px;}
.abox .list{ width:100%; margin:auto;}
.abox .list ul{ width:100%; display:block; overflow:hidden;}
.abox .list ul li{ width:45.5%; display:block; float:left; text-align:center; overflow:hidden; margin-left:3%; margin-top:10px;}
.abox .list ul li:nth-child(2n+1){ clear:left; float:left;}
.abox .list ul li .tu{ width:70px; height:70px; border-radius:100%; background-color:#024e7f; margin:auto; -webkit-transition:1s linear; transition:1s ease-in;}
.abox .list ul li .tu img{ height:30px; display:block; margin:20px auto;}
.abox .list ul li:hover .tu{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.abox .list ul li .bt{ font-size:18px; line-height:28px; margin-top:5px;}
.abox .list ul li:hover .bt{ color:#024e7f;}
.abox .list ul li .wz{ font-size:14px; line-height:24px;}
.abox .line{ display:none;}
}

/*Tier3+星级IDC机房*/
.pbox *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.pbox{ width:100%; padding-top:94px; padding-bottom:100px; background-image:url(../images/pbg.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.pbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}
.pbox .title{ position:relative; z-index:9; font-weight:bold; font-size:30px; line-height:40px; color:#fff; text-indent:7px; letter-spacing:7px; width:1200px; margin:auto; text-align:center;}
.pbox .wen{ position:relative; z-index:9; width:990px; margin:40px auto; margin-bottom:0; text-align:center; font-size:16px; line-height:30px; color:#fff;}
.pbox .list{ width:1200px; margin:65px auto;}
.pbox .list ul{ width:1230px; display:block; overflow:hidden;}
.pbox .list ul li{ width:380px; margin-right:30px; display:block; float:left; text-align:center; overflow:hidden;}
.pbox .list ul li strong{ display:block; width:100%; overflow:hidden;}
.pbox .list ul li strong img{ height:80px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.pbox .list ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.pbox .list ul li p{ font-size:20px; line-height:30px; padding-top:10px; display:block; overflow:hidden; color:#fff;}
.pbox .lists{ width:1200px; margin:auto;}
.pbox .lists ul{ width:1230px; display:block; overflow:hidden;}
.pbox .lists ul li{ width:280px; padding:45px 50px; float:left; text-align:center; border-radius:10px; overflow:hidden; margin-right:30px;}
.pbox .lists ul li .bt{ font-size:20px; line-height:30px; height:30px; color:#fff;}
.pbox .lists ul li .wz{ font-size:14px; line-height:24px; height:48px; color:#fff; margin-top:10px;}
.pbox .lists ul li:hover{ background-color:rgba(255,255,255,0.7);}
.pbox .lists ul li:hover .bt{ color:#024e7f;}
.pbox .lists ul li:hover .wz{ color:#333;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.pbox{ width:100%; padding-top:54px; padding-bottom:60px; background-image:url(../images/pbg.jpg); background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.pbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}
.pbox .title{ position:relative; z-index:9; font-weight:bold; font-size:24px; line-height:34px; color:#fff; text-indent:5px; letter-spacing:5px; width:94%; margin:auto; text-align:center;}
.pbox .wen{ position:relative; z-index:9; width:94%; margin:25px auto; margin-bottom:0; text-align:center; font-size:16px; line-height:26px; color:#fff;}
.pbox .list{ width:94%; margin:35px auto;}
.pbox .list ul{ width:100%; display:block; overflow:hidden;}
.pbox .list ul li{ width:32%; margin-right:2%; display:block; float:left; text-align:center; overflow:hidden;}
.pbox .list ul li:last-child{ margin-right:0;}
.pbox .list ul li strong{ display:block; width:100%; overflow:hidden;}
.pbox .list ul li strong img{ height:60px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.pbox .list ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.pbox .list ul li p{ font-size:18px; line-height:28px; padding-top:10px; display:block; overflow:hidden; color:#fff;}
.pbox .lists{ width:94%; margin:auto;}
.pbox .lists ul{ width:100%; display:block; overflow:hidden;}
.pbox .lists ul li{ width:32%; box-sizing:border-box; padding:25px 30px; float:left; text-align:center; border-radius:10px; overflow:hidden; margin-right:2%;}
.pbox .lists ul li:last-child{ margin-right:0;}
.pbox .lists ul li .bt{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.pbox .lists ul li .wz{ font-size:14px; line-height:24px; height:48px; color:#fff; margin-top:10px;}
.pbox .lists ul li:hover{ background-color:rgba(255,255,255,0.7);}
.pbox .lists ul li:hover .bt{ color:#024e7f;}
.pbox .lists ul li:hover .wz{ color:#333;}
}
@media only screen and (max-width: 768px){
.pbox{ width:100%; padding-top:24px; padding-bottom:30px; background-image:url(../images/abg_07.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.pbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}
.pbox .title{ position:relative; z-index:9; font-weight:bold; font-size:20px; line-height:30px; color:#fff; width:94%; margin:auto; text-align:center;}
.pbox .wen{ position:relative; z-index:9; width:94%; margin:10px auto; margin-bottom:0; text-align:center; font-size:14px; line-height:24px; color:#fff;}
.pbox .list{ width:94%; margin:15px auto;}
.pbox .list ul{ width:100%; display:block; overflow:hidden;}
.pbox .list ul li{ width:33.33%; display:block; float:left; text-align:center; overflow:hidden;}
.pbox .list ul li strong{ display:block; width:100%; overflow:hidden;}
.pbox .list ul li strong img{ height:40px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.pbox .list ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.pbox .list ul li p{ font-size:16px; line-height:26px; padding-top:5px; display:block; overflow:hidden; color:#fff;}
.pbox .lists{ width:94%; margin:auto;}
.pbox .lists ul{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.pbox .lists ul li{ width:100%; box-sizing:border-box; padding:10px 15px; float:left; text-align:center; border-radius:10px; overflow:hidden; margin-top:15px;}
.pbox .lists ul li:last-child{ margin-right:0;}
.pbox .lists ul li .bt{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.pbox .lists ul li .wz{ font-size:14px; line-height:24px; height:48px; color:#fff;}
.pbox .lists ul li:hover{ background-color:rgba(255,255,255,0.7);}
.pbox .lists ul li:hover .bt{ color:#024e7f;}
.pbox .lists ul li:hover .wz{ color:#333;}
}

/*团队10年技术积累*/
.tbox *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.tbox{ width:100%; padding:100px 0; background-color:#f1f1f1; position:relative;}
.tbox .box{ width:1200px; margin:auto;}
.tbox .box .left{ width:570px; float:left; padding-top:30px;}
.tbox .box .left .title{ padding-left:16px; border-left:4px solid #024e7f;}
.tbox .box .left .title strong{ display:block; overflow:hidden; font-size:30px; line-height:34px; color:#024e7f;}
.tbox .box .left .title b{ display:block; overflow:hidden; font-size:24px; line-height:28px; padding-top:8px;}
.tbox .box .left .wen{ font-size:18px; line-height:30px; margin-top:75px; margin-bottom:60px;}
.tbox .box .left .wz{ font-size:24px; line-height:34px;}
.tbox .box .left .wz a{ color:#024e7f;}
.tbox .box .right{ width:630px; float:right; margin-top:-20px;}
.tbox .box .right ul{ width:100%; display:block; overflow:hidden;}
.tbox .box .right ul li{ width:225px; padding:0 30px; display:block; float:left; overflow:hidden; margin-top:20px; margin-left:30px; background-position:center; background-repeat:no-repeat; background-size:cover; height:210px; background-image:url(../images/t01bg.png);}
.tbox .box .right ul li:nth-child(2){ background-image:url(../images/t02bg.png);}
.tbox .box .right ul li:nth-child(3){ background-image:url(../images/t02bg.png);}
.tbox .box .right ul li .tu{ width:100%; padding-top:35px;}
.tbox .box .right ul li .tu img{ height:60px; margin:auto; display:block;}
.tbox .box .right ul li .wen{ width:100%; margin-top:25px;}
.tbox .box .right ul li .wen p{ display:block; float:left;} 
.tbox .box .right ul li .wen p span{ display:block; overflow:hidden; font-size:30px; height:32px; line-height:32px; color:#024e7f;}
.tbox .box .right ul li .wen p a{ display:block; overflow:hidden; font-size:16px; height:28px; line-height:28px; color:#666;}
.tbox .box .right ul li .wen b{ display:block; float:right; font-weight:normal; font-size:48px; height:62px; line-height:62px; color:#ddd;} 
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.tbox{ width:100%; padding:60px 0; background-color:#f1f1f1; position:relative;}
.tbox .box{ width:94%; margin:auto;}
.tbox .box .left{ width:50%; float:left; padding-top:20px;}
.tbox .box .left .title{ padding-left:16px; border-left:4px solid #024e7f;}
.tbox .box .left .title strong{ display:block; overflow:hidden; font-size:24px; line-height:28px; color:#024e7f;}
.tbox .box .left .title b{ display:block; overflow:hidden; font-size:20px; line-height:24px; padding-top:5px;}
.tbox .box .left .wen{ font-size:18px; line-height:28px; margin-top:45px; margin-bottom:30px;}
.tbox .box .left .wz{ font-size:20px; line-height:30px;}
.tbox .box .left .wz a{ color:#024e7f;}
.tbox .box .right{ width:50%; float:right; margin-top:-15px;}
.tbox .box .right ul{ width:100%; display:block; overflow:hidden;}
.tbox .box .right ul li{ width:47%; box-sizing:border-box; padding:20px; padding-bottom:15px; display:block; float:left; overflow:hidden; margin-top:15px; margin-left:3%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/t01bg.png);}
.tbox .box .right ul li:nth-child(2){ background-image:url(../images/t02bg.png);}
.tbox .box .right ul li:nth-child(3){ background-image:url(../images/t02bg.png);}
.tbox .box .right ul li .tu{ width:100%;}
.tbox .box .right ul li .tu img{ height:50px; margin:auto; display:block;}
.tbox .box .right ul li .wen{ width:100%; margin-top:15px;}
.tbox .box .right ul li .wen p{ display:block; float:left;} 
.tbox .box .right ul li .wen p span{ display:block; overflow:hidden; font-size:24px; height:26px; line-height:26px; color:#024e7f;}
.tbox .box .right ul li .wen p a{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; color:#666;}
.tbox .box .right ul li .wen b{ display:block; float:right; font-weight:normal; font-size:40px; height:54px; line-height:54px; color:#ddd;} 
}
@media only screen and (max-width: 768px){
.tbox{ width:100%; padding:30px 0; background-color:#f1f1f1; position:relative;}
.tbox .box{ width:100%; margin:auto;}
.tbox .box .left{ width:94%; margin:auto;}
.tbox .box .left .title{ padding-left:16px; border-left:4px solid #024e7f;}
.tbox .box .left .title strong{ display:block; overflow:hidden; font-size:20px; line-height:24px; color:#024e7f;}
.tbox .box .left .title b{ display:block; overflow:hidden; font-size:16px; line-height:20px;}
.tbox .box .left .wen{ font-size:14px; line-height:24px; margin-top:15px; margin-bottom:10px;}
.tbox .box .left .wz{ font-size:18px; line-height:28px;}
.tbox .box .left .wz a{ color:#024e7f;}
.tbox .box .right{ width:100%;}
.tbox .box .right ul{ width:100%; display:block; overflow:hidden;}
.tbox .box .right ul li{ width:45.5%; box-sizing:border-box; padding:15px; padding-bottom:10px; display:block; float:left; overflow:hidden; margin-top:10px; margin-left:3%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/t01bg.png);}
.tbox .box .right ul li:nth-child(2){ background-image:url(../images/t02bg.png);}
.tbox .box .right ul li:nth-child(3){ background-image:url(../images/t02bg.png);}
.tbox .box .right ul li .tu{ width:100%;}
.tbox .box .right ul li .tu img{ height:40px; margin:auto; display:block;}
.tbox .box .right ul li .wen{ width:100%; margin-top:10px;}
.tbox .box .right ul li .wen p{ display:block; float:left;} 
.tbox .box .right ul li .wen p span{ display:block; overflow:hidden; font-size:20px; height:22px; line-height:22px; color:#024e7f;}
.tbox .box .right ul li .wen p a{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#666;}
.tbox .box .right ul li .wen b{ display:block; float:right; font-weight:normal; font-size:34px; height:48px; line-height:48px; color:#ddd;} 
}

/*我们的优势*/
.ybox *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.ybox{ width:1200px; margin:100px auto; position:relative;}
.ybox .left{ width:400px; position:absolute; right:0; top:0; text-align:right;}
.ybox .left .title strong{ display:block; font-size:30px; line-height:40px; color:#024e7f;}
.ybox .left .title p{ display:block; font-size:24px; line-height:34px; margin-top:5px;}
.ybox .left .title a{ display:block; height:3px; overflow:hidden; margin-top:15px;}
.ybox .left .title a img{ display:block; float:right; height:3px;}
.ybox .left .wen{ font-size:14px; line-height:24px; margin-top:25px; height:72px;}
.ybox .right{ width:100%;}
.ybox .right .tiem{ width:210px; height:270px; float:left; position:relative; border-radius:10px;}
.ybox .right .tiem:nth-child(1){ margin-top:104px;}
.ybox .right .tiem:nth-child(2){ margin-left:30px;}
.ybox .right .tiem:nth-child(3){ margin-top:115px; margin-left:30px;}
.ybox .right .tiem:nth-child(4){ margin-top:230px; margin-left:30px;}
.ybox .right .tiem .tu{ width:100%; height:270px; overflow:hidden;}
.ybox .right .tiem .tu img{ width:100%; display:block;}
.ybox .right .tiem .wen{ text-align:center; width:170px; padding:0 20px; height:270px; position:absolute; left:0; bottom:0; background-image:url(../images/ybg_25.png);}
.ybox .right .tiem:hover .wen{ background-image:none; background-color:rgba(2,78,127,0.9);}
.ybox .right .tiem .wen .y01{ padding-top:130px; font-size:20px; height:30px; line-height:30px; color:#fff; font-weight:bold;}
.ybox .right .tiem .wen .y02{ font-size:16px; height:22px; line-height:22px; color:#fff; text-transform:uppercase;}
.ybox .right .tiem .wen .y03{ margin-top:5px;}
.ybox .right .tiem .wen .y03 img{ display:block; margin:auto;}
.ybox .right .tiem .wen .y04{ font-size:14px; height:48px; line-height:24px; color:#fff; margin-top:15px;}
.ybox .right .tiem:hover .wen .y01{ padding-top:35px;}
.ybox .right .tiem:hover .wen .y04{ height:144px;}

.ybox .btitle{ text-align:center; font-weight:bold; font-size:30px; line-height:40px; margin:65px auto;}
.ybox .picMarquee-left{ width:1200px; margin:auto;}
.ybox .picMarquee-left li{ display:table; text-align:center; vertical-align:middle; width:160px; height:80px; margin-right:20px; overflow:hidden;}
.ybox .picMarquee-left li a{ display:table-cell; text-align:center; vertical-align:middle; width:160px; height:80px; overflow:hidden;}
.ybox .picMarquee-left li a img{ max-width:90%; max-height:90%; display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ybox{ width:94%; margin:60px auto; position:relative;}
.ybox .left{ width:33.33%; position:absolute; right:0; top:0; text-align:right;}
.ybox .left .title strong{ display:block; font-size:24px; line-height:34px; color:#024e7f;}
.ybox .left .title p{ display:block; font-size:20px; line-height:30px;}
.ybox .left .title a{ display:block; height:3px; overflow:hidden; margin-top:10px;}
.ybox .left .title a img{ display:block; float:right; height:3px;}
.ybox .left .wen{ font-size:14px; line-height:24px; margin-top:15px; height:72px;}
.ybox .right{ width:100%;}
.ybox .right .tiem{ width:17.5%; float:left; position:relative; border-radius:10px;}
.ybox .right .tiem:nth-child(1){ margin-top:104px;}
.ybox .right .tiem:nth-child(2){ margin-left:3%;}
.ybox .right .tiem:nth-child(3){ margin-top:115px; margin-left:3%;}
.ybox .right .tiem:nth-child(4){ margin-top:230px; margin-left:3%;}
.ybox .right .tiem .tu{ width:100%; overflow:hidden;}
.ybox .right .tiem .tu img{ width:100%; display:block;}
.ybox .right .tiem .wen{ text-align:center; width:90%; padding:0 5%; height:100%; position:absolute; left:0; bottom:0; background-image:url(../images/ybg_25.png);}
.ybox .right .tiem:hover .wen{ background-image:none; background-color:rgba(2,78,127,0.9);}
.ybox .right .tiem .wen .y01{ padding-top:calc(100% - 60px); font-size:18px; height:28px; line-height:28px; color:#fff; font-weight:bold;}
.ybox .right .tiem .wen .y02{ font-size:14px; height:20px; line-height:20px; color:#fff; text-transform:uppercase;}
.ybox .right .tiem .wen .y03{ margin-top:5px;}
.ybox .right .tiem .wen .y03 img{ display:block; margin:auto;}
.ybox .right .tiem .wen .y04{ font-size:14px; height:48px; line-height:24px; color:#fff; margin-top:10px;}
.ybox .right .tiem:hover .wen .y01{ padding-top:15px;}
.ybox .right .tiem:hover .wen .y04{ height:120px;}

.ybox .btitle{ text-align:center; font-weight:bold; font-size:24px; line-height:34px; margin:35px auto;}
.ybox .picMarquee-left{ width:94%; margin:auto;}
.ybox .picMarquee-left li{ display:table; text-align:center; vertical-align:middle; width:160px; height:80px; margin-right:15px; overflow:hidden;}
.ybox .picMarquee-left li a{ display:table-cell; text-align:center; vertical-align:middle; width:160px; height:80px; overflow:hidden;}
.ybox .picMarquee-left li a img{ max-width:90%; max-height:90%; display:block;}
}
@media only screen and (max-width: 768px){
.ybox{ width:100%; margin-bottom:30px; margin-top:25px;}
.ybox .left{ width:94%; margin:auto;}
.ybox .left .title strong{ display:block; font-size:20px; line-height:30px; color:#024e7f;}
.ybox .left .title p{ display:block; font-size:16px; line-height:22px;}
.ybox .left .title a{ display:block; height:3px; overflow:hidden; margin-top:5px;}
.ybox .left .title a img{ display:block; height:3px;}
.ybox .left .wen{ font-size:14px; line-height:24px; margin-top:10px; height:72px;}
.ybox .right{ width:100%;}
.ybox .right .tiem{ width:45.5%; float:left; position:relative; border-radius:10px; margin-top:15px; margin-left:3%;}
.ybox .right .tiem .tu{ width:100%; overflow:hidden;}
.ybox .right .tiem .tu img{ width:100%; display:block;}
.ybox .right .tiem .wen{ text-align:center; width:90%; padding:0 5%; height:100%; position:absolute; left:0; bottom:0; background-image:url(../images/ybg_25.png);}
.ybox .right .tiem:hover .wen{ background-image:none; background-color:rgba(2,78,127,0.9);}
.ybox .right .tiem .wen .y01{ padding-top:calc(100% - 60px); font-size:18px; height:28px; line-height:28px; color:#fff; font-weight:bold;}
.ybox .right .tiem .wen .y02{ font-size:14px; height:20px; line-height:20px; color:#fff; text-transform:uppercase;}
.ybox .right .tiem .wen .y03{ margin-top:5px;}
.ybox .right .tiem .wen .y03 img{ display:block; margin:auto;}
.ybox .right .tiem .wen .y04{ font-size:14px; height:48px; line-height:24px; color:#fff; margin-top:10px;}
.ybox .right .tiem:hover .wen .y01{ padding-top:15px;}
.ybox .right .tiem:hover .wen .y04{ height:144px;}

.ybox .btitle{ text-align:center; font-weight:bold; font-size:20px; line-height:30px; margin:15px auto;}
.ybox .picMarquee-left{ width:94%; margin:auto;}
.ybox .picMarquee-left li{ display:table; text-align:center; vertical-align:middle; width:160px; height:80px; margin-right:10px; overflow:hidden;}
.ybox .picMarquee-left li a{ display:table-cell; text-align:center; vertical-align:middle; width:160px; height:80px; overflow:hidden;}
.ybox .picMarquee-left li a img{ max-width:90%; max-height:90%; display:block;}
}

/*footer*/
.footer *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#f1f1f1;}
.footer .link{ width:1200px; margin:auto; padding:38px 0; border-bottom:1px solid #ddd;}
.footer .link span{ display:block; float:left; font-size:18px; margin-right:10px; height:24px; line-height:24px;}
.footer .link a{ display:block; float:left; margin-left:30px; height:24px; overflow:hidden;}
.footer .link a img{ display:block; height:24px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.footer .link a:hover img{ -webkit-transform:rotateY(-360deg);}
.footer .foot{ width:1200px; margin:40px auto; margin-bottom:35px;}
.footer .foot .left{ width:460px; float:left; height:154px; position:relative;}
.footer .foot .left p{ display:block; overflow:hidden; padding-top:20px; font-size:14px; line-height:24px;}
.footer .foot .left p a:hover{ color:#024e7f;}
.footer .foot .left p span{ margin:0 25px;}
.footer .foot .left b{ display:block; position:absolute; left:0; bottom:0; font-size:14px; line-height:24px; font-weight:normal; color:#666;}
.footer .foot .mil{ width:280px; float:left;}
.footer .foot .mil p{ width:120px; display:block; float:left; margin:0 10px; overflow:hidden; text-align:center;}
.footer .foot .mil p strong{ width:100px; height:100px; display:block; overflow:hidden; padding:9px; border:1px solid #ddd;}
.footer .foot .mil p a{ width:100px; height:100px; display:block; overflow:hidden;}
.footer .foot .mil p a img{ width:100%; display:block;}
.footer .foot .mil p span{ display:block; font-size:14px; line-height:24px; padding-top:10px; color:#999;}
.footer .foot .right{ width:460px; float:right; height:154px; position:relative;}
.footer .foot .right strong{ display:block; overflow:hidden; padding-top:10px;}
.footer .foot .right strong img{ height:50px; display:block; float:right;}
.footer .foot .right p{ text-align:right; display:block; position:absolute; right:0; bottom:0; font-size:14px; line-height:24px; font-weight:normal; color:#666;}
.footer .foot .right p a{ display:block; color:#666;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.footer{ width:100%; background-color:#f1f1f1;}
.footer .link{ width:94%; margin:auto; padding:28px 0; border-bottom:1px solid #ddd;}
.footer .link span{ display:block; float:left; font-size:18px; margin-right:10px; height:24px; line-height:24px;}
.footer .link a{ display:block; float:left; margin-left:20px; height:24px; overflow:hidden;}
.footer .link a img{ display:block; height:24px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.footer .link a:hover img{ -webkit-transform:rotateY(-360deg);}
.footer .foot{ width:94%; margin:30px auto; margin-bottom:25px;}
.footer .foot .left{ width:calc(60% - 140px); float:left; height:154px; position:relative;}
.footer .foot .left p{ display:block; overflow:hidden; padding-top:20px; font-size:14px; line-height:24px;}
.footer .foot .left p a:hover{ color:#024e7f;}
.footer .foot .left p span{ margin:0 20px;}
.footer .foot .left b{ display:block; position:absolute; left:0; bottom:0; font-size:14px; line-height:24px; font-weight:normal; color:#666;}
.footer .foot .mil{ width:280px; float:left;}
.footer .foot .mil p{ width:120px; display:block; float:left; margin:0 10px; overflow:hidden; text-align:center;}
.footer .foot .mil p strong{ width:100px; height:100px; display:block; overflow:hidden; padding:9px; border:1px solid #ddd;}
.footer .foot .mil p a{ width:100px; height:100px; display:block; overflow:hidden;}
.footer .foot .mil p a img{ width:100%; display:block;}
.footer .foot .mil p span{ display:block; font-size:14px; line-height:24px; padding-top:10px; color:#999;}
.footer .foot .right{ width:calc(40% - 140px); float:right; height:154px; position:relative;}
.footer .foot .right strong{ display:block; overflow:hidden; padding-top:10px;}
.footer .foot .right strong img{ height:50px; display:block; float:right;}
.footer .foot .right p{ text-align:right; display:block; position:absolute; right:0; bottom:0; font-size:14px; line-height:24px; font-weight:normal; color:#666;}
.footer .foot .right p a{ display:block; color:#666;}
}
@media only screen and (max-width: 768px){
.footer{ width:100%; background-color:#f1f1f1;}
.footer .link{ width:94%; margin:auto; padding:20px 0; border-bottom:1px solid #ddd;}
.footer .link span{ display:block; float:left; font-size:18px; height:24px; line-height:24px;}
.footer .link a{ display:block; float:left; margin-left:15px; height:24px; overflow:hidden;}
.footer .link a img{ display:block; height:24px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.footer .link a:hover img{ -webkit-transform:rotateY(-360deg);}
.footer .foot{ width:94%; margin:15px auto;}
.footer .foot .left{ width:100%; float:left; position:relative; text-align:center;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
.footer .foot .left p a:hover{ color:#024e7f;}
.footer .foot .left p span{ margin:0 20px;}
.footer .foot .left b{ display:block; font-size:14px; line-height:24px; font-weight:normal; color:#666; margin-top:5px;}
.footer .foot .mil{ width:280px; float:left; display:none;}
.footer .foot .mil p{ width:120px; display:block; float:left; margin:0 10px; overflow:hidden; text-align:center;}
.footer .foot .mil p strong{ width:100px; height:100px; display:block; overflow:hidden; padding:9px; border:1px solid #ddd;}
.footer .foot .mil p a{ width:100px; height:100px; display:block; overflow:hidden;}
.footer .foot .mil p a img{ width:100%; display:block;}
.footer .foot .mil p span{ display:block; font-size:14px; line-height:24px; padding-top:10px; color:#999;}
.footer .foot .right{ width:100%; float:right; position:relative; text-align:center;}
.footer .foot .right strong{ display:block; overflow:hidden; margin:10px;}
.footer .foot .right strong img{ height:50px; display:block; margin:auto;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; font-weight:normal; color:#666;}
.footer .foot .right p a{ color:#666;}
}

/*服务*/
.ban *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.ban{ width:100%; height:440px; display:table; text-align:center; vertical-align:middle; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:table-cell; text-align:center; vertical-align:middle;}
.ban .mask b{ text-transform:uppercase; display:block; color:#fff; font-size:48px; line-height:58px; text-indent:10px; letter-spacing:10px;}
.ban .mask p{ display:block; color:#fff; font-size:18px; line-height:28px; text-indent:5px; letter-spacing:5px; margin-top:10px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ban{ width:100%; height:340px; display:table; text-align:center; vertical-align:middle; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:table-cell; text-align:center; vertical-align:middle;}
.ban .mask b{ text-transform:uppercase; display:block; color:#fff; font-size:36px; line-height:40px; text-indent:5px; letter-spacing:5px;}
.ban .mask p{ text-transform:uppercase; display:block; color:#fff; font-size:16px; line-height:26px; text-indent:2px; letter-spacing:2px; margin-top:10px;}
}
@media only screen and (max-width: 768px){
.ban{ width:100%; height:240px; display:table; text-align:center; vertical-align:middle; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .mask{ width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:table-cell; text-align:center; vertical-align:middle;}
.ban .mask b{ display:block; color:#fff; font-size:24px; line-height:34px;}
.ban .mask p{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:5px;}
}

.fw01 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.fw01{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#eee;}
.fw01 .title{ width:1200px; margin:auto; text-align:center;}
.fw01 .title strong{ display:block; font-size:30px; line-height:40px; color:#024e7f; overflow:hidden;}
.fw01 .title p{ display:block; font-size:18px; line-height:34px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw01 .title a{ display:block; height:3px; margin-top:9px; overflow:hidden;}
.fw01 .title a img{ display:block; margin:auto;}
.fw01 .box{ width:1200px; margin:auto;}
.fw01 .box ul{ width:1230px; display:block;}
.fw01 .box ul li{ float:left; overflow:hidden; position:relative; width:240px; padding:0 20px; height:380px; border-radius:10px; background-color:#fff; margin-right:26px; margin-top:30px; text-align:center;}
.fw01 .box ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
.fw01 .box ul li strong{ display:block; overflow:hidden;}
.fw01 .box ul li strong img{ display:block; height:86px; margin:50px auto; margin-bottom:30px;}
.fw01 .box ul li b{ display:block; font-size:18px; line-height:28px;}
.fw01 .box ul li p{ display:block; font-size:14px; line-height:24px; margin-top:10px;}
.fw01 .box ul li:hover a{ display:block; width:50px; height:50px; background-image:url(../images/sbg_18.jpg); position:absolute; right:0; bottom:0;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.fw01{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#eee;}
.fw01 .title{ width:94%; margin:auto; text-align:center;}
.fw01 .title strong{ display:block; font-size:24px; line-height:34px; color:#024e7f; overflow:hidden;}
.fw01 .title p{ display:block; font-size:16px; line-height:32px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw01 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.fw01 .title a img{ display:block; margin:auto;}
.fw01 .box{ width:100%; margin:auto;}
.fw01 .box ul{ width:100%; display:block;}
.fw01 .box ul li{ float:left; overflow:hidden; position:relative; width:21.25%; padding:0 15px; box-sizing:border-box; height:300px; border-radius:10px; background-color:#fff; margin-left:3%; margin-top:25px; text-align:center;}
.fw01 .box ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
.fw01 .box ul li strong{ display:block; overflow:hidden;}
.fw01 .box ul li strong img{ display:block; height:60px; margin:30px auto; margin-bottom:10px;}
.fw01 .box ul li b{ display:block; font-size:18px; line-height:28px;}
.fw01 .box ul li p{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
}
@media only screen and (max-width: 768px){
.fw01{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#eee;}
.fw01 .title{ width:94%; margin:auto; text-align:center;}
.fw01 .title strong{ display:block; font-size:20px; line-height:30px; color:#024e7f; overflow:hidden;}
.fw01 .title p{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw01 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.fw01 .title a img{ display:block; margin:auto;}
.fw01 .box{ width:100%; margin:auto;}
.fw01 .box ul{ width:100%; display:block;}
.fw01 .box ul li{ float:left; overflow:hidden; position:relative; width:45.5%; padding:0 10px; box-sizing:border-box; height:260px; border-radius:10px; background-color:#fff; margin-left:3%; margin-top:25px; text-align:center;}
.fw01 .box ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
.fw01 .box ul li strong{ display:block; overflow:hidden;}
.fw01 .box ul li strong img{ display:block; height:43px; margin:20px auto; margin-bottom:5px;}
.fw01 .box ul li b{ display:block; font-size:18px; line-height:28px;}
.fw01 .box ul li p{ display:block; font-size:14px; line-height:24px;}
}

.fw02 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.fw02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; background-position:right center; background-repeat:no-repeat; background-size:auto 100%;}
.fw02 .box{ width:1200px; margin:auto;}
.fw02 .title{ width:1200px; margin:auto;}
.fw02 .title strong{ display:block; font-size:30px; line-height:40px; color:#024e7f; overflow:hidden;}
.fw02 .title p{ display:block; font-size:18px; line-height:34px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw02 .title a{ display:block; height:3px; margin-top:9px; overflow:hidden;}
.fw02 .title a img{ display:block;}
.fw02 .wen{ margin:30px 0; font-size:14px; line-height:36px; width:560px;}
.fw02 .wz{ margin-bottom:25px; font-size:18px; line-height:28px; width:560px;}
.fw02 .more{ width:150px; height:40px; text-align:center; font-size:14px; line-height:40px; border-radius:5px; background-color:#333; display:block; overflow:hidden; color:#fff; cursor:pointer;}
.fw02 .more:hover{ background-color:#024e7f;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.fw02{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; background-position:right center; background-repeat:no-repeat; background-size:auto 100%;}
.fw02 .box{ width:94%; margin:auto;}
.fw02 .title{ width:100%; margin:auto;}
.fw02 .title strong{ display:block; font-size:24px; line-height:34px; color:#024e7f; overflow:hidden;}
.fw02 .title p{ display:block; font-size:16px; line-height:32px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw02 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.fw02 .title a img{ display:block;}
.fw02 .wen{ margin:20px 0; font-size:14px; line-height:30px; width:50%;}
.fw02 .wz{ margin-bottom:15px; font-size:18px; line-height:28px; width:50%;}
.fw02 .more{ width:150px; height:40px; text-align:center; font-size:14px; line-height:40px; border-radius:5px; background-color:#333; display:block; overflow:hidden; color:#fff; cursor:pointer;}
.fw02 .more:hover{ background-color:#024e7f;}
}
@media only screen and (max-width: 768px){
.fw02{ width:100%; background-color:#fff; background-position:right center; background-repeat:no-repeat; background-size:cover;}
.fw02 .box{ width:94%; padding:25px 3%; background-color:rgba(255,255,255,0.7); padding-bottom:30px;}
.fw02 .title{ width:100%; margin:auto;}
.fw02 .title strong{ display:block; font-size:20px; line-height:30px; color:#024e7f; overflow:hidden;}
.fw02 .title p{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw02 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.fw02 .title a img{ display:block;}
.fw02 .wen{ margin:15px 0; font-size:14px; line-height:24px; width:100%;}
.fw02 .wz{ margin-bottom:10px; font-size:16px; line-height:26px; width:100%;}
.fw02 .more{ width:120px; height:34px; text-align:center; font-size:14px; line-height:34px; border-radius:5px; background-color:#333; display:block; overflow:hidden; color:#fff; cursor:pointer;}
.fw02 .more:hover{ background-color:#024e7f;}
}

.fw03 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.fw03{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#eee;}
.fw03 .title{ width:1200px; margin:auto; text-align:center;}
.fw03 .title strong{ display:block; font-size:30px; line-height:40px; color:#024e7f; overflow:hidden;}
.fw03 .title p{ display:block; font-size:18px; line-height:34px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw03 .title a{ display:block; height:3px; margin-top:9px; overflow:hidden;}
.fw03 .title a img{ display:block; margin:auto;}
.fw03 .box{ width:1200px; margin:auto;}
.fw03 .box ul{ width:1230px; display:block;}
.fw03 .box ul li{ float:left; overflow:hidden; position:relative; width:320px; padding:0 30px; height:250px; background-color:#fff; margin-right:30px; margin-top:30px; text-align:center;}
.fw03 .box ul li strong{ width:80px; height:80px; display:block; margin:15px auto; margin-top:30px; position:relative; overflow:hidden;}
.fw03 .box ul li strong img{ height:80px; margin:auto; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fw03 .box ul li strong img.img01{ position:absolute; left:0; top:0;}
.fw03 .box ul li strong img.img02{ position:absolute; left:0; top:80px;}
.fw03 .box ul li:hover strong img.img01{ top:-80px;}
.fw03 .box ul li:hover strong img.img02{ top:0px;}
.fw03 .box ul li a{ display:block; overflow:hidden; font-size:18px; line-height:28px; height:28px;}
.fw03 .box ul li b{ width:24px; height:2px; display:block; margin:auto; margin-top:5px; background-color:#999;}
.fw03 .box ul li p{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666; margin-top:15px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.fw03{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#eee;}
.fw03 .title{ width:94%; margin:auto; text-align:center;}
.fw03 .title strong{ display:block; font-size:24px; line-height:34px; color:#024e7f; overflow:hidden;}
.fw03 .title p{ display:block; font-size:16px; line-height:32px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw03 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.fw03 .title a img{ display:block; margin:auto;}
.fw03 .box{ width:100%; margin:auto;}
.fw03 .box ul{ width:100%; display:block;}
.fw03 .box ul li{ float:left; overflow:hidden; position:relative; width:29.33%; padding:0 20px; height:200px; background-color:#fff; margin-left:3%; margin-top:25px; text-align:center; box-sizing:border-box;}
.fw03 .box ul li strong{ width:60px; height:60px; display:block; margin:10px auto; margin-top:20px; position:relative; overflow:hidden;}
.fw03 .box ul li strong img{ height:60px; margin:auto; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fw03 .box ul li strong img.img01{ position:absolute; left:0; top:0;}
.fw03 .box ul li strong img.img02{ position:absolute; left:0; top:60px;}
.fw03 .box ul li:hover strong img.img01{ top:-60px;}
.fw03 .box ul li:hover strong img.img02{ top:0px;}
.fw03 .box ul li a{ display:block; overflow:hidden; font-size:18px; line-height:28px; height:28px;}
.fw03 .box ul li b{ width:24px; height:2px; display:block; margin:auto; margin-top:5px; background-color:#999;}
.fw03 .box ul li p{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666; margin-top:10px;}
}
@media only screen and (max-width: 768px){
.fw03{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#eee;}
.fw03 .title{ width:94%; margin:auto; text-align:center;}
.fw03 .title strong{ display:block; font-size:20px; line-height:30px; color:#024e7f; overflow:hidden;}
.fw03 .title p{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw03 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.fw03 .title a img{ display:block; margin:auto;}
.fw03 .box{ width:100%; margin:auto; margin-top:5px;}
.fw03 .box ul{ width:100%; display:block;}
.fw03 .box ul li{ float:left; overflow:hidden; position:relative; width:45.5%; padding:10px; background-color:#fff; margin-left:3%; margin-top:15px; text-align:center; box-sizing:border-box;}
.fw03 .box ul li strong{ width:40px; height:40px; display:block; margin:10px auto; margin-top:5px; position:relative; overflow:hidden;}
.fw03 .box ul li strong img{ height:40px; margin:auto; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fw03 .box ul li strong img.img01{ position:absolute; left:0; top:0;}
.fw03 .box ul li strong img.img02{ position:absolute; left:0; top:40px;}
.fw03 .box ul li:hover strong img.img01{ top:-60px;}
.fw03 .box ul li:hover strong img.img02{ top:0px;}
.fw03 .box ul li a{ display:block; overflow:hidden; font-size:18px; line-height:28px; height:28px;}
.fw03 .box ul li b{ width:24px; height:2px; display:block; margin:auto; background-color:#999; margin-top:5px;}
.fw03 .box ul li p{ display:block; font-size:14px; line-height:24px; height:96px; overflow:hidden; color:#666; margin-top:5px;}
}

.fw04 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.fw04{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.fw04 .title{ width:1200px; margin:auto; text-align:center;}
.fw04 .title strong{ display:block; font-size:30px; line-height:40px; color:#024e7f; overflow:hidden;}
.fw04 .title p{ display:block; font-size:18px; line-height:34px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw04 .title a{ display:block; height:3px; margin-top:9px; overflow:hidden;}
.fw04 .title a img{ display:block; margin:auto;}
.fw04 .box{ width:1080px; padding:0 60px; margin:auto; overflow:hidden; position:relative;}
.fw04 .box .swiper-container{ width:100%; padding-top:30px; height:450px; overflow:hidden; position:relative;}
.fw04 .box .swiper-container .swiper-slide{ width:340px; height:390px; position:relative; overflow:hidden; box-shadow:0 0 20px rgba(2,2,2,0.1); display:block;}
.fw04 .box .swiper-container .swiper-slide a{ width:100%; height:390px; display:block; overflow:hidden; position:relative;} 
.fw04 .box .swiper-container .swiper-slide:hover{ box-shadow:none; height:450px;}
.fw04 .box .swiper-container .swiper-slide:hover a{ height:440px;}
.fw04 .box .swiper-container .swiper-slide .tu{ width:340px; height:290px; position:absolute; left:0; top:0; transition:all 1s ease; z-index:1;}
.fw04 .box .swiper-container .swiper-slide .tu p{ display:block; width:100%; height:290px; overflow:hidden; margin:auto;}
.fw04 .box .swiper-container .swiper-slide .tu img{ display:block; height:100%;}
.fw04 .box .swiper-container .swiper-slide .tu span{ width:1px; height:40px; display:block; background-color:#cacaca; position:absolute; left:50%; bottom:-400px; transform:translateX(-50%) translateY(0); overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide:hover .tu{ width:100px; height:125px; left:120px; top:240px;}
.fw04 .box .swiper-container .swiper-slide:hover .tu p{ width:100px; height:100px; border-radius:100%;}
.fw04 .box .swiper-container .swiper-slide:hover .tu span{ bottom:0;}
.fw04 .box .swiper-container .swiper-slide .wen{ width:280px; height:240px; padding:25px 30px; position:absolute; left:0; top:0; transition:all 1s ease; opacity:0; background-color:#024e7f; z-index:0;}
.fw04 .box .swiper-container .swiper-slide .wen p{ display:block; width:100%; font-size:14px; line-height:24px; height:168px; color:#fff; overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide:hover .wen{ opacity:1;}
.fw04 .box .swiper-container .swiper-slide .bt{ text-align:center; position:absolute; left:30px; width:280px; top:315px; transition:all 1s ease;}
.fw04 .box .swiper-container .swiper-slide .bt p{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide .bt span{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide:hover .bt{ top:375px;}
.fw04 .box .swiper-container .swiper-slide:hover .bt p{ color:#024e7f;}
.fw04 .box .swiper-button-prev{ width:40px; height:90px; cursor:pointer; position:absolute; left:0; top:142px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat;}
.fw04 .box .swiper-button-next{ width:40px; height:90px; cursor:pointer; position:absolute; right:0; top:142px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat;}
.fw04 .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:-5px; text-align:center;}
.fw04 .box .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:10px; background-color:#ddd; cursor:pointer;}
.fw04 .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#024e7f;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.fw04{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff;}
.fw04 .title{ width:94%; margin:auto; text-align:center;}
.fw04 .title strong{ display:block; font-size:24px; line-height:34px; color:#024e7f; overflow:hidden;}
.fw04 .title p{ display:block; font-size:16px; line-height:32px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw04 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.fw04 .title a img{ display:block; margin:auto;}
.fw04 .box{ width:94%; padding:0 3%; overflow:hidden; position:relative;}
.fw04 .box .swiper-container{ width:100%; padding-top:25px; height:400px; overflow:hidden; position:relative; z-index:0;}
.fw04 .box .swiper-container .swiper-slide{ width:100%; height:360px; position:relative; overflow:hidden; display:block;}
.fw04 .box .swiper-container .swiper-slide a{ width:100%; height:360px; display:block; overflow:hidden; position:relative;} 
.fw04 .box .swiper-container .swiper-slide .tu{ width:100%; height:260px; position:absolute; left:0; top:0; transition:all 1s ease; z-index:1;}
.fw04 .box .swiper-container .swiper-slide .tu p{ display:block; width:100%; height:290px; overflow:hidden; margin:auto;}
.fw04 .box .swiper-container .swiper-slide .tu img{ display:block; width:100%;}
.fw04 .box .swiper-container .swiper-slide .tu span{ width:1px; height:40px; display:block; background-color:#cacaca; position:absolute; left:50%; bottom:-400px; transform:translateX(-50%) translateY(0); overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide:hover .tu{ width:100px; height:125px; left:50%; margin-left:-50px; top:175px;}
.fw04 .box .swiper-container .swiper-slide:hover .tu p{ width:100px; height:100px; border-radius:100%;}
.fw04 .box .swiper-container .swiper-slide:hover .tu span{ bottom:0;}
.fw04 .box .swiper-container .swiper-slide .wen{ width:100%; box-sizing:border-box; height:225px; padding:25px 30px; position:absolute; left:0; top:0; transition:all 1s ease; opacity:0; background-color:#024e7f; z-index:0;}
.fw04 .box .swiper-container .swiper-slide .wen p{ display:block; width:100%; font-size:14px; line-height:24px; height:120px; color:#fff; overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide:hover .wen{ opacity:1;}
.fw04 .box .swiper-container .swiper-slide .bt{ text-align:center; position:absolute; left:0; width:100%; top:285px; transition:all 1s ease;}
.fw04 .box .swiper-container .swiper-slide .bt p{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide .bt span{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide:hover .bt{ top:310px;}
.fw04 .box .swiper-container .swiper-slide:hover .bt p{ color:#024e7f;}
.fw04 .box .swiper-button-prev{ width:40px; height:90px; cursor:pointer; position:absolute; left:3%; top:110px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat; z-index:1;}
.fw04 .box .swiper-button-next{ width:40px; height:90px; cursor:pointer; position:absolute; right:3%; top:110px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat; z-index:1;}
.fw04 .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.fw04 .box .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:10px; background-color:#ddd; cursor:pointer;}
.fw04 .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#024e7f;}
}
@media only screen and (max-width: 768px){
.fw04{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff;}
.fw04 .title{ width:94%; margin:auto; text-align:center;}
.fw04 .title strong{ display:block; font-size:20px; line-height:30px; color:#024e7f; overflow:hidden;}
.fw04 .title p{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase; overflow:hidden;}
.fw04 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.fw04 .title a img{ display:block; margin:auto;}
.fw04 .box{ width:94%; padding:0 3%; overflow:hidden; position:relative;}
.fw04 .box .swiper-container{ width:100%; padding-top:20px; height:400px; overflow:hidden; position:relative; z-index:0;}
.fw04 .box .swiper-container .swiper-slide{ width:100%; height:390px; position:relative; overflow:hidden; display:block;}
.fw04 .box .swiper-container .swiper-slide a{ width:100%; height:390px; display:block; overflow:hidden; position:relative;} 
.fw04 .box .swiper-container .swiper-slide .tu{ width:100%; height:290px; position:absolute; left:0; top:0; transition:all 1s ease; z-index:1;}
.fw04 .box .swiper-container .swiper-slide .tu p{ display:block; width:100%; height:290px; overflow:hidden; margin:auto;}
.fw04 .box .swiper-container .swiper-slide .tu img{ display:block; width:100%;}
.fw04 .box .swiper-container .swiper-slide .tu span{ width:1px; height:40px; display:block; background-color:#cacaca; position:absolute; left:50%; bottom:-400px; transform:translateX(-50%) translateY(0); overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide:hover .tu{ width:100px; height:125px; left:50%; margin-left:-50px; top:185px;}
.fw04 .box .swiper-container .swiper-slide:hover .tu p{ width:100px; height:100px; border-radius:100%;}
.fw04 .box .swiper-container .swiper-slide:hover .tu span{ bottom:0;}
.fw04 .box .swiper-container .swiper-slide .wen{ width:100%; box-sizing:border-box; height:235px; padding:25px 30px; position:absolute; left:0; top:0; transition:all 1s ease; opacity:0; background-color:#024e7f; z-index:0;}
.fw04 .box .swiper-container .swiper-slide .wen p{ display:block; width:100%; font-size:14px; line-height:24px; height:168px; color:#fff; overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide:hover .wen{ opacity:1;}
.fw04 .box .swiper-container .swiper-slide .bt{ text-align:center; position:absolute; left:0; width:100%; top:315px; transition:all 1s ease;}
.fw04 .box .swiper-container .swiper-slide .bt p{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide .bt span{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; overflow:hidden;}
.fw04 .box .swiper-container .swiper-slide:hover .bt{ top:320px;}
.fw04 .box .swiper-container .swiper-slide:hover .bt p{ color:#024e7f;}
.fw04 .box .swiper-button-prev{ width:40px; height:90px; cursor:pointer; position:absolute; left:3%; top:110px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat; z-index:1;}
.fw04 .box .swiper-button-next{ width:40px; height:90px; cursor:pointer; position:absolute; right:3%; top:110px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat; z-index:1;}
.fw04 .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.fw04 .box .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:10px; background-color:#ddd; cursor:pointer;}
.fw04 .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#024e7f;}
}

/*合作发展*/
.hz01 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.hz01{ width:1200px; margin:70px auto;}
.hz01 .right{ width:550px; height:380px; float:right; border-radius:10px;}
.hz01 .right img{ width:100%;}
.hz01 .left{ width:600px; float:left; margin-top:15px;}
.hz01 .title{ width:100%; margin:auto;}
.hz01 .title strong{ display:block; font-size:30px; line-height:40px; color:#024e7f; overflow:hidden;}
.hz01 .title p{ display:block; font-size:18px; line-height:34px; color:#666; text-transform:uppercase; overflow:hidden;}
.hz01 .title a{ display:block; height:3px; margin-top:9px; overflow:hidden;}
.hz01 .title a img{ display:block;}
.hz01 ul{ display:block; overflow:hidden; padding-top:10px;}
.hz01 ul li{ display:block; overflow:hidden; margin-top:20px;}
.hz01 ul li .zc{ width:60px; height:60px; float:left;}
.hz01 ul li .zc img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.hz01 ul li:hover .zc img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.hz01 ul li .yc{ width:520px; float:right;}
.hz01 ul li .yc b{ font-size:18px; line-height:28px; display:block;}
.hz01 ul li .yc p{ font-size:14px; line-height:24px; margin-top:8px; display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.hz01{ width:94%; margin:50px auto;}
.hz01 .right{ width:45%; float:right; border-radius:10px;}
.hz01 .right img{ width:100%;}
.hz01 .left{ width:50%; float:left; margin-top:10px;}
.hz01 .title{ width:94%; margin:auto;}
.hz01 .title strong{ display:block; font-size:24px; line-height:34px; color:#024e7f; overflow:hidden;}
.hz01 .title p{ display:block; font-size:16px; line-height:32px; color:#666; text-transform:uppercase; overflow:hidden;}
.hz01 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.hz01 .title a img{ display:block;}
.hz01 ul{ width:100%; display:block; overflow:hidden; margin-top:5px;}
.hz01 ul li{ display:block; overflow:hidden; margin-top:15px; position:relative;}
.hz01 ul li .zc{ width:50px; height:50px; float:left; margin-top:3px;}
.hz01 ul li .zc img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.hz01 ul li:hover .zc img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.hz01 ul li .yc{ width:calc(100% - 65px); float:right;}
.hz01 ul li .yc b{ font-size:18px; line-height:28px; display:block;}
.hz01 ul li .yc p{ font-size:14px; line-height:24px; margin-top:5px; display:block;}
}
@media only screen and (max-width: 768px){
.hz01{ width:94%; margin:25px auto;}
.hz01 .right{ width:100%; padding:5px 0; float:right; border-radius:10px;}
.hz01 .right img{ width:100%;}
.hz01 .left{ width:100%; float:left;}
.hz01 .title{ width:100%; margin:auto;}
.hz01 .title strong{ display:block; font-size:20px; line-height:30px; color:#024e7f; overflow:hidden;}
.hz01 .title p{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase; overflow:hidden;}
.hz01 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.hz01 .title a img{ display:block;}
.hz01 ul{ width:100%; display:block; overflow:hidden; padding:5px 0;}
.hz01 ul li{ display:block; overflow:hidden; margin-top:10px; position:relative;}
.hz01 ul li .zc{ width:40px; height:40px; float:left; margin-top:5px;}
.hz01 ul li .zc img{ width:100%; display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.hz01 ul li:hover .zc img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.hz01 ul li .yc{ width:calc(100% - 50px); float:right;}
.hz01 ul li .yc b{ font-size:18px; line-height:28px; display:block;}
.hz01 ul li .yc p{ font-size:14px; line-height:24px; display:block;}
}

.hz02 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.hz02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#eee;}
.hz02 .title{ width:1200px; margin:auto; text-align:center;}
.hz02 .title strong{ display:block; font-size:30px; line-height:40px; color:#024e7f; overflow:hidden;}
.hz02 .title p{ display:block; font-size:18px; line-height:34px; color:#666; text-transform:uppercase; overflow:hidden;}
.hz02 .title a{ display:block; height:3px; margin-top:9px; overflow:hidden;}
.hz02 .title a img{ display:block; margin:auto;}
.hz02 .box{ width:1200px; margin:auto;}
.hz02 .box ul{ width:1230px; display:block; overflow:hidden;}
.hz02 .box li{ width:320px; padding:30px; padding-bottom:0; height:210px; border-radius:5px; background-color:#fff; margin-top:30px; margin-right:30px; overflow:hidden; display:block; float:left; text-align:center;}
.hz02 .box li:nth-child(3n+1){ clear:left; float:left;}
.hz02 .box li strong{ display:block; overflow:hidden; height:80px;}
.hz02 .box li strong img{ height:80px; display:block; margin:auto;}
.hz02 .box li b{ display:block; overflow:hidden; height:28px; font-size:18px; line-height:28px; margin-top:15px;}
.hz02 .box li p{ display:block; overflow:hidden; height:48px; font-size:14px; line-height:24px; margin-top:10px;}
.hz02 .box li:hover{ margin-top:20px; margin-bottom:10px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.hz02{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#eee;}
.hz02 .title{ width:94%; margin:auto; text-align:center;}
.hz02 .title strong{ display:block; font-size:24px; line-height:34px; color:#024e7f; overflow:hidden;}
.hz02 .title p{ display:block; font-size:16px; line-height:32px; color:#666; text-transform:uppercase; overflow:hidden;}
.hz02 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.hz02 .title a img{ display:block; margin:auto;}
.hz02 .box{ width:100%; margin:auto;}
.hz02 .box ul{ width:100%; display:block; overflow:hidden;}
.hz02 .box li{ width:29.33%; padding:20px; box-sizing:border-box; padding-bottom:0; height:210px; border-radius:5px; background-color:#fff; margin-top:20px; margin-left:3%; overflow:hidden; display:block; float:left; text-align:center;}
.hz02 .box li:nth-child(3n+1){ clear:left; float:left;}
.hz02 .box li strong{ display:block; overflow:hidden; height:80px;}
.hz02 .box li strong img{ height:80px; display:block; margin:auto;}
.hz02 .box li b{ display:block; overflow:hidden; height:28px; font-size:18px; line-height:28px; margin-top:10px;}
.hz02 .box li p{ display:block; overflow:hidden; height:48px; font-size:14px; line-height:24px; margin-top:5px;}
}
@media only screen and (max-width: 768px){
.hz02{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#eee;}
.hz02 .title{ width:94%; margin:auto; text-align:center;}
.hz02 .title strong{ display:block; font-size:20px; line-height:30px; color:#024e7f; overflow:hidden;}
.hz02 .title p{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase; overflow:hidden;}
.hz02 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.hz02 .title a img{ display:block; margin:auto;}
.hz02 .box{ width:94%; margin:auto;}
.hz02 .box ul{ width:100%; display:block; overflow:hidden; padding-top:5px;}
.hz02 .box li{ width:100%; padding:15px; box-sizing:border-box; padding-bottom:10px; border-radius:5px; background-color:#fff; margin-top:15px; overflow:hidden; display:block; float:left; text-align:center;}
.hz02 .box li:nth-child(3n+1){ clear:left; float:left;}
.hz02 .box li strong{ display:block; overflow:hidden; height:60px;}
.hz02 .box li strong img{ height:60px; display:block; margin:auto;}
.hz02 .box li b{ display:block; overflow:hidden; height:28px; font-size:18px; line-height:28px; margin-top:5px;}
.hz02 .box li p{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
}

.hz03 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.hz03{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-attachment:fixed;}
.hz03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:0;}
.hz03 .box{ width:1200px; margin:70px auto; position:relative; z-index:9;}
.hz03 .box .left{ width:540px; float:left; margin-top:15px;}
.hz03 .title{ width:100%;}
.hz03 .title strong{ display:block; font-size:30px; line-height:40px; color:#fff; overflow:hidden;}
.hz03 .title p{ display:block; font-size:18px; line-height:34px; color:#fff; text-transform:uppercase; overflow:hidden;}
.hz03 .title a{ display:block; height:3px; margin-top:9px; overflow:hidden;}
.hz03 .title a img{ display:block;}
.hz03 .left dl{ display:block; overflow:hidden; margin-top:45px;}
.hz03 .left dl dt{ font-size:18px; line-height:28px; display:block; color:#fff; width:100%; float:left;}
.hz03 .left dl dd{ font-size:16px; line-height:26px; display:block; color:#fff; padding-left:20px; box-sizing:border-box; width:47%; margin-right:3%; float:left; margin-top:12px; background-image:url(../images/li.png); background-position:left 8px; background-repeat:no-repeat;}
.hz03 .left .more{ width:150px; height:40px; text-align:center; font-size:14px; line-height:40px; border-radius:5px; background-color:#fff; display:block; overflow:hidden; margin-top:45px;}
.hz03 .left .more:hover{ background-color:#024e7f; color:#fff;}
.hz03 .box .right{ width:540px; float:right; width:518px; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); display:block;}
.hz03 .box .right li{ width:258px; height:218px; display:block; float:left; overflow:hidden; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); padding:30px; padding-bottom:0; box-sizing:border-box;}
.hz03 .box .right li img{ display:block; height:50px;}
.hz03 .box .right li span{ font-size:18px; line-height:28px; height:28px; display:block; overflow:hidden; color:#fff; margin-top:10px;}
.hz03 .box .right li p{ font-size:14px; line-height:24px; height:72px; display:block; overflow:hidden; color:#fff;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.hz03{ width:100%; background-position:center; background-repeat:no-repeat; position:relative; background-attachment:fixed;}
.hz03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:0;}
.hz03 .box{ width:94%; margin:50px auto; position:relative; z-index:9;}
.hz03 .title{ width:100%;}
.hz03 .title strong{ display:block; font-size:24px; line-height:34px; color:#fff; overflow:hidden;}
.hz03 .title p{ display:block; font-size:16px; line-height:32px; color:#fff; text-transform:uppercase; overflow:hidden;}
.hz03 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.hz03 .title a img{ display:block;}
.hz03 .box .left{ width:calc(100% - 500px); float:left; margin-top:10px;}
.hz03 .left dl{ display:block; overflow:hidden; margin-top:25px;}
.hz03 .left dl dt{ font-size:18px; line-height:28px; display:block; color:#fff; width:100%; float:left;}
.hz03 .left dl dd{ font-size:16px; line-height:26px; display:block; color:#fff; padding-left:20px; box-sizing:border-box; width:47%; margin-right:3%; float:left; margin-top:12px; background-image:url(../images/li.png); background-position:left 8px; background-repeat:no-repeat;}
.hz03 .left .more{ width:150px; height:40px; text-align:center; font-size:14px; line-height:40px; border-radius:5px; background-color:#fff; display:block; overflow:hidden; margin-top:25px;}
.hz03 .left .more:hover{ background-color:#024e7f; color:#fff;}
.hz03 .box .right{ width:476px; float:right; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); display:block;}
.hz03 .box .right li{ width:238px; height:198px; display:block; float:left; overflow:hidden; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); padding:20px; padding-bottom:0; box-sizing:border-box;}
.hz03 .box .right li img{ display:block; height:50px;}
.hz03 .box .right li span{ font-size:18px; line-height:28px; height:28px; display:block; overflow:hidden; color:#fff; margin-top:10px;}
.hz03 .box .right li p{ font-size:14px; line-height:24px; height:72px; display:block; overflow:hidden; color:#fff;}
}
@media only screen and (max-width: 768px){
.hz03{ width:100%; background-position:center; background-size:cover; position:relative;}
.hz03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:0;}
.hz03 .box{ width:94%; margin:30px auto; position:relative; z-index:9;}
.hz03 .title{ width:100%;}
.hz03 .title strong{ display:block; font-size:20px; line-height:30px; color:#fff; overflow:hidden;}
.hz03 .title p{ display:block; font-size:14px; line-height:24px; color:#fff; text-transform:uppercase; overflow:hidden;}
.hz03 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.hz03 .title a img{ display:block;}
.hz03 .box .left{ width:100%;}
.hz03 .left dl{ display:block; overflow:hidden; margin-top:15px;}
.hz03 .left dl dt{ font-size:16px; line-height:28px; display:block; color:#fff; width:100%; float:left;}
.hz03 .left dl dd{ font-size:14px; line-height:24px; display:block; color:#fff; padding-left:20px; box-sizing:border-box; width:47%; margin-right:3%; margin-top:5px; background-image:url(../images/li.png); background-position:left 7px; background-repeat:no-repeat; float:left;}
.hz03 .left .more{ width:120px; height:34px; text-align:center; font-size:14px; line-height:34px; border-radius:5px; background-color:#fff; display:block; overflow:hidden; margin-top:15px;}
.hz03 .left .more:hover{ background-color:#024e7f; color:#fff;}
.hz03 .box .right{ width:100%; box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); display:block; margin-top:20px;}
.hz03 .box .right li{ width:50%; height:185px; display:block; float:left; overflow:hidden; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); padding:15px; padding-bottom:0; box-sizing:border-box;}
.hz03 .box .right li img{ display:block; height:50px;}
.hz03 .box .right li span{ font-size:18px; line-height:28px; height:28px; display:block; overflow:hidden; color:#fff; margin-top:10px;}
.hz03 .box .right li p{ font-size:14px; line-height:24px; height:72px; display:block; overflow:hidden; color:#fff;}
}

.hz04 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.hz04{ width:100%; position:relative;}
.hz04 .left{ width:53.125%; float:left; height:510px; position:relative;}
.hz04 .left .box{ width:490px; margin:65px auto;}
.hz04 .left .title{ width:400px; padding-left:90px; text-align:center;}
.hz04 .left .title b{ display:block; font-size:30px; height:46px; line-height:46px; overflow:hidden;}
.hz04 .left .title p{ display:block; font-size:14px; height:34px; line-height:34px; overflow:hidden; color:#666; margin-bottom:10px;}
.hz04 .left .x01{ width:490px; margin-top:10px;}
.hz04 .left .x01 span{ display:block; float:left; width:90px; font-size:14px; height:44px; line-height:44px;}
.hz04 .left .x01 p{ display:block; float:left; width:398px; height:42px; background-color:#fff; border:1px solid #cacaca;}
.hz04 .left .x01 p strong{ width:42px; height:42px; float:left; display:block; background-position:center; background-repeat:no-repeat;}
.hz04 .left .x01 p input{ width:356px; height:42px; float:left; display:block; font-size:14px; line-height:42px;}
.hz04 .left .x02{ width:490px; margin-top:10px;}
.hz04 .left .x02 span{ display:block; float:left; width:90px; font-size:14px; height:44px; line-height:44px;}
.hz04 .left .x02 p{ display:block; float:left; width:398px; height:114px; background-color:#fff; border:1px solid #cacaca;}
.hz04 .left .x02 p textarea{ width:374px; padding:8px 12px; height:98px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}
.hz04 .left .x04{ margin-top:10px; margin-left:90px; width:400px;}
.hz04 .left .x04 input{ width:100%; height:40px; line-height:40px; background-color:#024e7f; color:#fff; cursor:pointer; font-size:14px; text-align:center;}

.hz04 .right{ width:46.875%; float:left; position:relative; height:510px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hz04 .right .bg{ width:78%; height:370px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:rgba(2,78,127,0.7); z-index:0;}
.hz04 .right .box{ text-align:center; width:50%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:9;}
.hz04 .right .box b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.hz04 .right .box a{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
.hz04 .right .box strong{ display:block; width:60px; height:2px; margin:auto; background-color:#fff; overflow:hidden; margin-top:25px;}
.hz04 .right .box span{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:35px;}
.hz04 .right .box p{ display:block; font-size:36px; line-height:46px; color:#fff; margin-top:10px;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.hz04{ width:100%; position:relative;}
.hz04 .left{ width:53.125%; float:left; height:450px; position:relative;}
.hz04 .left .box{ width:94%; margin:45px auto;}
.hz04 .left .title{ width:100%; padding-left:90px; box-sizing:border-box; text-align:center;}
.hz04 .left .title b{ display:block; font-size:24px; height:34px; line-height:34px; overflow:hidden;}
.hz04 .left .title p{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}
.hz04 .left .x01{ width:100%; margin-top:10px;}
.hz04 .left .x01 span{ display:block; float:left; width:90px; font-size:14px; height:40px; line-height:44px;}
.hz04 .left .x01 p{ display:block; float:left; width:calc(100% - 92px); height:38px; background-color:#fff; border:1px solid #cacaca;}
.hz04 .left .x01 p strong{ width:38px; height:38px; float:left; display:block; background-position:center; background-repeat:no-repeat;}
.hz04 .left .x01 p input{ width:calc(100% - 42px); height:38px; float:left; display:block; font-size:14px; line-height:38px;}
.hz04 .left .x02{ width:100%; margin-top:10px;}
.hz04 .left .x02 span{ display:block; float:left; width:90px; font-size:14px; height:40px; line-height:44px;}
.hz04 .left .x02 p{ display:block; float:left; width:calc(100% - 92px); height:114px; background-color:#fff; border:1px solid #cacaca;}
.hz04 .left .x02 p textarea{ width:100%; box-sizing:border-box; padding:5px 12px; height:110px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}
.hz04 .left .x04{ margin-top:10px; margin-left:90px; width:calc(100% - 90px);}
.hz04 .left .x04 input{ width:100%; height:40px; line-height:40px; background-color:#024e7f; color:#fff; cursor:pointer; font-size:14px; text-align:center;}

.hz04 .right{ width:46.875%; float:left; position:relative; height:450px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hz04 .right .bg{ width:94%; height:350px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:rgba(2,78,127,0.7); z-index:0;}
.hz04 .right .box{ text-align:center; width:70%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:9;}
.hz04 .right .box b{ display:block; font-size:24px; line-height:34px; color:#fff;}
.hz04 .right .box a{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.hz04 .right .box strong{ display:block; width:60px; height:2px; margin:auto; background-color:#fff; overflow:hidden; margin-top:20px;}
.hz04 .right .box span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:25px;}
.hz04 .right .box p{ display:block; font-size:26px; line-height:36px; color:#fff; margin-top:10px;}
}
@media only screen and (max-width: 768px){
.hz04{ width:100%; position:relative;}
.hz04 .left{ width:100%; float:left; position:relative;}
.hz04 .left .box{ width:94%; margin:25px auto;}
.hz04 .left .title{ width:100%; text-align:center;}
.hz04 .left .title b{ display:block; font-size:20px; height:30px; line-height:30px; overflow:hidden;}
.hz04 .left .title p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#666;}
.hz04 .left .x01{ width:100%; margin-top:10px;}
.hz04 .left .x01 span{ display:block; float:left; width:100%; font-size:14px; height:40px; line-height:40px;}
.hz04 .left .x01 p{ display:block; float:left; width:calc(100% - 2px); height:38px; background-color:#fff; border:1px solid #cacaca;}
.hz04 .left .x01 p strong{ width:38px; height:38px; float:left; display:block; background-position:center; background-repeat:no-repeat;}
.hz04 .left .x01 p input{ width:calc(100% - 38px); height:38px; float:left; display:block; font-size:14px; line-height:38px;}
.hz04 .left .x02{ width:100%; margin-top:10px;}
.hz04 .left .x02 span{ display:block; float:left; width:90px; font-size:14px; height:40px; line-height:40px;}
.hz04 .left .x02 p{ display:block; float:left; width:calc(100% - 2px); background-color:#fff; border:1px solid #cacaca;}
.hz04 .left .x02 p textarea{ width:100%; box-sizing:border-box; padding:5px 12px; height:110px; float:left; display:block; font-size:14px; line-height:24px; overflow:auto;}
.hz04 .left .x04{ margin:auto; margin-top:20px; width:160px;}
.hz04 .left .x04 input{ width:100%; height:40px; line-height:40px; background-color:#024e7f; color:#fff; cursor:pointer; font-size:14px; text-align:center;}

.hz04 .right{ width:100%; float:left; position:relative; height:350px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hz04 .right .bg{ width:94%; height:270px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:rgba(2,78,127,0.7); z-index:0;}
.hz04 .right .box{ text-align:center; width:70%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:9;}
.hz04 .right .box b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.hz04 .right .box a{ display:block; font-size:14px; line-height:24px; color:#fff;}
.hz04 .right .box strong{ display:block; width:60px; height:2px; margin:auto; background-color:#fff; overflow:hidden; margin-top:10px;}
.hz04 .right .box span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:15px;}
.hz04 .right .box p{ display:block; font-size:24px; line-height:34px; color:#fff; margin-top:5px;}
}

/*关于我们*/
.ab01 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.ab01{ width:100%; background-color:#eee; padding-top:65px; padding-bottom:70px;}
.ab01 .title{ width:1200px; margin:auto; text-align:center;}
.ab01 .title strong{ display:block; font-size:30px; line-height:40px; color:#024e7f; overflow:hidden;}
.ab01 .title p{ display:block; font-size:18px; line-height:34px; color:#666; text-transform:uppercase; overflow:hidden;}
.ab01 .title a{ display:block; height:3px; margin-top:9px; overflow:hidden;}
.ab01 .title a img{ display:block; margin:auto;}
.ab01 .box{ width:1200px; margin:auto; height:470px; position:relative; margin-top:30px;}
.ab01 .box .tu{ z-index:0; position:absolute; right:0; top:0; width:670px; height:440px;}
.ab01 .box .tu img{ width:100%; display:block;}
.ab01 .box .wen{ z-index:9; position:absolute; left:0; bottom:0; width:600px; height:440px; background-color:#fff;}
.ab01 .box .wen .w01{ margin-top:50px;}
.ab01 .box .wen .w01 img{ display:block; float:right;}
.ab01 .box .wen .w02{ margin-top:30px; margin-right:50px;}
.ab01 .box .wen .w02 img{ display:block; height:50px; float:right;}
.ab01 .box .wen .w03{ margin:20px 50px; width:500px; font-size:18px; line-height:28px; font-weight:bold; text-align:right;}
.ab01 .box .wen .w04{ margin:0 50px; width:500px; font-size:14px; line-height:30px; text-align:right;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ab01{ width:100%; background-color:#eee; padding-top:45px; padding-bottom:50px;}
.ab01 .title{ width:94%; margin:auto; text-align:center;}
.ab01 .title strong{ display:block; font-size:24px; line-height:34px; color:#024e7f; overflow:hidden;}
.ab01 .title p{ display:block; font-size:16px; line-height:32px; color:#666; text-transform:uppercase; overflow:hidden;}
.ab01 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.ab01 .title a img{ display:block; margin:auto;}
.ab01 .box{ width:94%; margin:auto; padding-top:20px; position:relative; margin-top:25px;}
.ab01 .box .tu{ z-index:0; position:absolute; right:0; top:0; width:54%;}
.ab01 .box .tu img{ width:100%; display:block;}
.ab01 .box .wen{ z-index:9; position:relative; width:50%; padding:30px; box-sizing:border-box; background-color:#fff;}
.ab01 .box .wen .w01{}
.ab01 .box .wen .w01 img{ display:block; float:right;}
.ab01 .box .wen .w02{ margin-top:20px;}
.ab01 .box .wen .w02 img{ display:block; height:50px; float:right;}
.ab01 .box .wen .w03{ margin:15px 0; width:100%; font-size:18px; line-height:28px; font-weight:bold; text-align:right;}
.ab01 .box .wen .w04{ width:100%; font-size:14px; line-height:24px; text-align:right;}
}
@media only screen and (max-width: 768px){
.ab01{ width:100%; background-color:#eee; padding-top:25px; padding-bottom:30px;}
.ab01 .title{ width:94%; margin:auto; text-align:center;}
.ab01 .title strong{ display:block; font-size:20px; line-height:30px; color:#024e7f; overflow:hidden;}
.ab01 .title p{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase; overflow:hidden;}
.ab01 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.ab01 .title a img{ display:block; margin:auto;}
.ab01 .box{ width:94%; margin:auto; position:relative; margin-top:20px;}
.ab01 .box .tu{ width:100%;}
.ab01 .box .tu img{ width:100%; display:block;}
.ab01 .box .wen{ z-index:9; position:relative; width:100%; padding:20px; box-sizing:border-box; background-color:#fff;}
.ab01 .box .wen .w01{}
.ab01 .box .wen .w01 img{ display:block; float:right;}
.ab01 .box .wen .w02{ margin-top:10px;}
.ab01 .box .wen .w02 img{ display:block; height:50px; float:right;}
.ab01 .box .wen .w03{ margin:5px 0; width:100%; font-size:18px; line-height:28px; font-weight:bold; text-align:right;}
.ab01 .box .wen .w04{ width:100%; font-size:14px; line-height:24px; text-align:right;}
}

.ab02 *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.ab02{ width:100%; background-color:#fff; padding-top:65px; padding-bottom:70px;}
.ab02 .title{ width:1200px; margin:auto; text-align:center;}
.ab02 .title strong{ display:block; font-size:30px; line-height:40px; color:#024e7f; overflow:hidden;}
.ab02 .title p{ display:block; font-size:18px; line-height:34px; color:#666; text-transform:uppercase; overflow:hidden;}
.ab02 .title a{ display:block; height:3px; margin-top:9px; overflow:hidden;}
.ab02 .title a img{ display:block; margin:auto;}
.ab02 .wen{ width:1200px; margin:30px auto; margin-bottom:50px; display:block; text-align:center;}
.ab02 .wen dt{ font-size:18px; line-height:28px; display:block; margin-bottom:5px;}
.ab02 .wen dd{ font-size:14px; line-height:30px; display:block;}
.ab02 .box{ width:1060px; padding:55px 70px; padding-bottom:0; margin:auto; background-position:center; background-repeat:no-repeat; height:305px;}
.ab02 .box strong{ display:block; font-size:30px; line-height:40px;}
.ab02 .box span{ display:block; font-size:14px; line-height:24px; margin-top:20px;}
.ab02 .box ul{ display:block; margin-top:10px;}
.ab02 .box ul li{ display:block; float:left; width:160px; overflow:hidden;}
.ab02 .box ul li a{ display:block; font-size:18px; height:38px; line-height:38px; overflow:hidden;}
.ab02 .box ul li p{ display:block; width:100px; height:100px; padding:5px; padding-top:11px; background-image:url(../images/ma.png); background-repeat:no-repeat;}
.ab02 .box ul li p b{ width:100px; height:100px; display:block; overflow:hidden;}
.ab02 .box ul li p b img{ width:100%; display:block;}
.ab02 .box ul li:hover p{ display:block;}
.ab02 .box ul li:hover a{ color:#024e7f;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.ab02{ width:100%; background-color:#fff; padding-top:45px; padding-bottom:50px;}
.ab02 .title{ width:94%; margin:auto; text-align:center;}
.ab02 .title strong{ display:block; font-size:24px; line-height:34px; color:#024e7f; overflow:hidden;}
.ab02 .title p{ display:block; font-size:16px; line-height:32px; color:#666; text-transform:uppercase; overflow:hidden;}
.ab02 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.ab02 .title a img{ display:block; margin:auto;}
.ab02 .wen{ width:94%; margin:25px auto; margin-bottom:40px; display:block; text-align:center;}
.ab02 .wen dt{ font-size:18px; line-height:28px; display:block; margin-bottom:5px;}
.ab02 .wen dd{ font-size:14px; line-height:30px; display:block;}
.ab02 .box{ width:94%; box-sizing:border-box; padding:35px 50px; padding-bottom:40px; margin:auto; background-position:center; background-repeat:no-repeat; background-repeat:cover;}
.ab02 .box strong{ display:block; font-size:24px; line-height:34px;}
.ab02 .box span{ display:block; font-size:14px; line-height:24px; margin-top:15px;}
.ab02 .box ul{ display:block; margin-top:10px;}
.ab02 .box ul li{ display:block; float:left; width:160px; overflow:hidden;}
.ab02 .box ul li a{ display:block; font-size:18px; height:38px; line-height:38px; overflow:hidden;}
.ab02 .box ul li p{ display:block; width:100px; height:100px; padding:5px; padding-top:11px; background-image:url(../images/ma.png); background-repeat:no-repeat;}
.ab02 .box ul li p b{ width:100px; height:100px; display:block; overflow:hidden;}
.ab02 .box ul li p b img{ width:100%; display:block;}
.ab02 .box ul li:hover p{}
.ab02 .box ul li:hover a{ color:#024e7f;}
}
@media only screen and (max-width: 768px){
.ab02{ width:100%; background-color:#fff; padding-top:25px; padding-bottom:30px;}
.ab02 .title{ width:94%; margin:auto; text-align:center;}
.ab02 .title strong{ display:block; font-size:20px; line-height:30px; color:#024e7f; overflow:hidden;}
.ab02 .title p{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase; overflow:hidden;}
.ab02 .title a{ display:block; height:3px; margin-top:5px; overflow:hidden;}
.ab02 .title a img{ display:block; margin:auto;}
.ab02 .wen{ width:94%; margin:15px auto; margin-bottom:30px; display:block; text-align:center;}
.ab02 .wen dt{ font-size:18px; line-height:28px; display:block; margin-bottom:5px;}
.ab02 .wen dd{ font-size:14px; line-height:24px; display:block;}
.ab02 .box{ width:94%; box-sizing:border-box; padding:25px 30px; padding-bottom:30px; margin:auto; background-position:center; background-repeat:no-repeat; background-repeat:cover;}
.ab02 .box strong{ display:block; font-size:20px; line-height:30px;}
.ab02 .box span{ display:block; font-size:14px; line-height:24px; margin-top:10px;}
.ab02 .box ul{ display:block; margin-top:5px;}
.ab02 .box ul li{ display:block; float:left; width:140px; overflow:hidden;}
.ab02 .box ul li a{ display:block; font-size:18px; height:38px; line-height:38px; overflow:hidden;}
.ab02 .box ul li p{ display:block; width:100px; height:100px; padding:5px; padding-top:11px; background-image:url(../images/ma.png); background-repeat:no-repeat;}
.ab02 .box ul li p b{ width:100px; height:100px; display:block; overflow:hidden;}
.ab02 .box ul li p b img{ width:100%; display:block;}
.ab02 .box ul li:hover p{}
.ab02 .box ul li:hover a{ color:#024e7f;}
}

/*媒体*/
.hbox *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.hbox{ width:100%; height:100px; background-color:#eee;}
.hbox .box{ width:1200px; margin:auto;}
.hbox .left{ float:left; padding-top:15px;}
.hbox .left p{ display:block; height:28px; overflow:hidden;}
.hbox .left p span{ display:block; float:left; font-size:18px; height:28px; line-height:28px;}
.hbox .left p b{ width:50px; height:1px; display:block; float:left; margin-left:10px; margin-top:13px; background-color:#024e7f;}
.hbox .left strong{ display:block; height:40px; line-height:40px; font-size:36px; text-transform:uppercase; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif; margin-top:5px;}
.hbox .right{ display:block; float:right; height:100px;}
.hbox .right li{ width:140px; text-align:center; display:block; float:left; padding-top:15px; height:85px;}
.hbox .right li.on{ background-color:#fff;}
.hbox .right li img{ height:40px; margin:auto;}
.hbox .right li img.img01{ display:block;}
.hbox .right li img.img02{ display:none;}
.hbox .right li p{ height:28px; line-height:28px; font-size:18px; margin-top:5px;}
.hbox .right li.on p,.hbox .right li:hover p{ color:#024e7f;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.hbox{ width:100%; height:100px; background-color:#eee;}
.hbox .box{ width:94%; margin:auto;}
.hbox .left{ float:left; padding-top:15px;}
.hbox .left p{ display:block; height:28px; overflow:hidden;}
.hbox .left p span{ display:block; float:left; font-size:18px; height:28px; line-height:28px;}
.hbox .left p b{ width:50px; height:1px; display:block; float:left; margin-left:10px; margin-top:13px; background-color:#024e7f;}
.hbox .left strong{ display:block; height:40px; line-height:40px; font-size:36px; text-transform:uppercase; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif; margin-top:5px;}
.hbox .right{ display:block; float:right; height:100px;}
.hbox .right li{ width:140px; text-align:center; display:block; float:left; padding-top:15px; height:85px;}
.hbox .right li.on{ background-color:#fff;}
.hbox .right li img{ height:40px; margin:auto;}
.hbox .right li img.img01{ display:block;}
.hbox .right li img.img02{ display:none;}
.hbox .right li p{ height:28px; line-height:28px; font-size:18px; margin-top:5px;}
.hbox .right li.on p,.hbox .right li:hover p{ color:#024e7f;}
}
@media only screen and (max-width: 768px){
.hbox{ width:100%; background-color:#eee;}
.hbox .box{ width:100%; margin:auto;}
.hbox .left{ display:none;}
.hbox .right{ display:block; width:100%; text-align:center;}
.hbox .right li{ text-align:center; display:inline-block; padding:10px; padding-top:15px;}
.hbox .right li.on{ background-color:#fff;}
.hbox .right li img{ height:40px; margin:auto;}
.hbox .right li img.img01{ display:block;}
.hbox .right li img.img02{ display:none;}
.hbox .right li p{ height:26px; line-height:26px; font-size:16px; margin-top:5px;}
.hbox .right li.on p,.hbox .right li:hover p{ color:#024e7f;}
}

.main .fanye *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.main{ width:1200px; margin:70px auto;}
.main .fanye{ width:100%; margin:auto; text-align:center; margin-top:30px;}
.main .fanye .prev{ display:inline-block; font-size:16px; color:#999; width:40px; height:40px; line-height:40px; border-radius:100%;}
.main .fanye .next{ display:inline-block; font-size:16px; color:#999; width:40px; height:40px; line-height:40px; border-radius:100%;}
.main .fanye a.shu{ display:inline-block; font-size:16px; color:#333; width:40px; height:40px; line-height:40px; border-radius:100%; margin:0 5px;}
.main .fanye span{ background-color:#024e7f; display:inline-block; font-size:16px; color:#fff; width:40px; height:40px; line-height:40px; border-radius:100%; margin:0 10px;}
.main .fanye a:hover{ color:#024e7f;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.main{ width:100%; margin:50px auto;}
.main .fanye{ width:94%; margin:auto; text-align:center; margin-top:25px;}
.main .fanye .prev{ display:inline-block; font-size:16px; color:#999; width:40px; height:40px; line-height:40px; border-radius:100%;}
.main .fanye .next{ display:inline-block; font-size:16px; color:#999; width:40px; height:40px; line-height:40px; border-radius:100%;}
.main .fanye a.shu{ display:inline-block; font-size:16px; color:#333; width:40px; height:40px; line-height:40px; border-radius:100%; margin:0 5px;}
.main .fanye span{ background-color:#024e7f; display:inline-block; font-size:16px; color:#fff; width:40px; height:40px; line-height:40px; border-radius:100%; margin:0 10px;}
.main .fanye a:hover{ color:#024e7f;}
}
@media only screen and (max-width: 768px){
.main{ width:100%; margin:30px auto;}
.main .fanye{ width:94%; margin:auto; text-align:center; margin-top:20px;}
.main .fanye .prev{ display:inline-block; font-size:16px; color:#999; width:40px; height:40px; line-height:40px; border-radius:100%;}
.main .fanye .next{ display:inline-block; font-size:16px; color:#999; width:40px; height:40px; line-height:40px; border-radius:100%;}
.main .fanye a.shu{ display:inline-block; font-size:16px; color:#333; width:40px; height:40px; line-height:40px; border-radius:100%; margin:0 5px;}
.main .fanye span{ background-color:#024e7f; display:inline-block; font-size:16px; color:#fff; width:40px; height:40px; line-height:40px; border-radius:100%; margin:0 10px;}
.main .fanye a:hover{ color:#024e7f;}
}

/*视频资料*/
.course *,.course{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.course{ width:1230px; display:block; margin-top:-30px;}
.course li{ width:380px; height:330px; display:block; float:left; margin-top:30px; margin-right:30px;}
.course li a{ width:100%; display:block; height:330px; overflow:hidden;}
.course li .tu{ width:100%; height:240px; position:relative;}
.course li .tu img{ width:100%; display:block;}
.course li .tu b{ width:100%; height:100%; display:block; background-color:rgba(2,78,127,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;}
.course li a:hover .tu b{ opacity:1;}
.course li .wen{ padding:19px 20px; height:52px; background-color:#fff; position:relative;}
.course li .wen span{ width:290px; font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden;}
.course li .wen p{ width:290px; font-size:14px; height:24px; line-height:24px; color:#999; display:block; overflow:hidden;}
.course li .wen b{ width:40px; height:40px; border-radius:100%; position:absolute; right:20px; top:25px; background-color:#024e7f; background-image:url(../images/moreh.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;}
.course li a:hover .wen b{ opacity:1;}
.course li a:hover .wen{ background-color:#f1f1f1;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.course{ width:100%; display:block; margin-top:-25px;}
.course li{ width:29.33%; display:block; float:left; margin-top:25px; margin-left:3%;}
.course li a{ width:100%; display:block; height:330px; overflow:hidden;}
.course li .tu{ width:100%; height:190px; position:relative;}
.course li .tu img{ width:100%; display:block;}
.course li .tu b{ width:100%; height:100%; display:block; background-color:rgba(2,78,127,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;}
.course li a:hover .tu b{ opacity:1;}
.course li .wen{ padding:19px 20px; height:52px; background-color:#fff; position:relative;}
.course li .wen span{ width:290px; font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden;}
.course li .wen p{ width:290px; font-size:14px; height:24px; line-height:24px; color:#999; display:block; overflow:hidden;}
.course li .wen b{ width:40px; height:40px; border-radius:100%; position:absolute; right:20px; top:25px; background-color:#024e7f; background-image:url(../images/moreh.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; display:none;}
.course li a:hover .wen b{ opacity:1;}
.course li a:hover .wen{ background-color:#f1f1f1;}
}
@media only screen and (max-width: 768px){
.course{ width:100%; display:block; margin-top:-15px;}
.course li{ width:45.5%; display:block; float:left; margin-top:15px; margin-left:3%;}
.course li a{ width:100%; display:block; overflow:hidden;}
.course li .tu{ width:100%; height:110px; position:relative;}
.course li .tu img{ height:100%; display:block;}
.course li .tu b{ width:100%; height:100%; display:block; background-color:rgba(2,78,127,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;}
.course li a:hover .tu b{ opacity:1;}
.course li .wen{ padding:5px 10px; width:100%; box-sizing:border-box; height:60px; text-align:center; background-color:#fff; position:relative;}
.course li .wen span{ width:100%; font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden;}
.course li .wen p{ width:100%; font-size:14px; height:24px; line-height:24px; color:#999; display:block; overflow:hidden;}
.course li .wen b{ display:none;}
.course li a:hover .wen{ background-color:#f1f1f1;}
}

/*文章页*/
.main .lbar *{ margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
.main .rbar *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.main .lbar{ width:910px; float:left;}
.main .lbar .bt{ text-align:center; color:#024e7f; font-size:24px; line-height:34px;}
.main .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.main .lbar .wen{ font-size:14px; line-height:24px; margin-top:30px;}
.main .lbar .wen img{ max-width:100%; height:auto;}
.main .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.main .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.main .lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.main .lbar .back p a:hover{ color:#024e7f;}
.main .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.main .lbar .back span a:hover{ color:#024e7f;}

.main .rbar{ width:258px; border:1px solid #ddd; border-top:2px solid #024e7f; float:right; margin-top:5px;}
.main .rbar .title{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.main .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}
.main .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.main .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.main .rbar ul li strong img{ width:100%; display:block;}
.main .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.main .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.main .rbar ul li:hover p{ color:#024e7f;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.main .lbar{ width:65%; margin-left:3%; float:left;}
.main .lbar .bt{ text-align:center; color:#024e7f; font-size:20px; line-height:30px;}
.main .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.main .lbar .wen{ font-size:14px; line-height:24px; margin-top:30px;}
.main .lbar .wen img{ max-width:100%; height:auto;}
.main .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.main .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.main .lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.main .lbar .back p a:hover{ color:#024e7f;}
.main .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.main .lbar .back span a:hover{ color:#024e7f;}

.main .rbar{ width:27%; margin-right:3%; border:1px solid #ddd; border-top:2px solid #024e7f; float:right; margin-top:5px;}
.main .rbar .title{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.main .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}
.main .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.main .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.main .rbar ul li strong img{ width:100%; display:block;}
.main .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.main .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.main .rbar ul li:hover p{ color:#024e7f;}
}
@media only screen and (max-width: 768px){
.main .lbar{ width:94%; margin:auto;}
.main .lbar .bt{ text-align:center; color:#024e7f; font-size:18px; line-height:28px;}
.main .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.main .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.main .lbar .wen img{ max-width:100%; height:auto;}
.main .lbar .back{ margin-top:15px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.main .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.main .lbar .back p a{ overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.main .lbar .back p a:hover{ color:#024e7f;}
.main .lbar .back span{ text-align:center; display:block; font-size:14px; height:24px; line-height:24px;}
.main .lbar .back span a:hover{ color:#024e7f;}

.main .rbar{ display:none;}
}

/*活动图集*/
.case *,.case{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.case{ width:1200px; margin:auto; margin-top:-30px;}
.case ul{ width:1230px; display:block; overflow:hidden;}
.case ul li{ display:block; float:left; width:380px; height:220px; margin-top:30px; margin-right:30px; border-radius:5px; overflow:hidden; position:relative;}
.case ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.case ul li .mask{ width:340px; padding:14px 20px; box-sizing:border-box; position:absolute; left:20px; bottom:20px; background-color:rgba(255,255,255,0.7); text-align:center;}
.case ul li .mask span{ font-size:18px; line-height:28px; height:28px; display:block; overflow:hidden;}
.case ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#666; display:block; overflow:hidden;}
.case ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.case ul li:hover .mask{ background-color:#024e7f;}
.case ul li:hover .mask span,.case ul li:hover .mask p{ color:#fff;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.case{ width:100%; margin:auto; margin-top:-20px;}
.case ul{ width:100%; display:block; overflow:hidden;}
.case ul li{ display:block; float:left; width:29.33%; height:170px; margin-top:20px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.case ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.case ul li .mask{ width:90%; padding:10px 15px; box-sizing:border-box; position:absolute; left:5%; bottom:15px; background-color:rgba(255,255,255,0.7); text-align:center;}
.case ul li .mask span{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden;}
.case ul li .mask p{ font-size:14px; line-height:24px; height:24px; color:#666; display:block; overflow:hidden;}
.case ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.case ul li:hover .mask{ background-color:#024e7f;}
.case ul li:hover .mask span,.case ul li:hover .mask p{ color:#fff;}
}
@media only screen and (max-width: 768px){
.case{ width:100%; margin:auto; margin-top:-15px;}
.case ul{ width:100%; display:block; overflow:hidden;}
.case ul li{ display:block; float:left; width:45.5%; height:140px; margin-top:15px; margin-left:3%; border-radius:5px; overflow:hidden; position:relative;}
.case ul li img{ height:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.case ul li .mask{ width:90%; padding:4px 10px; box-sizing:border-box; position:absolute; left:5%; bottom:10px; background-color:rgba(255,255,255,0.7); text-align:center;}
.case ul li .mask span{ font-size:14px; line-height:16px; height:32px; display:block; overflow:hidden;}
.case ul li .mask p{ display:none;}
.case ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.case ul li:hover .mask{ background-color:#024e7f;}
.case ul li:hover .mask span{ color:#fff;}
}

/*企业动态*/
.main .news *,.main .news{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:1280px){
.main .news{ width:1200px; margin:auto; margin-top:-20px; display:block;}
.main .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #eee;}
.main .news li .left{ width:170px; height:110px; float:left;}
.main .news li .left img{ width:100%; display:block;}
.main .news li .right{ width:1010px; height:110px; float:right;}
.main .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news li .right .bt.b01 a{ display:block; float:left; position:relative;}
.main .news li .right:hover .bt a{ color:#024e7f;}
.main .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news li .right .shi{ width:100%; height:24px;}
.main .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:24px; line-height:24px;}
.main .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:11px;}
.main .news li .right:hover .shi b{ background-color:#024e7f;}
.main .news li .right:hover .shi span{ color:#024e7f;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.main .news{ width:94%; margin:auto; margin-top:-20px; display:block;}
.main .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #eee; position:relative;}
.main .news li .left{ width:170px; height:110px; position:absolute; left:0; top:20px;}
.main .news li .left img{ width:100%; display:block;}
.main .news li .right{ padding-left:190px; height:110px;}
.main .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news li .right .bt a{ display:block; float:left; position:relative;}
.main .news li .right:hover .bt a{ color:#024e7f;}
.main .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news li .right .shi{ width:100%; height:22px;}
.main .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.main .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.main .news li .right:hover .shi b{ background-color:#024e7f;}
.main .news li .right:hover .shi span{ color:#024e7f;}
}
@media only screen and (max-width: 768px){
.main .news{ width:94%; margin:auto; margin-top:-15px; display:block;}
.main .news li{ padding:15px 0; display:block; overflow:hidden; border-bottom:1px solid #eee;}
.main .news li .left{ width:30%; height:110px; float:left;}
.main .news li .left img{ height:100%; display:block;}
.main .news li .right{ width:67%; height:110px; float:right;}
.main .news li .right .bt{ font-size:16px; height:28px; line-height:28px;}
.main .news li .right .bt a{ display:block; float:left; position:relative;}
.main .news li .right:hover .bt a{ color:#024e7f;}
.main .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news li .right .shi{ width:100%; height:22px;}
.main .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.main .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.main .news li .right:hover .shi b{ background-color:#024e7f;}
.main .news li .right:hover .shi span{ color:#024e7f;}
}

/*弹出框*/
.xcConfirm *{ margin:0; padding:0; border:none; list-style:none;}
@media screen and (min-width:769px){
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #024e7f; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #024e7f; color: #FFFFFF;}
}
@media only screen and (max-width: 768px){
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); padding-bottom:20px; background-color: #ffffff; z-index: 2147000001; width: 90%; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{ text-align:center; padding:20px 15px;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; height:28px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{ display:none;}
.xcConfirm .popBox .txtBox{padding:20px; padding-top:0; text-align:center; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{ display:none;}
.xcConfirm .popBox .txtBox p{ font-size:14px; line-height: 24px;}
.xcConfirm .popBox .btnArea{ text-align:center;}
.xcConfirm .popBox .btnGroup .sgBtn{ text-align:center;}
.xcConfirm .popBox .sgBtn{display:inline-block; margin:0 10px; cursor: pointer; text-align:center; font-size:14px; line-height:24px; color:#024e7f; font-variant:normal;}
.xcConfirm .popBox .sgBtn:nth-child(2){ color:#333;}
}

/*弹框*/
.bd_weixin_popup *{ margin:0; padding:0; border:none; list-style:none;}
.bd_weixin_popup {
    position:fixed;
    left:50%;
	margin-top:-156px;
    top:50%;
	margin-left:-131px;
    padding: 10px;
    width: 240px;
    height: 300px;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px;
	display:none;
}
.bd_weixin_popup .bd_weixin_popup_head {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
	cursor:pointer;
	text-align:right;
}
.bd_weixin_popup .bd_weixin_popup_main {
    padding:15px;
	padding-bottom:10px;
}
.bd_weixin_popup .bd_weixin_popup_main img{ display:block; width:200px; margin:auto;}
.bd_weixin_popup .bd_weixin_popup_foot {
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666;
}