﻿@charset "utf-8";
.news-boxs {width:100%;background-color:#efefef;font-family:Arial, Helvetica, sans-serif, "Microsoft Yahei";margin-top:-66px;overflow-x:hidden;}
.news-boxs .center {max-width:1200px;position:relative;margin:0 auto;padding-bottom:76px;overflow:hidden;}
.news-boxs .center .bg {background-color:#69cdf1;width:71.5%;padding:30px 0;}
.news-boxs .center ul {padding-left:30px;width:1168px;*zoom:1;}
.news-boxs .center ul:before, .news-boxs .center ul:after {content:"";display:table;}
.news-boxs .center ul:after {clear:both;}
.news-boxs .center li {width:292px;height:180px;float:left;*display:inline;position:relative;cursor:pointer;}
.news-boxs .center small {display:inline-block;color:#3d3d3d;font-size:30px;line-height:30px;margin-bottom:24px;padding:26px 0 0 34px;}
.news_boxen .center small{
	font-size:25px;
} 
.news-boxs .center b {display:inline-block;color:#3d3d3d;font-size:44px;line-height:58px;padding:0 0 0 34px;position:relative;text-transform:capitalize;}
.news_boxen .center b {
	font-size:30px;
	line-height:40px;
}
.news-boxs .center b:after {content:"";display:inline-block;width:74px;height:9px;background-color:#3d3d3d;position:absolute;right:0;top:-44px;}
.news-boxs .center .glass {position:absolute;left:118px;top:74px;opacity:0;transition:opacity .6s;-webkit-transition:opacity .6s;}
.news-boxs .center .hide {width:332px;height:220px;display:none;position:absolute;left:50%;margin-left:-166px;top:50%;margin-top:-110px;z-index:20;box-shadow:0 0 20px #000;}
.news-boxs .center .hide span {display:block;color:#FFF;font-size:9px;line-height:22px;text-align:center;}
.news-boxs .center .hide span a {position:absolute;left:0;bottom:26px;width:304px;padding:0 14px;color:#FFF;}
.txt-button {position:absolute;right:0;bottom:0;}
.btn-left {width:100px;height:50px;text-align:center;line-height:50px;font-size:20px;color:#FFF;background:#232323;float:left;}
.news-boxs .center a button {outline:none;border:0;width:50px;height:50px;background-color:#333;}
.news-boxs .center a button:before {content:'';position:absolute;top:16px;left:120px;width:0;height:0;border-top:10px solid transparent;border-left:10px solid #e7e7e7;border-bottom:10px solid transparent;}
.news-boxs .center a button:after {content:'';position:absolute;top:19px;left:120px;width:0;height:0;margin:-1px 0 0;border-top:8px solid transparent;border-left:8px solid #2b2b2b;border-bottom:8px solid transparent;}
.news-boxs .center li:hover .glass {opacity:1;}
@media (min-width:992px) and (max-width:1199px) {.news-boxs .center {margin:0 auto 0 auto;padding:0;}
.news-boxs .center .bg {width:100%;}
.news-boxs .center ul {padding-left:0!important;width:876px!important;margin:0 auto;}}
@media (min-width:768px) and (max-width:991px) {.news-boxs .center {margin:0 auto 0 auto;padding:0;}
.news-boxs .center .bg {width:100%;}
.news-boxs .center ul {padding-left:0!important;width:584px!important;margin:0 auto;}}
@media (max-width:767px) {.news-boxs .center {margin:0 auto 0 auto;padding:0;}
.news-boxs .center .bg {width:100%;}
.news-boxs .center ul {padding-left:0!important;width:292px!important;padding-left:0;margin:0 auto;}}
@media (max-width:767px) {
.ipro {padding-left:0!important;padding-left:0;margin:0 auto;}}
@media (max-width:1200px) {.news-boxs {margin-top:0px;}}
.goods-bigboxs {width:100%;background-color:#efefef;font-family:Arial, Helvetica, sans-serif, "Microsoft Yahei";overflow:hidden;padding-bottom:74px;}
.goods-bigboxs .bg {width:100%;height:262px;background:url("../images/qy-bg.jpg") repeat 0 0;}
.goods-bigboxs .center {max-width:1200px;margin:-185px auto 0 auto;background-color:#69cdf1;padding-bottom:36px;*zoom:1;position:relative;}
.goods-bigboxs .center:before, .goods-bigboxs .center:after {content:"";display:table;}
.goods-bigboxs .center:after {clear:both;}
.goods-bigboxs .center img {width:598px;margin:-33px 36px 0 30px;float:left;*display:inline;}
.goods-bigboxs .center article {width:505px;padding:20px 0 0 0;float:left;*display:inline;}
.goods-bigboxs .center article div{

    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
    padding-bottom:3%;

}
.goods-bigboxs .center article h1 {color:#212121;font-size:38px;line-height:50px;text-transform:capitalize;}
.goods-bigboxs .center article p {color:#212121;font-size:12px;line-height:20px;height:100px;margin-bottom:12px;overflow:hidden;}
.goods-bigboxs .center aside h2, .goods-bigboxs .center aside h3 {color:#FFF;font-size:30px;line-height:1;margin-bottom:10px;text-transform:capitalize;}
.goods-bigboxs .center aside h3 {font-size:18px;line-height:1;margin-bottom:10px;}
.goods-bigboxs .center aside ul {*zoom:1;}
.goods-bigboxs .center aside ul:before, .goods-bigboxs .center aside ul:after {content:"";display:table;}
.goods-bigboxs .center aside ul:after {clear:both;}
.goods-bigboxs .center aside li {float:left;*display:inline;color:#3090b3;font-size:10px;line-height:20px;padding:0 12px;margin-right:5px;border:1px solid #3090b3;text-transform:capitalize;margin-bottom:14px;}
.goods-bigboxs .center .goods-btn {display:block;color:#69cdf1;width:144px;height:46px;line-height:46px;font-size:20px;text-align:left;text-indent:18px;background-color:#2e2e2e;position:relative;}
.goods-bigboxs .center .goods-btn span {display:block;width:36px;height:36px;background-color:#373737;position:absolute;right:0;top:5px;}
.goods-bigboxs .center .goods-btn span:before {content:'';position:absolute;top:9px;left:14px;width:0;height:0;border-top:10px solid transparent;border-left:10px solid #69cdf1;border-bottom:10px solid transparent;}
.goods-bigboxs .center .goods-btn span:after {content:'';position:absolute;top:12px;left:14px;width:0;height:0;margin:-1px 0 0;border-top:8px solid transparent;border-left:8px solid #373737;border-bottom:8px solid transparent;}
.goods-bigboxs .center .more-info {color:#1c1c17;font-size:12px;font-weight:bold;line-height:28px;border-bottom:2px solid #1c1c17;position:absolute;right:12px;bottom:18px;}
@media (min-width:992px) and (max-width:1199px) {.goods-bigboxs .center img {float:none;margin:-33px auto 0 auto;}
.goods-bigboxs .center article {width:598px;float:none;margin:0 auto;}}
@media (min-width:768px) and (max-width:991px) {.goods-bigboxs .center img {float:none;margin:-33px auto 0 auto;}
.goods-bigboxs .center article {width:598px;float:none;margin:0 auto;}}
@media (max-width:767px) {.goods-bigboxs .center img {width:500px;float:none;margin:-33px auto 0 auto;}
.goods-bigboxs .center article {width:500px;float:none;margin:0 auto;}}
@media (max-width:581px) {.goods-bigboxs .center img {width:90%;float:none;margin:-33px auto 0 auto;}
.goods-bigboxs .center article {width:306px;float:none;margin:0 auto;}}
.store-boxs {width:100%;background:#efefef url("../images/store-bg.jpg") no-repeat center bottom;overflow:hidden;}
.store-boxs .center {max-width:1200px;margin:0 auto;position:relative;overflow:hidden;}
.store-boxs .center h1 {display:inline-block;color:#43443e;font-size:35px;font-weight:normal;line-height:1;padding-bottom:37px;border-bottom:8px solid #d3d3d3;}
.store-boxs .center .details {color:#666;font-size:20px;line-height:24px;width:745px;max-height:120px;position:absolute;left:453px;top:4px;overflow:hidden;}
.store-boxs .center ul {*zoom:1;width:1232px;padding-bottom:99px;}
.store-boxs .center ul:before, .store-boxs .center ul:after {content:"";display:table;}
.store-boxs .center ul:after {clear:both;}
.store-boxs .center li {width:438px;height:318px;border-left:6px solid #2e2e2e;background-color:#2e2e2e;margin-top:72px;position:relative;float:left;*display:inline;margin-right:172px;}
.store-boxs .center img {position:absolute;right:-136px;top:20px;max-width:300px;max-height:280px;}
.store-boxs .center article {width:230px;margin-left:20px;}
.store-boxs .center article h2 {color:#69cdf1;font-size:34px;line-height:1;padding:22px 0 13px 0;}
.store-boxs .center article a h5 {color:#69cdf1;font-size:18px;line-height:20px;max-height:120px;overflow:hidden;padding-top:40px;font-weight:normal;margin-bottom:9px;display: inline-block;}
.title_link{
    position: static!important;}
.store-boxs .center article p {color:#8f8f8f;font-size:14px;line-height:20px;height:80px;overflow:hidden;}
.store-boxs .center li .tobuy_now {display:block;color:#2e2e2e;width:144px;height:46px;line-height:46px;font-size:20px;text-align:left;text-indent:18px;margin:11px 0 0 20px;background-color:#69cdf1;position:relative;}
.store-boxs .center a span.icon-tosee {display:block;width:36px;height:36px;background-color:#3caad1;position:absolute;right:0;top:5px;}
.store-boxs .center a span.icon-tosee:before {content:'';position:absolute;top:9px;left:14px;width:0;height:0;border-top:10px solid transparent;border-left:10px solid #69cdf1;border-bottom:10px solid transparent;}
.store-boxs .center a span.icon-tosee:after {content:'';position:absolute;top:12px;left:14px;width:0;height:0;margin:-1px 0 0;border-top:8px solid transparent;border-left:8px solid #3caad1;border-bottom:8px solid transparent;}
.store-boxs .center li:hover {background-color:#69cdf1;}
.store-boxs .center li:hover article h5 a {background-color:#69cdf1;color:#2e2e2e;}
.store-boxs .center li:hover h2, .store-boxs .center li:hover h5, .store-boxs .center li:hover p {color:#2e2e2e;}
.store-boxs .center li:hover a.tobuy_now {color:#69cdf1;}
.store-boxs .center li:hover >a {background-color:#2e2e2e;}
.store-boxs .center li:hover a span.icon-tosee {background-color:#373737;}
.store-boxs .center li:hover a span.icon-tosee:before {content:'';position:absolute;top:9px;left:14px;width:0;height:0;border-top:10px solid transparent;border-left:10px solid #69cdf1;border-bottom:10px solid transparent;}
.store-boxs .center li:hover a span.icon-tosee:after {content:'';position:absolute;top:12px;left:14px;width:0;height:0;margin:-1px 0 0;border-top:8px solid transparent;border-left:8px solid #373737;border-bottom:8px solid transparent;}
@media (min-width:992px) and (max-width:1199px) {.store-boxs .center h1 {margin:0 0 20px 100px;}
.store-boxs .center .details {position:static;width:582px;margin:0 auto;}
.store-boxs .center ul {width:582px;margin:0 auto;}}
@media (min-width:768px) and (max-width:991px) {.store-boxs .center h1 {margin:0 0 20px 100px;}
.store-boxs .center .details {position:static;width:582px;margin:0 auto;}
.store-boxs .center ul {width:582px;margin:0 auto;}}
@media (max-width:767px) {.store-boxs .center h1 {margin:0 0 20px 50px;}
.store-boxs .center .details {position:static;width:582px;margin:0 auto;}
.store-boxs .center ul {width:582px;margin:0 auto;}}
@media (max-width:581px) {.store-boxs .center h1 {width:306px;margin:0 auto 20px auto;text-align:center;}
.store-boxs .center .details {position:static;width:306px;margin:0 auto;}
.store-boxs .center ul {width:306px;margin:0 auto;}
.store-boxs .center ul li {width:306px;border:none;height:auto;padding-bottom:20px;}
.store-boxs .center ul li img {position:static;}}
.info-boxs {width:100%;background:#69cdf1;overflow:hidden;}
.info-boxs .center {max-width:1200px;margin:0 auto;overflow:hidden;}
.info-boxs .center ul {*zoom:1;padding:86px 0;width:1208px;}
.info-boxs .center ul:before, .info-boxs .center ul:after {content:"";display:table;}
.info-boxs .center ul:after {clear:both;}
.info-boxs .center li {width:292px;float:left;*display:inline;margin-right:8px;position:relative;}
.info-boxs .center li img {width:292px;height:180px;}
.info-boxs .center li div {height:170px;}
.info-boxs .center li small {display:inline-block;color:#3d3d3d;font-size:40px;line-height:30px;margin-bottom:24px;padding:26px 0 0 34px;}
.info-boxs .center b {display:inline-block;color:#3d3d3d;font-size:45px;line-height:45px;padding:0 0 20px 0px;position:relative;text-align:center;}
.info-boxs .center b:after {content:"";display:inline-block;width:74px;height:9px;background-color:#3d3d3d;position:absolute;left:0;top:-24px;}
.info-boxs .center li h1 {width:266px;padding:9px 13px;margin:0 auto;font-size:16px;line-height:22px;text-align:center;background-color:#FFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.info-boxs .center li p {color:#666;background-color:#FFF;width:266px;padding:0 13px 30px 13px;font-size:12px;line-height:20px;height:100px;text-align:center;overflow:hidden;}
.info-boxs .center li>span {display:block;color:#69cdf1;background:#FFF url("../images/qy-email.png") no-repeat 62px 24px;font-size:16px;height:66px;line-height:66px;margin-top:4px;text-align:center;text-indent:20px;}
@media (min-width:640px) and (max-width:1199px) {.info-boxs .center ul {width:600px!important;margin:0 auto;}
.info-boxs .center .info-li {margin-top:-74px;}}
@media (max-width:639px) {.info-boxs .center ul {width:292px!important;margin:0 auto;}
.info-boxs .center li {margin-bottom:20px;}
.info-boxs .center .blank-info {height:0 !important;}}

.ipro{
	width: 1200px;
	margin: 0 auto;
	padding:86px 0;
}
.ipro ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.ipro li{
	width: 288px;
    height: 340px;
    float: left;
    background: #FFF;
    padding-bottom: 10px;
    margin-right: 12px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    text-align: center;
}
.ipro li p{
	    font-size: 14px;
    line-height: 30px;
    text-align: center;
    padding-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ipro li img{
	max-width: 240px;
    max-height: 240px;
    margin: 0px auto;
    margin-top: 20px;
}
.ipro b{
	    display: inline-block;
    color: #3d3d3d;
    font-size: 45px;
    line-height: 45px;
    padding: 0 0 20px 0px;
    position: relative;
    text-align: center;
}
.ipro b::after{
	content: "";
    display: inline-block;
    width: 74px;
    height: 9px;
    background-color: #3d3d3d;
    position: absolute;
    left: 0;
    top: -24px;
}
@media screen and (max-width:780px){
	.ipro li{
		width:48%;
		margin:3% 1%;
		height:215px;
	}
	.ipro li img{
		width:100%;
		margin-top:10px;
	}
	.ipro div{
		width: 292px!important;
		margin:0 auto;
	}
	.ipro{
		width:100%;
	}
	.ipro li p{
		padding-top:10px;
	}
	.news-boxs .center li:first-child{
		width:100%;
		margin-bottom:10px;
	}
	.news-boxs .center li:last-child{
		width:100%;
		margin-top:50px;
	}
	.news-boxs .center li{
		width:50%;
		height:auto;
	}
	.goods-bigboxs .center{
		text-align:center;
	}
	.banner .wmuSlider .slider_img{
		overflow:hidden;
	}
	.banner .wmuSlider .slider_img img{
		overflow:hidden;
		
	}
	.ipro ul{
		width:92%;
		margin:0 auto;
	}
}
