@charset "utf-8";
/* CSS Document */
.txt {
	width: 100%;
	background: url(../images/top-bg.jpg) repeat-x top;
	height: 145px;
}
.text {
}
.txtleft {
	float: left;
	line-height: 30px;
	font-family: Poppins;
}
.txtleft p {
	color: #fff;
}
.txtright img{
margin-top: 10px;
}
.txtleft img{
margin-top: 8px;
}
.txtright {
	float: right;
	/* color: #fff; */
	line-height: 30px;
}
.txtright a {
	margin: 0px 10px;
	font-family: Poppins;
}
.txtright a:hover {
}
/*nav*/
.nav-wrap {
	height: 80px;
	float: right;
	margin: 20px 0px 0 0;
}
.navbrand {float: left;}
.navbrand ul {
	height: 100%;
}
.navbrand ul li {
	width: 125px;
	float: left;
	margin-right: 8px;
	position: relative;
}
.navbrand ul li>a {
	width: 100%;
	color: #585757;
	height: 80px;
	position: relative;
	display: inline-block;
	z-index: 20;
	text-align: center;
	line-height: 80px;
	font-size: 18px;
	font-family: Poppins;
	font-weight: 500;
}
.navbrand ul li>a:hover, .navbrand ul li>a.navdown {color: #0168f2;}
.navbrand ul li>a:before, .navbrand ul li>a:before {
	transition: 1s all;
}
.navbrand ul li:hover>a:before, .navbrand ul li>a:hover:before, .navbrand ul li>a.navdown:before {
	position: absolute;
	left: 50%;
	bottom: 15px;
	content: "";
	width: 65%;
	height: 2px;
	/* background: #1463a8; */
	transform: translate(-50%, 0);
}
.navbrand ul li>.nav_kid {
	width: 200px;
	position: absolute;
	top: 93px;
	left: 46%;
	margin-left: -95px;
	background: rgb(255, 255, 255);
	z-index: 999;
	display: none;
	box-shadow: 0px 2px 12px rgba(102, 102, 102, 0.17);
	padding: 15px 0;
}
.navbrand ul li>.nav_kid p {
	width: 100%;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	text-align: center;
}
.navbrand ul li>.nav_kid p a {
	color: #333;
	text-align: center;
	position: relative;
	display: inline-block;
	font-family: Poppins;
}
.navbrand ul li>.nav_kid p>a:hover {
	color: #0166f2;
	/* font-weight: bold; */
}
.navbrand ul li>.nav_kid p a:before {
	content: "";
	position: absolute;
	left: -14px;
	top: 18px;
	width: 0;
	height: 1px;
	background: #005e50;
	transition: .5s all;
}
.navbrand ul li>.nav_kid p a:after {
	content: "";
	position: absolute;
	right: -14px;
	top: 18px;
	width: 0;
	height: 1px;
	background: #005e50;
	transition: .5s all;
}
.navbrand ul li>.nav_kid p:hover >a:before {
	width: 20px;
	left: -32px;
}
.navbrand ul li>.nav_kid p:hover >a:after {
	width: 20px;
	right: -32px;
}
.nav{}
.logo{
    float: left;
    margin-top: 27px;
}
.logo img{}

.lx{
    float: right;
    margin-top: 17px;
    margin-left: 50px;
}
/*.navbrand ul li>.nav_kid p>a:hover:before{ content: "—"; position: absolute; left: -24px; top: -11px;  }

.navbrand ul li>.nav_kid p>a:hover:after{ content: ""; position: absolute; right: -24px; top: -11px; width: 0px; height: 3px;}*/
.products{
    text-align: center;
    height: 122px;
    background: url(../images/ps.jpg) center no-repeat;
}
.products h2{
    font-size: 48px;
    line-height: 122px;
    text-transform: uppercase;
    font-family: Poppins;
	font-weight: bold;
}
.produt{
    border-top: 1px solid #ebebeb;
}
.produt img{
    width: 100%;
}
.prts{
    background: #fafafa;
    padding: 100px 0px 10px;
    overflow: hidden;
}
.cpt{
	margin-bottom: 100px;
	overflow: hidden;
}
.cpt a img{
	    float: left;
	    margin-bottom: 10px;
}
.Serv{
    /* margin: 80px 0px; */
    /* min-height: 80px; */
}
.zz1 img{
	float: left;
	margin-top: 21px;
	margin-right: 15px;
}
.zz img{
    margin-top: 6px;
    margin-right: 15px;
    float: left;
}
.wzlf h2{
    font-family: Poppins;
    font-size: 39px;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 20px;
}
.wzlf p{
    font-family: Poppins;
    line-height: 26px;
    font-size: 16px;
}

.lf{
    float: left;
    height: 448px;
    background: #fafafa;
    width: 1400px;
}
.zz1{}
.tu{
    width: 700px;
    overflow: hidden;
    float: left;
}
.tu img:hover{
    transform: scaleX(1.1) scaleY(1.1);
    width: 700px;
    height: 448px;
}
.tu img{
    float: left;
    width: 700px;
    transform: scaleX(1) scaleY(1);
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}

.ttu{
    width: 700px;
    overflow: hidden;
    float: right;
}
.ttu img:hover{
    transform: scaleX(1.1) scaleY(1.1);
    width: 700px;
    height: 448px;
}
.ttu img{
    float: right;
    width: 700px;
    transform: scaleX(1) scaleY(1);
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}
.rh{
    height: 446px;
    width: 1400px;
    background: #fafafa;
}
.rh img{
}
.wzri{
    float: left;
    width: 696px;
    padding: 120px 70px;
}
.wzlf{
    float: right;
    width: 696px;
    padding: 120px 70px;
}

.wzri h2{
    font-family: Poppins;
    font-size: 39px;
    line-height: 75px;
    margin-top: 10px;
    font-weight: bold;
}
.wzri p{
    font-family: Poppins;
    line-height: 26px;
    font-size: 16px;
}
.Service{}
.Service h2{
    text-align: center;
    height: 122px;
    font-size: 48px;
    line-height: 122px;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: bold;
    margin: 30px 0px;
}
/*首页产品*/
.ProBox{position: relative;margin:0 auto;overflow: hidden;margin-top: 60px;}
.ProBox li{margin-right: 2%;margin-bottom: 2%;width: 32%;float: left;position: relative;box-shadow: 1px 0px 15px 3px #f3f0f0;padding: 30px;background: white;min-height: 466px;}
.ProBox li:nth-child(3n){margin-right: 0;}
.ProBox li .Img{position:relative;overflow: hidden;width: 100%;}
.ProBox li .Img img{width:100%; transform: scaleX(1) scaleY(1);-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}
.ProBox li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}
.ProBox li .empty{}
.ProBox li .ProTit{background: #fff;position:absolute;bottom: 0;left: 0;}
.ProBox li .ProTit .Text_box{padding: 0px 30px;/* height: 49px; */-webkit-transition: all .8s;-moz-transition: all .8s;transition: all .8s;background: #fff;}
.ProBox li .ProTit p{font-size: 21px;color: #333;font-family: Poppins;font-weight: 500;}
.ProBox li .ProTit span{font-size: 14px;color: #999;line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 5px 0px 20px;font-family: Poppins;}
.ProBox li .ProTit b{font-size: 14px; color: #666; font-weight: normal; display: none;}
.ProBox li:hover .ProTit .Text_box{background: #0168f2;height: 148px;padding: 20px 30px;}
.ProBox li:hover .ProTit p{color: #fff;}
.ProBox li:hover .ProTit span{color: #fff;}
.ProBox li:hover .ProTit b{ display: block; color: #fff;}
/*首页产品结束*/
.more{
    display: block;
    margin: auto;
    text-align: center;
    width: 325px;
    height: 70px;
    background: white;
    border: 1px solid #f3f3f3;
    margin-bottom: 55px;
    -webkit-border-radius: 50px;
    box-shadow: 0px 0px 8px #eeeded;
    margin-top: 80px;
    font-size: 26px;
    line-height: 70px;
    font-family: Poppins;
    text-transform: uppercase;
}
.more1 a{
	color: white;
}
.more1{
    display: block;
    margin: auto;
    text-align: center;
    width: 266px;
    height: 70px;
    background: #0166f2;
    /* border: 1px solid #f3f3f3; */
    margin-bottom: 55px;
    -webkit-border-radius: 50px;
    /* box-shadow: 0px 0px 8px #eeeded; */
    margin-top: 56px;
    font-size: 26px;
    line-height: 70px;
    font-family: Poppins;
    text-transform: uppercase;
}
/*首页简介*/
.about{
    background: url(../images/ab1.jpg) repeat-x top;
}
.about img{
    display: block;
    margin: auto;
}
.abl{
    float: left;
    width: 53%;
}
.abl h2{
    font-size: 29px;
    font-weight: 500;
    font-family: Poppins;
    margin: 10px 0px;
}
.abl p{
    line-height: 26px;
    font-family: Poppins;
    margin-bottom: 33px;
    font-size: 15px;
    color: #747373;
    width: 730px;
}

.abr{
    float: right;
}
.video{
	background: url(../images/bj.jpg) repeat-x top;
	height: 1146px;
	margin-top: 100px;
	padding-top: 5px;
}
.vide{}
.vide ul{
    background: white;
    overflow: hidden;
    padding: 50px 38px 40px;
    margin-top: 20px;
}
.vide ul li{
    float: left;
    margin: 0px 25px;
}
.vide ul li img{}
.vide ul li p{
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
}
.Copyright{
    background: #0166f2;
    height: 60px;
    position: relative;
}
.Copyright h2{
    text-align: center;
    line-height: 60px;
    color: white;
    font-family: Poppins;
    font-size: 17px;
}
.foot{
    background: #0166f2;
    position: relative;
}
.foot img{}
.bottom{
    background: #fafafa;
    position: relative;
}
.bott{
    background: white;
    height: 160px;
    padding: 60px 30px;
}
.bott li{
    float: left;
    width: 41%;
    margin-left: 39px;
}
.bott li img{
    float: left;
    margin-right: 10px;
}
.bott li p{
    font-size: 16px;
    font-family: Poppins;
    line-height: 38px;
}
.let{
    background: white;
    float: right;
    width: 53%;
}
.let li{
    float: left;
    width: 41%;
}
.let li img{
    float: left;
    margin-right: 10px;
}
.let li p{
    font-family: Poppins;
    line-height: 38px;
    font-size: 24px;
}
.bom{
    height: 336px;
    padding: 50px 20px;
}
.dnav{
    float: left;
    width: 23%;
    display: block;
}
.dnav h2{
    font-family: Poppins;
    line-height: 37px;
    font-size: 24px;
    margin-bottom: 20px;
}
.dnav li{
    /* float: left; */
    /* width: 44%; */
    height: 27px;
}
.dnav li a{
    font-size: 16px;
    font-family: Poppins;
}
.dnav li a img{float: left;margin-right: 10px;}

.dnav1{
    float: left;
    width: 27%;
    display: block;
}
.dnav1 h2{
    font-family: Poppins;
    line-height: 37px;
    font-size: 24px;
    margin-bottom: 20px;
}
.dnav1 li{
    /* float: left; */
    /* width: 48%; */
    height: 27px;
}
.dnav1 li a{
    font-size: 16px;
    font-family: Poppins;
}
.dnav1 li a img{float: left;margin-right: 10px;}

.dnav2{
    float: left;
    width: 40%;
    display: block;
    margin-right: 135px;
}
.dnav2 h2{
    font-family: Poppins;
    line-height: 37px;
    font-size: 24px;
    margin-bottom: 20px;
}
.dnav2 li{
    float: left;
    height: 27px;
    margin-top: 20px;
}
.dnav2 li a{
    font-size: 16px;
    font-family: Poppins;
}
.dnav2 li a img{float: left;margin-right: 10px;}