﻿@charset "utf-8";


.banner{width:100%;}
.banner .sbanner img{width:100%;}
.secondnavs{width:100%;height:70px;background:#f6f6f6;}
.secondnavall{width:1360px;margin:auto;}
.position{float:left;width:480px;}
.Gst-breadrumb {
    font-size: 16px;
    background: url(images/homeico.png) no-repeat left;
    line-height: 70px;

    padding-left: 25px;
    color: #333;
}
.Gst-breadrumb a{text-decoration: none;color:#333;}
.secondnav{float:right;width:800px;}

.snavilist{float:right;}
.snavilist ul{    margin: 0;
    padding: 0;}
.snavilist ul li{display: inline-block;
    line-height: 70px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 15px;}
.snavilist ul li a{text-decoration: none;color:#333;}
.snavilist ul li.active a{color:#2fbda5;}
.snavilist ul li.active{    border-bottom: 2px solid #2fbda5;
    box-sizing: border-box;
}
.snavilist ul li.last{margin-right:0;}


.secondcon{width:100%;}
.secondcons{width:1360px;margin:auto;}
.stitle{    margin-top: 75px;
    font-size: 38px;
    background: url(images/line.jpg) no-repeat bottom center;
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 50px;}



.lxwmall{
				width: 100%;
				border: 1px solid #ccc;
				box-sizing: border-box;
		margin-bottom:30px;
			}
			.lxwmtitle{font-size: 20px;background: #f7f7f7;height: 50px;line-height: 50px;padding-left: 30px;}
			.lxwmlink{font-size: 20px;line-height: 50px;padding-left: 30px;}
			.lxwmlink a{display: inline-block;margin-right: 60px;color: #333;}


.cpall{width: 1302px;padding:28px 28px 0;;background: #f6f6f6;}
			.cppic{float:left;width:610px;height:460px;}
			.cpright{float: right;width: 630px;    margin-right: 20px;}
			.cptitle{font-size:28px;padding-bottom: 10px;border-bottom: 1px dashed #d9d9d9;}
			.cpsum{    font-size: 16px;
    color: #333;
    line-height: 28px;
    text-align: justify;
    padding-top: 20px;}
.cpsum p{background:url(images/cpico.png) no-repeat 2px 10px;padding-left:15px;}
@media screen and (max-width: 1366px) and (min-width: 960px){
.lxwmall{width:1260px;margin:auto;margin-bottom:30px;}
}
.clearfix:after {
display:block;
content:".";
clear:both;
visibility:hidden;
height:0;
}
.jmcont {
width:100%;
}
.jmys {
		width: 100%;
	}
	.jmys h2 {
		font-size: 38px;
		color: #237cbe;
		line-height: 1;
		margin-bottom: 20px;
		text-align: center;

margin-top:40px;
		font-weight: normal;
	}
	.jmys h3 {
		font-size: 38px;
		color: #4c4c4c;
		line-height: 1;
		text-align: center;
		font-weight: normal;
		width: 100%;
		background: url(/portals/160/Skins/second/images/title_icon01.png) center center no-repeat;
	}
	.tab_btn {
		margin-top: 60px;
margin-left:0;
padding-left:0;
	}
	.tab_btn li {
		float: left;
		width: 230px;
		height: 230px;
		margin-right: 45px;
		transition:all .4s;
		position: relative;
list-style:none;
cursor:pointer;
	}
.tab_btn li.active {
		
	}
	.item-bg::after {
		display: block;
		content: "";
		position: absolute;
		bottom: -185px;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #9d9d9d;
		transition: .5s;
	}
	.tab_btn li.active::after {
		bottom: -185px;
		background-color: #9d9d9d;
	}
	.tab_btn li:last-of-type {
		margin-right: 0;
	}
	.tab_btn li .tab_icon {
		width: 102px;
		height: 102px;
		margin-top: 32px;
		position: relative;
		margin-left: 50%;
		transform: translateX(-50%);
		transition:all .4s;
border-radius:50%;
border:6px solid #fff;
	}
.tab_btn li.active .tab_icon {
border:6px solid #94bedf;
}
	.tab_btn li .tab_icon1 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon01.png) center center no-repeat;
	}
	.tab_btn li .tab_icon2 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon02.png) center center no-repeat;
	}
	.tab_btn li .tab_icon3 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon03.png) center center no-repeat;
	}
	.tab_btn li .tab_icon4 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon04.png) center center no-repeat;
	}
	.tab_btn li .tab_icon5 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon05.png) center center no-repeat;
	}
	
	.tab_btn li.active .tab_icon1 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon01_active.png) center center no-repeat;
	}
	.tab_btn li.active .tab_icon2 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon02_active.png) center center no-repeat;
	}
	.tab_btn li.active .tab_icon3 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon03_active.png) center center no-repeat;
	}
	.tab_btn li.active .tab_icon4 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon04_active.png) center center no-repeat;
	}
	.tab_btn li.active .tab_icon5 {
		background:#fff url(/portals/160/Skins/second/images/jm_icon05_active.png) center center no-repeat;
	}
	.tab_btn li p {
		width: 114px;
text-align:center;
		height: 34px;
line-height:34px;
		margin-left: 50%;
		transform: translateX(-50%);
		transition:all .4s;
		font-size: 20px;
		color: #4c4c4c;
		border-top: 1px solid rgba(255,255,255,0);
		border-bottom: 1px solid rgba(255,255,255,0);
margin-top:25px;
	}
	.tab_btn li.active p {
		color: #fff;
		border-top: 1px solid #4e8bb9;
		border-bottom: 1px solid #4e8bb9;
	} 
	.jmys_cont {
		width: 100%;
		height: 165px;
		border-bottom: 2px solid #efefef;
	}
	.jmys_cont > div {
		display: none;
		transition: .4s;
		width: 100%;
		height: 185px;
	}
	.jmys_cont > div.active {
		display: block;
	}
	.jmys_cont > div p {
		float: left;
		font-size: 16px;
		line-height: 2em;
		color: #4c4c4c;
		margin-top: 20px;
		width: 90%;
	}
	.jmys_cont > div div {
		float: right;
		width: auto;
padding-right:30px;
		background: url(/portals/160/Skins/second/images/jia.png) right 10% no-repeat;
		margin-top: 20px;
	}
	.jmys_cont > div div span {
		font-size: 56px;
		color: #a8dbd2;
display:block;
height:1em;
line-height:1em;
	}
	.jmys_cont > div div i {
		font-style: normal;
		font-size: 23px;
display:block;
		color: #a8dbd2;
	}
