@charset "UTF-8";
/* CSS Document */


body.overflow, html.overflow { overflow-y: hidden }
html::-webkit-scrollbar { display:  none; }

html { height: 100%; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0; font-family:'Microsoft YaHei', Arial,sans-serif; color: #666; background: #fff }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; line-height: 1 }
p { margin: 0 }
address { margin-bottom: 1.125rem; font-style: normal; line-height: inherit }
dd, dl, ol, ul { margin: 0; padding: 0; list-style: none }
a { color: inherit; text-decoration: none }
i { font-style: inherit }
ul, li, ol { list-style: none;}
figure { margin: 0 }
img { vertical-align: top; border: 0 none }
img::-moz-selection { background: 0 0 }
img::selection { background: 0 0 }
hr { visibility: visible; height: 1px; margin: 0; background: #eee; border: 0 none }
svg { width: 100%; height: 100% }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
.clearfix:after{ display: block;clear:both; content: ""; visibility: hidden; height: 0;}
.clearfix{ zoom: 1;}
:focus { outline: 0 none }
.fl {float: left;}
.fr {float: right;}
.container{ width: 1300px; margin: 0 auto;}
.fixedImg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }

.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.kua{ width: 100%; height: 90px;}

/* 等比填充 */
*[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;}
.rect-50{padding-bottom: 58%;}
.rect-665{padding-bottom: 66.5%;}
.rect-67{padding-bottom: 67%;}
.rect-78{padding-bottom: 78%;}
.rect-100{padding-bottom: 100%;}

.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s 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);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }




