@charset "utf-8";
.jjfa01{ background:url(g_19.jpg) center center no-repeat; padding:160px 0 80px; background-size:cover}
.jjfa01 .ihd{ text-align:center; font-size:46px; color:#2d2d2d; font-weight:bold; line-height:1}
.jjfa01 .intro{ width:870px; margin:0 auto; margin-top:40px; line-height:2; font-size:16px; color:#333333; text-align:center}
.jjfa01 .pic{ margin-top:90px}
.jjfa01 .pic img{ max-width:100%}
@media (max-width: 1200px){
	.jjfa01{ padding:60px 0; }
	.jjfa01 .ihd{ font-size:32px; }
	.jjfa01 .intro{ width:100%; margin-top:30px; font-size:14px; }
	.jjfa01 .pic{ margin-top:30px}
}
@media (max-width: 750px){
	.jjfa01{ padding:40px 0; }
	.jjfa01 .ihd{ font-size:20px; }
	.jjfa01 .intro{ margin-top:20px; }
	.jjfa01 .pic{ margin-top:20px}
}
.jjfa02{ background:#fff; padding:100px 0}
.jjfa02 .ihd{ font-size:30px;}
.jjfa02 .pic{ margin-top:60px}
@media (max-width: 1200px){
	.jjfa02{ padding:60px 0}
	.jjfa02 .ihd{ font-size:24px;}
	.jjfa02 .pic{ margin-top:40px}
}
@media (max-width: 750px){
	.jjfa02{ padding:40px 0}
	.jjfa02 .ihd{ font-size:20px;}
	.jjfa02 .pic{ margin-top:20px}
}
.jjfa03{ background:#f7f7f7}

.jjfa04{ padding-bottom:0}
.jjfa04 .bd{ width:100%; overflow:hidden; margin-top:60px; position:relative}
.jjfa04 .bd .mySwiper2{ width:100%; overflow:hidden}
.jjfa04 .bd .mySwiper2 .pic{ width:100%; overflow:hidden; border-radius:10px; margin:0}
.jjfa04 .bd .mySwiper2 .pic img{ width:100%}
.jjfa04 .bd .mySwiper2 .intro{ height:300px; box-sizing:border-box; padding-top:150px; color:#696969; margin-top:0}
.jjfa04 .bd .mySwiper{ position:absolute; width:630px; position:absolute; left:50%; margin-left:-315px; bottom:200px}
.jjfa04 .bd .mySwiper .swiper-wrapper{ display:flex;justify-content: space-between; align-items: center; } 
.jjfa04 .bd .mySwiper .swiper-wrapper .swiper-slide{ width:150px; text-align:center; font-size:20px; color:rgba(11,11,11,0.5); font-weight:bold}
.jjfa04 .bd .mySwiper .swiper-wrapper .swiper-slide:after{ content:""; display:block; width:90px; height:100%; background:url(g_23.png) center center no-repeat; left:100%; position:absolute; top:0}
.jjfa04 .bd .mySwiper .swiper-wrapper .swiper-slide:last-child:after{ width:0}
.jjfa04 .bd .mySwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{ color:#0b0b0b}
.jjfa04 .bd .prevs{ background:url(g_22.png) center center no-repeat; width:20px; height:calc(100% - 300px); position:absolute; left:4%; top:0; z-index:2; cursor:pointer}
.jjfa04 .bd .nexts{ background:url(g_21.png) center center no-repeat; width:20px; height:calc(100% - 300px); position:absolute; right:4%; top:0; z-index:2; cursor:pointer}
@media (max-width: 1200px){
	.jjfa04 .bd{  margin-top:40px; position:relative}
	.jjfa04 .bd .mySwiper2{ width:100%; overflow:hidden}
	.jjfa04 .bd .mySwiper2 .pic{ border-radius:8px;}
	.jjfa04 .bd .mySwiper2 .intro{ height:260px; padding-top:80px; }
	.jjfa04 .bd .mySwiper{ width:90%; position:absolute; left:5%; margin-left:0; bottom:200px}
	.jjfa04 .bd .mySwiper .swiper-wrapper .swiper-slide{ width:130px; font-size:18px;}
	.jjfa04 .bd .mySwiper .swiper-wrapper .swiper-slide:after{ width:0}
	.jjfa04 .bd .prevs{ height:calc(100% - 260px); }
	.jjfa04 .bd .nexts{ height:calc(100% - 260px); }

}
@media (max-width: 750px){
	.jjfa04 .bd{  margin-top:20px; position:relative}
	.jjfa04 .bd .mySwiper2{ width:100%; overflow:hidden}
	.jjfa04 .bd .mySwiper2 .pic{ border-radius:5px;}
	.jjfa04 .bd .mySwiper2 .intro{ height:220px; padding-top:60px; }
	.jjfa04 .bd .mySwiper{ width:100%; left:0; bottom:174px}
	.jjfa04 .bd .mySwiper .swiper-wrapper .swiper-slide{ width:auto; font-size:15px;}
	.jjfa04 .bd .mySwiper .swiper-wrapper .swiper-slide:after{ width:0}
	.jjfa04 .bd .prevs{ height:calc(100% - 220px); background-size:12px }
	.jjfa04 .bd .nexts{ height:calc(100% - 220px); background-size:12px }

}

.pro01{ width:100%; position:relative}
.pro01 .pic{ width:100%; overflow:hidden}
.pro01 .pic img{ width:100%}
.pro01 .cont{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:9; color:#fff; text-align:center}
.pro01 .cont .title{ font-size:50px; line-height:1; font-weight:bold}
.pro01 .cont .intro{ font-size:42px; margin-top:10px}
.pro01 .cont .play{ background:url(g_24.png) top center no-repeat; padding-top:80px; font-size:20px; margin-top:80px; cursor:pointer}
@media (max-width: 1200px){
	.pro01 .cont .title{ font-size:40px; }
	.pro01 .cont .intro{ font-size:32px; }
	.pro01 .cont .play{ background-size:50px; padding-top:60px; font-size:18px; margin-top:50px; }
}
@media (max-width: 750px){
	.pro01 .cont .title{ font-size:20px; }
	.pro01 .cont .intro{ font-size:16px; }
	.pro01 .cont .play{ background-size:32px; padding-top:40px; font-size:14px; margin-top:20px; }
}

.pro02{ background:url(g_25.jpg) center center no-repeat; background-size:cover; padding:120px 0 70px}
.pro02 .title{ font-size:30px; color:#2d2d2d; line-height:1}
.pro02 .bq{ font-size:52px; font-weight:bold; color:#2d2d2d; line-height:1; margin-top:20px}
.pro02 .bq i{
    background: -webkit-linear-gradient(45deg, #ff8a00, #e93700); /* Chrome, Safari */
    background: linear-gradient(45deg, #ff8a00, #e93700); /* 标准语法 */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Chrome, Safari */
    color: transparent; /* 标准语法, 也可以用这个属性 */
}
.pro02 .intro{ font-size:16px; width:720px; text-align:justify; line-height:2; margin-top:30px}
.pro02 .ibd{ margin-top:20px; position:relative}
.pro02 .ibd .swiper02{ width:100%; overflow:hidden}
.pro02 .ibd .swiper02 .swiper-slide{ width:100%}
.pro02 .ibd .swiper02 .swiper-slide .rt{ float:right; width:600px;}
.pro02 .ibd .swiper02 .swiper-slide .rt img{ width:100%}
.pro02 .ibd .swiper02 .swiper-slide .lt{ float:left; width:600px;}
.pro02 .ibd .swiper02 .swiper-slide .lt .item{ width:50%; float:left; margin-top:60px}
.pro02 .ibd .swiper02 .swiper-slide .lt .item .p1{ font-size:30px; color:#000000; line-height:1; padding:25px 0 0 0; background:url(g_27.png) left top no-repeat}
.pro02 .ibd .swiper02 .swiper-slide .lt .item .p2{ font-size:16px; color:#333333; margin-top:20px}
.pro02 .ibd .prev02{ background:url(g_28.png) center center no-repeat; background-size:100% 100%; width:16px; height:30px; position:absolute; left:-100px; top:50px; cursor:pointer}
.pro02 .ibd .next02{ background:url(g_29.png) center center no-repeat; background-size:100% 100%; width:16px; height:30px; position:absolute; right:-100px; top:50px; cursor:pointer}
.pro02 .ifd .aitem i{ background:url(g_40.png) right center no-repeat; padding-right:48px; line-height:50px; border-bottom:1px solid #8c9192; font-size:16px; color:#0b0b0b; cursor:pointer; display:inline-block}
.pro02 .ifd .bitem{ display:flex;justify-content: space-between; align-items: center; height:85px; display:none}
.pro02 .ifd .bitem .lt{ font-size:20px; font-weight:bold; color:#0b0b0b}
.pro02 .ifd .bitem .rt i{ background:url(g_39.png) right center no-repeat; padding-right:48px; line-height:50px; border-bottom:1px solid #8c9192; font-size:16px; color:#0b0b0b; cursor:pointer; display:inline-block}
.pro02 .ifd .citem{ border-top:1px solid #e4e4e6; display:flex; flex-wrap: wrap;  display:none}
.pro02 .ifd .citem .item{ border-bottom:1px solid #e4e4e6; width:50%;  display:flex;   font-size:16px; color:#000000}
.pro02 .ifd .citem .item .t1{ width:200px; box-sizing:border-box; padding:15px 35px; background:#f9f9fb; height:100%; display:flex; align-items: center; }
.pro02 .ifd .citem .item .t2{ width:calc(100% - 200px); box-sizing:border-box; padding:15px 35px; height:100%; display:flex; align-items: center; }
.pro02 .ifd.on .aitem{ display:none}
.pro02 .ifd.on{ background:#ffffff; padding: 0 45px 45px; box-sizing:border-box; border-radius:10px; overflow:hidden}
.pro02 .ifd.on .bitem{ display:flex}
.pro02 .ifd.on .citem{ display:flex}
@media (max-width: 1200px){
	.pro02{ padding:40px  0}
	.pro02 .title{ font-size:16px;}
	.pro02 .bq{ font-size:24px; margin-top:10px}
	.pro02 .intro{ font-size:12px; width:100%; margin-top:15px}
	.pro02 .ibd .swiper02 .swiper-slide .rt{ float:right; width:100%;}
	.pro02 .ibd .swiper02 .swiper-slide .lt{ float:left; width:100%;}
	.pro02 .ibd .swiper02 .swiper-slide .lt .item{ width:50%; float:left; margin-top:20px}
	.pro02 .ibd .swiper02 .swiper-slide .lt .item .p1{ font-size:18px; padding:20px 0 0 0; background-size:30px 3px}
	.pro02 .ibd .swiper02 .swiper-slide .lt .item .p2{ font-size:12px;  margin-top:10px}
	.pro02 .ibd .prev02{ left:0; top:100px;}
	.pro02 .ibd .next02{ right:0; top:100px;}
	.pro02 .ifd{ margin-top:20px}
	.pro02 .ifd .aitem i{ background-size:20px;padding-right:30px; line-height:40px;  font-size:14px;}
	.pro02 .ifd .bitem{  height:60px;}
	.pro02 .ifd .bitem .lt{ font-size:18px;}
	.pro02 .ifd .bitem .rt i{ background-size:20px;padding-right:30px; line-height:40px;  font-size:14px;}
	.pro02 .ifd .citem .item{ width:100%; height:auto;  font-size:14px; }
	.pro02 .ifd .citem .item .t1{ width:35%; padding:15px; }
	.pro02 .ifd .citem .item .t2{ width:65%; padding:15px; }
	.pro02 .ifd.on .aitem{ display:none}
	.pro02 .ifd.on{ background:#ffffff; padding: 0 15px 15px; box-sizing:border-box; border-radius:10px; overflow:hidden}
	.pro02 .ifd.on .bitem{ display:flex}
	.pro02 .ifd.on .citem{ display:flex}
}


.pro03{ padding:100px 0}
.pro03 .ihd{ text-align:center}
.pro03 .ihd .title{ font-size:46px; color:#2d2d2d; line-height:1}
.pro03 .ihd .intro{ font-size:16px; color:#2d2d2d; line-height:1; margin-top:25px}
.pro03 .ibd{ margin-top:60px; display:flex;justify-content: space-between;}
.pro03 .ibd .item{ width:286px; border-radius:10px; overflow:hidden; position:relative}
.pro03 .ibd .item .pic{ width:100%}
.pro03 .ibd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.pro03 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.pro03 .ibd .item .title{ text-align:center; font-size:30px; color:#fff; line-height:1; width:100%; position:absolute; left:0; bottom:0; padding:30px 0}
@media (max-width: 1200px){
	.pro03{ padding:40px 0}
	.pro03 .ihd .title{ font-size:20px; }
	.pro03 .ihd .intro{ font-size:12px; margin-top:10px}
	.pro03 .ibd{ margin-top:30px;}
	.pro03 .ibd .item{ width:23%; border-radius:5px;}
	.pro03 .ibd .item .title{ font-size:16px; padding:20px 0}
}


.pro04{ background:url(g_31.jpg) center center no-repeat; background-size:cover; padding:85px 0 100px; color:#fff}
.pro04 .ibd{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.pro04 .ibd .item .p1{ font-size:50px; font-weight:bold; line-height:1}
.pro04 .ibd .item .p1 i{ font-size:16px; font-weight:normal; margin-left:5px}
.pro04 .ibd .item .p2{ font-size:20px; font-weight:bold; line-height:1; margin-top:20px}
@media (max-width: 1200px){
	.pro04{  padding:60px 0; }
	.pro04 .ibd .item .p1{ font-size:40px;  }
	.pro04 .ibd .item .p1 i{ font-size:14px; }
	.pro04 .ibd .item .p2{ font-size:16px; margin-top:15px}
}
@media (max-width: 750px){
	.pro04{  padding:20px 0; }
	.pro04 .ibd .item{  padding:20px 0}
	.pro04 .ibd .item .p1{ font-size:30px;  }
	.pro04 .ibd .item .p1 i{ font-size:12px; }
	.pro04 .ibd .item .p2{ font-size:14px; margin-top:10px}
}


.pro05{ width:100%; background:#f3f3f3; padding:110px 0}
.pro05 .ihd .bq{ font-size:16px; color:#2d2d2d; line-height:1}
.pro05 .ihd .title{ font-size:46px; color:#2d2d2d; line-height:1; margin-top:20px}
.pro05 .ibd{ margin-top:65px}
.pro05 .ibd .item{ position:relative; display:flex;justify-content: space-between; }
.pro05 .ibd .item .pic{ width:650px; border-radius:10px; overflow:hidden; margin-bottom:80px}
.pro05 .ibd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.pro05 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.pro05 .ibd .item .cont{ width:500px; box-sizing:border-box; padding-left:60px; border-left:3px dashed #fd8b07; position:relative; top:60px}
.pro05 .ibd .item:last-child .cont{ border:3px solid rgba(0,0,0,0)}
.pro05 .ibd .item .cont:before{ content:""; display:block; width:18px; height:18px; position:absolute; left:-10px; top:0; background:url(g_41.png) center center no-repeat; background-size:cover; z-index:2}
.pro05 .ibd .item .cont .title{ font-size:30px; color:#0b0b0b; line-height:1; font-weight:bold; position:relative; top:-5px}
.pro05 .ibd .item .cont .intro{ font-size:16px; color:#696969; line-height:25px; text-align:justify; margin-top:35px}
.pro05 .ibd .item .cont .intro p{ background:url(g_34.png) 0 10px no-repeat; padding-left:20px}
.pro05 .ibd .item .cont:after{ content:""; display:block; width:3px; height:0%; background:#fd8801; position:absolute; left:-3px; top:9px; transition:all 1s}
.pro05 .ibd .item.on .cont:after{ height:100%}
.pro05 .ibd .item.on:last-child .cont:after{ height:100%; top:auto; bottom:100%}
@media (max-width: 1200px){
	.pro05{ padding:60px 0}
	.pro05 .ihd .bq{ font-size:14px; }
	.pro05 .ihd .title{ font-size:32px; margin-top:15px}
	.pro05 .ibd{ margin-top:40px}
	.pro05 .ibd .item .pic{ width:300px; border-radius:5px; margin-bottom:30px}
	.pro05 .ibd .item .cont{ width:calc(100% - 320px);  padding-left:20px; border-left:2px dashed #fd8b07; top:20px}
	.pro05 .ibd .item:last-child .cont{ border:2px solid rgba(0,0,0,0)}
	.pro05 .ibd .item .cont:before{ width:14px; height:14px; left:-8px }
	.pro05 .ibd .item .cont .title{ font-size:20px;}
	.pro05 .ibd .item .cont .intro{ font-size:14px;   margin-top:20px}
	.pro05 .ibd .item .cont:after{  width:2px; left:-2px; }
	.pro05 .ibd .item.on .cont:after{ height:100%}
	.pro05 .ibd .item.on:last-child .cont:after{ height:100%; top:auto; bottom:100%}

}
@media (max-width: 750px){
	.pro05{ padding:40px 0}
	.pro05 .ihd .bq{ font-size:12px; }
	.pro05 .ihd .title{ font-size:20px; margin-top:12px}
	.pro05 .ibd{ margin-top:20px}
	.pro05 .ibd .item{ display:block; position:relative; margin-bottom:20px}
	.pro05 .ibd .item .pic{ width:100%; border-radius:5px; margin-bottom:30px; margin-bottom:15px}
	.pro05 .ibd .item .cont{ width:100%;  padding-left:0; border-left:0; top:0}
	.pro05 .ibd .item:last-child .cont{ border:2px solid rgba(0,0,0,0)}
	.pro05 .ibd .item .cont:before{ display:none}
	.pro05 .ibd .item .cont .title{ font-size:16px; top:0}
	.pro05 .ibd .item .cont .intro{ font-size:12px;   margin-top:12px}
	.pro05 .ibd .item .cont:after{ display:none}
	.pro05 .ibd .item.on .cont:after{ height:100%}
	.pro05 .ibd .item:last-child{ border:0; margin:0}


}

.pro06{ padding:110px 0}
.pro06 .ihd{ text-align:center}
.pro06 .ihd .title{ font-size:46px; color:#2d2d2d; line-height:1;}
.pro06 .ibd{ margin-top:60px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.pro06 .ibd .item{ width:100%; background:url(g_36.jpg) center center no-repeat; background-size:cover; margin-bottom:60px; padding:80px; box-sizing:border-box; border-radius:10px; overflow:hidden; display:flex;justify-content: space-between; align-items: center;}
.pro06 .ibd .item .pic{ width:437px}
.pro06 .ibd .item .pic img{ width:100%}
.pro06 .ibd .item .cont{ width:500px}
.pro06 .ibd .item .cont .title{ font-size:36px; color:#000000; font-weight:bold; display:flex; align-items: center; }
.pro06 .ibd .item .cont .title i{ display:inline-block; padding:12px 15px; color:#fff; border-radius:10px; background:#fd8801; font-size:22px; line-height:1; margin-left:40px}
.pro06 .ibd .item .cont .intro{ font-size:20px; color:#333333; line-height:2; margin-top:50px}
.pro06 .ibd .item2{ width:32%; border-radius:10px; overflow:hidden; position:relative; background:#f3f3f3}
.pro06 .ibd .item2 .pic{ width:100%}
.pro06 .ibd .item2 .pic img{ width:100%}
.pro06 .ibd .item2 .title{ display:inline-block; padding:12px 15px; color:#fff; border-radius:10px; background:#fd8801; font-size:22px; line-height:1; position:absolute; right:0; bottom:0}
@media (max-width: 1200px){
	.pro06{ padding:60px 0}
	.pro06 .ihd .title{ font-size:32px; }
	.pro06 .ibd{ margin-top:40px;}
	.pro06 .ibd .item{ margin-bottom:40px; padding:40px; border-radius:5px;}
	.pro06 .ibd .item .pic{ width:45%}
	.pro06 .ibd .item .cont{ width:48%}
	.pro06 .ibd .item .cont .title{ font-size:24px;}
	.pro06 .ibd .item .cont .title i{ border-radius:5px; font-size:18px; margin-left:20px}
	.pro06 .ibd .item .cont .intro{ font-size:16px; margin-top:20px}
	.pro06 .ibd .item2{ width:48%; border-radius:5px; }
	.pro06 .ibd .item2 .title{  font-size:18px; }
}
@media (max-width: 750px){
	.pro06{ padding:40px 0}
	.pro06 .ihd .title{ font-size:20px; }
	.pro06 .ibd{ margin-top:20px;}
	.pro06 .ibd .item{ margin-bottom:0; padding:20px; border-radius:5px; display:block}
	.pro06 .ibd .item .pic{ width:100%}
	.pro06 .ibd .item .cont{ width:100%; margin-top:15px}
	.pro06 .ibd .item .cont .title{ font-size:20px;}
	.pro06 .ibd .item .cont .title i{ font-size:16px; margin-left:15px}
	.pro06 .ibd .item .cont .intro{ font-size:14px; margin-top:15px}
	.pro06 .ibd .item2{ width:100%; border-radius:5px; margin-top:15px }
	.pro06 .ibd .item2 .title{  font-size:16px; }
}


.banner{ width:100%; margin:0 auto; position:relative}
.banner>img{ width:100%; height:auto;}
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); z-index:9; color:#fff; text-align:center}
.banner .item .title{ font-size:42px; font-weight:bold }
.banner .item .intro{ font-size:18px; margin-top:10px}

@media (max-width: 1440px){
	.banner .item .title{ font-size:36px; }
	.banner .item .intro{ font-size:16px;}
}

@media (max-width: 1200px){
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .title{ font-size:20px; padding-top:60px}
	.banner .item .intro{ font-size:14px; margin-top:5px}
}
.location{ position:absolute; right:0; top:0}
.location{ line-height:66px}
.location .a{ display:none}
.location .b{ font-size:14px; float:left; color:#333}
.location .b a{ color:#333}
.location .b { background:url(g_19.png) left center no-repeat; padding-left:20px;}
.location .b a:hover{ color:#2353a5}
@media (max-width: 1200px){
	.location{ display:none}
}



.second_nav{ width:100%; background:#ffffff; box-shadow:0 0 20px rgba(12,97,174,0.15); position:relative; z-index:9}
.second_nav .nr{ position:relative}
.second_nav ul{ font-size:0; text-align:left}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative}
.second_nav ul li a{ display:block; line-height:66px; font-size:18px; color:#252525; padding:0 30px}
.second_nav ul li:before{ content:""; display:block; width:0px; top:30%; right:0; background:#009fe8; height:40%; position:absolute}
.second_nav ul li:last-child:before{ width:0}
.second_nav ul li.on:after{ content:""; display:block; width:80%; left:10%; bottom:0; background:#009fe8; height:2px; position:absolute}
.second_nav ul li:hover:after{ content:""; display:block; width:80%; left:10%; bottom:0; background:#009fe8; height:2px; position:absolute}
.second_nav ul li.on a{ color:#009fe8}
.second_nav ul li:hover a{ color:#009fe8}
.second_nav.second_nav104 ul li.on a{ color:#e51a0e; font-weight:bold}
.second_nav.second_nav104 ul li.on:after{ background:#e51a0e}
.second_nav.second_nav104 ul li:hover a{ color:#e51a0e; font-weight:bold}
.second_nav.second_nav104 ul li:hover:after{ background:#e51a0e}
.second_nav .t{ display:none}
@media (max-width: 750px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#0c61ae;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1}
	.second_nav .nr{ width:100%}
	.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav ul li{ width:100%; text-align:center; border-bottom: 1px solid #e7e7e7;}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}
	.second_nav ul li:before{ width:0}
	.second_nav ul li:hover::after{ left:0; bottom:-1px; width:100%}
	.second_nav ul li.on::after{ left:0; bottom:-1px; width:100%}
	
	.second_nav.second_nav104 .t{ background:#e51a0e}
	.second_nav.second_nav104 ul li{ border-bottom: 1px solid #e7e7e7;}
	
}

.third_nav{ background:#eaedf6; padding:25px 0}
.third_nav ul li{ float:left; margin-right:30px}
.third_nav ul li a{ display:block; height:30px; padding:0 20px; font-size:16px; color:#333333; line-height:30px;}
.third_nav ul li.on a{ background:#009fe8; color:#fff; border-radius:15px}
.third_nav ul li:hover a{ background:#009fe8; color:#fff; border-radius:15px}
@media (max-width: 750px){
	.third_nav{ background:#eaedf6; padding:20px 0}
	.third_nav ul li{ width:48%; margin-right:4%; text-align:center}
	.third_nav ul li:nth-child(2n){ margin-right:0}
	.third_nav ul li a{ box-sizing:border-box; border:1px solid #009fe8; margin:5px 0; height:36px; line-height:normal;display:flex;align-items: center;justify-content: center;}
	.third_nav ul li.on a,.third_nav ul li:hover a{ border-radius:0}
}


/* 内容模式 */
.article { padding:40px 0; width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px }
.article .bd {background:#fff; line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { margin:30px 0 0;}
.article .ft .nr{ padding:0!important; background:none!important}
.article .ft ul{ border-top:1px dotted #ccc; padding:30px 0 0 0 }
.article .ft ul li { width:100%; background:#fff; background:#fff; box-sizing:border-box; text-align:left; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#009fe8}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1200px){
	.article { padding:20px 0;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	.nr_pc{ display:none}
	.nr_sj{ display:block}
	.article .ft { margin:20px 0 0; height:auto}
	.article .ft ul{ display:block; height:auto; padding:20px 0 0 0}
	.article .ft ul li { width:100% }
	.article .bd{ font-size:14px; line-height:2}	
}

@media all and (max-width:1200px){
	.article{ padding:40px 0;}
	.article .nr{}
}


.newsPage2{ padding:40px 0}
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#f1f1f1;}
.newsList2 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList2 .item .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList2 .item .time .p1{ display:inline-block; vertical-align:top; font-size:32px; line-height:1; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:8px}
.newsList2 .item .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 0}
.newsList2 .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList2 .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px; height:48px; margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ }
.newsList2 .item:hover{ background:#009fe8; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList2 .item:hover .time{ color:#fff}
.newsList2 .item:hover .time .p1{ border-bottom:1px solid #fff}
.newsList2 .item:hover .cont .title{ color:#fff;}
.newsList2 .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1200px){
	.newsPage2{ padding:40px 0}
	.newsList2{ padding-bottom:10px}
	.newsList2 .item{ margin-bottom:20px; height:125px}
	.newsList2 .item .time{ width:100px;}
	.newsList2 .item a{ }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 100px); padding:0 30px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList2 .item{ height:100px}
	.newsList2 .item .time{ width:80px;}
	.newsList2 .item a{  }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 80px); padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}

/* 分页 */
.page {  line-height:24px; text-align:center; }
.page select{ display:none}
.page a { display:inline-block; margin:0 2px; padding:8px 12px; border:1px solid #e5e2d9; background:#e5e2d9; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #009fe8; background:#009fe8; color:#fff; }
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}
@media all and (max-width:750px){
	.page a{ margin:3px 0}
}

/*picx*/
.picx{ padding:60px 0}
.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%; background:#fff; margin-bottom:40px}
.picxList .item:nth-child(3n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picxList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.picxList .item a .cont{ padding:20px; background:#fff}
.picxList .item a .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;}
.picxList .item:hover a .cont .title{ color:#fff; background:#009fe8}
.picxList .item:hover a .cont{ color:#fff; background:#009fe8}
@media all and (max-width:1200px){
	.picx{}
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ padding:40px 0}
	.picxList .item a .cont{ padding:15px}
	.picxList .item a .cont .title{ font-size:16px}	

}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:10px}
	.picxList .item a .cont .title{ font-size:14px;}	

}

.news{ padding:80px 0}
.newsList{ width:100%; padding-bottom:60px}
.newsList .item{ width:100%; padding:30px 25px; box-sizing:border-box; background:#f1f1f1 }
.newsList .item:nth-child(2n){background:none}
.newsList .item:hover{ background:#009fe8}
.newsList .item a{ display:flex; width:100%; height:100%; box-sizing:border-box; }
.newsList .item a .pic{ width:295px; overflow:hidden;}
.newsList .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.newsList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.newsList .item a .cont{ width:calc(100% - 295px);  box-sizing:border-box; padding-left:30px}
.newsList .item a .cont .time{ font-size:14px; color:#888888; margin-top:10px}
.newsList .item a .cont .title{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px; line-height:30px; font-weight:bold;}
.newsList .item a .cont .intro{ font-size:14px; color:#888888; line-height:25px; height:50px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList .item:hover a .cont .title{ color:#fff}
.newsList .item:hover a .cont .time{ color:#fff}
.newsList .item:hover a .cont .more{ color:#fff}
.newsList .item:hover a .cont .intro{ color:#fff}
.newsList .item a .cont .more{ font-size:14px; color:#888888; margin-top:20px}

@media all and (max-width:1200px){
	.news{ padding:40px 0}
	.newsList .item{ width:100%; padding:25px 20px; }
	.newsList{ padding-bottom:40px}
}
@media all and (max-width:750px){
	
	.newsList .item{ width:100%; padding:20px 20px; }
	.newsList .item a .pic{ width:160px;}
	.newsList .item a .cont{ width:calc(100% - 160px);}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
	.newsList .item a .cont .title{ font-size:14px; margin-top:5px}
	.newsList .item a .cont .intro{ font-size:12px; margin-top:5px}
	.newsList .item a .cont .more{ display:none}
}
@media all and (max-width:450px){
	.newsList .item{ width:100%; padding:15px; }
	.newsList .item a .pic{ width:120px;}
	.newsList .item a .cont{ width:calc(100% - 120px); padding-left:15px}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
}











.fuwu03 .ibd{}
.fuwu03 .ibd .bd{ }
.fuwu03 .ibd .bd ul{  margin:0 auto}
.fuwu03 .ibd .bd ul li{ width:48%; float:left; border-bottom:1px dashed #8e8f90}
.fuwu03 .ibd .bd ul li a{ display:block; box-sizing:border-box; background:url(ax4.png) 98% center no-repeat; font-size:20px; color:#333333; line-height:80px; padding-right:10%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.fuwu03 .ibd .bd ul li:nth-child(2n){ float:right}
.fuwu03 .ibd .bd ul li:hover a{ font-weight:bold; color:#009fe8;background:url(ax5.png) 98% center no-repeat; } 
.fuwu03 .ihd{ font-size:24px; font-weight:bold; color:#000; margin-top:60px; text-align:center}

@media all and (max-width:160000px){

	.fuwu03{ }
	.fuwu03 .ibd{ }
	.fuwu03 .ibd .bd{  }
	.fuwu03 .ibd .bd{ padding:40px 0 60px}
	.fuwu03 .ibd .bd ul{ }
	.fuwu03 .ibd .bd ul li{ }
	.fuwu03 .ibd .bd ul li a{ line-height:60px;font-size:16px}

	
}
@media all and (max-width:1200px){

	.fuwu03{ padding-bottom:30px}
	.fuwu03 .ihd{ font-size:20px; margin-top:30px; }
	.fuwu03 .ibd{ }
	.fuwu03 .ibd .bd{  }
	.fuwu03 .ibd .bd{ padding:0}
	.fuwu03 .ibd .bd ul{ margin:0 auto}
	.fuwu03 .ibd .bd ul li{ width:100%; margin-right:0}
	.fuwu03 .ibd .bd ul li a{ line-height:60px;font-size:16px}

}
@media all and (max-width:750px){
	.fuwu03{  }
	.fuwu03 .ibd{ }
	.fuwu03 .ibd .bd{ }
	.fuwu03 .ibd .bd ul{ margin:0 auto}
	.fuwu03 .ibd .bd ul li{ width:100%; margin-right:0}
	.fuwu03 .ibd .bd ul li a{ line-height:50px;font-size:14px}
}










.lybb{ padding:80px 0}
.ny-hd { text-align:center; line-height:1.1; font-size:30px; }

@media all and (max-width:1200px){
	.ny-hd { font-size:20px; }
	.lybb{ padding:40px 0}
}


.messArea { margin-top:60px; }
.mess01 { float:left; width:calc(100% - 400px); padding-top:60px; border-top:2px solid #e3e3e3; }
.mess01 .mm .text { float:left; width:46%; margin-right:8%; padding-left:20px; line-height:50px; font-size:16px; border:1px solid #e3e3e3; box-sizing: border-box; }
.mess01 .mm .text:nth-child(2n) { margin-right:0; }
.mess01 .mm .text:nth-child(n + 3) { margin-top:30px; }
.mess01 .textarea { width:100%; margin-top:30px; font-size:16px; padding:10px 20px; height:150px; border:1px solid #e3e3e3; box-sizing: border-box; }
.mess01 .mBtn { display:block; margin-top:30px; }

.mess01 ::-webkit-input-placeholder { color:#999; opacity: 1; }
.mess01 ::-moz-placeholder { color:#999; opacity: 1; }
.mess01 ::-ms-input-placeholder { color:#999; opacity: 1; } 
.mess01 ::placeholder { color:#999; opacity: 1; }



.mess02 { float:right; width:330px; border-radius:10px; overflow:hidden; }

@media all and (max-width:1200px){
	.messArea { margin-top:40px; }
	.mess01 { float:left; width:calc(100% - 320px); padding-top:40px; }
	.mess01 .mm .text { float:left; width:48%; margin-right:4%; padding-left:15px; line-height:40px; font-size:14px; }
	.mess01 .mm .text:nth-child(2n) { margin-right:0; }
	.mess01 .mm .text:nth-child(n + 3) { margin-top:20px; }
	.mess01 .textarea { margin-top:20px; font-size:14px; padding:10px 15px; height:150px; }
	.mess01 .mBtn { display:block; margin-top:30px; }

	.mess02 { float:right; width:280px; }
}
@media all and (max-width:750px){
	.messArea { margin-top:30px; }
	.mess01 { float:none; width:100%; padding-top:25px; }
	.mess01 .mm .text { float:none; width:100%; margin-right:0; padding-left:15px; line-height:35px; font-size:14px; }
	.mess01 .mm .text:nth-child(2n) { margin-right:0; }
	.mess01 .mm .text:nth-child(n + 2) { margin-top:15px; }
	.mess01 .textarea { margin-top:15px; font-size:14px; padding:10px 15px; height:150px; }
	.mess01 .mBtn { display:block; margin:20px auto 0; }

	.mess02 { float:none; width:100%; margin-top:30px}
}
.mBtn { position:relative; display:inline-block; width:140px; background:#f9f9f9; border-radius:25px; text-align:center; overflow:hidden; cursor:pointer; z-index:2; }
.mBtn i { position:relative; display:inline-block; line-height:45px; padding-right:50px; font-size:14px; color:#0b0b0b; background:url(m01.png) no-repeat center right; z-index:9; }
.mBtn:before{ position:absolute; display:block; content:""; top:0; left:0; width:0; height:45px; transition: all 0.6s; background:#009fe8; z-index:1; }

.mBtn:hover:before { width:100%; }
.mBtn:hover i { color:#fff; background:url(m02.png) no-repeat center right; }

@media all and (max-width:1200px){
	.mBtn { width:120px; }
	.mBtn i { line-height:40px; padding-right:35px; background-size:20px 20px!important; }
}