@charset "utf-8";



html, body{overflow-y: auto;}

::-webkit-scrollbar-track-piece{width: 10px; background-color: #fff;}
::-webkit-scrollbar{width: 5px; height: 6px;}
::-webkit-scrollbar-thumb{height: 50px; background-color: #415e78;}

.gauge{width: 100%; padding: 80px 0;}

.red{color: #ff2424;}
.blue{color: #415e78;}

.bg_gr{background-repeat: no-repeat; background-position: center center; background-size: cover;}

.table0{display: table; width: 100%; height: 100%;}
.cell0{display: table-cell; vertical-align: middle;}

.block0{display: block;}
.none0{display: none;}

.header{width: 100%; height: 110px;}
.header .container0{width: 98%;}
.header_box{height: 100%;}
.header_main{height: 100%; display: flex; justify-content: space-between; align-items: center;}
.header_right{display: flex; align-items: center;}
.header_logo img{display: block; height: 82px;}
.header_nav ul .nLi{position: relative; float: left; display: flex; align-items: center; height: 110px; margin-right: 10px; z-index: 11;}
.header_nav ul .nLi:last-child{margin-right: 18px;}
.header_nav ul .nLi h3 a{display: block; position: relative; padding: 0 10px; font-size: 16px;}
.header_nav ul .nLi h3 a::after{content: ""; display: block; position: absolute; left: 50%;	bottom: -20px; width: 0px; height: 2px; background-color: #415e78; transition: width 250ms cubic-bezier(.25, .46, .45, .94); -webkit-transition: width 250ms cubic-bezier(.25, .46, .45, .94); transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.header_nav ul .nLi:hover h3 a{color: #415e78;}
.header_nav ul .nLi:hover h3 a::after{width: 100%;}
.header_nav ul .nLi .menudown{display: none; position: absolute; top: calc(100% + -21px); left: 50%; width: 150px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);  transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.header_nav ul .nLi .menudown li{border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.header_nav ul .nLi .menudown li a{display: block; padding: 0 5px; line-height: 40px; font-size: 14px; text-align: center;}
.header_nav ul .nLi .menudown li a:hover{color: #415e78;}
.header_nav ul .nLi.on h3 a{color: #415e78;}
.header_nav ul .nLi.on h3 a::after{width: 100%;}
.header_ewm{position: relative; height: 110px; padding: 0 35px; margin-right: 20px; text-align: center; display: flex; align-items: center; flex-wrap: wrap; z-index: 11; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.header_ewm p{width: 100%;}
.header_ewm .ewm_img{display: none; position: absolute; top: calc(100% + -2px); left: 50%; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.header_ewm .ewm_img img{width: 140px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.08);}
.header_tel{display: flex; align-items: center;}
.header_tel img{margin-right: 12px;}
.header_tel h4 span{display: block; margin-bottom: 5px; font-size: 14px;}
.header_tel h4 strong{font-size: 18px;}

/* 手机端 */
.headerSJ {
	display: none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-index:70;
	background-color:#fff;
	box-shadow:0 0 9px rgba(0,0,0,0.25);
}
.headerSJ .headerSC {
	width: 95%;
	height:60px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headerSJ .logo img {
	display:block;
	height: 48px;
}

.headerSJ .navbar0 {
	position:relative;
	cursor:pointer;
	background-color:transparent;
	background-image:none;
}
.headerSJ .navbar0 .icon-bar {
	display:block;
	width:18px;
	height:2px;
	border-radius:1px;
	background-color:#333;
}
.headerSJ .navbar0 .icon-bar + .icon-bar {
	margin-top:4px;
}

.headerSJ .navbg0 {
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:71;
	background-color:rgba(0,0,0,0.7);
}
.headerSJ .navbg0 .closeSJ {
	position:absolute;
	right:24px;
	top:18px;
	cursor:pointer;
}
.headerSJ .navwrap0 {
	position:fixed;
	top:0px;
	left:-50%;
	width:60%;
	height:100%;
	opacity:0;
	visibility: hidden;
	z-index:72;
  background-color: #415e78;
}
.headerSJ .navwrap0 .nav0 {
	height:100%;
	padding:10px 5% 0px 5%;
	overflow-y:auto;
}

.headerSJ .navwrap0 .nav0 .first{
	line-height:45px;
	padding:0 2%;
	color: #fff;
	border-bottom:1px solid rgba(255,255,255,0.3);
	
}
.headerSJ .navwrap0 .nav0 li a {
   display:block;
   transform: none;
   -webkit-transform: none;
}

.headerSJ .navwrap0 .nav0 .first .a1{
	display: block;
	width: 100%;
	height: 100%;
	font-size:16px;
	transform: none;
	-webkit-transform: none;
}

.headerSJ .navwrap0 .nav0 .first .a1 .i1{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headerSJ .navwrap0 .nav0 .first .a1 .i1 .em.fa-angle-right{
	font-size: 20px;
}

.headerSJ .navwrap0 .nav0 .first .a1 .i1 em.em1{
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(../images/plus.png) no-repeat center;
}


.headerSJ .navwrap0 .nav0 .first .d-firstDrop1{
	padding: 0 10px;
}

.headerSJ .navwrap0 .nav0 .first .d-firstDrop1 li .i2{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

.headerSJ .navwrap0 .nav0 .first .d-firstDrop1 li{
	line-height: 35px;
}
.headerSJ .navwrap0 .nav0 .first .d-firstDrop1 li .i2 em.em2{
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(../images/plus.png) no-repeat center;
}
.headerSJ .navwrap0 .nav0 .first .d-secondDrop1{
	padding: 0 10px;
}
.headerSJ .navwrap0 .nav0 .first .d-secondDrop1 li a{
	line-height: 28px;
}

.headerSJ .navwrap0 .nav0 .first .a1 .i1.iconRotate1 em.em1{
	width: 16px;
	height: 1px;
	background: url(../images/minus.jpg) no-repeat center;
}

.headerSJ .navwrap0 .nav0 .first .d-firstDrop1 li .i2.iconRotate1 em.em2{
	width: 16px;
	height: 1px;
	background: url(../images/minus.jpg) no-repeat center;
}

.s-firstDrop1, .s-secondDrop1 {
    display: none;
}


.banner{position: relative;}
.banner_swiper{width: 100%;}
.banner_swiper .lis{width: 100%; height: 100%;}
.banner_swiper .bg{position: relative; width: 100%; height: 100%;}
.banner_swiper .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #fff;}
.banner_swiper .txt .table0{width: 75%; margin: 0 auto;}
.banner_swiper .txt h2{margin-bottom: 30px; display: flex; align-items: center;}
.banner_swiper .txt h2 strong{font-size: 72px; display: block; margin-right: 15px;}
.banner_swiper .txt h2 span{display: flex; justify-content: center; align-items: center; width: 317px; height: 57px; font-size: 24px;  background-color: #415e78; transform: skew(-15deg); -webkit-transform: skew(-15deg);}
.banner_swiper .txt h2 span em{display: block; font-weight: normal; transform: skew(-15deg); -webkit-transform: skew(15deg);}
.banner_swiper .txt h3{font-size: 78px; margin-bottom: 54px;}
.banner_swiper .txt .free_serach{width: 240px; height: 98px; font-size: 24px; cursor: pointer; background-color: #ff2424;}
.banner_swiper .txt .free_serach a{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.banner_swiper .txt .free_serach i{display: block; width: 24px; height: 22px; margin-right: 16px; background: url(../images/serach.png); background-size: 24px 22px;}
.banner_button{top: 42%; width: 72px; height: 125px; background-size: 72px 125px;}
.banner_swiper .banner_pagination{bottom: 20px;}
.banner_swiper .banner_pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 8px; background-color: #fff; opacity: 1;}
.banner_swiper .banner_pagination .swiper-pagination-bullet-active{background-color: #415e78;}
.bannerL{left: 3%; background-image: url(../images/bannerL.png);}
.bannerR{right: 3%; background-image: url(../images/bannerR.png);}

.index_title{font-size: 48px;}
.index_title h2{position: relative; margin-bottom: 15px; letter-spacing: 2px; text-shadow: 0px 8px 5px #ced6e7;}
.index_title h2::after{content: ""; display: inline-block; width: 132px; height: 1px; margin-left: 25px; vertical-align: middle; background-color: #415e78;}
.index_title h3{font-weight: 100;}

.view_more a{width: 194px; height: 64px; display: flex; align-items: center; color: #fff; overflow: hidden; font-size: 18px; background-color: #415e78;}
.view_more a span{display: block;}
.view_more a .s1{position: relative; z-index: 2; width: 140px; height: 100%; line-height: 64px; padding-left: 15px;}
.view_more a .s1::before, .view_more a .s1::after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.view_more a .s1::before{background-color: rgba(255,255,255,0.2);}
.view_more a .s1::after{width: 0; background-color: #415e78;}
.view_more a .s2{display: flex; justify-content: center; align-items: center; width: calc(100% - 140px); height: 100%;}
.view_more a .s2 i{display: inline-block; width: 9px; height: 12px; background: url(../images/index1_aR.png) no-repeat center;}
.view_more a:hover .s1::after{width: 100%;}

.index1{background-color: #f5f9fc;}
.index1_top{margin-bottom: 60px;}
.index1_main{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.index1_left{width: 38%;}
.index1_swiper .swiper-slide .img{position: relative;}
.index1_swiper .swiper-slide .img img{display: block; width: 100%; height: auto;}
.index1_right{width: 60%;}
.index1_nr{margin-bottom: 60px;}
.index1_nr .s1{display: block; margin-bottom: 60px; font-size: 18px; font-weight: normal; line-height: 35px; text-indent:2em;}
.index1_nr .nr p{font-size: 16px; line-height: 30px; text-indent:2em;}
.index1 .view_more{display: flex; justify-content: flex-end;}

.index2{width: 100%; background: url(../images/index2-bg.jpg) no-repeat top center; background-size: cover;}
.index2_main{display: flex; justify-content: space-between;}
.index2_left{padding-left: 7%; width: 492px; margin-right: 10px;}
.index2_top{margin-bottom: 60px;}
.gallery-thumbs .li{width: 190px; margin-bottom: 40px; padding-bottom: 15px; color: #666; display: flex; justify-content: space-between; align-items: center;  cursor: pointer; font-size: 18px; border-bottom: 2px solid transparent;	transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.gallery-thumbs .li i{display: inline-block; width: 14px; height: 10px; opacity: 0; visibility: hidden; background: url(../images/index2_bR.png); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.gallery-thumbs .swiper-slide-thumb-active .li{color: #415e78; border-bottom: 2px solid #415e78;}
.gallery-thumbs .swiper-slide-thumb-active .li i{opacity: 1; visibility: visible;}
.index2_right{width: calc(100% - 503px);}
.index2_swiper{width: 150%; padding: 7% 0 14% 0;}
.index2_swiper .swiper-slide{width: 50%; transform: scale(0.9); -webkit-transform:scale(0.9);}
.index2_swiper .lis{position: relative; display: flex; justify-content: flex-end;}
.index2_swiper .lis .img_box{width: 80%; overflow: hidden; opacity: 0.5;}
.index2_swiper .lis .img{width: 100%; height: 530px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.index2_swiper .lis .img img{display: block; width: 100%; height: 100%;}
.index2_swiper .lis .txt{position: absolute; left: 0; bottom: -100px; width: 45%; padding: 50px 30px; opacity: 0; visibility: hidden; color: #fff; background-color: #415e78;}
.index2_swiper .lis .txt img{display: block; width: 75px; margin-bottom: 5px;}
.index2_swiper .lis .txt .img2{width: 50px;}
.index2_swiper .lis .txt h2{position: relative; display: inline-block; font-size: 26px; margin-bottom: 26px; text-overflow: ellipsis; overflow: hidden;}
.index2_swiper .lis .txt h2::after{content: ""; display: block; width: 100%; height: 2px; margin-top: 20px; background-color: #fff;}
.index2_swiper .lis .txt p{font-size: 14px; margin-bottom: 45px; height: 90px; line-height: 30px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-indent: 2em;}
.index2_swiper .lis .txt span{font-size: 14px; display: flex; align-items: center;}
.index2_swiper .lis .txt span i{display: inline-block; width: 9px; height: 12px; margin-left: 18px; background: url(../images/index1_aR.png) no-repeat center center;}
.index2_swiper .swiper-slide-active{transform: scale(0.8); -webkit-transform:scale(1);}
.index2_swiper .swiper-slide-active .lis .img_box{opacity: 1; box-shadow: 15px 15px 30px #a9b3bc;}
.index2_swiper .swiper-slide-active .lis .txt{opacity: 1; visibility: visible;  box-shadow: 15px 15px 30px rgba(0,0,0,0.25);}
.index2_bot{position: relative; padding-right: 7%; margin-top: -6%; z-index: 11; display: flex; justify-content: flex-end; align-items: center;}
.index2_pagination{position: relative; display: flex; align-items: center; width: auto; text-align: left;}
.index2_pagination .swiper-pagination-bullet{position: relative; width: auto; height: auto; border-radius: 0px; opacity: 1; background-color:transparent;}
.index2_pagination .swiper-pagination-bullet em{position: absolute; left: 50%; top: 50%; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #415e78; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.index2_pagination .swiper-pagination-bullet i{position: relative; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid transparent; font-size: 14px; border-radius: 50%;  color: #415e78; opacity: 0; visibility: hidden;}
.index2_pagination .swiper-pagination-bullet i::before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #415e78;  animation:load 3s ease-in;}
.index2_pagination .swiper-pagination-bullet-active em{opacity: 0; visibility: hidden;}
.index2_pagination .swiper-pagination-bullet-active i{opacity: 1; visibility: visible;}
.index2_btn{display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; background-color: #fff; box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.06);}
.index2_btn i{display: inline-block; width: 11px; height: 16px; background-repeat: no-repeat; background-position: center center;}
.index2_L{margin-right: 70px;}
.index2_L i{background-image: url(../images/index2_L.png);}
.index2_R{margin-left: 70px;}
.index2_R i{background-image: url(../images/index2_R.png);}

.index3{width: 100%; color: #fff; background: url(../images/index3-bg.jpg)no-repeat top center; background-size: cover;}
.index3_top{margin-bottom: 60px;}
.index3_top{display: flex; justify-content: space-between; align-items: center;}
.index3_top .index_title{color: #fff;}
.index3_top .index_title h2{text-shadow: 0px 8px 5px rgba(0, 0, 0, 0.25);}
.index3_top .index_title h2::after{display: none;}
.index3_tright{width: 50%;}
.index3_tright ul{display: flex; justify-content: space-between; align-items: center;}
.index3_tright ul li{text-align: center;}
.index3_tright ul li span{display: block; font-size: 18px;margin-bottom: 20px;}
.index3_tright ul li h2{font-size: 60px; font-weight: bold; text-shadow: 0px 8px 5px rgba(0, 0, 0, 0.25);}
.index3_tright ul li h2 i{font-size: 14px;}

.index3_main{margin-bottom: 20px;}
.index3_main ul{display: flex; justify-content:flex-start; flex-wrap: wrap;}
.index3_main ul li{position: relative; width: 18%; margin: 0 1%; cursor: pointer; margin-bottom: 20px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);}
.index3_main ul li .img_box{overflow: hidden;}
.index3_main ul li .img{position: relative; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.index3_main ul li .img::before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;  background-color: rgba(0, 0, 0, 0.55);	transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.index3_main ul li .img img{display: block; width: 100%; height: auto;}
.index3_main ul li .img{position: relative;}
.index3_main ul li .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; text-align: center; color: #fff;}
.index3_main ul li .txt .cell0 p{font-size: 14px; color: #fff;}
.index3_main ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.index3_main ul li:hover .img:before{opacity: 1; visibility: visible;}
.index3_main ul li:hover .txt{opacity: 1; visibility: visible;}
.index3 .view_more a{float: right;}

.index4{width: 100%; background-color: #f5f9fc;}
.index4_top{margin-bottom: 60px;  display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.index4_tright ul li{position: relative; float: left; margin-right: 30px;}
.index4_tright ul li:last-child{margin-right: 0;}
.index4_tright ul li a{position: relative; display: inline-block; width: 165px; height: 56px; line-height: 56px; text-align: center; font-size: 18px; letter-spacing:1.12px; z-index: 1; opacity: 1; visibility: visible; background-color: #f2f2f2; will-change: opacity, visibility; transition: 0.4s letter-spacing cubic-bezier(0.19, 1, 0.22, 1);  -webkit-transition: 0.4s letter-spacing cubic-bezier(0.19, 1, 0.22, 1);}
.index4_tright ul li a::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ff2424; opacity: 0; transition: all .2s ease-out;  -webkit-transition: all .2s ease-out;}
.index4_tright ul li span{
	position: absolute; 
	top: 50%;  
	display: block;
	width: 1px;
	height: 32px; 
	z-index: 2;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    background-color: #ff2424;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.index4_tright ul li .s1{left: -8px;}
.index4_tright ul li .s2{right: -8px;}
.index4_tright ul li.on a{color: #fff; background-color: #415e78;}
.index4_tright ul li.on a::after{top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid #ff2424; opacity: 1;}
.index4_tright ul li.on span{background-color: #fff;}
.index4_tright ul li.on .s1{left: 8px;}
.index4_tright ul li.on .s2{right: 8px;}
.index4_tright ul li:hover a{color: #fff; background-color: #415e78;}
.index4_tright ul li:hover a::after{top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); border: 1px solid #ff2424; opacity: 1;}
.index4_tright ul li:hover span{background-color: #fff;}
.index4_tright ul li:hover .s1{left: 8px;}
.index4_tright ul li:hover .s2{right: 8px;}
.index4_main{margin-bottom: 60px;}
.index4_frame0{display: none;}
.index4_frame0:first-child{display: block;}
.index4_box{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.index4_left{width: 38%;}
.index4_left .img_box{overflow: hidden; margin-bottom: 25px;}
.index4_left .img{width: 100%; height: 390px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.index4_left .img img{display: block; width: 100%; height: 100%;}
.index4_left:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.index4_txt h2{width:100%;position: relative; margin-bottom: 15px; font-size: 24px; color: #415e78; display: inline-block; text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
/*.index4_txt h2::after{content: ""; display: block; width: 100%; height: 1px; margin-top: 15px; background-color: #ff2424;}*/
.index4_txt .line0{display: none; width: 48px; height: 1px; margin-bottom: 15px; background-color: #ff2424;}
.index4_txt p{font-size: 14px; line-height: 25px; height: 75px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-indent:2em;}
.index4_right{width: 60%;}
.index4_right ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.index4_right ul li{width: 49%; padding-bottom: 33px; margin-bottom: 33px; border-bottom: 1px solid #e5e5e5;}
.index4_right ul li:nth-child(5), .index4_right ul li:nth-child(6){border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.index4_left:hover .index4_txt h2{color: #ff2424;}
.index4_left:hover .index4_txt .line0{background-color:#415e78;}
.index4_right ul li:hover .index4_txt h2{color: #ff2424;}
.index4_right ul li:hover .index4_txt .line0{background-color: #415e78;}
.index4 .view_more{display: flex; justify-content: center;}

.index5{background: url(../images/index5-bg.jpg) no-repeat top center; background-size: cover;}
.index5_top{margin-bottom: 60px; display: flex; justify-content: space-between; align-items: center;}
.index5_swiper{padding-bottom: 0%;}
.index5_swiper .img{box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.15);}
.index5_swiper .img img{display: block; width: 100%; height: auto; box-shadow: none;}

.index6{width: 100%; padding: 40px 0; background-color: #f5f9fc;}
.index6_top{margin-bottom: 24px; border-bottom: 1px solid #415e78;}
.index6_top span{display: block; width: 108px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #fff; background-color: #415e78;}
.index6_main ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.index6_main ul li{width: 8%; margin: 0 1%;}
.index6_main ul li a{font-size: 14px; line-height: 40px;}
.index6_main ul li a:hover{color: #415e78;}

.footer{width: 100%; padding: 60px 0 40px 0; color: #fff; background: url(../images/footer-bg.jpg) no-repeat top center; background-size: cover;}
.footer a:hover{color: #415e78;}
.footer_main{display: flex; justify-content: space-between;}
.footer .fb1{width: 47%; padding-right: 3%; border-right: 1px solid #fff;}
.footer .fb1 .box{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px  solid #fff; display: flex; justify-content:space-between;}
.footer .fb1 .box1{width: 30%;}
.footer .fb1 .box1 img{max-width: 100%;}
.footer .fb1 .box2{width: 60%;}
.footer .fb1 .box2 ul li{float: left; width: 25%; margin-bottom: 15px;}
.footer .fb1 .box2 ul li a{font-size: 15px;}
.footer .fb1 .box3 p{line-height: 25px; font-size: 14px;}
.footer .fb1 .box3 p img{vertical-align: middle; margin-right: 5px;}
.footer .fb2{width: 50%; display: flex; justify-content: space-between;}
.footer .fb2 .box4{width: calc(100% - 344px);}
.footer .fb2 .box4 .box4-1{margin-bottom: 18px;}
.footer .fb2 .box4 .box4-1 .lx:first-child{margin-bottom: 18px;}
.footer .fb2 .box4 .box4-1 .lx h3{font-size: 16px; margin-bottom: 9px;}
.footer .fb2 .box4 .box4-1 .lx h3 img{margin-right: 7px; vertical-align: middle;}
.footer .fb2 .box4 .box4-1 .lx strong{font-weight: normal;}
.footer .fb2 .box4 .box4-1 .lx strong span{display: block; line-height: 30px;}
.footer .fb2 .box4 .box4-1 .lx strong i{display: none;}
.footer .fb2 .box4 .box4-1 .lx .s1{font-size: 20px;}
.footer .fb2 .box4 .box4-1 .lx .s2{font-size: 16px; line-height: 25px;}
.footer .fb2 .box4 .box4-2{display: flex;}
.footer .fb2 .box4 .box4-2 a{display: inline-block; text-align: center;}
.footer .fb2 .box4 .box4-2 a img{width: 30px; margin-bottom: 10px;}
.footer .fb2 .box4 .box4-2 a span{display: block; font-size: 16px;}
.footer .fb2 .box4 .box4-2 .a1{margin-right: 25px;}
.footer .fb2 .box4 .box4-2 .abox2{display: block;}
.footer .fb2 .box5{display: flex; justify-content: space-between;}
.footer .fb2 .box5 .box5-1{position: relative; margin-right: 40px;; display: flex; justify-content:center; align-items: center; flex-wrap: wrap; width: 170px; height: 170px; border: 1px solid #fff; border-bottom: none;}
.footer .fb2 .box5 .box5-1 img{width: 120px;}
.footer .fb2 .box5 .box5-1 span{position: absolute; left: 0; bottom: -9px; display: block; width: 100%; font-size: 14px; text-align: center;}
.footer .fb2 .box5 .box5-1 span::before{content: ""; position: absolute; top: 50%; left: 0; display: block; width: 28%; height: 1px; background-color: #fff;}
.footer .fb2 .box5 .box5-1 span::after{content: ""; position: absolute; top: 50%; right:0; display: block; width: 28%; height: 1px; background-color: #fff;}
.footer .fb2 .box5 .box5-2{width: 94px; height: 84px; margin-top: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: #415e78;}
.footer .fb2 .box5 .box5-2 h4{text-align: center;}
.footer .fb2 .box5 .box5-2 span{display: block; margin-top: 16px;}
.footer_main1{display: none; text-align: center;}
.footer_main1 p{font-size: 12px; line-height: 22px;}

.list_pro{
	display: none;
    position: fixed;
    left: 0;
    top: 50%;
	width: 98px;
	height: 98px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	background-color: #415e78;
	color: #fff;
	z-index: 60;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
	transform: translateY(-50%);
	-webkit-transform:translateY(-50%);

}
.list_pro a{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.list_pro img{margin-bottom: 12px;}

/* 右侧导航栏  */
.right-flex {
    display: none;
    position: fixed;
    right: 0;
    top: 50%;
    width: 55px;
	z-index: 60;
	transform: translateY(-50%);
	-webkit-transform:translateY(-50%);
}

.right-flex ul {
    width: 100%;
}

.right-flex li {
	float: right;
    position: relative;
    width: 55px;
	height: 55px;
	line-height: 55px;
	margin-bottom: 12px;
    background-color: #415e78;
	transition: width .3s, background .3s, margin .3s;
}

.right-flex li .ico {
	position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
	transition: right .3s;
    -webkit-transition: right .3s;
}

.right-flex li .a1{
    display: block;
    width: 100%;
    height: 100%;
}

.right-flex li p {
	line-height: 55px;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
	transition: transform .3s;
	-webkit-transition: transform .3s;
}
.right-flex li.one {
    width: 210px;
    margin-right: -155px;
}

.right-flex li.one .ico{
    left: 0;
}

.right-flex li.one p{
    padding: 0 20px 0 55px;
}

.right-flex li.two .ewm{
	position: absolute;
	left: -80px;
	top: -20px;
	opacity: 0;
	visibility: hidden;
}
.right-flex li.two .ewm img{
	width: 80px;
	height: 80px;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
}
.right-flex li.two:hover .ewm{
	opacity: 1;
	visibility: visible;
}


.right-flex li .ico.ico01 {
    background: url(../images/icon-01.png) no-repeat center;
}

.right-flex li .ico.ico02 {
    background: url(../images/icon-02.png) no-repeat center;
}

.right-flex li .ico.ico03 {
    background: url(../images/icon-03.png) no-repeat center;
}

.right-flex li .ico.ico04 {
    background: url(../images/icon-04.png) no-repeat center;
}

.right-flex li .ico.ico05 {
    background: url(../images/icon-05.png) no-repeat center;
}

.right-flex li:hover {
    width: 55px;
    background-color: #ff2424;
}
.right-flex li:hover .ico,
.right-flex li.one:hover .ico{
    right: 0;
    left: auto;
}
.right-flex li.one:hover {
    margin-right: 0;
    width: 210px;
}
.right-flex li.one:hover p{
	padding: 0 20px;
	margin-right: 10px;
}



.inside_banner{width: 100%; position: relative; color: #fff;}
.inside_banner .bg{width: 100%; height: 100%;}
.inside_banner .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center;}
.inside_banner .cell0 h3{font-size: 72px; margin-bottom: 15px;}
.inside_banner .cell0 p{font-size: 32px;}

.inside_box{background-color: #f4f8fb;}

.home{width: 100%; padding-top: 40px; text-align: right; font-size: 14px;}
.home a:hover{color: #415e78;}

.ab_title{text-align: center; margin-bottom: 55px;}
.ab_title h3{position: relative; display: inline-block; font-size: 32px; font-weight: bold; margin-bottom: 15px; z-index: 2; text-transform: uppercase; font-weight: bold;}
.ab_title h3::after{content: ""; display: block; width: 70%; height: 8px; background-color: #dee5f5; margin: -12px auto 0 auto; position: relative; z-index: -1;}
.ab_title h4{font-size: 48px; font-weight: bold;}

/* 公司简介 */
.ab1_sec .container0{width: 75%; max-width: 1260px;}
.ab1_box{margin-bottom: 40px; display: flex; justify-content: space-between;}
.ab1_left{text-align: center;}
.ab1_left span{display: block; font-size: 60px;  color: #415e78; text-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);}
.ab1_left .s1{ text-transform: uppercase;letter-spacing: 5px;}
.ab1_right{width: calc(100% - 250px);}
.ab1_right .box1{font-size: 24px; line-height: 45px; text-indent: 2em;}
.ab1_nr .box2{margin-bottom: 40px;}
.ab1_nr .box2 ul{display: flex; justify-content: space-between;}
.ab1_nr .box2 ul li{width: 48%;}
.ab1_nr .box2 ul li .nr p{font-size: 18px; color: #666; line-height: 30px; text-indent: 2em;}
.ab1_nr .box3{font-weight: bold; color: #333; font-size: 18px; line-height: 35px;}

.ab2_sec{width: 100%; background: url(../images/ab2-bg.jpg) no-repeat top center; background-size: cover;}
.ab2_title{color: #415e78; text-align: center; margin-bottom: 55px;}
.ab2_title h2{font-size: 32px; margin-bottom: 15px; font-weight: bold;}
.ab2_title h3{font-size: 18px; font-weight: bold;}
.ab2_sec .box1{margin-bottom: 55px;}
.ab2_sec .box1 ul{display: flex; justify-content:flex-start; flex-wrap: wrap;}
.ab2_sec .box1 ul li{position: relative; width: 18%; margin: 0 1%; cursor: pointer; margin-bottom: 20px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);}
.ab2_sec .box1 ul li .img_box{overflow: hidden;}
.ab2_sec .box1 ul li .img{position: relative; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.ab2_sec .box1 ul li .img::before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;  background-color: rgba(0, 0, 0, 0.55);	transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ab2_sec .box1 ul li .img img{display: block; width: 100%; height: auto;}
.ab2_sec .box1 ul li .img{position: relative;}
.ab2_sec .box1 ul li .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; text-align: center; color: #fff;}
.ab2_sec .box1 ul li .txt .cell0 p{font-size: 14px; color: #fff;}
.ab2_sec .box1 ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.ab2_sec .box1 ul li:hover .img:before{opacity: 1; visibility: visible;}
.ab2_sec .box1 ul li:hover .txt{opacity: 1; visibility: visible;}
.ab2_sec .box2{background-color: #fff; padding: 65px;}
.ab2_sec .box2 ul{display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom:  25px;}
.ab2_sec .box2 ul li{width: 22%; margin: 0 1.5%; margin-bottom: 50px; position: relative; padding-bottom: 15px; cursor: pointer; border-bottom: 1px solid #333; display: flex; justify-content: space-between; align-items: center;}
.ab2_sec .box2 ul li::after{content:""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #415e78; 	transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.ab2_sec .box2 ul li span{display: block; width: 85%; font-size: 18px;}
.ab2_sec .box2 ul li i{display: inline-block; width: 9px; height: 16px; background: url(../images/arrwow1.png);}
.ab2_sec .box2 ul li:hover::after{width: 100%;}

.showMorehandle{position: relative; width: 146px; height: 54px; line-height: 54px; font-size: 14px; z-index: 2; text-align: center; cursor: pointer; margin: 0 auto; border: 1px solid #cbd7d7d7;}
.showMorehandle::after{content: ""; position: absolute; left: 0; top: 0; display: block; width: 0%; height: 100%; z-index: -1; background-color: #415e78; 	transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.showMorehandle:hover{color: #fff;}
.showMorehandle:hover::after{width: 100%;}

.fix_bg{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
	visibility: hidden;	
    background: rgba(0, 0, 0, 0.8);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.fix_bg.intro{
	opacity: 1;
	visibility: visible;
}

.index3_fix{
	position: fixed;
    top: 50%;
	left: 50%;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
}
.index3_fix.intro{
	opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.index3_fix .img img{max-width: 100%; max-height: 100%;margin: 0 auto;display: block;}



.cli_fix{
	position: fixed;
    top: 50%;
	left: 50%;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
}
.cli_fix.intro{
	opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.cli_fix .img{text-align: center;}
.cli_fix .img img{max-width: 100%; max-height: 100%;margin: 0 auto;display: block;}

.clilist_fix{
	position: fixed;
    top: 50%;
	left: 50%;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
}
.clilist_fix.intro{
	opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.clilist_fix .img{text-align: center;}
.clilist_fix .img img{
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	display: block;
}

.case1_fix{
	position: fixed;
    top: 50%;
	left: 50%;
	width: 500px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
}
.case1_fix.intro{
	opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.case1_fix .img{text-align: center;}
.case1_fix .img img{max-width: 100%; width: 100%;}



.QQ_fix{
	position: fixed;
    top: 50%;
	left: 50%;
	width: 494px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: translate(-50%, -40%);
	-webkit-transform: translate(-50%, -40%);
}


.QQ_fix.intro{
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.QQ_fix .pop{position: relative; padding: 30px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); background-color: #fff;}
.QQ_fix .pop ul{display: flex; justify-content: center; flex-wrap: wrap;}
.QQ_fix .pop ul li{width: 50%; padding: 20px 0; text-align: center;}
.QQ_fix .pop ul li img{width: 30px; margin-bottom: 5px;}
.QQ_fix .pop ul li p{font-size: 16px;}
.QQ_fix .pop ul li .a1{display: block;}
.QQ_fix .pop ul li .a2{display: none;}


.QQ_fix1{
	position: fixed;
    top: 50%;
	left: 50%;
	width: 494px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: translate(-50%, -40%);
	-webkit-transform: translate(-50%, -40%);
}


.QQ_fix1.intro{
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.QQ_fix1 .pop{position: relative; height: 160px; padding: 30px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); background-color: #fff;}
.QQ_fix1 .pop ul{display: flex; justify-content: center; flex-wrap: wrap;}
.QQ_fix1 .pop ul li{width: 50%; padding: 20px 0; text-align: center;}
.QQ_fix1 .pop ul li img{width: 30px; margin-bottom: 5px;}
.QQ_fix1 .pop ul li p{font-size: 16px;}
.QQ_fix1 .pop ul li .a1{display: block;}
.QQ_fix1 .pop ul li .a2{display: none;}



/* 发展历程 */
.his1_sec{width: 100%; background: url(../images/his1-bg.jpg) no-repeat bottom center; background-size: cover;}
.his1_box{padding-top: 75px; min-height: 495px;}
.his1_left{position: relative;}
.his1_left span{color: #dde0e2; display: block;}
.his1_left .span1{position: absolute; left: 0; top: 0; font-size: 110px; font-weight: bold; transform: rotate(90deg); -webkit-transform:rotate(90deg);}
.his1_left .span2{position: absolute; left: 109px; top: 220px; width: 83px; font-size: 82px;}
.his1_right{padding-left: 270px; margin-top: -90px;}
.his1_box1{width: 370px; padding-bottom: 15px; border-bottom: 1px solid #415e78; text-align: center;}
.his1_box1 span{display: block; font-size: 70px; color: #415e78; text-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);}
.his1_box1 .s1{text-transform: uppercase; letter-spacing: 5px;}
.his1_box2{padding-left: 70px; border-left: 1px solid #415e78;}
.his1_box2{width: calc(100% - 370px);}
.his1_box2 ul li{position: relative; line-height: 35px; padding-bottom: 15px; font-size: 16px; color: #666;}
.his1_box2 ul li::before{content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; vertical-align: middle; background-color: #ff2424;}

/* 资质荣誉 */
.hon1_sec{padding: 80px 0 30px 0;}
.hon1_box ul {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.hon1_box ul li{width: 28%; margin: 0 2.5%;; margin-bottom: 50px;}
.hon1_box ul li img{width: 100%; margin-bottom: 27px;}
.hon1_box ul li p{text-align: center; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hon1_box ul li:hover img{box-shadow: 15px 15px 30px #c5c9cc; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}

/* 公司环境 */
.com1_sec  .container0{width: 950px;}
.com1_main .box{position: relative; display: block; height: 650px;}
.com1_main .box .lis{position: absolute;  padding: 7px; background-color: #fff; box-shadow: 10px 10px 20px  rgba(0, 0, 0, 0.15);transform: scaleX(1);-webkit-transform: scaleX(1);transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.com1_main .box .lis .img{overflow: hidden;}
.com1_main .box .lis img{display: block; width: 100%; height: auto; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.com1_main .box .li1{left: 12%; width: 10%;}
.com1_main .box .li2{left: 2%; top: 21%; width: 20%;}
.com1_main .box .li3{left: 23%; top: 13.4%; width: 14%;}
.com1_main .box .li4{left: 38%; top: 5%; width: 17%;}
.com1_main .box .li5{left: 38%; top: 25.5%; width: 17%;}
.com1_main .box .li6{left: 56%; top: 10%; width: 37%; z-index: 2;}
.com1_main .box .li7{left: 4%; top: 43%; width: 33%;}
.com1_main .box .li8{left: 38%; top: 63%; width: 17%;}
.com1_main .box .li9{left: 56%; top: 53.3%; width: 10%;}
.com1_main .box .li10{left: 62%; top: 40.8%; width: 36%; z-index: 2;}
.com1_main .box .li11{left: 56%; top: 65.8%; width: 32%; z-index: 3;}
.com1_main .box .lis:hover{z-index: 5; transform: scale(1.15); -webkit-transform: scale(1.15);}

.com1_main .nr{display: none; overflow: hidden; cursor: pointer;}
.com1_main .nr p.center{text-align: center;}
.com1_main .nr p{font-size: 18px; color: #666; line-height: 30px;}
.com1_main .nr p img{max-width: 100%; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.com1_main .nr:hover p img{transform: scale(1.1); -webkit-transform: scale(1.1);}

/* 加入我们 */
.join1_sec .container0{width: 80%; max-width: 1400px;}
.join_box{width: 100%; background: url(../images/join-bg.jpg) no-repeat top center; background-size: cover;}
.join1_box .menu-list .link{position: relative; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.join1_box .menu-list .ask_title{position: relative; width: 100%; padding: 30px 40px; display: flex; justify-content: space-between; align-items: center; background-color: #fff;}
.join1_box .menu-list .ask_title .qus{font-size: 14px; width: 92%; overflow: hidden;}
.join1_box .menu-list .ask_title .qus ul li{float: left; margin-right: 65px;}
.join1_box .menu-list .ask_title .qus ul li:last-child{margin-right: 0;}
.join1_box .menu-list .ask_title i{display: inline-block; width: 12px; height: 7px; background-image: url(../images/down1.png); background-repeat: no-repeat; background-size: 12px 7px;}
.join1_box .menu-list .nr .box{margin-bottom: 25px;}
.join1_box .menu-list .nr{position: relative; width: 100%; padding: 30px 40px; background-color: #fff;}
.join1_box .menu-list .nr p{font-size: 18px; line-height: 30px; color: #333;}
.join1_box .menu-list .nr p img{max-width: 100%;}
.join1_box .menu-list .nr p .s{margin-bottom: 15px; display: block;}
.join1_box .menu-list .nr .box1 .red{color: #ff2424; font-weight: bold; margin-bottom: 15px;}
.join1_box .menu-list .nr .box1 ul li{float: left; font-size: 18px; line-height: 30px;}
.join1_box .menu-list .nr .box1 ul li:first-child{margin-right: 100px;}
.join1_box .accordion1 .submenu1{display: none;}
.join1_box .accordion1 .nLi{border-bottom: 1px solid #cbd7d7;}
.join1_box .accordion1 li.open{box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.join1_box .accordion1 li.open .ask_title{background-color: #415e78;}
.join1_box .accordion1 li.open .ask_title .qus{color: #fff;}
.join1_box .accordion1 li.open i.fa-plus0{background-image: url(../images/up1.png);}

/* 商标事务 */
.tra1_sec{padding: 80px 0 20px 0;}
.tra_title{text-align: center; margin-bottom: 55px;}
.tra_title h2{font-size: 32px; font-weight: bold; margin-bottom: 15px;}
.tra_title h3{font-size: 18px; font-weight: bold;}
.tra1_main .box1{margin-bottom: 90px;}
.tra1_main .box1 ul{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.tra1_main .box1 ul li{width: 12.5%; padding: 35px 0; position: relative; z-index: 1; text-align: center; background-color: #fff; transform:scaleX(1); -webkit-transform:scaleX(1); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.tra1_main .box1 ul li .lis{padding: 40px 0; border-right: 1px solid #e5e5e5;}
.tra1_main .box1 ul li .img{margin-bottom: 23px;}
.tra1_main .box1 ul li .img img{display: block; width: 50px; margin: 0 auto; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.tra1_main .box1 ul li .img .img1{display: block;}
.tra1_main .box1 ul li .img .img2{display: none;}
.tra1_main .box1 ul li .wz{margin-bottom: 23px;}
.tra1_main .box1 ul li .wz h2{font-size: 18px; margin-bottom: 8px; font-weight: bold;}
.tra1_main .box1 ul li .wz h3{font-size: 14px;}
.tra1_main .box1 ul li .xq{font-size: 14px;}
.tra1_main .box1 ul li:last-child .lis{border-right: none;}
.tra1_main .box1 ul li:hover{ z-index: 3; background-color: #415e78; color: #fff; border-radius: 8px; box-shadow: 10px 10px 30px #d3ddf2; transform: scale(1.11); -webkit-transform: scale(1.11);}
.tra1_main .box1 ul li:hover .lis{border-right: none;}
.tra1_main .box1 ul li:hover .img1{display: none;}
.tra1_main .box1 ul li:hover .img2{display: block;}
.tra1_main .box1 ul li:hover .img2{display: block;}

.tra1_main .box2{margin-bottom: 40px;}
.tra1_main .box2 ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.tra1_main .box2 ul li{width: 18%; margin: 0 1%; margin-bottom: 50px; text-align: center; background-color: #fff; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.tra1_main .box2 ul li a{padding: 58px 0; display: block; width: 100%; height: 100%; }
.tra1_main .box2 ul li img{margin-bottom: 17px; width: 50px;}
.tra1_main .box2 ul li p{font-size: 18px;}
.tra1_main .box2 ul li:hover{transform:translateY(-10px);  -webkit-transform:translateY(-10px); box-shadow: 10px 10px 15px #e4ebf7;}

.tra3_sec .ab_title{margin-bottom: 200px;}
.tra3_box{position: relative;}
.tra3_table{position: relative; display: none;}
.tra3_table:first-child{display: block;}
.tra3_table .bg{width: 100%; height: 530px;}
.tra3_nr{position: absolute; left: 7%; top: -146px; width: 60%; max-width: 1120px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.tra3_bt{padding: 40px 70px 14px 70px; font-size: 24px; background-color: #fff;}
.tra3_bt h2{font-size: 24px; margin-bottom: 15px;}
.tra3_bt h3{font-weight: 100; margin-bottom: 15px;}
.tra3_bt .line{position: relative; width: 100%; height: 1px; background-color: #415e78;}
.tra3_bt .line::before{content: ""; position: absolute; left: 0; top: 0; display: block; width: 88px; height: 1px; background-color: #ff2424;}
.tra3_wz{width: 100%; padding: 15px 70px 40px 70px; background-color: rgba(255, 255, 255, 0.8);}
.tra3_wz .nr{margin-bottom: 30px; height: 340px; overflow-y: scroll;;}
.tra3_wz .nr p{font-size: 18px; line-height: 45px; color: #666;}
.tra3_wz .nr img{max-width: 90% !important;}
.tra3_wz .more0{position: relative; display: inline-flex; align-items: center; font-size: 14px;}
.tra3_wz .more0::after{content: ""; position: absolute; bottom: -15px; left: 0; display: block; width: 100%; height: 1px; background-color: #415e78;}
.tra3_wz .more0 i{display: inline-block; width: 9px; height: 12px; margin-left: 15px; background: url(../images/arrow2.png) no-repeat center;}
.tra3_nr:hover .tra3_bt h2{color: #415e78;}
.tra3_nr:hover .tra3_wz .more0{color: #415e78;}
.tra3_list{position: absolute; right: 10%; top: -100px;}
.tra3_list ul li{float: left; font-size: 28px; opacity: 0.5; cursor: pointer; font-weight: bold; color: #415e78;}
.tra3_list ul li:first-child{margin-right: 68px;}
.tra3_list ul li.on{opacity: 1;}

.inside_box1{position: relative; z-index: 2;}

.inside_left{width: 275px; margin-top: -92px; transition: padding 0.3s ease; -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease;}
.inside_left.fixed{position: fixed; left: 7%;  top: 0; padding-top: 160px;}
.inside_right{width: calc(100% - 380px);}
.inside_right .home{display: flex; justify-content: flex-end;}

.sidemenu{position: relative; padding: 45px 30px; z-index: 2; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.15); overflow: hidden; background-color: #415e78;}
.sidemenu .txt_bg{position: absolute; right: 25px; bottom: 30px;}
.sidemenu .txt_bg img{max-width: 100%;}
.sidemenu .s-side{width: 100%; color: #fff;}
.sidemenu .s-side ul .first .d-firstNav{display: block; width: 100%;}
.sidemenu .s-side ul .first .d-firstNav .fa-caret-right0{display: flex; align-items: center; width: 100%; height: 50px; line-height: 50px; opacity: 0.8; font-size: 18px;}
.sidemenu .s-side ul .first .d-firstNav .fa-caret-right0 em{position: relative; display: block; width: 100%; height: 100%; font-weight: bold; font-style: normal;}
.sidemenu .s-side ul .first .d-firstNav .fa-caret-right0 b{display: inline-block; width: 14px; height: 14px;  background: url(../images/p_plus.png); font-weight: normal;}
.sidemenu .s-side ul .first .d-firstDrop li .d-secondNav{display: block; width: 100%; height: 100%;}
.sidemenu .s-side ul .first .d-firstDrop li .d-secondNav .fa-caret-right0{height: 35px; padding: 0 20px; font-size: 14px; display: flex; justify-content: space-between; align-items: center;}
.sidemenu .s-side ul .first .d-firstDrop li .d-secondNav .fa-caret-right0 em{font-weight: bold;}
.sidemenu .s-side ul .first .d-firstDrop li .d-secondNav .fa-caret-right0 b{display: inline-block; width: 14px; height: 14px;  background: url(../images/p_plus.png); font-weight: normal;}
.sidemenu .s-side ul .first .d-firstDrop li .d-secondDrop li a{height: 35px; padding: 0 20px; font-size: 14px; display: flex; justify-content: space-between;  align-items: center; opacity: 0.7;}
.sidemenu .s-side ul .first .d-firstDrop li .d-secondDrop li a:hover{opacity: 1;}
.sidemenu .s-side ul .first .d-firstDrop li .d-secondDrop li.on a{opacity: 1;}  
.sidemenu .s-side ul .first .d-firstNav .fa-caret-right0.iconRotate{opacity: 1;}
.sidemenu .s-side ul .first .d-firstNav .fa-caret-right0.iconRotate b{width: 14px; height: 2px; background: url(../images/p_mid.png) no-repeat center center;}
.sidemenu .s-side ul .first .d-firstDrop li .d-secondNav .fa-caret-right0.iconRotate b{width: 14px; height: 2px; background: url(../images/p_mid.png) no-repeat center center;}
.sidemenu .s-side ul .secnond ul li a{display: block; width: 100%; height: 35px; line-height: 35px; padding: 0 20px; opacity: 0.7; font-size: 14px;}
.sidemenu .s-side ul .secnond ul li a.on{opacity: 1;}
.sidemenu .s-side ul .secnond ul li a:hover{opacity: 1;}

.inside_con .nr_bt{margin-bottom: 55px;}
.inside_con .nr_bt h2{position: relative; display: inline-block; font-size: 48px; color: #415e78; margin-bottom: 22px;}
.inside_con .nr_bt h2::after{content: ""; display: block; width: 100%; height: 1px; margin-top: 15px; background-color: #ff2424;}
.inside_con .nr_bt .line0{display: none; width: 77px; height: 1px; background-color: #ff2424;}
.inside_con .nr{margin-bottom: 70px;}
.inside_con .nr p{font-size: 16px; line-height: 30px; text-indent: 2em;}
.inside_con .nr p img{max-width: 90% !important;}

.sidemenu1{position: relative; padding: 45px 30px; z-index: 2; color: #fff; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.15); overflow: hidden; background-color: #415e78;}
.sidemenu1 .txt_bg{position: absolute; right: 25px; bottom: 30px;}
.sidemenu1 .txt_bg img{max-width: 100%;}
.sidemenu1 ul li{display: block;}
.sidemenu1 ul li h3 a{display: flex; position: relative; align-items: center; opacity: 0.7; height: 50px; font-weight: bold; font-size: 18px;  z-index: 2;}
.sidemenu1 ul li h3 a::after{content: ''; display: inline-block; position: absolute; right: 0; top: 50%;; width: 100%; height: 1px; z-index: -1; opacity: 0; visibility: hidden; background-color: #fff; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.sidemenu1 ul li h3 a span{display: inline-block; background-color: #415e78; padding-right: 15px;}
.sidemenu1 ul li.on h3 a{opacity: 1;}
.sidemenu1 ul li.on h3 a::after{opacity: 1; visibility: visible;}
.sidemenu1 ul li:hover h3 a{opacity: 1;}
.sidemenu1 ul li:hover h3 a::after{opacity: 1; visibility: visible;}

.sidemenu2{position: relative; padding: 45px 30px; z-index: 2; color: #fff; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.15); overflow: hidden; background-color: #415e78;}
.sidemenu2 .txt_bg{position: absolute; right: 25px; bottom: 30px;}
.sidemenu2 .txt_bg img{max-width: 100%;}
.sidemenu2 .sidecon ul li .menu-title{position: relative; height: 50px; display: flex; align-items: center; font-weight: bold; opacity: 0.8; font-size: 18px;}
.sidemenu2 .sidecon ul li .menu-title::after{content: ""; display: inline-block; width: 120px; height: 1px; margin-left: 10px; opacity: 0; visibility: hidden; vertical-align: middle; background-color: #fff;	transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.sidemenu2 .sidecon ul li .menu-title.cur{opacity: 1;}
.sidemenu2 .sidecon ul li .menu-title.cur::after{opacity: 1; visibility: visible;}
.sidemenu2 .sidecon ul li .menu-lists a{display: flex; justify-content: space-between; align-items: center; height: 35px; padding: 0 20px; font-size: 14px; opacity: 0.7;}
.sidemenu2 .sidecon ul li .menu-lists a.on{opacity: 1;}
.sidemenu2 .sidecon ul li .menu-title:hover{opacity: 1;}
.sidemenu2 .sidecon ul li .menu-lists a:hover{opacity: 1;}
.sidemenu2 .sidecon ul li .menu-title:hover::after{opacity: 1; visibility: visible;}

.inside_con .nr_bt{margin-bottom: 55px;}
.inside_con .nr_bt h2{font-size: 48px; color: #415e78; margin-bottom: 22px;}
.inside_con .nr_bt .line0{width: 77px; height: 1px; background-color: #ff2424;}
.inside_con .nr{margin-bottom: 30px;}
.inside_con .nr p{font-size: 16px; line-height: 30px;}
.inside_con .nr p img{max-width: 90% !important;}

.the_end {width: 100%; height: 1px; margin-bottom: 70px; background-color: #e5e5e5;}
.the_end .yuan{width: 50px; height: 50px; margin: 0 auto; position: relative; top: -25px; border-radius: 50%; display: flex; justify-content: center; align-items: center;  text-align: center; flex-wrap: wrap; color: #fff; background-color: #415e78;}
.the_end .yuan span{display: block; width: 100%;}

.alike ul li{float: left; width: 50%; line-height: 30px;}
.alike ul li a{font-size: 12px; }
.alike ul li a:hover{color: #415e78;}
.alike ul li a span{margin-right: 18px;}


/* 成功案例 */
.case1_bt{margin-bottom: 55px;}
.case1_bt h2{position: relative; display: inline-block; font-size: 48px; margin-bottom: 15px; color: #415e78;}
.case1_bt h2::after{content: ""; display: block; width: 100%; height: 1px; margin-top: 15px; background-color: #ff2424;}
.case1_bt .line0{display: none; width: 77px; height: 1px; background-color: #ff2424;}
.case1_main{margin-bottom: 80px;}
.case1_main ul li{position: relative;; padding: 30px 102px 30px 30px; margin-bottom: 15px; background-color: #fff;}
.case1_main ul li .left h2{font-size: 20px; font-weight: bold; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case1_main ul li .left p{font-size: 18px; line-height: 30px; margin-bottom: 30px; height: 30px; overflow: hidden; text-indent: 2em; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.case1_main ul li .left p.intro{height: auto; overflow: auto;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.case1_main ul li .left .look_up{width: 135px; height: 45px; cursor: pointer; display: flex; justify-content: center; align-items: center;  font-size: 14px; border-radius: 30px; box-shadow: 0 30px 30px #ffd8d8; background-color: #ff2424; color: #fff;}
.case1_main ul li .left .look_up img{margin-right: 5px;}
.case1_main ul li .right{position: absolute; right: 0; bottom: 0; width: 102px; height: 102px; z-index: 2; overflow: hidden; cursor: pointer; background: url(../images/case-bg1.png) no-repeat center; background-size: 102px 102px;}
.case1_main ul li .right .box{position: relative; top: 45px; left: 24px; text-align: center; color: #fff;}
.case1_main ul li .right .box img{display: block; margin: 10px auto 0 auto; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.case1_main ul li .right .box img.toshow{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 版权事务 */
.coy1_sec{position: relative;}
.coy1_sec .home{position: absolute; right: 0; top: 0px; color: #fff; z-index: 2;}
.coy1_sec ul li{float: left; width: 50%;}
.coy1_sec ul li a{display: block; width: 100%; position: relative;}
.coy1_sec ul li .img_box{overflow: hidden;}
.coy1_sec ul li .img_box img{display: block; width: 100%; height: auto; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.coy1_sec ul li .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center; color: #fff;}
.coy1_sec ul li .txt .cell0 h2{display: inline-block; position: relative; margin-bottom: 15px; font-weight: bold; font-size: 32px; text-transform: uppercase;; z-index: 2;}
.coy1_sec ul li .txt .cell0 h2::before, .coy1_sec ul li .txt .cell0 h2::after{content:""; display: block; position: absolute; left: 0; bottom: 10px; width: 0%; height: 5px; z-index: -1; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.coy1_sec ul li .txt .cell0 h2::before{width: 100%; background-color: #415e78;}
.coy1_sec ul li .txt .cell0 h2::after{width: 0; background-color: #ff2424;}
.coy1_sec ul li .txt .cell0 h3{font-weight: bold; font-size: 48px;}
.coy1_sec ul li:hover .img_box img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.coy1_sec ul li:hover .txt .cell0 h2::after{width: 100%;}

/* 其他事务 */
.oth1_sec .box1 ul{border-bottom: 1px solid #ebebeb;}
.oth1_sec .box1 ul li{float: left; width: 11.111%; border: 1px solid #ebebeb; border-bottom: none; border-right: none; text-align: center;}
.oth1_sec .box1 ul li:nth-child(9n){border-right: 1px solid #ebebeb;}
.oth1_sec .box1 ul li a{display: flex; justify-content: center; align-items: center; width: 100%; height: 55px; font-size: 14px;}
.oth1_sec .box1 ul li:hover a{color: #fff; background-color: #415e78;}
.oth1_sec .box1 ul li.on a{color: #fff; background-color: #415e78;}
.oth1_sec .box2{margin-bottom: 35px;}
.oth1_sec .box2 ul li{float: left; width: 18%; margin: 0 1%; margin-bottom: 35px;}
.oth1_sec .box2 ul li .img{background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.oth1_sec .box2 ul li .img img{display: block; width: 100%; height: auto;}
.oth1_sec .box2 ul li:hover .img{box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15); background-color: #415e78;}

/* 翻页 */
.page_box{width: 60%; max-width: 800px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; font-size: 16px;}
.page_box .pages a{display: inline-flex; align-items: center;}
.page_box .pages i{position: relative; display:inline-flex; justify-content: center; align-items: center;  width: 45px; height: 45px; border-radius: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.page_box .pages i em{display:inline-block; width: 10px; height: 10px; background-repeat: no-repeat; background-position: center center; background-size: 10px 10px;}
.page_box .pages .ago0{margin-right: 20px;}
.page_box .pages .ago0 em{background-image: url(../images/page-01.png);}
.page_box .page_prev:hover i{background-color: #415e78; box-shadow: 0 21px 48px -5px rgba(0,144,213, 0.9);}
.page_box .page_prev:hover .ago0 em{background-image: url(../images/page-03.png);}
.page_box .pages .back0{margin-left: 20px;}
.page_box .pages .back0 em{background-image: url(../images/page-02.png);}
.page_box .page_next:hover i{background-color: #415e78; box-shadow: 0 21px 48px -5px rgba(0,144,213, 0.9);}
.page_box .page_next:hover .back0 em{background-image: url(../images/page-04.png);}
.page_box ul li{float: left; display: block; width: 45px; height: 45px; line-height: 45px; margin: 0 10px; text-align: center; border-radius: 50%; background: transparent;}
.page_box ul li a{display: block; width: 100%; height: 100%;}
.page_box ul li.active{color: #fff; background-color: #415e78; box-shadow: 0 21px 48px -5px rgba(0,144,213, 0.9); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.page_box ul li:hover{color: #fff; background-color: #415e78;  box-shadow: 0 21px 48px -5px rgba(0,144,213, 0.9); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.page_box ul li:hover a{color: #fff;}

.othxq1_main{display: flex; justify-content: space-between;}
.othxq1_left{width: 45%;}
.othxq1_left .img_box{margin-bottom: 45px;}
.othxq1_left .img{width: 100%;}
.othxq1_left .img img{display: block; width: 100%; height: auto;}
.othxq1_left .alike1 ul{display: flex; justify-content: space-between; align-items: center;}
.othxq1_left .alike1 ul li a{display: flex; align-items: center; font-size: 18px;}
.othxq1_left .alike1 ul li i{position: relative; display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 50%; transition: all 0.5s ease-in-out; background-color: #fff; -webkit-transition: all 0.5s ease-in-out;}
.othxq1_left .alike1 ul li i em{display: inline-block; width: 10px; height: 10px; background-repeat: no-repeat; background-position: center center; background-size: 10px 10px;}
.othxq1_left .alike1 ul li .i1{margin-right:14px;}
.othxq1_left .alike1 ul li .i2{margin-left:14px;}
.othxq1_left .alike1 ul li .i1 em{background-image: url(../images/page-01.png);}
.othxq1_left .alike1 ul li .i2 em{background-image: url(../images/page-02.png);}
.othxq1_left .alike1 ul li:hover a{color: #415e78}
.othxq1_left .alike1 ul li:hover i{background-color: #415e78;}
.othxq1_left .alike1 ul li:hover .i1 em{background-image: url(../images/page-03.png);}
.othxq1_left .alike1 ul li:hover .i2 em{background-image: url(../images/page-04.png);}
.othxq1_right{width: 50%;}
.othxq1_right .bt{display: flex; align-items: center; margin-bottom: 35px; font-size: 34px;}
.othxq1_right .bt img{display: inline-block; margin-right: 9px; position: relative; top: 2px;}
.othxq1_right ul{margin-bottom: 30px;;}
.othxq1_right ul li{padding-bottom: 20px; margin-bottom: 20px; font-size: 18px; line-height: 30px; border-bottom: 1px solid #ccc;}
.othxq1_right ul li strong{margin-right: 20px;}
.othxq1_right ul .li2 h2:first-child{margin-right: 55px;}
.othxq1_right ul .li3{display: flex;}
.othxq1_right ul .li3 span{display: inline-block; width: calc( 100% - 190px);}
.othxq1_right .xj a{display: flex; justify-content: center; align-items: center; width: 157px; height: 46px; font-size: 18px; border: 1px solid #415e78;}
.othxq1_right .xj a img{margin-right: 10px;}
.othxq1_right .xj a:hover{color: #ff2424; border-color: #ff2424;}

/* 新闻中心 */
.news1_bt{margin-bottom: 55px;}
.news1_bt h2{position: relative; display: inline-block; font-size: 48px; color: #415e78;}
.news1_bt h2::after{content: ""; display: block; width: 100%; height: 1px; margin-top: 15px; background-color: #ff2424;}
.news1_main {margin-bottom: 80px;}
.news1_main ul li{padding: 25px; margin-bottom: 15px; background-color: #fff;}
.news1_main ul li:last-child{margin-bottom: 0;}
.news1_main ul li a{transition: none; -webkit-transition: none;}
.news1_main ul li h2{position: relative; display: inline-block; font-size: 24px; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*.news1_main ul li h2::after{content: ""; display: block; width: 100%; height: 1px; margin-top: 15px; background-color: #ff2424;}*/
.news1_main ul li .line0{display: none; width: 50px; height: 1px; margin-bottom: 15px; background-color: #ff2424;}
.news1_main ul li p{font-size: 18px; line-height: 30px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis; text-indent: 2em;}
.news1_main ul li:hover{color: #fff; background-color: #415e78; box-shadow: 0 30px 50px #ccd7f0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.news1_main ul li:hover h2{color: #fff;}

.newsxq1_bt{ margin-bottom: 55px; text-align: center;}
.newsxq1_bt h2{font-size: 30px; color: #415e78; margin-bottom: 15px;}
.newsxq1_bt span{display: block; font-size: 14px; margin-bottom: 15px; color: #666;}
.newsxq1_bt .line0{width: 77px; height: 1px; margin: 0 auto; background-color: #ff2424;}

/* 联系我们 */
.con1_sec .ab_title{margin-bottom: 270px;}
.con1_box{position: relative;}
.con1_box .ditu .map0{width: 100%; height: 500px;}
.con1_wz{position: absolute; left: 0; top: -210px; z-index: 2; width: 100%;}
.con1_txt{width: 75%; position: relative; padding: 30px 30px 50px 30px; margin: 0 auto; z-index: 1; background: url(../images/con1-bg.jpg) no-repeat top center; background-size: cover;}
.con1_txt ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.con1_txt ul li{width: 48%; padding: 30px 0; font-size: 18px; border-bottom: 1px solid #e5e5e5;}
.con1_txt ul li .lis{display: flex; align-items: center;}
.con1_txt ul li a:hover{color: #415e78;}
.con1_txt ul li strong{display: block; margin-right: 50px;}
.con1_txt ul li span{display: block; width: calc(100% - 130px);}
.con1_txt ul li span .a1{display: block;}
.con1_txt ul li span .a2{display: none;}
.con1_txt ul li .lis:last-child{border-bottom: none;}
.con1_txt ul li .lis img{width: 25px; position: relative; top: 5px;}
.con1_txt ul .li7{width: 100%;}

/* 商品分类列表 */
.pro1_main{display: flex; justify-content: space-between;}
.pro1_bt h2{position: relative; display: inline-block; font-size: 32px; margin-bottom: 15px;}
.pro1_bt h2::after{content: ""; display: block; width: 100%; height: 1px; margin-top: 15px; background-color: #ff2424;}
.pro1_bt .line0{display: none; width: 70px; height: 1px; background-color: #ff2424;}
.pro1_box{width: 65%;}
.pro1_box ul li{float: left; width: 18%; margin: 0 1%; margin-bottom: 12px; text-align: center; background-color: #fff;	transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.pro1_box ul li a{display: block; width: 100%; height: 100%; padding: 40px 0; transition: none;  -webkit-transition: none;}
.pro1_box ul li .img{margin-bottom: 15px;}
.pro1_box ul li .img img{display: block; width: 50px; margin: 0 auto;}
.pro1_box ul li .img .img1{display: block;}
.pro1_box ul li .img .img2{display: none;}
.pro1_box ul li h3{font-size: 12px; margin-bottom: 25px;}
.pro1_box ul li p{font-size: 16px;}
/* .pro1_box ul li.on{background-color: #415e78; color: #fff; box-shadow: 0 30px 30px #aabce6;}
.pro1_box ul li.on .img .img1{display: none;}
.pro1_box ul li.on .img .img2{display: block;} */
.pro1_box ul li.on{background-color: #415e78; color: #fff; box-shadow: 0 30px 30px #aabce6;}
.pro1_box ul li:hover{background-color: #415e78; color: #fff; box-shadow:  0 30px 30px #aabce6;}
.pro1_box ul li:hover .img .img1{display: none;}
.pro1_box ul li:hover .img .img2{display: block;}

.pro1_nr{width: 65%;}
.proxq1_bt{margin-bottom: 55px;}
.proxq1_bt h2{position: relative; display: inline-block; font-size: 48px; margin-bottom: 15px; color: #415e78;}
.proxq1_bt h2::after{content: ""; display: block; width: 100%; height: 1px; margin-top: 15px; background-color: #ff2424;}
.proxq1_bt .line0{display: none; width: 77px; height: 1px; background-color: #ff2424;}
.pro1_nr .nr{margin-bottom: 60px;}
.pro1_nr .nr p{font-size: 18px; line-height: 30px; text-indent: 2em;}
.pro_list1{margin-bottom: 70px;}
.pro_list1 .menu-list .link{position: relative; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.pro_list1 .menu-list .ask_title{position: relative; width: 100%; padding: 30px 40px; display: flex; justify-content: space-between; align-items: center; background-color: #fff;}
.pro_list1 .menu-list .ask_title .qus{font-size: 18px; width: 92%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.pro_list1 .menu-list .ask_title i{display: inline-block; width: 12px; height: 7px; background-image: url(../images/down1.png); background-repeat: no-repeat; background-size: 12px 7px;}
.pro_list1 .menu-list .nr1{position: relative; width: 100%; padding: 30px 40px; background-color: #fff;}
.pro_list1 .menu-list .nr1 .bt{font-size: 18px; margin-bottom: 20px;}
.pro_list1 .menu-list .nr1  .cont1{margin-bottom: 25px;}
.pro_list1 .menu-list .nr1 p{font-size: 14px; line-height: 30px; color: #333;}
.pro_list1 .menu-list .nr1 p img{max-width: 100%;}
.pro_list1 .menu-list .nr1 p .s{margin-bottom: 15px; display: block;}
.pro_list1 .accordion2 .submenu1{display: none;}
.pro_list1 .accordion2 .nLi{border-bottom: 1px solid #cbd7d7;}
.pro_list1 .accordion2 li.open{box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.pro_list1 .accordion2 li.open .ask_title{background-color: #415e78;}
.pro_list1 .accordion2 li.open .ask_title .qus{color: #fff;}
.pro_list1 .accordion2 li.open i.fa-plus0{background-image: url(../images/up1.png);}


.pro1_main .home{padding-top: 0;}