/*æ ç›®æ ‡é¢˜*/

.home-title {

    padding: 40px 0 20px 0;

    text-align: center;

}

.home-title .t1 {

    font-size: 34px;

    color: #182D57;

    height: 60px;

    line-height: 50px;

}

.home-title .t1 span {

    color: #df2228;

    padding:0 8px;

}

.home-title .t2 {

    font-size: 16px;

    color:#3a3a3a;
}



/*æˆ‘ä»¬çš„ä»‹ç»*/

.about-box {

    padding:80px 0 0 0;

}

.about-box ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

}

.about-box ul li {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    flex: 1;

	cursor:pointer;

	padding:30px 10px;

	margin:10px;

	border: 1px dotted #ccc;

}

.about-box ul li i {

    display: block;

    margin: 0 auto;

    width: 60px;

    height: 60px;

	transition: all 0.5s;

}

.about-box ul li em {

    display: block;

    margin: 0 auto;

    width: 10%;

    height: 2px;

	background:#182D57;

	transition: all 0.5s;

}

.about-box ul li:hover em {

    width: 80%;

}

.about-box ul li:hover i {

	transform: translate(0px,-5px);

    -webkit-transform:translate(0px,-5px);

    -moz-transform:translate(0px,-5px);

    -ms-transform:translate(0px,-5px);

    -o-transform:translate(0px,-5px);

}

.about-box ul li span {

    display:block;

    padding-top: 8px;

    padding-bottom: 8px;

    font-size: 16px;

    color: #3a3a3a;

    text-align: center;

}

.about-box ul li p {

    display:block;

    padding-top: 8px;

    padding-bottom: 8px;

    font-size: 14px;

    color: #666;

    text-align: center;

}



/*äº§å“ç³»åˆ—*/

.product-series {

    padding:8px;

}
product-series .series-menu {
	
	
	
}

