﻿@charset "utf-8";



/*初始化*/

* {

   -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,*:after {

   -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;color:#555;}

body {background:#fff; color:#555;font-size:12px;font-family:"Microsoft YaHei","宋体","Arial Narrow",Verdana,Arial,Helvetica,sans-serif;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;margin:0;padding:0;}

td,th,caption {font-size:12px;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

a {text-decoration:none;color: #555;}

a:focus {outline:thin dotted;}

a:active,a:hover {outline:0;text-decoration:none;}

a:hover {color:#da251e;}

i {font-style: normal;}

img {border:none;width: 100%;height: auto;}

svg:not(:root) {overflow:hidden;}

ol,ul,li {list-style:none;}

b,strong {font-weight:bold;}

blockquote {margin:0;}

small {font-size:80%;}

dl,menu,ol,ul {margin:0;}

dd {margin:0 0 0 40px;}

menu,ol,ul {padding:0;}

input,textarea,select,button {font:12px "Microsoft YaHei","宋体","Arial Narrow",Verdana,Helvetica,Arial,sans-serif;margin:0;vertical-align:baseline;*vertical-align:middle;}

button,input {line-height:normal;}

input:focus,select:focus {outline:0;border:0;}

input::-webkit-input-placeholder {color:#bbb;}

input::-moz-placeholder {color:#bbb;}

input:-moz-placeholder {color:#bbb;}

input:-ms-input-placeholder {color:#bbb;}

textarea::-webkit-input-placeholder {color:#bbb;}

textarea::-moz-placeholder {color:#bbb;}

textarea:-moz-placeholder {color:#bbb;}

textarea:-ms-input-placeholder {color:#bbb;}

button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible;}

button[disabled],html input[disabled] {cursor:default;}

fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}

table {border-collapse:collapse;}

html {overflow-y:scroll;}

br {display: none;}

.hidden {display:none !important;visibility:hidden;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix {*zoom:1;}

.hidden {display:none !important;visibility:hidden;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix {*zoom:1;}

.ellipsis,.ellipsis1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ellipsis2 {

  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/

    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/

    display: -webkit-box ! important;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/

    -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/

    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/

}

.ellipsis3 {

  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/

    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/

    display: -webkit-box ! important;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/

    -webkit-line-clamp: 3;/*用来限制在一个块元素显示的文本的行数。*/

    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/

}

.ellipsis4 {

  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/

    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/

    display: -webkit-box ! important;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/

    -webkit-line-clamp: 4;/*用来限制在一个块元素显示的文本的行数。*/

    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/

}





/*全局*/

.w1240 {width: 100%;max-width: 1400px;margin:0 auto;}

.w1600 {width: 100%;max-width: 1600px;margin:0 auto;}

.list-all {width: 100%;float: right;}

.list-right {width: 80%;float: right;min-height: 540px;}

.list-left {width: 16%;margin-right: 4%; float: left; }

.box-pading-y {padding: 0 0 60px;}

section {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;}

:root {--swiper-theme-color: #da251e;}

.swiper-button-next, .swiper-button-prev {text-shadow: 0 0 5px #333;}



/*标题样式 开始



 栏目页或者内容页面的次级标题样式  



***************************************************************************************************************************************************/

.h-style01 {display: table;padding: 6px 16px;background-color: #333;color: #fff;position: relative;margin-bottom: 40px;font-size: 216%;}

.h-style01 a {color: #fff;}

.h-style01:before {content: "▲";display: block;height: 30px; position: absolute;left: 0;bottom: -30px;z-index: 1; font-size: 142%;color: #333;transform: rotate(180deg);vertical-align: top;overflow: hidden;}







/*标题样式 结束***************************************************************************************************************************************************/







/*次级标题列样式 开始



 栏目页或者内容页面的次级标题列样式  



***************************************************************************************************************************************************/

ul.nnav-style01 {width: 100%;}

ul.nnav-style01 li {width: 100%;}

ul.nnav-style01 li~li {margin-top: 10px;}

ul.nnav-style01 li a {display: block;width: 100%;line-height: 3;text-align: center;font-size: 142%;background-color: #eee;}

ul.nnav-style01 li.hover a {background-image: linear-gradient(120deg, #da251e 30%, #bd8409);color: #fff;}



@media screen and (min-width:768px) and (max-width:1199px) {

  ul.nnav-style01 li {width: 32.5%;margin-right: 1%;float: left;margin-top: 0;}

  ul.nnav-style01 li:nth-child(3n) {margin-right: 0;}

  ul.nnav-style01 li~li {margin-top: 0;}

  ul.nnav-style01 li:nth-child(3)~li {margin-top: 10px;}

}

@media screen and (max-width:767px) {

  ul.nnav-style01 li {width: 49%;margin-right: 2%;float: left;margin-top: 0;}

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

  ul.nnav-style01 li~li {margin-top: 0;}

  ul.nnav-style01 li:nth-child(2)~li {margin-top: 10px;}

  ul.nnav-style01 li a {line-height: 2;padding: 6px 0;}

}



/**次级标题列样式 结束**************************************************************************************************************************************************************************************/





/*产品列表样式 开始------



单元为图文的列表项-------



也可可以应用于案例、项目等单元列表



样式可以使用上层选择器写入



**************************************************************************************************************************************************/

ul.col3,ul.col4,ul.col5 {width: 100%;padding: 0;margin: 0;}

ul.col3 li,ul.col4 li,ul.col5 li {border: 1px solid #ddd;padding: 10px;}



ul.col3 li {width: 30.33333%;float: left;margin-right: 4.5%;overflow: hidden;}

ul.col3 li:nth-child(3n) {margin-right: 0;}

ul.col3 li:nth-child(3)~li {margin-top: 40px;}

ul.col3 li:nth-child(3n)+li {clear: both;}

ul.col3 li:hover {box-shadow: 0 3px 6px #555;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

ul.col3 li:hover .text > a {color: #da251e;}



ul.col4 li {width: 22%;margin-right: 4%;float: left;overflow: hidden;}

ul.col4 li:nth-child(4)~li {margin-top: 40px;}

ul.col4 li:nth-child(4n) {margin-right: 0;}

ul.col4 li:nth-child(4n)+li {clear: both;}

ul.col4 li.pro-style01 .text {padding: 0;}

ul.col4 li:hover {box-shadow: 0 3px 6px #555;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

ul.col4 li:hover .text > a {color: #da251e;}



ul.col5 li {width: 19.2%;margin-right: 1%;float: left;overflow: hidden;background-color: #f3f3f3;}

ul.col5 li:nth-child(5)~li {margin-top: 16px;}

ul.col5 li:nth-child(5n) {margin-right: 0;}

ul.col5 li:nth-child(5n)+li {clear: both;}

ul.col5 li.pro-style01 .text {padding: 0;}

ul.col5 li:hover {border: 1px solid #da251e;background-color: rgba(218,37,30,0.2);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}



.pro-style01 {width: 100%;border: 1px solid #ddd;padding: 10px;}

.pro-style01 .box {width: 100%;position: relative;}

.pro-style01 .img {width: 100%;position: relative;}

.pro-style01 .img img {display: block;width: 100%;}

.pro-style01 .img span {display: block;font-size: 100%;width: 26px;height: 26px;text-align: center;line-height: 26px;background-color: rgba(0,0,0,0.6);color: #fff; font-size: 100%;border:1px solid rgba(255,255,255,0.3); position: absolute;left: 10px;bottom: 10px;z-index: 1;}

.pro-style01 .text {width: 100%;position: relative;}

.pro-style01 .text > a,.pro-style01 .text > .tbox-h3 {display: block;width: 100%;height: 40px;line-height: 40px;font-size: 166.666%; overflow: hidden;margin-top: 3px;}

.pro-style01 .text > a.twoline,.pro-style01 .text > .tbox-h3.twoline {height: 54px;line-height:27px;margin: 14px 0;font-weight: normal;}

.pro-style01 .text > p {width: 100%;height: 30px;line-height: 30px;font-size: 116%;color: #888;}

.pro-style01 .text > span {display: block;position: absolute;color: #888; right: 0;bottom: 0;z-index: 1;height: 30px;line-height: 30px;font-size: 116%;font-style: italic;padding-left: 20px;}

.pro-style01 .text > span:before {content: "→";display: block;position: absolute;left: 0;top: 0;z-index: 2;color: #888;}

.pro-style01 .text > span a {color: #888;}

.pro-style01 .para {position: absolute;right: 10px;top: 10px;z-index: 1;}

.pro-style01 .para span {display: inline-block; width: 60px;height: 26px;line-height: 26px;text-align: center; background-color: rgba(0,0,0,0.6);color: #fff; font-size: 100%;border:1px solid rgba(255,255,255,0.3);}

.pro-style01 .para span~span {margin-left: 10px;}



@media screen and (min-width:1200px) and (max-width:1500px) {

  ul.col4 li {width: 31.333333%;margin-right: 3%;}

  ul.col4 li:nth-child(3)~li {margin-top: 30px;}

  ul.col4 li:nth-child(4n) {margin-right: 3%;}

  ul.col4 li:nth-child(3n) {margin-right: 0;}

  ul.col4 li:nth-child(4n)+li {clear: none;}

  ul.col4 li:nth-child(3n)+li {clear: both;}

  ul.col5 li {width: 24.25%;margin-right: 1%;}

  ul.col5 li:nth-child(4)~li {margin-top: 16px;}

  ul.col5 li:nth-child(5)~li {margin-top: 16px;}

  ul.col5 li:nth-child(4n) {margin-right: 0;}

  ul.col5 li:nth-child(5n) {margin-right: 1%;}

  ul.col5 li:nth-child(20n) {margin-right: 0;}

  ul.col5 li:nth-child(4n)+li {clear: both;}

  ul.col5 li:nth-child(5n)+li {clear: none;}

  ul.col5 li:nth-child(20n)+li {clear: both;}

}

@media screen and (min-width:768px) and (max-width:1199px) {

  ul.col4 li {width: 49.5%;margin-right: 1%;}

  ul.col4 li:nth-child(2)~li {margin-top: 10px;}

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

  ul.col4 li:nth-child(4n)+li {clear: both;}

  ul.col4 li:nth-child(2n)+li {clear: both;}

  ul.col3 li {width: 49.5%;margin-right: 1%;}

  ul.col3 li:nth-child(3)~li {margin-top: 10px;}

  ul.col3 li:nth-child(2)~li {margin-top: 10px;}

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

  ul.col3 li:nth-child(3n) {margin-right: 1%;}

  ul.col3 li:nth-child(6n) {margin-right: 0;}

  ul.col3 li:nth-child(4n)+li {clear: both;}

  ul.col3 li:nth-child(2n)+li {clear: both;}

  ul.col5 li {width: 32.666%;margin-right: 1%;}

  ul.col5 li:nth-child(3)~li {margin-top: 16px;}

  ul.col5 li:nth-child(5)~li {margin-top: 16px;}

  ul.col5 li:nth-child(3n) {margin-right: 0;}

  ul.col5 li:nth-child(5n) {margin-right: 1%;}

  ul.col5 li:nth-child(15n) {margin-right: 0;}

  ul.col5 li:nth-child(3n)+li {clear: both;}

  ul.col5 li:nth-child(5n)+li {clear: none;}

  ul.col5 li:nth-child(15n)+li {clear: both;}

}

@media screen and (max-width:767px) {

  ul.col3 li,ul.col4 li,ul.col5 li {padding: 5px;}



  ul.col4 li {width: 49%;margin-right: 2%;}

  ul.col4 li:nth-child(2)~li {margin-top: 8px;}

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

  ul.col4 li:nth-child(4n)+li {clear: both;}

  ul.col4 li:nth-child(2n)+li {clear: both;}

  ul.col3 li {width: 49%;margin-right: 2%;}

  ul.col3 li:nth-child(3)~li {margin-top: 8px;}

  ul.col3 li:nth-child(2)~li {margin-top: 8px;}

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

  ul.col3 li:nth-child(3n) {margin-right: 2%;}

  ul.col3 li:nth-child(6n) {margin-right: 0;}

  ul.col3 li:nth-child(4n)+li {clear: both;}

  ul.col3 li:nth-child(2n)+li {clear: both;}

  ul.col5 li {width: 49.5%;margin-right: 1%;}

  ul.col5 li:nth-child(2)~li {margin-top: 6px;}

  ul.col5 li:nth-child(5)~li {margin-top: 6px;}

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

  ul.col5 li:nth-child(5n) {margin-right: 1%;}

  ul.col5 li:nth-child(10n) {margin-right: 0;}

  ul.col5 li:nth-child(2n)+li {clear: both;}

  ul.col5 li:nth-child(5n)+li {clear: none;}

  ul.col5 li:nth-child(10n)+li {clear: both;}

  .pro-style01 .text > a, .pro-style01 .text > .tbox-h3 {font-size: 142%;height: 36px;line-height: 36px;margin-top: 0;}

  .pro-style01 .text > p,.pro-style01 .text > span {height: 22px;line-height: 22px;font-size: 100%;}

  .pro-style01 .text > span {display: none;}



}

/***产品列表样式 结束******************************************************************************************************************************************************************************************/



/*文章页面正文样式 开始------



主要是文字为主的文章类型



**************************************************************************************************************************************************/

.article-textbody {font-size: 142%;line-height: 1.6em;text-align: justify;color: #555;overflow: hidden;}

.article-textbody a {color: #da251d;}

.article-textbody iframe {width: 100%;height: 500px;}

.article-textbody img {display: block;margin:20px auto;width: auto ! important;height: auto ! important;max-width: 100%;overflow: hidden;}

.article-textbody h3 {font-weight: bold;font-size: 130%; padding: 0;margin-top: 30px;margin-bottom: 10px; line-height: 1.4;height: auto;}

.article-textbody h3:first-child {margin-top: 0;}

.article-textbody h3[class*="anchorlink"] {margin:0;}

.article-textbody h3 a {color: #555;}

.article-textbody h3 + ul {margin-top: 0;}

.article-textbody p,.article-textbody div {margin-bottom: 16px;}

.article-textbody div[class*="swiper-"] {margin-bottom: 0;}

.article-textbody ol {width: 100%;padding-left: 50px;padding-top: 30px;padding-bottom: 30px;}

.article-textbody ol li {width: 100%;font-size: 100%;margin-bottom: 14px;line-height: 28px;list-style-position: outside; }

.article-textbody ul {display: block; width: 100%;height: auto;overflow: hidden;margin: 20px 0;}

/*.article-textbody ul.three li {display:inline-block; width: 31.3333333%;float: left;text-align: center;  margin-right: 3%;margin-bottom: 0;margin-left:0; line-height: 2em;font-size: 80%;}

.article-textbody ul.three li:nth-child(3n) {margin-right: 0;}

.article-textbody ul.three li:nth-child(3n)+li {clear: both;}

.article-textbody ul.three li:nth-child(3)~li {margin-top: 30px;}

.article-textbody ul.four li {display:inline-block; width: 24.5%;float: left;text-align: center;  margin-right: 2%;margin-bottom: 0;margin-left:0; line-height: 2em;font-size: 80%;}

.article-textbody ul.four li:nth-child(4n) {margin-right: 0;}

.article-textbody ul.four li:nth-child(4n)+li {clear: both;}

.article-textbody ul.four li:nth-child(4)~li {margin-top: 30px;}*/

.article-textbody ul li {display:inline-block; width: 31.3333333%;float: left;text-align: center;  margin-right: 3%;margin-bottom: 0;margin-left:0; line-height: 2em;font-size: 80%;}

.article-textbody ul li:nth-child(3n) {margin-right: 0;}

.article-textbody ul li:nth-child(3n)+li {clear: both;}

.article-textbody ul li:nth-child(3)~li {margin-top: 30px;}

.article-textbody ul li a {color: #555;}

.article-textbody ul li img {width: 100% ! important;height: auto;max-width: 100% ! important;margin-bottom: 0 ! important;margin-top: 0 ! important;overflow: hidden;}

.article-textbody table {width: 100% ! important;background-color: #f3f3f3; border:1px solid #bbb;font-size: 100%;margin:10px 0;box-shadow: 0 0 3px #aaa;overflow: hidden; }

.article-textbody table tbody,.article-textbody table thead {overflow-x: auto;}

.article-textbody table tr td {border:1px solid #ddd;padding:10px 15px;font-size: 100%;line-height: 1.4;}

.article-textbody table tr td[class^="cx-"] {width: 70px;}

.article-textbody table tr {width: 100%;font-size: 100%;}

.article-textbody table tr:nth-child(2n) {background-color: #fdeceb;}

.article-textbody table tr:hover {background-color: #f9cdcb;}

.article-textbody em,.article-textbody blockquote em {font-style: italic;color: #aaa;font-size: 90%;}

.article-textbody strong,.article-textbody blockquote strong {font-weight: bold;}

.article-textbody u,.article-textbody blockquote u {text-decoration: none;}

.article-textbody strike,.article-textbody blockquote strike {text-decoration: line-through;}

.article-textbody blockquote {border:0;padding:30px;background-color: #fdcdd1;font-size: 100%;margin-top: 20px;}

.article-textbody blockquote p {line-height: 26px;font-size: 100%;margin-bottom: 14px;}

.article-textbody blockquote h3 {font-size: 120%;font-weight: bold;}

.article-textbody blockquote img {display: block;margin:20px auto;}





@media screen and (min-width:650px) and (max-width:767px) {

  .article-textbody ul {margin:16px 0;}

      .article-textbody ul li {width: 48%;margin-right: 4%;}

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

      .article-textbody ul li:nth-child(3n) {margin-right: 4%;}

      .article-textbody ul li:nth-child(6n) {margin-right: 0;}

      .article-textbody ul li:nth-child(2n)~li {margin-top: 20px;}

      .article-textbody ul li:nth-child(3n)+li {clear:none; }

      .article-textbody ul li:nth-child(2n)+li {clear:both; }

      .article-textbody ul li:nth-child(6n)+li {clear:both; }

      .article-textbody table tr td {font-size: 70%;min-width: 0;padding: 3px;}

}

@media screen and (min-width:500px) and (max-width:649px) {

  .article-content h1 {font-size: 250%;}

  .video-play iframe,.article-textbody iframe {height: 300px;}

  .article-textbody ul {margin:16px 0;}

      .article-textbody ul li {width: 48%;margin-right: 4%;}

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

      .article-textbody ul li:nth-child(3n) {margin-right: 4%;}

      .article-textbody ul li:nth-child(6n) {margin-right: 0;}

      .article-textbody ul li:nth-child(2n)~li {margin-top: 20px;}

      .article-textbody ul li:nth-child(3n)+li {clear:none; }

      .article-textbody ul li:nth-child(2n)+li {clear:both; }

      .article-textbody ul li:nth-child(6n)+li {clear:both; }

      .article-textbody table tbody {overflow-x: scroll;}

      .article-textbody table tr td {font-size: 70%;min-width: 0;padding: 3px;}

  

}

@media screen and (max-width:499px) {

  .article-content h1 {font-size: 200%;margin-top: 16px; margin-bottom: 16px;}

      .article-content .fu {margin-bottom: 10px;}

      .video-play iframe,.article-textbody iframe {border:0;height: 240px;}

      .article-textbody {padding: 14px;}

      .article-textbody ol, .article-textbody ul {padding-top: 20px;padding-bottom: 20px;padding-left: 30px;}

      .article-textbody blockquote {padding: 20px;}

      .article-textbody em, .article-textbody blockquote em {font-size: 80%;line-height: 20px;}

      .article-textbody ul {padding: 0;}

      .article-textbody ul li {width: 48%;margin-right: 4%;}

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

      .article-textbody ul li:nth-child(3n) {margin-right: 4%;}

      .article-textbody ul li:nth-child(6n) {margin-right: 0;}

      .article-textbody ul li:nth-child(2n)~li {margin-top: 20px;}

      .article-textbody ul li:nth-child(3n)+li {clear:none; }

      .article-textbody ul li:nth-child(2n)+li {clear:both; }

      .article-textbody ul li:nth-child(6n)+li {clear:both; }

      .article-textbody table tbody {overflow-x: scroll;}

      .article-textbody table tr td {font-size: 70%;min-width: 0;padding: 3px;}

}





/*文章页面正文样式 结束***********************************************************************************************************************************************************************/



/*文章正文底部 参数样式 开始



主要是tages 或者 分享 、分享链接



***********************************************************************************************************************************************************************/

.share-style01 {background-color: #eee;padding: 10px 20px;margin-top: 60px;font-size: 142%;line-height: 1.6;}





/*文章正文底部 参数样式 结束 ***********************************************************************************************************************************************************************/











/*文章列表样式 开始



有图文、单一标题等，以及不同的样式



******************************************************************************************************************************************************************/

/*单一标题 类型开始



实例架构：

    · 郑州阳光城-挤塑板+发泡水泥板

    · 郑州阳光城-挤塑板+发泡水泥板

    · 郑州阳光城-挤塑板+发泡水泥板



*/

ul.liststyle-text01 {width: 100%;}

.liststyle-text01 li {line-height: 1.6;font-size: 100%;padding-left: 20px;position: relative;font-size: 142%;}

.liststyle-text01 li:before {content: "";display: block;width:6px;height: 6px;border-radius: 3px;background-color: #333;box-shadow: 2px 2px 2px #888;position: absolute;left: 0;top: 10px;z-index: 1; }

.liststyle-text01 li~li {margin-top: 10px;}

.liststyle-text01 li b,.liststyle-text01 li strong {font-weight: normal;}





/*单一标题 类型结束*/









/*文章列表样式 结束***********************************************************************************************************************************************************************/













/*企业发展历程内容样式 开始



包含年分类、月分类、最小单元内多块、........含有图片列表、1张、3张、9宫格



******************************************************************************************************************************************************************/



.fazhan-body {font-size: 142%;}

.fazhan-body > div {display: none;}

.fazhan-body > div.active {display: block;}

.fazhan-body ul {position: relative;*zoom:1; list-style: none;padding-left: 30px;margin-left: 10px;border-left: 1px solid #eee;padding-top: 40px;}

.fazhan-body ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.fazhan-body ul > li {width: 100%;position: relative;float: left;margin-bottom: 60px;}

.fazhan-body ul > li:before {content: "";display: block;width: 6px;height: 6px;border-radius: 3px;position: absolute;left: -33px;top: 30px;z-index: 1;background-color: #bbb;}

.fazhan-body ul > li > h3 {display: table;line-height: 2; float: left;clear: both; font-size: 120%;margin-bottom: 20px; width: auto;padding-left: 20px;padding-right: 20px;background-color: #66CCCC;box-shadow: 3px 3px 3px #aaa; transform:skew(-15deg,0);-ms-transform:skew(-15deg,0); -moz-transform:skew(-15deg,0); -webkit-transform:skew(-15deg,0); -o-transform:skew(-15deg,0); }

.fazhan-body ul > li:nth-child(2n) h3 {background-color: #FFCC99;}

.fazhan-body ul > li:nth-child(3n) h3 {background-color: #CCCC99;}

.fazhan-body ul > li:nth-child(5n) h3 {background-color: #66CC99;}

.fazhan-body ul > li p {line-height: 1.6;text-align: justify;float: left;width: 100%;margin-bottom: 10px;}

.fazhan-body ul > li ol {list-style: none;float: left;width: 60%;}

.fazhan-body ul > li ol > li {display: inline-block;float: left;width: 32.333333%;margin-right: 1.5%;}

.fazhan-body ul > li ol > li:nth-child(3n) {margin-right: 0;}

.fazhan-body ul > li ol > li:nth-child(3n)~li {margin-top: 10px;}

.fazhan-body ul > li ol > li:nth-child(3n)+li {clear: both;}

.fazhan-body ul > li ul {width: 30%;padding: 0;margin:0;}

.fazhan-body ul > li ul > li {width: 100%;padding: 0;margin-bottom: 20px;}

.fazhan-body ul > li img {border: 1px solid #eee;overflow: hidden;}

.fazhan-body ul > li blockquote {padding: 0;background-color: transparent;margin:0 0 20px 0;width: 100%;font-size: 100%;float: left;border-left: 0;}

.fazhan-body ul > li blockquote:last-child {margin-bottom: 0;}

.fazhan-body ul > li blockquote > * {width: 100%; font-size: 100%;font-weight: normal;line-height: 26px;text-align: justify;float: left;}

.fazhan-body ul > li blockquote > ol,.fazhan-body ul > li blockquote > ul {width: 60%;}

.fazhan-body ul > li img {width: 100% !important;height: auto !important;}





/*企业发展历程内容样式 结束******************************************************************************************************************************************************************/





















/*河南朝钦官方网站



by @qian

******************/

@font-face {
   font-family: myFirstFont;
   src: url(../font2/AlimamaShuHeiTi-Bold.ttf);
}
@font-face {
   font-family: myyegen;
   src: url(../font2/AlimamaShuHeiTi-Bold.ttf);
}



@keyframes guajianani

{

0%   {width: 0px;height: 0px;transform:none;}

10%  {width: 100%;height: 100%;transform:none;}

20%  {width: 90%;height: 90%;transform:none;}

30%  {width: 100%;height: 100%;transform:none;}

50%  {width: 100%;height: 100%;transform:rotate(30deg);}

60% {width: 100%;height: 100%;transform:none;}

70%  {width: 100%;height: 100%;transform:rotate(30deg);}

80% {width: 100%;height: 100%;transform:none;}

90%  {width: 100%;height: 100%;transform:rotate(30deg);}

100% {width: 100%;height: 100%;transform:none;}

}



@-moz-keyframes guajianani /* Firefox */

{

0%   {width: 0px;height: 0px;-moz-transform:none;}

10%  {width: 100%;height: 100%;-moz-transform:none;}

20%  {width: 90%;height: 90%;-moz-transform:none;}

30%  {width: 100%;height: 100%;-moz-transform:none;}

50%  {width: 100%;height: 100%;-moz-transform:rotate(30deg);}

60% {width: 100%;height: 100%;-moz-transform:none;}

70%  {width: 100%;height: 100%;-moz-transform:rotate(30deg);}

80% {width: 100%;height: 100%;-moz-transform:none;}

90%  {width: 100%;height: 100%;-moz-transform:rotate(30deg);}

100% {width: 100%;height: 100%;-moz-transform:none;}

}



@-webkit-keyframes guajianani /* Safari 和 Chrome */

{

0%   {width: 0px;height: 0px;-webkit-transform:none;}

10%  {width: 100%;height: 100%;-webkit-transform:none;}

20%  {width: 90%;height: 90%;-webkit-transform:none;}

30%  {width: 100%;height: 100%;-webkit-transform:none;}

50%  {width: 100%;height: 100%;-webkit-transform:rotate(30deg);}

60% {width: 100%;height: 100%;-webkit-transform:none;}

70%  {width: 100%;height: 100%;-webkit-transform:rotate(30deg);}

80% {width: 100%;height: 100%;-webkit-transform:none;}

90%  {width: 100%;height: 100%;-webkit-transform:rotate(30deg);}

100% {width: 100%;height: 100%;-webkit-transform:none;}

}



@-o-keyframes guajianani /* Opera */

{

0%   {width: 0px;height: 0px;-o-transform:none;}

10%  {width: 100%;height: 100%;-o-transform:none;}

20%  {width: 90%;height: 90%;-o-transform:none;}

30%  {width: 100%;height: 100%;-o-transform:none;}

50%  {width: 100%;height: 100%;-o-transform:rotate(30deg);}

60% {width: 100%;height: 100%;-o-transform:none;}

70%  {width: 100%;height: 100%;-o-transform:rotate(30deg);}

80% {width: 100%;height: 100%;-o-transform:none;}

90%  {width: 100%;height: 100%;-o-transform:rotate(30deg);}

100% {width: 100%;height: 100%;-o-transform:none;}



}







@keyframes guajianani2

{

0%  {width: 100%;height: 100%;}

10%  {width: 80%;height: 80%;}

20%  {width: 100%;height: 100%;}

30%  {width: 80%;height: 80%;}

40%  {width: 100%;height: 100%;}

100%  {width: 100%;height: 100%;}

}



@-moz-keyframes guajianani2 /* Firefox */

{

0%  {width: 100%;height: 100%;}

10%  {width: 80%;height: 80%;}

20%  {width: 100%;height: 100%;}

30%  {width: 80%;height: 80%;}

40%  {width: 100%;height: 100%;}

100%  {width: 100%;height: 100%;}

}



@-webkit-keyframes guajianani2 /* Safari 和 Chrome */

{

0%  {width: 100%;height: 100%;}

10%  {width: 80%;height: 80%;}

20%  {width: 100%;height: 100%;}

30%  {width: 80%;height: 80%;}

40%  {width: 100%;height: 100%;}

100%  {width: 100%;height: 100%;}

}



@-o-keyframes guajianani2 /* Opera */

{

0%  {width: 100%;height: 100%;}

10%  {width: 80%;height: 80%;}

20%  {width: 100%;height: 100%;}

30%  {width: 80%;height: 80%;}

40%  {width: 100%;height: 100%;}

100%  {width: 100%;height: 100%;}



}





/*全局*/

body {padding-top: 107px;}

body#indextop {padding-top: 0;}



.swiper-container {

      width: 100%;

      height: 100%;



    }



    .swiper-slide {

      text-align: center;

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;



    }





/*首页*/

header {width: 100%; position: absolute;top: 0;z-index: 9999;background-color: rgba(0,204,255,0.8);border-bottom: 1px solid rgba(255,255,255,0.3);}

header .w1240 {position: relative;}

.logo {float: left;padding: 10px;background-color: #fff;margin-top: 14px;}

.logo a {display: block;width: 200px;float: left;}

.logo > div {display: table;border-left: 1px solid #bbb;padding-left: 16px;color: #888;font-size: 133%;line-height: 1em;float: left;margin-top: 10px;margin-left: 16px;padding-top: 3px;padding-bottom: 3px;}

.logo > div span {display: block;}

.logo > div span~span {margin-top: 10px;}

nav {display: table; float: right;}

nav > li {float: left;border-right: 1px solid rgba(255,255,255,0.3);}

nav > li > a {display: block;line-height: 3em;text-align: center;padding: 30px 20px;font-size: 133%;color: #fff;}

nav > li:hover > a {color: #da251e;background-color: #fff;}

.hncq-head > span,nav > li > span,nav > li > em,nav > li > div > ul > em {display: none;}

.navspantoggle {background-image: url(../images/cnav.png) ! important;}

.cur-position {position: relative;}

.tnext {display: none;position: absolute;left: 0;top: 107px;z-index: 999;background-color: #fff;box-shadow: 0 10px 8px #333;}



.nav-cp {width: 340%; }

.nav-cp ul {padding: 20px;}

.nav-cp ul li {width: 50%;font-size: 133%;line-height: 3em;float: left;text-align: center;}

.tnext .box {width: 100%;position: relative;overflow: hidden;}



.nav-gs {width: 340%;}

.nav-gs ul {padding: 20px;}

.nav-gs ul li {width: 33.33333%;font-size: 133%;line-height: 3em;float: left;text-align: center;}

.nav-oneline {width: 100%;padding-bottom: 20px;}

.nav-oneline ul {width: 100%;}

.nav-oneline ul li {width: 100%;font-size: 133%;line-height: 3em;text-align: center;}















.nr-w100 {width: 100%;float: left;}

.nr-w60 {width: 60%;float: left;}

.nr-w40 {width: 40%;float: left;}

.nr-w50 {width: 50%;float: left;}

.nr-w70 {width: 70%;float: left;}

.nr-w80 {width: 80%;float: left;}

.nr-w90 {width: 90%;float: left;}

.nr-w30 {width: 30%;float: left;}

.nr-w20 {width: 20%;float: left;}

.nr-w10 {width: 10%;float: left;}

[class^="nr-w"] + [class^="nr-w"] {padding-left: 60px;position: absolute;right: 0;top: 0;z-index: 1;}







.lunbo {width: 100%;height: 1080px;background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url(../images/b1-01.jpg);position: relative; }

.lunbo-s1 {position: absolute;left: 50%;top: 40%;z-index: 3;margin-left: -300px; width: 600px;padding: 50px 0; background-color: rgba(0,0,0,0.5);}

.lbi1 {margin-bottom: 10px;}

.lbi1,.lbi2 {font-size: 400%;font-family: myFirstFont;color: #fff;text-align: center;}

.lbi1 span {display: inline-block;}

.lbi1 span~span {margin-left: 48px;}



.index-box {padding: 60px 0;}

.index-h3 {width: 100%;text-align: center;margin-bottom: 30px;}

.index-h3 h3 {display: table;font-size: 400%;line-height: 2em;border-bottom: 3px solid #333;color: #555;font-weight: 500; letter-spacing:6px; padding: 0 10px;margin:0 auto 10px;font-family: myFirstFont;}

.index-h3 h3 span {display: inline-block; font-size: 160%;color: #da251e;}

.index-h3 h3 div {display: inline-block;font-size: 100%;}

.index-h3 p {display: table;margin:0 auto;font-size: 133%;color: #888;}

.index-box-body {width: 100%;padding-right: 80px;padding-left: 80px;}

.index-box-nav {width: 100%;text-align: center;margin-bottom: 30px;white-space:nowrap;overflow-x: scroll;padding-bottom: 20px;}

.index-box-nav::-webkit-scrollbar {display: none;}

.index-box-nav span {display: inline-block;padding: 6px 10px;background-color: #333;color: #fff;position: relative;}

.index-box-nav span~span {margin-left: 10px;}

.index-box-nav span.active {background-color: #da251e;}

.index-box-nav span.active:before {content: "▲";display: block;width: 10px; position: absolute;left:50%;top: 24px;z-index: 3;margin-left: -5px;transform:rotate(180deg);color:#da251e;  }

.index-box-bodylist ul,.index-box-bodylist1 ul,.index-box-bodylist2 ul,.ixinwen ul {display: none;}

.index-box-bodylist ul.active,.index-box-bodylist1 ul.active,.index-box-bodylist2 ul.active,.ixinwen ul.active {display: block;}

.index-box-bodylist ul li {background-color: #e8f2f5;}

.index-box-bodylist ul li:hover {background-color: #effbfe;box-shadow: 0 3px 6px #555;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.index-box-bodylist ul li:hover .text > a {color: #da251e;}

.index-box-bodylist2 .pro-style01 .text {padding: 0;}

.index-box-bodylist2 .pro-style01 .text > .tbox-h3 {height: auto; font-weight: normal;line-height: 2;text-align: center;font-size: 142%;}

.ixinwen ul {width: 100%;}

.ixinwen ul li {width: 47%;float: left;margin-right: 6%; line-height: 1.4;position: relative;padding-left: 96px;}

.ixinwen ul li:hover span {color: #da251e;}

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

.ixinwen ul li:nth-child(2)~li {margin-top: 10px;}

.ixinwen ul li:nth-child(2n)+li {clear: both;}

.ixinwen ul li a {display:block;width: 100%; font-size: 142%; overflow : hidden;text-align: left;}

.ixinwen ul li span {display: block;font-size: 116%;line-height: 1.4; position: absolute;left: 0;top: 3px;z-index: 1;color: #888;}

.ixinwen ul li strong,.ixinwen ul li b {font-weight: normal;}



.imore {display: block;width: 100%;text-align: center; margin-top: 30px;float: left;}

.imore a {display: inline-block;color: #999933;font-size: 133%;line-height: 3em;font-style: italic;position: relative;padding-left: 30px;}

.imore a:before {content: "→";display: block;position: absolute;left: 0;top: 0;z-index: 1;}

.imore a:hover {color: #da251e; }





.swiper-container {width: 100%;margin-left: auto;margin-right: auto;}

.ibody-navstyle {margin-bottom: 30px;text-align: center;margin-left: auto;margin-right: auto;box-sizing: border-box;}

.ibody-navstyle .swiper-slide span:hover {background-color:#da251e;cursor: pointer; }

.ibody-navstyle .swiper-slide span {display: inline-block;padding: 6px 10px;background-color:#333;color: #fff;}

.ibody-navstyle .swiper-slide.swiper-slide-thumb-active span {background-color:#da251e;}

.ibody-navstyle .swiper-slide.swiper-slide-thumb-active span:before {content: "▲";display: block;width: 10px; position: absolute;left:50%;top: 24px;z-index: 3;margin-left: -5px;transform:rotate(180deg);color:#da251e;  }



.ibody-nav1 {width: 80%; }

.gallery-thumbs1 .swiper-slide {width: 10%;height: 100%;text-align: center;padding-bottom: 10px;}

.gallery-top1 .swiper-slide {background-color: #fff;}

.gallery-top1 .swiper-slide > ul {width: 100%;}

.gallery-top1 .swiper-slide > ul li {width: 22%;float: left;margin-right: 4%;background-color: #e8f2f5;}

.gallery-top1 .swiper-slide > ul li:nth-child(4n) {margin-right: 0;}

.gallery-top1 .swiper-slide > ul li:nth-child(4)~li {margin-top: 20px;}

.gallery-top1 .swiper-slide > ul li:hover {background-color: #effbfe;box-shadow: 0 3px 6px #555;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.gallery-top1 .swiper-slide > ul li:hover a {color: #da251e;}

.gallery-top1 .swiper-slide > ul li a {display: block;width: 100%;overflow: hidden;}

.gallery-top1 .swiper-slide > ul li img {display: block;overflow: hidden;}

.gallery-top1 .swiper-slide > ul li span {display: block;width: 100%;font-size: 142%;line-height: 3;text-align: center;}



.ibody-nav2 {width: 30%; }

.gallery-thumbs2 .swiper-slide {width: 20%;height: 100%;text-align: center;padding-bottom: 10px;}

.gallery-top2 .swiper-slide > ul {width: 100%;}

.gallery-top2 .swiper-slide > ul li {width: 22%;float: left;margin-right: 4%;}

.gallery-top2 .swiper-slide > ul li:nth-child(4n) {margin-right: 0;}

.gallery-top2 .swiper-slide > ul li:nth-child(4)~li {margin-top: 20px;}

.gallery-top2 .swiper-slide > ul li a {display: block;width: 100%;overflow: hidden;}

.gallery-top2 .swiper-slide > ul li img {display: block;overflow: hidden;}

.gallery-top2 .swiper-slide > ul li span {display: block;width: 100%;font-size: 142%;line-height: 2;text-align: center;}





/*.ianli {width: 100%;}

.ianli li {width: 22%;float: left;margin-right: 4%;}

.ianli li:nth-child(4n) {margin-right: 0;}

.ianli li:nth-child(4)~li {margin-top: 20px;}

.ianli li a {display: block;width: 100%;overflow: hidden;}

.ianli li img {display: block;overflow: hidden;}

.ianli li span {display: block;width: 100%;font-size: 142%;line-height: 2;text-align: center;}*/

.ianli .swiper-slide {text-align: left;}

.ianli .swiper-container {padding-bottom: 30px;}

.ianli .swiper-container-horizontal>.swiper-pagination-bullets,.ianli .swiper-pagination-custom,.ianli .swiper-pagination-fraction {bottom: 0;}



.ibody-nav3 {width: 30%; }

.gallery-thumbs3 .swiper-slide {width: 20%;height: 100%;text-align: center;padding-bottom: 10px;}

.gallery-top3 .swiper-slide > ul {width: 100%;}

.gallery-top3 .swiper-slide > ul li {width: 47%;float: left;margin-right: 6%;font-size: 142%;line-height: 2;padding: 0 10px;position: relative;}

.gallery-top3 .swiper-slide > ul li:hover span {color: #da251e;}

.gallery-top3 .swiper-slide > ul li:nth-child(2n) {margin-right: 0;}

.gallery-top3 .swiper-slide > ul li:nth-child(2)~li {margin-top: 10px;}

.gallery-top3 .swiper-slide > ul li a {display:block;max-width: 80%; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: left;}

.gallery-top3 .swiper-slide > ul li span {display: block;position: absolute;right: 0;top: 0;z-index: 1;}



    



    





    

    











.izz {background-image: url(../images/izz.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}

.izz .swiper-container {padding-bottom: 30px;}

.izz .swiper-container-horizontal>.swiper-pagination-bullets,.izz .swiper-pagination-custom,.izz .swiper-pagination-fraction {bottom: 0;}

.ixinwen {background-image: url(../images/ixinwen.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}

.ifuwu {background-color: #da251e;background-image: linear-gradient(120deg, #da251e 30%, #bd8409); background-position: center;background-repeat: no-repeat;background-size: cover;}

.ifuwu ul {width: 100%;}

.ifuwu ul li {width: 16.66666%;float: left;text-align: center;}

.ifuwu ul li .ifuwu-con {width: 80px;height: 80px;margin-right: auto;margin-left: auto;padding: 14px;border: 1px solid #d81e06;background-color: #fff;border-radius: 40px;margin-bottom: 10px;}

.ifuwu ul li .ifuwu-h {width: 100%;font-size: 142%;color: #fff;}

.ifuwu ul li p {width: 100%;font-size: 100%;margin-top: 6px;color: #fff;}



footer {background-color: #333;padding: 30px 0;}

footer p {font-size: 142%;color: #bbb;text-align: center;}

footer p a {color: #bbb;}



.nmedia {text-align: center;margin-top: 30px;width: auto;margin-right: auto;margin-left: auto;text-align: center; }

.nmedia li {display: inline-block; width: 100px;text-align: center;position: relative;}

.nmedia li > span {display: inline-block; width: 40px;height: 40px;background-position: center;background-repeat: no-repeat;background-size: 80%;cursor: pointer;}

.nmedia li > div {display: none;width: 400px;position: absolute;left: -130px;bottom: 60px;z-index: 3;box-shadow: 0 0 60px #000;border: 1px solid #888; margin-left: -20px;padding: 5px;background-color: #da251e;background-image: linear-gradient(60deg, #da251e 30%, #bd8409); background-position: center;background-repeat: no-repeat;background-size: cover;}

.nmedia li > div:before {content: "▲";display: block;width: 20px;text-align: center;font-size: 160%; position: absolute;left:50%;bottom: -20px;z-index: 3;margin-left: -10px;transform:rotate(180deg);color:#da251e;}

.nmedia li > div > em {display: none;}

.nmedia li > div img {display: block;overflow: hidden;}





.douyin {background-image: url(../images/douyin-fff.png);}

.douyin:hover {background-image: url(../images/douyin.png);}

.weixin {background-image: url(../images/weixin-fff.png);}

.weixin:hover {background-image: url(../images/weixin.png);}

.baijia {background-image: url(../images/baijia-fff.png);}

.baijia:hover {background-image: url(../images/baijia.png);}



.youlian {background-color: #444;font-size: 116%;padding: 20px 0;color: #bbb;}

.youlian a {color: #bbb;}

.youlian ul {text-align: center;}

.youlian ul div {display: inline-block;margin-right: 16px;font-weight: bold;color: #bbb;}

.youlian ul li {display: inline-block;margin-right: 16px;margin-bottom: 16px;color: #bbb;}





/*挂件*/

.guajian {display: none; position: fixed;z-index: 999;bottom: 300px; right: 0;font-size: 120%;}

.guajian > div,.guajian > a {display: block; width: 200px;height: 40px;line-height: 40px; padding-left:40px;margin-bottom: 10px; border-top-left-radius: 22px;border-bottom-left-radius: 22px;overflow: hidden; background-color: rgba(0,204,255,0.8);color: #fff;  background-position: left 7px top 7px;background-size: 26px;background-repeat: no-repeat;}

#top {display: none;width: 40px;height: 40px;line-height: 40px;border: 1px solid #fff;position: fixed;z-index: 999;bottom: 0; right: 0;font-size: 120%;margin-right: 20px;margin-bottom: 80px;background-color: rgba(0,204,255,0.8); margin-top: 300px;background-image: url(../images/zhiding.png);background-position: center;background-size: 30px;background-repeat: no-repeat;cursor: pointer;}

#top:hover {background-color: #da251e;}

#fguhua {background-image: url(../images/dianhua02.png);top: 0; }

#fshouji {background-image: url(../images/shouji.png);top: 54px;}

#fliuyan {display: none; background-image: url(../images/liuyan.png);cursor: pointer;top: 108px;}







/*产品type02  开始-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.product-type-box2 {width: 100%;}

.product-type-box2~.product-type-box2 {margin-top: 40px;}

.product-type-box2 .th3 {width: 100%;height: 50px;line-height: 50px;position: relative;margin-bottom: 10px;border-bottom: 1px solid #333;}

.product-type-box2 .th3 > h3 {display: table;padding: 0 20px;background-color: #333;color: #fff; font-size: 216%;font-weight: bold;}

.product-type-box2 .th3 > h3 a {color: #fff;}

.product-type-box2 .th3 > a {display: block;position: absolute;right: 0;top: 0;font-size: 116%;font-style: italic;}

.product-type-box2 ul li {background-color: #e8f2f5;}

.product-type-box2 ul li:hover {background-color: #effbfe;box-shadow: 0 3px 6px #555;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.product-type-box2 ul li:hover .text > a {color: #da251e;}

/*产品type02  结束-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/









.list-h3 {width: 100%;border-bottom: 1px solid #333;margin-bottom: 40px;position: relative;padding-bottom: 20px;}

.list-h3 h3 {display:table;font-size: 216%;line-height: 1;}

.list-h3 p {position: absolute;right: 0;bottom: 25px;z-index: 3; font-size: 116%;line-height: 1;}

.product-list-body {width: 100%;}

.product-list-body ul li {background-color: #e8f2f5;}

.product-list-body ul li:hover {background-color: #effbfe;box-shadow: 0 3px 6px #555;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.product-list-body ul li:hover .text > a {color: #da251e;}





















.cxding {position: fixed;top: 20px;z-index: 1;}





.xie {width: 100%;font-size: 116%;line-height: 2;color: #888;margin-bottom: 40px;padding: 20px 0;background-color: #eee; }

.xie a,.xie * {color: #888;}



.art-top {width: 100%;}

.art-img {width: 48%;margin-right: 3%;float: left;}

.art-img div {width: 100%;height: auto;max-height: 530px;overflow: hidden;}

.art-img div img {display: block;}

.art-img ul {width: 100%;}

.art-img ul li {width: 23.5%;height: 40px;overflow: hidden; float: left;margin-top: 12px;position: relative;}

.art-img ul li~li {margin-left:2%}

.art-img ul li span {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 40px;line-height: 40px;background-color: rgba(0,0,0,0.6);color: #eee;font-size: 116%;text-align: center;}

.art-swiper {width: 48%;margin-right: 3%;float: left;}

.art-img-swiperbig {width: 100%;height: auto;max-height: 530px;overflow: hidden;}

.art-img-swiperbig img {display: block;}

.art-img-swipersmall {width: 100%;margin-top: 12px;}

.art-img-swipersmall .swiper-slide {width: 25%;height: 40px;overflow: hidden;cursor: pointer;position: relative;}

.art-img-swipersmall .swiper-slide div.img {width: 100%;height: 100%;overflow: hidden;}

.art-img-swipersmall .swiper-slide img {display: block;}

.art-img-swipersmall .swiper-slide:after {content: "";display: block;width: 100%;height: 100%;background-color: #000;opacity:0.5;position: absolute;left: 0;top: 0; z-index: 9;}

.art-img-swipersmall .swiper-slide.swiper-slide-thumb-active {padding: 3px;}

.art-img-swipersmall .swiper-slide.swiper-slide-thumb-active:after {opacity: 0;}

.art-img-swipersmall .swiper-slide em {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 40px;line-height: 40px;background-color: rgba(0,0,0,0.6);color: #eee;font-size: 116%;text-align: center;}

.art-img-swipersmall .swiper-slide > span {display: none;position: absolute;z-index: 1;width: 10px;height: 10px;}

.art-img-swipersmall .swiper-slide.swiper-slide-thumb-active > span {display: block;}

.art-img-swipersmall .swiper-slide > span:nth-child(5) {top: 0;left: 0;border-left: 1px solid #da251e;border-top: 1px solid #da251e;}

.art-img-swipersmall .swiper-slide > span:nth-child(2) {top: 0;right: 0;border-right: 1px solid #da251e;border-top: 1px solid #da251e;}

.art-img-swipersmall .swiper-slide > span:nth-child(3) {bottom: 0;left: 0;border-left: 1px solid #da251e;border-bottom: 1px solid #da251e;}

.art-img-swipersmall .swiper-slide > span:nth-child(4) {bottom: 0;right: 0;border-right: 1px solid #da251e;border-bottom: 1px solid #da251e;}





.art-h {width: 49%;float: left;}

.art-h h1 {width: 100%;font-size: 400%;font-weight: bold;margin-bottom: 20px;position: relative;top: -10px;}

.yaodian {width: 100%;position: relative;}



.art-hl div {display: inline-block;height: 30px;line-height: 30px;background-color:#da251e;margin-right: 12px;  padding: 0 12px; color: #fff;font-size: 100%;transform:skew(-15deg,0);-ms-transform:skew(-15deg,0); -moz-transform:skew(-15deg,0); -webkit-transform:skew(-15deg,0); -o-transform:skew(-15deg,0);}





.art-fuwu3 {width: 100%;margin-top: 10px;margin-bottom: 20px;}

.art-fuwu3 p {font-size: 142%;line-height: 1.4;margin-top: 14px;position: relative;padding-left: 46px;}

.art-fuwu3 p span {display: block;position: absolute;left: 0;top: 0;z-index: 1;}



.zhichi {margin-bottom: 20px;}

.zhichi span {display: inline-block; height: 34px;line-height: 34px;padding: 0 20px; background-color:#FFCC99;color: #6d5d04;font-size: 116%;text-align: center;transform:skew(-15deg,0);-ms-transform:skew(-15deg,0); -moz-transform:skew(-15deg,0); -webkit-transform:skew(-15deg,0); -o-transform:skew(-15deg,0);}

.zhichi span~span {margin-left: 12px;}

.tese {margin-bottom: 20px;}

.tese p {font-size: 142%;line-height: 1.6;margin-bottom: 8px;position: relative;padding-left: 20px;}

.tese p:before {content: "";display: block;width: 6px;height: 6px;border-radius: 3px;background-color: #333;box-shadow: 2px 2px 2px #da251e;position: absolute;left: 0;top: 11px;z-index: 1;}

.jianshu {width: 100%;font-size: 142%;line-height: 1.6;text-indent: 30px;padding: 30px;text-align: justify;background-color:#FFCC99;margin: 16px 0; position: relative;}

.jianshu:after {content: "“";display: block;position: absolute;left:10px;top: -36px;z-index: 1; font-weight: bold;font-size: 400%;}

.jianshu span {content: "";width: 30px;height: 30px;border-radius: 15px;background-color: #fff;position: absolute;z-index: 1;}

.jianshu span:nth-child(1) {left: -15px;top: -15px;}

.jianshu span:nth-child(2) {left: -15px;bottom: -15px;}

.jianshu span:nth-child(3) {right: -15px;top: -15px;}

.jianshu span:nth-child(4) {right: -15px;bottom: -15px;}



.art-fuwu1 {width: 100%;height: 40px;line-height: 40px;border-radius: 20px; border: 1px dashed #b9af58;text-indent: 60px;font-weight: bold; font-size: 133%;background-position: left 10px center;background-size: 30px;background-repeat: no-repeat;background-image: url(../images/cqbody.png);margin-bottom: 20px;}



.art-tel {width:100%; }

.art-tel div {display: table;float: left;height: 50px;line-height: 50px;padding: 0 30px;border-radius: 25px;font-size: 183%;color: #fff; background-image: linear-gradient(120deg, #da251e 30%, #bd8409);}

.art-tel p {display: table;float: left;font-size: 216%;font-weight: bold;line-height: 50px;color: #da251e;}



.product-art-article {width: 100%;padding-top: 20px;}

.tart-left {width: 75%;float: left; }

.tart-left .article-textbody {margin-bottom: 40px;}





.tart-right {width: 19%;float: right;margin-left: 6%;}

.aside-productlist {width: 100%;}

.aside-productlist~.aside-productlist {margin-top: 20px;}

.aside-productlist h3 {width: 100%; height:50px;line-height: 50px;text-indent: 40px; font-size: 150%;font-weight: bold;background-color: #333;color: #fff; }

.aside-productlist h3 a {color: #fff;}

.aside-productlist ul {width: 90%;margin-left: 5%;background-color: #eee;padding: 10px 10%;}

.aside-productlist ul li {width: 100%;height: 40px;line-height: 40px;overflow: hidden;font-size: 116%;}







/*案例*/

.anli-list {width: 100%;}

.anli-list-top {background-image: linear-gradient(120deg, rgba(0,204,255,0.8) 60%, #da251e); padding: 20px 0 60px;}

.anli-list-top * {color: #bbb;}

.anli-list-top .xie {margin-bottom: 40px;background-color: transparent;margin-bottom: 20px;}

.alt1 {width: 100%;position: relative;margin-bottom: 60px;}

.alt1 h1 {display: table;font-size: 300%;font-weight: bold;color: #fff;}

.alt1 > div {position: absolute;right: 0;top: 20px;z-index: 1;}

.alt1 > div li {display: inline-block;font-size: 133%;font-style: italic;}

.alt1 > span {display: block;width: 34px;height: 34px;line-height: 34px;text-align: center;font-size: 100%;color: #fff; position: absolute;right:3%;top: 0;z-index: 1;background-position: center;background-size: 60%;background-repeat: no-repeat;background-image: url(../images/anli-c.png);}

.anlicac {background-image: url(../images/cnav.png) ! important;}



.anli-fenlei {width: 100%;position: relative;padding-left: 100px;font-size: 133%;line-height: 2;margin-bottom: 20px;}

.anli-fenlei * {color: #fff;}

.anli-fenlei span {display: block;position: absolute;left: 0;top: 0;z-index: 1;width: 100px;font-weight: bold;}

.anli-fenlei span:after {content: ":";display:inline-block;margin-left: 10px;}

.anli-fenlei ul {width: 100%;}

.anli-fenlei ul li {display: inline-block;margin-right: 12px;}

.anli-fenlei ul li:last-child {margin-right:0;}

.anli-ss {width: 100%;position: relative;padding-right: 150px;}

.anli-ss > p {width: 120px; line-height: 36px;text-align: center;background-color: #333;color: #fff;font-size: 116%;box-shadow: 0 0 10px #bbb;}

.anli-ss form {width: 100%;}

.anli-ss form > span {display: none;}

.anli-ss form > div {width: 100%;}

.anli-ss form > div > p {display: none;}

.anli-ss form > div > div {width: 100%;}

.anli-ss form > div > div input {height: 36px;line-height: 34px;border: 1px solid #555;padding: 0 6px;margin-bottom: 0;margin-right: 6px;font-size: 116%;}

.anli-table-project,.anli-table-developers,.anli-table-construction {width:16%; }

.anli-table-year,.anli-table-province,.anli-table-city,.anli-table-board {width: 8%;}

.anli-table-submit {width: 10%;background-color: #333;color: #fff;box-shadow: 0 0 10px #bbb;}

.anli-table-submit:hover {border: 1px solid #333;}

.anli-ss .anli-down {position: absolute;right: 0;top: 0;z-index: 99;width: 120px; line-height: 36px;text-align: center;}

.anli-ss .anli-down .botnname {width: 100%; height: 36px;background-color: #333;color: #fff;font-size: 116%;box-shadow: 0 0 10px #bbb;}

.anli-ss .anli-down .botn-list-botn {display: none; position: absolute;right: 0;top: 36px;z-index: 9;width: 100%;background-color: #fff;border-bottom:3px solid #333;border-left:3px solid #333;border-right:3px solid #333;box-shadow: 0 10px 10px #fff; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; overflow: hidden;}

.anli-ss .anli-down .botn-list-botn button {width: 100%; height: 36px;font-size: 116%;border: 0;margin:0;background-color: #fff;}

.anli-ss .anli-down:hover {background-color: #fff;box-shadow: 0 0 10px #bbb;}

.anli-ss .anli-down:hover .botnname {border-bottom-right-radius: 0;border-bottom-left-radius: 0;  }

.anli-ss .anli-down:hover .botn-list-botn {display: block;}

.anli-ss .anli-down .botn-list-botn button:hover {background-color: #eee;color:#da251e; }



.anli-table {border: 0;margin:40px auto;}

#cx-table {display: none;}







.anli-art-page {width: 100%;}

.anli-art-page .top {width: 100%;height: 600px;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;background-image: url(../images/anliartbk.jpg);overflow: hidden;}

.anlibanner {width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;position: absolute;top: 0;left: 0; z-index: 1;overflow: hidden;}

.anlibanner[data-img=""] {display: none;}

.anli-art-page .top .bk {width: 100%;height: 100%;background-color: rgba(0,0,0,0.6); position: absolute;top: 0;left: 0; z-index: 9;margin-top: 108px; }

.anli-art-page .top .text {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;text-align: center;}

.anli-art-page .top .text h1 {display: block;width: 100%;font-size: 400%;font-weight: bold;text-align: center;line-height: 1.6;color: #fff;text-shadow: 1px 1px 2px #bbb;}

.anli-art-page .top .text p {color: rgba(255,255,255,0.8);font-size: 142%;line-height: 1.6;margin-top: 60px;}

.anli-art-page .top .text p span {display: inline-block;padding-left: 30px; background-position: left 0 center;background-size: 20px;background-repeat: no-repeat;}

.anli-art-page .top .text p span~span {margin-left: 80px;}

.anli-art-page .top .text .xie {background-color: transparent;text-align: left;margin-bottom: 100px;}

.anli-art-page-body {padding-top: 30px;padding-bottom: 60px;}

.share-style01 {margin-bottom: 40px;}



.waterfall-allwidth {width: 100%;float: left;}





/*页码*/

.yema {width: 100%; font-size: 100%;margin:20px 0 60px;text-align: right;}

.yema li {display: inline-block; list-style: none; float: none;width: auto;border:0;margin-right: 12px;padding:0;margin-bottom: 4px;font-size: 133%;font-style: italic;}

.yema li.thisclass,.yema li.thisclass a {color: #da251d;background-color: transparent;}

.yema li * {font-size: 100%;}

.yema li a {display: block;}









.gs-type-h1 {font-size: 300%;line-height: 1.4;font-weight: bold;text-align: center;margin-bottom: 60px;}

.fazhan-swiper .swiper-wrapper {padding-bottom: 20px;}

.fazhan-swiper .swiper-button-next,.fazhan-swiper .swiper-button-prev {display: none;}

.fazhan-swiper .swiper-slide {height: 40px;line-height: 40px;cursor: pointer; }

.fazhan-swiper .swiper-slide span {display: block;position: relative;width: 100%;height: 100%;font-size: 116%;background-color: #eee;}

.fazhan-swiper .swiper-slide:hover span {background-color: #da251d;color: #fff;}

.fazhan-swiper .swiper-slide span.hover {background-color: #da251d;color: #fff;}

.fazhan-swiper .swiper-slide span.hover:before {content: "▲";display: block;width: 20px;line-height: 1; text-align: center;font-size: 160%; position: absolute;left:50%;top: 38px; z-index: 3;margin-left: -10px;transform:rotate(180deg);color:#da251e;}





.keyan ul li {width: 100%;padding-bottom: 30px;float: left;}

.keyan ul li~li {padding-top: 30px;border-top:1px solid #eee;}

.keyan ul li img {display: block;width: 100%;}

.keyan ul li .left {width: 40%;float: left;}

.keyan ul li .right {width: 60%;float: left;padding: 30px 0 30px 40px;}

.keyan ul li .right h3 {font-size: 200%;font-weight: bold;margin-bottom: 30px;}

.keyan ul li .right p {font-size: 142%;line-height: 1.6;}

.gallery ul {padding: 0 !important;margin:0 !important;}

.gallery ul li {float: right;width: 25%; margin-bottom: 10px;list-style: none;overflow: hidden;padding-left: 10px;}

.gallery img {

      display: block;width: 100%;height: auto;

      background-color: #eee;

max-width: 100%;height: auto;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}









.jiameng-type h3 {font-size: 400%;font-weight: bold;text-align: center;margin-bottom: 60px;}

.jiameng-type .top {width: 100%;height: 700px;position: relative;margin-bottom: 40px; background-image: url(../images/jiameng.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}

.jiameng-type .top-text {position: absolute;left: 10%;top: 26%; top: 1;width: 80%;}

.jiameng-type .top-text > div {font-family: myyegen;font-size: 1500%;margin-bottom: 20px;color:#da251d;}

.jiameng-type .top-text p {font-size: 300%;color:#f0e68c;margin-top: 40px;font-weight: bold;margin-bottom: 40px;padding-left: 34px;}

.jiameng-type .top-text p span {display: inline-block;margin-right: 20px;}

.jiameng-type .top-text ul {width: 100%;padding-left: 34px;}

.jiameng-type .top-text ul li {width: auto; float: left;line-height:1.2;font-size: 150%;font-weight: bold; color:#fff;padding-right: 30px;position: relative;}

.jiameng-type .top-text ul li~li {margin-left: 20px;}

.jiameng-type .top-text ul li div {color: #fff;position: relative;padding-left: 30px;}

.jiameng-type .top-text ul li:before {content: "√";display: block;border: 1px solid #fff;width: 22px;height: 22px;font-size: 100%;line-height: 20px;text-align: center;position: absolute;left: 0;top: 0;z-index: 1;color: #fff;}



/*.zhaoshang-type ul li {background-color: #f3f3f3;}

.zhaoshang-type ul li {border:1px solid #ddd;overflow: hidden;padding: 5px 5px 10px;}

.zhaoshang-type ul li:hover {box-shadow: 0 3px 6px #555;}

.zhaoshang-type ul li:hover .text > a {color: #da251e;}*/





.newslist-text {width: 100%;}

.newslist-text ul li {width: 100%; height: 50px;line-height: 50px; position: relative;border-bottom: 1px dashed #eee;padding-left: 10px;}

.newslist-text ul li:hover {background-color: #eee;}

.newslist-text ul li a {display: block;width: 100%;}

.newslist-text ul li a span {display: block;font-size: 142%;}

.newslist-text ul li a i {display: block;font-style: italic;position: absolute;right: 10px;bottom: 0;z-index: 1;}

.newslist-text ul li b,.newslist-text ul li strong {font-weight: normal;}







.danyuan .dyimg {width: 100%;position: relative;}

.danyuan .dyimg a {display: block;}

.danyuan .dyimg img {display: block;width: 100%;height: auto;}

.danyuan .dyimg i {width: 40px;height: 40px;background-color: rgba(0,0,0,0.3);color: #fff;font-size: 100%;line-height: 40px;text-align: center;position: absolute; right:16px;bottom:16px;z-index: 1;}

.danyuan .dyimg span {display: block;position: absolute;left: 0;top: 0;z-index: 2; width: 100%;height: 100%;background-repeat: no-repeat;background-image: url(../images/shipin.png);background-position: center;background-size: 80px;background-color: rgba(0,0,0,0.3);}

.danyuan p {padding: 14px 20px;font-size: 142%;line-height: 1.6;background-color: #eee;}









.news-art {padding: 0 0 60px;}

.news-art .xie {margin-bottom: 20px;}

.news-art .news-art-top {width: 100%;margin-bottom: 40px;background-color: #eee;padding: 0 0 60px;}

.news-art .news-art-top h1 {font-size: 400%;line-height: 1.4;font-weight: bold;}

.news-art .news-art-top p {font-size: 116%;color: #aaa;margin-top: 30px;}

.news-art .news-art-top p span {display: inline-block;}

.news-art .news-art-top p span~span {margin-left: 20px;}





.nh1 {margin-bottom: 14px;position: relative;top: -10px;border-bottom: 1px solid #eee;padding-bottom: 6px;font-size: 300%;line-height: 1.4;font-weight: bold;margin-bottom: 10px;}



.nfu {font-size: 116%;color: #aaa;margin-bottom: 40px;padding-left: 10px;}

.nfu span {display: inline-block;}

.nfu span~span {margin-left: 20px;}



/*视频*/



.spartiframe {width: 100%;margin-bottom: 10px;}

.spartiframe iframe {width: 100%;height: 600px;border: 1px solid #bbb;}

.spsitelist {width: 100%;padding: 0;margin: 0;font-size: 100%;}

.spsitelist a {display: none;float: left;list-style: none; }

.spsitelist a[href*="http"],.spsitelist a[href*="#"] {display: block;background-color: #eee;color: #888;font-size:12px;padding: 0 6px; margin-right: 6px;line-height: 20px;text-align: center;margin-top: 10px;}

.spsitelist a:hover {background-color: #da251d;color: #fff;}

.spsitelist a.hover {background-color: #da251d;color: #fff;position: relative;}

.spsitelist a.hover:before {content: "";display: block;position:absolute;left: 50%;top: -10px;z-index: 1;margin-left: -5px;border-left: 5px solid #fff;border-right: 5px solid #fff;border-bottom: 5px solid #da251d; border-top: 5px solid #fff; }

.spsitelist a[href*="http"],.spsitelist a[href*="#"] {margin-top: 10px;}

.news-art-video-body h1 {font-size: 400%;line-height: 1.4;margin-top: 10px;font-weight: bold;}

#news-art-video-right {width: 23%;margin-left: 2%;}

.aside-video {width: 100%;}

.aside-video ul {width: 100%;}

.aside-video ul li {width: 100%;float: left;}

.aside-video ul li~li {margin-top: 20px;}

.aside-video ul li a {display: block;}

.aside-video ul li a img {display: block;float: left; width: 40%;height: auto;}

.aside-video ul li a span {display: block;width: 60%;float: left;font-size: 116%;line-height: 1.6;padding-left: 10px;}















/*联系我们*/

.lxwm {width: 100%;}

.lxwm .list-50 {width: 48%;float: left;margin-right: 4%; margin-top: 40px;border: 1px solid #eee;}

.lxwm .list-50~.list-50 {margin-right: 0;}

.lxwm .list-50 > div {width: 100%;padding: 30px;}

.lxwm .list-50 > div~div {margin-top: 60px;}

.lxwm .list-50 h3 {width: 100%;font-size: 216%;padding-bottom: 10px;margin-bottom: 20px;}

.lxwm .list-50 p {line-height: 2;font-size: 142%;}

.lxwm .list-50 img {display: block;width: 100%;margin:0;}

.lxwm .list-50 img~img {margin-top: 20px;}





@media screen and (max-width:1500px) {



footer p {font-size: 116%;}

.nmedia {margin-top: 20px;}

.nmedia li {position: static;}

.nmedia li > span {background-size: 60%;}

.nmedia li > div {width: 100%;height: 100%;left: 0;bottom: 0;border: 0;margin-left: 0;padding: 0;background-image: none;background-color: rgba(0,0,0,0.6);position: fixed;}

.nmedia li > div:before {display: none;}

.nmedia li > div > em {display: block;width: 100%;height: 100%;}

.nmedia li > div img {width: 260px;position: fixed;left: 50%;top: 50%;z-index: 33;margin-left: -130px;margin-top: -160px;}



}







@media screen and (min-width:1200px) and (max-width:1500px) {

.w1240 {max-width: 1000px;}

/*header {background-color: rgba(0,204,255,0.8);}*/

.logo {margin-bottom: 10px;}

.hncq-head > span {display: block;float: right;width: 60px; height: 60px;line-height: 60px;text-align: center;font-size: 400%;color: #fff;margin-top: 20px;background-image: url(../images/nav.png);background-position: center;background-repeat: no-repeat;background-size: 40px;}

nav {display: none; width: 100%;margin-top: 20px;margin-bottom: 60px;}

nav > li {border-right: 0;width: 100%;position: relative;border-bottom:1px solid #666;position: relative;}

nav > li > a {padding: 0 10px;text-align: left;height: 60px;line-height: 60px;}

/*nav > li > a:after {content: "＞";display: block;width: 60px;height: 60px; position:absolute;right: 0;top: 0;z-index: 1;font-size: 100%; color: #bbb;text-align: center;}*/

nav > li:hover > a {color: #fff;background-color: transparent;}

nav > li > span {display: block;position: absolute;right: 0;top: 0;z-index: -1;font-size: 100%;width: 60px;height: 60px; line-height: 60px;text-align: center;color: #bbb;}

nav > li > em {display: block;position: absolute;right: 0;top: 0;z-index: 1;font-size: 100%;width: 60px;height: 60px; line-height: 60px;text-align: center;color: #888;}

.tnext {display: block;position: static;background-color: transparent;box-shadow: none;color: #fff;padding: 0 10px;}

.tnext a {color: #fff;}



.nav-gs,.nav-cp {width: 100%;}

.nav-gs ul,.nav-cp ul,.nav-oneline ul {padding: 0 0 20px;}

.nav-gs ul li,.nav-cp ul li,.nav-oneline ul li {display: inline-block;width: auto; padding: 0 10px; margin-bottom: 10px;background-color: rgba(255,255,255,1);margin-right: 10px;font-size: 116%;line-height: 2.4;}

.nav-gs ul li a,.nav-cp ul li a,.nav-oneline ul li a {color: #555;}

.ifuwu ul li p {padding: 0 16px;}



.keyan ul li .right {padding: 0 0 0 40px;}

.keyan ul li .right h3 {margin-bottom: 20px;}

.art-swiper,.art-img {margin-right: 0;width: 100%;margin-bottom: 30px;}

.art-h {width: 100%;}

.aside-productlist h3 {text-indent: 0;text-align: center;}

.spartiframe iframe {height: 400px;}

.anli-art-page .top .bk {margin-top: 107px;}

}



@media screen and (max-width:1199px) {

  body {padding-bottom: 50px;}

  .guajian {display: block; bottom: 0;width: 100%;height: 50px;background-color: rgba(0,204,255,0.8);padding: 0 3%;font-size: 100%;}

  .guajian > div,.guajian > a {width: 50%;float: left;border-top-left-radius:0;border-bottom-left-radius:0;margin-bottom: 0;font-size: 133%;margin-top: 5px;background-color: transparent;}



}



@media screen and (min-width:768px) and (max-width:1199px) {

  body {padding-top: 103px;}

body,header {max-width: 100%;margin: 0 auto;}

  .w1240 {max-width: 100%;}

  .lunbo {height: 600px;}

  .lbi1, .lbi2 {font-size: 216%;}

  .lbi1 span~span {margin-left: 26px;}

  .lunbo-s1 {width: 320px;padding: 20px 0;margin-left: -160px;top: 45%;}

header {padding: 0 14px;background-color: rgba(0,204,255,1);}

.logo {margin-bottom: 10px;margin-top: 10px;}

.hncq-head > span {display: block;float: right;width: 60px; height: 60px;line-height: 60px;text-align: center;font-size: 400%;color: #fff;margin-top: 20px;background-image: url(../images/nav.png);background-position: center;background-repeat: no-repeat;background-size: 40px;}

nav {display: none; width: 100%;margin-top: 10px;margin-bottom: 60px;position: relative;}

nav > li {border-right: 0;width: 100%;position: relative;border-bottom:1px solid #888;position: relative;}

nav > li > a {width: 100%;float: left; padding: 0 10px;text-align: left;height: 60px;line-height: 60px;}

nav > li.cur-position > a {width: 50%;}

nav > li:hover > a {color: #fff;background-color: transparent;}

nav > li > span {display: block;position: absolute;right: 0;top: 0;z-index: -1;font-size: 100%;width: 60px;height: 60px; line-height: 60px;color: #bbb;padding-right: 20px;text-align: right;}

nav > li > em {display: block;position: static;width: 50%;height: 60px; line-height: 60px;text-align: right;color: #888;float: left;padding-right: 20px;}

.cur-position {position: static;}

.tnext > em {display: table;height: 60px;line-height: 60px;padding: 0 10px; font-size:200%;}

.tnext {display:none;padding: 0;width: 100%;top: 0;}

.tnext ul {padding: 10px 30px 30px;}

.tnext a {color: #fff;}

.nav-gs,.nav-cp {width: 100%;}

.nav-gs ul li,.nav-cp ul li,.nav-oneline ul li {display: block;width: 100%; padding: 0; margin-bottom: 10px;margin-right: 0;line-height: 3;text-align: left;border-bottom: 1px solid #eee;}

.nav-gs ul li a,.nav-cp ul li a,.nav-oneline ul li a {display: block;width: 100%; color: #555;position: relative;}

.nav-gs ul li a:after,.nav-cp ul li a:after,.nav-oneline ul li a:after {content: "＞";display: block;font-size: 100%;width: 47px;height: 47px; line-height: 47px;text-align: center;color: #bbb;position: absolute;right: 0;top: 0;z-index: -1;}

.index-h3 {margin-bottom: 20px;}

.index-h3 h3 {font-size: 216%;border-bottom: 1px solid #333;}

.index-h3 p {font-size: 116%;}

.index-box-nav {margin-bottom: 0;}

.index-box-body {padding-left: 0;padding-right: 0;}

.ifuwu ul li {width: 33.33333%;}

.ifuwu ul li:nth-child(3)+li {clear: both;}

.ifuwu ul li:nth-child(3)~li {margin-top: 40px;}

.ifuwu ul li p {padding: 0 16px;}

.ixinwen ul li {width: 100%;margin-right: 0;}





.index-box,.xie,.gs-type-h1,.article-textbody,.other-textlist,ul.nnav-style01,footer,.nh1,.nfu,.fazhan,.art-h,.tart-right,#gallery-content,.product-type-box2,.product-list-body,.zhaoshang-type .w1240 {padding-left: 3%;padding-right: 3%;}

.newslist-text,.news-art .news-art-top h1,.news-art .news-art-top p,.spsitelist,.news-art-video-body h1,.alt1,.anli-fenlei,.anli-ss,.anli-table,.yema,.lxwm {padding-left: 3%;padding-right: 3%;}



.nh1 {margin-bottom: 0;position: static;margin-top: 20px;}

.fazhan {padding-top: 20px;}

.keyan {margin-top: 20px;}

.keyan ul li {padding-bottom: 0;padding-top: 0;border-top: 0;background-color: #eee;}

.keyan ul li~li {border-top: 0;padding-top: 0;}

.keyan ul li .right,.keyan ul li .left {width: 50%;}

.keyan ul li .right {padding: 14px 20px 0;}

.keyan ul li .right h3 {margin-bottom: 10px;font-size: 180%;font-weight: normal;}

.keyan ul li:nth-child(2n) .left {float: right;}

.keyan ul li .right p {font-size: 116%;}

.product-type-box2,.product-type-box2~.product-type-box2 {margin-top: 20px;}

.product-list-body {padding-top: 10px;}

.art-h h1 {font-size: 300%;}

.jiameng-type .top {height: 500px;margin-bottom: 20px;}

.jiameng-type .top-text > div {font-size: 800%;}

.jiameng-type .top-text {top: 30%;}

.jiameng-type .top-text p {padding-left: 0;font-size: 216%;margin-top: 20px;}

.jiameng-type .top-text ul {padding-left: 0;}

.jiameng-type .top-text ul li {width: 25%;margin-bottom: 20px;}

.jiameng-type .top-text ul li~li {margin-left: 0;}



.news-art .news-art-top h1 {font-size: 300%;}

.news-art .news-art-top {margin-bottom: 20px;padding: 0 0 40px;}

.news-art .news-art-top p {margin-top: 20px;}

#news-art-video-right {width: 100%;margin-left: 0;padding-top: 20px;border-top: 1px solid #eee;}

.aside-video ul li {width: 48%;margin-right: 4%;float: left;}

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

.aside-video ul li~li {margin-top: 0;}

.aside-video ul li:nth-child(2)~li {margin-top: 10px;}

.news-art-video-body h1 {font-size: 300%;}

.list-all {margin-top: 0;}

.nfu {margin-bottom: 0;margin-top: 10px;}

.anli-fenlei ul {padding-left: 100px;}

.anli-fenlei span {left: 3%;}

.alt1 > div {right: 3%;}

.anli-ss .anli-down {top: 50px;right: 3%;}

.anli-ss form > div > div input {margin-bottom: 14px;}

.anli-table {margin: 20px auto;}

.yema {margin: 20px 0;}

.lxwm .list-50 {width: 49.5%;margin-right: 1%;margin-top: 20px;}

.lxwm .list-50 > div {padding: 14px;}

.lxwm .list-50 h3 {font-size: 180%;margin-bottom: 10px;}









.art-swiper,.art-img {margin-right: 0;width: 100%;margin-bottom: 30px;}

.art-h {width: 100%;}

.aside-productlist h3 {text-indent: 0;text-align: center;}

.spartiframe iframe {height: 400px;}

.anli-art-page .top .bk {margin-top: 103px;}



.box-pading-y {padding: 0 0 20px;}

.share-style01 {margin-top: 30px;margin-bottom: 20px;}

.xie {margin-bottom: 0;padding-top: 10px;padding-bottom: 10px;}

.list-right,.list-left {width: 100%;margin-right: 0;}

.list-left {margin-top: 20px;}



.gs-type-h1 {font-size: 216%;margin-bottom: 20px;margin-top: 30px;}

.nh1 {font-size: 216%;}

.anli-art-page .top {height: 500px;}

.anli-art-page .top .text h1 {font-size: 300%;}

.anli-art-page-body {padding-top: 20px;padding-bottom: 20px;}

.tart-left,.tart-right {width: 100%;margin-left: 0;}

.tart-right {margin-top: 20px;}

.aside-productlist {width: 49.5%;float: left;margin-right: 1%;}

.aside-productlist:nth-child(2n) {margin-right: 0;}

.aside-productlist:nth-child(2n)+.aside-productlist {clear: both;}

.aside-productlist~.aside-productlist {margin-top: 0;}

.aside-productlist:nth-child(2)~.aside-productlist {margin-top: 10px;}

}







@media screen and (max-width:767px) {

  body {padding-top: 62px;}

body,header {max-width: 100%;margin: 0 auto;}

  .w1240 {max-width: 100%;}

  .lunbo {height: 400px;}

  .lbi1, .lbi2 {font-size: 166%;}

  .lbi1 span~span {margin-left: 20px;}

  .lunbo-s1 {width: 250px;padding: 10px 0;margin-left: -125px;top: 45%;}

header {padding: 0 3%;background-color: rgba(0,204,255,1);}

.logo {margin-bottom: 6px;margin-top: 6px;padding: 6px;}

.logo a {width: 115px;}

.logo > div {margin-left: 14px;padding-left: 14px;margin-top: 5px;padding-top: 0;padding-bottom: 0;}

.logo > div span {height: 13px;line-height: 13px;font-size: 80%;}

.logo > div span~span {margin-top: 3px;}

.hncq-head > span {display: block;float: right;width: 40px; height: 40px;line-height: 40px;text-align: center;font-size: 400%;color: #fff;margin-top: 11px;margin-right:0; background-image: url(../images/nav.png);background-position: center;background-repeat: no-repeat;background-size: 30px;}

nav {display: none; width: 100%;margin-top: 0;margin-bottom: 60px;position: relative;}

nav > li {border-right: 0;width: 100%;position: relative;border-bottom:1px solid #888;position: relative;}

nav > li > a {width: 100%;float: left; padding: 0 10px;text-align: left;height: 60px;line-height: 60px;}

nav > li.cur-position > a {width: 50%;}

nav > li:hover > a {color: #fff;background-color: transparent;}

nav > li > span {display: block;position: absolute;right: 0;top: 0;z-index: -1;font-size: 100%;width: 60px;height: 60px; line-height: 60px;color: #bbb;padding-right: 20px;text-align: right;}

nav > li > em {display: block;position: static;width: 50%;height: 60px; line-height: 60px;text-align: right;color: #888;float: left;padding-right: 20px;}

.cur-position {position: static;}

.tnext > em {display: table;height: 60px;line-height: 60px;padding: 0 10px; font-size:142%;}

.tnext {display:none;padding: 0;width: 100%;top: 0;}

.tnext ul {padding: 10px 30px 30px;}

.tnext a {color: #fff;}

.index-box-body {padding-left: 0;padding-right: 0;}

.nav-gs,.nav-cp {width: 100%;}

.nav-gs ul li,.nav-cp ul li,.nav-oneline ul li {display: block;width: 100%; padding: 0; margin-bottom: 10px;margin-right: 0;line-height: 3;text-align: left;border-bottom: 1px solid #eee;}

.nav-gs ul li a,.nav-cp ul li a,.nav-oneline ul li a {display: block;width: 100%; color: #555;position: relative;}

.nav-gs ul li a:after,.nav-cp ul li a:after,.nav-oneline ul li a:after {content: "＞";display: block;font-size: 100%;width: 47px;height: 47px; line-height: 47px;text-align: center;color: #bbb;position: absolute;right: 0;top: 0;z-index: -1;}

.index-h3 {margin-bottom: 20px;}

.index-h3 h3 {font-size: 180%;border-bottom: 1px solid #333;letter-spacing: normal;height: 40px; line-height:40px;overflow:hidden;margin-bottom: 6px;}

.index-h3 p {font-size: 116%;}

.index-box-nav span~span {margin-left: 1px;}

.index-box {padding-top: 20px;padding-bottom: 20px;}

.index-box-nav {margin-bottom: 0;padding-bottom: 16px;}

.ifuwu {padding-left: 20px ! important;padding-right: 20px ! important;padding-top: 20px ! important;padding-bottom: 20px ! important;}

.ifuwu ul li {width: 45%;padding-left: 0; min-height:none;}

.ifuwu ul li .ifuwu-con {width: 50px;height: 50px;border-radius: 25px;margin-bottom: 0;padding: 10px;}

.ifuwu ul li:nth-child(2n) {margin-left: 10%;}

.ifuwu ul li:nth-child(2n)+li {clear: both;}

.ifuwu ul li:nth-child(2)~li {margin-top: 20px;}

.ifuwu ul li p {padding: 0;margin-top: 3px;}

.ifuwu ul li .ifuwu-h {margin-top: 6px;font-size: 133%;}

.izz {background-image: none;padding-bottom: 0 ! important;}

.index-box-bodylist2 .pro-style01 .text > .tbox-h3 {font-size: 133%;}

.index-box-nav span {background-color: #eee;color: #333;font-size: 116%;}

.index-box-nav span.active {color: #fff;}

.ixinwen {background-image: none;padding-top: 0 ! important;}



.imore {margin-top: 20px;}

.fazhan-body ul > li {margin-bottom: 30px;}

.fazhan-body ul > li > h3 {font-size: 106%;padding-left: 16px;padding-right: 16px;line-height: 1.8;margin-bottom: 16px;}

.fazhan-body ul > li blockquote {margin:0 0 10px 0;}





.index-box,.xie,.gs-type-h1,.article-textbody,.other-textlist,ul.nnav-style01,footer,.nh1,.nfu,.fazhan,.art-h,.tart-right,#gallery-content,.product-type-box2,.product-list-body,.zhaoshang-type .w1240 {padding-left: 3%;padding-right: 3%;}

.newslist-text,.news-art .news-art-top h1,.news-art .news-art-top p,.spsitelist,.news-art-video-body h1,.alt1,.anli-fenlei,.anli-ss,.anli-table,.yema,.lxwm,.youlian {padding-left: 3%;padding-right: 3%;}



.ixinwen ul li {width: 100%;}

.ixinwen ul li~li {margin-top: 16px;}



.fazhan-swiper .swiper-slide span.hover:before {top: 36px;}

.nmedia li {width: 50px;}

.youlian ul div {margin-right: 10px;}

.nh1 {margin-bottom: 0;position: static;margin-top: 20px;}

.fazhan {padding-top: 20px;}

.keyan {margin-top: 16px;padding-left: 3%;padding-right: 3%;}

.keyan ul li {padding-bottom: 0;padding-top: 0;border-top: 0;background-color: #eee;margin-bottom: 10px;border: 1px solid #eee;}

.keyan ul li~li {border-top: 0;padding-top: 0;}

.keyan ul li .right,.keyan ul li .left {width: 100%;min-height: 0;overflow: hidden;}

.keyan ul li .right {padding: 14px 3%;}

.keyan ul li .right h3 {margin-bottom: 10px;font-size: 142%;font-weight: normal;}

.keyan ul li:nth-child(2n) .left {float: right;}

.keyan ul li .right p {font-size: 100%;color: #888;}

.keyan ul li img {height: auto;width: 100%;}

.product-type-box2,.product-type-box2~.product-type-box2 {margin-top: 20px;}

.product-type-box2 .th3 {height: 40px;line-height: 40px;}

.product-type-box2 .th3 > h3 {font-size: 150%;padding: 0 10px;}

.product-list-body {padding-top: 10px;}

.art-img-swipersmall {display: none;}

.art-h h1 {font-size: 216%;position: static;margin-bottom: 16px;}

.jiameng-type .top {height: 300px;margin-bottom: 16px;}

.jiameng-type .top-text > div {font-size: 500%;margin-bottom: 10px;}

.jiameng-type .top-text {top: 30%;}

.jiameng-type .top-text p {padding-left: 0;font-size: 142%;margin-top: 0;margin-bottom: 20px;}

.jiameng-type .top-text ul {padding-left: 0;}

.jiameng-type .top-text ul li {width: 33.333333%;margin-bottom: 16px;padding-right: 10px;font-size: 116%;}

.jiameng-type .top-text ul li:before {width: 16px;height: 16px;}

.jiameng-type .top-text ul li~li {margin-left: 0;}

.jiameng-type .top-text ul li div {padding-left: 20px;}



.pro-style01 .text > a.twoline, .pro-style01 .text > .tbox-h3.twoline {margin:8px 0 0;line-height: 24px;height: 48px;overflow: hidden; }

.zhichi,.tese {margin-bottom: 16px;}

.zhichi span~span {margin-left: 0;}



.newslist-text ul li {padding-left: 0;height: auto;line-height: 30px;padding-top: 10px;padding-bottom: 10px;}

.newslist-text ul li a {padding-left: 80px;position: relative;}

.newslist-text ul li a i {right: auto;left: 0;bottom: auto;top: 0;color: #888;}

.newslist-text ul li a span {}

.news-art .news-art-top h1 {font-size: 180%;}

.news-art .news-art-top {margin-bottom: 0;padding: 0 0 20px;}

.news-art .news-art-top p {margin-top:16px;}

.news-art .xie {margin-bottom: 16px;}

.news-art .news-art-top p {font-size: 100%;}

.news-art .news-art-top p span~span {margin-left: 16px;}

.spartiframe iframe {height: 280px;}

#news-art-video-right {width: 100%;margin-left: 0;padding-top: 20px;border-top: 1px solid #eee;}

.aside-video ul li {width: 100%;margin-right: 0;float: left;}

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

.aside-video ul li~li {margin-top: 0;}

.aside-video ul li:nth-child(2)~li,.aside-video ul li~li {margin-top: 16px;}

.aside-video ul li a img {width: 30%;}

.aside-video ul li a span {width: 70%;font-size: 142%;}

.news-art-video-body h1 {font-size: 180%;}

.list-all {margin-top:0;}

.nfu {margin-bottom: 0;font-size: 100%;margin-top: 10px;}

.nfu span~span {margin-left: 16px;}

.anli-fenlei ul {padding-left: 80px;}

.anli-fenlei span {left: 3%;}

.alt1 > div {display: none; right: 3%;top: -10px;}

.alt1 > div li {font-size: 100%;}

.anli-ss {display: none; margin-top: 30px;margin-bottom: 0;padding-bottom: 20px;}

.anli-ss > p {width: 100px;line-height: 30px;height: 30px;}

.anli-ss .anli-down {top: 0;right: auto;left: 140px;line-height: 30px;width: 100px;}

.anli-ss .anli-down .botnname {line-height: 30px;height: 30px;}

.anli-ss form {display: none; position: fixed;left: 0;top: 0;z-index: 6666; width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);}

.anli-ss form > span {display: block;width: 100%;height: 100%;}

.anli-ss form > div {position: absolute;left: 0;bottom: 0;z-index: 6699;background-color: #fff;}

.anli-ss form > div > p {display: block;width: 100%;line-height: 40px;text-align: center;background-color: #da251e;font-size: 142%;color: #fff;}

.anli-ss form > div > div {padding: 16px 16px 20px;}

.anli-ss .anli-down .botn-list-botn {top: 30px;}

.pro-style01 .para span {width: 38px;}

.pro-style01 .para span~span {margin:0;}

.anli-list-top .xie {margin-bottom: 10px;}

.anli-table-year, .anli-table-province, .anli-table-city {width: 28%;}

.anli-table-project, .anli-table-developers, .anli-table-construction,.anli-table-board {width: 100%;}

.anli-table-submit {width: 100%;}

.anli-ss form > div > div input {margin-bottom: 10px;height: 30px;line-height: 28px;background-color: #f3f3f3;border: 1px solid #eee;}

.anli-table-submit {box-shadow:none;background-color: #333 ! important;}

.anli-table {margin: 16px auto;}

.anli-table ul li {padding: 5px;}

.yema {margin: 20px 0;}

.yema li {margin-right: 0;font-size: 100%;}

.yema li~li {margin-left: 12px;}

.lxwm .list-50 {width: 100%;margin-right: 0;margin-top: 16px;}

.lxwm .list-50 > div {padding: 14px;}

.lxwm .list-50 h3 {font-size: 150%;margin-bottom: 10px;font-weight: bold;margin-bottom: 0;}

.lxwm .list-50 p {font-size: 116%;line-height: 1.8;}

.alt1 h1 {font-size: 216%;}

.anli-list-top {padding: 0;}

.alt1 {margin-bottom: 0;padding-bottom: 20px;}

.anli-fenlei {display: none; font-size: 116%;margin-bottom: 10px;}



.art-swiper,.art-img {margin-right: 0;width: 100%;margin-bottom: 14px;}

.art-hl div,.zhichi span {padding: 0 10px;margin-right: 5px;margin-bottom: 5px;}

.art-hl div {background-color: transparent;color: #333;border-bottom: 1px solid #bbb;font-style: normal;height: auto;line-height: 2;opacity: 0.8;}



.art-fuwu3 {margin-top: 0;}

.art-fuwu3 p {font-size: 133%;color: #888;}

.art-fuwu1 {height: 50px;line-height: 20px;padding: 5px 16px 5px 60px; border-radius: 25px;text-indent: 0; font-size: 116%;text-align: justify;margin-bottom: 16px;}

.art-tel div {width: 100%;text-align: center; height: 40px;line-height: 40px;border-radius: 20px;font-size: 150%;}

.art-tel p {font-size: 150%;width: 100%;text-align: center;line-height: 40px;margin-top: 0;text-align: left;}

.product-art-article {padding-top: 0;}

.art-h {width: 100%;overflow: hidden;}

.aside-productlist h3 {text-indent: 0;text-align: center;font-weight: normal;background-color: #eee;font-size: 142%;}

.aside-productlist h3 a {color: #333;}



.anli-art-page .top .bk {margin-top: 62px;}



.box-pading-y {padding: 0 0 20px;}

.share-style01 {display: none; margin-top: 0;margin-bottom: 16px;}

.xie {margin-bottom: 0;padding-top: 10px;padding-bottom: 10px;}

.list-right,.list-left {width: 100%;margin-right: 0;min-height: 0;}

.list-left {margin-top: 20px;}

.gs-type-h1 {font-size: 216%;margin-bottom: 20px;margin-top: 30px;}

.nh1 {font-size: 180%;}

.anli-art-page .top {height: 300px;}

.anli-art-page .top .text h1 {font-size: 216%;padding: 0 30px;}

.anli-art-page .top .text p {font-size: 116%;margin-top: 20px;}

.anli-art-page .top .text p span {background-size: 16px;padding-left: 20px;}

.anli-art-page .top .text p span~span {margin-left: 20px;}

.anli-art-page-body {padding-top: 0;padding-bottom: 20px;}

.anli-art-page .top .text .xie {margin-bottom: 40px;}

.tart-left,.tart-right {width: 100%;margin-left: 0;}

.tart-right {margin-top: 20px;}

.tart-left .article-textbody {margin-bottom: 16px;}

.aside-productlist {width: 49.5%;float: left;margin-right: 1%;}

.aside-productlist:nth-child(2n) {margin-right: 0;}

.aside-productlist:nth-child(2n)+.aside-productlist {clear: both;}

.aside-productlist~.aside-productlist {margin-top: 0;}

.aside-productlist:nth-child(2)~.aside-productlist {margin-top: 10px;}

.h-style01 {font-size: 150%;margin-bottom: 30px;}

.h-style01:before {bottom: -26px;left: 10px;}

.fazhan-body ul > li ol,.fazhan-body ul > li blockquote > ol, .fazhan-body ul > li blockquote > ul {width: 100%;}

.aside-productlist ul {display: none;}

.article-textbody h3 {font-size: 110%;}

.danyuan p {padding: 8px;font-size: 133%;}

#top { margin-top: 0;margin-bottom:60px;border-radius: 10px;opacity: 0.3;}

.swiper-button-next, .swiper-button-prev {display: none;}



}













