@charset "utf-8";



body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border: medium none;margin: 0;padding: 0;}
*{margin: 0px;padding: 0px;outline: none;}
html{overflow-x: hidden;}
body{font-family: "microsoft yahei";font-size:14px;color:#000;}
input, textarea{-webkit-tap-highlight-color: rgba(255,255,255,0);}
i{font-style:normal;}
a{outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255,255,255,0);font-family: "microsoft yahei";text-decoration: none;color: #333;}
a:visited{outline: none;}
a:hover{outline: none;}
a:active{outline: none;}
ul, ol,li{list-style: none;vertical-align: middle;}
img{border: 0px;}
.fl{float: left;}
.fr{float: right;}

.g-hd{width:100%; height:70px;  min-width:320px; margin:0 auto; box-shadow:0px 3px 3px #888; position:relative}
.g-hd .u-p01{height:50px; text-align:left; vertical-align:middle; background:url(../images/LOGO.png) no-repeat  left; background-size:80%; margin-left:5px; font-size:18px; font-weight:bold; color:#000; text-indent:50px; padding-top:20px; }
/*==进度条==*/
#mobileWrap{position: relative;overflow: hidden;margin: 0 auto; }

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_nav{width:50px;position: absolute;cursor:pointer;height:24px;top:30px; right:0}
.sp_nav span{display:block;  background: rgba(0,46,115,1);width:24px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0;transition:all ease 0s}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999999;background: rgba(0,0,0,0.9);width:100%;height:calc(100%);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
.sjj_nav ul li{border-top:1px #eee solid;margin:0 20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav ul li a{ color:#fff}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav>ul >li:first-child{border-top:none;}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/




/** * 二级页面左侧一级导航 */
#mobileMenu{height: 100%;display: block;position: fixed;width: 250px;z-index: 0;background:#000;right:-250px;}
#mobileMenu_c{clear: both;overflow: hidden;overflow-y: auto;}
#mobileMenu header{display:block;background:#000;height:40px;}
#mobileMenu header h1{text-align: center;padding-top: 10px;color: #fff;font-size: 16px;text-shadow: 1px 1px 0px #313131;}
#mobileMenu ul{height: 100%;}
#mobileMenu ul li{display: block;}
#mobileMenu ul li a{display: block;border-bottom: 1px solid #fff;color: #fff;font-size: 14px;height: 43px;display: block;border-bottom: 1px solid #fff;font-size: 14px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#mobileMenu ul li a em{display: block;width: 4px;height: 43px;float: left;background: #1d1d1d;}
#mobileMenu ul li a span{display: block;line-height: 43px;float: left;padding:0 0 0 15px;}
#mobileMenu ul li a i{width: 30px;height: 30px;text-align: center;display: block;line-height: 43px;float: right;color: #fff;display:none;}
#mobileMenu ul li.hover a{}
#mobileMenu ul li.hover a em{background:#009148;}
/** * 二级页面右侧二级导航 */
#mobileSubNav{height:35px;position:relative;z-index:999999999999999;margin:0 auto;}
.mobileSubNav_title{height:35px;overflow:hidden;background:#F6F6F6;position:absolute;overflow:hidden;box-shadow: inset 1px -8px 26px #dedede;z-index:10;}
.SubNav_open{width:40px;height:35px;display:block;color:#656565;font-size:25px; position:absolute; right:0px; top:3px;}
.SubNav_open span{clear:both;margin:1% 0 0 5px;display:block;}
.mobileSubNav_title ul{width:300px;display:block;float:left;height:40px;overflow:hidden;}
.mobileSubNav_title ul li{width:30%;display:block;height:40px;float:left;font-size:0.8rem; line-height:1.5; overflow:hidden;}
.mobileSubNav_title ul li.hover a{color:#84bf41;}
.mobileSubNav_title ul li a{display:block;line-height:2;text-align:center;color:#656565;}

#mobileSubBg{width:100%;position:fixed;background:rgba(0,0,0,0.3);z-index:50;left:0;top:0;display:none;}
#mobileSubNav dl{width:100%;position:absolute;z-index:90;padding:6px 0;overflow:hidden;background:#fff;display:none;}
#mobileSubNav dl dt{display:block;clear:both;line-height:30px;padding:0 0 0 5px;font-size:16px;margin:0 0 5px 0;text-align:center;}
#mobileSubNav dl dd{width:33.3%;display:block;float:left;}
#mobileSubNav dl dd a{display:block;background: #f3f3f3;border: 1px solid #d0d0d0;color: #656565;border-radius:3px;margin:5px;line-height:30px;text-align:center;box-shadow:0px 1px 1px rgba(153,153,153,0.3); height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#mobileSubNav dl dd.hover a{background:#84bf41;color:#fff;}
/** * 框架部分 right begin */
#pagebody{position: relative;left: 0;min-width: 320px;overflow: hidden; z-index:99999}
#pagebody header#toolbarnav{display: block;height:45px;width: 100%;position: relative;color:#fff;background: #009148;}
#pagebody header#toolbarnav h1{text-align: center;display: block;text-align: center;line-height: 45px;color: #fff;font-size: 18px;padding:0 10px 0 0;font-weight: 100;}
#pagebody header #go-back{position: absolute;top:0;width: 50px;height:45px;display:block;left:0;}
#pagebody header #go-back span{color:#fff;font-size:18px;display:block;margin:15px 0 0 12px;}
#pagebody header #menu-btn{display: block;width: 50px;height: 45px;position: absolute;right:0;top:0;}
#pagebody header #menu-btn span{font-size: 28px;color: #fff;margin:10px 0 0 12px;display: block;}
#pagebody header #sub-btn{display: block;width: 50px;height: 40px;position: absolute;right: 0;top: 0;}
#pagebody header #sub-btn span{font-size: 20px;color: #fff;margin: 12px 0 0 16px;display: block;}
#mobileContent{display: block;background:#fff;height: 100%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
/** * 首页广告 */

.sy_pro2 #indexcn{width:90%;font-size:16px;color:#000;line-height:1.8;font-family:Microsoft YaHei;margin:10px auto}
.sy_pro2 #indexcn>.view_contents {color:#000;font-size:24px;line-height:24px;text-align:center;}
.sy_pro2 #indexen{width:90%;font-size:20px;color:#888;line-height:1.8;    font-family: Constantia;margin:0 auto 30px;}
.sy_pro2 #indexen>.view_contents {font-size:14px;color:#555555;text-align:center;line-height:16px;} 

.sy_pro{ width:100%; margin-top:50px;}
.sy_pro ul{ width:100%}
.sy_pro ul li{ float:left; width:50%; position:relative;}
.sy_pro ul li .sytp{ width:100%;}
.sy_pro ul li .sytp img{ float:left}
.sy_pro ul li a.abg{ width:100%; display:block; background: rgb(0,0,0, 0.5);text-align:center; clear:both; position:absolute; height:100%}
.sy_pro ul li a.bbg{ width:100%; display:block; text-align:center; clear:both;position:absolute;}


.sy_pro ul li a.abg .name{ font-size:20px; color:#fff;  line-height:36px; padding-top:10px;  width:100%; display:block; margin-top:40%}
.sy_pro ul li a.abg .fh{color:#fff; display:block; border:2px solid #fff; border-radius:100px; height:40px; width:40px; line-height:40px; font-size:22px; margin:20px auto}
.sy_pro ul li a.bbg .name{ font-size:20px; color:#c59a60;  line-height:36px; padding-top:10px;  width:100%; display:block; margin-top:40%}
.sy_pro ul li a.bbg .fh{color:#c59a60; display:block; border:2px solid #c59a60; border-radius:100px; height:40px; width:40px; line-height:40px; font-size:22px; margin:20px auto}


/*首页简介*/

.about_bg{width:100%; margin:0  auto;  overflow:hidden;}

.about_main{ width:100%; margin:0px auto 0;}
.about_txt{}
.about_txt .aboutlogo{ width:98%;font-size:1rem;margin-right:2%; font-weight:normal; color:#c59a60;float:right; line-height:1.3; text-align: right; margin-top:15px;}
.syabouttxt{display: inline-block; float:right; margin-right:10px; font-size:0.5rem; width:75%; text-align: right;line-height:150%; margin-top:20px; color:#222;margin-bottom:30px;}
.fxzx{ display: inline-block;  text-align:center;font-size:0.5rem; float:right; width:25%; margin-right:2%}
.zt{ display: inline-block;  text-align:center;font-size:0.5rem; float:right}



.cf_bg{width:100%;overflow:hidden; ;}
.cf_main{ width:99%; margin:0 auto }
.cf_main .cftit{ padding-top:3%; padding-left:2%; width:98%}

.cf_main .cftit .wylh{color:#a87846; font-size:1rem;line-height:1.2; margin-top:1%;}
.cf_main .cftit .xsd{ color:#fff; font-size:0.6rem;line-height:130%; margin-top:10px;}
.cf_icon{ margin-top:2%; color:#fff; float:left; width:99%;}
.cf_icon .cf_icon1,.cf_icon .cf_icon2,.cf_icon .cf_icon3,.cf_icon .cf_icon4{ float:left; width:24.5%; height:36px; line-height:1.3; font-size:0.5rem; padding-top:35px; text-align:center;}
.cf_icon .cf_icon1{ background:url(../images/icon1.png) no-repeat top; background-size:30%;}
.cf_icon .cf_icon2{ background:url(../images/icon2.png) no-repeat top; background-size:30%; border-left:1px solid #fff}
.cf_icon .cf_icon3{ background:url(../images/icon3.png) no-repeat top; background-size:30%;border-left:1px solid #fff}
.cf_icon .cf_icon4{ background:url(../images/icon4.png) no-repeat top; background-size:30%;border-left:1px solid #fff}

.cf_main .cf_txt{  margin-top:2%; color:#fff;float:left; font-size:0.8rem; width:100%; margin-left:10px;}
.jscf{float:left; margin-left:1%; margin-top:20px;width:100%;}


.pp_bg{width:100%;  overflow: hidden;  }
.cf_main{ width:100%; margin:0 auto }
.pptxt{ float:left; width:98%;  margin-left:2%; text-align:center; margin-top:5%;}
.pptxt h3{ font-size:1.2rem; color:#fff; display:block; line-height:100%;}
.pptxt .mt115{ margin-top:1%; }
.pptxt .ckxq a{ display:block; background-size:15%; height:34px; width:100px; vertical-align:middle; color:#fff; font-size:0.8rem; margin:10px auto 0; overflow:hidden;}
.pptxt .ppcon{ display:block; width:calc(100% - 20px); font-size:0.6rem; color:#fff; line-height:1.5; margin-top:10px;}
.pptxt .mt165{ margin-top:10px;}
.wapnewsbg{ margin:0 auto; background:#f1f1f1; width:calc(100% - 4%); padding:10px 2%;overflow: hidden;
}


.picnews{ width: 100%;float:left}
.picnewstit{ color:#000; font-size:20px; text-align:center; width: 100%;margin-top:20px; margin-bottom:20px;}
.f12{ font-size:12px;}
.inewspic{ width:100%; background:#1a1a1a; float:left;}
.inewspic img{ width:100%;}
.f20{ font-size:14px;}
.f16{ font-size:16px;}

.inewspic h3 a{ color:#fff}
.newsdata{ width:20%; float:left; margin-top:25px; color:#fff}
.inewstxt{  float:left;width:calc(74% - 1px); padding:0px 2% 0px 4%; color:#888; border-left:1px solid #fff; margin:10px 0}
.wapnewslist{ width:100%; float:left; border-bottom:1px solid #eee}
.c000{ color:#000}
.wapnewsdata{ width:20%; float:left; margin-top:10px; color:#888}
.wapinewstxt{  float:left;width:calc(74% - 1px); padding:0px 2% 0px 4%; color:#888; border-left:1px solid #fff; margin:10px 0}
.wapnews{ width: 100%; background:#fff; float: left; overflow:hidden; margin-top:10px;}
.bottom{ background:#1a1a1a; overflow:hidden; width:100%}
.footstit{ color:#fff; font-size:20px; text-align:center; width: 100%;margin-top:20px; margin-bottom:20px;}
.foINext{ color:#888; font-size:14px; text-align:center; width: 92%; margin:0 auto}
.erOneMax{ text-align:center; margin-top:20px;}
.erOneMax span { display:inline-block;margin:0 10px; text-align:center; color:#a87846; line-height:30px; font-size:14px;}
.copy{width:100%; background:#111; color:#6d6d6d;  text-align:center; line-height:20px; font-size:12px; padding:10px 0 }
.copy a{ color:#6d6d6d;}






.iSlider-effect {
  height: 280px;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;

}

.iSlider-effect ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  overflow: hidden;
}
.iSlider-effect li {
  position: absolute;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  list-style: none;
}
.iSlider-effect ul li img{
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}

.iSlider-effect div{
  background-color: #ffffff;
  padding: 3px; text-align:center;
}

.iSlider-effect div h1{ font-size:18px; color:#0f4eab; margin-top:10px;}
.iSlider-effect div h2{ font-size:14px; color:#000;}

.foot{width:100%; background:#002e73; height:50px; text-align:center; color:#fff; line-height:50px; position:relative; top:0}




/** * 固定的底部 */
.footer{ bottom:0;overflow: hidden;color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 48px;width: 100%;display: inline-block;/*background: rgba(16,16,16,1);*/-webkit-background-clip: content;-moz-background-clip: content;background-clip: content;position: fixed;z-index:999999; left: 0;bottom: 0;background:#8d8d8d; }
.footer div{height: 48px;width:25%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-background-clip: content;-moz-background-clip: content;background-clip: content;border-left: 1px solid #fff;text-align: center;}
.footer div:first-child{ border-left:none}
.footer div a{display: block;height:43px;width: 100%;color: #fff;padding:5px 0 0 0;}
.footer div.hover a{background: #8d8d8d;}
.footer div a em{display: block;width: 15px;height: 15px;clear: both;font-size: 18px;text-align: center;margin: 0 auto;padding:0px 0 5px 0;}
.footer div a em.phone{background: url(../images/icon2.png) no-repeat center top;background-size:15px 15px;}
.footer div a em.reser{background: url(../images/icon1.png) no-repeat center top;background-size:15px 15px;}.footer div a em.yuyue{background: url(../images/icon4.png) no-repeat center top;background-size:15px 15px;}
.footer div a em.user{background: url(../images/icon3.png) no-repeat center top;background-size:15px 15px;}
.footer div a span{display: block;clear: both;font-size: 12px;text-align: center;}
.footer div i{height: 15px;font-size: 20px;margin: 10px 0 0 0;display: block;}




.aboutbanner{ width:100%; }
.aboutbanner img{width:100%; float:left}
.aboutbox{ width:100%; margin:0 auto;}
.about{ width:100%;  margin-top:20px;}
.aboutname{ margin-bottom:10px; border-bottom:1px solid #ddd; text-align:center; padding-bottom:15px;}
.abouttxt{ width:100%; line-height:180%; color:#555; float:left}
.abouttxt img{ width:100% !important; height:auto !important; } 

.about .abouctcontent .about1{ float:left;width:100%; margin-top:20px; margin-bottom:10px;}
.about1 .about1_left{ float:left; width:100%;  font-size:14px; line-height:180%; }
.about1 .aboutlogo{ font-size:20px; font-weight:normal;  line-height:30px; color:#c4985b; font-weight:bold; text-align:center; margin-bottom:10px;}

.about1 .about1_left p{text-indent:32px;}
.about1 .about1_right{ width:100%; margin-top:20px;}
.about1 .about1_right img{  margin-top:10px;}
.f32{ font-size:16px;}
.about1 .about1_left ul{ margin-top:20px;}
.about1 .about1_left ul li{ float:left; display:block; width:25%; text-align:center; font-size:16px}
.about1 .about1_left ul li:nth-child(1){ width:22%}
.about1 .about1_left ul li:nth-child(3){ width:28%}
.about1 .about1_left ul li p{ text-indent:0; font-size:12px;}

.about2{width:100%; background:url(../images/jidi.jpg) center no-repeat; background-size:120%; padding:20px 0; }
.about2 .atxt{ margin:0 auto; width:98%;  line-height:120%;}
.mgmb{ margin:10px 15% 10px 0}
.c4985b{ color:#c3985a}
.f60{ font-size:20px;}
.lh60{ line-height:20px;}
.f25{ font-size:14px;}
.lh40{ line-height:20px;}
.cfff{ color:#fff}
.f15{ font-size:12px;}

.about .abouctcontent .about3,.about4,.about5,.about6,.about7{ width:100%}


.zs_title{ width:100%;  text-align:center; float:left}
.zs_title .cn{ line-height:20px; font-size:20px; font-weight:bold; color:#222}
.zs_title .zs_tit{ font-size:13px; color:#222;font-weight:bold;  margin-bottom:10px;}
.zsdt{float:left; width:100%}
.zsdt>div { float:left; width:calc(50% - 10px); margin:0 5px;}



.zsjc{float:left; text-align:center; font-size:12px; font-weight:bold; line-height:20px; width:100%}
.zsjc>div{ float: left; width:calc(50% - 5px); }
.zsjc>div:nth-child(2n){margin:0 0 0 10px;}
.zsjc>div.cpys{ float:left;width:calc(100% - 0px) ; text-align:left; margin:0}
.disno{ display:none}
.cpys1{ float:left; width:calc(100% - 40px);height:100px; background:#f2f2f2; border-radius:5px; padding:0 20px 0 20px}
.cpys_bt{ width:100%; border-bottom:1px dotted #333}
.cpys_bt .spicon01{ background:#c3985a; border-radius:100px; width:30px; height:30px; display:block; text-align:center; line-height:30px; color:#fff; margin:13px 0;}
.cpys_nr{ margin-top:10px;}
.cpys2{float:left;width:100%; position:relative; text-indent:45px;background:#f2f2f2; border-radius:5px; height:50px; margin-top:10px; line-height:50px;}
.cpys2 .spicon02{background:#c3985a;  width:5px; height:5px; display:block; margin-top:25px; position: absolute; left:20px;}
.mt80{ margin-top:80px;}

.zsdt>div.pzsj{ float:left; width:calc(50% - 30px); margin:5px;  padding:10px; background:#f2f2f2;border-radius:10px;  text-align:center; line-height:200%}

.mf12{ font-size:12px;}
.mf14{ font-size:14px;}

.zljs { display:none;}
.pzcn{width:100%; height:300px; background:url(../images/ps9.jpg) no-repeat center; float:left; margin-top:20px;}
.mpztile{color:#c3985a; font-size:20px; margin-top:50px; margin-left:20px;}
.mpztxt{color:#000; font-size:12px; margin-top:30px; margin-left:20px; line-height:180%}


.aztd{ margin:20px auto 0; width:100%;}
.aztd_lb{ float:left; width:calc(48% - 20px); margin:0 1% 10px;  background:#ececec; border-radius:20px; padding:10px; }


.azyz{ float:left; margin:30px 1% 0; width:98%; background:url(../images/fw9.jpg); height:240px; line-height:100%; background-size:40%; background-position:98% 90px; background-repeat:no-repeat }
.azyz1{ background:url(../images/fw6.jpg) left no-repeat; display:block; height:40px; padding-left:40px; margin-top:20px;}
.azyz2{ background:url(../images/fw7.jpg) left no-repeat; display:block; height:40px; padding-left:40px;}
.azyz3{ background:url(../images/fw8.jpg) left no-repeat; display:block; height:40px; padding-left:40px;}
.azyz .{}


.gjfzl{ float:left; width:98%; margin:0 1%; font-size:12px; text-align:center}
.gjfcon{ float:left; width:23%; margin:0 1%;  margin-top:20px}
.gjfcon:nth-child(4){ margin-right:0;}
.gjfcon:nth-child(8){ margin-right:0;}

.lianxi{float:left; width:98%; margin:0 1%; }
.lianxicon{ width:calc(100% - 40px);float:left; background:#ececec; border-radius:20px;padding:20px; text-align:center; margin-bottom:10px;}
.lianxicon img{ width:50px !important;}
.txbd{ display:inline-block; background:url(../images/fw21.jpg) no-repeat 80px 8px; height:36px; width:120px; border:2px solid #c19354; line-height:36px; font-size:14px;border-radius:10px; margin-top:20px; text-align:left; text-indent:20px;}
.mdisno{ display:none}

.newsbox{ float:left; width:100%}
.listnews{float:left; width:100%;}
.listnews dl{ float:left; width:48%;  background:#f0f0f0;border-radius:10px; margin:10px 1%}
.listnews dl:nth-child(1){ }
.listnews dl:nth-child(3n){ margin-right:0;}
.listnews dl dt{float:left;width:100%; border-radius:10px; overflow:hidden; margin-bottom:10px; }
.listnews dl dt img{ width:100%; height:130px;border-radius:10px; }
.listnews dl dd{float:left; width:calc(100% - 20px); color:#555;padding:0 10px;}
.listnews dl dd a{color:#c3985a;}
.listnews dl dd a.c000 { color:#000}
.listnews dl dd a:hover { color:#555}


.pages{ width:98%; margin:0 auto; text-align:center;padding:10px 0; font-size:12px;}

.pages span{ margin:0 2px; border:1px solid #ddd; padding:2px 2px}

.pages a{margin:0 2px; border:1px solid #ddd; padding:2px 2px}
.pages select{margin:0 2px; border:1px solid #ddd; padding:2px 2px; }


.newscontent{ width:100%; margin:20px auto ;}
.newscontent .newstitle{float:left; width:100%; text-align:center; border-bottom:1px solid #ddd; font-size:14px; padding-bottom:20px; }
.newscontent .newstitle .mt10{ margin-top:10p;}
.newstxt{float:left;width:98%; margin:0 1%;  line-height:150%; font-size:14px; margin-top:10px; }
.newstxt img{border-radius:5px; width:90% !important; height:auto !important}

.newspage{ margin-top:50px; width:calc(100% - 20px); padding:10px 10px;}
.newspage .pre{border-bottom:2px dotted #333; line-height:20px; font-size:12px; padding-bottom:10px;}
.newspage .next{ line-height:20px; font-size:12px;}



.probox{ width:100%; margin:0 auto;}

.product{width:100%;  margin:0 auto;}
.topro .mt20{ margin-top:10px;}
.topro{ float: left;width:98%; margin:20px 1% 0;}
.topro .topro_tit{float: left;width:100%; text-align:center;}
.topro .topro_con{float: left;width:100%;margin-top:20px;}
.topro .topro_con dl{float: left;width:100%;  background:#f0f0f0;border-radius:10px; margin-bottom:10px}
.topro .topro_con dl:nth-child(1){ margin-right:10px;}
.topro .topro_con dl dt{ float:left; width:50%;border-radius:10px 0 0 10px; overflow:hidden;}
.topro .topro_con dl dt img{width:100%; float:left}
.topro .topro_con dl dt  img{transition: all 0.8s; z-index:8}
.topro .topro_con dl:hover img{ transform: scale(1.1); transition:all 0.5s  ease}
.topro .topro_con dl dd h3{white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; font-size:0.8rem}
.topro .topro_con dl dd{ float:left; width:50%; margin-top:15px;}
.topro .topro_con dl dd p{ width:100%;white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; font-size:0.6rem}
.topro .topro_con dl dd .ckxq{ background:#c3985a; color:#fff; width:100px;border-radius:5px; line-height:1.5; font-size:14px;  display:inline-block; text-align:center; margin-left:22%; margin-top:15px;white-space:nowrap; text-overflow:ellipsis;  overflow:hidden;}

.topro .topro_con dl dd .ckxq a{ color:#fff}

.secpro{float: left;width:100%;  margin:0 0 0 0;}
.secpro .secpro_tit{float: left;width:100%; text-align:center; margin-top:20px;}

.secpro dl{ float:left; width:48%; background:#f0f0f0;border-radius:10px; margin-top:10px; overflow:hidden; margin-bottom:30px; margin:10px 1%; padding-bottom:10px}
.secpro dl:nth-child(3n){ margin-right:0;}
.secpro dl dt{ width:100%; overflow:hidden}
.secpro dl dt img{width:100%; height:150px;}
.secpro dl dd{ text-align:center; font-size:12px;}
.secpro dl .mt10{ margin-top:10px;}
.secpro dl .mt5{ margin-top:5px;}

.secpro dl  dd .f30{ font-size:1rem;white-space:nowrap; text-overflow:ellipsis;  overflow:hidden;}
.ljxq{ background:url(../images/jt2.jpg) no-repeat right; padding-right:25px; padding-bottom:2px; display:inline-block;color:#c3985a; font-size:14px;}
 .topro_con{ margin-top:20px;}



.thrpro{float: left;width:100%;  }
.thrpro_con dl{float: left;width:98%; margin:30px 1%;}
.thrpro_con dl dt{width:40%; float:left; overflow:hidden;border-radius:10px; }
.thrpro_con dl dt img{ width:100%;border-radius:10px;}

.thrpro_con dl dd{ float:left; width:100%; line-height:150%; text-align:center} 
.thrpro_con dl dd .ljxq{ color:#000; background:url(../images/jt5.jpg) no-repeat 110px 12px;display:inline-block; border:1px solid #000; width:130px; height:30px; line-height:30px;border-radius:5px;}




.pdtbannerbg{ background:#292929; padding:15px 0; width:100%}
.pdtbanner{  width:100%; margin:0 auto; text-align: right ; color:#fff;}
.pdtbanner h3{ padding-top:10px; font-size:1rem; margin-right:15px;}
.pdtbanner p{ margin-top:10px; font-size:14px;margin-right:15px;}

.detailcon{ width:98%; margin:0 1%;}
.topdtl{ width:100%; float:left; margin-top:10px;}
.topdtl dl{ float:left;width:100%;}
.topdtl dl dt{ float:left; width:100%;}
.topdtl dl dt img{width:100%;}
.topdtl dl dd{ float:left; width:100%; padding:10px 0; border-bottom:1px dotted #000}
.topdtl dl dd:nth-last-child(1){ border-bottom:none}
.topdtl dl dd.ggcs{ width:calc(100% - 8px); border:none; border-left:8px solid #c3985a; background:#f2f2f2; font-size:14px;  text-indent:10px; font-weight:bold}
.topdtl dl dd .cstit{font-size:0.6rem; font-weight:bold; float:left; width:35%;}
.topdtl dl dd .cstit i{ height:8px; width:8px; background:#c3985a; display:inline-block; margin-right:10px;}
.topdtl dl dd .cstxt{font-size:0.6rem; float:left;}

.protxt{width:100% ; float:left; margin-top:20px;}
.protxttit{width:calc(100% - 8px); float:left;border-left:8px solid #c3985a; background:#f2f2f2; font-size:14px;  text-indent:10px; font-weight:bold;height:35px; line-height:35px;}
.protxtcon{width:100% ; float:left; line-height:150%; font-size:14px; margin-top:10px; margin-bottom:10px;}
.protxtcon img{ width:100% !important; float: left;}

.mdisno{ display:none}
.pcdisno{ display:; }