@charset "utf-8"; /* CSS Document */ 

* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle; max-width:100%;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:1.6;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";    font-family: "Montserrat", Sans-serif;}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
@media screen and (min-width:320px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:16px;} 
.tt6{font-size:18px;} 
.tt7{font-size:19px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:16px;} 
.tt6{font-size:18px;} 
.tt7{font-size:18px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 480px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:18px;} 
.tt6{font-size:18px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;} 
.tt2{font-size:14px;} 
.tt3{font-size:16px;} 
.tt4{font-size:18px;} 
.tt5{font-size:18px;} 
.tt6{font-size:20px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:28px;} 
.tt10{font-size:30px;} 
.tt11{font-size:30px;} 
.tt12{font-size:48px;}
}
@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
.mhj{ height:5px;} 
.mhj2{overflow:hidden; clear:both; height:10px;}
}
@media (min-width:769px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:24px;} 
.tt8{font-size:24px;} 
.tt9{font-size:32px;} 
.tt10{font-size:36px;} 
.tt11{font-size:40px;} 
.tt12{font-size:60px;} 
.mhj{ height:20px;} 
.fl{ float:left;} 
.fr{ float:right;} 
.pc{ display:block;} 
.app{ display:none;} 
.mhj{ height:10px;} 
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
}
@media (min-width:1180px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
} 
.clear { clear: both; }
/*头部*/ 
.header{width: 100%; z-index: 999;} 
#header{/*position: fixed; left:calc(50% - 600px);*/ left:0px; top:0px; width:100%; z-index:9999999999999; background:rgba(255,255,255,1); position:relative;}
.bg1{ background:#f0f0f2; }
.head{ width:1300px; margin:0 auto;}
.logo_p1{ float:left; padding: 15px 0; width: 280px;} 
.head_l{ float:left; padding-top:20px; width:63%}
.head_r{ float:right; text-align:right; padding-top:20px; font-size:14px; line-height:2.5;width:200px;}
.ss{ }
.ss:hover .sou{ display:block; position:absolute}
.sou{ display:none; width:200px; margin-top:-10px;}
.sear1{ background:#fff; border:1px solid #3863c9; line-height:30px; width:100%;}
.sear2{ border:none; padding:0; margin:0; background:#3863c9; color:#FFF; width:60px; line-height:32px;}
.nav{ }
.nav_c{ width:100%; margin:0 auto;  position:relative; clear:both;}
.nav_c .nav_1{ position: relative;text-align: center; float:left; font-size:18px; line-height:2.5; width:calc(100% / 8);} 
.nav_1a{ display:block; text-transform:uppercase; color:#49494b;} 
.nav_1:hover .nav_1a{ color:#0129a2} 
.nav_1 a.nav_1_a { color:#0129a2} 
.nav_c .nav_1:first-child .nav_1a{ border:none;}
.nav_warp { background: rgba(255,255,255,0.9); position: absolute; top:45px; left:0px; min-width:100%; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);} 
.nav_warp a{ display:block; line-height:40px; text-align:center; border-bottom:1px solid  rgba(255,255,255,0.8); font-size:14px; padding:0 5px;} 
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:#325fab;} 
.nav_warp ul{display:none} 
.nav_warp li:hover  ul{display:block;position: absolute; float:left; margin-left:140px; margin-top:-40px;background-color: #fff;width:150px; } 
.nav_c .nav_2{ float:right; font-size:16px; padding:0; padding-left:20px;}
/*面包屑*/ 

.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #0090ff; background-color: #3863c9; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #3863c9; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #3863c9; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 
.header2{ position:relative; background:#fff;}
.header2 .nav_1a{ color:#444;} 



@media screen and (max-width:1023px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.head_logo { max-width:60%;} 
.head_logo a { display: block; cursor: pointer; padding:0 10px ;} 
.head_logo img { height:60px;} 
.cai {/* width: 100%;  background: rgba(1,79,135,0.9); background-color: #fff;*/  background-size:auto 100%; position:relative;display:block;width:100%; z-index:99999; background:#FFF;} 
.cbg{ }
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:0px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; float:left; width:calc(50% - 20px);} 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #fff; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; } 
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;} 
.mnavdl a:last-child{ border:none;}
.cai2 {/* width: 100%;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/display:block;width:100%; z-index:99999; position: relative;} 
.cai2 .btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.cai2 .icon-bar { background-color: #333; } 
} 
.main,.ftit,.link,.foot{ width:96%; max-width:1300px; margin:0px auto;overflow:hidden;clear:both;} 
.main2{ width:100%; max-width:1300px;margin:0px auto; position:relative;} 
.hj{overflow:hidden; clear:both; height:10px;} 
.hj2{overflow:hidden; clear:both; height:20px;} 
.hj3{overflow:hidden; clear:both; height:30px;} 
.hj4{overflow:hidden; clear:both; height:40px;} 
.hj5{overflow:hidden; clear:both; height:50px;} 
.pp1{ padding:1% 0;} 
.pp2{ padding:2% 0;} 
.pp3{ padding:3% 0;} 
.pp4{ padding:4% 0;} 
.pp5{ padding:5% 0;} 
.clear{ overflow:hidden; clear:both;} 
.img1{ display:block; position:relative; width:100%; padding-bottom:82%; overflow:hidden;} 
.img2{ display:block; position:relative; width:100%; padding-bottom:54%; overflow:hidden;} 
.img3{ display:block; position:relative; width:100%; padding-bottom:140%; overflow:hidden;} 
.img4{ display:block; position:relative; width:100%; padding-bottom:63.41%;overflow:hidden;} 
.img1 img,.img2 img,.img3 img,.img4 img{ position:absolute; top:0; left:0; width:100%; height:100%;} 
.none {display: none;} 
.img1,.img2,.img3,.img4{ overflow:hidden;} 
.img1 img,.img2 img,.img3 img,.img4 img{/*  cursor: pointer;*/ transition: all 0.8s;} 
.img1:hover img,.img2:hover img,.img3:hover img,.img4:hover img{ transform: scale(1.1);} 
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
.qq{ width:100%;  margin:0 auto; position:relative;} 
.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;} 
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;} 
.fullSlide .bd ul{width:100% !important; height:100%;} 
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;} 
.fullSlide .bd li a{display:block; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; width:96%; padding:5px 2%; color:#fff; text-align:left;}
.fullSlide .hd{position:absolute;z-index:1;bottom:12px;right:0px; width:100%;height:22px;line-height:20px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:10px; overflow:hidden;background:#fff;filter:alpha(opacity=100);opacity:1;line-height:999px; margin:5px; border-radius:5px;}
.fullSlide .hd ul .on{background:#6385ed;width:30px;height:10px; }
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:1%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:1%;background-position:-6px -137px;}

.swiper1 .swiper-pagination{ 
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0; 
width: 100%;}

.top_p1{ float:left; color:#464646}
.top_p2{ float:right}

.tit1{  overflow:hidden; clear:both; line-height:40px;}
.tit1_p1{ text-align:center;color:#0129a2; font-weight:bold;}

.cplb{ width:100%; clear:both; overflow:hidden}
.cplb li { float:left; width:calc(100% / 8); text-align:center; padding-top:20px; } 
.cplb li p { padding-bottom:10px;}
.cplb li img { height:75px;}
.cplb li .imga { display:block;margin:0 auto}
.cplb li .imgb { display:none}
.cplb li.active{background:#0129a2; color:#fff; text-align:center}
.cplb li.normal{ text-align:center}
.cplb li.active .imga {display:none;}
.cplb li.active .imgb {display:block; margin:0 auto}
.cplb li.active .triangle {display:block;}

.cplb li:hover .imga {display:none;}
.cplb li:hover .imgb  {display:block; margin:0 auto}

.triangle { display:none;margin-top:0px; position:absolute;  width:calc(100% / 6); height: 10px; background:url(../images/dsj.png) bottom no-repeat; 
	
}
.cptext{ background:url(../images/cpbg.jpg) top center no-repeat;  background-size:100% 100%;}
.cp_p1{ float:left; width:40%; padding:3% 0}
.cp_p2{ float:right; width:56%; padding:5% 0}
.cp_p21{ color:#0baee5; line-height:1; border-left:4px solid #0baee5; padding-left:15px;}

.cp_p22{ color:#0baee5; padding:25px 0; padding-left:25px;}
.cp_p23{ color:#FFF; line-height:2; padding-left:25px;}
.cp_p24{ color:#FFF; line-height:2; padding-left:25px; margin-top:60px;}
.cp_p24 a{ color:#FFF; border:1px solid #7c7c7c; padding:5px 15px;border-radius:15px;}

.abbg{ background:url(../images/abbg.jpg) top center no-repeat; }
.ab_p1{ float:left; width:50%;}
.ab_p2{ float:right; width:50%;  background:#FFF}
.ab_p21{ padding:5% 5%; background:#FFF}
.ab_p22{ color:#0129a2; margin-bottom:20px; text-align:center}
.ab_p23{ color:#555; line-height:2.2}
.ab_p24{ margin-top:20px;margin-bottom:20px;}
.more{ background:#0129a2; color:#FFF; padding:5px 25px;border-radius:20px;}

.p_r{ position:fixed; right:0.5%; top:73%; z-index:999999;}
.p_r a{ display:block; border-radius:10px; background:#fff; width:70px; padding:10px; text-align:center; box-shadow:0 0 5px rgba(0, 0, 0, 0.1);}
.p_r a span{ display:block;}
.p_r a:hover{ background:#9b2223; color:#FFF;}
.p_r a:hover img{-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%);}

.fbg{ background:#FFF; color:#555555; line-height:2;}
.fbg a{ color:#555555;}

.foot_p1{ float:left; font-weight:700; line-height:1.5} 
.foot_p2{ float:right;} 
.copy{ padding:15px 0; font-weight:normal}

.tit_p2{  overflow:hidden; clear:both; line-height:40px;position: relative;  padding:10% 0}
.tit_p21{ text-align:left;color:#FFF; font-weight:bold; line-height:1.2}
.tit_p22{ text-align:left;color:#FFF; font-weight:bold;line-height:1.2; text-transform:Uppercase}
.weizhi{ width:100%; max-width:1300px;margin:0px auto; } 
.bread{ text-align:left; color:#FFF;position: absolute ; bottom:10px;}
.bread a{color:#FFF; }

.gy_p1{ float:left; width:49%;}
.gy_p2{ float:right; width:49%; }
.gy_p21{ border-bottom:1px solid #CCC; line-height:2; font-weight:bold;position: relative; text-align:center}

.gy_p21::before {
    width: 100%;
    content: " ";
    height: 2px;
    background: #15458d;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2;
}
.gy_p22{ line-height:2}
.whbg{background:url(../images/tu4.jpg) top center no-repeat;  background-size:100% 100%;}
.wenh { overflow:hidden; color:#FFF}
.wenh li{ width:calc(100% / 3); float:left; text-align:center;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(1, 66, 145, 0.5) 100%); height:700px;}
.wenh li:hover {background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(1, 66, 145, 0) 100%);transition: all 0.8s;}
.wenh_p0{position: relative; top:40%}
.wenh li:hover .wenh_p0{  top:30%;transition: all 0.8s;}
.wenh_p1{ }
.wenh_p2{ font-weight:bold}
.wenh_p3{ display:none }


.tit_p3{  overflow:hidden; clear:both; line-height:40px;  text-align:center}
.tit_p31{ color:#333; font-weight:bold; line-height:2;}
.tit_p32{ color:#7a7a7a; line-height:2; text-transform:Uppercase}
.zizhi{}
.zizhi .mySwiper{ margin:25px 0}
.zizhi .swiper-slide { background:#eef2f6;  padding:30px 0;border-radius:15px;}
.zizhi .swiper-slide img{ width:185px; height:260px}
.zizhi .swiper-pagination { bottom:-60px;position: relative;}


.about05wrap{width: 96%;box-sizing: border-box;padding: 0 20px 20px; margin:0 auto}
.about05{width: 100%;position: relative;}
.about05wrap .left{height: 70vh;border-radius: 10px;}
.about05wrap .item{position: relative;overflow: hidden;display: block; }
.about05wrap .item img{display: block;width: 100%;height: 100%;object-fit: cover;}
.about05wrap .right{width: calc((100% - 20px)/2);position: absolute;right: 0;top: 0;height: 100%;}
.about05wrap .right a{width: 100%;height: calc((100% - 20px)/2);margin-bottom: 20px;overflow: hidden;border-radius: 10px;background-color: rgba(0,0,0,0.5);}
.about05wrap .right a:last-child{margin-bottom: 0;}
.about05wrap .item img{display: block;width: auto;min-width: 100%;height: 100%;}
.about05wrap .item .text{position: absolute;left: 0;bottom: 0px;box-sizing: border-box;width: 100%;padding: 0 50px;z-index:2;}
.about05wrap .item .text h3{font-size: 40px;color: #ffffff;font-weight: bold;margin-bottom: 40px;}
.about05wrap .item .text .toa{margin: 20px 0 0;}
.about05wrap .left:hover .text {margin-bottom: 40px;transition: all 0.8s;}
.about05wrap .left:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 1;}
.about05wrap .right .item:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 1;}
.about05wrap .right .item:hover .text {margin-bottom: 40px;transition: all 0.8s;}

.cpzx{ margin-bottom :20px; background:#f6f6f6;border-radius: 10px; overflow:hidden; padding:3% 4% }
.cpzx_p1{ float:left; width:50%; }
.cpzx_p2{ float:right; width:46%; text-align:center}
.cpzx_p11{ color:#1e73be; font-weight:bold; margin-bottom:10px;}
.cpzx_p12{ color:#333333; font-weight:bold; padding:10px 0;}
.cpzx_p13{ color:#4e4e4e; line-height:2; padding:10px 0; text-indent: 2em;}
.cpzx_p14{ margin: 15px auto;}
.more2{ background:#0095d4; padding:6px 25px; color:#FFF;border-radius: 15px;}
 a.more2:hover{background:#1e73be;}
 
.cpbread{ text-align:left; color:#333; line-height:2}
.cpbread a{color:#333; }
 
.cpnr{   overflow:hidden;}
.cpnr_p1{ float:left; width:50%;border:1px solid #d1d1d1; }
.cpnr_p2{ float:right; width:46%; text-align:left}

.cpnr_p21{ color:#333; font-weight:bold; margin-bottom:10px;} 
.cpnr_p22{ color:#4e4e4e; line-height:2; padding:10px 0; text-indent:2em;}
.cpnr_p23{ margin: 25px auto; border-top:2px solid #e7e7e7; clear:both; overflow: hidden; padding:35px 0;}

.more3{ background:#FFF; padding:3px 25px; color:#0a7ee7;border-radius: 15px; border:2px solid #0a7ee7; display:block; width:70px; text-align:center }
 a.more3:hover{background:#0a7ee7; color:#FFF}
.zhibiao{ background:#0129A2}

.tit_p4{     text-align:center}
.tit_p42{ color:#ffffff; font-weight:bold; line-height:2;}
.tit_p412{ color:#0129A2; font-weight:bold; line-height:2;}
.jishu{ line-height:2}
.jishu img{ max-width:100%}

.fwbg1{ background:url(../images/fwbg1.jpg) top center;  background-size:100% 100%; }
.fwbg2 { background:url(../images/fwbg2.jpg) top center;  background-size:100% 100%; }


.fw_p1{ float:left; width:48%; }
.fw_p2{ float:right; width:48%; }

.fw_p11{ color:#333; font-weight:bold; margin-bottom:10px; margin-top:15%; color:#FFF; } 
.fw_p12{ color:#4e4e4e; line-height:2; padding:10px 0;color:#FFF; text-align:left;text-indent: 2em; }
.fw_p13{ margin: 25px auto;overflow: hidden;  }

.more4{ background:#FFF; padding:3px 15px; color:#009ace;border-radius: 15px;display:block; width:75px; text-align:center }
 a.more4:hover{ color:#0129a2}
 
.cate{ clear:both; width:400px; margin:0 auto}
.cate li{ float: left; width: 43%; margin:0 2%; text-align:center}
.cate li a{ background:#dadada;color:#333;border-radius: 20px; padding:8px 30px}
.cate li a:hover{background:#0129a2;color:#fff;}
.cate li a.on{background:#0129a2;color:#fff;}
.news_p1{ clear:both; overflow:hidden; margin:0 -1%}
.news_p1 li{ height:380px; float:left; width:31.33%; margin:1% 1%}
.news_p11 { text-align:center;} 
.news_p11 img{border-radius: 15px;} 
.news_p12 { color:#000; padding:10px 0;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.news_p13{ color:#767676;line-height:2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 

.pagesb{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pagesb a,.pagesb span{color: #666;padding: 0 10px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 30px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pagesb a:hover{display:inline-block;color: #fff;background: #128eea;border-color: #9c0e11;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pagesb span{display:inline-block;color: #666;}
.pagesb a.page-num-current{display:inline-block;color: #fff;background: #128eea;border-color: #128eea;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.news_nr{clear:both; overflow:hidden; border-bottom:1px solid #e3e3e3;}
.news_tit{ text-align:center; font-weight:700; color:#000}
.news_desc{ text-align:center;   color:#6f6f6f; border-bottom:1px solid #e3e3e3; padding:25px 0}
.news_content{ line-height:2; text-align:left;padding:15px 0}
.news_content img { max-width:100%}


.jsca{ clear:both; width:500px; margin:0 auto}
.jsca li{ float: left; width: 30%; margin:0 1%; text-align:center}
.jsca li a{ background:#dadada;color:#333;border-radius: 20px; padding:8px 30px}
.jsca li a:hover{background:#0129a2;color:#fff;}
.jsca li a.on{background:#0129a2;color:#fff;}

.jishu_nr{clear:both; overflow:hidden;}
.jishu_p1{ clear:both; overflow:hidden;}
.jishu_p1 li{ width:100%; float:left; border-bottom:1px solid #e3e3e3; padding:15px 0; }
.jishu_p10 { float:left; width:calc(100% - 140px)}  
.jishu_p14 { float:right; padding-top:30px}  

.jishu_p11 { color:#000; padding:5px 0;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:2} 
.jishu_p12 { text-align:left; line-height:2}  
.jishu_p13{ color:#777777;line-height:2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} 

.more5{ background:#647bc2; padding:3px 15px; color:#FFF;border-radius: 15px;display:block; width:85px; text-align:center }
 a.more5:hover{ background:#0129a2;}
 
 
.zxns{ clear:both; overflow:hidden;margin:0 -1%}
.zxns li{ float: left; width: 31.33%; margin:0 1%; text-align:center}
.zxns li a{  color:#FFF; }
.zxns_p1{ position:relative}
.zxns_p2{ position: absolute; top:45%; left:40%}
.gzbg { background:#f7f7f7; }
.gztj { clear:both; overflow:hidden; }
.gztj_p1 { float:left; width:120px; background:#ececed;padding:15px; text-align:center}
.gztj_p2 { float:right; width:calc(100% - 180px); background:#FFF;padding:15px; color:#ececed}
.gztj_p2 a{ padding-left:25px; padding-right:25px;}
.gztj_p2 a.active{ color:#1886d4}
.joblist{ width:100%}
.joblist th{ background:#007cd4; text-align:center; padding:15px 0; color:#FFF; font-weight:600}
.joblist td{ background:#FFF;padding:15px 0; text-align:center; border-bottom:1px solid #e3e3e3}
.jb_w1{ width:40%}
.jb_w2{ width:15%}
.jb_w3{ width:15%}
.jb_w4{ width:15%}
.jb_w5{ width:15%}


.zb_p1{ clear:both; overflow:hidden; margin:0 -1%}
.zb_p1 li{ float:left; width:48%; margin:1% 1%; }
.zb_p11 { text-align:center; border:1px solid #e3e3e3; padding:1% 0} 
.zb_p11 tabel{ width:100%} 
.zb_p11 td{ height:160px;} 
.zb_p12 { color:#000; padding:4px 0; text-align:center} 

.lxfs{ clear:both; overflow:hidden; margin:0 -1%}
.lxfs li{ float:left; width:25.1%; margin:1% 1%; border:1px solid #e3e3e3;border-radius: 15px; padding:3% 3%;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transition: all .3s;     background-color: #fff;}
.lxfs li:hover{ background-color: #128eea; color:#FFF}
.lx_p11 { text-align:center; line-height:2.5; padding:10px 0 } 
.lx_p12 { text-align:center;  line-height:2.5; font-weight:500} 
.lx_p13 { text-align:center;  line-height:2.5;} 

.tit_p5{  overflow:hidden; clear:both;   text-align:center}
.tit_p50{ color:#333; line-height:1;}
.tit_p51{ color:#000; font-weight:bold; line-height:1.3;}
.tit_p52{ color:#7a7a7a; line-height:2; text-transform:Uppercase}
.mess{ clear:both; overflow:hidden; margin:0 -2% }
.mess li { float:left; width:calc(46% - 10px); margin:1% 2%; }
.inp1 { width:100%; border-radius: 10px; line-height:1.5; padding:15px 10px; border:1px solid #ced4da }
.inp2 { width:100%; border-radius: 10px; line-height:1.5; padding:15px 10px; border:1px solid #ced4da; height:120px; }
.bgtj{ margin:0 auto; text-align:center}
.submut_btn{border-radius: 10px; background:#0129a2; color:#FFF; padding:12px 35px; border:none}

.suspension{position:fixed;z-index:55;right:50px;bottom:200px;width:90px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:70px;height:70px; background: #fff;padding: 10px;text-align: center;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);cursor:pointer;outline:none;}
.suspension  a span{ display:block;}
.suspension  a:hover{ background:#9b2223; color:#FFF;}
.suspension a:hover img{-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%);}

 
.suspension .dpf{display:none;width:223px;background:#fff;position:absolute;right:90px;min-height:90px;border:1px solid #E0E1E5; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .dpf .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:180px;}
.suspension .d-qrcode{top:100px;}
.suspension .dpf .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;} 


@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
 
.p_r{display:none;}
.mm1{ padding:1%; width:96%; margin:0 auto;} 
.f14{ font-size:12px;} 
.f16{ font-size:14px;} 
.f18{ font-size:15px;} 
.pp1{ padding:5px 0;} 
.pp2{ padding:10px 0;} 
.qt{ position:relative; width:100%; padding-bottom:35%; height:0; overflow:hidden;} 
.adv1{ position:relative; width:100%; padding-bottom:35%; height:0; overflow:hidden;background-size:auto  100%;} 
.main,.main2,.ftit,.link,.foot,.top { width:96%;margin:0px auto;} 
.cplb li { float:left; width:calc(100% / 4); text-align:center; padding-top:20px; } 
.cplb li.active .imga {display:none;}
.cplb li.active .imgb {display:none;}

.cplb li.normal .imga {display:none;}
.cplb li.normal .imgb {display:none;}

.cp_p1{ width:98%; padding:5% 1%}
.cp_p2{ width:98%; padding:5% 1%}

.ab_p1{ width:100%;}
.ab_p2{width:100%;  }
.foot_p1{  width:100%;} 
.foot_p2{  width:100%;} 

.gy_p1{ width:100%;}
.gy_p2{width:100%;  }

.cpzx_p1{ width:100%;}
.cpzx_p2{width:100%;  }
.cpnr_p1{ width:100%;}
.cpnr_p2{ width:100%;}
.cpnr_p1{ width:100%;}
.cpnr_p2{ width:100%;}
.fw_p1{ width:100%;}
.fw_p2{ width:100%;}

.suspension{right:10px;bottom:30px;}
.about05wrap .left{width: 100% ;height: 30vh;}
.about05wrap .item .text{position: absolute;left: 0;bottom: 0px;box-sizing: border-box;width: 100%;padding: 0 10px;z-index:2;}
.about05wrap .item .text h3{font-size: 16px;color: #ffffff;font-weight: bold;margin-bottom: 10px;}
.about05wrap .right{width:100% ;position: relative;right: 0;top: 20px;height: 100%;}
.fwbg1{ background:#009ace;  background-size:100% 100%; }
.fwbg2 { background:#009ace;  background-size:100% 100%; }

.news_p1 li{ float:left; width:98%; margin:1% 1%}
.zxns_p2{ position: absolute; top:45%; left:20%}

.gztj_p1 { float:left; width:80px; background:#ececed;padding:10px 0 ; text-align:center}
.gztj_p2 { float:right; width:calc(100% - 80px); background:#FFF;padding:10px 0; color:#ececed}
.gztj_p2 a{ padding-left:15px; padding-right:15px;}

.jb_w4{ display:none;}
.jb_w5{ display:none;}

.zb_p1 li{ float:left; width:48%; margin:1% 1%; }
.zb_p11 td{ height:150px;} 


}
@media (min-width:769px) {
 
.fl{ float:left;} 
.fr{ float:right;} 
.f14{ font-size:14px;} 
.f16{ font-size:16px;} 
.f18{ font-size:18px;} 
.pp1{ padding:10px 0;} 
.pp2{ padding:20px 0;} 
.qt{ position:relative; width:100%; padding-bottom:32.81%; height:0; overflow:hidden;} 
.adv1{ position:relative; width:100%; padding-bottom:7%; height:0; overflow:hidden;background-size:100%  100%;} 
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
.w48{ width:49%;}
.w80{ width:78%;}
.w20{ width:20%;}



}