.tab_btn {
position:relative;
}
.item-bg-wrap {
position:relative;
}
.item-bg {
width:230px;
height:230px;
background: rgba(35,123,189,.7);
position:absolute;
border-radius:10px;
opacity:1;
top:0;
left:0;
transition:.5s;
}
.item-bg.active {
opacity:1;
top:0;
left:0;
}
.jmcont  {
display:block;
}
.jmcont {
    margin-top:75px;
  }
  .jmcont img {
		margin: 0 auto;
    display:block;
	}
	.jmlc {
    padding-top:75px;
		width: 100%;
		height: 625px;
		background: url(/portals/160/Skins/second/images/jm_bg01.png);
     background-size:100% 100%;
	}
	.jmqy {
		width: 100%;
		height: 890px;
    padding-top:100px;
		background: url(/portals/160/Skins/second/images/jm_bg02.png);
     background-size:100% 100%;
	}
	.jmtj {
		margin: 100px 0;
	}
	.sqjm {
		width: 100%;
		height: 410px;
		background: url(/portals/160/Skins/second/images/jm_bg03.png);
    background-size:100% 100%;
	}
  .jmphone {
		width: 565px;
		height: 66px;
		float: left;
		font-size: 30px;
		color: #fff;
		line-height: 66px;
		text-indent: 95px;
		background: url(/portals/160/Skins/second/images/jmphone.png) no-repeat;
	}
	.jmemail {
		width: 672px;
		height: 66px;
		float: right;
		font-size: 30px;
		color: #fff;
		line-height: 66px;
		text-indent: 95px;
		background: url(/portals/160/Skins/second/images/jmemail.png) no-repeat;
	}
  .jmphone_wrap {
    width:1360px;
    margin:45px auto;
  }
