@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: "Noto Sans SC",'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 }
.container{ width: 1300px; margin: 0 auto;}
.fixedImg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.l { float: left; display: inline-block; }

.r { float: right; display: inline-block; }


/* 等比填充 */
*[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-58{padding-bottom: 58%;}
.rect-68{padding-bottom: 68%;}
.rect-70{padding-bottom: 70%;}
.rect-78{padding-bottom: 78%;}
.rect-100{padding-bottom: 100%;}
.rect-140{padding-bottom: 140%;}
.rect-156{padding-bottom: 156%;}


/* header */
.header{ width:100%; overflow: hidden; position: fixed; z-index: 9999; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0, 0.1);}
.header_top{ width:100%; height:35px; background:#f1f1f1;}
.header_top .header_top_c{ width:1300px; margin:0 auto; height:35px;}
.header_top .header_top_c .header_top_l{ float:left; line-height:35px; font-size: 14px; color:#666;}
.header_top .header_top_c .header_top_r{float:right; line-height:35px; font-size: 14px; color:#666;}
.header_nav{ width:1300px; height:80px; margin:0 auto;}
.header_nav .header_logo{ float:left; margin:17.5px 0;}
.nav{ height:80px; float:right;}
.nav ul{ width:100%; margin:0 auto;}
.nav ul li{ float:left; font-size:17px; text-align:center; line-height: 80px; padding: 0 25px;}
.nav ul li a{ color:#333; display: block;}
.nav ul li:hover a{color:#f34009;}
.nav .on a{color:#f34009;}

/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%;  padding-top: 115px;}
.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:2%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px; background:#fff; border-radius:8px; margin:0 6px;overflow:hidden;line-height:999px;}
.banner .hd .on {background:#f34009;}
.banner .prev,.banner .next{position:absolute; top:50%; width:30px; height:60px; margin-top:-30px; background-repeat:no-repeat; background-size:contain; cursor:pointer;}
.banner .prev{left:10%; background:url(../images/Bannerprev.png);}
.banner .next{right:10%; background:url(../images/Bannernext.png);}


/* main1 */
.main1{ width:100%; position: relative; padding: 60px 0;}
.main1_c{ width:1300px; margin:0 auto;}
.main1_top{ width:1300px; margin:0 auto; text-align:center; padding-bottom:40px;}
.main1_top dd{  color:#333; font-size: 26px; font-weight: bold;}
.main1_top dl{width:15%; margin:6px auto;}
.main1_top em{ width:36px; height:1px; background:#f34009; text-align:center; margin:9px 0;}
.main1_top span{ font-size:14px; color:#666; margin:0 10px;}
.main1_top p{ font-size:14px; color:#666;}
.main1_list{ width:1300px; position: relative; }
.main1_list .hd{position:relative; margin:0 auto; text-align: center;}
.main1_list .hd ul li{  height: 40px; line-height: 40px; border:1px #999 solid; cursor:pointer; text-align:center; font-size: 16px; color:#333; margin: 0 10px; border-radius: 4px; padding: 0 10px; display: inline-block;}
.main1_list .hd ul li:hover{background:#f34009; border:1px #f34009 solid;color:#fff; transition: all 0.4s linear 0s;}
.main1_list .bd{ width:100%; margin-top: 30px;}
.main1_list .bd li{ width: 23.5%; float: left; position: relative; margin-right: 2%;margin-bottom: 2%; }
.main1_list .bd li:nth-child(4n){ margin-right: 0;}
.main1_list .bd li:hover{-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.10); box-shadow:0 0 20px rgba(0, 0, 0, 0.10);}
.main1_list .bd li .img{ position:relative; overflow: hidden;}
.main1_list .bd li .img img{position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.main1_list .bd li:hover .img img{transform: scaleX(1.05) scaleY(1.05);}
.main1_list .bd li dl{ width:100%; height:56px; background:#f9f9f9; padding:0 30px; text-align:center;}
.main1_list .bd li dl em{width:25px; height:1px; background:#b2b2b2; margin:28px 0;}
.main1_list .bd li dl span{ font-size:16px; color:#333; margin:0 10px; line-height: 57px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;text-transform: uppercase;}
.main1_list .bd li:hover dl em{background:#f34009;}
.main1_list .bd li:hover dl span{color:#f34009;}
.main1_more{ width:138px; height: 38px; border: 1px #dadada solid; text-align:center; margin:10px auto 0;}
.main1_more:hover{border: 1px #f34009 solid;transition: all 0.7s ease 0s;}
.main1_more:hover a{  color:#f34009;transition: all 0.7s ease 0s; }
.main1_more a{ color:#aba8a8; font-size: 14px; line-height:38px; display: block;}


/* main2 */
.main2{ width:100%; position:relative;max-height: 600px; overflow:hidden; background:url(../images/11.jpg) center top no-repeat;}
.main2 .main2_left{ width:50%;background:#f34009; float:left;}
.main2 .main2_left .culture{ width:55%; float:left; text-align:center; padding: 19.1% 0;}
.main2 .main2_left .culture dd{ font-size:22px; color:#fff;}
.main2 .main2_left .culture span{ width:40px; height:2px; background:#fff; float:left; margin:3% 46%;}
.main2 .main2_left .culture p{ font-size:16px; line-height: 28px; color:#fff;}
.main2 .main2_left .culture p a{background: url(../images/p.png) right center no-repeat; padding-right: 20px; color:#fff; font-size:16px;}
.main2 .main2_left .culture p a:hover{color:#ec9f86;background: url(../images/p.png) right center no-repeat; }
.main2 .main2_left .culture_img{ width:45%; float:right;}
.main2 .main2_left .culture_img img{ width:100%;}
.main2 .main2_right{ width:50%; float:right;}
.main2 .main2_right .main2_rigt01{ width:100%; height:300px; overflow: hidden; background:url(../images/22.jpg) center top no-repeat;}
.main2 .main2_right .main2_rigt01 .about{width:50%; float:left; text-align:center; background:#f5693d; padding:4% 0;}
.main2 .main2_right .main2_rigt01 .about dd{ font-size:22px; color:#fff; width:100%;}
.main2 .main2_right .main2_rigt01 .about span{ width:40px; height:2px; background:#fff; float:left; margin:3% 46%;}
.main2 .main2_right .main2_rigt01 .about p{ width:100%; font-size:16px; line-height: 28px; color:#fff;}
.main2 .main2_right .main2_rigt01 .about p a{background: url(../images/p.png) right center no-repeat; padding-right: 20px; color:#fff; font-size:16px;}
.main2 .main2_right .main2_rigt01 .about p a:hover{color:#ec9f86;background: url(../images/p.png) right center no-repeat;}


/* main3 */
.main3{ width:100%; background:#fff; padding: 60px 0;}
.main3_c{ width:1300px; margin:0 auto;}
.main3_top{ width:1300px; margin:0 auto; text-align:center; padding-bottom: 40px;}
.main3_top dd{ color:#333; color:#333; font-size: 26px; font-weight: bold; }
.main3_top dl{width:15%; margin:6px auto;}
.main3_top em{ width:36px; height:1px; background:#f34009; text-align:center; margin:9px 0;}
.main3_top span{ font-size:14px; color:#666; margin:0 10px;}
.main3_top p{ font-size:14px; color:#666;}
.main3_c .main3_list{ width:100%; position: relative;}
.main3_c .main3_list li{ width:32%;  float:left;position:relative; margin-right: 2%; overflow: hidden;}
.main3_c .main3_list li:nth-child(3n){ margin-right: 0;}
.main3_c .main3_list li:hover{ box-shadow: 0 6px 28px rgba(0,0,0, 0.1); }
.main3_c .main3_list li .newsb{ background-color: #f9f9f9; padding: 25px 20px; float: left;}
.main3_c .main3_list li:hover .newsb{background: #f34009;}
.main3_c .main3_list li p{ font-size:16px; color:#333; font-weight: bold; display: block; width:100%;  line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 10px;}
.main3_c .main3_list li:hover p{ color:#fff;}
.main3_c .main3_list li span{ width:65px; height:61px; background:rgba(243, 64, 9, 0.8); position: absolute; right:30px;}
.main3_c .main3_list li span h2{ font-size:16px; color:#fff; font-weight: normal; margin:4px 0;  text-align: center; }
.main3_c .main3_list li span h4{ font-size:16px; color:#fff;font-weight: normal;text-align: center; }
.main3_c .main3_list li dd{ font-size: 14px; color:#666; line-height: 26px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main3_c .main3_list li dl{width: 100%; cursor:pointer; overflow:hidden;  display:inline-block; float:left; position: relative;}
.main3_c .main3_list li dl .img{width: 100%; position:relative ; overflow: hidden;}
.main3_c .main3_list li dl .img img{width: 100%; position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.main3_c .main3_list li:hover dl .img img{transform: scaleX(1.1) scaleY(1.1);}
.main3_c .main3_list li .news_more{ margin:25px 0 0; background: url(../images/news_more.png) right center no-repeat; padding-right: 20px; color:#999; font-size:14px;}
.main3_c .main3_list li:hover dd{ color: #fff; }
.main3_c .main3_list li:hover .news_more{background: url(../images/news_moreh.png) right center no-repeat; color:#fff;}



.footer{ width: 100%; position: relative; background: #333; padding: 60px 0;}
.footer .footNav{ width: 100%; position: relative;}
.footer .footNav dl:nth-child(1){ width:32.5%;}
.footer .footNav dl{ width: 14.5%; float: left;}
.footer .footNav dl:nth-child(6){ width: 9.5%;}
.footer .footNav dl dt{ font-size: 18px; color: #fff; position: relative;}
.footer .footNav dl dt::before{ content: ''; width: 70px; height: 1px; background: rgba(255,255,255, 0.3); position: absolute; left: 0; bottom: -10px;}
.footer .footNav dl dt::after{ content: ''; width: 15px; height: 1px; background: rgba(255,255,255, 0.8); position: absolute; left: 0; bottom: -10px;}
.footer .footNav dl dd{ margin-top: 30px;}
.footer .footNav dl dd p{height: 30px; margin-bottom: 13px;}
.footer .footNav dl dd p img{ float: left;}
.footer .footNav dl dd p span{ line-height: 30px; font-size: 14px; color: #fff;float: left; margin-left: 10px;}
.footer .footNav dl dd p:last-child{ margin-bottom: 0;}
.footer .footNav dl dd p:nth-child(1) span{ font-size: 20px; color: #fff;}
.footer .footNav dl dd a{font-size: 14px;font-size: 14px; color: #ddd; line-height: 32px; display: block;}
.footer .footNav dl dd a:hover{ color: #fff;}
.copy{ width: 100%; background: #222222;}
.copy .copyl{ float: left; font-size: 14px; color: #fff; line-height: 60px;}
.copy .copyl a{font-size: 14px; color: #fff;}
.copy .copyr{ float: right; font-size: 14px; color: #fff; line-height: 60px;}
.copy .copyr a{ font-size: 14px; color: #fff;}
.copy a:hover{ color: #f1f1f1;}


/* page_banner */
.page_banner{ width: 100%; position: relative;  padding-top: 115px;}
.page_banner1{ width: 100%; height: 295px; position: relative;}
.page_banner1 .t{ text-align: center; padding-top: 90px;}
.page_banner1 .t .en{ font-size: 32px; color: #fff; line-height: 1.6; font-weight: bold;}
.page_banner1 .t .cn{color: #eee;position: relative;font-size: 20px;line-height: 1;}


.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: 16px;height: 70px;line-height: 70px;padding: 0px 35px;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: #f34009;transition: all .3s;}
.PageNav .NavList li:hover:before{width:80%;left:10%;background-color:#f34009;}
.PageNav .NavList li:hover a{ color: #f34009; }
.PageNav .NavList li.select:before{position: absolute;content: '';left: 10%;bottom: 0px;width: 80%;height: 3px;background-color:#f34009;}
.PageNav .NavList li.select a{ color: #f34009; }
.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: 70px; height: 70px;font-size: 16px; }
.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;background-color: #efefef; padding: 60px 0;}
.PageCon .con{ font-size: 16px; line-height: 30px; color: #666; }


.PagePro{ width: 100%; position: relative; padding: 60px 0;background-color: #efefef;}
.PagePro .ProList li{ width: 23.5%;  float: left; position: relative;margin-right: 2%; margin-bottom: 2%;}
.PagePro .ProList li:nth-child(4n){margin-right: 0;}
.PagePro .ProList li .Img{position:relative ; overflow: hidden; width: 100%;}
.PagePro .ProList li .Img img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.PagePro .ProList li:hover .Img img{transform: scaleX(1.1) scaleY(1.1);}
.PagePro .ProList li .empty{ height: 60px;}
.PagePro .ProList li .ProTit{ width: 100%; position:absolute; bottom: 0; left: 0;}
.PagePro .ProList li .ProTit .Text_box{ padding:15px; height: 60px;  -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;background: #f5f5f5; line-height: 30px;}
.PagePro .ProList li .ProTit p{ font-size: 16px; color: #333; font-weight: bold;}
.PagePro .ProList li .ProTit span{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: 5px 0;}
.PagePro .ProList li .ProTit b{font-size: 14px; color: #666; font-weight: normal; display: none;}
.PagePro .ProList li:hover .ProTit .Text_box{background: -webkit-linear-gradient(110deg, #f34009, #f34009);background: -o-linear-gradient(110deg, #f34009, #f34009);background: -moz-linear-gradient(110deg, #f34009, #f34009);background: linear-gradient(110deg, #f34009, #f34009); height: 100px;padding: 20px 15px;}
.PagePro .ProList li:hover .ProTit p{color: #fff;}
.PagePro .ProList li:hover .ProTit span{color: #fff;}
.PagePro .ProList li:hover .ProTit b{ display: block; color: #fff;}
.Prolistb{width:100%; position:relative; }
.downlist{ width: 70%; float: left; padding: 2%; background: #fafafa;}
.picFocus{ float:left;  width:38%;  position:relative;  overflow:hidden;  zoom:1; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23.5%;}
.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.picFocus .hd ul li img{ width:100%; border:2px solid #ddd; cursor:pointer; margin-right:8px; display:  block;  }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f34009;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; display: flex;}
.picFocus .prev{ position:absolute; left:0 ; bottom:8px;}
.picFocus .next{ position:absolute; right:0 ; bottom:8px;}
.floatl{ float: left;width: 38%;}
.floatr{ width: 57%; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; padding-bottom:20px; font-weight: bold; border-bottom:  2px #f5f5f5 solid; }
.floatr .titmd{margin:20px 0; font-size: 15px; color: #666; line-height: 1.8;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333; font-weight: bold;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#f34009;}
.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;}
.floatr .div-bz{ font-size: 20px; margin-top:20px; font-weight: bold; color: #f34009;}
.left02{ width: 100%; margin:20px auto 0; border-top:5px #f1f1f1 solid; padding-top:30px; color: #555;}
.left02 p{ font-size: 15px; line-height: 26px;}
.left02 img{max-width:100%;}

.left02 table{border-collapse:collapse;width:100%;}
.left02 table,tr{ font-size: 16px; color: #444; }
.left02 table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}


.PageNews{ width: 100%; position: relative; padding: 60px 0; background-color: #efefef;}
.PageNews .Newslist{ width: 69.91%; float: left;}
.PageNews .Newslistbg{ padding: 5%; background: #fff;}
.PageNews .NewsList li{width: 100%; position: relative; float: left; margin-bottom: 15px; border-bottom: 1px #eee solid; padding: 1.5%; background-color: #fff;}
.PageNews .NewsList li .img{ width: 22%; float: left; position: relative;}
.PageNews .NewsList li .img img{transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.PageNews .NewsList li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.PageNews .NewsList li .Text_box{ width: 76%; float: right;}
.PageNews .NewsList li .Text_box p{ font-size: 18px; color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; margin: 15px 0 10px;}
.PageNews .NewsList li .Text_box span{ font-size: 14px; color: #999; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; width: 100%;margin-bottom: 15px;}
.PageNews .NewsList li .Text_box b{ font-size: 14px; color: #999; font-weight: normal;} 
.PageNews .NewsList li:hover .Text_box p{color: #f34009;}
.PageNews .NewsList li:last-child{ border-bottom: none; padding-bottom: 0;}
.Newslist01{width: 27.75%; float: right;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #f34009; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px 32px 38px 23px;background: #fff;}
.Newslist01 .news_hot .infor .tit{ font-size: 18px;color: #333;font-weight: bold; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Newslist01 .news_hot .infor .con{font-size: 14px;color:#666;line-height: 24px;height: 48px;overflow: hidden;}
.Newslist01 .pages1{ width:100%; padding: 5%; background: #fafafa; margin-bottom: 30px;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #f34009; position: relative;}
.Newslist01 .pages1_l p::before{ content:''; position: absolute; width: 80%; height:1px; right:0; top:50%; background: #ddd; }
.Newslist01 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist01 .pages1_l:hover a{ color:#f34009;}
.Newslist01 .pages1_r{ float:left; width:100%; }
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #f34009; position: relative;}
.Newslist01 .pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist01 .pages1_r:hover a{ color:#f34009;}
.pageNewsT{ width:100%; margin:0 auto; font-size:26px; text-align:center; color:#333; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#999; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#666; line-height:30px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}


.PageCon .ltd{margin-bottom: 10px;width: 100%;background: url(../images/contactBg1.jpg) 200px bottom no-repeat #f5f5f5;position: relative;}
.PageCon .ltd .left{float: left;width: 50%; padding: 40px;}
.PageCon .ltd .left .title{padding-bottom: 20px;}
.PageCon .ltd .left .title .p1{font-size: 28px;color: #f34009;font-weight: bold;margin-bottom: 20px;}
.PageCon .ltd .left .title .p2{font-size: 14px;color: #c2c0c0;text-transform: uppercase;}
.PageCon .ltd .left .info{width: 100%;color: #666; line-height: 36px;}
.PageCon .ltd .left .info p{width: 100%;font-size:16px;}
.PageCon .ltd .contact_map{width: 50%; height:334px; border:1px #ddd solid; padding:10px; float: right;}
#allmap {height: 100%;width: 100%;margin: 0 auto; }

.PageHonor{width:100%; position: relative;  }
.PageHonor li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.PageHonor li:nth-child(4n){ margin-right: 0;}
.PageHonor li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.PageHonor li:hover .img{border: 2px #f34009 solid;}
.PageHonor 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%;}
.PageHonor li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageHonor 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;}
.PageHonor li:hover p{ background: #f34009; color: #fff;}

/* fenye */
.pages { margin:0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#f34009;  border:1px solid #f34009;text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#f34009;  border:1px solid #f34009;  text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; 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: 590px;
    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: #f34009;

    -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: #f34009;
}
#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%;
}