/*header*/
.logo{
	padding: 26px 0 19px 0;
}
.nav{
	width: 100%;
}
.gc-nav ul{
	
}
.gc-nav ul li{
	float: left;
	line-height: 50px;
	width: 134px;
	text-align: center;
	font-size: 16px;
	color: #f7f7f7;
}
.gc-nav ul li a{
	display: block;
}
/*.gc-nav ul li:hover{
	background-color: #045da2;
}*/
.gc-nav ul li.on{
	background-color: #045da2;
}
.gc-nav .gc-tel{
	color: #f7f7f7;
	font-size: 16px;
	line-break: 50px;
	transition: all .3s;
}
.gc-nav .gc-tel em{
	color: #f59700;
	font-size:24px;
	font-weight: bold;
}
/*banner*/
.gc-banner-back{
	/*margin-bottom: 23px;*/
}
/*content*/
	/*公司介绍*/
.gc-conShow{
	margin-top: 23px;
	padding-bottom: 56px;
}
.gc-introduce{
	width: 560px;
	min-height: 190px;
}
.gc-introduce .gc-video{
	width:248px;
	height:190px;
	position: relative;
	cursor: pointer;
	padding: 0px;
}
.gc-introduce .gc-video img{
	width: 100%;
	height: 100%;
}
.gc-introduce .gc-video  i{
	display: block;
	width:39px;
	height:39px;
	background-image:url('images/gc-video-ic.png');
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all 1.6s;
}
.gc-introduce .gc-video:hover i{
	transform: translate(-50%,-50%) rotate(360deg);
}
.gc-introduce .text{
	width: calc(100% - 248px);
	padding-left: 20px;
	padding-top: 10px;
}
.gc-introduce .text h2{
	font-size: 18px;
	color: #5d5d5d;
	font-weight: bold;
}
.gc-introduce:hover .text h2{
	color: #0368b6;
}
.gc-introduce .text p{
	line-height: 1.6;
	color: #5d5d5d;
	padding-top: 20px;
	padding-bottom: 16px;
}
.gc-introduce .text a{
	line-height:28px ;
	text-align: center;
	width:105px;
	display: block;
	color: #f7f7f7;
	transition: all .3s;
	background-color: #0368B6;
	
}
.gc-introduce:hover .text a{
	background-color: #f59700;
	color: #f7f7f7;
}
/*公司视频*/
.modal-dialog{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)!important;
}
.close{
	color: #FFFFFF;
	transform: scale(1.2);
	transform-origin: center center; 
	opacity: 1;
	transition: all .3s;
}
.close:hover {
    color: #FFFFFF;
    transform: scale(1.2) rotate(180deg);
    opacity: 1;
}
.modal-header{
	border: 0px;
}
.modal-content{
	background-color: transparent;
}
.modal-body video{
	width: 100%;
	height: 100%;
}
	/*新闻中心/联系我们*/