@media screen and (max-width:1024px) {
.secondmob h2.jbcolor {
margin-bottom:.8rem;
}
.jmcont  {
display:none;
}
	.jm_box {
		width: 100%;
	}
	
	.jm_item {
	margin-bottom:.4rem;
			width: 100%;
			background-color: #fff;
			border-radius: 0.2666rem;
			height: 1.64rem;
			overflow: hidden;
			transition: .5s;
	box-shadow:0 0 .6rem 0 rgba(163,163,163,.25);
		}
		.jm_item .xjj_btn {
			width: 100%;
			height: 1.64rem;
			line-height: 1.64rem;
			font-size: 0.42rem;
			color: #666;
			text-indent: 1.8666rem;
			position: relative;
		}
		.jm_item .xjj_btn:after {
			position: absolute;
			top: 50%;
			right: 0.9333rem;
			transform: translateY(-50%);
			display: block;
			content: "";
			width: 0.4rem;
			height: 0.24rem;
			background: url(images/mob_img/b_jt.png) center center / cover no-repeat;
			transform-origin: center;
			transition: .5s;
		}
		.jm_item .xjj_btn.active:after {
			transform: translateY(-50%) rotateZ(180deg);
		}
		.jm_item1 .xjj_btn {
			background: url(images/jm_icon01.png) 0.5333rem center / .8rem auto no-repeat;
		}
	.jm_item2 .xjj_btn {
			background: url(images/jm_icon02.png) 0.5333rem center / .8rem auto no-repeat;
		}
		.jm_item3 .xjj_btn {
				background: url(images/jm_icon03.png) 0.5333rem center / .8rem auto no-repeat;
			}
			.jm_item4 .xjj_btn {
					background: url(images/jm_icon04.png) 0.5333rem center / .8rem auto no-repeat;
				}
				.jm_item5 .xjj_btn {
						background: url(images/jm_icon05.png) 0.5333rem center / .8rem auto no-repeat;
					}
	.jm_cont p{
	width:calc(100% - 1.066rem);
	display:block;
	margin:0 auto;
	margin-bottom:0rem;
	font-size: 0.3466rem;
	line-height: 0.6666rem;
	}
.jm_cont {
padding-top:.5rem;
padding-bottom:.5rem;
}
.jmlc {
		width: 100% !important;
padding-top:.8rem;
height:auto;
padding-bottom:1rem;

	}
	.jmlc h2 {
		margin-bottom: .8rem !important;
color:#fff !important;
	}
.jmlc h2:after {
background:#fff;
}
	.jmlc_swiper {
		width: calc(100% - 1.066rem);
		margin: 0 auto;
		overflow: inherit !important;
		
	}
	.jmlc_img {
		width: 100%;
		
	}
	.jmlc_img img{
		width:100%;
	}
.jmqy {
		width: 100%;
background:none;
height:auto;
padding-top:.5rem;
padding-bottom:.8rem;
	}
	.jmqy h2 {
		margin-bottom: .5rem !important;
	}
	.jmqy img {
		width: calc(100% - 1.066rem);
display:block;
margin:0 auto;
margin-bottom:.3rem;
	}
.jmqy img:nth-of-type(1) {
width:100%;
}
.jmqy p {
width:calc(100% - 1.066rem);
margin:0 auto;
margin-bottom:.6rem;
}
.jmphone_wrap{
width:calc(100% - 1.066rem);
margin:0 auto;
}
.jmphone,
.jmemail {
width:100%;
height:1.2rem;
border-radius:.6rem;
margin-bottom:.3rem;
font-size:.42rem;
text-indent:1.5rem;
line-height:1.2rem;
position:relative;
background-image: linear-gradient(to right, #2890d1, #23ccb2) !important;
}
.jmphone:after,
.jmemail:after {
position:absolute;
top:50%;
left:.3rem;
transform:translateY(-50%);
display:block;
content:"";
width:.8rem;
height:.8rem;
}
.jmphone:after {
background:url(images/mob_img/jmicon01.png) center center / cover no-repeat;
}
.jmemail:after {
background:url(images/mob_img/jmicon02.png) center center / cover no-repeat;
}


}