/*logo*/
.logo{}
.logo-left{
    float:  left;
}
.logo-left img{}
.logo-right{
    float:  right;
}
.logo-right ul{float:  left;}
.logo-right img{
    float:  right;
    margin-left: 51px;
}
.logo-right ul li{
    float:  left;
    margin: 38px 20px 0px;
}
.logo-right ul li.home{
	background: url(../images/home-1s.jpg);
	width: 126px;
	height:  60px;
}
.logo-right ul li.home:hover{
	background: url(../images/home-1s.jpg)
	
}
.logo-right ul li.product{
	background: url(../images/products-1.jpg);
	width: 126px;
	height:  60px;
}
.logo-right ul li.product:hover{
	background: url(../images/products-1s.jpg)
	
}
.logo-right ul li.news{
	background: url(../images/news-1.jpg);
	width: 126px;
	height:  60px;
}
.logo-right ul li.news:hover{
	background: url(../images/news-1s.jpg)
	
}
.logo-right ul li.about{
	background: url(../images/about-1.jpg);
	width: 126px;
	height:  60px;
}
.logo-right ul li.about:hover{
	background: url(../images/about-1s.jpg)
	
}
.logo-right ul li.contact{
	background: url(../images/cotant-1.jpg);
	width: 126px;
	height:  60px;
}
.logo-right ul li.contact:hover{
	background: url(../images/cotant-1s.jpg)
	
}
/*pro*/
.pro{
    background: #f1f1f1;
    height: 856px;
}
.text{
    padding: 50px 0px 0px;
}
.text img{
    display:  block;
    margin:  0px auto;
}
/*Swiper*/
.project .swiper-container {
	width: 1350px;
	padding-top: 30px;
	padding-bottom: 41px;
}
.project .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 415px;
	/* height: 284px; */
	margin: 0px 10px;
}
.project .swiper-slide img {
	width: 415px;
	height: 497px;
}
.project .swiper-slide p {
	width: 415px;
	height: 45px;
	line-height: 30px;
	text-align: center;
	bottom: 0;
	color: #6c6c6c;
	font-size: 18px;
	margin-top: 16px;
	padding: 0px 20px;
}
.project .swiper-slide:hover img {
	/* box-shadow: 1px 2px 10px 0px; */
}
.animated {
	animation-duration: 2s;
	animation-fill-mode: both;
}
.swiper-slide li .sw-left{
    float:  left;
    width:  580px;
    padding: 30px;
}
.swiper-slide li .sw-left img{
    margin-bottom: 40px;
}
.swiper-slide li .sw-left p{
    font-size:  15px;
    line-height:  30px;
    margin-bottom:  30px;
}
.swiper-slide li .sw-left a{}
.swiper-slide li .sw-right{
    float:  right;
}
.swiper-slide li .sw-right img{}
.swiper-slide li .swimg img{
    display:  block;
    margin:  0px auto;
}
/*about*/
.about{
    background: url(../images/ab.jpg);
    height:  683px;
    background-size: 100% 100%;
}
.about-left{
    float:  left;
    padding-top: 100px;
}
.about-right{
    float:  right;
    padding: 100px;
    width: 770px;
}
.ab1{
    width: 530px;
    height: 495px;
    border: 10px solid #ffffffb0;
    padding: 26px;
}
.ab1 img{
    margin-bottom: 35px;
}
.ab1 p{
    line-height:  30px;
    font-size: 15px;
}
.ab1 a img{
    padding: 15px 0px;
}
.li li{}
.li li img{}
.about-right li a img{
    float: left;
}
/*our*/
.our{
    background: url(../images/our.jpg);
    height: 710px;
    background-size: 100% 100%;
    margin: 20px 0px;
}
.ourp{
    padding: 70px 0px;
}
.ourp li{
    float:  left;
    margin: 10px;
}
.ourp li a img{}
.ourp li a img:hover{
    opacity: 0.6;
}
/*new*/
.nw{}
.new{
    padding-top: 35px;
    height: 535px;
}
.new li{
    float:  left;
    width: 656px;
    margin: 8px 8px 30px;
}
.new li .new-left{
    float:  left;
}
.new li .new-left img{
    margin-right:  10px;
    width: 295px;
    height: 186px;
}
.new li .new-right{
    float:  right;
    width: 348px;
    height:  187px;
}
.new li .new-right a h2{
    font-size: 20px;
    color: #354799;
}
.new li .new-right p{font-size:  13px;line-height:  26px;color: #797878;margin-top: 5px;}
.mor{
    background: #eeeeee;
    height: 33px;
    margin-top: 44px;
}
.mor span{
    float:  right;
    background: #354799;
    height:  33px;
    color: #fff;
    width:  100px;
    text-align:  center;
    line-height:  33px;
}
.mor .mor-left{
    float:  left;
}
.mor .mor-left img{
    float:  left;
    margin: 6px 2px 0px 20px;
}

.mor .mor-left p{
    float:  right;
    line-height:  33px;
    margin-left:  10px;
}