.gc-news{
	width:calc(100% - 560px);
	min-height: 190px;
}
.gc-news .gc-tabs{
	width: 150px;
	margin-right:25px;
}
.gc-news .gc-tabs dt{
	width: 100%;
	text-align: center;
	height:95px;
	background-color: #e0f1ff;
	color: #0368B6;
	padding-top:15px;
	position: relative;
	transition: all .3s;
	cursor: pointer;
}
.gc-news .gc-tabs dt i{
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.gc-news .gc-tabs .gc-news-ic{
	width:30px;
	height:33px;
	background-image: url('images/gc-news-icb.png');
	background-size: cover;
}
.gc-news .gc-tabs .gc-tel-ic{
	width:30px;
	height:29px;
	background-image: url('images/gc-tel-ic.png');
	background-size: cover;
}
.gc-news .gc-tabs dt.on{
	color: #f7f7f7;
	background-color: #0368B6;
}
.gc-news .gc-tabs dt.on .gc-news-ic{
	background-image: url('images/gc-news-ic.png');
}
.gc-news .gc-tabs dt.on .gc-tel-ic{
	background-image: url('images/gc-tel-icw.png');
}
.gc-news .gc-tabs dt.on::after{
	width: 0;
    height: 0;
    display: block;
    content:'' ;
    border: 8px solid transparent;
    border-left-color: #0368B6 ;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
}
.gc-news .gc-con-list{
	width:calc(100% - 175px)!important;
	min-height: 190px;
	padding:10px 14px!important;
    box-shadow: rgba(0,0,0,.1) 0 0 12px;
}
.gc-news .gc-con-list .gc-con li{
	width: 100%;
	padding:0 10px;
	padding-left: 20px;
	line-height: ;
	position: relative;
	transition:  all .3s;
	margin-bottom: 9px;
}
.gc-news .gc-con-list .gc-con li:last-child{
	margin-bottom: 0px;
}
.gc-news .gc-con-list .gc-con li a{
	display: block;
}
.gc-news .gc-con-list .gc-con li:hover{
	background-color: #0368B6;
	color: #F7F7F7;
}
.gc-news .gc-con-list .gc-con li::after{
	display: block;
	content: '';
	width: 11px;
	height: 9px;
	background-image:url('images/gc-ic-tit.png') ;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.gc-news .gc-con-list .gc-contact{
	height: 100%;
}
.gc-news .gc-con-list .gc-contact>li{
	line-height: 1.5;
}
.gc-news .gc-con-list .gc-contact>p{
	    height: 96px;
    margin-top: 11px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
}
/*footer*/
footer{
	background-color: #3d3d3d;
	width: 100%;
}
.footer{
	line-height: 92px;
	border-bottom: 2px solid #676767;
}
.footer ul li{
	width: 178px;
	line-height: 92px;
	float: left;
	color: #d3d3d3;
	font-size: 16px;
}
.gc-phone{
	margin-right: 40px;
}
.footer-txt{
	font-size: 14px;
	color: #9c9c9c;
	line-height: 72px;
}
.gc-wx{
	position: relative;
}
.gc-phone{
	position: relative;
}
/*.gc-wx:hover i{
	height: 94px;
	opacity: 1;
}
.gc-wx i{
	position: absolute;
	display: block;
	width: 94px;
	height: 0;
	background-color: white;
	right: -108px;
	top: -28px;
	border-radius: 10px;
	opacity: 0;
	transition: all .3s;
}
.gc-phone:hover i{
	height: 94px;
	opacity: 1;
}
.gc-phone i{
	position: absolute;
	display: block;
	width: 94px;
	height: 0;
	background-color: white;
	left: -108px;
	top: -28px;
	border-radius: 10px;
	opacity: 0;
	transition: all .3s;
}*/
.in-wx i {
    position: absolute;
    top: -122px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 104px;
    height: 104px;
    background-color: white;
    padding: 10px;
    display: none;
    transition: all .3s;
    box-shadow: rgba(0,0,0,.1) 0 0 10px;
    border-radius: 6px;
}
.in-wx i img {
    width: 100%;
    height: 100%;
}
.in-wx i:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -7px;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid white;
}
.in-wb i {
    position: absolute;
    top: -122px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 104px;
    height: 104px;
    background-color: white;
    padding: 10px;
    display: none;
    transition: all .3s;
     box-shadow: rgba(0,0,0,.1) 0 0 10px;
     border-radius: 6px;
}
.in-wb i img {
    width: 100%;
    height: 100%;
}
.in-wb i:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -7px;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid white;
}
.in-wb em{
	display: block;
	width:33px ;
	height:33px;
	background-image: url('images/gc-phone.png');
	background-size: cover;
}
.in-wx em{
	display: block;
	width: 33px;
	height:33px;
	background-image: url('images/gc-wx.png');
	background-size: cover;
}
.in-wx:hover i{
	display: block;
}
.in-wx:hover em{
	background-image: url('images/gc-wxB.png');
}
.in-wb:hover em{
	background-image: url('images/gc-phoneB.png');
}
.in-wb:hover i{
	display: block;
}
@media only screen and (max-width:1200px ) {
	.gc-nav .gc-tel{
		padding-right: 20px;
	}
}
/*二级导航*/
.nav-two{
	border-bottom:20px solid #fafafa;
}
.nav-tabs{
	position: relative;
	border: 0px;
}
.nav-tabs ul{}
.nav-tabs ul li{
	line-height: 75px;
	/*width: 96px;*/
	text-align: center;
	/*margin-right: 60px;*/
	font-size:16px;
	color: #393838;
	float: left;
	padding-right: 60px;
}
.nav-tabs ul li.on{
	color: #0368b6;
}
.nav-tabs ul li.on a{
	border-bottom: 2px solid #0368B6;
}
.nav-tabs ul li:hover{
	color: #0368B6;
}
.nav-tabs ul li:hover a{
	border-bottom: 2px solid #0368B6;
}
.nav-tabs ul li:last-child{
	margin-right: 0px;
	padding-right: 0px;
}
.nav-tabs ul li a{
	display: block;
}
.nav-tabs p{
	width: 247px;
	line-height: 104px;
	background-color: #0368B6;
	color: #F7F7F7;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 24px;
	text-align: center;
	border-left: 6px solid #f59700;
    white-space: nowrap;
}
/*内页内容*/
.gc-content{
	min-height: 196px;
	border-bottom:35px solid #fafafa;
}
/*返回*/
.t-txt{
	position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
    cursor: pointer;
    color:#0368B6;
}
.t_back{
	background-image: url('images/T1-back.png');
    background-size: cover;
    width: 16px;
    height: 16px;
    display: inline-block;
    transform: rotate(180deg) translateY(50%);
    position: absolute;
    top: 50%;
    right: -16px;
}