
html,body{
	margin:0;
	padding:0;
	font-size:16px;
	font-family:arial,sans-serif;
	position: relative;
	letter-spacing: 1px;
	}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,img{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	font-weight: normal;
	font-size: 16px;
	font-family:arial;
	}		
a{text-decoration: none; color:#444; font-size: 16px;}
.clear{clear: both;}
.hide{display: none;}
.width{width: 95%;margin: auto;}

.container {
    width: 1480px;
    width: 1660px;
    margin: 0 auto;
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/*搜索框*/
.bg{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);position: absolute;top: 0;left: 0;z-index: 9999;display: none;}
.sou{width: 100%;height: 300px;background: #fff;position: absolute;top: 0;left: 0;z-index: 99999;display: none;}
.sou1{width: 600px;margin: auto;height: 50px;background: #f5f5f5;border-radius: 5px;margin-top: 100px;}
.sou1a{width: 85%;height: 50px;float: left;}
.sou1a input{width: 90%;padding: 0 5%;height: 100%;display: block;background: none;outline: none;}
.sou1b{width: 13%;height: 50px;float: right;}
.sou1b input{width: 100%;height: 100%;display: block;cursor: pointer;color: rgba(0, 0, 0, 0);background: url(../image/icon9.png) center no-repeat;background-size: 20px;}
.close1{position: absolute;top: 30px;right: 30px;cursor: pointer;-webkit-transition: -webkit-transform 0.8s;-ms-transition: -ms-transform 0.8s;}
.close1 img{display: block;width: 20px;}
.close1:hover{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
/*banner*/
.banner{width: 100%;overflow: hidden;position: relative;}
.bannertextzi {  height: 45%;position: absolute;left: 7.7%;top: 30%;}
.bannertextzi h1 {font-size: 5vw; color: #fff; font-weight: bold;}
.bannertextzi p {font-size: 3vw; color: #fff; font-weight: bold;} 
.bannertextzi .bannerp {font-size: 2vw; color: #fff;  margin-top: 11%; margin-bottom: 3%; font-weight: normal;}
.bannertextzi .linebanner {width: 3%;height: 1px; border-bottom:1px solid #fff;}
.banner .owl-carousel .item{width: 100%;height: 100%;}
.banner .owl-carousel .item img{width: 100%;height: 100%;display: block;}
.banner .owl-theme .owl-controls{position: absolute;width: 100%;bottom: 100px;left: 8%;}
.banner .owl-theme .owl-dots{font-size: 0;}
.banner .owl-theme .owl-dots .owl-dot{position: relative;display: inline-block;vertical-align: top;font-size: 0;}
.banner .owl-theme .owl-dots .owl-dot span{width: 35px;background: none;border-radius: 0;color: #d91d1f;display: inline-block;vertical-align: top;font-size: 14px;}
.banner .owl-theme .owl-dots .owl-dot.active span{color: #fff;}
.banner .owl-theme .owl-dots .owl-dot:nth-of-type(1) span::before{content: "01";}
.banner .owl-theme .owl-dots .owl-dot:nth-of-type(2) span::before{content: "02";}
.banner .owl-theme .owl-dots .owl-dot:nth-of-type(3) span::before{content: "03";}
.banner .owl-theme .owl-dots .owl-dot:nth-of-type(4) span::before{content: "04";}
.banner .owl-theme .owl-dots .owl-dot:nth-of-type(5) span::before{content: "05";}
.banner .owl-theme .owl-dots .owl-dot:nth-of-type(6) span::before{content: "06";}
.posi{position: absolute;bottom: 70px;left: 8%;z-index: 999;}
.posi img{display: block;}
.posispan1{width:18px; height:1px;background-color:#d91d1f; float: left;}
.posispan2{width:36px; height:8px; background:url(../image/icon.png) no-repeat;float: left;}
.sfixed{position:fixed;top:0px;left:0px;z-index:10;transition: all 0.3s ease-in-out;}
.scroll{width: 100%;height: 50px;background: #000;}
.all1{width: 100%;overflow: hidden;}
.left{width: 6.25%;width:0;display:none;float: left;height: 100%;background: url(../image/bg1.jpg) center no-repeat;background-size: 100% 100%;transition: all 0.3s ease-in-out;}
.left ul{position: relative;width: 100%;height: 100%;}
.right{width: 93.75%;width:100%;float: right;}
.logo2{margin-top: 40px;}
.logo2 img{display: block;margin: auto;width: 60%;}
.menu h1{width: 2px;height: 40px;display: inline-block;vertical-align: top;background: #fff;margin: 0 4px;overflow: hidden;position: relative;}
.menu h1:nth-of-type(1){height: 30px;}
.menu{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;
height: 40px;width: 100%;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin-top: auto;overflow: hidden;
background: none;border: none;bottom: 125px;position: absolute;left: 0;cursor: pointer;}
.menu span{width: 100%;position: absolute;top: 90%;height: 100%;background: #69bd83;transition: all 0.3s ease-in-out;}
.menu:hover h1 span{top: 0;}
.float{height: 110px;position: absolute;top: 50%;margin-top: -90px;left: 0;width: 100%;}
.float li{height: 45px;cursor: pointer;position: relative;}
.float li h1 a{display: block;}
.float li h1 img{width: 20px;display: block;margin: auto;}
.float li h2{width: 100px;position: absolute;top: 50%;margin-top: -50px;right: -88%;display: none;}
.float li h2 img{width: 100%;display: block;}
.float li:hover h2{display: block;}
/*head*/
header{width: 84%;position: absolute;padding: 0 8%;top: 40px;left: 0;z-index: 999;}
.logo{float: left;}
.logo img{display: block;}
.head1{float: right;margin-top: 18px;}
.head1 img{display: block;width: 25px;cursor: pointer;}
nav{float: right;font-size: 0;}
nav li{display: inline-block;vertical-align: top;margin-right: 70px;position: relative;}
nav li h1{line-height: 62px;}
nav li h1 a{color: #fff;font-size: 18px;display: block;}
nav li h1 a span{position: relative;padding-bottom: 12px;}
nav li h1 a span:after{position:absolute;left:50%;right:50%;bottom:0;right:0;width:0;height: 1px;line-height:0;background:#fff; content: "";transition:all 0.3s linear;}
nav .on h1 a{color: #fff;}
nav li h1 a:hover span:after{width:100%;left:0;right:0;}
nav .on h1 span{background: url(../image/bg3.jpg) center bottom no-repeat;background-size: 100% 1px;}
/*首页产品中心*/
.sypro{width: 88%;margin: auto;overflow: hidden;margin-top: 120px;margin-bottom: 15px;}
.index1{width: 22%;float: left;margin-top: 5vw;}
.index1 span{color: #464646;font-size: 34px;display: block;margin-top: 5px;font-family:arial;}
.index1a{width: 130px;height: 35px;margin-top: 8vw;text-align: center;line-height: 35px;}
.index1a a{display: block;background: #bf1b1d;color: #fff;position: relative;text-transform: uppercase;-webkit-transform: translateZ(0);transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;}
.index1a a:before {
content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #d91d1f;-webkit-transform: scaleX(0);
transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
}
.index1a a:hover:before, .index1a a:focus:before, .index1a a:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.sypro1{width: 75%;float: right;position: relative;}

.sypro1 .swiper-slide{position: relative;transform: scale(0.8);transition: transform 0.5s;-webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;}
.sypro1 .swiper-slide-active{transform: scale(1);}
.sypro1 .swiper-slide h1{color: #5e5e5e;font-size: 24px;font-family:arial;margin-top: 20px;
	background: url(../image/bg4.jpg) left center no-repeat;padding-left: 20px;}
.sypro1 .swiper-slide-active h1{display: none;}
.pic1 h2{position: absolute;bottom: 20px;width: 80%;left: 10%;color: #5e5e5e;font-size: 24px;display: none;font-family:arial;
	background: url(../image/bg4.jpg) left center no-repeat;padding-left: 10px;}
.sypro1 .swiper-slide-active .pic1 h2{display: block;}
.sypro1 .swiper-button-next{width: 50px;height: 50px;position: absolute;bottom: 165px;left: -50px;background: #bf1b1d url(../image/left1.png) center no-repeat;
background-size: 11px;z-index: 999;outline: none;cursor: pointer;}
.sypro1 .swiper-button-prev{width: 50px;height: 50px;position: absolute;bottom: 165px;left: 0;background: #ffffff url(../image/right1.png) center no-repeat;
background-size: 11px;z-index: 999;outline: none;cursor: pointer;}


/*展开导航*/
.open{width: 100%;height: 100%;background: #bf1b1d url(../image/bg7.jpg) left top no-repeat;position: fixed;top: 0;left: -100%;z-index: 9999;
	overflow: hidden;transition: all 1s ease-in-out;}
.left1{width: 6.25%;height: 100%;background: none;position: absolute;top: 0;left: 0;}
.left1 ul{position: relative;width: 100%;height: 100%;}
.nav-open{width: 60%;margin: auto;overflow: hidden;margin-top: 8vw;}
.nav-open ul{float: left;margin-left: 12%;}
.nav-open ul:nth-of-type(1){margin-left: 0}
.nav-open ul h1{color: #aed7f3;font-size: 32px;}
.nav-open ul h1 a{color: #aed7f3;}
.nav-open ul dl dt{margin-top: 23px;}
.nav-open ul dl dt a{color: #aed7f3;font-size: 18px;padding-bottom: 8px;}
.nav-open ul dl dt:hover a{background: url(../image/bg8.jpg) center bottom no-repeat;background-size: 100% 1px;color: #d6efff;}
.close2{position: absolute;top: 35px;right: 35px;-webkit-transition: -webkit-transform 0.8s;-ms-transition: -ms-transform 0.8s;}
.close2 img{display: block;width: 30px;cursor: pointer;}
.close2:hover{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.open-home{position: absolute;bottom: 80px;right: 10%;}
.active02{left: 0 !important;}

.banner-phone{display: none}
.bannertext-phone {position: absolute;left: 7.7%;top: 30%;}
.bannertextzis h1 {font-size: 5vw; color: #fff; font-weight: bold;}
.bannertextzis p {font-size: 3vw; color: #fff; font-weight: bold;} 
.bannertextzis .bannerp {font-size: 2vw; color: #fff;  margin-top: 11%; margin-bottom: 3%; font-weight: normal;}
.bannertextzis .linebanner {width: 3%;height: 1px; border-bottom:1px solid #fff;}
.banner-phone .owl-carousel .item{width: 100%;height: 100%; position: relative;}
.banner-phone .owl-carousel .item img{width: 100%;height: 100%;display: block;}
.banner-phone .owl-theme .owl-controls{position: absolute;width: 100%;bottom: 30px;}
.banner-phone .owl-theme .owl-dots{font-size: 0;text-align: center;}
.banner-phone .owl-theme .owl-dots .owl-dot{position: relative;display: inline-block;vertical-align: top;font-size: 0;margin: 0 3px;}
.banner-phone .owl-theme .owl-dots .owl-dot span{background: #fff;border-radius: 0;display: inline-block;vertical-align: top;width: 30px;height: 2px;}
.banner-phone .owl-theme .owl-dots .owl-dot.active span{background: #d91d1f;}
.sypro1-phone{width: 100%;position: relative;margin-top: 30px;display: none;}
.pic1{background: #efefef;padding: 90px 0;} 
.pic1 img{/*height: 368px;*/display: block;margin: auto;width: 100%;}
.sypro1-phone .swiper-slide{position: relative;}
.sypro1-phone .swiper-slide h1{color: #5e5e5e;font-size: 18px;font-family:arial;margin-top: 20px;
	background: url(../image/bg4.jpg) left center no-repeat;padding-left: 20px;}
.pic1 h2{position: absolute;bottom: 20px;width: 80%;left: 10%;color: #5e5e5e;font-size: 24px;font-family:arial;
	background: url(../image/bg4.jpg) left center no-repeat;padding-left: 10px;}
.sypro1-phone .swiper-button-next{display: none}
.sypro1-phone .swiper-button-prev{display: none}

.head-phone{display: none;padding: 10px 3%;overflow: hidden;}
.logo-phone{float: left}
.logo-phone img{height: 50px;}
.menu-phone{float: right;margin-top: 20px;}
.menu-phone img{width: 30px;display: block;}
.head1-phone{float: right;margin-right: 3%;margin-top: 17px;}
.head1-phone img{width: 25px;display: block;}


.sypro1-phone-1{display: none}
.sypro1-phone-1{width: 100%;position: relative;margin-top: 30px;display: none;}
.pic1{background: #efefef;padding:0px;} 
.sypro1-phone-1 .swiper-slide{position: relative;}
.sypro1-phone-1 .swiper-slide h1{color: #5e5e5e;font-size: 18px;font-family:arial;margin-top: 20px;
	background: url(../image/bg4.jpg) left center no-repeat;padding-left: 20px;}
.pic1 h2{position: absolute;bottom: 20px;width: 80%;left: 10%;color: #5e5e5e;font-size: 24px;font-family:arial;
	background: url(../image/bg4.jpg) left center no-repeat;padding-left: 10px;}
.sypro1-phone-1 .swiper-button-next{display: none}
.sypro1-phone-1 .swiper-button-prev{display: none}



#IndexBlock{ padding:125px 0 90px; background-color: #f3f3f3; }
#IndexBlock .l_img{ width: 54%; position: relative; }
#IndexBlock .l_img:before{ display: block; content: ""; height: 100%; width: 43.9%; padding-top:43px; padding-left: 55px; position: absolute; left: -55px; top: -43px; background-color: #ececec; box-sizing: content-box; }
#IndexBlock .l_img .about_imgs{ overflow: hidden; }
#IndexBlock .l_img img{ display: block; width: 100%; }
#IndexBlock .l_img .Box{ display: block; position: relative; }
#IndexBlock .l_img .about_imgs{ overflow: hidden; }
#IndexBlock .l_img .BtnBox{ width:10%; text-align: right; position: relative; padding:25px 20px; }
#IndexBlock .l_img .BtnBox span{ outline:none;display: inline-block; vertical-align: middle; margin:0 2px; }
#IndexBlock .l_img .BtnBox .line{ display: inline-block; height: 1px; width: 14px; vertical-align: middle; background-color: transparent; position: relative; top: 0px; }
#IndexBlock .l_img .BtnBox span:hover .line{ background-color: #999999; transform: translateX(0); }
#IndexBlock .l_img .BtnBox .icons{ display: inline-block; width:8px; height: 14px; vertical-align: middle; }
#IndexBlock .l_img .BtnBox .a-prev .icons{ background-position: -462px 1px; transform: translateX(2px); }
#IndexBlock .l_img .BtnBox .a-next .icons{ background-position: -496px 1px; transform: translateX(-2px); }
#IndexBlock .l_img .BtnBox .a-prev .line{ transform: translateX(2px); margin-left: 4px; }
#IndexBlock .l_img .BtnBox .a-next .line{ transform: translateX(-2px); margin-right:4px; }
#IndexBlock .r_con{ width:30%;margin-left:10%;}
#IndexBlock .r_con .title{ position: relative; font-weight: bold; margin-bottom: 35px;  }
#IndexBlock .r_con .en{ font-size: 56px; opacity: 0.08; line-height: 1.1em; }
#IndexBlock .r_con .cn{ font-size: 30px; position: absolute; left: 0; bottom: 0.4em; line-height: 1.1em; }
#IndexBlock .r_con .line{ position: absolute; bottom:-15px; left: 0; width: 1em; height: 2px; background-color: #c6c6c6; }
#IndexBlock .r_con .cont{ margin-bottom:100px; line-height:2; color:#666666;font-size: 16px; }
#IndexBlock .r_con .numBox{ margin-bottom: 8%; }
#IndexBlock .r_con .numBox span{ display: inline-block; }
#IndexBlock .r_con .n{ display: inline-block; vertical-align: top; }
#IndexBlock .r_con .n1{ width: 30%; padding-right: 15px; }
#IndexBlock .r_con .n2{ width: 38%; padding:0 30px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
#IndexBlock .r_con .n3{ width: 30%; padding-left: 15px; }
#IndexBlock .r_con .num{ font-weight: bold; font-size: 40px; line-height: 1.1em; }
#IndexBlock .r_con .num i{ font-size: 20px; font-style: normal; }
#IndexBlock .r_con .numBox p{ color:#666666; }
.f_l{ float: left; display: inline-block; }
.f_r{ float: left; display: inline-block; }
.container{ margin:0 auto; max-width: 100%;/* padding-left: 15px; padding-right: 15px;*/ }
.icons{ background-image: url(../image/icons.png); background-repeat: no-repeat; display: inline-block; }
.MoreBox{width:150px;height: 50px;line-height: 50px;text-align: center;background: #bf1b1d;border-radius: 35px;color:#fff;}
.MoreBox a{transition:1s;-webkit-transition:1s;display:block;width:150px;height: 50px;line-height: 50px;text-align: center;background: #bf1b1d;border-radius: 35px;color:#fff;}
.MoreBox a:hover{background: #d91d1f;}

@media (max-width:800px) {
	#IndexBlock{
		padding: 55px 0 90px;
	}
	#IndexBlock .l_img,#IndexBlock .r_con{
		width:100%;
		padding:0 10%;
		box-sizing:border-box;
		display:none;
	}
	#IndexBlock .l_img,#IndexBlock .r_con:after{
		clear:both;
	}
	#IndexBlock .l_img:before{display:none;}
	#IndexBlock .l_img .BtnBox{
		display: none;
	}
	.f_r{
		float:none;
	}
	#IndexBlock .r_con .n1{
		padding:0;margin:1%;
	}
	.swiperhz img{
		width: 100%;
	}
	#IndexBlock .r_con .cont{
		margin-bottom: 40px;
	}
	
}

/*案例*/
#swiper2 .prolist{height:auto;width: 25%;position: relative;cursor: pointer;float: left;background-size:cover;background-repeat: no-repeat;}
#swiper2 .prolist img{width: 100%;height:100%;}
#swiper2 .prolist .limask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;}
#swiper2 .prolist .limask .titlebox{width: 100%;height: 100%;box-sizing: border-box;position: absolute;overflow: hidden;left: 0;top: 0;}
#swiper2 .prolist .limask .titlebox .title{margin-left: 7.082%;margin-top: 13.3333%;}
#swiper2 .prolist .limask .titlebox .ti{font-size: 24px;line-height: 26px;color: #ffffff;margin-bottom: 18px;}
#swiper2 .prolist .limask .titlebox .te{font-size: 18px;line-height: 18px;color: rgba(255, 255, 255, 0.6);}
#swiper2 .prolist .limask .titlebox .content{font-size:15px;margin:22.9% 7.082%;padding:0 18px;opacity: 0;transition: all .3s;color: #ffffff;line-height: 2.5;}
#swiper2 .prolist .limask .titlebox .content li{list-style: initial;font-size: 16px;line-height: 36px;color: #ffffff;}
#swiper2 .prolist .limask .morebox{font-size: 14px;line-height: 20px;color: #ffffff;width: 110px;background-image: url(../image/jiantou-r2.png);background-repeat: no-repeat;background-position: right center;position: absolute;left: 7%;bottom: 7.25%;opacity: 1;transition: all .3s;}
#swiper2 .prolist .limask:hover{/*background: url(../image/index-08.png);*/background: rgba(0, 0, 0, 0.6);background-size: 100% 100%;}
#swiper2 .prolist .limask:hover .titlebox .content{opacity: 1;}
#swiper2 .prolist .limask:hover .morebox{opacity: 1;}
#swiper2 .btn{width: 60px;height: 100%;position: absolute;top: 0;background-color: rgba(0, 0, 0, 0.15);z-index: 11;opacity: 0;transition: all .3s;cursor: pointer;}
#swiper2 .prev2{left: 0;background-image: url(../image/index-13.png);background-repeat: no-repeat;background-position: center center;}
#swiper2 .next2{right: 0;background-image: url(../image/index-12.png);background-repeat: no-repeat;background-position: center center;}
#swiper2:hover .btn{opacity: 1;}
.alsj{display: none}

.titleh1{color: #464646;font-size:60px;font-family:Arial;text-transform: uppercase;line-height: 50px;}
.titlespan{color: #464646;font-size: 34px;font-family:arial;display: block;margin-top: 5px;}





/*新闻中心*/
.ipart03{padding:80px 0;background:#f7f7f7;}
.ipart03 .wrap{width:100%;margin:0 auto;}
.ipart03 .infor{text-align:left;width:50%;float:left;}
.ipart03 .infor2{width:50%;float:right;}
.ipart03 .infor .tit{font-size:34px; line-height:34px; color:#2a2a2a;}
.ipart03 .content{margin-top:50px;}
.ipart03 .content .left2{width:32%; float:left;}
.ipart03 .content .left2 a{display:block;}
.ipart03 .content .left2 .intro{background:#fff}
.ipart03 .content .left2 .intro .box{padding:25px 53px 51px 35px;}
.ipart03 .content .left2 .intro .box .t{font-size:20px; color:#1c1c1c; margin-bottom:3px;}
.ipart03 .content .left2 .intro .box .c{font-size:16px; color:#7b7b7b; margin-bottom:15px;}
.ipart03 .content .left2 .intro .box .date{font-size:14px; color:#9d9d9d; font-family:Arial; position:relative;}
.ipart03 .content .left2 .intro .box .icon{transition:1s;width:32px; height:9px; background:url(../image/ipart03_2.png) no-repeat center; position:absolute; right:0; bottom:2px;}
.ipart03 .content .left2:hover .intro .box .t{color:#bf1b1d}
.ipart03 .content .center{width:32%; float:left; margin:0 2%;}
.ipart03 .content .center .item{background:#fff; transition:all 0.5s ease;}
.ipart03 .content .center .item01{margin-bottom:20px;}
.ipart03 .content .center .item_box{display:block; padding:40px 42px 31px;}
.ipart03 .content .center .item_box .t{font-size:20px; color:#242424; transition:all 0.5s ease;}
.ipart03 .content .center .item_box .c{font-size:16px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.ipart03 .content .center .item_box .date{color:#9d9d9d; position:relative; font-family:Arial; border-top:1px solid #d8d8d8; transition:all 0.5s ease; margin-top:20px; padding-top:20px;}
.ipart03 .content .center .item_box .date .day{font-size:37px; line-height:37px; font-weight:bold;}
.ipart03 .content .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.ipart03 .content .center .item_box .date .icon{width:32px; height:9px; background:url(../image/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:1s;}
.ipart03 .content .center .item_box:hover .icon{right:45px;}
.ipart03 .content .left2 .intro:hover .icon{ right:30px;}
.ipart03 .content .center .item:hover{box-shadow:0 0 20px rgba(0,0,0,.1)}
.ipart03 .content .center .item:hover .item_box .t{color:#bf1b1d}
.ipart03 .content .center .item:hover .item_box .c{color:#bf1b1d}
.ipart03 .content .center .item:hover .item_box .date{color:#bf1b1d}
.ipart03 .content .center .item:hover .item_box .date .icon{background:url(../image/ipart03_2.png) no-repeat center;}
.ipart03 .content .right{width:32%; float:right}
.ipart03 .content .right li{margin-top:17px; background:#fff; transition:all 0.5s ease;}
.ipart03 .content .right li:first-child{margin-top:0}
.ipart03 .content .right .li_box{display:block; padding:40px 35px 40px 50px;}
.ipart03 .content .right .li_box .date{display:inline-block; width:25%; color:#9d9d9d; font-family:Arial; border-right:1px solid #d8d8d8; margin-right:8%; transition:all 0.5s ease; vertical-align:middle; padding:3px 0;}
.ipart03 .content .right .li_box .date .day{font-size:37px; line-height:37px; font-weight:bold;}
.ipart03 .content .right .li_box .date .line{width:21px; height:2px; background:#d4d4d4; margin:10px 0 13px;}
.ipart03 .content .right .li_box .date .year{font-size:14px; line-height:20px;}
.ipart03 .content .right .li_box .intro{display:inline-block; width:65%; vertical-align:middle;}
.ipart03 .content .right .li_box .intro .t{font-size:20px; color:#2c2c2c; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.5s ease;}
.ipart03 .content .right .li_box .intro .icon{width:32px; height:9px; background:url(../image/ipart03_3.png) no-repeat center; margin-top:15px; transition:1s;}

.ipart03 .content .right li:hover {box-shadow:0 0 20px rgba(0,0,0,.1)}
.ipart03 .content .right li:hover .li_box .date{color:#bf1b1d;}
.ipart03 .content .right li:hover .li_box .intro .t{color:#bf1b1d;}
.ipart03 .content .right li:hover .li_box .intro .icon{background:url(../image/ipart03_2.png) no-repeat center;    width: 100px;}
.rect-86{background: #fff;}
._full {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 380px;
}
/*新闻中心*/
@media (max-width:800px) {
	#swiper2 .prolist{
		width:50%;
	}
	.alsj{display: block}
	.alpc{display: none}
	#swiper2 .prolist .limask .titlebox .content{display: none}
	.ipart03 .content .left2{width:100%}
    .ipart03 .content .center{width:100%; margin:30px 0;}
    .ipart03 .content .center .item01{margin-bottom:30px;}
    .ipart03 .content .right{width:100%;display: none;}
    .ipart03 .content .right li{margin-top:30px;}
	.ipart03{padding:20px 0 0 0;}
    .ipart03 .infor .tit{font-size:20px; line-height:24px;}
    .ipart03 .content{margin-top:15px;}
    .ipart03 .content .left2 .intro .box{padding:25px;}
    .ipart03 .content .center{margin:20px 0;}
    .ipart03 .content .right li{margin-top:20px;}
    .ipart03 .content .right .li_box .intro .t{font-size:16px;}
}
.newjia{
	width:80px;
	height: 80px;
	line-height: 80px;
	font-size: 50px;
	text-align: center;
	color: #fff;
	display: block;
	background: #bf1b1d;
	float:right;
	transition:1s;
	-webkit-transition:1s; /* Safari */

}
.newjia:hover{
	background: #fc2022;
}


/*合作伙伴*/

.fa-angle-right:before{ content:'>';}
.fa-angle-left:before{ content:'<';}
.fa-angle-left{float: left}
.fa-angle-right{float: right}
.ipar{
	width:1600px;
	margin: 0 auto;
	display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.ipart03 .bot1{
	width:1480px;
	width:100%;
    max-width: 1480px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}
.mySwiper1{
	width:100%;
    max-width: 1480px;
    margin: 0 auto;

}
.swiperhz {
    text-align: center;
    font-size: 18px;
    height: 250px;
  }

  .swiperhz img {
    display: block;
    /*width: 100%;*/
    object-fit: cover;
  }
  .ipart03 .swiper-button-prev03, .ipart03 .swiper-button-next03{
	font-family: "宋体";
    width: 45px;
    height:45px;
    /*display: flex;
    display: -webkit-flex;*/
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: none;
    font-size: 30px;
    color: #d9dadb;
    outline: none;
    position: relative;
    top: -100px;
    z-index: 10;
    cursor: pointer;
    text-align: center;
  }
  .iparp{
  	line-height: 50px;
  	height: 50px;
  	text-align: center;
  	color: #707070;
  	width: 100%;
  }
@media (max-width: 800px){
	.ipar {
	    width: 100%;
	}
	.ipart03 .bot1 {
    width: 100%;
	}
	.ipart03 .swiper-button-prev03, .ipart03 .swiper-button-next03{
		top:-120px;
	}
	.titleh1{
		font-size: 25px;
    	line-height: 25px;
    	text-align: center;
	}
	.titlespan{
		font-size: 18px;
		text-align: center;
	}
}
/*合作伙伴*/


/*footer*/
footer{height:610px;background: url(../image/bg9.jpg) center bottom no-repeat;}
.foot{max-width: 1580px;width:100%;margin: auto;padding-top:60px;overflow: hidden;}
.foot1{width: 450px;float: left;}
.foot1a{color: #fff;font-size: 26px;letter-spacing: 3px;}
.foot1a img{display: inline-block;vertical-align: top;width: 19px;margin-top: 15px;}
.foot1b{margin-top: 20px;}
.foot1c{height: 60px;margin-top: 2px;background: rgba(255, 255, 255, .25);line-height: 60px;overflow: hidden;}
.foot1c label{float: left;color: #fff;font-size: 16px;margin-left: 20px;}
.foot1c input{width: 315px;height: 60px;float: left;background: none;outline: none;color: #fff;font-size: 16px;}
.foot1d{height: 200px;margin-top: 2px;background: rgba(255, 255, 255, .25);line-height: 60px;overflow: hidden;}
.foot1d label{float: left;color: #fff;font-size: 16px;margin-left: 20px;}
.foot1d textarea{width: 360px;height: 150px;float: left;background: none;outline: none;color: #fff;font-size: 16px;margin-top: 18px;overflow-y:hidden}
.foot1e{width: 180px;height: 50px;margin-top: 30px;background: #004098;text-align: center;color: #fff;font-size: 18px;letter-spacing: 8px;line-height: 50px;position: relative;}
.foot1e img{display: inline-block;width: 20px;vertical-align: top;margin-top: 15px;}
.foot1e input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;}
.foot2{max-width: 805px;float:right;margin-right:100px;}
.foot2a{overflow: hidden;margin-top: 50px;position: relative;padding-bottom: 75px;}
.foot2a ul{float: left;line-height: 35px;margin-left: 65px;}
.foot2a ul h1{color: #ffffff;font-size: 18px;margin-bottom: 20px;}
.foot2a ul li a{color: #c9c9c9;display: block;}
.foot2a ul:nth-of-type(1){margin-left: 0;}
.foot2a ul li:hover a{color: #fff;}
.foot3{text-align: right;margin-top: 25px;}
.foot3 img{display: inline-block;vertical-align: top;width: 43px;margin-right: 10px;}
.foot3 p{display: inline-block;vertical-align: top;color: #fff;font-size:30px;font-weight: bold;line-height: 40px;}
.ewm{position: absolute;bottom: 0;right: 0;text-align: center;}
.ewm img{display: block;margin-bottom: 10px;}
.ewm span{color: #fff;}
.foot4{height: 69px;line-height: 68px;background: #212428;}
.foot4a{max-width: 1580px;margin: auto;overflow: hidden;width:100%}
.foot4b{float: left;color: #eae5e3;font-size: 14px;}
.foot4b a{color: #eae5e3;font-size: 14px;padding-left: 18px;}
.foot4c{float: right;}
.foot4c a{color: #eae5e3;font-size: 14px;}
/*footer*/


/**悬浮框**/
#NavFloat{ position: fixed; display: block; right: 20px; top:50%; transform: translateY(-50%); text-align: center; z-index: 99; }
#NavFloat .icon{ display: block; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background:url(../image/jiantou.png) no-repeat center/80%; opacity: 1; cursor: pointer; animation:backanim 0.89s ease infinite; }
#NavFloat .wrap{ transform: translateX(130%); /*border:1px solid #fff;*/ margin-left: 20px; }
#NavFloat .icon:hover{ opacity: 0; }
#NavFloat .icon:hover+.wrap,#NavFloat .wrap:hover{ transform: translateX(0); margin-left: 0; }
#NavFloat .Box{ display: block; height: 60px; width: 70px; background-color: #f3f3f3; padding: 10px 0 0 0; }
#NavFloat .Box+.Box{ border-top:2px solid #fff; }
#NavFloat .icons{ height: 30px; width: 30px; }
#NavFloat .txt{color:#333333;font-size:14px;}
#NavFloat .product .icons{ background:url(../image/nav1.png) no-repeat center; }
#NavFloat .phone .icons{ background:url(../image/nav2.png) no-repeat center; }
#NavFloat .Returntop .icons{ background:url(../image/nav3.png) no-repeat center; }
#NavFloat .Box:hover{ background-color: #dadada; }
#NavFloat .fdh{display:none;height:70px;font-size:14px;line-height: 70px;padding:0 20px;background: #f3f3f3;position:absolute;right:80px;top:0;width:200px;}
#NavFloat .fyx{display:none;height:70px;font-size:14px;line-height: 70px;padding:0 20px;background: #f3f3f3;position:absolute;right:80px;top:70px;width:200px;}
#bsBox,#bsBox *{ box-sizing: content-box; }
@keyframes backanim{
    0%{
        background-position: 80%;
    }
    100%{
        background-position: 5%;
    }
}
/**悬浮框**/


 /*内页头部*/


.channel_banner { position:relative; height:350px; overflow:hidden;}
.channel_menu { background-color:#ededed; }
.channel_menu ._menu_content { float:left; }
.channel_menu li { display:block; float:left; width:auto; font-weight:normal; }
.channel_menu li a { display:block; padding:24px 50px; font-size:15px; line-height:1;}
.channel_menu li a,.channel_menu li a:hover { color:#525252; }
.channel_menu li.cur a { background:#d90a1b;  }
.channel_menu li.cur a,.channel_menu li.cur a:hover { color:#fff; }
.channel_menu ._bread { width:auto; float:right; font-size:13px; color:#5a5a5a; font-weight:normal; line-height:63px; }
.channel_menu ._bread em { margin:0 5px; }
.channel_banner img { width:100%;height: 350px; }
.wrap{max-width: 1580px;margin-right: auto;margin-left: auto;width:100%;}
.channel_main{margin:50px 0;}
._bread a{padding:0 10px;}
 /*内页头部*/
}


/*联系我们*/

.ContactBlock{ margin:60px 0; }
.ContactBlock .top{height: 550px;margin:60px 0; }
.ContactBlock .l_cont{vertical-align: middle; display: block; width:40%;max-width: 40%; padding:100px;float:left;height: 100%;background-color: #f6f6f6;box-sizing:border-box;}
.ContactBlock .l_cont2{ display: block; width:60%;float:right;height: 100%  }
.ContactBlock .top .title{ font-size: 24px; }
.ContactBlock .top .title .line{ display: block; width: 1em; height: 2px; background-color: #cccccc; margin:15px 0; }
.ContactBlock .top .ul{ padding-top:25px; }
.ContactBlock .top .ul li{ position: relative; padding-left: 65px; font-size: 16px; line-height: 20px; color:#666666; margin-bottom:30px; }
.ContactBlock .top .ul li .t-cell{ display: table-cell; height: 48px; vertical-align: middle; }
.ContactBlock .top .ul .icons{ height: 48px; width: 48px; position: absolute; left: 0; display: block; border:1px solid #999999; border-radius: 50%; }
.ContactBlock .top .ul .phone { background-position:11px -110px; }
.ContactBlock .top .ul .fax { background-position:-48px -110px; }
.ContactBlock .top .ul .mail { background-position:-107px -110px; }
.ContactBlock .top .ul .address { background-position:-167px -110px; }
.ContactBlock .bot{ padding-top: 60px; }
.ContactBlock .bot .title{ font-size: 30px; line-height: 1.5em; }
.ContactBlock .bot .ltitle{ font-size: 14px; line-height: 20px; color:#999999; margin-top: 5px; margin-bottom: 35px; }
.ContactBlock .bot .form{box-sizing:border-box; background-color: #f6f6f6; padding:2.2% 2.7%; display: block; }
.ContactBlock .bot .tip{ font-size: 16px; line-height: 22px; color:#666666; }
.ContactBlock .bot .input{ display: block; width: calc(100% - 30px); background-color: #fff; font-size: 14px; line-height: 30px; padding:15px; color:#999; margin:15px 0 30px; }
.ContactBlock .bot .input:focus{ box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.ContactBlock .bot .br{ border-radius: 5px; }
.ContactBlock .bot .submit{ line-height: 44px; height: 44px; padding:0 45px; display: inline-block; background-color: #fff; font-size: 14px; }
.ContactBlock .bot .submit:hover{ background-color: #ccc; }
.ContactBlock .col-sm-6{width:47%;float:left;}
.ContactBlock .col-sm-6:nth-child(2n) {width:47%;float:left;margin-left:6%;}


/*联系我们*/
.AutoBlock{ font-size: 16px; line-height: 2em; padding:60px 0; }
.AutoBlock img{max-width: 100%}


/*关于我们内页*/

/*图片列表*/
	/**产品列表**/
.ProductList{ padding:60px 0 0 0; }
.ProductList .ul{ margin:0; margin-bottom: 20px; }
.ProductList .ul li{ padding:1%; text-align: center; }
.ProductList .ul a{ display: block; overflow: hidden; position: relative; font-size: 26px; line-height: 28px; color:#333; }
.ProductList .ul img{ display: block; transform: scale(1);width:100%;margin:0 auto;height: 100% }
.ProductList .ul a:hover img{ transform: scale(1); }
.ProductList .ul a:hover .Mark{ opacity: 1; transform: translateY(0); }
.ProductList .ul .Mark{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(243,243,243,0.95); opacity: 0; }
.ProductList .ul .cont{ position: absolute; left: 0; width: 100%;top: 50%; transform: translateY(-50%); }
.ProductList .ul .title{ margin-bottom: 4.5%; }
.ProductList .ul .more{ display: inline-block; border:1px solid #999999; border-radius: 50%; height: 44px; width: 44px; position: relative; }
.ProductList .ul .more .icons{ display: block; position: absolute; height: 18px; width: 18px; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; background-position: -43px 1px; }

.ProductList .col-md-4 {
    width: 30%;    float: left;margin:0 0.5%;
}

/**产品详情页**/
#ProductInfo{ padding-top:35px; }
#ProductInfo .message{ padding:25px; font-size: 16px; color:#666666; line-height: 1.8em; }
#ProductInfo .message .img{ width: 53.47%; padding-left:3.47%; background-color:#fff; }
#ProductInfo .message .title{ font-size: 32px; line-height: 1.1em; color:#333333; }
#ProductInfo .message .block{ border-top:1px dashed #a9a9a9; margin-top: 25px; padding-top: 25px; }
#ProductInfo .message .btit{ font-size: 24px; line-height: 1.2em; color:#333333; margin-bottom: 10px; }
#ProductInfo .cont img{}
#ProductInfo .cont .txtword{ padding:0 15px; max-width: 1470px; margin-left: auto; margin-right: auto; }
#ProPut{ padding:60px 0; }
#ProPut .title{ display: block; font-size:36px; position: relative; line-height: 1.2em; padding-bottom: 15px; margin-bottom: 15px; }
#ProPut .title .line{ position: absolute; display: block; width: 1em; height: 3px; left: 50%; bottom: 0; margin-left: -0.5em; background-color: #2c2c2c; }
#ProPut .P_put{ overflow: hidden; }
#ProPut .Box{ display: block; overflow: hidden; position: relative; font-size: 26px; line-height: 28px; color:#333; }
#ProPut img{ display: block; transform: scale(1); }
#ProPut .Box:hover img{ transform: scale(1.08); }
#ProPut .Box:hover .Mark{ opacity: 1; transform: translateY(0); }
#ProPut .Mark{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(243,243,243,0.95); transform: translateY(5px); opacity: 0; }
#ProPut .cont{ position: absolute; left: 0; width: 100%; padding:15px; top: 50%; transform: translateY(-50%); }
#ProPut .Box .atitle{ margin-bottom: 4.5%; }
#ProPut .Box .more{ display: inline-block; border:1px solid #999999; border-radius: 50%; height: 44px; width: 44px; position: relative; }
#ProPut .Box .more .icons{ display: block; position: absolute; height: 18px; width: 18px; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; background-position: -43px 1px; }
#ProPut .points{ padding-top: 30px; }
#ProPut .points span{ height: 10px; width: 10px; background-color: transparent; border-radius: 50%; border:1px solid #cccccc; opacity: 1; }
#ProPut .points span.swiper-pagination-bullet-active{ background-color: #ccc; }
/*图片列表*/


/*新闻中心*/
.news_list02{margin-top:15px; min-height:300px;}
.news_list02 .year{border-top:2px solid #51555e; position:relative;}
.news_list02 .year .latest_year{font-size:18px; color:#1f1f1f;background:#f7f7f8; padding-left:20px; line-height:54px; position:relative; border-bottom:1px solid #e0e1e2; cursor:pointer;}
.news_list02 .year ul{width:100%; background:#f7f7f8; position:absolute; left:0; top:100%; display:none; z-index:5;}
.news_list02 .year ul li a{display:block; padding:3px 20px;}
.news_list02 .content li{border-bottom:1px solid #e0e1e2;}
.news_list02 .content li a{display:block; padding:30px 24px 30px 20px;}
.news_list02 .content li .date{float:left; width:6.5%; padding:6px 0 19px; color:#8b8b8b; font-family:Arial; position:relative; line-height:22px;}
.news_list02 .content li .date .d{font-size:17px;}
.news_list02 .content li .date .y{font-size:13px;}
.news_list02 .content li .date:after{content:''; width:1px; height:69px; background:#d7d7d7; position:absolute; top:0; right:0;}
.news_list02 .content li .infor{float:left;width:88%; padding:5px 0 4px;}
.news_list02 .content li .infor .tit{font-size:18px; color:#1f1f1f; line-height:24px; padding-left:25px; margin-bottom:11px;}
.news_list02 .content li .infor .con{font-size:16px; color:#8c8c8c; line-height:24px; padding-left:25px;}
.news_list02 .content li .icon{width:38px; height:50px; background:url(../img/news_list03.png) no-repeat; float:right; margin-top:12px;}

/*触控*/
.news_list02 .content li:hover .date{color:#c8161d;}
.news_list02 .content li:hover .icon{background-position:-38px 0;}
.news_list02 .content li:hover .infor .tit{color:#c8161d;}
.news_list02 .content li:hover .infor .con{color:#c8161d;}
.news_detail01 .n_left .myart p a{color: #c8161d}

/*新闻中心*/
@media screen and (max-width: 760px) {
	.AutoBlock,.ProductList{max-width: 96%;margin:0 auto;padding:10px 0;min-height:300px;}
	.sypro1-phone-1 .swiper-slide h1{margin-bottom:20px;}
	#IndexBlock .r_con{margin:0 auto;display: block;}
	.ProductList .ul{height: auto;}
	.ProductList .col-md-4{width:47%;}
	.ProductList .ul .Mark{position: static;opacity:1;transform:none;background: #fff url() 0 0 no-repeat;}
	.ProductList .ul .cont{padding:0;position: static;transform:none;}
	.ProductList .ul .more{display: none;}
	.wrap{width:100%;}
	.channel_menu ._menu_content { text-align:center; float:none; display: flex;justify-content:center;}
	.channel_menu li {  line-height:43px;}
	.channel_menu ._bread{width:100%;display: flex;justify-content:center;display: none;}
	.channel_menu li a{padding:20px 15px;}
	.channel_main .wrap{padding:20px;}
	.channel_main .wrap table{width:100%!important;}
	.channel_main{margin-top: 0px;}
	.channel_part{margin:0px;}
	.channel_banner{height: 100px!important;}
	.channel_banner img{height: 100px;width:100%;}
	.side-always {
    position: fixed;
    z-index: 3;
    width: 100%;
    height: auto;
    right: 0;
    top: none;
	bottom:0;
    margin-top:0;
    box-sizing: border-box;
    display: none;
}
.ContactBlock{padding: 0;}
.ContactBlock .bot{ padding: 10px; }
.ContactBlock .bot .title,.ContactBlock .bot .ltitle{text-align: center;}
.ContactBlock .col-sm-6{width:100%;margin:0!important;}
.ContactBlock .col-sm-6:nth-child(2n){width:100%;margin:0!important;}
.ContactBlock .l_cont,.ContactBlock .l_cont2{width:100%;max-width: 100%}
.ContactBlock .l_cont{padding: 20px;height: auto;}
#NavFloat{display: none;}
.news_list02 .content li .date{width:20%;}
.news_list02 .content li .infor{width:78%;}
.wrap .infor{width:100%;text-align:center;}
.wrap .infor2{display: none;}
}
.conmap{
	
}
@media screen and (max-width: 1440px) {
.foot4a{width:100%!important;}
}
@media(max-width:800px){
	.l_cont2{display: none!important}
	.ContactBlock .top{height: auto;margin:0;}
}





















