@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%}

/*banner样式开始*/

#owl-demo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	position:relative;
}
#owl-demo .item {
    display: block;
	position:relative;
}
#owl-demo >img {
    display: block;
    width: 100%;
	height:auto;
}

.banner_txt_warp{ margin: auto;   position: absolute;  top: 0; left: 0; bottom: 0; right: 0;s}
.banner_txt_warp1{text-align:center;padding-top:60px;}
.banner_txt_warp2{top:40%;}
.pro_img{margin-top:25px;}
.pro_img img{max-width:267px;}
.banner_txt img{width:100%;height:auto;}
.banner_txt{max-width:530px;margin:0 auto;}
.banner_txt_warp1 .banner_txt2{margin-top:15px;margin-bottom:20px;}
.owl-controls{position:absolute;bottom:10px;width:100%;}
.banner_txt{overflow:hidden;position:relative;}
#owl-demo .owl-page{padding-top:10px;padding-bottom: 10px;}
/*banner动画*/
.owl-item.active .banner_txt1{
	-webkit-animation:fadeInDown 1.2s 1.2s both;
	animation:fadeInDown 1.2s 1.2s  both;
	-moz-animation:fadeInDown 1.2s 1.2s both;
}

.owl-item.active .banner_txt2{
	-webkit-animation:fadeInDown 1.2s 1.8s both;
	animation:fadeInDown 1.2s 1.8s both;
	-moz-animation:fadeInDown 1.2s 1.8s both;
}
.owl-item.active .banner_txt3{
	-webkit-animation:fadeInDown 1.2s 2.4s both;
	animation:fadeInDown 1.2s 2.4s both;
	-moz-animation:fadeInDown 1.2s 2.4s both;
}
.owl-item.active .pro_img{
	-webkit-animation: comeOn 1.2s .6s both;
	animation: comeOn 1.2s .6s both;
	-moz-animation: comeOn 1.2s .6s both;
}
@keyframes comeOn {
    0% {
        transform: scale(.85);
        -webkit-transform: scale(.85);
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity:0;-khtml-opacity:0;-o-opacity:0;
		
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity:100;-khtml-opacity:100;-o-opacity:100;
		
    }
}
@-webkit-keyframes comeOn {
    0% {
        transform: scale(.85);
        -webkit-transform: scale(.85);
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity:0;-khtml-opacity:0;-o-opacity:0;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity:100;-khtml-opacity:100;-o-opacity:100;
    }
}
.owl-theme .owl-controls .owl-page span {
    transition: .3s;
}

.owl-item.active .banner_txt_warp2 .banner_txt1{
	-webkit-animation:fadeInUp 1s  0.2s both;
	animation:fadeInUp 1s 0.2s  both;
	-moz-animation:fadeInUp 1s 0.2s both;
}
.owl-item.active .banner_txt_warp2 .banner_txt2{
	-webkit-animation:fadeInUp 1s .8s both;
	animation:fadeInUp 1s .8s both;
	-moz-animation:fadeInUp 1s .8s both;
}
.owl-item.active .banner_txt_warp2 .banner_txt3{
	-webkit-animation:fadeInUp 1s 1.2s both;
	animation:fadeInUp 1s 1.2s both;
	-moz-animation:fadeInUp 1s 1.2s both;
} 
/*banner自适应样式*/
@media (max-width:1770px) {
	.banner_txt{width:500px;}
	.pro_img img{width:200px;}
}
@media (max-width:1440px) {
	.banner_txt{width:440px;}
	.banner_txt_warp1 .banner_txt2{margin-top:12px;margin-bottom:12px;}
	.pro_img{margin-top:15px;}
	.pro_img img{width:180px;}
	.owl-controls{bottom:10px;}
	.banner_txt_warp1{padding-top:50px;}
}
@media (max-width:1200px) {
	.banner_txt{width:400px;}
	.banner_txt img{width:85%;}
	.banner_txt_warp1 .banner_txt2{margin-top:10px;margin-bottom:10px;}
	.pro_img{margin-top:15px;}
	.pro_img img{width:140px;}
	.owl-controls{bottom:10px;}
	.banner_txt_warp1{padding-top:40px;}
}
@media (max-width:992px) {
	.banner_txt{width:300px;}
	.pro_img{margin-top:15px;}
	.pro_img img{width:120px;}
	.owl-controls{bottom:12px;}
	.banner_txt_warp1{padding-top:40px;}

}
@media (max-width:767px) {
	.owl-theme .owl-dots .owl-dot span{width:40px;}
	.cont .owl-controls{bottom: -45px;}
	.pro_img img{width:100px;height: auto}
	.product{ display:none;}

}



