/* CSS Document */
*{margin:0px; padding:0px; list-style:none; font-size:12px; color:#545454; text-decoration:none; border:none; font-family:"微软雅黑"}

.clear{clear:both}
a:link,a:visited{color:#7e7e7e}
a:hover,a:active{color:#87b951}
a.black14:link,a.black14:visited{color:#4e4e4e; font-size:14px; font-weight:bold}
a.black14:hover,a.black14:active{color:#87b951}
a.black18:link,a.black18:visited{color:#4e4e4e; font-size:18px; font-weight:bold}
a.black18:hover,a.black18:active{color:#87b951}
a.blue:link,a.blue:visited{color:#87b951;}
a.blue:hover,a.blue:active{}
.yihang {
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.erhang {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.imgs {
  transition: all 0.8s;
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.flex-y {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.cont {
  max-width: 1920px;
  margin: auto;
}
.template {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.top{width:100%; position:fixed; left:0px;right: 0; top:0px; z-index:9; box-shadow:0px 3px 5px #eee; background:#fff}
.top .h1{width:100%; height:40px; margin:0px auto; background:#f9f9f9;}
.top .h1 .h1Con{width:1200px; height:40px; margin:0px auto}
.top .h1 .h1Con .i1{width:500px; height:40px; float:left; line-height:40px;color:#8e8e8e}
.top .h1 .h1Con .i2{width:500px; height:20px; float:right; margin-top:10px;}
.top .h1 .h1Con .i2 .j1{width:13px; height:12px; float:right; padding-right:5px; margin-top:4px;}
.top .h1 .h1Con .i2 .j2{padding-right:10px; height:20px; line-height:20px; float:right;color:#8e8e8e}
.top .h1 .h1Con .i2 .j2 img{width:40px}
.top .h2{ height:70px; margin:0px auto; padding:4px 0;justify-content: space-between;}
.top .h2 .min{flex-direction: row-reverse;flex: 1;justify-content: space-around;}
.top .h2 .i1{margin-right: 30px;}
.top .h2 .i1 img{height: 45px;}
.top .h2 .i2 .j1{height: 40px; line-height:40px;float:right;position: relative; margin-left:20px; text-align:center;}
.top .h2 .i2 .j1 a{font-size:15px;color:#333;}
.top .h2 .i2 .j1:after{content: "";width: 0;height: 2px;background:#87b951;position: absolute;top: 100%;left: 50%;transition: all .5s;}
.top .h2 .i2 .j1:hover:after{left: 0%;width: 100%;}
.top .h2 .i2 .j1:hover a{color:#87b951}
.top .h2 .i2 .j1s{height: 40px; line-height:40px;float:right;position: relative; margin-left:20px; text-align:center; }
.top .h2 .i2 .j1s:after{ content: ""; width: 100%; height: 2px; background:#87b951; position: absolute; top: 100%; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); }
.top .h2 .i2 .j1s a{font-size:15px;color:#87b951;}
.top .h2 .i3{margin-left: 40px;display: flex;}
.top .h2 .i3 div:last-child{margin-left: 20px;}
.ban{width:100%;  margin:0px auto;margin-top: 78px; background:#f9f9f9}
.ind1{width:100%; height:50px; border-bottom:1px #f1f1f1 solid; margin:30px auto 0px auto;}
.ind1 .ind1Con{width:110px; height:47px; margin:0px auto; border-bottom:3px #545454 solid; line-height:47px; text-align:center; font-size:18px;color:#545454; font-weight:bold}
.ind1_0{width:100%; height:30px; line-height:30px; text-align:center; margin:0px auto 30px auto; font-size:14px; color:#ccc}
.ind1_1{ margin:0px auto 30px auto}
.ind1_1 .h1{width:250px; height:270px; float:left; margin-bottom:20px}
.ind1_1 .h1 .h1Con{width:240px; height:270px; margin:0px auto}
.ind1_1 .h1 .h1Con .i1{width:220px; padding:9px; border:1px #e6e6e6 solid; border-radius:2px; float:left; height:220px;overflow:hidden;display: flex;justify-content: center;align-items: center;}
.ind1_1 .h1 .h1Con .i1 img{height:220px;
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;}
.ind1_1 .h1 .h1Con .i1 img:hover{-webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);}
.ind1_1 .h1 .h1Con .i2{width:240px; height:30px; float:left; line-height:30px; text-align:center;}

.ind2{width:100%;  margin:0px auto 30px auto; background:url(../images/iAboutBg.jpg) top center no-repeat; padding: 40px 0px; height: 360px;overflow: hidden;}

.ind2 .ind2Con{ margin:0px auto;justify-content: space-between;align-items: flex-start;}
.ind2 .ind2Con .h1{ width: 45%; overflow:hidden; border-radius:5px ; overflow:hidden; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.ind2 .ind2Con .h1 a{height: 100%;width: 100%;}
.ind2 .ind2Con .h1 img{width: 100%;
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;}
.ind2 .ind2Con .h1 img:hover{-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
.ind2 .ind2Con .h2{width: 55%;height: 100%;padding-left: 50px;}
.ind2 .ind2Con .h2 .i1{width: 100%; height:50px; border-bottom:1px #e6effd solid; float:left;}
.ind2 .ind2Con .h2 .i1 .i1Con{width:90px; height:47px; float:left; line-height:47px; border-bottom:3px #fff solid; font-size:18px;color:#e6effd; font-weight:bold}
.ind2 .ind2Con .h2 .i2{width: 100%;  float:left; line-height:1.5; margin:20px 0;color:#e6effd; font-size:14px; text-indent:20px;text-align: left;}
.ind2 .ind2Con .h2 .i3{width:130px; height:40px; border-radius:10px; line-height:40px; text-align:center; border:3px #e6effd solid; float:right;}
.ind2 .ind2Con .h2 .i3 a{font-size:14px;color:#e6effd}
.ind2 .ind2Con .h2 .i3s{width:130px; height:40px; border-radius:10px; line-height:40px; text-align:center; background:#87b951; border:3px #e6effd solid; float:right;}
.ind2 .ind2Con .h2 .i3s a{font-size:14px;color:#fff}

.ind3{justify-content: space-between; height:340px; margin:0px auto 30px auto}
.ind3 .h1{width:560px; height:340px; float:left; overflow:hidden; border-radius:4px; box-shadow:0px 0px 10px #ccc}
.ind3 .h1 a{width: 100%;height: 100%;}
.ind3 .h1 img{width: 100%;height: 100%;object-fit: cover;
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;}
.ind3 .h1 img:hover{-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
.ind3 .h2{flex: 1; height:340px; float:right;margin-left: 40px;}
.ind3 .h2 .i1{width:100%; height:64px; padding-bottom:10px; margin-bottom:13px; border-bottom:1px #e1e1e1 dashed; float:left}
.ind3 .h2 .i1 .i1Left{width:64px; height:50px; float:left; background:#f1f1f1; padding-top:7px; padding-bottom:7px; line-height:25px; text-align:center; border-radius:3px;}
.ind3 .h2 .i1 .i1Left .sp1{font-size:22px;color:#7e7e7e; font-weight:bold}
.ind3 .h2 .i1 .i1Left .sp2{font-size:14px;color:#8e8e8e;}
.ind3 .h2 .i1 .i1Right{flex: 1;padding-left: 20px; height:64px; float:right}
.ind3 .h2 .i1 .i1Right .j1{width:100%; height:24px; line-height:24px; text-align: left;}
.ind3 .h2 .i1 .i1Right .j2{width:100%; height:40px; line-height:20px; text-indent:20px;color:#7e7e7e; text-align: left;}
.ind4{width:100%; height:44px; margin:0px auto; background:#87b951}
.ind4 .ind4Con{width:1200px; height:44px; margin:0px auto; line-height:44px; text-align:center;}
.ind4 .ind4Con a{padding-left:20px; padding-right:20px; border-right:1px #d8f4ff solid; font-size:14px;color:#d8f4ff}
.ind4 .ind4Con a:hover{color:#fff;}
.foot{ padding: 20px 0 50px 0;}
.foot .h1{text-align: left; float:left; line-height:22px; font-size:14px;}
.foot .h2{width:100px; float:right; padding:10px; box-shadow:0px 0px 5px #ccc;}
.foot .h2 .i1{width:100px; height:100px; float:left; background:url(../images/ew.jpg) no-repeat}
.foot .h2 .i2{width:100px; height:30px; text-align:center; line-height:30px; float:left;color:#8e8e8e; font-size:14px;}

.neiban{width:100%; height:300px; margin-top: 78px; background:url(../images/a.jpg) no-repeat center/cover}
.pban{width:100%; height:300px; margin-top: 78px; background:url(../images/p.jpg) no-repeat;}
.qban{width:100%; height:300px; margin-top: 78px; background:url(../images/q.jpg) no-repeat center/cover}
.newsban{width:100%; height:300px; margin-top: 78px; background:url(../images/news.jpg) no-repeat center/cover}
.lyban{width:100%; height:300px; margin-top: 78px; background:url(../images/ly.jpg) no-repeat center/cover}
.ctban{width:100%; height:300px; margin-top: 78px; background:url(../images/feedban.jpg) no-repeat center/cover}
.ab1{width:100%; height:50px; margin:0px auto 30px auto; border-bottom:1px #f1f1f1 solid}
.ab1 .ab1Con{width:1200px; height:50px; margin:0px auto}
.ab1 .ab1Con .h1{width:200px; height:50px; line-height:50px; float:left; font-size:16px; font-weight:bold;color:#8e8e8e}
.ab1 .ab1Con .h2{width:600px; height:20px; float:right; margin-top:20px; line-height:20px; text-align:right}
.ab2{width:1200px; height:60px; margin:0px auto 30px auto; display:-webkit-flex;}
.ab2 .h1{width:120px; height:60px; line-height:60px; float:left; border-right:3px #fff solid; text-align:center; background:url(../images/cabg.jpg) no-repeat;}
.ab2 .h2{width:120px; height:52px; line-height:52px; float:left; border-right:3px #fff solid; background:#f5f5f5; text-align:center;}
.ab2 .h2 a{font-size:14px;}
.ab2 .h1 a{font-size:14px;color:#fff}
.ab2 .h3{flex:1; height:52px; background:#f5f5f5}

.ab3{width:1200px; margin:0px auto 30px auto; line-height:20px;}
.ab3 img{max-width: 100%;}

.news{width:1200px; margin:0px auto 30px auto; height:160px;}
.news .h1{width:240px; height:160px; float:left;overflow:hidden;display: flex;justify-content: center;align-items: center;}
.news .h1 img{width:240px; height:160px;-webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;}
.news .h1 img:hover{-webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);}  
.news .h2{width:930px; height:150px; padding-bottom:9px; border-bottom:1px #999 dotted; float:right;}
.news .h2 .i1{width:930px; height:50px; float:left; margin-bottom:20px;}
.news .h2 .i1 .i1Left{width:780px; height:50px; float:left; line-height:50px;}
.news .h2 .i1 .i1Right{width:150px; height:50px; float:left; line-height:50px; text-align:right}
.news .h2 .i2{width:930px; height:80px; float:left}
.news .h2 .i2 .i2Left{width:780px; height:80px; float:left; line-height:20px; text-indent:20px; color:#8e8e8e; overflow:hidden}
.news .h2 .i2 .i2Right{width:150px; height:20px; float:right; margin-top:60px; line-height:20px; text-align:right}
.newspage{width:1200px; height:50px; margin:0px auto 30px auto; line-height:50px; font-size:14px; color:#7e7e7e}
.newspage a{padding:5px; height:20px; line-height:20px; text-align:center; border:1px #f1f1f1 solid; margin-right:5px; font-size:14px;}
.newspage a.cur{padding:5px; height:20px; line-height:20px; text-align:center; border:1px #f1f1f1 solid; margin-right:5px; background:#87b951;color:#fff; font-size:14px;}
.newstitle{width:1200px; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:bold; margin:0px auto}
.newstime{width:1200px; height:40px; line-height:40px; text-align:center; margin:0px auto; border-top:1px #e1e1e1 dotted; border-bottom:1px #e1e1e1 dotted;color:#8e8e8e}
.newscon{width:1200px; margin:30px auto; line-height:22px;}
.newsdown{width:1200px; margin:0px auto 15px auto; border-bottom:1px #f1f1f1 solid; border-left:5px #87b951 solid; padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.newsnext{width:1200px; margin:0px auto 30px auto; line-height:30px;}
.newsnext b{font-size:14px; font-weight:bold}
.newsfenxiang{width:1200px; height:40px; margin:0px auto; line-height:40px; overflow:hidden}

.feed{width:1200px; margin:0px auto 30px auto}
.feed .h1{width:558px; padding:20px; background:#f5f5f5; float:left; height:460px}
.feed .h1 .i1{width:558px; height:120px; border:1px #e1e1e1 solid; float:left; margin-top:10px; position:relative; margin-bottom:20px;}
.feed .h1 .i1 .i101{position:absolute; left:154px; text-align:center; line-height:30px; top:-15px; z-index:2; width:250px; height:30px; background:#f5f5f5; font-size:18px; font-weight:bold;color:#9e9e9e}
.feed .h1 .i1 .i102{position:absolute; width:72px; height:75px; left:80px; top:24px; z-index:2; background:url(../images/24.png) no-repeat}
.feed .h1 .i1 .i103{position:absolute;width:256px; height:30px; text-align:center; left:194px; top:35px; z-index:2; line-height:30px; font-size:22px;color:#e94709;}
.feed .h1 .i1 .i104{width:256px; height:24px; position:absolute; left:200px; top:70px; z-index:2; background:url(../images/24-1.png) no-repeat}
.feed .h1 .i2{width:249px; height:40px; float:left; background:url(../images/iMsgIco2.png) no-repeat; background-position:0px 23px 0px 30px; padding-left:30px; margin-bottom:10px;}
.feed .h1 .i3{width:249px; height:40px; float:left; background:url(../images/iMsgIco2.png) no-repeat; background-position: 0px -113px; padding-left:30px; margin-bottom:10px;}
.feed .h1 .i4{width:249px; height:40px; float:left; background:url(../images/iMsgIco2.png) no-repeat; background-position: 0px -37px; padding-left:30px; margin-bottom:10px;}
.feed .h1 .i5{width:249px; height:40px; float:left; background:url(../images/iMsgIco2.png) no-repeat; background-position: 0px -145px; padding-left:30px; margin-bottom:10px;}
.feed .h1 .i6{width:30px; height:40px; float:left; background:url(../images/iMsgIco2.png) no-repeat; background-position: 0px -70px; margin-bottom:10px;}
.feed .h1 .i7{width:520px; float:left; height:80px; margin-bottom:10px;}
.txt_area{width:520px; height:80px; line-height:20px; border-radius:3px; background:#fff; line-height:20px;color:#8e8e8e;}
.feed .h1 .i8{width:110px; height:40px; float:left; margin-top:15px; background:#01b3fd; line-height:40px; text-align:center; margin-left:30px; color:#fff; font-size:16px; border-radius:3px; cursor:pointer}
.inp_100{width:237px; padding-left:3px;color:#8e8e8e; height:40px; background:#fff; line-height:40px;}

.feed .h2{width:600px; height:500px; float:right; background:url(../images/feedpic.jpg) no-repeat}
.maps{width:100%; height:500px; margin:0px auto 30px auto}

.pro{width:1200px; margin:0px auto 30px auto}
.pro .h1{width:230px; float:left}
.pro .h1 .i1{width:200px; height:50px; float:left; background:url(../images/navmenu.jpg) no-repeat; line-height:50px; padding-left:30px; color:#fff; font-size:18px; font-weight:bold}
.pro .h1 .i2{width:200px; padding:14px; border:1px #e9e9e9 solid; float:left}
.pro .h1 .i2 .j1{width:190px; height:40px; float:left; background:url(../images/xia.jpg) 180px 10px no-repeat; line-height:40px; padding-left:10px; line-height:40px; border-bottom:1px #e9e9e9 solid; margin-bottom:5px;}
.pro .h1 .i2 .j1 a{font-size:18px;color:#3e3e3e;}
.pro .h1 .i2 .j2{width:200px; float:left;}
.pro .h1 .i2 .j2 .k1{width:170px; padding-left:30px; height:40px; line-height:40px; float:left; border-bottom:1px #f1f1f1 dotted}
.pro .h1 .i2 .j2 .k1 a{font-size:14px}
.pro .h2{width:910px; float:right}
.pro .h2 .i1{width:283px; height:300px; float:left; margin-bottom:15px;}
.pro .h2 .i1 .i1Con{width:260px; height:300px; margin:0px auto}
.pro .h2 .i1 .i1Con .j1{width:258px; border:1px #f1f1f1 solid; float:left;position:relative; overflow:hidden;display: flex;justify-content: center;align-items: center; height:258px; border-radius:3px;}
.pro .h2 .i1 .i1Con .j1 img{height:258px;-webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;}
.pro .h2 .i1 .i1Con .j1 img:hover{-webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);}
.pro .h2 .i1 .i1Con .j1:hover{box-shadow:0px 0px 10px #e1e1e1}    
.pro .h2 .i1 .i1Con .j2{width:260px; height:30px; float:left; margin-top:10px; line-height:30px; text-align:center;}
.pro .h2 .i2{width:910px; height:40px; float:left; line-height:40px; margin-top:10px;}
.pro .h2 .i2 a{padding:5px; height:20px; line-height:20px; text-align:center; border:1px #f1f1f1 solid; margin-right:5px; font-size:14px;}
.pro .h2 .i2 a.cur{padding:5px; height:20px; line-height:20px; text-align:center; border:1px #f1f1f1 solid; margin-right:5px; background:#87b951;color:#fff; font-size:14px;}

.ptitle{width:910px; height:40px; float:left; line-height:40px; font-size:20px; font-weight:bold;color:#333; margin-bottom:10px}
.pcon1{width:910px; height:300px; float:left; margin-bottom:15px;}
.pcon1 .a1{width:298px; height:298px; float:left; border:1px #f1f1f1 solid;}
.pcon1 .a1 img{width:298px; height:298px}
/* 这是下方的鼠标指针的移动镜头平方米。 */
.cloud-zoom-lens {border: 4px solid #87b951;margin:-4px;background-color:#fff;cursor:move; border-radius:4px;}
/* 这是标题文本 */
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
/* 这是缩放窗口。 */
.cloud-zoom-big {overflow:hidden;}
/* 这是加载消息。 */
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}

.pcon1 .a2{width:520px; height:300px; float:right}
.pcon1 .a2 .b1{width:520px; height:40px; float:left; line-height:40px;}

.pcon2{width:910px; height:40px; float:left; display:-webkit-flex; margin-bottom:30px;}
.pcon2 .a1{width:110px; height:39px; line-height:39px; text-align:center; font-size:16px;color:#5e5e5e; border-left:1px #f1f1f1 solid; border-top:1px #f1f1f1 solid; border-right:1px #f1f1f1 solid; text-align:center; font-weight:bold}
.pcon2 .a2{flex:1; border-bottom:1px #f1f1f1 solid; height:39px;}
.pcon3{width:830px; padding-left:10px; padding-right:10px; float:left; line-height:23px;}
.pdown{width:910px; float:left; height:50px; border-top:1px #ccc dotted; line-height:25px; margin-top:30px; padding-top:15px}

.gotop{position:fixed; right:10px; bottom:10px; z-index:999; border:1px #e1e1e1 solid; border-radius:2px;}