@charset "utf-8";

/* CSS Document */



.temp02-wrap-Lmenu h3{

	background: url(../images/bg_Lmenu_nao.jpg) no-repeat left top;
	border-top:3px solid #5060b0;

}

.temp02-wrap-Lmenu h3 span{

	background: url(../images/ico_nao.png) no-repeat 15px -120px;

}



.temp02-wrap-list-font li{

	color: #5060B0;

	background: none;

	padding-left: 5px;
	line-height:30px;

}

.temp02-wrap-list-font a {

    padding-left: 15px;

}

.temp02-wrap-list-img{

	border-bottom: 0 none;

}

.temp02-wrap-R h4{

	text-align: left;

	padding: 0;

}
@media only screen and (min-width: 992px) {
	.temp02-content-people img{
		width: 180px;
		height: 255px;
	}
	.gcsb img{
		width: 255px;
		height: 180px;
	}
	.temp02-wrap-list-img img{
		width: 256px\9;
		height: 156px\9;
	}
}
@media (min-width: 481px) and (max-width: 992px) {
	.temp02-content-people img{
		width: 125px;
		height: 168px;
	}
	.gcsb img{
		width: 210px;
		height: 129px;
	}
}
@media (min-width: 320px) and (max-width: 481px) {
	.temp02-content-people img{
		width: 133px;
		height: 186px;
	}
	.gcsb img{
		width: 135px;
		height: 83px;
	}
}
@media only screen and (max-width: 320px) {
	.temp02-content-people img{
		width: 113px;
		height: 158px;
	}
	.gcsb img{
		width: 115px;
		height: 80px;
	}
	.temp02-wrap-list-people .temp02-content-people span{
		display: block;
		height: 60px;
		line-height: 18px;
		padding: 0 0 0 10px;
	}
}
.temp02-wrap-list-people .temp02-content-people h5,
.gcsb h5{
	font-size: 1.6rem; font-size: 16px;
	padding: 10px 10px 5px 10px;
    height: 50px;
}
.temp02-wrap-list-people .temp02-content-people span,
.gcsb span{
	display: block;
    height: 50px;
    line-height: 22px;
    padding: 0 0 0 10px;
}
.tem01-people-content img{

	width: 118px\9;

	height: 144px\9;

}

.cxgc-content .content-part1{
	background-color: #BCDCF3;
}

.cxgc-content .content-part2{
	background-color: #EEDDBF;
}

.cxgc-content .content-part3{
	background-color: #D3E2B9;
}

.cxgc-content .content-part4{
	background-color: #BDDDDC;
}

.cxgc-content a{
	color:#6C8697;
	text-decoration:none;
}

.cxgc-content a:hover{
	color:#4B5D60;
	/*text-decoration:underline;*/
}

@media only screen and (min-width: 992px) {
	.cxgc-content .div-content-part{
		width: 60%; 
		height: 400px;
	}

	.cxgc-content img{
		width: 40%;height: 400px;padding: 10px 25px 10px 25px;
	}
	.cxgc-content p{
		text-indent: 2em;
		height: 400px;
		vertical-align:middle;
		display:table-cell; 
		font-size: 30px;
		line-height:45px;
		color:#6C8697;
		padding: 0px 80px 0px 80px;
	}
}
@media (min-width: 481px) and (max-width: 992px) {
	.cxgc-content .div-content-part{
		width: 50%; 
		height: 180px;
	}

	.cxgc-content img{
		width: 50%;height: 180px;padding: 10px 5px 10px 5px;
	}
	.cxgc-content p{
		text-indent: 2em;
		height: 180px;
		vertical-align:middle;
		display:table-cell; 
		font-size: 14px;
		line-height:20px;
		color:#6C8697;
		padding: 0px 5px 0px 5px;
	}
}
@media (min-width: 320px) and (max-width: 481px) {
	
}
@media only screen and (max-width: 320px) {
	
}

/*20210112*/
/*页面主色变量*/
:root {
    --main_color:#336699; /*导航主色*/
    --second_color:#ff9933;  /*点缀色*/
    --text_color1:#999999; /*文字灰度色*/
}
.main-body2 {
    background:#f5f5f5;
    padding-bottom:30px;
}

.floor_title {
	padding:40px 0;
	text-align:center;
}

.floor_title>.title_01 {
	font-size:40px;
	font-weight:700;
	color:#333;
}

.floor_title>.title_02 {
	font-size:20px;
	color:var(--text_color1);
	margin-top:20px;
}

.floor_title>.title_02>a>span {
	display:inline-block;
	margin:0 8px;
	color:#999;
}

.floor_title>.title_02>a>span:hover {
	color:var(--second_color);
}

@media(max-width:768px) {
	.floor_title>.title_01 {
		font-size:20px;
	}
	.floor_title {
		padding:20px 0;
	}
	.floor_title>.title_02 {
	    font-size:16px;
	    margin-top:10px;
    }
}

/*服务项目列表*/
.fuwulist {
	text-align:center;
}

.fuwulist .fuwu-wrap {
	width:140px;
	margin:20px auto;
	transition:all 0.6s;
}

.fuwulist p {
	width:80%;
	margin:0 auto;
	font-size:24px;
	color:var(--second_color);
	margin-top:15px;
	padding-bottom:30px;
	text-align:justify;
}

.fuwulist p span {
	display:inline-block;
	width:100%;
}

.fuwulist .fuwu-wrap:hover {
	transform:scale(1.1);
}

@media(max-width:768px) {
	.fuwulist .fuwu-wrap {
	    width:120px;
	    margin:8px auto;
	    transition:all 0.6s;
    }

    .fuwulist p {
	    width:80%;
	    margin:0 auto;
	    font-size:18px;
	    color:var(--second_color);
	    margin-top:10px;
	    padding-bottom:10px;
	    text-align:justify;
    }
}

