html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}

a{text-decoration:none;outline:0;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}



*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}

::-webkit-scrollbar{width:8px;height:8px;background-color: #F5F5F5;}

::-webkit-scrollbar-track{border-radius: 10px;background-color: #E2E2E2;}

::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #555;}

input,textarea{-webkit-user-select:text}



.pglist{padding: 20px 0;width:100%;text-align: center;clear: both;}

.pglist a,.pglist span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}

.pglist a:hover,.pglist span{display:inline-block;color: #fff;background: #c9974c;border-color: #c9974c;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}



#tip{padding-top: 30px;min-height: 640px;}

#tip b{color: #c9974c;}



.sitemap{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}

.sitemap dt{float: left;margin-right: 2%;width: 14.66666667%;}

.sitemap dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}

.sitemap dt a:hover{background: #ccc;color:#fff;}

.sitemap dd{float: left;width: 83.333333%;}

.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none;}

.sitemap dd a:hover{color:#333;}



.tags_list{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}

.tags_list dt{float: left;margin-right: 2%;margin-bottom: 2%;width: 14.66666667%;}

.tags_list dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}

.tags_list dt a:hover{background: #ccc;color:#fff;}

.tags{overflow:hidden;margin-bottom: 20px;}

.tags span{float: left;display: block;line-height: 40px;}

.tags a{border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;line-height: 28px;padding: 0 6px;margin: 5px;background: #fff;border: 1px solid #dadada;}

.tags a:hover {background: #c9974c;border-color: #c9974c;color: #fff;}



.comment-main{width: 100%;background: #FFF;border-bottom: 3px solid #eee;margin-top: 30px;font-size: 12px;color: #666;line-height: 14px;transition: all .5s;}

.comment-main:hover{border-bottom: 3px solid #c9974c;-webkit-box-shadow: 0 10px 20px 0 #CCC;-moz-box-shadow: 0 10px 20px 0 #CCC;-ms-box-shadow: 0 10px 20px 0 #CCC;-o-box-shadow: 0 10px 20px 0 #CCC;box-shadow: 0 10px 20px 0 #CCC;}

.comment-title{width: 100%;height: 49px;line-height: 50px;background: #FFF;border-bottom: 1px solid #CCC;}

.comment-title span{float: left;height: 50px;font-size: 14px;line-height: 50px;display: block;padding: 0 30px;background: #c9974c;color: #FFF;}

.comment-show-box{margin: 20px 12px}

.comment-show-box .pl-box2{width: 100%}

.comment-show-box .pl-box2 dl{float: left;width: 100%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EEE;}

.comment-show-box .pl-box2 dl dt{float: left;width: 50px;margin-right: 15px;}

.comment-show-box .pl-box2 dl dt img{width: 50px;height: 50px}

.comment-show-box .pl-box2 dl dd{float: right;width: 92%;}

.comment-show-box .pl-box2 dl dd h1{font-weight: 700;font-size: 100%;}

.comment-show-box .pl-box2 dl dd h1 span{color: #656565;font-weight: 400;float: right;}

.comment-show-box .pl-box2 dl dd p{margin-top: 10px;line-height: 20px}

.comment-show-box .pl-box2 dl dd p.xz-fc1{color: #c9974c;}

.comment-show-box .xz-cb{zoom: 1}

.comment-show-box .xz-cb:after{display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;content: "."}

.c-more {text-align: center;line-height: normal;}

.c-more a {border-radius: 2px;-webkit-border-radius: 2px;display: block;background: #c9974c;color: #ffffff;padding: 13px 0;}

.c-more a:hover {background: #333;}



.comment-show-box .fb-box{background: #FAFAFA;border: 1px solid #EEE;margin-top: 20px;}

.comment-show-box .fb-box dl{float: left;width: 97%;padding: 12px;}

.comment-show-box .fb-box dt{float: left;width: 50px;margin-right: 15px;}

.comment-show-box .fb-box dt img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;width: 50px;height: 50px}

.comment-show-box .fb-box dd{float: right;width: 92%;}

.comment-show-box .fb-box dd p{color: #656565;}

.comment-show-box .fb-box dd p textarea{width: 97%;height: 120px;line-height: 20px;color: #6C6C6C;padding: 12px;border: 1px solid #EEE;outline: 0;font-family: "microsoft yahei";transition: all .5s;}

.comment-show-box .fb-box dd p textarea:focus{border: 1px solid #c9974c;box-shadow: 0 0 10px 0 #c9974c}

.comment-show-box .fb-box-div{margin-top: -1px;background: #FAFAFA;border-radius: 0 0 5px 5px;border: 1px solid #EEE;}

.comment-show-box .fb-box-div dl{padding: 12px;position: relative;}

.comment-show-box .fb-box-div dd{font-size: 12px;line-height: 13px;color: #666;}

.comment-show-box .fb-box-div input{-webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;-ms-border-radius: 0 0 5px 0;-o-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;position: absolute;top: -1px;right: -1px;width: 80px;height: 39px;font-size: 12px;line-height: 39px;background: #AAA;color: #FFF;border: 0;cursor: pointer;transition: all .5s;}

.comment-show-box .fb-box-div input:hover{background: #c9974c;color: #FFF;}



#mood{margin-bottom: 30px;text-align:center;}

#mood p{font-size: 16px;color: #555;font-weight:bold;margin-bottom: 20px;}

#mood a{display:inline-block;margin:0 10px;cursor:pointer;color: #555;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;-webkit-box-sizing: border-box;box-sizing: border-box;}

#mood a span{display: inline-block;width: 18px;height: 18px;margin-right:10px;vertical-align: sub;background: url(../images/dianzan.png) no-repeat;transition: all .5s;}

#mood a span.dianzan-down{background-position: top right;}

#mood a em{font-style:normal;font-size: 16px;}

#mood a:hover{background: #c9974c;border-color: #c9974c;color:#fff;}

#mood a:hover span.dianzan-up{background-position: bottom left;}

#mood a:hover span.dianzan-down{background-position: bottom right;}



video {background-color: #000;}



.bannerx{ background:url(../images/bannerx.jpg) no-repeat center center; height:410px; background-size:cover; }







.main .indexTit{text-align: center; width: 100%;height:190px; height:130px;/*background:url("../images/titline.png") no-repeat center center;*/ background:url("../images/titleline02.png") no-repeat bottom center; background-repeat:no-repeat;  /*background-size:60px 189px;*/}

.main .indexTit .tit{padding-top:60px; padding-top:30px;display:block;font-size:40px;font-weight:bold;color:#c9974c;line-height:40px;}

.main .indexTit .subtit{font-size: 16px;color: #666;line-height:18px;font-weight: normal;padding-top: 12px;}







.qqhdxgy .deline01{ padding:30px 0;}

.qqhdxgy .deline01 .conn{ text-align:center; color:#888; margin-top:60px;}





.qqhproduct .list{width: 100%;}

.qqhproduct .list .item{float:left;position: relative;width:23.5%;margin-right:2%;margin-bottom: 20px;transition: all .5s;}

.qqhproduct .list .item:nth-child(4n){margin-right: 0;}

.qqhproduct .list .item .img{display:block;width: 100%;height: 214px;overflow:hidden;}

.qqhproduct .list .item .img img{width: 100%;height: 100%;transition: all .5s; display:block;}

.qqhproduct .list .item h3{position: absolute;bottom: 0;width: 100%;color: #fff;font-size: 16px;line-height: 50px;text-indent: 20px;background: url(../images/txtbg.png) repeat center center;}

.qqhproduct .list .item:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

.qqhproduct .list .item:hover .img img{transform: scale(1.1);}





.qqhproduct02 .list{width: 100%;}

.qqhproduct02 .list .item{float:left;position: relative;width:49%;margin-right:2%;margin-bottom: 20px;transition: all .5s;}

.qqhproduct02 .list .item:nth-child(2n){margin-right: 0;}

.qqhproduct02 .list .item .img{display:block;width: 100%;overflow:hidden;}

.qqhproduct02 .list .item .img img{width: 100%;height: 100%;transition: all .5s; display:block;}

.qqhproduct02 .list .item h3{position: absolute;bottom: 0;width: 100%;color: #fff;font-size: 16px;line-height: 50px;text-indent: 20px;background: url(../images/txtbg.png) repeat center center;}

.qqhproduct02 .list .item:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

.qqhproduct02 .list .item:hover .img img{transform: scale(1.1);}







.qqhcase .list{width: 100%; margin-top:50px;}

.qqhcase .list .item{float:left;position: relative;width:23.5%;margin-right:2%;margin-bottom: 20px;transition: all .5s; overflow:hidden;}

.qqhcase .list .item img{display: block;width: 100%;}

.qqhcase .list .item:nth-child(4n){margin-right: 0;}

.qqhcase .list .item a{display: block;}

.qqhcase .list .item .txt{position: absolute;left: 0;bottom: 0;width:100%;height:60px;background:url("../images/txtbg.png") repeat center center;z-index:12;opacity: 1;transition: all .5s;}

.qqhcase .list .item .txt .tit{font-size: 16px;color:#fff;height:60px;line-height:60px;text-indent:20px;}

.qqhcase .list .item .txtBox{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;text-align: center;background: url(../images/txt2bg.png) repeat-x left bottom;z-index:2;opacity: 0;transition: all .5s; }

.qqhcase .list .item .txtBox .tit1{padding-top: 50px;font-weight:bold;font-size:20px;color:#fff;line-height:20px;transition: all .5s;}

.qqhcase .list .item .txtBox .detail{position:absolute;top: 65%;left:50%;margin-left:-49px;display:block;width:98px;height:34px;font-size:16px;line-height:34px;text-align:center;color:#fff;border:1px solid #fff;transition: all .5s;}

.qqhcase .list .item:hover .txt{opacity: 0;}

.qqhcase .list .item:hover .txtBox{opacity: 1;}

.qqhcase .list .item:hover .txtBox .tit1{padding-top: 80px;}

.qqhcase .list .item:hover .detail{top: 55%;}





.qqhcontact .connlist{ display:flex; flex-wrap:wrap; text-align:left; }

.qqhcontact .connlist .hometitdd{ text-align:left; font-size:28px; letter-spacing:0; }

.qqhcontact .connlist .hometitdd .en{ color:#ccc; font-size:15px; letter-spacing:0; font-weight:normal; margin-bottom:15px; text-transform:uppercase; margin-bottom:6px; }

.qqhcontact .txt{ margin-top:25px; }

.qqhcontact .connlist li{ margin-top:80px; flex:auto;}

.qqhcontact .connlist .line{ font-size:15px; font-weight: 300; color: #333;}

.qqhcontact .connlist i{  text-align:center; }

.qqhcontact .connlist span{ color:#888; font-size:18px;  }



#maps{ height:530px; }

#maps .amap-icon img{ width:25px; height:34px; animation: ball 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;}





@keyframes ball {

	0% {

		transform: translateY( 0 );

	}

	100% {

		transform: translateY( -10px );

	}

}







.main .menulist{overflow: hidden; padding-bottom: 20px; padding-top:40px; padding-top:0;}

.main .menulist ul{text-align: center;}

.main .menulist li{line-height: 30px;margin: 0 10px 10px;display: inline-block;}

.main .menulist li:first-child{margin-left: 0;}

.main .menulist li:last-child{margin-right: 0;}

.main .menulist li a{display: block;color: #666;border: 1px solid #c2c2c2;text-align: center;padding: 0 25px;border-radius:15px;}

.main .menulist li a:hover,.main .menulist li a.on{border: 1px solid #c9974c; color: #fff; background: #c9974c;}









.nynav{ margin-top:30px;}

.nynav ul{width: 100%; height: auto; }

.nynav ul li{width: 100%; height: auto; border-bottom: 1px solid #eee; padding: 10px 0px; font-size: 14px; color: #363636; display: flex; display: -webkit-flex; display: -ms-flex; }

.nynav ul li span{display: flex;display: -webkit-flex;align-items: center; width: 120px; font-size:16px; font-weight:bold; color:#000; }

.nynav ul li dl{flex-wrap: wrap;width: 100%; height: auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center;}

.nynav ul li dl dd{margin-right: 10px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; height: 30px; padding: 0 15px; line-height: 30px; cursor: pointer;}

.nynav ul li dl dd.active{background: #c9974c; color: #fff; }

.nynav ul li dl dd.active a{color: #fff;}





.nyposition{ padding:30px 0 30px; margin-bottom:30px; border-bottom:1px solid #eee;}



.nycontent{  margin-right:300px; background-color:#fff; box-sizing:border-box; margin-bottom:60px;}

.leftside{ width:255px; float:right;  box-sizing:border-box; }

.leftside .tit{ font-size:20px; padding-left:36px; background:url(../images/leftico01.png) no-repeat left center; background-size:auto 28px; margin-bottom:12px;}

.leftside .line{ width:45px; height:1px; background:#d1d1d1; margin:10px 0 20px; display:none;}

.leftside .box01{  background-color:#fff; }

.leftside .box01 span{ color:#c9974c;}

.leftside .box02{background-color:#fff; margin-top:30px;}

.leftside .box02 img{ width:100%; display:block; }

.leftside .box02 p{ text-align:center;}

.leftside .box02 .tit02{ font-size:16px; padding-top:10px;}

.leftside .box02 .tit03{ color:#c9974c;}

.leftside .box03{ margin-top:20px; background-color:#fff; }

.leftside .box03 .img02{ overflow:hidden;}

.leftside .box03 img{ width:100%; display:block; transition:.5s; height:150px;}

.leftside .box03 li{ margin-bottom:15px; text-align:center;}

.leftside .box03 li .tit04{ background-color:#eee; padding:5px 0;}

.leftside .box03 .more{ background-color:#c9974c; color:#fff; text-align:center; padding:10px 0;}

.leftside .box03 .more a{  color:#fff;}

.leftside .box03 li:hover img{ transform:scale(1.1)}

.leftside .box04{ background-color:#fff; padding:30px;}

.leftside .box04 li{ background-color:#eee; padding:10px; margin-bottom:3px; text-align:center;}

.leftside .box04 li:hover,.leftside .box04 li.on{ background-color:#c9974c;}

.leftside .box04 li:hover a,.leftside .box04 li.on a{ color:#fff;}



.leftside .box02 .listli{ margin-bottom:15px; display:block;}

.leftside .box02 .listli .tit03{ padding-bottom:20px;}

.leftside .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:-4px; }

.leftside .swiper-pagination-bullet{ width:30px; height:5px; border-radius:5px;}

.leftside .swiper-pagination-bullet-active{ background-color:#c9974c;}



.nyprotit{ font-size:25px; font-weight:bold; margin-bottom:20px;}

.nyprocon img{ max-width:100%;}





.nydesign{ padding:40px 0;}

.nydesign li{ width:49%; float:left; margin-right:2%; display:flex; box-sizing:border-box; border:1px solid #eee;}

.nydesign li:nth-child(2n){ margin-right:0;}

.nydesign>li{ padding:18px; background-color:#fff; margin-bottom:25px; transition:.5s;}

.nydesign .img{ width:47%; margin-right:2%; height:280px;  transition:.5s; }

.nydesign .img a{ display:block; width:100%; height:100%;}

.nydesign .imgdes1{height:auto !important;}

.nydesign .imgdes1 a img{max-width:100%;}

.nydesign .txt{ width:50%;}

.nydesign .list li a{ overflow:hidden; display:block;height:102px;}

.nydesign .list img{ width:100%; height:100%; transition:.5s; }

.nydesign .line01{ color:#666;}

.nydesign .line01 strong{ font-size:20px; font-weight:normal; color:#000;}

.nydesign .line02{ margin-top:15px; height:50px; overflow:hidden; margin-bottom:20px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.nydesign .line03 .tit{ color:#000; background:url(../images/tit.png) no-repeat left center; padding-left:0; background-size:16px auto;}

.nydesign .line04{ width:120px; padding:3px 10px; text-align:center; background-color:#af3626; background-color:#c9974c; color:#fff; font-size:16px; margin-top:10px;}

.nydesign>li:hover{ transform:translateY(-10px); box-shadow: 0 0 20px #d2d0d0;}

.nydesign .img:hover{ background-size:auto 336px;}

.nydesign .list li:hover img{ transform:scale(1.2);}



.nydesignarc{ display:flex;}

.nydesignarc .boxfl{ width:45%; margin-right:5%;}

.nydesignarc .boxfr{ width:50%;}

.nydesignarc .boxfl img{ width:100%; display:block; box-sizing:border-box;}

.nydesignarc .en{ font-size:36px; font-weight:bold; line-height:36px; margin-bottom:10px; color:#999;}

.nydesignarc .cn{ color:#999;}

.nydesignarc .cn strong{ font-size:28px; font-weight:normal; color:#222;}

.nydesignarc .line03{ margin-top:20px; line-height:200%;}

.nydesignarc .line03 strong{ color:#c9974c; font-weight:normal;}

.nydesigntj{ margin-top:50px;}

.nydesigntj .tit{ font-size:20px; padding-left:20px; margin-bottom:20px; background-size:auto 15px; background-color:#c9974c; color:#fff; padding:10px 20px;}

.nydesigntj .line{ width:45px; height:1px; background:#d1d1d1; margin:10px 0 20px;}

.nydesigntj .great-list{ padding-top:10px;}







@media (max-width:1200px){

	.txtimglist{ padding:0 2%;}

	.txtimglist .item .txt{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

	.qqhcase .list{ padding:0 2%;}



}





@media (max-width:720px){



	.header_main .ksdh{ display:none;}

	

	.qqhdxgy .padding60{ padding:0 5%;}

	

	

	.qqhdxgy .deline01 .conn br{ display:none;}

	

	.copyright{ line-height:25px; padding:15px 0;}

	

	.bannerx{ height:148px;}

	

	.main .indexTit{ height:auto; background-image:none;}

	.main .indexTit .tit{ padding-top:0; font-size:32px;}

	.main .deline01 .conn{ margin-top:36px;}

	

	

	.qqhcontact .connlist{ padding:0 10%;}

	.qqhcontact .connlist li{ width:100%; margin-top:20px;}	

	.qqhcontact .connlist .hometitdd{ font-size:22px;}

	.qqhcontact .connlist .hometitdd .en{ margin-bottom:0;}

	.qqhcontact .txt{ margin-top:10px;}

	.qqhcontact .connlist .line{ font-size:15px; font-weight: 300; color: #333;}

	.qqhcontact .connlist i{  text-align:center; }

	.qqhcontact .connlist span{ color:#888; font-size:16px;  }

	

	

	.nydesign>li{ width:100%; margin-right:0; display:block; padding:30px 8%;}

	.nydesign .img{ width:100%; margin-right:0; margin-bottom:20px;}

	.nydesign .txt{ width:100%;}

	

	.nydesignarc{ display:block;}

	.nydesignarc .boxfl{ width:100%; margin-right:0;}

	.nydesignarc .boxfl img{ max-width:500px;}

	.nydesignarc .boxfr{ width:100%; margin-top:20px;}

	

	.nydesign{ padding:30px 8%;}

	.nycontent{ margin-right:0; padding:30px; padding:0 22px 22px;}

	.leftside{ float:none; width:100%;}

	.leftside .box01{ margin-bottom:15px;}

	.leftside .box02,.leftside .box03{ display:none;}

	

	.qqhproduct02 .list .item{ width:100%; margin-right:0;}

	

	.txtimglist .item img{ display:none;}

	.txtimglist .item .time{ width:90px;}

	.reLink{ overflow:hidden; height:100%; line-height:160%;}

	.reLink .nextLink, .reLink .prevLink{ width:100%; padding:5px 0;}

	.reLink .nextLink{ text-align:left;}

	.recomCon .txtimglist .item{ width:100%;}

	.recomCon .txtimglist .item a{ height:auto;}

	

	.qqhcase .list{ box-sizing:border-box; padding:30px 2% 0; margin-bottom:30px; padding-top:0;}

	.qqhcase .list .item{ width:49%}

	.qqhcase .list .item:nth-child(2n){ margin-right:0;}

	.qqhcase .list .item .txtBox .tit1{ display:none;}

	

	.nyposition{ padding:20px 0 20px;}

	

	.nynav{ margin-top:0; position:relative;}

	.nynav ul{ display:flex;}

	.nynav ul li{ width:25%; padding:10px 12px; box-sizing:border-box; display:block;}	

	.nynav ul li dl{ display:none; overflow:hidden; position:absolute; left:0; box-sizing:border-box; background-color:#fff; padding:22px 5%; top:80px; z-index:10;}

	.nynav ul li dl dd{ float:left; margin-right:6px; padding:0 8px; }

	.nynav ul li span{ width:auto; background:url(../images/arrowab.png) no-repeat right center; background-size:auto 7px; }

	.nynav ul li .on{ color:#b03727; background-image:url(../images/arrowabon.png)}

	

	

	.nynav{ padding:0 2%;}

	.qqhproduct .nynav>.wrapper{ padding:30px 0 40px;}	

	.qqhproduct .list{ padding:0 2%; box-sizing:border-box;}

	.qqhproduct .list .item{ width:49%;}

	.qqhproduct .list .item:nth-child(2n){ margin-right:0;}

	.qqhproduct .list .item .img{ height:auto;}

	

	

	

	#maps{ height:400px;}



	

	



}