.header{ width: 100%; position: fixed; height: 90px; background: #fff; z-index: 99;}
.header .logo{ position: relative;height: 50px; margin: 20px 0;}
.header .nav>ul>li{ display: inline-block;}
.header .nav>ul>li a{ color:#fff; margin:0 35px; line-height: 90px; font-size: 16px; color: #333;  display: block;position: relative;}
.header .nav .nLi{ float:left; display:inline;  text-align: center; line-height: 50px; }
.header .nav .nLi:hover{ background:#fff; }
.header .nav .nLi:hover>a{ color: #078700;font-weight: bold;}
.header .nav .nLi.active{ color:#078700; font-weight: bold;}
.header .nav .nLi.active>a{ color:#078700; font-weight: bold;}
.header .nav .sub{ display:none; width:100%; left:0; top:0px; z-index: 9999;  position:absolute; background:#078700;  line-height:35px; padding:5px 0;}
.header .nav .sub li{ zoom:1; display: inline-block;}
.header .nav .sub a{ display:block; color: #fff; font-size: 13px; line-height: 40px; margin: 0;}
.header .nav .sub a:hover{ background:#078700; color:#fff; }

/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%; }
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd li{position:relative; text-align:center; overflow:hidden;}
.banner .bd li img{vertical-align:top; width:100%;}
.banner .hd{ position: absolute; bottom:3%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;background: #fff; border-radius:6px; margin:0 5px;overflow:hidden;line-height:999px;}
.banner .hd .on{background:#078700;}
.banner .prev, .banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:44px;height:44px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:8%;background-position:0 -44px;}


.InProduct{ width: 100%; position: relative; padding: 60px 0; background: #f8f8f8;}
.InProduct .Top .D1{ font-size: 34px; color: #000; line-height: 1; margin-bottom: 15px;}
.InProduct .Top .D2{ font-size: 15px; color: #666;}
.InProduct .ProList{ position: relative; margin-top: 40px;}
.InProduct .ProList .Proleft{ width: 23%; float: left; background: -webkit-linear-gradient(120deg, #34a600, #078600);background: -o-linear-gradient(120deg, #34a600, #078600);background: -moz-linear-gradient(120deg, #34a600, #078600);background: linear-gradient(120deg, #34a600, #078600);}
.InProduct .ProList .Proleft .cateT{ font-size: 32px; font-weight: bold; color: #eda71a; margin-top: 30px; padding-left: 30px;}
.InProduct .ProList .Proleft .cateD{ font-size: 22px; color: #fff; font-weight: bold; margin: 15px 0; padding-left: 30px;}
.InProduct .ProList .Proleft .cateA{ padding-left: 35px; margin-bottom: 36px;}
.InProduct .ProList .Proleft .cateA .item{ line-height: 40px; border-bottom: 1px #60b25e solid; position: relative;}
.InProduct .ProList .Proleft .cateA .item:hover::before{ content: ''; position: absolute; left: 0; border-radius: 20px; width: 100%; height: 40px; z-index: 0; background-color: #fff; margin-left: -16px;}
.InProduct .ProList .Proleft .cateA .item:hover{ background: #fff;}
.InProduct .ProList .Proleft .cateA .item a{ font-size: 15px; line-height: 40px; color: #fff; position: relative; z-index: 2; display: block;}
.InProduct .ProList .Proleft .cateA .item:hover a{ color: #078700; }
.InProduct .ProList .Proright{ width: 74%; float: right;}
.InProduct .ProList .Proright .item{ width: 33.333%; background: #fff; float: left; margin-bottom: 20px; position: relative;}
.InProduct .ProList .Proright .item::after{ content: ''; width: 1px; height: 100%; right: 0; top:0; background: #efefef; position: absolute;}
.InProduct .ProList .Proright .item .line{ width: 86%; height: 1px; background: #efefef; margin: 0 auto;}
.InProduct .ProList .Proright .item .Ti{ width: 100%; height: 60px;line-height: 60px; font-size: 17px; color: #333; font-weight: bold; padding: 0 7%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.InProduct .ProList .Proright .item:nth-child(7),.InProduct .ProList .Proright .item:nth-child(8),.InProduct .ProList .Proright .item:nth-child(9){ margin-bottom: 0;}
.InProduct .ProList .Proright .item:hover .Ti{color: #078700;}


.InAbout{ width: 100%; position: relative; padding: 60px 0; }
.InAbout .Abol{ float: left; width: 53%;}
.InAbout .Abol .Top .D1{ font-size: 34px; color: #000; line-height: 1; margin-bottom: 15px;}
.InAbout .Abol .Top .D2{ font-size: 15px; color: #666;}
.InAbout .Abol .Abo{ margin-top: 30px;}
.InAbout .Abol .Abo .T{ font-size: 24px; font-weight: bold; color: #078700;}
.InAbout .Abol .Abo .line{ width: 50px; height: 3px; background: #078700; margin: 20px 0;}
.InAbout .Abol .Abo .Tic{ font-size: 15px; color: #666; line-height: 30px; width: 100%;}
.InAbout .Abol .Abo .Tlist{ margin-top: 75px;width: 130%;position: relative; z-index: 2;}
.InAbout .Abol .Abo .Tlist .item{ float: left; width: 32%; margin-right: 2%; height: 80px; line-height: 80px; background: #ddd;}
.InAbout .Abol .Abo .Tlist .item:last-child{ margin-right: 0;}
.InAbout .Abol .Abo .Tlist .item a{ text-align: center;line-height: 80px; display: block;}
.InAbout .Abol .Abo .Tlist .item p{font-size: 18px; color: #333; font-weight: bold;}
.InAbout .Abol .Abo .Tlist .item .ico1{ padding-left: 48px; display: inline-block; background: url(../images/AboIco1.png) center left no-repeat;}
.InAbout .Abol .Abo .Tlist .item .ico2{ padding-left: 48px;display: inline-block; background: url(../images/AboIco2.png) center left no-repeat;}
.InAbout .Abol .Abo .Tlist .item .ico3{ padding-left: 48px;display: inline-block; background: url(../images/AboIco3.png) center left no-repeat;}
.InAbout .Abol .Abo .Tlist .item:hover{ background: -webkit-linear-gradient(110deg, #34a600, #078600);background: -o-linear-gradient(110deg, #34a600, #078600);background: -moz-linear-gradient(110deg, #34a600, #078600);background: linear-gradient(110deg, #34a600, #078600);}
.InAbout .Abol .Abo .Tlist .item:hover p{ color: #fff;}
.InAbout .Abol .Abo .Tlist .item:hover .ico1{background: url(../images/AboIco1h.png) center left no-repeat;}
.InAbout .Abol .Abo .Tlist .item:hover .ico2{background: url(../images/AboIco2h.png) center left no-repeat;}
.InAbout .Abol .Abo .Tlist .item:hover .ico3{background: url(../images/AboIco3h.png) center left no-repeat;}
.InAbout .AboImg{ width: 42%; float: right;}


.InNews{ width: 100%; position: relative; padding:60px 0; background: #f8f8f8;}
.InNews .Top .D1{ font-size: 34px; color: #000; line-height: 1; margin-bottom: 15px;}
.InNews .Top .D2{ font-size: 15px; color: #666;}
.InNews .NewsList{ position: relative; margin-top: 40px;}
.InNews .NewsList .item{ width: 23.5%; float: left; margin-right: 2%; background: #fff;}
.InNews .NewsList .item:nth-child(4n){ margin-right: 0;}
.InNews .NewsList .item .cover{ padding: 20px 6%;}
.InNews .NewsList .item .cover .TiT a{font-size: 17px; color: #333; font-weight: bold; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.InNews .NewsList .item .cover .Tic{ font-size: 14px; color: #999; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 10px 0;}
.InNews .NewsList .item .cover .m a{ font-size: 14px; color: #333;}
.InNews .NewsList .item .cover .TiT a:hover,.InNews .NewsList .item .cover .m a:hover{ color: #078700;}

.footer{ width: 100%; background: #333;}
.footer .foot{ padding: 60px 0;}
.footer .foot .footl{ width: 27%; float: left;}
.footer .foot .footl p{ font-size: 15px; line-height: 28px; color: #d6d6d6; margin-top: 15px;}
.footer .foot .footNav{ float: left; margin-left: 6%; width: 28%;}
.footer .foot .footNav dt{ font-size: 18px; color: #fff; font-weight: bold;}
.footer .foot .footNav dd{ margin-top: 15px;}
.footer .foot .footNav dd a{ font-size: 15px; line-height: 40px; color: #fff; width: 50%; float: left;}
.footer .foot .footNav dd a:hover{color: #078700;}
.footer .foot .footr{ width: 25%; float: left;}
.footer .foot .footr dt{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 15px;}
.footer .foot .footr dd{ font-size: 15px; color: #fff; line-height: 40px; padding-left: 30px;}
.footer .foot .footr dd:nth-child(2){ background: url(../images/footico1.png) left center no-repeat;}
.footer .foot .footr dd:nth-child(3){ background: url(../images/footico2.png) left center no-repeat;}
.footer .foot .footr dd:nth-child(4){ background: url(../images/footico3.png) left center no-repeat;}
.footer .foot .ewm{  float:right; width:100px;}
.footer .foot .ewm img{width:100px;height:100px;}
.footer .foot .ewm p{text-align:center;font-size:15px;color:#ffffff; line-height:30px;}
.footer .copy{border-top: 1px #222 solid; font-size: 14px; color: #fff; line-height: 60px; text-align: center;}
.footer .copy a{ font-size: 14px; color: #fff;}
.footer .copy a:hover{color: #078700;}

/* page_banner */
.Pagebanner{ width: 100%; position: relative;  overflow: hidden; margin: 0 auto;}
.page_banner{ height: 300px; text-align: center;}
.page_banner .t{ width: 100%; position: absolute; text-align: center; top: 50%;}
.page_banner .t .en{ font-size: 52px; color: #ddd;}
.page_banner .t .cn{color: #078600;position: relative;margin-top: -45px;font-size: 38px;line-height: 1;font-weight: bold;}


.PageMain{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative; border-bottom: 1px #eee solid;}
.PageNav .NavList{ width: 68%; float: left; }
.PageNav .NavList li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .NavList li a{position: relative;font-size: 15px;height: 70px;line-height: 70px;padding: 0px 28px;color: #333;display: block;transition: 0.3s ease 0s;}
.PageNav .NavList li:before{position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: #078600;transition: all .3s;}
.PageNav .NavList li:hover:before{width:80%;left:10%;background-color:#078600;}
.PageNav .NavList li:hover a{ color: #078600; }
.PageNav .NavList li.select:before{position: absolute;content: '';left: 10%;bottom: 0px;width: 80%;height: 3px;background-color:#078600;}
.PageNav .NavList li.select a{ color: #078600;}
.PageNav .NavList li a:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.PageNav .Crumbs{ width: 32%;text-align: right; position: relative; float: right;}
.PageNav .Crumbs .crumbs{ line-height: 65px; height: 65px;font-size: 14px; }
.PageNav .Crumbs .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../images/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.PageNav .Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #555;}


.PageCon{ width: 100%; position: relative; padding: 60px 0;}
.PageCon .PageAbout .con{ font-size: 15px; line-height: 28px; color: #666; }
.PageCon .PageAbout .con img{ max-width: 100%;}


/* Pagehonor */
.Pagehonor{ position: relative; width: 100%; padding: 60px 0;}
.HonList li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.HonList li:nth-child(4n){ margin-right: 0;}
.HonList li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.HonList li:hover .img{border: 2px #078600 solid;}
.HonList li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.HonList li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.HonList li p{ background:#f5f5f5; line-height: 50px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.HonList li:hover p{ background: #078600; color: #fff;}



/* PageAnli */
.PageAnli{ width: 100%; position: relative; padding: 60px 0; background: #f8f8f8;}
.PageAnli .Anlic{text-align: center; line-height: 1.8;}
.PageAnli .AnliList{ margin-top: 40px;}
.PageAnli .AnliList .item{ width: 11.625%; margin-right: 1%; float: left;}
.PageAnli .AnliList .item:nth-child(8n){ margin-right: 0;}
.PageAnli .AnliList .item .TiT{ text-align: center; font-size: 17px; color: #333; font-weight: bold; line-height: 50px;}

.PagePro{ width: 100%; position: relative; padding: 60px 0; background: #f8f8f8;}
.PagePro .Pagepl{ width: 23%; float: left; background: -webkit-linear-gradient(120deg, #34a600, #078600);background: -o-linear-gradient(120deg, #34a600, #078600);background: -moz-linear-gradient(120deg, #34a600, #078600);background: linear-gradient(120deg, #34a600, #078600);}
.PagePro .Pagepl .cateT{ font-size: 32px; font-weight: bold; color: #eda71a; margin-top: 30px; padding-left: 30px;}
.PagePro .Pagepl .cateD{ font-size: 22px; color: #fff; font-weight: bold; margin: 15px 0; padding-left: 30px;}
.PagePro .Pagepl .cateA{ padding-left: 35px; margin-bottom: 36px;}
.PagePro .Pagepl .cateA .item{ line-height: 40px; border-bottom: 1px #60b25e solid; position: relative;}
.PagePro .Pagepl .cateA .item:hover::before{ content: ''; position: absolute; left: 0; border-radius: 20px; width: 100%; height: 40px; z-index: 0; background-color: #fff; margin-left: -16px;}
.PagePro .Pagepl .cateA .item:hover{ background: #fff;}
.PagePro .Pagepl .cateA .item a{ font-size: 15px; line-height: 40px; color: #fff; position: relative; z-index: 2; display: block;}
.PagePro .Pagepl .cateA .item:hover a{ color: #078700; }
.PagePro .Pagepl .cateA .item.select::before{ content: ''; position: absolute; left: 0; border-radius: 20px; width: 100%; height: 40px; z-index: 0; background-color: #fff; margin-left: -16px;}
.PagePro .Pagepl .cateA .item.select{ background: #fff;}
.PagePro .Pagepl .cateA .item.select a{ color: #078700;}
.PagePro .Pagepr{ width: 74%; float: right;}
.PagePro .Pagepr .item{ width: 33.333%; background: #fff; float: left; margin-bottom: 20px; position: relative;}
.PagePro .Pagepr .item::after{ content: ''; width: 1px; height: 100%; right: 0; top:0; background: #efefef; position: absolute;}
.PagePro .Pagepr .item .line{ width: 86%; height: 1px; background: #efefef; margin: 0 auto;}
.PagePro .Pagepr .item .Ti{width: 100%; height: 60px;line-height: 60px; font-size: 17px; color: #333; font-weight: bold; padding: 0 7%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.PagePro .Pagepr .item:hover .Ti{color: #078700;}
.PagePro .Pagepr .cover{ padding: 40px; background: #fff;}
.PagePro .Pagepr .picFocus{ float:left;  width:38%;  position:relative;  overflow:hidden;  zoom:1; }
.PagePro .Pagepr .picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.PagePro .Pagepr .picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.PagePro .Pagepr .picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23.5%;}
.PagePro .Pagepr .picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.PagePro .Pagepr .picFocus .hd ul li img{ width:100%; border:2px solid #ddd; cursor:pointer; margin-right:8px; display:  block;  }
.PagePro .Pagepr .picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.PagePro .Pagepr .picFocus .hd ul li.on img{ border-color:#f34009;  }
.PagePro .Pagepr .picFocus .bd li{ vertical-align:middle; }
.PagePro .Pagepr .picFocus .bd img{ width:100%; display: flex;}
.PagePro .Pagepr .picFocus .prev{ position:absolute; left:0 ; bottom:14px;}
.PagePro .Pagepr .picFocus .next{ position:absolute; right:0 ; bottom:14px;}
.PagePro .Pagepr .floatl{ float: left;width: 38%;}
.PagePro .Pagepr .floatr{ width: 57%; float: right;}
.PagePro .Pagepr .floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; padding-bottom:20px; font-weight: bold; border-bottom:  2px #f5f5f5 solid; }
.PagePro .Pagepr .floatr .titmd{margin:20px 0; font-size: 15px; color: #666; line-height: 1.8;}
.PagePro .Pagepr .floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.PagePro .Pagepr .floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.PagePro .Pagepr .floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.PagePro .Pagepr .floatr .table-list td span{ color:#333; font-weight: bold;}
.PagePro .Pagepr .floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#f34009;}
.PagePro .Pagepr .floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#f34009; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.PagePro .Pagepr .floatr .div-bz{ font-size: 20px; margin-top:20px; font-weight: bold; color: #f34009;}
.PagePro .Pagepr .left02{ width: 100%; margin:20px auto 0; border-top:5px #f1f1f1 solid; padding-top:30px; color: #555;}
.PagePro .Pagepr .left02 p{ font-size: 15px; line-height: 28px;}
.PagePro .Pagepr .left02 img{max-width:100%;}
.PagePro .Pagepr .left02 table{border-collapse:collapse;width:100%;}
.PagePro .Pagepr .left02 table,tr{ font-size: 16px; color: #444; }
.PagePro .Pagepr .left02 table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}


.PageNews{ width: 100%; position: relative; padding: 60px 0; background: #f8f8f8;}
.PageNews .NewsList .item{ width: 23.5%; float: left; margin-right: 2%; background: #fff; margin-bottom:20px;}
.PageNews .NewsList .item:nth-child(4n){ margin-right: 0;}
.PageNews .NewsList .item .cover{ padding: 20px 6%;}
.PageNews .NewsList .item .cover .TiT a{font-size: 17px; color: #333; font-weight: bold; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.PageNews .NewsList .item .cover .Tic{ font-size: 14px; color: #999; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 10px 0;}
.PageNews .NewsList .item .cover .m a{ font-size: 14px; color: #333;}
.PageNews .NewsList .item .cover .TiT a:hover,.PageNews .NewsList .item .cover .m a:hover{ color: #078700;}

.pageNewsT{ width:100%; margin:0 auto; font-size:20px; text-align:center; color:#333; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:30px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}

.contentUs{ width: 100%; position: relative; background:#fcfcfc;}
#allmap{width: 50%; height: 330px; float: left;}
.conList{ width:50%; padding: 4%; float: left; font-size: 16px; line-height: 35px;}
.conList h2{ font-size: 24px;color: #000; margin-bottom: 20px; font-weight: bold;}


/* fenye */
.pages1{ width:100%; margin:30px auto 0;}
.pages1_l{ float:left; width:100%; height:40px;}
.pages1_l a{ line-height:40px; color:#666;display:block; font-size: 14px;}
.pages1_l:hover a{ color:#078700;}
.pages1_r{ float:left; width:100%; height:40px; }
.pages1_r a{ line-height:40px; color:#666;display:block;font-size: 14px;}
.pages1_r:hover a{ color:#078700;}

.pages { margin:0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:36px; line-height:36px; background:#fff;   margin-left:3px;}
.pages li a{text-align:center; color:#333; padding:0 18px;}
.pages .page-active {background:#078700; text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#078700;   text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px;  color:#333; text-align:center; padding:0 13px;}



/* main CSS */
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 50%;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #0493db;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #0493db;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}