nav.navbar.bootsnav .navbar-toggle {
	background:var(--second_color);
}

.navbar-brand>img {
	height:40px;
	width:auto;
}

.jianjie-content {
	text-indent:2em;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

a.more {
	color:var(--main_color);
}

a.more:hover {
	color:var(--second_color);
}

.jianjie-more {
	text-align:center;
	font-size:18px;
	margin-top:20px;
}

a.more2 {
	text-align:center;
	float:none;
	padding-right:0;
	border:1px solid  var(--second_color);
	padding:2px 3px;
	color:var(--second_color);
}

a.more2:hover {
	background:var(--second_color);
	color:#fff;
}

.index-floor {
	padding:20px 0;
}

.wrapTabTit-new {
	border-bottom:2px solid var(--main_color);
}

.wrapTabTit-new li {
	height:32px;
	line-height:32px;
}

/*解决方案图标部分*/
.box-border {
	position:relative;
	width:160px;
	height:160px;
	margin:10px auto;
	cursor:pointer;
}

.hexagon {
	transition:all 1s linear;
	transform:rotate(0;);
}

.hexagon>img {
	transition:all 1s linear;
	-webkit-filter:grayscale(100%);
}

.hexagon30 {
	position:absolute;
	top:0;
	left:0;
	transform:rotate(30deg);
}

.box-border>.fa-text {
	width:100px;
	position:absolute;
	top:45px;
	left:30px;
	font-size:18px;
	text-align:center;
	color:#999;
	transition:all 1s linear;
}

@media(max-width:768px) {
	.box-border>.fa-text {
	    top:54px;
	}
}

.box-border:hover .hexagon>img {
    -webkit-filter:grayscale(0);
}

.box-border:hover .hexagon {
	transform:rotate(180deg);
}

.box-border:hover .hexagon30 {
	transform:rotate(-150deg);
}

.box-border:hover .fa-text {
	color:#ff9933;
}

.tab-pane li a {
	color:#777;
}

.tab-pane li a:hover {
	color:var(--second_color);
}

.baoguo {
	width:100%;
	overflow:hidden;
}

.temp02-info-article {
    color:#999;
}

/*案例列表css样式*/
.anli-list2,.anli-list2 div {
	box-sizing:border-box;
}

.anli-list2>ul>li {
	margin:15px 0;
}

.anlilist_box {
    padding:15px;
    cursor:pointer;
    background:#f7f7f7;
}

.anlilist_img {
	float: left;
    width: 200px;
    height: 120px;
    overflow: hidden;
    margin-right: 10px;
    border: 1px solid #ddd;
}

.anlilist_img>img {
	width: 100%;
    transition: all 0.4s ease-in;
}

.anlilist_img>img:hover {
	transform:scale(1.1);
}

.anlilist_box>.anlilist-title {
	margin-bottom:10px;
	font-size:20px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top:-5px;
}

.anlilist_box>.anlilist-title:hover {
	color:var(--second_color);
}

.anlilist_box>.anlilist-info {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-indent: 2em;
    line-height: 1.5em;
    color: #999;
}

.anlilist_box>.anlilist-time {
	text-align: right;
    margin-bottom: 0;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.anlilist_box:hover {
	box-shadow:3px 3px 8px #999;
}

@media (max-width: 720px) {
	.anli-list2>ul>li {
		margin-bottom:3px;
	}

    .anlilist_img {
        width: 120px;
        height: 70px;
    }

    .anlilist_box {
    	margin-left:-15px;
    	margin-right:-15px;
    }

    .anlilist_box>.anlilist-info {
        -webkit-line-clamp: 2;
        text-indent:0;
    }

    .anlilist_box>.anlilist-time {
    	font-size:12px;
    }

    .anlilist_box>.anlilist-title {
    	font-size:16px;
    }
}

/*产品列表*/
.list-wrap {
	margin:20px 0;
}

@media(max-width:798px){
	.product-wrap {
		padding-left:5px;
		padding-right:5px;
	}
}

.pic_list {
	cursor:pointer;
	overflow:hidden;
}

.pic_list>.pro_img {
	height:240px;
	overflow:hidden;
	text-align:center;
}

.pic_list>.pro_img img {
	height:100%;
	width:auto;
}

@media (max-width:798px) {
	.pic_list>.pro_img {
	    height:140px;
    }
}

.pic_list:hover {
    box-shadow:3px 3px 5px #999; 
}

.pic_list>.pro_img>img {
  	transition:all 0.4s ease-in;
}

.pic_list:hover img {
 	transform:scale(1.1);
}

/*列表页左侧联系方式*/
.contact-wrap {
	display:block;
	margin-top:20px;
	border-radius:5px;
	border:1px solid var(--main_color);
	overflow:hidden;
	background:#f7f7f7;
}

.contact-wrap>h3 {
	color:#fff;
	text-align:center;
}

.contact-wrap>.cont-box {
    padding:10px;
    color:#555;
}


.hezuo-list ul li {
    margin-bottom:10px;
}

.hezuo-list ul li img {
	filter:grayscale(1);
	transition:filter 0.4s;
}

.hezuo-list ul li img:hover {
	filter:grayscale(0);
}

@media(max-width:768px){
	.hezuo-list ul li {
		padding:5px;
	}
}

.footer-wap p {
    font-size:12px;
}

.topmenu p {
	font-size:16px;
	color:#999;
}

nav.navbar.bootsnav .navbar-toggle {
	margin:10px 15px 0 0;
}

@media (min-width: 1000px) {
	.main-li {
		margin-left:0;
		margin-right:30px;
	}
}