*{margin: 0;padding:0;}
p,h1,h2,h3,h4,h5,span{font-family:  "微软雅黑";}
img{border: none;}
ol,li{list-style: none;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑"; margin: 0 auto; color: #666; background-color: #fff; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
/*top*/



/*banner*/
.banner{width:100%;position: relative;z-index: 5;background: #fff;}
#slider1 .slide img{
	width:100%;
}
#slider1 .box{height:100%;}
#slider1 .box1{background: url(../images/banner-index1.jpg);background-position:center center ;background-repeat:no-repeat ;background-size:cover;}
#slider1 .box2{background: url(../images/banner-index2.jpg);background-position:center center ;background-repeat:no-repeat ;background-size:cover;}
#slider1 .box3{background: url(../images/banner-index3.jpg);background-position:center center ;background-repeat:no-repeat ;background-size:contain;}
#slider1 .box4{cursor:pointer;background: url(../images/911518771.jpg);background-position:15% center ;background-repeat:no-repeat ;background-size:contain;}
.banner {position: relative;}
.banner .slide-btn{width:95% !important;height:70px;position: absolute;bottom:0px;z-index: 100;background: #E70012;}
#slider1 .slider-nav__item{bottom: 25px;}
.slide-btn .phone{width:160px;float: left;margin-left: 5%;height:70px;line-height: 70px;color:#fff;position: relative;}
.slide-btn .phone span{display: inline-block;height:30px;}
.slide-btn .phone .span-1{position: absolute;top:50%;margin-top: -15px;left:0px}
.slide-btn .phone .span-1 img{position: absolute;left:0px;top:0px}
.slide-btn .phone .span-2{position: absolute;top:50%;margin-top: -15px;left:40px;line-height: 30px;color: #fff;}
.slide-btn .email{width:190px;float: left;margin-left: 15%;height:70px;line-height: 70px;color:#fff;position: relative;}
.slide-btn .email span{display: inline-block;height:30px;}
.slide-btn .email .span-1{position: absolute;top:50%;margin-top: -15px;left:0px}
.slide-btn .email .span-1 img{position: absolute;left:0px;top:0px}
.slide-btn .email .span-2{position: absolute;top:50%;margin-top: -15px;left:40px;line-height: 30px;}
#slider1 .box{position: relative;}
#slider1 .box .zs{position: absolute;width:18px;height:234px;left:50px;top:50%;margin-top: -117px;
/* background: url(../images/zhuangshi.png); */
}
#slider1 .box .con_txt{width:400px;height:230px;position: absolute;top:50%;margin-top: -115px;left:60%;margin-left: -200px;}
.con_txt h3{font-family: "微软雅黑";color:rgba(255,255,255,.5);}
.con_txt h2{font-family: "微软雅黑";color:#fff;font-size: 44px;}
.con_txt span {font-family: "微软雅黑";color:rgba(255,255,255,.5);font-size: 18px;}
.con_txt p {font-family: "微软雅黑";color:rgba(255,255,255,.5);font-size: 18px;}
.con_txt .amore a{display: inline-block;width:100%;height:100%;line-height: 35px;color:#fff;text-align: center;position: absolute;left:0px;top:0px;z-index: 6;}
.con_txt .amore{width:110px;height:35px;line-height: 35px;color:#fff;background: #E70012;margin-top: 25px;position: relative;}
.con_txt .amore .moreon{width:100%;height:100%;position: absolute;right:100%;top:0;background: #fff;z-index: 3;
transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;-ms-transition: .3s ease-in-out;

}
.con_txt .amore:hover .moreon{right:0;}

.con_txt a:hover{color:#E70012;background: transparent;}
@media  (max-width: 640px) {
#slider1 .box .zs{display: none;}
.slide-btn .email{display: none;}
.banner .slide-btn{width:100% !important;}
.con_txt h2{font-size: 28px;}
#huand{height:300px !important;}
#slider1 .box .con_txt{height:180px;margin-top: -100px;}
.about-left{display: none;}
.about{height:470px !important;}
.sort{padding-bottom: 0px !important;}
.about-right{height: 380px !important;}
#slider1 .slide img {
    width: 100%;
	
	    min-height: 160px;
    margin-top: 62px;
}

}

@media  (max-width: 325px) {
.con_txt{width:90% !important;left:20px !important;margin-left: 0px !important;}
.con_txt h2{font-size: 36px;}
}


/*关于我们*/
.about{width:100%;height:400px;position: relative;z-index: 5;background: #fff;padding-bottom: 40px;padding-top: 30px}
.about_main{width:90%;margin:0 auto;max-width: 1300px;height:100%;}
.about-left{width:50%;height:350px;float:left;position: relative;}
.about1{position: absolute;left:0px;top:0px;height:100%;z-index: 2;}
.about1 img{max-height: 100%;}
.about2{position: absolute;right:30px;top:0px;height:100%;z-index:5;width:85%;}
.about-right{width:50%;float: left;height:350px;position: relative;}
.about-right .line{display: inline-block;width:100px;height:2px;background: #666;position: absolute;right:0px;top:12px}
.about-right > div:first-child{position: relative;width:210px;height:20px;margin-bottom: 25px;}
.about-right h4{margin-bottom: 25px;}
.about-right p{margin-bottom:30px ;}
.about-right a{display: block;color:#E70012;
position: absolute;left:0px;bottom:0px;font-family: "微软雅黑";
}
@media  (max-width: 767px) {
.about-left{width:100%;}	
.about-right{width:100%;margin-top: 50px;}
#slider .box > div{width:100% !important;}	
.about{height:800px;}
}
@media  (max-width: 325px) {
.about1{height:85%;}	
#slider .box{height:100% !important;}
#slider .box > div{height:65% !important;width:100% !important;}
.about2{right:0;height:85% !important;}
.about-right{margin-top: 20px !important;height:380px !important;}
}

.box {
	width: 100%; 
	height: 350px;
	
			}
.box > div{width:90%;height:70%;margin-top: 15%;overflow: hidden;margin-bottom: 15%;}
.box > div img{
	width:100%;
	height:100%;
	transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;

}			
.box > div:hover img{
	transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
}
.slides{ list-style:none;}
.slider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	
	.slides {
		height: 100%;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
		}


		.slider-arrow {
			position: absolute;
			display:none;
			margin-bottom: -20px;			
			width: 60px;
			height: 60px;
			line-height: 60px;
			text-decoration: none;
			text-align: center;
			color: #fff;
			font-size: 2em;
			background-color: #333;
			background-color: rgba(50,50,50,.3);
			border-radius: 50%;
		}

			.slider-arrow--right { bottom: 50%; right: 30px; }
			.slider-arrow--left { bottom: 50%; left: 30px; }


	.slider-nav {
		position: absolute;
		bottom:0px;
		right:6%;
	}

		.slider-nav__item {
			border-radius: 12px;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			-o-border-radius: 12px;
			-ms-border-radius: 12px;
			width: 12px;
			height: 12px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: transparent;
			position: relative;
			z-index: 500;
		}

    .slider-nav__item:hover { background: transparent; }
	.slider-nav__item--current { background: transparent;border:1px solid #E70012; }
.slider-nav__item .cc{width:6px;height:6px;border-radius:100% ;-webkit-border-radius:100% ;-moz-border-radius:100% ;-o-border-radius:100% ;-ms-border-radius:100% ;
background: #ccc;position: absolute;left:50%;margin-left: -3px;top:50%;margin-top: -3px;
}
.slider-nav__item--current .cc{background: #000;}
#slider .slider-nav{right:0px !important;}
#slider1 .slider-nav__item{border:1px solid #ccc;background: #ccc;}
#slider1 .slider-nav__item--current { background: #fff;border:1px solid #fff; }
#slider1 .slider-nav__item--current .cc{background: #fff;}
#slider1 .slider-nav__item .cc{width:10px;height:10px;border-radius:100% ;-webkit-border-radius:100% ;-moz-border-radius:100% ;-o-border-radius:100% ;-ms-border-radius:100% ;
background: #F26571;position: absolute;left:50%;margin-left: -5px;top:50%;margin-top: -5px;
}
#slider1 .slider-nav__item--current .cc{background: #fff;}
/*图标*/
.sort{width:100%;height:200px;position: relative;z-index: 5;background: #fff;padding-bottom: 30px;}
.sort .sort_main{width:95%;position: absolute;right:0px;top:0px;height:150px;background:url(../images/banner-icon.jpg);}
.sort_con{width:90%;height:100%;}
.sort_con >div{width:25%;float: left;text-align: center;height:80px;margin-top: 35px;}
@media  (max-width: 640px) {
.sort .sort_main{width:100%;left:0px;height:300px;}
.sort{height:350px;}
.sort_con >div{width:50%;}
}
/*手机产品*/
@media  (max-width: 640px) {
.product{display: none;}	
}
@media  (min-width: 641px) {
.phone-pro{display: none;}	
}
.phone-pro{
	padding-top: 15px;
	position: relative;
	z-index: 5;
	width:100%;
	height:490px;
	background-image: url(../images/banner-product.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
.phone-pro li{width:90%;height:70px;margin: 0 auto;margin-top: 20px;}
.phone-pro li a{display: inline-block;width:100%;height:100%;}
.phone-pro li .phone-left{width:50%;float: left;height:100%;text-align: center;position: relative;}
.phone-pro li .phone-right{width:50%;float: left;height:100%;text-align: center;line-height: 70px;font-family: "微软雅黑";color:#fff;font-size: 18px;}
.phone-pro li .phone-left .i11{    
	background: url(../images/ico.png);
    width: 80px;
    height: 80px;
    margin: 0px auto;
    position: absolute;
    left:50%;
    margin-left: -60px;
    top:50%;
    margin-top: -50px;;
    z-index: 5px;
    display: block;
    background-position: 0px 7px;
    }

.phone-pro li .phone-left .i22{    
	background: url(../images/ico.png);
    width: 80px;
    height: 80px;
    margin: 0px auto;
    position: absolute;
    left:50%;
    margin-left: -60px;
    top:50%;
    margin-top: -50px;;
    z-index: 5px;
    display: block;
    background-position: 0px -85px;
    }
    .phone-pro li .phone-left .i33{    
	background: url(../images/ico.png);
    width: 80px;
    height: 80px;
    margin: 0px auto;
    position: absolute;
    left:50%;
    margin-left: -60px;
    top:50%;
    margin-top: -50px;;
    z-index: 5px;
    display: block;
    background-position: 0px -168px;
    }
    .phone-pro li .phone-left .i44{    
	background: url(../images/ico.png);
    width: 80px;
    height: 80px;
    margin: 0px auto;
    position: absolute;
    left:50%;
    margin-left: -60px;
    top:50%;
    margin-top: -50px;;
    z-index: 5px;
    display: block;
    background-position: 0px -240px;
    }
    .phone-pro li .phone-left .i55{background: url(../images/icon5.png);
    width: 80px;
    height: 80px;
    margin: 0px auto;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -40px;
    z-index: 5px;
    display: block;
   }

/*产品中心*/
.product{width:100%;height:auto;position: relative;z-index: 5;background: #fff;background-repeat: no-repeat;background-position: center center;
background-size:cover ;background-attachment: fixed;
}


.product-list{width:270px;height:170px;background:rgba(213,37,51,.7);position: absolute;right:13%;top:46%;margin-top: -135px;padding-left: 25px;padding-top: 30px;
padding-right: 25px;display: none;
}
.product-list h3{font-family: "微软雅黑";color:#fff;font-size: 24px;margin-bottom: 20px;}
.product-list p{font-family: "微软雅黑";color:#fff;}

.productIList{width:60%;}
.productIpage{ padding-bottom: 50px;padding-top: 50px;}
.productIpage { position: relative; }
.productIdemo .black { position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background: url(../images/black_2.png) repeat; background: none rgba(0,0,0,0.2); }
.productIList a:link, .productIList a:visited { color: #fff; }
.productIList a:active, .productIList a:hover { color: #fff; }
.productIList dd { color: #fff; }
.productIList a { position: relative; padding-left: 10%; height: 150px; display: block; float: left; }
.productIList .red-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: url(../images/red_2.png) repeat; background: none rgba(211,63,70,0.9); transition: 300ms; -webkit-transition: 300ms; }
.productIList .ico { width: 140px; height: 80px; position: absolute; left: 0px; top: 0px; padding: 35px 0px; }
.productIList .ico .bg { position: absolute; width: 100%; height: 100%; background-color: #d33f46; left: 0px; top: 0px; transform: scale(0.5) rotate(0); -webkit-transform: scale(0.5) rotate(0); -moz-transform: scale(0.5) rotate(0); opacity: 0; transition: 600ms; -webkit-transition: 600ms; }
.productIList .ico .i { background: url(../images/ico.png); width: 80px; height: 80px; margin: 0px auto; position: relative; z-index: 5px; display: block; }
.productIList .ico .i1 { background-position: 0px -4px; }
.productIList .ico .i2 { background-position: 0px -95px; }
.productIList .ico .i3 { background-position: 0px -180px; }
.productIList .ico .i4 { background-position: 0px -260px; }
.productIList .ico .i5 { background: url(../images/icon5.png); }

.productIList .con { display: block; padding: 0px 140px 0px 208px; width: 408px; position: relative; height: 150px; }
.productIList .t { font-size: 16px; line-height: 1.5; padding: 62px 0px 20px; transition: 300ms; -webkit-transition: 300ms; }
.productIList .t .zh { transition: 300ms; -webkit-transition: 300ms; }
.productIList .t .en i { padding-left: 5px; transition: 300ms; -webkit-transition: 300ms; background: url(../images/line.png) no-repeat scroll left center; margin: 0px 5px 0px 22px; }
.productIList .c { height: 25px; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.productIList .line { display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.productIList .line_1 { width: 28px; height: 1px; top: 50%; right: 57px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.productIList .line_2 { width: 1px; height: 28px; top: 50%; margin-top: -14px; right: 70px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.productIList a:hover .red-bg { width: 100%; transition: 600ms; -webkit-transition: 600ms; }
.productIList a:hover .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }
.productIList a:hover .ico .bg { transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -moz-transform: scale(1) rotate(180deg); opacity: 1; }
.productIList a:hover .t { padding-top: 30px; }
.productIList a:hover .t .zh { font-size: 22px; }
.productIList a:hover .t .en i { padding-left: 42px; }
.productIList a:hover .c { opacity: 1; visibility: visible; }
.telbox a:link, .telbox a:visited { color: #cd000f; }
.telbox a:active, .telbox a:hover { color: #cd000f; }
.telbox { text-align: center; color: #646464; background-color: #e0e0e0; padding: 20px 0px; overflow: hidden; }
.telbox .tel { padding-left: 45px; display: inline-block; }
.telbox .tel { font: 40px/1.4 "humanist_521_lightregular","microsoft yahei"; -webkit-animation: telc 1s linear infinite; animation: telc 1s linear infinite; color: #cd000f; }

@-webkit-keyframes telc {
    0% { -webkit-transform: scale(1); }
    25% { -webkit-transform: scale(1.08); }
    50% { -webkit-transform: scale(1.15); }
    75% { -webkit-transform: scale(1.08); }
    100% { -webkit-transform: scale(1); }
}

@-moz-keyframes telc {
    0% { -moz-transform: scale(1); }
    25% { -moz-transform: scale(1.08); }
    50% { -moz-transform: scale(1.15); }
    75% { -moz-transform: scale(1.08); }
    100% { -moz-transform: scale(1); }
}

@keyframes telc {
    0% { transform: scale(1); }
    25% { transform: scale(1.08); }
    50% { transform: scale(1.15); }
    75% { transform: scale(1.08); }
    100% { transform: scale(1); }
}
@media screen and (min-width:1440px){
.productIList .con{width:508px;}	
}

@media screen and (max-width:1355px){
.product-list{right:8%}	
}
@media screen and (max-width:1268px){
.product-list{display: none !important;}	
}
@media screen and (max-width:1024px){

	.productIdemo .moreR{ bottom: 0;}
	.productIList a{ padding-left: 5%;}
	.productIList .t{ padding: 58px 0 5px;}
	.productIList .con{ width: 300px;}
	.productIList .c{ height: 50px;}
	.productIList a:hover .t{ padding-top: 20px;}
	.clearfix .en{display: none;}
}	

@media  (max-width: 640px) {
.productIdemo .black{width:100%;}
.productIList a:hover .red-bg { width: 0%; transition: 600ms; -webkit-transition: 600ms; }
.productIList a:hover .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }
.productIList a:hover .ico .bg { transform: scale(0) rotate(180deg); -webkit-transform: scale(0) rotate(180deg); -moz-transform: scale(1) rotate(180deg); opacity: 0; }
.productIList a:hover .t { padding-top: 60px; }
.productIList a:hover .t .zh { font-size: 14px; }
.productIList a:hover .t .en i { padding-left: 42px; }
.productIList a:hover .c { opacity: 0; visibility: visible; }
.productIList .con{width:100%;padding:21px 0px 0px 0px;}
.productIList{width:100%;}
.productIList a{width:100%;}
.productIList a .txt{width:150px;margin-left: 200px;text-align: center;}
.clearfix a{width: 100% !important;}
.productIList a{padding-left: 0 !important;}
.news-left > .news-img img{max-height:165px !important;}
}
@media  (max-width: 375px) {
.productIList .c {display: none;}	
}
@media  (max-width: 325px) {
.productIList .c {display: none;}	
.productIList a .txt{margin-left: 140px;}
}
/*新闻中心*/
.news{width:100%;height:500px;position: relative;z-index: 5;background: url(../images/banner-news.jpg);
background-repeat:no-repeat ;background-size:100% 100% ;padding-top: 80px;}
.news-main{width:90%;margin:0 auto;max-width:1300px;height:400px;}
.news-left{width:600px;float: left;height:400px;position: relative;}
.news-right{margin-left:600px;height:400px;}
.news-left > div:first-child{width:40%;height:auto;position: absolute;left:0px;top:48px;z-index: 5;}
.news-left > div:first-child img{max-width: 100%;max-height: 100%;}
.news-left > div:nth-child(2){width:60%;height:100%;position: absolute;left:50px;top:0px;z-index: 2;}
.news-left > div:nth-child(2) img{max-width: 100%;max-height: 100%;}
.news-left > .news-img{width:70%;height:auto;position: absolute;right:0px;top:30px;z-index: 4;overflow: hidden;}
.news-left > .news-img img{max-width: 100%;vertical-align: bottom;max-height: 350px;
transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;
}
.news-left > .news-img:hover img{transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);}
.news-left .news-img{display: none;}
.news-right .news-title{font-family: "微软雅黑";font-size:24px;color:#000;height: 30px;line-height: 30px;margin-bottom: 20px;position: relative;}
.news-right > div{margin-left: 50px;}
.news-right > div .circle{width:4px;height:4px;display: inline-block;border-radius:100% ;background: #000;position:absolute;top:13px;}
.news-right h5{font-family: "微软雅黑";font-size: 16px;color:#000;font-weight: normal;}
.news-right > div p{color:#999;font-size: 14px;}
.news_r{height:auto;overflow: hidden;}
.news_r:hover h5{color:#E70012;}
.news_r:hover p{color:#E70012;}
.news_r:hover .date h4{color:#E70012;}
.news_r:hover .date .ppc{color:#E70012 !important;}
.date p{color:#000 !important;font-size: 30px;}
.date h4{font-size: 24px;font-weight: normal;color:#666}
.news-cont{float:left;width:88%;}
.date{float:left;width:40px;margin-left: 3%;}
.more{width:137px;height:50px;border-bottom: 1px solid #E70012;line-height: 50px;color:#E70012;margin-top: 10px;
transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;
}
.more a{display: inline-block;width:100%;height:100%;color:#E70012;position: relative;}
.more a em{display: inline-block;width:15px;height:100%;position: absolute;right:10px;top:0px}
.ppc{font-size: 24px !important;}

@media  (max-width: 1345px) {
.news-left{width:500px}
.news-right{margin-left: 500px;}	
}
@media  (max-width: 1233px) {
.news-left{width:450px}
.news-right{margin-left: 450px;}	
}
@media  (max-width: 1170px) {
.news-cont{width:85%}
}
@media  (max-width: 1023px) {
.news-left{width:100%;float: none;}
.news-right{width:100%;margin-left: 0;margin-bottom: 50px;margin-top: 50px;}
.news{height:auto;overflow: hidden;}
.news-main{height:auto;}
.news-right > div{margin-left: 0;}
}
@media  (max-width: 640px) {
.news-main .date{display: none;}	
.news-cont{width:100%}
.news-left{height:280px}
.news-right{margin-top: 20px;height:auto;}
.news_r{margin-top: 15px;}
.more{margin-bottom: 50px;}
}
@media  (max-width: 375px) {
.news-left{height:250px}	
.news-right{margin-top: 0px;}
}
@media  (max-width: 325px) {
.news-left{height:220px}	

}
/*领先技术*/
.tech{width:100%;position: relative;z-index: 5;background:url(../images/banner-tech.jpg);background-repeat: no-repeat;background-position: center center;
background-size:cover ;background-attachment: fixed;}
.pw { width:100%; margin: 0 auto; position: relative; }
.tech .six { height: auto; overflow: hidden; position: relative; }
.tech .six .head { width: 100%; background: #fff; color: #666666; padding: 50px 0; position: relative; }
.tech .six .head p { padding-left: 45px; }
.tech .six .sixList { height: auto; overflow: hidden; background: url(../images/join09.jpg) center; background-size: cover; width: 100%; }
.tech .six .sixList li { float: left; width: 33.3%; border-right: 1px solid #999c9d; border-bottom: 1px solid #999c9d; box-sizing: border-box; position: relative; height:250px}
.tech .six .sixList li:last-child{border-right:none ;}
.tech .six .sixList li:nth-child(3){border-right:none ;}
.tech .six .sixList li .cen {width:220px;height:100px;position: absolute;top:50%;margin-top: -50px;left:50%;margin-left: -110px; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); color: #fff; text-align: center;  -webkit-transition-duration: .5s; transition-duration: .5s; }
@media  (min-width: 641px) {
.tech .six .sixList li:nth-child(3) .cen{width:300px;margin-left:-150px ;}
}
.tech .six .sixList li .cen p { font-size: 16px; }
.tech .six .sixList li .cen p.en { padding-top: 10px; }
.tech .six .sixList li .cen .img { width: 11px; height: 11px; background: url(../images/wjico02.png); display: inline-block; margin-top: 10px; }
.tech .six .sixList li .cen .hr { width: 100%; height: 1px; background: #fff;  margin-top: 15px; }
.tech .six .sixList li .cen2 { -webkit-transform: rotate(1deg) scale(.9); transform: rotate(1deg) scale(.9); position: absolute; top: 0; left: 0;  color: #fff; opacity: 0; -webkit-transition-duration: .5s; transition-duration: .5s; width:100%;height:100%;}
.tech .six .sixList li .cen2 p.en { font-size: 14px; text-align: right; padding: 17px 0; text-align: left;}
.tech .six .sixList li .cen2 p.minh { min-height: 142px; }
.tech .six .sixList li .cen2 .hr { width: 100%; height: 1px; background: #fff;  margin-top: 15px; }
.tech .six .sixList li:hover .cen2 { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.tech .six .sixList li:hover .cen { opacity: 0; -webkit-transform: rotate(10deg) scale(0); transform: rotate(10deg) scale(0); }
.li1 .cen .tit{font-size: 14px !important;display: inline-block;width:100%;position: relative;height:20px;text-align: left;padding-left: 10%;}
.li1 .cen .tit em{display: inline-block;width:100px;height:2px;background: #fff;position: absolute;line-height: 20px;top:13px;left:100px}
.li1 .cen .en{text-align: left;padding-left: 10%;}
.tech .six .sixList .li1:hover .cen{-webkit-transform: rotate(0deg) scale(1);opacity: 1;transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);}
.li1 .cen p{text-align: left;padding-left: 10%;}
.tech .six .sixList li .cen{}
.en img{max-width: 100%;}
.cen .cen-left{width:60px;height:60px;float:left;margin-top: 20px;}
.cen .cen-right{float:left;height:100%;margin-left: 20px;}
.cen2-main .cen-left{width:60px;height:60px;float:left;margin-left: 20px;margin-top: 16px;}
.cen2-main .cen-right{float:left;height:100%;width:125px}
.cen2-main{ width:220px;height:100px;position: absolute;top:50%;margin-top: -50px;left:50%;margin-left: -110px;}
.cen2-main .tit{font-size: 16px;}
.li2 .cen,.li2 .cen2-main{width:300px;margin-left: -150px ;}
.li2 .cen2-main .cen-right{width:204px}
#tec1{background: url(../images/tec-last1.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec2{background: url(../images/tec-last2.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec3{background: url(../images/tec-last3.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec4{background: url(../images/tec-last4.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec5{background: url(../images/tec-last.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}

@media  (max-width: 940px) {
.tech .six .sixList li{width:50%}
.tech .six .sixList li:nth-child(3){border-right:1px solid #999c9d ;}	
}
@media  (max-width: 640px) {
.cen .cen-left{display: none;}
.tech .six .sixList li .cen{width: 100% !important;margin-left: -50% !important;}
.cen .cen-right{width: 90% !important;margin: 0 auto !important;float: none !important;}
.li1 .cen .tit em{display: none;}
.li1 .cen .en{padding-left: 0 !important;text-align: center !important;width:92%;margin: 0 auto;}
.li1 .cen .tit{padding-left: 0 !important;text-align: center !important;}
.li1 .cen p{text-align: center !important;}
.cen2 .cen-left{display: none;}
.cen2-main{width: 100% !important;margin-left:-50% !important;}
.cen2-main .cen-right{float: none;width: 100% !important;text-align: center !important;}
.tech .six .sixList li .cen2 .hr{width:90%;margin: 0 auto;}
.tech .six .sixList li .cen2 p.en{text-align: center;padding: 8px 0;}
.cen2-main .tit{padding: 8px 0;}
.tech .six .sixList li{height:160px;}
.p-last{display: none;}

}


/*招商加盟*/
.join{width:100%;height:auto;position: relative;z-index: 5;overflow: hidden;background: url(../images/banner-join.jpg);background-attachment: fixed;background-position: center center;
background-repeat:no-repeat ;background-size:cover ;padding-top: 50px;padding-bottom: 50px;
}
@media  (min-width: 641px)  {
.join{
	/* margin-bottom: 418px; */
	margin-bottom: 390px;
}	
}
.join-main{width:90%;margin:0 auto;max-width:1300px;}
.join-main .title{width:100%;text-align: center;margin-bottom: 25px;}
.join-main .title h3{font-family: "微软雅黑";font-size: 24px;}
.join-main .title p{font-family: "微软雅黑";font-size: 18px;}
.join-left{width:700px;float:left;height:350px;background: #fff;}
.join-left >div a{display: inline-block;width: 100%;height:100%;}
.join-left >div{float: left;height:100%;}
.join-left >div:first-child{width:60%;position: relative;}
.join-left >div:last-child{width:40%;position: relative;}
.join-left >div:last-child img{width:100%;position: absolute;right:0;bottom:0;}
.join-left >div:first-child h5{margin-top:25px;margin-left:25px;display: inline-block;width:105px;height: 22px;line-height: 22px;color: #ccc;border: 1px solid #ccc;text-align: center;font-family: "微软雅黑";}
.join-left >div:first-child h2{margin-left:25px;font-family: "微软雅黑";font-size: 24px;margin-bottom: 10px;color: #666;}
.join-left >div:first-child hr{margin-left:25px;width:100px;height: 2px;background: #E70012;border: none;margin-bottom: 15px;}
.join-left >div:first-child p{margin-left:25px;color: #666;}
.join-left >div:first-child span{position: absolute;left:25px;bottom:25px;color: #666;}
@media (max-width: 325px) {
.join-left >div:first-child span{bottom: 0px !important;}	
}
.join-right{margin-left: 720px;height:350px;}
.join-right .zhichi{width:48%;height:100%;float:left;background: #B5000F;}
.join-right .zc{width:48%;float:left;margin-left: 4%;height:100%;text-align: center;}
.join-right .zc >div a{display: inline-block;width: 100%;height:100%;}
.join-right .zc > div{width: 100%;height:48%;background: #fff;text-align: center;}
.join-right .zc > div:last-child{margin-top: 4%;border: 2px solid #B5000F;}
.join-right .zc > div:first-child img{width:100%;height:112px;}
.join-right .zc > div:first-child  p{font-family: "微软雅黑";font-size: 16px;margin-top: 5px;color: #666;}
.join-right .zc > div:last-child img{width:100%;height:112px;}
.join-right .zc > div:last-child  p{font-family: "微软雅黑";font-size: 16px;margin-top: 5px;color:#B5000F;position: relative;}
.join-right .zc > div:last-child  p span{width:4px;height:4px;display: inline-block;background: #B5000F;border-radius:100% ;
-webkit-border-radius:100% ;-moz-border-radius:100% ;-o-border-radius:100% ;-ms-border-radius:100% ;position: absolute;top:12px;
}
.zhichi{text-align: center;position: relative;}
.zhichi a{display: inline-block;width: 100%;height:100%;}
.zhichi img{margin-top: 30px;}
.zhichi h4{font-family: "微软雅黑";color: #fff;font-size: 16px;margin-bottom: 20px;}
.zhichi p{font-family: "微软雅黑";color: #fff;font-size: 14px;}
.zhichi hr{width:30px;height: 4px;background: #fff;border: none;position: absolute;left:50%;margin-left: -15px;bottom:40px}

@media  (max-width:1223px) {
.join-left{width:600px;}	
.join-right{margin-left:620px ;}
}
@media  (max-width:1099px) {
.join-left{width:500px;}	
.join-right{margin-left:520px ;}
}
@media  (max-width:955px) {
.join-left{width:400px;}	
.join-right{margin-left:420px ;}
}
@media  (max-width:830px) {
.join-left{width:340px;}	
.join-right{margin-left:360px ;}
}
@media  (max-width:767px) {
.join-left{width:100%;float: none;}	
.join-right{margin-left:0px ; width:100%;margin-top: 30px;}
}
@media  (max-width:325px) {
.join-right .zc > div:last-child  p{font-size: 14px;}
.join-right .zc > div:first-child  p{font-size: 14px;}
.zhichi p{font-size: 12px;}
}
/*footer*/
.foot{width:100%;height:auto;background: #333;margin-top: 50px;}
@media  (min-width: 641px) {
.foot{position: fixed;left:0;bottom:0;z-index: 1;}
	
}
@media  (min-width: 641px) {
.ph-p{display: none;}
}
@media  (max-width: 640px){
.pc-p{display: none;}
}
.foot_main{max-width:1300px;margin:0 auto;padding-top: 50px;width:90%;margin:0 auto;}
.foot_main .foot-left{width:75%;float: left;margin-bottom: 20px;}
.foot_main .foot-right{width:25%;float:right;}
.foot_main dl,.foot_main dt,.foot_main dd{color:#fff;font-family: "微软雅黑";}
.foot_main .foot-left dl{width:14%;text-align: left;float:left;}
.foot_main .foot-left dl a{color:#fff;}
.foot_main .foot-left dd{line-height: 30px;font-size: 12px;}
.foot_main .foot-left dt{margin-bottom: 15px;font-size: 16px;font-weight: normal;}
.gt{width:160px;float: left;}
.gt h4{color:#fff;font-family: "微软雅黑";font-size: 16px;margin-top: 0px !important;margin-bottom: 28px;}
.gt > div{width:100%;height:70px;border:1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
}
.gt > div input{ width:130px;margin-left:15px;height:34px;color:#fff;}
.gt > div  hr{margin-bottom: 0px !important; margin-top: 0px !important;width:130px;margin-left: 15px;}
input::-ms-input-placeholder{font-family: "微软雅黑";}
input::-webkit-input-placeholder{font-family: "微软雅黑";}
input::-moz-input-placeholder{font-family: "微软雅黑";}
input::-o-input-placeholder{font-family: "微软雅黑";}
.gt .tj{width:230px;height:30px;border:none;margin-top: 25px;}
.tj button{height:30px;width:50px;font-family: "微软雅黑";
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top:3px !important;
}
.gt .tj >div:first-child{width:50px;height:100%;float: left;}
.gt .tj >div:last-child{height:100%;margin-left: 60px;}
.gt .tj p{color: #fff; font-size: 12px;}
.ewm{height:170px;float:right;margin-top: 40px;display: flex;justify-content: center;width: 100%;}
.ewm >div{margin: 0 5px;}
.ewm >div:first-child{width:90px;height:100%;text-align: center;}
.ewm >div:first-child img{margin-bottom: 10px;}
.ewm >div:last-child img{margin-bottom: 10px;}
.ewm >div:nth-child(2){width:90px;height:100%;text-align: center;}
.ewm >div:nth-child(2) img{margin-bottom: 10px;}
.ewm >div:nth-child(3){width:90px;height:100%;text-align: center;}
.ewm  p{font-family: "微软雅黑";color:#fff;font-size: 12px;}
.foot-bottom{margin:0 auto;height:100px;clear: both;width:100%;}
.foot-bottom .line{width:100%;background:#fff;border-top: 1px solid #fff;height:0px;margin-bottom: 20px;}
.foot-bottom-left{width:75%;height:80px;float:left;}
.foot-bottom-left > div:first-child{height:100%;width:130px;float: left;padding-top: 5px;}
.foot-bottom-left > div:last-child{margin-left: 145px;height:100%;}
.foot-bottom-left  p{font-family: "微软雅黑";color:#fff;font-size: 14px;}
.foot-bottom-left  p a{color:#fff;}
.foot-bottom-right {width:25%;float: right;height:40px;}
.foot-bottom-right >div:first-child{width:50%;height:100%;float:left;text-align: right;}
.foot-bottom-right >div:last-child{width:50%;height:100%;float:right;text-align: right;position: relative;}
.foot-bottom-right >div:first-child .p1{font-family: "微软雅黑";color:#fff;font-size: 14px;}
.foot-bottom-right >div:first-child .p2{font-family: "微软雅黑";color:#fff;font-size: 18px;font-style: italic;}
.foot-bottom-right >div:last-child em{margin-left: 20px;position: absolute;right:0px}
.foot-bottom-right >div:last-child i{position: absolute;right:75px}
.foot-phone{ width:100%;height:360px; background: #333; padding-top: 15px;}
.foot-phone-m{width:97%; height:100%; margin: 0 auto;}
.foot-phone li { font-family: "微软雅黑"; list-style: none; color:#ccc; width:100%;height:40px; background:#242424;margin-top:8px;line-height: 40px;text-align: center;font-size: 14px;}
.foot-phone li a{color:#ccc; text-decoration: none; }
.foot-phone-m ul{padding-left: 0px;}

@media  (max-width: 1024px) {
.foot-right{display:none;}	
.foot-left{width:100% !important;}
.foot-left dl{text-align: center !important;}
.foot-bottom-right{display:none;}
.foot-bottom-left{width:100%;}
}
@media  (min-width: 641px) {
.foot-phone{display:none;}
.banner{margin-top: 78px;}
}

@media  (max-width: 640px) {
.foot-phone{display:block;}
.foot_main{width:100%; padding-top: 30px;}
.foot-left{display:none;}
.foot-bottom{width:95%;margin:0 auto;height:auto;
padding-bottom: 120px;
overflow: hidden;}
.foot-bottom-left{width:100%;height:auto;}
.foot-bottom-left .p2{display: none;}
}