@charset "utf-8";
/*!
 * edh5 1.0 
 * Copyright 2017 eidea.net.cn
 * http://www.eidea.net.cn
*/

*{box-sizing: border-box;}
.cur a{color:#ff7f01 }
.cur a:before{max-width: 100%}
.img-responsive{
    width:100%;
    max-width: none;
}


/*show-box栏目标题*/
.show-box{width: 100%;padding: 2.8% 0;position: relative;background-color: #f1eff9;}

.show em{
	font-style: normal;font-weight: bold;font-size: 25px;line-height: 22px;text-align: center;display: block;color: #c8152d;margin-bottom:13px }
.show p{
	display: block;width: 240px;height: 25px;
	background: url('../images/show.png') no-repeat center;
	text-align: center;
	margin:0 auto 10px;
}
.show_tit{font-size: 16px;color: #c8152d;text-align: center}
.tech .show p{background: url('../images/tech.png') no-repeat center;width: 310px}
.tech2 .show p{background: url('../images/tech2.png') no-repeat center;width: 283px}

.show i{
	display: block;width: 97px;height: 25px;
	background: url('../images/smail.png') no-repeat center;
	text-align: center;
	margin:0 auto;
}
/*show-box栏目标题结束*/

/*产品推荐样式*/
.show-item{width: 100%;}
.show-item ul{margin-left:-2px;margin-right:-2px;}
.show-item ul li{float: left;overflow: hidden;cursor: pointer;position: relative;padding:1px;}
.item_warp{overflow: hidden;position: relative;}
.show-item ul li img{
	max-width: 101%;
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.show-item li:hover img,.leader-list1:hover img{    
	transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}


.mask2{
   
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
	opacity:0;
	
	-moz-opacity:0;-khtml-opacity:0;-o-opacity:0;
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.mask_warp{display:table;width:100%;height:100%;}
.mask2-cont{
    display:table-cell;
	vertical-align:middle;
    
	
}

.mask2:before,.mask2:after{
	content: '';
	position: absolute;
	top: 10%;
  	left: 10%;
	width:80%;
	height:80%;
   -webkit-transition: opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;
    transition: opacity .35s ease-in-out,transform .35s ease-in-out;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
		 
}
.mask2:before{
	border-top: 3px solid rgba(255,255,255,0.5);
 	border-bottom: 3px solid rgba(255,255,255,0.5);
     -webkit-transform: scale3d(0, 1, 1);
     -ms-transform: scale3d(0, 1, 1);
     -o-transform: scale3d(0, 1, 1);
     transform: scale3d(0, 1, 1);
}
.mask2:after{
	 border-left: 3px solid rgba(255,255,255,0.5);
  	 border-right: 3px solid rgba(255,255,255,0.5);
     -webkit-transform: scale3d(1, 0, 1);
     -ms-transform: scale3d(1, 0, 1);
     -o-transform: scale3d(1, 0, 1);
     transform: scale3d(1, 0, 1);
}

.mask2:hover::before,.mask2:hover::after{
	-webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.mask2-cont h2,.mask2-cont p,.mask2-cont span{
	color: white;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity:0;-khtml-opacity:0;-o-opacity:0;
    transition:.35s;
}
.mask2-cont h2{font-size: 20px;font-weight: normal;max-width: 70%;margin: 0 auto;}
.mask2-cont span{
    display:block;font-size: 12px;
    width: 102px;height: 34px;line-height:34px;margin: -3% auto 0;
    color: white;
    background: #c8152d;
}
.item-box:hover>.mask2{opacity: 1;filter: alpha(opacity=100);-moz-opacity:100;-khtml-opacity:100;-o-opacity:100; background-color: rgba(0, 0, 0, 0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000),alpha(opacity=0);}
.item-box:hover>.mask2 p,.item-box:hover>.mask2 h2,.item-box:hover>.mask2 span{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity:100;-khtml-opacity:100;-o-opacity:100;
    /* -webkit-transform: translate3d(0,0px,0);
    transform: translate3d(0,0px,0); */
}
.item-box:hover>.mask2 span{
	margin: 3% auto 0;
}
/*产品推荐样式结束*/


/* Small Devices, Tablets */
@media only screen and (max-width : 1200px) {
	.mask2::before,.mask2::after{
		display:none;
	}
	.item-box>.mask2{opacity: 1;filter: alpha(opacity=100);-moz-opacity:100;-khtml-opacity:100;-o-opacity:100; background-color: rgba(0, 0, 0, 0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000),alpha(opacity=0);}
	.item-box>.mask2 p,.item-box>.mask2 h1,.item-box>.mask2 span{
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity:100;-khtml-opacity:100;-o-opacity:100;
		/* -webkit-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0); */
	}
	.item-box>.mask2 span{
		margin: 3% auto 0;
	}
	.pd-subnav .owl-controls{bottom:-35px;}
	
	
}
@media only screen and (max-width : 992px) {
	.show-item ul li{width:50%;}
	.mask2::before,.mask2::after{display:none}
	.mask2-cont h2{max-width:90%;}
	.news-cont ul li p{max-width: 65%;}
}

@media only screen and (min-width : 992px) {
	.select_sec h3{font-size:25px;}
	.background-image-holder{background-position:center;}
}
@media only screen and (min-width : 880px) {
	.select_sec .content {
		padding: 50px 80px 50px 80px;
	}
	.select_sec h3{font-size:22px;}
	.select_sec p {
		margin-bottom: 60px;
		font-size:16px;
	}
	.select_sec .line{margin:0 auto 25px;}
	
	
	
	
}
@media only screen and (min-width : 768px) {
	.news-cont ul li p{
		width: 70%;
	}
	.select_sec .image-container {
		height: 100%;
	}
	.select_sec .content {
		margin-top: 0px;
		padding: 40px 40px 40px 40px;
		background: #ffffff;
	}
	.select_sec h3{font-size:18px;}
	.select_sec p {
		margin-bottom: 30px;
		font-size:14px;
		color:#666666;
		line-height:1.8;
	}
	.select_sec .line{margin:0 auto 25px;}
	.more{width:100px;height:36px;line-height:34px;border:1px solid #cecece; }
	.background-image-holder{background-position:60%;}
}





/*服务样式开始*/
.leader{width: 100%;}
.background-image-holder,.service_img img{
    transition: .6s .1s;
}
.select_sec:hover .background-image-holder,.leader-list1:hover img{    
	transform: scale(1.13);
    -moz-transform: scale(1.13);
    -ms-transform: scale(1.13);
    -o-transform: scale(1.13);
    -webkit-transform: scale(1.13);
}
.service_img{position:relative;}
.service_txt{font-size:25px;color:#ffffff;position:absolute;left:6%;top:50%;line-height: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.service_txt .txt2{font-size: 20px;margin-top:15px;margin-bottom: 20px;}
.service_arrow{width:45px;height:13px;background:url(../images/pointer_icon.png) no-repeat;margin-top:15px;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease; }
.leader-list2:hover .service_img .service_arrow{
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px);
}

.leader-list1{position:relative;display:table;width:100%;}
.list-left{float: left;width: 50%;overflow: hidden;}
.list-left>img{width: 100%;height: auto}
.list-right{float: left;width: 50%;display:table-cell;vertical-align:middle;}
.item-con-warp{display:table-cell;vertical-align:middle;width:80%;margin:0 auto;}

.Tab{padding:1.4% 2%;}
.Tab ul{height:100%;}
.choose-list{
	float: left;width: 33.333%;height: 50%;display: table;
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
}
.choose-list.third{border-right: 0}
.choose-list.forth{border-bottom: 0}
.choose-list.fifth{border-bottom: 0}
.choose-list.sixth{border-bottom: 0;border-right:0;}
.list-box{
	cursor: pointer;
	display: table-cell;
    vertical-align: middle;
}
.choose-list p{text-align: center;font-size: 14px;color: #666;
			transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
	}
.icon{
	display: block;width: 35px;
	position: relative;
	height: 45px;margin:0px auto 15px;
		        -webkit-transition: all ease 0.3s ;
	        transition: all ease 0.3s ;
	        -moz-transition: all ease 0.3s ;
			-o-transition: all ease 0.3s ;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.choose_icon1{;background: url('../images/icon1.png') no-repeat center;width: 35px;background-size: contain;}
.choose_icon2{;background: url('../images/icon_index.png') no-repeat center;width: 55px;background-size: contain;}
.choose_icon3{;background: url('../images/icon3.png') no-repeat center;width: 35px;background-size: contain;}
.choose_icon4{border-bottom: 0;background: url('../images/icon4.png') no-repeat center;width: 35px;background-size: contain;}
.choose_icon5{border-bottom: 0;background: url('../images/icon5.png') no-repeat center;width: 35px;background-size: contain;}
.choose_icon6{border-bottom: 0;background: url('../images/icon6.png') no-repeat center;width: 35px;background-size: contain;}
.list-box:hover i{
    -webkit-transform: translate3d(0, -20%, 0);
    -ms-transform: translate3d(0, -20%, 0);
    -o-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
} 
.list-box:hover p{color:#c8152d;}
/*服务样式结束*/

.lue{width: 100%;background-color: #f1eff9;    padding: 3% 0;border-bottom: 1px solid #d9d5d2;}
@media (min-width: 1280px) and (max-width: 1440px){
	.mask2-cont h2{font-size:18px;}
	.mask2-cont span{width:90px;height:30px;line-height:30px;}
	.more {width: 120px;height: 35px;margin: 3% auto;line-height: 31px;}
	.service_txt {font-size:22px}
	.service_txt .txt2{font-size:20px;}
}
@media (min-width: 1441px) and (max-width: 1770px){
	.home-banner-viewport ul li:nth-child(1){padding-top:70px;padding-bottom:30px;}
	.home-banner-viewport ul li:nth-child(2){padding-top:215px;padding-bottom:310px;}
}
@media (max-width: 1280px){
	/*show-box栏目标题 */
	.show em{font-size:22px;}
	.show p{width:180px;height:20px;background-size:180px 8px;font-weight:400;}
	.tech2 .show p{width:200px;background-size:200px auto;}
	.show i{width:80px;height:20px;background-size:80px auto;}
	.service_txt {font-size:18px}
	.service_txt .txt2{font-size: 16px;}
	.choose-list i{margin-bottom:10px;}
	.service_img img{height:240px;width:auto;max-width:none;}
	.mask2-cont h2{font-size: 16px;}
}
@media (max-width: 992px){
	.show em{font-size:20px;}
	.show p{width:160px;background-size:140px auto;font-weight:400;}
	.tech2 .show p{width:180px;background-size:180px auto;}
	.show i{width:70px;background-size:70px auto;}
	.service_txt {font-size:16px}
	.service_txt .txt2{font-size: 14px;}
	.mask2-cont span{width: 80px; height: 30px;line-height: 30px;}
	.service_img img{height:240px;width:auto;max-width:none;margin-left:-100px}
}
@media (max-width: 767px){
    #owl-demo{
        overflow: hidden;
        margin:0;
    }
	.show-box {padding:5% 0;}
	.show em{font-size:18px;margin-bottom:5px;}
	.show p{width:150px;background-size:150px auto;font-weight:400;margin-bottom:0;}
	.tech2 .show p{width:180px;background-size:180px auto;}
	.show i{width:70px;background-size:70px auto;}
	.list-right{height:250px !important;}
	.list-right,.list-left{width:100%;overflow: hidden;float: none;}
	.service_txt{font-size:16px;width:50%;}
	.service_img img{width:100%;height:auto;}
	.mask2{display:none;}
    .show-item{
        overflow: hidden;
    }
    .show-item ul{margin-left: 0;margin-right: 0;}
	.show-item ul li{width:100%;padding-left: 0;padding-right: 0;}
	.show-item ul li .item{margin-bottom: 3px;position: relative;}
	.item_mobile_mask{position: absolute;left:0;width:100%;height: 100%;top:0;background: rgba(0,0,0,0.5);z-index: 9}
	.item_mobile_txt{position: absolute;width:100%;bottom:8px;left:0;color:#ffffff;font-size: 16px;text-align: center;z-index: 99}
	.chocie_menu{position: relative;}
	.chocie_menu_mask{position: absolute;left:0;top: 0;width:100%;height: 100%;background: rgba(0,0,0,0.6);z-index:9;}
	.chocie_menu_txt{position: absolute;width:100%;left:0;top:50%;text-align: center;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:99;}
	.chocie_menu_txt1{background: url(../images/txt_border.png) no-repeat;width:182px;margin:0 auto 15px;height: 50px;line-height:50px;background-size:182px 50px;font-size: 24px;color:#ffffff;}
	.chocie_menu_txt2{font-size: 14px;color:#fff;}
	.Tab { padding: 0;}
	.choose-list:nth-child(n){border-bottom: 1px solid #f5f5f5;}
	.choose-list:nth-child(1) i {background-size: 25px auto;width: 25px;}
	.choose-list:nth-child(2) i {background-size: 42px auto;width: 42px;}
	.choose-list:nth-child(3) i {background-size: 22px auto;width: 22px;}
	.choose-list:nth-child(4) i {background-size: 25px auto;width: 25px;}
	.choose-list:nth-child(5) i {background-size: 20px auto;width: 20px;}
	.choose-list:nth-child(6) i {background-size: 23px auto;width: 23px;}
	.show-item li:hover img,.leader-list1:hover img{    transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1);}
	.owl-theme .owl-controls .owl-page span,.banner .swiper-pagination-bullet{width:25px;margin:0 3px;height: 1px;}
	#owl-demo .owl-page{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.owl-controls{
		bottom: 0;
	}

}


.popup{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100000;
    overflow-y: scroll;
    overflow-x: hidden;
}
.popup-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity:0.7;
    filter: alpha(opacity=70});
    z-index: 9;
    cursor: pointer;
}
.popup-content{
    position: absolute;
    left: 23.4375%;
    top: 0%;
    z-index: 10;
    width: 46.875%;
    
}
.popup-content img{
    width: 100%;
    height: auto;
}
.popup-close{
    width: 49px;
    height: 49px;
    border:1px solid #fc5a1a;
    position: fixed;
    right: 31.5%;
    top: 2%;
    z-index: 100000;
    border-radius: 50%;
    transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    cursor: pointer;
}
.popup-close:after,.popup-close:before{
    content: "";
    display: block;
    background: #fc5a1a;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
.popup-close:before{
    width: 14px;
    height: 1px;
    transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
}
.popup-close:after{
    width: 1px;
    height: 14px;
    transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
}
.popup-close:hover{
    background: #fc5a1a
}
.popup-close:hover:after,.popup-close:hover:before{
    background: #fff
}

@media (max-width: 767px){
    .popup-content{
        width: 100%;
        left: 0;
    }
    .popup-close{
        width: 30px;
        height: 30px;
        right: 10px;
        top: 10px
    }
    .banner.swiper-container-horizontal>.swiper-pagination{
        bottom: 15px;
	}
	.news-cont ul li{
		width: 100%;
		font-size: 14px;
	}
	.news-cont ul li a,
	.news-cont ul li a:hover{
		background: none;
	}
	.news-cont ul li span{
		right: 3%;
	}
	.news-cont ul li p{
		max-width: 73%;
	}

	.news-cont ul li{
		padding: 20px 0;
		padding-left: 3%;
	}
	.news-more{
		display: none;
	}
}