.product-series .fixed {

	position:fixed;

	top:0;

	left:0;

	width:100%;

	background:#fff;

	box-shadow: 0 2px 21px #ccc;

	z-index:9999999999999;
	-webkit-animation: headerfix ease-in-out .9s 0.1s both;
    -moz-animation: headerfix ease-in-out .9s 0.1s both;
    animation: headerfix ease-in-out .9s 0.1s both;

}
@keyframes fixed {
    from {
        top: -128px;
        opacity: 0;
    }
    to {
        top: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes fixed {
    /*Safari and Chrome*/
    from {
        top: -122px;
        opacity: 0;
    }
    to {
        top: 0px;
        opacity: 1;
    }
}
.product-series .fixed .clearfix {

	width:1200px;

	margin:0 auto;

}

.product-series>.series-menu>ul>li {

    width:170px;

    border-left: dashed 1px #d4d4d4;

    padding: 1em 0;

    float: left;

    text-align: center;

    position: relative;

    z-index: 3;

}

.product-series>.series-menu>ul>li:last-child {

    border-right: dashed 1px #d4d4d4;

}

.product-series>.series-menu>ul>li>a {}

.product-series>.series-menu>ul>li>a>i {

    margin-top: 10px;

    display: block;

    color: #424242;

    margin: 0 auto;

	transition: all 0.2s;

}
.product-series>.series-menu>ul>li>a>i>img {
	
	width:50px;

}

.product-series>.series-menu>ul>li>a>span {

    display: block;

    color: #424242;

    margin: 0 auto;

    margin-top: 20px;

}
.product-series>.series-menu>ul>li:hover>a>span {

    color: #182D57;

}





/*çƒ­é”€äº§å“*/

.hot-product {

	min-width:1200px;

}

.hot-product img {

	width:100%;

}

/*äº§å“*/

.more-product {

	padding:80px 0;

    background:#f6f6f6;

}

.more-product .left {

	float:left;

	width:380px;

	height:640px;

	background: url("../images/pro-left.png") no-repeat center center;

}

.more-product .right {

	float:right;

	width:800px;

}

.more-product .right li {

	float:left;

	width:375px;

	height:300px;

	margin:0 50px 20px 0;

	overflow: hidden;

    position: relative;

}

.more-product .right li:nth-child(even) {

	margin-right:0;

}

.more-product .right li .pic {

	width:375px;

	height:253px;
	
	overflow: hidden;

	background:#fff;

	text-align:center;

}

.more-product .right li .pic img {

	max-width:100%;

	max-height:100%;
	
	transition: all 0.5s;

}
.more-product .right li:hover .pic img {

	transform:scale(1.08);

}



.more-product .right li .txt {

    opacity: 1;

    position: absolute;

    top: 0;

    left: 0;

    width: 375px;
	
    height:253px;

    background: rgba(0, 0, 0, 0.3);

    transition: all 1s;

	display: flex;

    justify-content: center;

    align-items: center;

}

.more-product .right li:hover .txt {

	opacity: 1;

}

.more-product .right li .txt .txt-content {

	width:80%;

	height:80%;

    box-sizing: border-box;

}
.more-product .right li .txt-content .p1 {
	font-size:14px;
	color:#fff;
}
.more-product .right li .txt-content .p2 {
	font-size:16px;
	color:#fff;
}

/*æ•ˆæžœå›¾*/

.effect-product {

    min-width:1200px;

}

.effect-product img {

    width:100%;

}





/*ç»é”€å•†åŠ ç›Ÿåº—å±•ç¤º*/

/*æ—‹è½¬æœ¨é©¬æ ·å¼*/

.store{

    padding:0 0 60px 0;

    background: url("../images/store-bg.jpg") no-repeat bottom center;

}

.store .more  {

    padding: 20px;

}

.store .more a {

    display:block;

    width:200px;

    height:50px;

    margin:0 auto;

    line-height: 50px;

    text-align: center;

    font-size: 18px;

    border:1px solid #ccc;

}
.store .more a:hover  {
	
	color:#fff;
	
	background:#182D57;

    border:1px solid #182D57;

}

.poster-main {

    position: relative;

    margin: 50px auto;

}

.poster-main{

    position: relative;

    margin: 50px auto 40px;

}

.poster-main .poster-list .poster-item{

    position: absolute;

    left: 0;

    top: 0;

}
.poster-main .poster-btn{

    position: absolute;

    top: 0;

    cursor: pointer;

}


.poster-main .poster-prev-btn{

    left: 0;

    background: url("../images/btn_left.png") no-repeat center center;

}

.poster-main .poster-next-btn{

    right: 0;

    background: url("../images/btn_right.png") no-repeat center center;

}





/*ä¼ä¸šåŠ¨æ€*/

.news {

    background:#f6f6f6;

    padding:45px 0;

}

.news-list {padding: 45px 0;}

.news-list li {

    float:left;

    width:395px;

    height:474px;

    background:#fff;

    padding: 5px;

    box-sizing: border-box;

    margin-right:7px;

    transition: all 0.2s;

}

.news-list li:nth-of-type(3n){margin-right:0;}

.news-list li:hover {

    box-shadow: 0 2px 5px #ccc;

    transform: translate(0,2px);

}

.news-list li .pic {

    width:385px;

    height:256px;

    overflow:hidden;}

.news-list li .pic img{

    width:385px;

    height:256px;

}

.news-list li .txt {

    padding:15px;

    box-sizing: border-box;

}

.news-list li .txt h3{

    font-size: 14px;

    color: #000;

    line-height: 20px;

    padding-bottom: 14px;

    max-height: 58px;

}

.news-list li .txt span {

     background-size: 16px;

}

.news-list li .txt p {

	font-size: 12px;

	color: #666;

    max-height: 110px;

    margin-top: 8px;

    overflow: hidden;

}



/*æˆ‘ä»¬çš„æœåŠ¡*/

.service-box {

    padding:40px 0 60px 0;

}

.service-box ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

}

.service-box ul li {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    flex: 1;

    border-left: dashed 1px #d4d4d4;

	cursor:pointer;

}

.service-box ul li:last-child {

    border-right: dashed 1px #d4d4d4;

}

.service-box ul li i {

    display: block;

    margin: 0 auto;

    width: 60px;

    height: 60px;

	transition: all 0.5s;

}

.service-box ul li:hover i {

	transform: translate(0px,-5px);

    -webkit-transform:translate(0px,-5px);

    -moz-transform:translate(0px,-5px);

    -ms-transform:translate(0px,-5px);

    -o-transform:translate(0px,-5px);

}

.service-box ul li span {

    display:block;

    padding-top: 8px;

    padding-bottom: 8px;

    font-size: 14px;

    color: #333;

    text-align: center;

}

.service-box ul li:hover span {

    color: #182D57;

}