@charset "UTF-8";

/*--type--*/

.snewc{width:100%;overflow:hidden; margin:0 auto 0 auto;height:auto;padding:80px 0 0px 0;}
.snewc ul li{ float:left; width:calc(33.33% - 1px); margin:0 1px 0 0;transition: all 0.5s;}
.snewc ul li:last-child{ margin-right:0px;}
.snewc ul li .snewwz{position:absolute;bottom:0px;width:100%;height:auto;}
.snewc ul li .snewimg{width:100%;height:auto; position:relative;overflow:hidden;}
.snewimg img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.snew_tit{font-size:30px; color:#fff;padding-bottom:30px;}
.snew_tit p{font-size:15px;background:#cf0000;width:100px;color:#fff;text-align:center; border-radius:200px;margin-top:8px;line-height:30px;}


.snew_wz{ font-size:15px;color:#fff;line-height:160%;padding-top:0;}

.snewwzc{ height:0;padding-top:0; transition:all 0.5s;overflow:hidden;}

.snewwzc1{ position:absolute; bottom:0px; height:110px; overflow:hidden; transition: all 0.5s;padding:0px 25px; padding-top:0px;  transition: 0.5s;}

.snewc ul li:hover{ background:#00a0e9;}
.snewc ul li:hover .snewwzc1{ height:190px; background-image: linear-gradient(transparent,#cf0000);}
.snewc ul li:hover .snew_tit{ color:#fff;}
.snewc ul li:hover .snew_tit p{background:#fff;width:100px;color:#666;}
.snewc ul li:hover .snew_wz{ color:#fff;}
.snewc ul li:hover .snew_date{ color:#fff;}

.snewc ul li:hover .snewimg img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/*--type end--*/

/*products--*/
.pro_title{width:auto;height:auto;overflow:hidden;padding:40px 0 0 0;}
.pro_title h1{font-size:42px;color: #333;margin:0 0 0 0;background:url(/static/default/assets/img/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;text-align:center; letter-spacing:1px;font-weight:600;}
.pro_con{font-size:16px;color:#666;line-height:200%;overflow:hidden;padding:8px 15% 40px 15%;text-align:center;}
/*products--*/


@media (max-width: 640px) {
.snewc{padding:1px 0 0px 0;}
.snewc ul li{width:100%; margin:0 0 1px 0;transition: all 0.5s;}
.pro_title{padding:10px 0 0 0;}
.pro_title h1{font-size:24px;padding-bottom:10px;}
.pro_con{font-size:15px;padding:8px 5% 0px 5%; letter-spacing:0px;}
.snew_tit{font-size:24px; color:#fff;padding-bottom:40px;}
}


.intebox{width:auto;height:auto;overflow:hidden;background:#fff;padding:110px 280px;margin-top:100px;}
.inte_title{padding:60px 0 40px 0;text-align:center;}
.inte_title h1{font-size:42px;color:#333;text-align:center;background:url(../images/hon3.png) no-repeat center bottom;padding-bottom:12px;letter-spacing:0px;font-weight:600;}
.inte_title p{font-size:16px;color:#777;line-height:170%;padding:10px 30% 0 30%;}

.inte_conn{font-size:24px;text-align:center;color:#555;padding:50px 0 5px 0;}

.inte{width:auto;height:auto;}
.inte li{float:left;width:calc(33.33% - 40px);margin:0 20px 0 20px;height:auto;background:#fff; border-radius:12px; position:relative;margin-top:60px;box-shadow:rgba(0,0,0,0.05) 0px 0px 20px;}
.inte li .title{text-align:center;font-size:36px;color:#333;padding-top:95px;}
.inte li .inon{width:120px;height:120px;display:block;border-radius: 50%; position:absolute;top:-60px;left:37%;box-shadow:rgba(0,0,0,0.1) 0px 0px 25px;}
.inte li .conn{padding:0 55px;font-size:16px;line-height:170%;color:#888;text-align:center;padding-top:15px;}
.inte li .more{width:64px;height:64px;border-radius:50%;margin:30px auto 50px auto;background:#f1f1f5 url(../images/nav_t11.png) no-repeat center center;transition: all 1s;}
.inte li:hover .l1 {background: url(../images/nav_t8s.png) no-repeat #e60012 center center; }
.inte li:hover .l2 {background: url(../images/nav_t9s.png) no-repeat #e60012 center center; }
.inte li:hover .l3 {background: url(../images/nav_t10s.png) no-repeat #e60012 center center; }
.inte li:hover .more{background:#e60012 url(../images/nav_t11s.png) no-repeat center center;}

.l1{background:#fff url(../images/nav_t8.png) no-repeat center center;transition: all 1s;}
.l2{background:#fff url(../images/nav_t9.png) no-repeat center center;transition: all 1s;}
.l3{background:#fff url(../images/nav_t10.png) no-repeat center center;transition: all 1s;}



.iabox{width:auto;height:auto;overflow:hidden;background:#f5f5f5;padding-bottom:80px;margin:60px 0;}
.iabolt{float:left;width:50%;height:auto;overflow:hidden;padding:80px 120px 0 180px;}
.iabort{float:right;width:50%;height:auto;overflow:hidden; position:relative;}
.iabort img{width:auto;height:493px;overflow:hidden;border-bottom-left-radius:10px;}
.iabort .conn{position:absolute;bottom:0px;width:430px;height:120px;background:rgba(230,0,18,0.9);overflow:hidden;padding:30px 50px 0 50px; border-bottom-left-radius:10px;color:#fff;font-size:30px;font-weight:600; letter-spacing:1px;}
.iabort .conn p{font-size:13px;color:#fff;font-weight:normal;letter-spacing:0px;}


/*about*/

.ws_title{width:auto;height:auto;overflow:hidden;padding:40px 0 0 0;}
.ws_title h1{font-size:42px;color: #333;margin:0 0 0 0;background:url(/static/default/assets/img/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;text-align:center; letter-spacing:1px;font-weight:600;}
.ws_con{font-size:16px;color:#666;line-height:200%;overflow:hidden;padding:20px 15% 50px 15%;text-align:center;}

/*about end*/

/*youshi*/
.youshi{height:auto;overflow:hidden;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.youshi li{float:left;width:25%;height:auto;overflow:hidden;border-right:1px solid #e8e8e8;text-align:center;padding:60px 0;}
.youshi li .title{text-align:center;font-size:24px;color:#333;padding:15px 0 15px 0;position: relative;}
.youshi li .title i{width: 21px; position: absolute;background: #dfdfdf; height: 1px;left: 50%;margin-left: -10px;bottom: 0;}
.youshi li .icon{width:100px;height:100px;display:block;margin:0 auto; border-radius:12px;}
.youshi li .conn{padding:0 55px;font-size:16px;line-height:170%;color:#888;text-align:center;padding-top:15px;}


.youshi li:nth-child(1) .icon{background: url(/static/default/assets/img/nav_t8.png)  center no-repeat;}
.youshi li:nth-child(2) .icon{background: url(/static/default/assets/img/nav_t9.png)  center no-repeat;}
.youshi li:nth-child(3) .icon{background: url(/static/default/assets/img/nav_t10.png)  center no-repeat;}
.youshi li:nth-child(4) .icon{background: url(/static/default/assets/img/nav_t11.png)  center no-repeat;}

.youshi li:nth-child(1):hover .icon{background: url(/static/default/assets/img/nav_t8s.png)  center no-repeat #e60012;}
.youshi li:nth-child(2):hover .icon{background: url(/static/default/assets/img/nav_t9s.png)  center no-repeat #e60012;}
.youshi li:nth-child(3):hover .icon{background: url(/static/default/assets/img/nav_t10s.png)  center no-repeat #e60012;}
.youshi li:nth-child(4):hover .icon{background: url(/static/default/assets/img/nav_t11s.png)  center no-repeat #e60012;}

.youshi li:last-child{border-right:none;}
.hoverLi .pic {overflow: hidden;}
.hoverLi:hover .imgScale {transform: scale(1.2);}
.imgScale {transition: all 0.6s;display: block;width: 100%;}

/*yuoushi end*/

@media (max-width: 640px) {
.ws_title{padding:20px 0 0 0;}
.ws_title h1{font-size:24px;padding-bottom:10px;}
.ws_con{font-size:15px;padding:20px 3% 50px 3%; letter-spacing:0px;line-height:180%;}

.youshi li{width:50%;padding:20px 0;}
.youshi li .title{padding:0 0 10px 0;font-size:22px;}
.youshi li .title i{display:none;}
.youshi li .conn{padding:0 15px;font-size:15px;line-height:160%;}
}




/*appli*/
.inte_title{padding:60px 0 40px 0;text-align:center;}
.inte_title h1{font-size:42px;color:#333;text-align:center;background:url(/static/default/assets/img/hon3.png) no-repeat center bottom;padding-bottom:12px;letter-spacing:0px;font-weight:600;}
.inte_title p{font-size:16px;color:#777;line-height:170%;padding:10px 30% 0 30%;}

.carebox{width:auto;height:auto;overflow:hidden;margin-top:1px;}
.calt{float:left;width:50%;height:auto;overflow:hidden;}
.calt .pic{width:100%;height:auto;overflow:hidden;position: relative;}
.calt .pic .info{position: absolute;left:5%;bottom: 5%;/*border-left: 2px #ffffff solid;*/padding: 0 20px;width: 100%;color:#fff;font-size:16px;}
.calt .pic .info span{font-size:30px;color:#fff;font-weight:600;}
.calt .pic .info p{padding-top:5px;}
.calt .pic .info:before {
	content: "";
	width: 2px;
	height: 90%;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: 8px;
	-webkit-transition: all .5s 0s ease-in-out;
	transition: all .5s 0s ease-in-out;
	z-index: 1;
}


.cart{float:left;width:25%;height:auto;overflow:hidden;border-left:1px solid #fff;}
.cart .pic{width:100%;height:auto;overflow:hidden;position: relative;}
.cart .pic .info{position: absolute;left:0%;bottom: 0%;padding: 60px 80px 60px 30px;width: 100%;color:#fff;background:rgba(207,0,0,.8);}
.cart .pic .info1{position: absolute;left:0%;top: 0%;padding: 60px 30px;width: 100%;color:#fff;background:rgba(0,0,0,.8);}


.cart_conn{overflow:hidden;font-size:30px;color:#fff;padding-left:20px;position: relative;font-weight:600;}
.cart_conn p{font-size:16px;color:#fff;padding-top:5px;font-weight:normal;}
.cart_conn:before {
	content: "";
	width: 2px;
	height: 85%;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: 10px;
	-webkit-transition: all .5s 0s ease-in-out;
	transition: all .5s 0s ease-in-out;
	z-index: 1;
}
/*appli end*/

@media (max-width: 640px) {
.inte_title{padding:30px 0 0px 0;}
.inte_title h1{font-size:24px;padding-bottom:10px;font-weight:600;}
.inte_title p{font-size:15px;color:#777;line-height:160%;padding:10px 5% 0 5%;}

.calt{float:left;width:100%;}
.cart{float:left;width:100%;margin-top:1px;}
.cart .pic .info{position: absolute;left:0%;bottom: 0%;padding: 0px 0px 20px 30px;width: 100%;color:#fff;background:rgba(207,0,0,.8);}
.cart .pic .info1{position: absolute;left:0%;top: 0%;padding: 0px 30px 20px 30px;width: 100%;color:#fff;background:rgba(0,0,0,.8);}

.cart_conn{font-size:24px;color:#fff;padding-left:20px;}
.cart_conn:before {
	content: "";
	width: 2px;
	height: 75%;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: 28px;
	-webkit-transition: all .5s 0s ease-in-out;
	transition: all .5s 0s ease-in-out;
	z-index: 1;
}
}



/*news*/
 
.honew_title{width:auto;height:auto;overflow:hidden;padding:60px 0 0px 0;}
.honew_title h1{font-size:42px;color: #333;margin:0 0 0 0;background:url(/static/default/assets/img/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:18px;text-align:center; letter-spacing:1px;font-weight:600;}
.honew_con{font-size:16px;color:#666;width:auto;height:auto;overflow:hidden;padding-top:10px;width:auto;text-align:center;}

.inews{width:auto;height:auto;overflow:hidden;padding:0 0 40px 0;margin-top:40px;}
.inews ul{overflow:hidden;margin:0 -15px;}
.inews li{float:left;width:calc(50% - 30px);height:auto;margin:0 15px 30px 15px;padding:25px 25px;border:1px solid #ebebeb;background:#fafafa;}
.inews li .tm{ float: left; width: 150px; margin-left: -150px; transition: all 0.3s ease-out;height:110px;overflow:hidden;}
.inews li .conn{ float: left; margin-left: 0px; width: 100%; transition: all 0.3s ease-out;}
.ixw_title{font-size:20px;color:#333;font-weight:600;}
.ixw_con{font-size:14px;padding-top:8px;color:#888;line-height:155%;}
.ixw_date{font-size:13px;color:#888;padding-top:7px;}
.inews li:hover{border:1px solid #c10101;}
.inews li:hover .xwtitle{color:#ce0000;}

.inews li a{ display: flex; overflow: hidden; color: #FFF; }
.inews li:hover .tm{ margin-left: 0;}
.inews li:hover .tm img{width:100%;height:115px;}
.inews li:hover .conn{ width:calc(100% - 150px);margin-left:25px;}

/*ewns end*/


@media (max-width: 640px) {
.honew_title{width:auto;height:auto;overflow:hidden;padding:20px 0 0px 0;}
.honew_title h1{font-size:24px;padding-bottom:12px;}
.honew_con{font-size:15px;color:#777;padding:10px 5% 0 5%;}

.inews{width:auto;height:auto;overflow:hidden;padding:0 0 0px 0;margin-top:20px;}
.inews li{width:100%;height:auto;margin:0 15px 0 15px;padding:25px 25px;}
.inews li:nth-child(2) {border-top:none;}
.inews li:nth-child(3) {border-top:none;}
.inews li:nth-child(4) {border-top:none;}
}