/*banner样式结束*/





/*product部分菜单样式开始*/
.product-item >ul>li{position:relative;float:left;width:20%;border-right:1px solid #d7d7d7;display:table;cursor: pointer;
    /*padding-top:40px;
    padding-bottom:40px;*/
	transition: all linear .3s;
	-moz-transition: all linear .3s; /* Firefox 4 */
	-webkit-transition: all linear .3s; /* Safari 和 Chrome */
	-o-transition: all linear .3s; /* Opera */
}
.product-item >ul>li:last-child{border-right:0;}
.it-box {
    text-align: center;
    /* height: 58px; */
    position: relative;
    z-index: 100;
    background: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    transition: .5s;
}
.it-logo{
    display: inline-block;
    margin-right: 10px;
    height: 58px;
    background:url(../images/product_menu.png) no-repeat;
	transition: all ease .3s;
	-moz-transition: all ease .3s; /* Firefox 4 */
	-webkit-transition: all ease .3s; /* Safari 和 Chrome */
	-o-transition: all ease .3s; /* Opera */
    vertical-align: top;
	}
.it-logo1{background-position:0 0;width:40px;}
.it-logo2{background-position:-41px 0;width:86px;}
.it-logo3{background-position:-127px 0;width:40px;}
.it-logo4{background-position:-231px 0;width:52px;}
.it-logo5{background-position:-167px 0;width:62px;}
.ct{
    position: relative;
    text-align:center;
    overflow: hidden;
    display:inline-block;
    vertical-align: top;
    line-height:29px;
}
.it-font .cn{
    font-size: 18px;
    color: #666;
    position: relative;
    font-family: 'microsoft yahei';
	-webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.it-font .en{font-size: 15px;color: #dbdbdb;font-family: 'sangam';
	-webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
/*hover效果*/
.it-font .cn:before{
	position: absolute;
    top: 200%;
    color: #ffffff;
    content: attr(data-hover);
    font-weight: normal;
}
.it-font .en:before{
	position: absolute;
    top: 78px;
    color: #ff895a;
    content: attr(data-hover);
    font-weight: normal;
}

.product-item li:hover .it-font .cn,
.product-item li:focus .it-font .cn,.product-item li.on .it-font .cn {
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
}
.product-item li.on .it-font .en,
.product-item li:hover .it-font .en,
.product-item li:focus .it-font .en {
    -webkit-transform: translateY(-268%);
    -ms-transform: translateY(-268%);
    -o-transform: translateY(-268%);
    transform: translateY(-268%);
}
.product-item li.on .it-logo1,
.product-item li:hover .it-logo1 {
    background-position:0 -58px;
}
.product-item li.on .it-logo2,
.product-item li:hover .it-logo2 {
    background-position:-41px -58px;
}
.product-item li.on .it-logo3,
.product-item li:hover .it-logo3 {
    background-position:-127px -58px;
}
.product-item li.on .it-logo4,
.product-item li:hover .it-logo4 {
    background-position:-231px -58px;
}
.product-item li.on .it-logo5,
.product-item li:hover .it-logo5 {
    background-position:-167px -58px;
}
.product-item li.on .it-box,
.product-item li:hover .it-box {
    background: #e54e12;
    color:#fff;
}
.product-item li:hover .it-font .cn , .product-item li.on .it-font .cn{color: #fff\0; }
.product-item li:hover .it-font .en , .product-item li.on .it-font .en{color: #ff895a\0;}

.out{opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;-o-opacity:0;position: absolute;left: 50%;height:8px;margin-left:-7px;bottom:0px;z-index: 1000;
	transition: all ease .2s;
	-moz-transition: all ease .2s; /* Firefox 4 */
	-webkit-transition: all ease .2s; /* Safari 和 Chrome */
	-o-transition: all ease .2s; /* Opera */
}
.product-item li.on .out{
    bottom: -8px;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity:100;-khtml-opacity:100;-o-opacity:100;
}

/*下拉菜单部分*/
.pd-subnav{
    /*position:relative;*/
    z-index:999;
    width:100%;
    display:none;
}
.titem-banner,.item-banner img {
  display: none;
}
.pd-subnav .cont {
  background-position: center center;
}
.pd-subnav .cont.is-active {
  background-position: center center;
}
 
.produ{width:50%;margin:0 auto; line-height:1.9em; color:#FFF; margin-top:10px;     top:40%;
     top:45% \0;
     top:25% \9;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	
	
	}






.cont{text-align:center;max-width: 100%;
	display: none;
    height: 450px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    -webkit-transition: background 1s linear;
    transition: background 1s linear;
}
.cont ul li{display:inline-block;padding-left:2%;padding-right:2%;}
.circle{
	width: 157px;height: 157px;position: relative;margin:0 auto;
	background: url('../images/circle.png') no-repeat center;
		transition: all ease .4s;
	-moz-transition: all ease .4s; /* Firefox 4 */
	-webkit-transition: all ease .4s; /* Safari 和 Chrome */
	-o-transition: all ease .4s; /* Opera */
	cursor: pointer;
	display:table;
}
.circle >div {display:table-cell;vertical-align:middle;}
.circle:hover {
	background: url('../images/cross.png') no-repeat center;
}
.cont-intro{margin-top: 12%;text-align:Center;}
.cont-intro p{font-size: 16px}
.cont-intro .p1{font-family:"Arial";color: #959595;line-height: 22px;}
.cont-intro .p2{color: #ffffff;}


/*产品下拉菜单动画*/

.cont.is-active ul li:nth-child(1){
	-webkit-animation:fadeInRight 1s 0.3s both;
	animation:fadeInRight 1s  0.3s both;
	-moz-animation:fadeInRight 1s 0.3s both;
}
.cont.is-active ul li:nth-child(2){
	-webkit-animation:fadeInRight 1s 0.4s both;
	animation:fadeInRight 1s 0.4s both;
	-moz-animation:fadeInRight 1s 0.4s both;
}
.cont.is-active ul li:nth-child(3){
	-webkit-animation:fadeInRight 1s 0.5s both;
	animation:fadeInRight 1s 0.5s both;
	-moz-animation:fadeInRight 1s 0.5s both;
}
.cont.is-active ul li:nth-child(4){
	-webkit-animation:fadeInRight 1s 0.6s both;
	animation:fadeInRight 1s 0.6s both;
	-moz-animation:fadeInRight 1s 0.6s both;
}
.cont.is-active ul li:nth-child(5){
	-webkit-animation:fadeInRight 1s 0.7s both;
	animation:fadeInRight 1s 0.7s both;
	-moz-animation:fadeInRight 1s 0.7s both;
}
.cont.is-active ul li:nth-child(6){
	-webkit-animation:fadeInRight 1s 0.8s both;
	animation:fadeInRight 1s 0.8s both;
	-moz-animation:fadeInRight 1s 0.8s both;
} 


/*手机版产品菜单*/
.find_nav {width: 100%; height: 65px;z-index: 9999;display: -moz-box;display: -webkit-box;display: box;}
.find_nav_left {height: 65px;position: relative;overflow: hidden;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
.find_nav_list {position: absolute;left: 0;width: 100%;}
.find_nav_list ul {position: relative;white-space: nowrap;font-size: 0;width:100%;}
.find_nav_list ul li {position:relative;width:33.333%;float:left;text-align: center;font-size: 16px;padding-top:20px;padding-bottom: 20px;}
.find_nav_list ul li a {color:#666666;display: inline-block;width: 100%;border-right:1px solid #d3d3d3;line-height: 1;}
.find_nav_list ul li.cur >span{position: absolute;left:50%;bottom:0;height: 1px;background: #e54e12;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.find_nav_list ul li.find_nav_cur a{color:#e54e12;}
.find_nav_list a.active{ color:#e54e12}
.find_nav_list ul li.sideline {display: block;position: absolute; border: 0;height: 2px;background-color: #e54e12;left: 0;top: 64px;pointer-events: none;}

.mobileP_child_menu2 dd{width:33.33%;float: left;text-align:center;padding-top:30px;padding-bottom: 30px;border-right:1px solid #e6e6e6;}
.mobileP_child_menu2 dd a{font-size: 14px;color: #666666;display: block; width: 100%; height: 100%;}
.mobileP_child_menu2 dd:nth-child(3n){border-right:none;}
.mobileP_child_menu2 dd:nth-child(-n+3){border-bottom:1px solid #e6e6e6;}

.box01_list li:nth-child(1) dl dd:nth-child(1) a:before{content: "";background: url(../images/mobile_menu7.png) no-repeat center;background-size:20px 28px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(1) dl dd:nth-child(2) a:before{content: "";background: url(../images/mobile_menu8.png) no-repeat center;background-size:43px 20px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(1) dl dd:nth-child(3) a:before{content: "";background: url(../images/mobile_menu9.png) no-repeat center;background-size:28px 26px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(1) dl dd:nth-child(4) a:before{content: "";background: url(../images/mobile_menu10.png) no-repeat center;background-size:26px 23px;width:100%;height: 32px;display: block;margin:0 auto 12px;}

.box01_list li:nth-child(2) dl dd:nth-child(1) a:before{content: "";background: url(../images/mobile_menu1.png) no-repeat center;background-size:32px 32px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(2) dl dd:nth-child(2) a:before{content: "";background: url(../images/mobile_menu2.png) no-repeat center;background-size:30px 27px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(2) dl dd:nth-child(3) a:before{content: "";background: url(../images/mobile_menu3.png) no-repeat center;background-size:38px 20px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(2) dl dd:nth-child(4) a:before{content: "";background: url(../images/mobile_menu4.png) no-repeat center;background-size:24px 28px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(2) dl dd:nth-child(5) a:before{content: "";background: url(../images/mobile_menu5.png) no-repeat center;background-size:30px 27px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(2) dl dd:nth-child(6) a:before{content: "";background: url(../images/mobile_menu6.png) no-repeat center;background-size:26px 25px;width:100%;height: 32px;display: block;margin:0 auto 12px;}

.box01_list li:nth-child(3) dl dd:nth-child(1) a:before{content: "";background: url(../images/mobile_menu11.png) no-repeat center;background-size:20px 26px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(3) dl dd:nth-child(2) a:before{content: "";background: url(../images/mobile_menu12.png) no-repeat center;background-size:20px 26px;width:100%;height: 32px;display: block;margin:0 auto 12px;}
.box01_list li:nth-child(3) dl dd:nth-child(3) a:before{content: "";background: url(../images/mobile_menu13.png) no-repeat center;background-size:20px 27px;width:100%;height: 32px;display: block;margin:0 auto 12px;}

/*产品菜单自适应调整*/

@media (max-width:1440px) {
	.circle{width:120px;height:120px;background-size:120px}
		.it-box{padding-top:35px;padding-bottom: 35px;}
}
@media (max-width:1200px) {
	
	.circle{width:110px;height:110px;background-size:110px}
	.cont{height:400px;}
	.it-box{padding-top:30px;padding-bottom: 30px;}
	.product-item li.on .out{bottom:0;}
	.it-font .en{font-size: 14px;}
	.it-logo{background-size:253px 100px;height:50px;}
	.it-logo1{background-position:0 0;width:34px;}
	.it-logo2{background-position:-36px 0;width:76px;margin-right: 0;}
	.it-logo3{background-position:-114px 0;width:36px;}
	.it-logo4{background-position:-206px 0;width:47px;}
	.it-logo5{background-position:-150px 0;width:55px;}
	.product-item li:hover .it-logo1{background-position:0 -51px;}
	.product-item li:hover .it-logo2{background-position:-36px -51px;}
	.product-item li:hover .it-logo3{background-position:-114px -51px;}
	.product-item li:hover .it-logo4{background-position:-206px -51px;}
	.product-item li:hover .it-logo5{background-position:-150px -51px;}	
}
@media (max-width:992px) {
	.ct{line-height:40px;}
	.it-font .cn{font-size:16px;}
	.it-font .en{display: none;}
	.it-logo{background-size:200px 79px;margin-right:5px;height:40px;}
	.it-logo1{background-position:0 0;width:27px;}
	.it-logo2{background-position:-29px 0;width:60px;}
	.it-logo3{background-position:-90px 0;width:29px;}
	.it-logo4{background-position:-163px 0;width:37px;}
	.it-logo5{background-position:-119px 0;width:44px;}
	.product-item li:hover .it-logo1{background-position:0 -41px;}
	.product-item li:hover .it-logo2{background-position:-29px -41px;}
	.product-item li:hover .it-logo3{background-position:-90px -41px;}
	.product-item li:hover .it-logo4{background-position:-163px -41px;}
	.product-item li:hover .it-logo5{background-position:-119px -41px;}
	.it-box{padding-top:20px;padding-bottom: 20px;}
	.cont{height:360px;}
	.it-font .en:before{top:60px;}
}
@media (max-width: 880px){
	.cont {
		height: 280px;
	}
}
 
@media (max-width:560px) {
	#owl-product1 .owl-item:nth-child(1) .circle img{width:30px;}
	#owl-product1 .owl-item:nth-child(2) .circle img{width:56px;}
	#owl-product1 .owl-item:nth-child(3) .circle img{width:46px;}
	#owl-product1 .owl-item:nth-child(4) .circle img{width:42px;}
}
/*product部分菜单样式结束*/

/*show-box栏目标题*/
.show-box{width: 100%;padding: 1.5% 0;position: relative; }

.show-box2{width: 100%;padding: 1.5% 0;position: relative;background-color: #f1eff9;}

.show em{
	font-style: normal; font-size: 25px;line-height: 22px;text-align: center;display: block;color: #161616;margin-bottom:13px }
.show p{
	display: block;width: 298px;height: 25px;
	background: url('../images/xian.png') no-repeat center;
	text-align: center;
	margin:0 auto 10px;
}
.show_tit{font-size: 16px;color: #e54e12;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{max-width:1260px;}
.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: 100%; height:auto; max-height:300px;
		    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 h1,.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 h1{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: #e54e12;
}
.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 h1,.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;
}
/*产品推荐样式结束*/

/* ---------------------------------------------------------------------------

------------------------------------------------------------------------------*/
/*	CONTENT select_sec
/*----------------------------------------------------*/
.select_sec {
	padding: 0px;
	position: relative;
	overflow:hidden;
}

.image-container{
	position: absolute;
	height: 300px;
	padding: 0px;
	top: 0px;
	overflow:hidden;
}

.background-image-holder {
	background: url('http://www.chinamacro.cn/images/leader4.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.chinamacro.cn/images/leader4.jpg',sizingMethod='scale');
	height: 100%;
	overflow:hidden;
}

.select_sec .content {
	margin-top: 300px;
	padding: 40px;
}

.select_sec h3 {
	margin-bottom: 10px;
	text-align:center;
	color: #666;
	font-size:20px;
	font-weight:normal;
	
}

.select_sec p {
	margin-bottom: 30px;
	font-size:14px;
	color:#666666;
	line-height:22px;
}
.select_sec .line{width: 30px;height: 2px;background-color: #ff7037;margin:0 auto 15px;}
.more{
	display:block;width: 150px;height: 42px;margin: 0 auto;overflow: hidden;position: relative;
	border:2px solid #cecece;cursor: pointer;
	line-height: 38px;color: #666;font-size: 14px;text-align: center;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.select_sec:hover .more{color: white;border-color:#e54e12;background: #e54e12 }
/*	CONTENT BLOCK 3-10 MEDIA QUERIES
/*----------------------------------------------------*/

/* 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 h1{max-width:90%;}

}

@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) {
	.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:#ff7037;}
/*服务样式结束*/

.lue{width: 100%;background-color: #f1eff9;    padding: 3% 0;border-bottom: 1px solid #d9d5d2;}
@media (min-width: 1280px) and (max-width: 1440px){
	
	
	.mask2-cont h1{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 h1{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){
 .show-box{ padding:5px 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%;}
	.service_txt{font-size:16px;width:50%;}
	.service_img img{width:100%;height:auto;}
	.mask2{display:none;}
	.show-item ul li{width:100%;}
	.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{width:45px;margin:0 5px;}
	.show-box2{ padding:0;}
}

