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


html { height: 100%; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  overflow-x: hidden; overflow-y: auto; }
body { margin: 0; font-family:'Open Sans','Microsoft YaHei', Arial, sans-serif; color: #666; background: #fff; max-width: 1920px; position: relative; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; line-height: 1 }
p { margin: 0 }
address {  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: middle; border: 0; }
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: 1360px; 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; }
.img100 {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

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


.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; top:0; left: 0; height: 100px; background: #fff; z-index: 999;box-shadow: 0 0 5px rgba(0,0,0, 0.3);  }
.header .logo{ position: relative;height: 60px; margin: 15px 0;}
.header .nav li{ display: inline-block; }
.header .nav .nLi{ float:left;  display:inline;  text-align: center; line-height: 92px; position: relative;}
.header .nav .nLi::after{ position: absolute; content: '';  right: 0; top:50%; margin-top: -7px;display: inline-block;width: 1px; border-right: 1px dashed #ccc; height: 14px;vertical-align: middle;}
.header .nav .nLi:hover .sua{ color: #e60012; }
.header .nav .nLi.active{ color:#e60012;   }
.header .nav .nLi.active .sua{ color: #e60012; }
.header .nav .nLi .sua{ margin:0 28px; line-height: 92px; font-size: 16px; color: #333; display: block;position: relative; }
.header .nav .nLi.active::before,.header .nav .nLi:hover::before{content: ''; position: absolute; left: 50%; margin-left: -41.5px; bottom: 8px; width: 83px; height: 4px; background:url(../images/nav_m.png) no-repeat;} 
.header .nav .sub{ display:none; width:100%; left:0; top:92px; z-index: 9999;  position:absolute; background:rgba(0,0,0,0.5);  line-height:40px; padding:10px 0;} 
.header .nav .sub li{ zoom:1;   display: inline-block; margin: 0 20px;}
.header .nav .sub a{ display:block; color: #fff; font-size: 15px; line-height: 40px; margin: 0;}
.header .nav .sub a:hover{ color:#e60012;  font-weight: bold; }
.header .bdshare-button{ position: relative; float: right; margin-top: 39px; margin-left: 20px;}
.header .bdshare-button a{display: inline-block;content: ''; width: 22px; height: 22px; position: relative; cursor: pointer;}
.header .bdshare-button a.bds_weixin { background: url(../images/icon-1.png) no-repeat center;}
.header .bdshare-button a.douyin {background: url(../images/icon-2.png) no-repeat center;}
.header .bdshare-button a+a { margin-left: 10px;}
.header .bdshare-button a span{ display: none; position: absolute; top: 100%; width: 100px;}
.header .bdshare-button a:hover span {display: inline-block}
.header .bdshare-button a.bds_weixin span,.header .bdshare-button a.douyin span{ left: 50%; margin-left: -50px;}



/* 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:14px;height:14px;background: #da251e; border-radius:50%; border: 2px #da251e solid; margin:0 5px;overflow:hidden;line-height:999px;}
.banner .hd .on{background: none;}
.banner .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:43px;height:43px;background:url(../images/jt_prev.png) center no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;right:8%;z-index:1;width:43px;height:43px;background:url(../images/jt_next.png) center no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}


.InAbout{width: 100%; position: relative; padding: 70px 0; background: url(../images/Abobg.png) 5% 130px  no-repeat;}
.InAbout .title-intro{ width: 49%;  float: left;  position: relative;}
.InAbout .title-intro .aboT{ position: relative; }
.InAbout .title-intro .aboT .en{ font-size: 54px; color: #f2f2f2; font-weight: bold; line-height: 1.1;}
.InAbout .title-intro .aboT .cn{ font-size: 34px; color: #da251e; position: relative; top:-35px;}
.InAbout .title-intro .aboD{ font-size: 15px; color: #555; line-height: 30px; position: relative; margin-top: 35px;}
.InAbout .title-intro .aboD::before{position: absolute; content: ''; width: 63px; height: 3px; background-color: #000; left: 0; top:-25px;}
.InAbout .title-intro .more{display: block; margin: 90px 0 0;  width: 140px;height: 45px;  line-height: 45px; color: #fff;  background: #da251e; text-align: center; border-radius: 5px; font-size: 15px;;}
.InAbout .title-intro .more img{margin-left: 15px; display: inline-block;-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;}
.InAbout .title-intro .more:hover img{margin-left: 25px;}
.InAbout .title-intro .more:hover{ background-color: #da251e;}
.InAbout .aboImg{ width: 45%; float: right;}
.InAbout .aboImg img{ width: 100%;}

.number{width: 100%; position: relative; background: #f9f9f9;  padding: 40px 0;}
.number .item{ width: 33.333%; float: left;position: relative; text-align: center; }
.number .item::before{ content: ''; position: absolute; width: 1px; height: 100px; right: 0; top: 50%; margin-top: -50px; background: #ddd;}
.number .item:last-child::before,.number .item:last-child::after{ display: none;}
.number .item .T .math{ font-size: 50px;  color: #da251e; line-height: 1.2; margin-top: 15px;}
.number .item .T span{ font-size: 15px;  color: #555; line-height: 1.2;}
.number .item .c{ font-size: 15px; color: #555;}

.InProduct{ width: 100%; position: relative; padding:70px 0; background: url(../images/probg.jpg) center no-repeat;}
.InProduct .proT{ position: relative; text-align: center;}
.InProduct .proT .en{ font-size: 54px; color: #e8e6e2; font-weight: bold; line-height: 1.1;}
.InProduct .proT .cn{ font-size: 34px; color: #da251e; position: relative; top:-35px;}
.InProduct .proT .cn::before{ position: absolute; content: ''; width: 60px; height: 3px; background: #000; left: 50%; bottom: -20px; margin-left:-30px;}
.InProduct .proTxtBox{ position: relative; margin-top: 20px;}
.InProduct .proTxtBox .hd{ float: right;}
.InProduct .proTxtBox .hd li{ position: relative; margin-bottom: 25px; cursor: pointer;}
.InProduct .proTxtBox .hd li:last-child{ margin-bottom: 0;}
.InProduct .proTxtBox .hd li .img{ width: 100px; height: 100px; border-radius: 50%; border: 2px #999 solid; display: flex; align-content: center; flex-direction: column; justify-content: center; align-items: center;}
.InProduct .proTxtBox .hd li .img .img2{ display: none;}
.InProduct .proTxtBox .hd li.on .img{border: 2px #da251e solid;}
.InProduct .proTxtBox .hd li.on .img .img1{ display: none;}
.InProduct .proTxtBox .hd li.on .img .img2{ display: block;}
.InProduct .proTxtBox .hd li aside{ font-size: 17px; color: #666; text-align: center; font-weight: bold; line-height: 36px;}
.InProduct .proTxtBox .hd li.on aside{ color: #da251e;}
.InProduct .proTxtBox .bd{float: left; width: 72%;}
.InProduct .proTxtBox .bd .inner{ position: relative;}
.InProduct .proTxtBox .bd .inner .txt{ width: 40%; float: left;}
.InProduct .proTxtBox .bd .inner .txt .tit{ font-size: 24px; color: #333; position: relative; margin-top: 20px;}
.InProduct .proTxtBox .bd .inner .txt .tit::before{ position: absolute; content: ''; width: 24px; height: 3px; left: 0;  bottom: -25px; background: #e60012;}
.InProduct .proTxtBox .bd .inner .txt .tix{ font-size: 15px; line-height: 30px; color: 333; margin-top: 80px;}
.InProduct .proTxtBox .bd .inner .txt .more{display: block; margin: 90px 0 0;  width: 140px;height: 45px;  line-height: 45px; color: #fff;  background: #da251e; text-align: center; border-radius: 5px; font-size: 15px;;}
.InProduct .proTxtBox .bd .inner .txt .more img{margin-left: 15px; display: inline-block;-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;}
.InProduct .proTxtBox .bd .inner .txt .more:hover img{margin-left: 25px;}
.InProduct .proTxtBox .bd .inner .txt .more:hover{ background-color: #da251e;}
.InProduct .proTxtBox .bd .inner .pic{ width: 54%; float: right; margin-top: 50px;}

.InNews{ width: 100%; position: relative; padding: 70px 0;}
.InNews .Top{ width: 100%; position: relative;}
.InNews .Top .newsT{ position: relative; float:left}
.InNews .Top .newsT .en{ font-size: 54px; color: #f2f2f2; font-weight: bold; line-height: 1.1;}
.InNews .Top .newsT .cn{ font-size: 34px; color: #da251e; position: relative; top:-35px;}
.InNews .Top .newsT .cn::before{ position: absolute; content: ''; width: 60px; height: 3px; background: #000; left: 0; bottom: -20px;}
.InNews .Top .more{display: block; float: right;  width: 140px;height: 45px;  line-height: 45px; color: #fff;  background: #da251e; text-align: center; border-radius: 5px; font-size: 15px;;}
.InNews .Top .more img{margin-left: 15px; display: inline-block;-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;}
.InNews .Top .more:hover img{margin-left: 25px;}
.InNews .Top .more:hover{ background-color: #da251e;}
.InNews .NewsList{ position: relative; margin-top: 20px;}
.InNews .NewsList .bd{ width: 86%; float: right; position: relative;}
.InNews .NewsList .bd li{ width: 32%; float: left; margin:10px 11px; box-shadow: 0 0 10px rgba(0,0,0, 0.1);}
.InNews .NewsList .bd li:last-child{ margin-right: 0;}
.InNews .NewsList .bd li .newsN{ background-color: #fff; padding: 20px;}
.InNews .NewsList .bd li .newsN .Time{ font-size: 16px; color: #7a7a7a; padding-bottom: 20px; border-bottom: 1px #e5e5e5 solid;}
.InNews .NewsList .bd li .newsN .Time .ico{ font-size: 15px; color: #7a7a7a; background: url(../images/nico.png) left center no-repeat; padding-left: 25px; float: right;}
.InNews .NewsList .bd li .newsN .newsT{ font-size: 20px; font-weight: bold; line-height: 28px; color: #333; margin: 15px 0;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.InNews .NewsList .bd li .newsN span{ font-size: 15px; color: #666;}
.InNews .NewsList .bd li:hover .newsN .newsT,.InNews .NewsList .bd li:hover .newsN span{ color: #da251e;}
.InNews .NewsList .bd li:hover{box-shadow: 0 0 20px rgba(218,37,30, 0.1);}
.InNews .NewsList .scroll{ position: absolute; bottom: 0; left: 0; width: 130px;}
.InNews .NewsList .scroll .prev{ width: 52px; height: 51px; float: left; background: url(../images/prev_p.png) center no-repeat; box-shadow: 0 0 20px rgba(0,0,0, 0.1); border-radius: 50%; cursor: pointer; opacity: 1;}
.InNews .NewsList .scroll .next{ width: 52px; height: 51px; float: right; background: url(../images/next_p.png) center no-repeat; box-shadow: 0 0 20px rgba(0,0,0, 0.1); border-radius: 50%; cursor: pointer; opacity: 1;}
.InNews .NewsList .scroll .prev:hover{background: url(../images/prev_ph.png) center no-repeat;}
.InNews .NewsList .scroll .next:hover{background: url(../images/next_ph.png) center no-repeat;}

/* footer */
.footer{ width: 100%; background: #da251e; position: relative;}
.footer .footTop{padding: 50px 0; position: relative;}
.footer .footTop .footNav{ width: 70%; float: left;}
.footer .footTop .footNav dl{ float: left; width: 15.2%; margin-right: 6%;}
.footer .footTop .footNav dl:last-child{ margin-right: 0;}
.footer .footTop .footNav dl dt{ font-size: 18px; color: #fff; position: relative; margin-bottom: 35px;}
.footer .footTop .footNav dl dt::before{ position: absolute; content: ''; left: 0; width: 100%; height: 1px; background: #e1514b; top: 40px;}
.footer .footTop .footNav dl dd a{font-size: 15px; color: #fff; line-height: 28px; display: block;}
.footer .footTop .footNav dl dd a:hover{color: #e39693;}
.footer .footTop .footGan{ width: 23.5%; float: right;}
.footer .footTop .footGan .g{font-size: 18px; color: #fff; margin-bottom: 23px;}
.footer .footTop .footGan .ewm{ width: 70%;}
.footer .footTop .footGan .ewm .e{ width: 48%; margin-right: 4%; float: left;}
.footer .footTop .footGan .ewm .e:last-child{ margin-right: 0;}
.footer .footTop .footGan .ewm .e img{ border: 1px #e1514b solid; padding: 5px;}
.footer .footTop .footGan .ewm .e p{ font-size: 15px; color: #fff; text-align: center; line-height: 40px;}
.footer .footTop .footGan .add{ font-size: 15px; color: #fff; line-height: 28px;}
.footer .copy{ width: 100%; position: relative; border-top: 1px #e1514b solid; line-height: 70px;}
.footer .copy .left{float:left; font-size:15px; color:#fff;}
.footer .copy .right{float:right; font-size:15px; color:#fff;}
.footer .copy a:hover{ color: #e39693;}



/* page_banner */
.Pagebanner{width: 100%; position: relative; height: 380px;  overflow: hidden;}
.Pagebanner>.container{position: relative;}
.Pagebanner img{position: absolute;top: 0; left: 50%; margin-left: -960px; max-width: none;}
.Pagebanner .intro { position: absolute; left: 0; bottom: 78px;width: 100%;}
.Pagebanner .intro .tit {font-size: 36px;line-height: 36px;font-weight: bold;color: #fff;}
.Pagebanner .intro .crumbs{ font-size: 16px; line-height: 24px; color: #fff; margin-top: 15px;}
.Pagebanner .intro .crumbs .fangzi{display: inline-block; width: 15px; height: 15px;  background: url(../images/fangzi.png); margin-bottom: -1px;}
.Pagebanner .intro .crumbs a{display: inline-block;font-size: 16px;color: #fff; margin: 0 5px;}
.Pagebanner .intro .crumbs a:hover{color: #f9f9f9; }


.PageMain{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative; background: #f9f9f9;}
.PageNav .home{float: left;width: 65px;line-height: 65px;text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.PageNav .home .icon{display: inline-block; vertical-align: middle; width: 17px; height: 15px; background: url(../images/home.png) no-repeat center;}
.PageNav .NavList{float: left;}
.PageNav .NavList ul{font-size: 0;}
.PageNav .NavList li{position: relative;display: inline-block;width: auto;vertical-align: middle;}
.PageNav .NavList li::before{ position: absolute; content: ''; width: 1px; height: 20px; background-color: #ddd; right: 0; top: 50%; margin-top: -10px;}
.PageNav .NavList li a{position: relative;font-size: 16px;height: 65px;line-height: 65px;color: #333; display: block; padding: 0 40px; transition: 0.3s ease 0s;}
.PageNav .NavList li.select,.PageNav .NavList li:hover{ color: #da251e;}
.PageNav .NavList li:hover a{ color: #da251e;}
.PageNav .NavList li.select a{ color: #da251e;}

.PageCon{ width: 100%; position: relative;  padding: 60px 0;}
.PageCon .con{ font-size: 15px; line-height: 30px; color: #666;}
.culture{ position: relative; width: 100%;}
.culture .item{ background: #efefef; margin-bottom: 5px; position: relative;transition: all 0.5s ease; cursor: pointer; width: 48%; margin-right: 4%; float: left;}
.culture .item:nth-child(2n){ margin-right: 0;}
.culture .item:hover{ background-color: #da251e;}
.culture .item .li_box { padding: 40px 30px; position: relative; z-index: 3;}
.culture .item .li_box .tit{font-size: 20px;color: #0e0e0e;margin-bottom: 10px;font-weight: bold;}
.culture .item .li_box .tic{font-size: 15px; color: rgba(34,34,34,.8); line-height: 28px;}
.culture .item:hover .li_box .tit,.culture .item:hover .li_box .tic{ color: #fff;}


/* 人才招聘 */
.PageJoin{width: 100%;padding: 60px 0;}
.PageJoin .part_con .pic_join{ position:relative; width: 523px; font-size:14px; color:#555; float: left;}
.PageJoin .part_con .box{float: left; width: 747px; margin-left: 30px;}
.PageJoin .part_con .CenTitle{ float:left; margin-bottom:20px;}
.PageJoin .part_con .CenTitle .name{ font-size: 24px; font-weight: bold;color: #333;}
.PageJoin .part_con .txt01{ clear:both; color: #333;  line-height:30px; margin-top:20px; font-size: 16px;}
.PageJoin .Joinlist{position: relative; width: 100%;}
.PageJoin .Joinlist .jnlist{background-color: #f1f1f1;}
.PageJoin .Joinlist .jnlist li{float: left; text-align: center; padding: 20px 0; font-size: 17px; color: #333; width: 20%; font-weight: bold;}
.PageJoin .Joinlist .jnlist li:nth-child(2),.PageJoin .Joinlist .jnlist li:nth-child(4){ width: 30%;}
.PageJoin .Joinlist .joblist{ width: 100%; position: relative; margin-top: 10px;}
.PageJoin .Joinlist .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.PageJoin .Joinlist .joblist .list_dt p{float: left; text-align: center; padding: 15px 0; font-size: 15px; color: #333; width: 20%; }
.PageJoin .Joinlist .joblist .list_dt p:nth-child(2),.PageJoin .Joinlist .joblist .list_dt p:nth-child(4){ width: 30%;}
.PageJoin .Joinlist .joblist #open{ background-color: #da251e;}
.PageJoin .Joinlist .joblist #open p{ color: #fff }
.PageJoin .Joinlist .joblist .list_dt:hover{ background-color: #da251e;}
.PageJoin .Joinlist .joblist .list_dt:hover p{ color: #fff; }
.PageJoin .Joinlist .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f0f6fb;}


.PagePro{ width: 100%; position: relative; padding: 60px 0;}
.PagePro .pro_content{ position: relative;}
.PagePro .pro_content li{background: #f5f5f5; float: left; width: 23.5%; margin-right: 2%; transition: .3s ease; margin-bottom: 25px;}
.PagePro .pro_content li:nth-child(4n){margin-right: 0;}
.PagePro .pro_content li .NewsTit{width: 100%;position: relative;}
.PagePro .pro_content li .NewsTit .Text_box{padding: 20px;}
.PagePro .pro_content li .NewsTit .Text_box .t{font-size: 18px; color: #333; font-weight: bold; transition: .3s ease; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 10px;}
.PagePro .pro_content li .NewsTit .Text_box .c{ font-size: 14px;color: #666; position: relative; line-height: 26px; transition: .3s ease; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.PagePro .pro_content li .NewsTit .Text_box .b{display: inline-block;font-size: 15px; line-height: 36px; text-align: center; color: #666; border: 1px solid #666; padding: 0 20px; margin-top: 25px; transition: all 0.5s ease;}
.PagePro .pro_content li:hover .NewsTit .Text_box .t{color: #da251e;}
.PagePro .pro_content li:hover .NewsTit .Text_box .b{ background-color: #da251e; border: 1px solid #da251e; color: #fff;}

.Pagedetail{width: 100%; position: relative; background: #f9f9f9;}
.Pagedetail .detailbox{ padding: 40px; border-bottom: 4px #da251e solid;}
.Pagedetail .left{width: 48%;float: left; position: relative; margin-right: 2.5%;}
.picFocus{ float:left;  width:100%;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; margin-top: 20px; overflow:hidden; position: relative;}
.picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.picFocus .hd ul li{ float:left;  text-align:center;  margin-right: 2%; width: 23%;}
.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.picFocus .hd ul li span{border:2px solid #ddd;}
.picFocus .hd ul li img{ width:100%;  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 span{ border-color:#da251e;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; display: flex;}
.picFocus .bd li span{ width:100%;}
.picFocus .prev{ position:absolute; top:50%; margin-top: -13.5px; left:0 ;}
.picFocus .next{ position:absolute; top:50%; margin-top: -13.5px; right:0 ; }
.Pagedetail .right{width: 48%; float:right ;}
.Pagedetail .right .title{ font-size: 28px; color: #333; font-weight: bold;}
.Pagedetail .right .titmd{ font-size: 16px; line-height: 30px; color: #666; margin-top: 15px; padding: 40px 0; border-top: 1px #ddd solid;}
.Pagedetail .right .btn{padding-left:0; box-shadow:none; margin-top:30px;}
.Pagedetail .right .btn .icon{width:28px; height:23px; background:url(../img/proDetail01.png) no-repeat left; display:inline-block; position:relative; top:5px; margin-right:10px;}
.Pagedetail .right .btn>a{display:inline-block; background:#facd00; transition:.3s ease; font-size:18px; color:#fff; font-weight:bold; line-height:33px; padding:10px 25px;}
.Pagedetail .right .btn>a.order:hover{background:#da251e;}
.Pagedetail .right .btn .tel .icon{background-position:-28px 0;}
.Pagedetail .right .btn .tel{ background:#da251e; color:#fff;}
.Pagedetail .right .btn .tel:hover{background:#da251e;}
.Pagedetail .detailbox01{ padding: 40px; font-size: 16px; line-height: 30px; color: #333; }
.Pagedetail .detailbox01 img{ max-width: 100%;}
.Pagedetail .detailbox01 table{border-collapse:collapse;width:100%;}
.Pagedetail .detailbox01 table,tr{ font-size: 16px; color: #444; }
.Pagedetail .detailbox01 table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}


.PageAnli{width: 100%; position: relative; padding: 60px 0;}
.PageAnli .AnliList{ position: relative;}
.PageAnli .AnliList .item{ width: 32%; float: left; margin-right: 2%; position: relative;}
.PageAnli .AnliList .item:nth-child(3n){ margin-right: 0;}
.PageAnli .AnliList .item .box{position:absolute; width:100%; height:100%; top:0; font-size:18px; color:#fff; text-align:center; z-index:1;}
.PageAnli .AnliList .item .box .tit{margin-top:24%;}
.PageAnli .AnliList .item .box .icon{width:100%; height:40px; background:url(../images/anniu.png) no-repeat center; margin-top:20px;}
.PageAnli .AnliList .item .cover{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:rgba(218,37,30, 0.85);opacity: 0; visibility: hidden; transition: .5s ease;}
.PageAnli .AnliList .item:hover .cover{ opacity: 1; visibility:visible;}
.PageAnli .more{font-size:18px; color:#666; text-align:center;width: 220px; height: 50px; margin: 40px auto 0; line-height: 50px; background-color: #eee;}
.PageAnli .more .icon{margin-left:10px; display:inline-block; background:url(../images/ca_jt.png) no-repeat center; width:20px; height:12px;}
.PageAnli .more:hover{color: #fff; background-color: #da251e;}
.PageAnli .more:hover .icon{background:url(../images/ca_jth.png) no-repeat center;}


.PageNews{ width: 100%; position: relative; padding: 60px 0;}
.PageNews .NewsList{ width: 100%; position: relative;}
.PageNews .NewsList li{ width: 49%; float: left;  position: relative; margin-right: 2%; margin-bottom: 25px;}
.PageNews .NewsList li:nth-child(2n){ margin-right: 0;}
.PageNews .NewsList li:hover{box-shadow: 0 0 20px rgba(0,0,0, 0.1);}
.PageNews .NewsList li::after{position: absolute; content: ''; left: 0; bottom: 0; width: 0; height: 5px; background-color: #da251e;-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;}
.PageNews .NewsList li:hover::after{ width: 100%;}
.PageNews .NewsList li a{ display: block; background: #f9f9f9; padding: 30px 4%; position: relative;  }
.PageNews .NewsList li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #da251e; position: relative; z-index:9;}
.PageNews .NewsList li .news_text{margin-top: 11px; position: relative; z-index:9;}
.PageNews .NewsList li .news_text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 22%; margin: 0 20px 0 0;}
.PageNews .NewsList li .news_text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageNews .NewsList li .news_fix h3{ color: #232323; font-size: 17px; line-height: 1.2;  margin-bottom: 15px; font-weight: bold;  transition: 0.35s; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.PageNews .NewsList li .news_fix p{ color: #666; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .NewsList li a:hover .news_text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews .NewsList li a:hover .news_fix h3{ color: #da251e; }

.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:32px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}


.Pagesociety{ width: 100%; position: relative; padding: 60px 0;}
.Pagesociety .societyList ul li{background:#f2f2f2; transition:.5s ease; margin-bottom:30px;}
.Pagesociety .societyList ul li a{display:block;}
.Pagesociety .societyList ul li .img{float:left; width:28%;}
.Pagesociety .societyList ul li .intro{float:left; width:72%;}
.Pagesociety .societyList ul li .intro .box{padding:50px 50px 0;}
.Pagesociety .societyList ul li .intro .box .txt{float:left; width:80%;}
.Pagesociety .societyList ul li .intro .box .txt .t{font-size:28px; color:#373737; margin-bottom:20px;}
.Pagesociety .societyList ul li .intro .box .txt .c{font-size:15px; color:#333f47; line-height:30px; height:60px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.Pagesociety .societyList ul li .intro .box .date{float:right; width:10%; text-align:center; color:#333f47;}
.Pagesociety .societyList ul li .intro .box .date .day{font-family:Impact; font-size:48px;}
.Pagesociety .societyList ul li .intro .box .date .year{font-family:Arial; font-size:17px;}
.Pagesociety .societyList ul li:hover{background:#da251e;}
.Pagesociety .societyList ul li:hover .intro .box .txt .t{color:#fbba40}
.Pagesociety .societyList ul li:hover .intro .box .txt .t a{color:#fbba40}
.Pagesociety .societyList ul li:hover .intro .box .txt .c{color:#fff}
.Pagesociety .societyList ul li:hover .intro .box .date{color:#fbba40}


.PageTact{ width: 100%; position: relative; padding: 60px 0;}
.PageTact .left{ width: 38%; background:#f3f4f8; float: left;}
.PageTact .left .cn{ padding: 30px;}
.PageTact .left .cn .T{ font-size: 24px; font-weight: bold; color: #da251e; padding-bottom: 20px;border-bottom: 1px solid #dcdde1;}
.PageTact .left .list{ position: relative;}
.PageTact .left .list .item{line-height: 40px; padding: 20px 0; border-bottom: 1px solid #dcdde1;font-size: 16px; color: #616161;}
.PageTact .right{ width: 59%; float: right; height: 432px;}

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


/* 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:#da251e;}
.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:#da251e;}

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

    -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/icon/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/icon/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/icon/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/icon/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/icon/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/icon/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/icon/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/icon/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #da251e;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/icon/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/icon/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%;
}