@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
  .pl02{padding-left: .4rem;}
  .pall02{padding-left: .4rem; padding-right: .4rem;}
  .about-con {
    width: 90% !important;
	padding: 20px !important;
	margin:20px;
  }
  .about {
    padding-top: 20px !important;
    height: auto;
    padding-bottom: 30px;
}
}

.layui-col-space30 {margin: -0.325rem}
.layui-col-space30>* {padding: 0.325rem}
.layui-input-inline{
  width: 96%;
  margin: 0 0 .3rem 0;
}
.fixed {
    position: fixed;
    top: 0;
	z-index:100;
	width:100%;
}
.header{ height:80px; background:#fff;}
.logo{ width:100%; height:80px; line-height:80px; overflow:hidden;}
.logo img{ width:95%}
.menu{ width:100%; height:80px; line-height:80px;}
.menu li{ text-align:center; height:80px !important; line-height:80px !important;}
.menu li{ font-size:14px; font-weight:bold; color:#696969 !important; padding:0 !important;}
.menu li:hover{ border-bottom:3px solid #c50016;}

.layui-icon-down:before{ content:"";}
.layui-nav-child{ top:80px; background:#000; border:0;}
.layui-nav .layui-nav-child a{ color:#fff !important; font-weight:100 !important; font-size:13px !important;}
.layui-nav .layui-nav-child a:hover{ background:none; color:#f00 !important;}
.layui-nav .layui-this:after, .layui-nav-bar{ background:none !important;}

@media screen and (min-width: 1200px){
 .layui-container {width: 1100px;}
}


.wapmenu{ height:80px; background:#c81e35; border-bottom: 1px solid #b81c31;}
.wapmenu li {
    width: 25%;
    line-height: 40px;
    height: 40px;
    position: relative;
    border-right: 1px solid #df2840;
    border-left: 1px solid #b81c31;
	border-top: 1px solid #df2840;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    float: left;
    text-align: center;
    overflow: hidden;
}
.wapmenu li:nth-child(4n) {
    border-right: none;
}
.wapmenu li a {
    display: block;
    line-height: 40px;
    font-size: 15px;
    height: 40px;
    color: #FFFFFF;
}

.title {
    text-align: center;
    margin: 40px auto 30px;
    color: #d50606;
}
.title h3 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.title i {
    font-size: 12px;
    color: #666;
    display: block;
    font-style: normal;
    text-transform: uppercase;
	margin:5px 0;
}
.title p {
    font-size: 16px;
    color: #666;
}
.title p b {
    margin: 0 10px;
}

.cpimg{ width:100%; float:left; overflow:hidden;}
.syhotcp:hover .cptxt{ background:#c50016;}
.syhotcp:hover .cptxt a{ color:#fff;}
.cpimg img{ width:100%; transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.cpimg:hover img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.cptxt{ width:100%; height:50px; line-height:50px; background:#f5f5f5; float:left; text-align:center; font-size:16px; font-weight:bold;}

.syabout{ background:url(../images/about.jpg) no-repeat; height:400px; background-size: cover; margin: 100px 0 60px;}
.sytp{ height:400px; overflow:hidden; text-align:center; webkit-transition: all .5s ease; transition: all .5s ease;}
.main1{ padding-top:200px;}
.main1 img{ width:48px;}
.osel{ width:31%; }
.osels{ width:23%; }
.main1 p{ font-size: 18px; font-weight: 700; line-height:30px; color: #fff;}
.tp1{ background:url(../images/bg1.jpg) center top no-repeat; background-position: 50%; bottom: 25px;}
.tp2{ background:url(../images/bg2.jpg) center top no-repeat; background-position: 50%; bottom:10px;}
.tp3{ background:url(../images/bg3.jpg) center top no-repeat; background-position: 50%; bottom: 25px;}
.tp4{ background:url(../images/bg4.jpg) center top no-repeat; background-position: 50%; bottom:10px;}

.wrap {
    width: 1260px;
    margin: 0 auto;
}
.pr {
    position: relative;
}
.cen-box2{padding:10px 0 0; position:relative;}
.cen-box2 .x_arrs{position: absolute; top:50%;width: 50px;height: 50px;overflow:hidden;z-index: 3;}
.cen-box2 .x_prev{ background:url(../images/left.png) center no-repeat; left: -7%;}
.cen-box2 .x_next{background:url(../images/right.png) center no-repeat; right: -7%;}
.cen-box2 li{ float:left;}
.rect-57{padding-bottom: 75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
._name{ font-size:14px; font-weight:bold; line-height:30px;}
._price{ font-size:12px; color:#808080; line-height:22px;}
._more{ color:#f00; font-size:13px;}


.newstxt{ background:#f5f5f5; padding:10px 20px; overflow:hidden;}
.newstxt a{ height:40px; line-height:40px; font-size:16px; font-weight:bold; width:100%; float:left; overflow:hidden;}
.newstxt a:hover{ color:#f00;}
.newstxt span{ width:100%; line-height:25px; font-size:14px; float:left;}
.news2{ display:none;}

.wangluo{padding-bottom:60px; background:#f3f3f3; margin-top:30px;}
.wangluo dl{overflow:hidden; width:1200px; height:340px; margin:30px auto 0;}
.wangluo dt{overflow:hidden; width:370px; height:340px;float:left; position:relative;}
.wangluo dt a{display:block; position:absolute; left:20px; bottom:30px; width:155px; height:37px; background:#ff0000; color:#FF0; font-size:16px; border-radius:5px; line-height:37px; text-align:center;}
.wangluo dt a:hover{background:#fff; color:#d50606;}
.liucheng{width:100%; overflow:hidden; margin:50px auto 0;}
.liucheng ul{overflow:hidden; background:url(../images/lc.png) no-repeat 0 103px;}
.liucheng ul a{display:inline-block; margin:0px 53px 0; position:relative; height:178px;}
.liucheng ul a dt{width:90px; height:90px; background:#959393; border-radius:50%; text-align:center;}
.liucheng ul a dt i{text-align: center; padding-top: 11px;color: #fff; display: inline-block; margin: 0px auto;}
.liucheng ul a dt i.w1{font-size: 60px;}
.liucheng ul a dt i.w2{font-size: 55px;}
.liucheng ul a dt i.w3{font-size: 46px; padding-top: 21px;}
.liucheng ul a p{width:90px; height:36px; line-height:36px; text-align:center; color:#333; font-size:18px; margin-top:127px;}
.liucheng ul a.osel dt{background:#d50606;}
.liucheng ul a.osel p{color:#d50606;}
.liucheng ul a.osel p::after{content:"▲"; font-size:30px; color:#d50606; position:absolute; bottom:0px; left:32%; line-height:16px;}
.lc{padding:20px; overflow:hidden; font-size:16px; color:#fff; background:#d50606; border-radius:10px; text-align:center; display:none}
.lc span{margin-right:20px;}

.index_foot{margin-top: 60px;margin-bottom: 30px;}
.index_foot li{float: left;text-align: center}
.index_foot li .icon{background: url(../images/index_foot1.png);background-position: 0 0;width: 146px;height: 126px;margin: 0 auto;margin-bottom: 25px;transition: transform .5s ease;}
.index_foot li:hover .icon{background-position: 0 -126px;transform: rotateY(180deg);}
.index_foot li .t{font-size: 20px;color: #2d4455;line-height: 1;margin-bottom: 10px;}
.index_foot li:hover .t{color: #0a77bd;}
.index_foot li .p{font-size: 14px;color: #5f5f5f;}
.index_foot li a{display: block;}
.index_foot .li2 .icon{background-position: -146px 0;}
.index_foot .li2:hover .icon{background-position: -146px -126px;}
.index_foot .li3 .icon{background-position: -292px 0;}
.index_foot .li3:hover .icon{background-position: -292px -126px;}
.index_foot .li4 .icon{background-position: -438px 0;}
.index_foot .li4:hover .icon{background-position: -438px -126px;}

.fonter{ min-height:260px; background:#f8f8ff;}
.fonterbt{ padding:20px 0; line-height:25px; text-align:center;}
.footdl h2{
    font-size: 16px;
    color: #2c3e50;
    line-height: 1;
    margin-bottom: 20px;
	font-weight:bold;
}
.footdl dd {
    font-size: 14px;
    color: #fff;
    line-height: 1;
    margin-bottom: 13px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.footdl dd a{ color:#00;}
.footdl dd a:hover{ color:#f00;}
.footdl p {
    font-size: 14px;
    color: #fff;
    line-height: 1;
    margin-bottom: 20px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.footdl p a{ color:#000;}

.footdr h2{
    font-size: 20px;
    color: #ee7709;
    line-height: 1;
    margin-bottom: 38px;
}
.footdr p {
    font-size: 14px;
    color: #fff;
    line-height: 1;
    margin-bottom: 20px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.footdr p a{ color:#fff;}
.foot_bt{text-align:right; color:#fff; font-size:14px; overflow:hidden;}

.action{ height:50px; line-height:50px; background:#f4f4f4; overflow:hidden;}
.aboutxh{ width:90px; height:50px; line-height:50px; float:left; text-align:center; margin-right:10px;}
.on{ background:#e9e9e9; border-bottom:2px solid #f00; height:48px; line-height:48px;}

.home{ width:21px; height:60px; background:url(../images/home.jpg) left 15px no-repeat; float:left; margin-right:5px; margin-left:10px;}
.form-ss{ width:180px; height:35px; border:1px solid #e5e5e5; float:left; margin-top:10px; overflow:hidden;}
.sousuo{ width:70px; height:37px; line-height:37px; text-align:center; float:left; background:#c50016; border:0px; color:#fff; font-size:15px; margin-top:10px; overflow:hidden;}

.about_ts{ text-align:center;}
.about_ts li{ width:130px; height:40px; line-height:40px; text-align:center; background:#d00; overflow:hidden; margin:0 5px; display: inline-block;}
.about_ts li a{ color:#fff; font-size:16px;}
.about_ts li:hover{ background:#9b0101;}
.page-fr{ font-size:16px; line-height:30px; overflow:hidden;}
.page-fr p{ text-indent:2em;}

.newstit{ padding: 20px 0px 20px 0px; clear: both;
    overflow: hidden;
    border-bottom: #eee 1px dotted;
	width:100%;
}

.rect-75 {
    padding-bottom: 75%;
}
*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.newstit ._img img {
	width:100%;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
*[class*="rect-"] ._full {
    position: absolute;
    /* left: 0; */
    /* top: 0; */
    /* width: 100%; */
    height: 100%;
    *height: auto;
}
._intro {
    overflow: hidden;
}
._intro ._title {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 5px;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
._intro ._info {
    height: 20px;
    line-height: 20px;
    color: #999999;
    margin-bottom: 10px;
}
._intro ._text {
    line-height: 1.8em;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 15px;
}
._intro ._more {
    display: inline-block;
    white-space: nowrap;
    width: auto;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    color: #555;
    padding: 0 20px;
    border: 1px solid #bababa;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.newstit:hover ._title { color:#c50016; }
.newstit:hover ._text { color:#c50016; }
.newstit:hover ._more {border:1px solid #c50016; background-color:#c50016; color:#fff;}
.newstit:hover ._img img { transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}

.page{font-size: 12px; color: #777777; text-align:center;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding:10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #c1253a;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}

.newcon_fl h2{ font-size: 32px;
    font-weight: bold;
    color: #010101;
    margin-bottom: 10px;
}
._tools {
    font-size: 0;
    color: #7e7e7e;
    margin-bottom: 15px;
}
._tools span {
    font-size: 12px;
    margin-right: 10px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.myart {
    padding: 30px 2.5%;
    background-color: #fafafa;
    line-height: 2;
	overflow:hidden;
    font-size: 15px;
    color: #555555;
}
.myart img{ max-width:100%;}

._back a {
    display: block;
    position: relative;
    width: 70%;
    height: 49px;
    padding-left: 20px;
    border: #666 1px solid;
    font-size: 20px;
    line-height: 49px;
	color:#666;
}
._back:hover a { background-color:#c50016;border-color:#c50016; color:#fff;}
._back i{ padding-left:70px;}

._detailPage_bottom2 ._mark {
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
	color:#666;
}
._detailPage_bottom2 li {
    padding: 0 80px 0 13px;
    position: relative;
    line-height: 28px;
}
._detailPage_bottom2 li:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 0px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 4px;
    border-color: transparent transparent transparent #9a9a9a;
    border-style: dashed dashed dashed solid;
}
._detailPage_bottom2 li ._title {
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    width: 80%;
}
._detailPage_bottom2 ._date {
    position: absolute;
    right: 0;
    top: 0;
}

.nwes_hotcp ._mark {
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
	color:#666;
}
._ncpimg{ width:100%; overflow:hidden;}
._ncpimg img{ width:100%; height:104px;}
._ncpimg span{ height:25px; line-height:25px; overflow:hidden; width:100%; float:left; text-align:center;}

.cpqubl{ background:#f4f4f4;}
.cpright{ padding:2%;}
.cpright h1 {
    font-size: 36px;
    color: #383842;
    margin-bottom: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight:bold;
}
.cpright .right_pcon {
    font-size: 16px;
    color: #383842;
    line-height: 30px;
}

.ht_hd {
    background: url(../images/hbg_01.png) no-repeat 0 center;
	overflow: hidden;
	height:32px;
	width:100%;
	float:left;
}
.ht_hd li {
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    width: 110px;
    padding-left: 24px;
    cursor: pointer;
    color: #383842;
}
.edit_con_original {
    line-height: 1.8;
    padding: 20px 40px;
    color: #333;
    margin-bottom: 43px;
    border: 2px #000 solid;
    height: auto;
    overflow: hidden;
}
.edit_con_original h3 {
    font-size: 1.17em;
    font-weight: bold;
	background: #c60019;
    color: #fff;
    margin: 15px 0;
    padding: 5px 10px;
}
.edit_con_original img {
    max-width: 100%;
    height: auto;
}
.edit_con_original table{ border:1px solid #999; width:100% !important; margin:15px 0 5px; border-collapse:collapse; margin-bottom:15px; word-wrap: break-word; word-break: break-all;}
.edit_con_original table td:nth-child(2n+1) { border:1px solid #999; padding:8px 10px; word-wrap: break-word;word-break:break-all; color:#000; width:20%;}
.edit_con_original table td:nth-child(2n){ border:1px solid #999; padding:8px 10px; word-wrap: break-word;word-break:break-all; color:#000; width:30%;}
.edit_con_original img{ max-width:100%; height:auto;}

.yxwl{ 
   background-color: #dcdcdc;
   margin-top: 80px;
   height: 180px;
}
.yxwl-b{ bottom:80px;}
.yxwl-t{ width:100%; text-align:center; line-height:40px;}
.yxwl-t img{ width:100%;}
.yxwl-t p{ color:#fff; font-weight:bold; font-size:14px;}

@media screen and (max-width: 640px){
 .title{ margin:20px 0;}
 .title h3{ font-size:23px;}
 .syabout{ padding-top:0;}
 .aboutr video{ width:100%; height:auto; margin-top:15px;}
 .aboutzzry{ margin:0;}
 .aboutzzry img{ float:right;}
 .newstxt{ padding:5px;}
 .news2{ display:block;}
 .news1{ display:none;}
 .wangluo{ display:none;}
 .index_foot{ margin-top:20px; margin-bottom:20px;}
 .footdl:nth-child(1) { display:none;}
 .footdl:nth-child(2) { width:25%; padding-left:5%;}
 .footdl:nth-child(3) { width:25%; padding-left:5%;}
 .footdl:nth-child(4) { width:25%; padding-left:5%;}
 .footdl:nth-child(5) { width:25%; padding-left:5%;}
 .footdl:nth-child(6) { display:none;}
 .footdr{ display:none;}
 .foot-fl{ width:100%;}
 .foot_bt{ text-align:center; margin-top:10px;}
 .acss{ display:none;}
 ._text{ display:none;}
 ._intro ._more{ display:none;}
 .newstit{ padding:10px 0;}
 ._img{ width:30%;}
 ._intro{ width:70%;}
 ._intro ._title{ font-size:15px;}
 .n_right{ display:none;}
 .cpright h1{ font-size:20px; margin-bottom:10px;}
 .tp1{ bottom:10px;}
 .tp3{ bottom:10px;}
 .hide{ display:none;}
 .syabout{ margin:0;}
 .yxwl-b{ bottom:0;}
 .yxwl{ height:auto; margin-top:0; background:none;}
 .yxwl-t p{ color:#000;}
 .edit_con_original{ padding:5px;}
}

.cc_img{ width:100%;}
.cc_img img{ width:100%;}