@charset "gb2312";

#menu ul li a:hover {
	color: #faa001;
}

.abcontact_title span {
	color: #faa001;
	font-size: 20px;
}
.con_proLeft h3 {
	color: #faa001;
}
.foot_about p a {
	color: #faa001;
}
.foot_pro ul li a:hover {
	color: #faa001;
	border: 1px solid #faa001;
}
.head_tel {
	width: 244px;
	height: 64px;
	background: url(../themes/images/special/head_tel.png) 0 0 no-repeat;
	background-size: 244px 64px;
	border-radius: 4px;
	position: fixed;
	right: 0;
	top: 75px;
	display: none;
}
.head_tel p{
	font-size:17px;
	color:#444444;
	line-height:78px;
	padding-left:78px;
}
.head_WeChat{
	width:135px;
	height:160px;
	position:fixed;
	right:0;
	top:75px;
	display:none;
}
.head_WeChat img{
	width:135px;
	height:160px;
	display:block;
}


#content_index{
	 width: 100%;
	 overflow:hidden;
}
#index_container {
	padding:0 5%;
	overflow:hidden;
}
.abcontact_title span {
	color: #faa001;
}

.product_cen {
    width: 100%;
}

    .product_cen ul li {
        width: 25%;
        /*margin: 17px 0.5% 0px 0.5%;*/
        float: left;
        position: relative;
    }
	.product_cen ul li a{
		color:#555555;
	}
	.pro_hover:hover{
		color:#faa001;
	}
	
	.product_cen ul li ._con {
		width:100%;
		overflow:hidden;
		text-align: center;
		padding: 70px 0;
		border-left: 1px solid #e9e9e9;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		margin-left: -1px;
	}
		.product_cen ul li ._con h3 {
			font-size: 26px;
			font-weight: normal;
			line-height: 1;
			margin-bottom: 20px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	.product_cen ul li ._con_p {
		width:90%;
		height:50px;
		font-size: 14px;
		margin:0 auto 20px auto;
		text-align:center;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}
	.product_cen ul li ._con i {
		width: 40px;
		height: 2px;
		background: #272636;
		display: inline-block;
	}

	.product_color{
		background:#f5f7f8;
	}
	.product_cen ul{
		width:100%;
		overflow:hidden;
	}
	.product_top{
		padding:62px 0 0 0;
		overflow:hidden;
		margin-bottom:44px;
	}
	.product_top h3{
		font-size:38px;
		color:#313132;
		width:100%;
		text-align:center;
		margin-bottom:28px;
	}
	.product_top p{
		text-align:center;
		color:#777;
		width:100%;
		overflow:hidden;
	}
	
	.product_list{
		width:100%;
		overflow:hidden;
		position:relative;
	}
	.product_list img{
		width:100%;
		height:auto;
		dispaly:block;
	}
	.product_info{
		width:100%;
		height:192px;
	}
	.product_info h3{
		font-size:24px;
		width:84%;
		height:26px;
		margin:0 auto;
		padding:24px 0 10px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color:#FFF;
	}
	.product_info ._txt{
		font-size:14px;
		color:#FFF;
		width:84%;
		height:46px;
		overflow:hidden;
		margin:0 auto 20px auto;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}
	._combtn{
		width:38px;
		height:38px;
		border:1px solid #FFF;
		float:right;
		position:relative;
		right:8%;
	}
		._combtn i {
			display: block;
			width: 38px;
			height: 38px;
			background: url(../themes/images/replace/more_ico1.png) 0 0 no-repeat;
			position: absolute;
			right: -6px;
			top: 50%;
			margin-top: -6px;
		}
	._square{
		position: absolute;
		bottom:192px;
		left: 45.5%;
	}
	._square1, ._square9{
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #65bc46;
	}
	._square2, ._square10 {
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #2cbcb1;
	}
	._square3{
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #333333;
	}
._square4，._square12 {
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #ffb400;
}

	._square5, ._square11 {
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #42668f;
		position: absolute;
		bottom: 192px;
		left: 45.5%;
	}
	._square6{
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #ff6600;
	}
	._square7{
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #4d2e83;
	}
	.pro_back1 {
		background: #65bc46;
	}
	.pro_back2{
		background: #2cbcb1;
	}	
	.pro_back3{
		background:#333333;
	}
	.pro_back4{
		background: #ffb400;
	}
	.pro_back5{
		background: #42668f;
	}	
	.pro_back6{
		background:#ff6600;
	}	
	.pro_back7{
		background:#4d2e83;
	}
	.pro_back8 {
		background: #1764dc;
	}
	.pro_back9 {
		background: #65bc46;
	}
	.pro_back10 {
		background: #2cbcb1;
	}
	.pro_back11 {
		background: #42668f;
    }
	.pro_back12 {
		background: #ffb400;
	}
		.pro_btn{
		width:100%;
		padding:50px 0;
	}
	.cmn_btn_rotate {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin:0 auto;
	display:block;
}
.cmn_btn_rotate .cube {
	position: relative;
	display: inline-block;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .35s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform .35s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cmn_btn_rotate .cube span {
	display: block;
	background-visibility: hidden;
	border: #faa001 1px solid;
	height: 38px;
	line-height: 38px;
	padding: 0 100px 0 60px;
	position: relative;
}

	.cmn_btn_rotate .cube span i {
		display: block;
		width: 25px;
		height: 13px;
		background: url(../themes/images/replace/more_ico.png) -25px 0 no-repeat;
		position: absolute;
		right: 28px;
		top: 50%;
		margin-top: -6px;
	}

.cmn_btn_rotate .off {
	position: relative;
	z-index: 5;
	background-color: transparent;
	color: #faa001;
	-webkit-transform: rotateX(0) translateZ(19px);
	transform: rotateX(0) translateZ(19px);
}

.cmn_btn_rotate .cube .on {
	position: absolute;
	left: 0;
	background-color: #faa001;
	color: #fff;
	-webkit-transform: rotateX(-90deg) translateZ(-19px);
	transform: rotateX(-90deg) translateZ(-19px);
}

.cmn_btn_rotate .cube .on i {
	background-position: 0 0;
}
.cmn_btn_rotate:hover .cube,
.cmn_btn_rotate.loading .cube {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
}

.cmn_btn_rotate .off {
	-webkit-transform: none !important;
	transform: none !important;
}

.cmn_btn_rotate .cube .on {
	top: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 6;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: none !important;
	transform: none !important;
}

.cmn_btn_rotate:hover .cube .on {
	-webkit-transform: none !important;
	transform: none !important;
	filter: alpha(opacity=100);
	opacity: 1;
}

.cmn_btn_rotate:hover .cube {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.product_cen ul li .case_con{
		width:100%;
	}
	.product_cen ul li img{
		width:100%;
		overflow:hidden;
		display:block;
	}
.digitalPics .item_box {
		-webkit-transform: rotateX(0deg) translateZ(0px) translateY(0px);
		transform: rotateX(0deg) translateZ(0px) translateY(0px);
	}
	.digitalPics .list3d {
		width:100%;
		background: none;
		position: relative;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		top: 0;
		z-index: 10;
		left: 50%;
		margin: 0 0 0 -50%;
	}
	.digitalPics ._img {
		height: 0;
		padding-bottom: 75%;
		overflow: hidden;
		position: relative;
	}
	.digitalPics .disc {
		height: 0;
		overflow: hidden;
		padding-bottom: 38.7%;
	}
	.digitalPics ._word {
		padding: 5%;
		color: #fff;
	}

	.digitalPics .disc h3 {
		width:100%;
		height:28px;
		font-size: 24px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin:5px 0 0 0;
	}
.digitalPics .disc ._txt {
	font-size: 14px;
	margin: 8px 0 0 0;
	color: #FFF;
	width: 100%;
	height: 46px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
	.digitalPics .color_1{
		background: #446fb2;
		overflow: hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_2{
		background: #4e7c9e;
		overflow: hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_3{
		background: #56b056;
		overflow: hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_4{
		background: #3c49b2;
		overflow: hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_5{
		background: #ffba17;
		overflow:hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_6{
		background: #77cc1b;
		overflow:hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_7{
		background: #ff6644;
		overflow:hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_8{
		background: #446fb2;
		overflow: hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_9 {
		background: #4e7c9e;
		overflow: hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_10{
		background: #56b056;
		overflow: hidden;
		padding-bottom: 38.1%;
	}
	.digitalPics .color_11{
		background: #3c49b2;
		overflow: hidden;
		padding-bottom: 38.1%;
	}
	.digital_index_word {
	width:100%;
	overflow:hidden;
	background:#262626 url(../themes/images/special/Case_background.png) no-repeat;
	background-size:100%;
	padding: 50px 0 0 0;
}
.digital_index_word img{
	width:auto;
	height:auto;
	display:block;
	margin:10px auto 16px auto;
}
.digital_index_word .combtn {
	padding-bottom: 40px;
	width:100%;
	overflow:hidden;
}


.digital_index_news{
	width:100%;
	overflow:hidden;
}
.full-row{
	width: 100%;
	overflow:hidden;
	transition: .2s width ease;
}
.full-row > .span-3{
	width: 25%;
}
.digital_index_news .span-3:first-child ._con{
	border: 0;
}

.digital_index_news ._con{
	padding: 50px 50px 70px 50px;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	margin-left: -1px;
	display: block;
	color:#555555;
}
.digital_index_news ._con:hover{
	color:#faa001;
}
.digital_index_news .newlogo{
	padding-top: 50px;
}
.digital_index_news .newlogo img{
	width:100%;
	height:auto;
	display:block;
}
.full-row > [class*="span"] {
    float: left;
}
.digital_index_news ._con ._date{
	color:#b9b9b9;
	font-size: 14px;
	font-family: Arial;
	border-bottom: 2px solid #fccf7e;
	margin-bottom: 20px;
	width: 90px;
}
.digital_index_news ._con h4{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 20px;
	height: 70px;
	width:auto;
	overflow: hidden;
	line-height:36px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.digital_index_news ._con ._txt{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
	height: 70px;
	width:auto;
	overflow:hidden;
}
.intitle_box a.inhover, .intitle_box a:hover {
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #faa001;
    color: #faa001;
}

.abcontact_word{
	padding-bottom:43px;
}


@media (max-width:1170px) {

	.js-silder {
		margin-top: 0 !important;
	}
	#index_container {
		padding: 0;
	}
	.product_cen ul li ._con {
		padding: 2.6rem 0;
	}
		.product_cen ul li ._con h3 {
			font-size: 1.25rem;
			margin-bottom: .9rem;
			color: #333;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 94%;
			margin: 0 auto;
		}
	.product_cen ul li ._con_p {
		width: 90%;
		height: 2.9rem;
		font-size: .73rem;
		line-height: 1.4rem;
		text-align: center;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
		margin: 0 auto 1rem auto;
		color: 
		#666666;
	}
	
    .product_cen ul li.productli_1 {
        height: auto;
    }
    .product_cen ul li {
        height:auto;
    }
	

    .product_cen ul li img {
        height: auto;
    }

    .product_img img {
        height: 281px;
    }

    .product_word {
        top: 45%;
        padding-top: 0px;
    }
		
	

	.digitalPics{
		overflow:hidden;
	}
	.product_top {
		font-size: 1.1rem;
		color: #313132;
		width: 100%;
		text-align: center;
		margin-bottom: 1rem;
		padding: 2rem 0 0 0;
	}
	.product_top h3 {
		font-size: 1.4rem;
		color: #313132;
		width: 100%;
		text-align: center;
		margin-bottom: .5rem;
	}
	.product_top p {
		text-align: center;
		color:#777;
		width: 75%;
		margin: 0 auto;
		overflow: hidden;
		font-size: .8rem;
		line-height: 1.25rem;
	}
	.product_info h3 {
		font-size: .95rem;
		width: 84%;
		height: 1.5rem;
		margin: 0 auto;
		padding: 1rem 0 .2rem 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color:#FFF;
	}
	.product_info ._txt {
		font-size: .7rem;
		color:#FFF;
		width: 84%;
		height: 2.5rem;
		line-height: 1.2rem;
		overflow: hidden;
		margin: 0 auto .7rem auto;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}
	._combtn {
		width: 1.5rem;
		height: 1.5rem;
		border: 1px solid #FFF;
		float: right;
		position: relative;
		right: 8%;
	}
		._combtn i {
			display: block;
			width: 1.5rem;
			height: 1.5rem;
			background: url(../themes/images/replace/more_ico1.png) 0 0 no-repeat;
			background-size: auto;
			position: absolute;
			right: -6px;
			top: 50%;
			margin-top: -4px;
			background-size: .8rem .5rem;
		}
	.product_info {
		width: 100%;
		height: 8.7rem;
	}
	._square {
		position: absolute;
		bottom: 8.7rem;
		left: 45.5%;
	}
	.pro_btn {
		width: 100%;
		padding: 1.1rem 0;
	}
	.digitalPics .disc h3 {
		font-size: .95rem;
		height: 1.2rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0;
	}
	.digital_index_word img {
		width: 90%;
		height: auto;
		display: block;
		margin: 10px auto 16px auto;
	}
	
	.digital_index_word {
		width: 100%;
		overflow: hidden;
		background:#222 url(../themes/images/Case_background.png) no-repeat;
		background-size: auto;
		background-size: 100%;
		padding: 50px 0 0 0;
		height: 17rem;

	}
	.digital_index_news .newlogo img {
		width: 100%;
		overflow: hidden;
		display:block;
	}
	.digital_index_news ._con {
		padding: 1.8rem 1.05rem;
		border: none;
	}
	.digitalPics .disc {
		height: 0;
		overflow: hidden;
		padding-bottom: 44%;
	}
	.digitalPics .disc ._txt {
		font-size: .7rem;
		margin: .4rem 0 0 0;
		color: #FFF;
		height: 2.5rem;
		width:100%;
		line-height: 1.2rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}

	.full-row > .span-3 {
		width: 25%;
		border-bottom: 1px solid #dedede;
		border-right: 1px solid #dedede;
		height: 16.8rem;
		box-sizing: border-box;
	}
	.digital_index_news ._con h4 {
		font-size: 1.1rem;
		margin-bottom: .9rem;
		width: auto;
		height: 4rem;
		overflow: hidden;
		line-height: 1.9rem;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}
	
	.digital_index_news ._con ._txt {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		word-break: break-all;
		height: 70px;
		width: auto;
		overflow: hidden;
	}

	
				
}


@media (max-width:639px){
	
	#index_container{
		width:100%;
		padding:0;
	}

    .product_cen ul li {
		overflow:hidden;
		border-top:none;
    }
	.pro_bor{
		border-right:1px solid #e9e9e9;
	}
	.product_cen ul li {
            overflow:hidden;
        }

            .product_cen ul li img {
                height: auto;
            }
		.product_cen ul li ._con{
			padding:1.7rem 0;
		}
			.product_cen ul li ._con h3 {
				font-size: 1.05rem;
				margin-bottom: .6rem;
				color: #333;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 94%;
				margin: 0 auto .9rem auto;
			}
		.product_cen ul li ._con_p{
			width:90%;
			height:2.9rem;
			font-size:.75rem;
			line-height:1.4rem;
			text-align: center;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-break: break-all;
			margin:0 auto 1rem auto;
			color:#666666;
		}
		
		
	
	.product_info {
		width: 100%;
		height: 8.5rem;
	}
	.product_info h3 {
		font-size: .95rem;
		width: 84%;
		height: 1.5rem;
		margin: 0 auto;
		padding: 1rem 0 .2rem 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #FFF;
	}
	.product_info ._txt {
		font-size: .7rem;
		color: #FFF;
		width: 84%;
		height: 2.5rem;
		line-height:1.2rem;
		overflow: hidden;
		margin: 0 auto .7rem auto;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;

	}
	._combtn {
		width: 1.5rem;
		height: 1.5rem;
		border: 1px solid #FFF;
		float: right;
		position: relative;
		right: 8%;
	}
		._combtn i {
			display: block;
			width: 1.5rem;
			height: 1.5rem;
			background: url(../themes/images/replace/more_ico1.png) 0 0 no-repeat;
			position: absolute;
			right: -6px;
			top: 50%;
			margin-top: -4px;
			background-size: .8rem .5rem;
		}
	
	._square{
		position: absolute;
		bottom: 8.5rem;
		left: 45.5%;
	}
	.pro_btn {
		width: 100%;
		padding: 1rem 0;
	}	
	
	.full-row > .span-3{
		width:50%;
		border-bottom: 1px solid #dedede;
		border-right: 1px solid #dedede;
		height:14.5rem;
		box-sizing:border-box;
	}
	.digital_index_news .newlogo img{
		width:100%;
		overflow:hidden;
		dispaly:block;
	}
	.digital_index_news ._con{
		padding:1.5rem;
		border:none;
	}
	.digital_index_news ._con h4{
		font-size:1rem;
		margin-bottom: .5rem;
		width: auto;
		height:3.5rem;
		overflow: hidden;
		line-height: 1.7rem;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}
	.digital_index_news ._con ._txt{
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		word-break: break-all;
		height: 70px;
		width:auto;
		overflow:hidden;
		color:#999;
	}
	.digital_index_news ._con ._date{
		margin-bottom:14px;
	}
		
		
}
@media (max-width:767px){
	
	.product_cen ul li {
        width: 49.8%;
    }

    .about_box ul li.aboutli_1 {
        width: 100%;
        float: right;
    }

    .about_box ul li.aboutli_2 {
        width: 100%;
        float: left;
    }

    .product_cen ul li.productli_1 {
        height: auto;
    }

    .product_cen ul li {
        height: auto;
    }

    .product_img img {
        height: auto;
    }

    .product_word {
        top: 45%;
        padding-top: 0px;
    }
}