body *{color: #000000;} 
.top{background: #121212; line-height: 60px; height: 60px; color: #A6A6A6;}
.top_l span{display: inline-block; color: #A6A6A6; margin-right: 20px;}
.top_l span img{margin-right: 6px;}
.top_r{ position: relative; cursor: pointer;}
.top_in{ display: none; background: #121212; line-height: inherit; position: absolute; font-size: 0px; top: 62px; width: 300px; padding: 5px; right: 0px; height:40px; vertical-align: middle; border-radius: 4px;}
.top_in input{width: 80%; display: inline-block; padding-left: 10px; height: 30px; border: none; background: #FFFFFF; vertical-align:top; border-radius: 4px 0px 0px 4px;}
.top_in button{width: 20%; height: 30px; border: none; display: inline-block; vertical-align: top; border-radius: 0px 4px 4px 0px;}
.top_box{line-height: 110px; height: 110px;}
.box>ul>li{float: left;line-height: 110px; height: 110px; position: relative; margin-left: 40px;}
.box>ul>li ul{position: absolute; display: none; padding: 10px 20px; left: 50%; transform: translateX(-50%); top: 80px; background: #333333; border-radius: 10px; z-index:99;    font-size: 14px;width:177px;}
.box>ul>li ul li{line-height: 40px;}
.box>ul>li ul li a{color: #FFFFFF;}
.box>ul>li:hover ul{display: block;}
.banner{overflow: hidden; position: relative;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 50px;}
.swiper-container-horizontal>.swiper-pagination-bullets span{margin: 0px 10px !important;}

.con_bg{background: #F7F7F7; padding: 42px 0px;}
.con_tit h1{text-align: center; font-size: 24px;color: #013B85; padding-bottom: 12px; position: relative;}
.con_tit h1:before{content: ' '; position: absolute; bottom: 0px;  position: absolute; width: 200px; height: 1px; background: #D1D1D1; left: 50%; transform: translateX(-50%);}
.con_tit h1:after{content: ' '; height: 3px; background: #0BA5E3; bottom: -1px; width: 60px; left: 50%; position: absolute;  position: absolute; transform: translateX(-50%);}
.con_p{margin-top: 10px;}
.con_p p{color: #808080; line-height: 40px; text-align: center;}
.con_bg2{padding: 50px 0px;}
.con_ul ul{text-align: center;}
.con_ul ul li{display: inline-block; margin: 0 65px;}
.con_ul ul li span{display: block; margin: 0 auto; margin-bottom: 10px;}
.con_ul2 ul li a{display: block; background: #FFFFFF;  margin-top: 30px;}
.con_ul2 ul li a p{line-height: 60px; height: 60px; text-align: center;}
.con_ul3{margin-top: 100px;}
.con_ul3 ul li{width: 16.66%; position: relative; height: 480px; float: left;}
.con_ul3 ul li p,.con_ul3 ul li a{display: none;}
.con_ul3 ul li span{display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.con_ul3 ul li span.icon1{background: url(../images/230422gjtc_img19.jpg) no-repeat center; background-size: cover;}
.con_ul3 ul li span.icon2{background: url(../images/230422gjtc_img6.png) no-repeat center; background-size: cover;}
.con_ul3 ul li span.icon3{background: url(../images/230422gjtc_img7.png) no-repeat center; background-size: cover;}
.con_ul3 ul li span.icon4{background: url(../images/230422gjtc_img5.png) no-repeat center; background-size: cover;}
.con_ul3 ul li span.icon5{background: url(../images/230422gjtc_img8.png) no-repeat center; background-size: cover;}
.con_ul3 ul li span.icon6{background: url(../images/230422gjtc_img9.png) no-repeat center; background-size: cover;}
.con_ul3 ul li.on{width: 33.32%;}
.con_ul3 ul li .con_ul_div{position: relative; z-index: 2; background: rgba(0,0,0,0.2); text-align: center; padding: 20px;width: 100%; height: 100%;}
.con_ul3 ul li ,.con_ul3 ul li *{transition: ease-in-out .3s;}
.con_ul3 ul li .con_ul_div h1{display:block; left: 28px; right: 28px; position: absolute; top:80%; color: #FFFFFF; font-size: 20px; font-weight: normal; text-align: center;}
.con_ul3 ul li.on .con_ul_div{background: rgba(0, 64, 152, 0.8); padding: 40px;}
.con_ul3 ul li.on .con_ul_div h1{left: inherit; text-align: left; right: inherit; top: inherit; padding-bottom: 24px; position: relative; display: block;}
.con_ul3 ul li.on .con_ul_div h1:before{content: ' '; position: absolute; display:block;height: 3px;width: 40px; background: #fff; bottom: 0px;}
.con_ul3 ul li.on p,.con_ul3 ul li.on a{display: block;}
.con_ul3 ul li.on .con_ul_div p{margin-top:24px; text-align: left; line-height: 30px; color: #FFFFFF;}
.con_ul3 ul li.on .con_ul_div a{position: absolute; bottom: 70px; display: block; width: 100px; border: 1px solid #FFFFFF; border-radius: 30px; height: 40px; line-height: 40px; color: #FFFFFF;}
.con_ul4 ul li em{display: block; overflow: hidden;}
.con_ul4 ul li h2{font-size: 20px; margin-bottom: 10px; font-weight: normal;}
.con_ul4 ul li p{color: #666666; line-height: 28px; color: #666666; margin-bottom: 28px; height: 84px;}
.con_ul4 ul li>a{width: 110px; height: 40px; line-height: 40px; display: block; border: 1px solid #CCCCCC; text-align: center; border-radius:30px; margin-bottom: 48px; color: #999999; transition: ease-in-out 0.3s;}
.con_ul4 ul li .con_ul_top{ margin-bottom: 28px;}
.con_ul4 ul li:hover .con_ul_top h1{color: #004098;}
.con_ul_top { position: relative; transition: ease-in-out 0.3s; padding-bottom: 32px; margin-top: 32px; border-bottom: 1px solid #DEDEDE;}
.con_ul_top:before{position: absolute; width: 14px; height: 8px; background: url(../images/230422gjtc_icon10.png) no-repeat bottom center; content: ' '; display: block; bottom: 0px;}
.con_ul_top h1{font-size: 48px; font-weight: normal; margin-right: 16px; color: #666666; display: inline-block;}
.con_ul_top span{color: #999999; display: inline-block;}
.con_ul4 ul li:hover .con_ul_top{border-bottom: 1px solid #004098;}
.con_ul4 ul li:hover .con_ul_top:before{background: url(../images/230422gjtc_icon9.png) no-repeat bottom center;}
.con_ul4 ul li:hover>a{border: 1px solid #004098; color: #004098;}
.con_div h1{font-size: 24px;font-weight: normal;}
.con_div ul{margin-top: 24px;}
.con_div ul li{line-height: 50px; color: #808080;}
.con_div ul li img{margin-right: 6px;}
.con_div ul li a{color: #808080;}
.bottom{ line-height: 44px; padding: 15px; background: #013B85; text-align: center;}
.bottom p{color: #FFFFFF;}
.con_ul2 span img{width: 100%;}
.media_a{ border: 1px solid transparent; float: right; margin-right: 10px; margin-top:7px; border-radius: 4px;}
.trans-3{display: block;width: 19px; margin-bottom: 4px; background: #fff; height: 2px; border-radius: 1px;}
.trans-3{ transition: all 0.35s linear;}
.box.on .trans-3:nth-child(1){-webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg); transform: matrix(1,0,0,1,0,6) rotate(45deg);}
.box.on .trans-3:nth-child(3){-webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg); transform: matrix(1,0,0,1,0,-6) rotate(-45deg);}
.box.on .trans-3:nth-child(2){width: 0;}
.box.on .trans-3{background: #FFFFFF;}
.media_b,.media_a,.box_top{display: none;}
.gl_l{width: 300px; margin-right: 32px;}
.gl_r{overflow: hidden;}
.gl_l_div_top{background: #0BA5E3; padding: 15px 0px; padding-left: 24px; line-height: 40px; font-size: 24px; color: #FFFFFF;}
.gl_l_div_tit{border: #E5E5E5 solid 1px; border-top: 0px; padding: 20px;}
.gl_l_div_ul li{border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; margin-bottom: 15px;}
.gl_l_div_ul li a{font-size: 20px; color: #808080;}
.gl_l_img li{margin-bottom: 6px;}
.gl_l_img li span{display: block; overflow: hidden;}
.gl_l_img li p{text-align: center; color: #808080; height: 40px; line-height: 40px;}
.gl_l_img li:last-child{margin-bottom: 0px;}
.gl_l_tit li{line-height: 50px;}
.gl_l_tit li span{ margin-right: 6px;}
.gl_l_tit li p{overflow: hidden; color: #808080;}
.gl_r_top{background: #F7F7F7; line-height: 40px; padding: 16px 42px;}
.gl_r_top h1{font-size: 20px; color: #383838;}
.gl_r_top p{color:#808080;}
.gl_r_tit{border-bottom: 1px solid #D1D1D1; height: 50px; line-height: 47px;}
.gl_r_tit span{display:inline-block; font-size: 24px; font-weight: bold; color: #013B85; border-bottom: 3px solid #0BA5E3;}
.gl_r_ul li a {display: block; margin-top: 32px; border: #E5E5E5 solid 1px;}
.gl_r_ul li a span{display: block; overflow: hidden;}
.gl_r_ul li a p{text-align: center; height: 66px; line-height: 66px;}
.page_base{ margin:32px auto; color: #555555; text-align: center;}
	.page_base .page_tools{ display: inline-block; *float: left; margin-right:30px; font-size: 0px;}
	.page_base .page_tools li{ display: inline-block; margin:0px 4px;}
	.page_base .page_tools li a{ font-size: 16px; display: inline-block; line-height:18px; padding: 10px 14px; border: 1px solid #d9d9d9; background-color: #ffffff; color: #555555; border-radius:4px;}
	.page_base .page_tools li.active a,.page_base .page_tools li a:hover{ background-color: #0BA5E3; border: 1px solid #0BA5E3; color: #ffffff;}
	.page_base .page_tools li.disabled>a, .page_base .page_tools li.disabled>a:focus, .page_base .page_tools li.disabled>a:hover, .page_base .page_tools li.disabled>span, .page_base .page_tools li.disabled>span:focus, .page_base .page_tools li.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
	.page_base .page_tools li.prev em,.page_base .page_tools li.next em{ font-style: normal; font-family: simsun; font-size:12px; margin:0px 8px;}
	.page_base .page_tools li.prev em{ margin-left: 0px;}
	.page_base .page_tools li.next em{ margin-right: 0px;}
	.page_base .page_go{ display: inline-block; *float: left; line-height:20px; padding: 10px 12px;}
	.page_base .page_go span{ display: inline-block; font-size: 16px;}
	.page_base .page_go .form_control{ min-width:40px; max-width: 60px; line-height:20px; padding: 10px 12px; text-align: center; display: inline-block; margin: 0px 8px 4px 8px;caret-color:transparent;}
	.page_base .fy_go{ display: inline-block; background-color: #0BA5E3; line-height:20px; padding: 10px; text-align: center; margin: 0px 8px; font-size: 16px; color: #ffffff; cursor: pointer; border-radius: 4px; *margin-top: -45px;}
.view .swiper-container {
	height: 500px;
	line-height: 500px;
	 text-align: center;
}
.view .swiper-container img{height: 100%;}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}
.preview .swiper-slide {text-align: center; overflow: hidden;}
.preview .swiper-slide img{ height: 100%;}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 86%;
	height: 82px;
}

.preview .swiper-slide {
	width: 80px;
	box-sizing: border-box;
	height: 76px;
	cursor:pointer;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}
.preview .active-nav{border: 1px solid #000; border-radius:8px;}
.preview .active-nav img {
	padding: 0;
}
.gl_div h1{font-size: 24px; font-weight: normal; color: #383838; margin-bottom: 18px;}
.gl_div p{font-size: 20px;line-height: 30px; color: #808080; margin-bottom: 10px;}
.gl_div .gl_anniu a{display: block; width: 130px; text-align: center; height: 44px; line-height: 44px; text-align: center; background: #0BA5E3; font-size: 20px; color: #FFFFFF;}
.gl_div .gl_anniu a img{margin-right: 10px;}
.gl_div_ul ul{margin-top: 20px;}
.gl_div_ul ul li{display: inline-block;}
.gl_r_bottom{border-top:#CCCCCC solid 1px; padding-top: 28px; margin-top: 44px;}
.gl_r_tit_top{color: #A6A6A6; margin-bottom: 24px;}
.gl_r_tad{background: #f6f6f6; padding: 18px;}
.gl_r_tad_tit{padding: 15px 20px; line-height: 30px; font-size: 20px; background: #f1f1f1;}
.gl_in input{height: 44px; color: #999; width: 100%; padding-left: 18px; background: #FFFFFF; border: 1px solid #ebebeb;}
.gl_in{margin-top: 12px;}
.gl_in textarea{ color: #999; padding: 10px 20px; background: #FFFFFF; border: 1px solid #ebebeb; width: 100%; line-height: 30px; border: 0;min-height: 110px; margin-bottom: 12px;}
.gl_r_tad button{color: #fff; border: none; font-size: 14px;  background-color: #121212; display: inline-block; line-height: 30px; padding: 8px 30px;}
.bottom_P{font-size: 20px; font-weight: bold; color: #383838; padding: 30px 20px;}
.con_ul2{position: relative;}
.con_ul2>span{position: absolute; width: 30px; height: 30px; border: 1px solid #ff6b31; text-align: center; line-height: 26px; color: #ff6b31; cursor: pointer; z-index: 99; font-size: 18px; top: 50%; border-radius: 50%; margin-top: -15px;}
.next{left: -60px;}
.prev{right: -60px;}
.win_a{overflow: inherit;}
.con_ul2 .bd{overflow: hidden;}
.con_ul2 .el-row-large{ margin: 0px;}
.con_ul2 .el-row-large>[class*=el-col-],.el-row-large>ul>[class*=el-col-]{ padding: 0px;}
.con_ul2 .el-row-large a{margin: 0px 16px; margin-top: 32px;}
@media screen and (max-width:1440px) {
	.next{left: 0px;}
	.prev{right: 0px;}
	.win_a{_overflow: hidden;}
}
@media screen and (max-width:992px) {
 .page_base{ text-align: center; margin: 16px auto;}
 .page_base .page_tools{ float: inherit; text-align: center; margin: 0px;}
 .page_base .page_tools li,.page_base .page_go{ display: none;}
 .page_base .page_tools li.prev,.page_base .page_tools li.next{ display:inline-block;}
 .page_base .page_tools li a{ height: auto;}
}



@media only screen and (max-width:992px){
	.top{left: 0px; z-index: 99; right: 0px; height: 48px; line-height: 24px; position: fixed; }
	.con_ul ul li a{display: block; margin: 20px 0px;}
	.con_ul3 ul li .con_ul_div{background: rgba(0, 64, 152, 0.8); padding: 40px;}
	.con_ul3 ul li .con_ul_div h1{left: inherit; text-align: left; right: inherit; top: inherit; padding-bottom: 24px; position: relative; display: block;}
	.con_ul3 ul li .con_ul_div h1:before{content: ' '; position: absolute; display:block;height: 3px;width: 40px; background: #fff; bottom: 0px;}
	.con_ul3 ul li p,.con_ul3 ul li a{display: block;}
	.con_ul3 ul li .con_ul_div p{margin-top:24px; text-align: left; line-height: 30px; color: #FFFFFF;}
	.con_ul3 ul li .con_ul_div a{position: absolute; bottom: 70px; display: block; width: 100px; border: 1px solid #FFFFFF; border-radius: 30px; height: 40px; line-height: 40px; color: #FFFFFF;}
	.con_ul3 ul li.on,.con_ul3 ul li{width: 50%; border-bottom: 1px solid #FFFFFF;}
	.con_ul3 ul li .con_ul_div,.con_ul3 ul li.on .con_ul_div{padding: 20px;}
	.media_a,.box_top{display: block;border-bottom: 0px;}
	.box{line-height: inherit;height: auto; background: none;}
	.box ul,.span_a {display: none;}
	.box.on>ul{display: block;}
	.box.on>ul img{display: none;}
	.box.on>ul ul{display: none !important;}
	.box.on {position: fixed;float: inherit; width: 100%; padding-top: 40%; z-index: 100; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #013B85;}
	.box ul li{float: inherit; font-size: 20px; line-height:45px; height: 45px; text-align: center;width: 100%;}
	.box ul li:nth-child(1){width: 100%;}
	.box ul li a{color: #FFFFFF;}
	.box ul li span{display: inline-block; width: 60px; line-height: 45px; text-align: center; height: 45px;}
	.box ul li img{margin-right: 0px;}
	.box_top{position: fixed; z-index: 999; top: 10px; right: 10px;}
	.top_l{display: none;}
	.top_r {position: fixed; right: 54px; top: 12px;}
	.top_box{padding-top: 50px; height: auto;}
	.box_logo{float: inherit; text-align: center;}
	.box>ul>li{margin-left: 0px;}
	.gl_l{float: inherit; width: auto; margin-right: 0px;}
	.gl_r{margin-top: 20px;}
}
@media only screen and (max-width:640px){
	.con_ul3 ul li.on,.con_ul3 ul li{width: 100%;}
	.con_ul ul li{width: 48%; margin: inherit;}
}