@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 }
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;
}

.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-67{padding-bottom: 67%;}
.rect-78{padding-bottom: 78%;}
.rect-84{padding-bottom: 84%;}
.rect-100{padding-bottom: 100%;}
.rect-1061{padding-bottom: 106.1%;}
.rect-116{padding-bottom: 116%;}


.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: linear-gradient(to right, #fff 80%, #115fad 20%); z-index: 999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header .navL{ width: 78%; float: left;}
.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; font-weight: bold;}
.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: #115fad;font-weight: bold;}
.header .nav .nLi.active{ color:#115fad; font-weight: bold;}
.header .nav .nLi.active>a{ color:#115fad; font-weight: bold;}
.header .nav .sub{display:none; width:100%; left:0; top:0px; z-index: 9999;  position:absolute; background:#115fad;  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:#115fad; color:#fff; }
.header .navpr{ width: 22%; float: right; background: #115fad; height: 90px;  position: relative;}
.header .navpr a{ font-size: 16px; color: #fff; font-weight: bold; padding-left: 35px; line-height: 90px;}
.header .navpr::before{ position: absolute; content: '';  width: 20px; height: 20px; border-radius: 50%; background-color: #fff; top: 50%; margin-top: -10px; left: 0; margin-left: -10px; z-index: 2;}
.header .navpr a:hover{ font-size: 17px;}

/* 通知搜索栏 */
.Notice_so {float: right;width: 60%;height: 35px; margin:27.5px 0; border-radius: 18px;background: #fff; outline:none;}
.Notice_so .search {float: left;padding-left: 20px;}
.Notice_so .search input {border: 0;}
.Notice_so .search input.inputBox {width: 65%;float: left;height: 35px;line-height: 35px;border-right: 0;background: none;font-size: 14px;color: #333;outline: none}
.Notice_so .search input.searchBox {color: #FFF;background: url(../images/so.png) center no-repeat;width: 50px;height: 36px;line-height: 36px;text-align: center;cursor: pointer;float: right;}
.Notice_so .searchTitle{line-height: 30px;font-size: 14px;float: left;}
.Notice_so .searchTitle a{margin-left: 10px;font-size: 14px;}


/* 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:#115fad;}
.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;background:url(../images/ad_ctr.png) 0 0 no-repeat;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: #115fad;  font-weight: bold; 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: 26%; float: left; background:#115fad;}
.InProduct .ProList .Proleft .cateT{ font-size: 26px; font-weight: bold; color: #fff; margin-top: 50px; padding-left: 30px;}
.InProduct .ProList .Proleft .cateD{ font-size: 18px; color: #fff; font-weight: bold; margin: 15px 0; padding-left: 30px;}
.InProduct .ProList .Proleft .cateA{ padding-left: 35px; margin-bottom: 50px;}
.InProduct .ProList .Proleft .cateA .item{ line-height: 40px;  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; background: url(../images/cateA.png) left center no-repeat;padding-left: 25px;}
.InProduct .ProList .Proleft .cateA .item:hover a{ color: #115fad;background: url(../images/cateAh.png) left center no-repeat; }
.InProduct .ProList .Proright{ width: 72%; float: right;}
.InProduct .ProList .Proright .item{ width: 32%; background: #fff; margin-right: 2%; float: left; margin-bottom: 15px; position: relative;}
.InProduct .ProList .Proright .item a{ display: block; border: 1px #eeeeee solid;}
.InProduct .ProList .Proright .item:nth-child(3n){ margin-right: 0;}
.InProduct .ProList .Proright .item:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.InProduct .ProList .Proright .item .line{ width: 86%; height: 1px; background: #efefef; margin: 0 auto;}
.InProduct .ProList .Proright .item .Ti{ width: 100%; height: 50px;line-height: 50px; 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: #115fad;}


.InAbout{ width: 100%; position: relative; padding: 60px 0; }
.InAbout .Top .D1{ font-size: 34px; color: #115fad; line-height: 1; font-weight: bold; margin-bottom: 15px;}
.InAbout .Top .D2{ font-size: 19px; color: #999;text-transform:uppercase;font-weight: initial;}
.InAbout .Abo{ margin-top: 40px; position: relative;}
.InAbout .Abo .Abol{ float: left; width: 60%;}
.InAbout .Abo .Abol .c{ font-size: 15px; color: #666; line-height: 32px;}
.InAbout .Abo .Abol .Tc{ position: relative; margin-top: 60px;}
.InAbout .Abo .Abol .Tc .k{ float: left; width: 120px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #115fad;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InAbout .Abo .Abol .Tc:hover .k{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InAbout .Abo .Abol .Tc .m{ width: 40px; height: 40px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 40px; background: #115fad;}
.InAbout .Abo .Abor{ width: 30%; float: right;}
.InAbout .Abo .Abor .T1{ width: 100%; position: relative;}
.InAbout .Abo .Abor .T1 .wh{ width: 50%; float: left; position: relative;}
.InAbout .Abo .Abor .T1 .wh p{ position: absolute; text-align: center;font-size: 20px;color: #fff;width: 100%;top: 50%; margin-top: -10px; font-weight: bold;}
.InAbout .Abo .Abor .T2{ width: 100%;}
.InAbout .Abo .Abor .T2 .lb{ width: 50%; float: left; background: #115fad;}
.InAbout .Abo .Abor .T2 .ry{ width: 50%; float: left; position: relative;}
.InAbout .Abo .Abor .T2 .ry p{ position: absolute; text-align: center;font-size: 20px;color: #fff;width: 100%;top: 50%; margin-top: -10px; font-weight: bold;}


.InMain{ width: 100%; position: relative; padding:60px 0; background: #f9f9f9;}
.InMain .InNews{ width: 48%; float: left;}
.InMain .InNews .Top .Tl{ float: left;}
.InMain .InNews .Top .D1{ font-size: 34px; color: #115fad; line-height: 1; font-weight: bold; margin-bottom: 15px;}
.InMain .InNews .Top .D2{ font-size: 15px; color: #999;}
.InMain .InNews .Top .Tc{ position: relative; margin-top: 25px;  float: right;}
.InMain .InNews .Top .Tc .k{ float: left; width: 120px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #115fad; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InMain .InNews .Top .Tc:hover .k{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InMain .InNews .Top .Tc .m{ width: 40px; height: 40px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 40px; background: #115fad;}
.InMain .InNews .NewsList{ position: relative; margin-top: 30px;}
.InMain .InNews .NewsList .newsTop{ width: 100%; display:  inline-block; float: left;}
.InMain .InNews .NewsList .newsTop .img{ width: 30%; float: left; display: block; position: relative;overflow:  hidden;  }
.InMain .InNews .NewsList .newsTop .img img{ display: block;width: 100%;height: auto;-webkit-transition: 1s ease-in-out;-o-transition: 1s ease-in-out;transition: 1s ease-in-out;transform-origin:50% 50%;}
.InMain .InNews .NewsList .newsTop:hover .img img{-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);}
.InMain .InNews .NewsList .newsTop .newsTopc{ width: 66%; float: right; }
.InMain .InNews .NewsList .newsTop .newsTopc .tix{ font-size: 17px; line-height: 30px; font-weight: bold; color: #333; margin-bottom:  5px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.InMain .InNews .NewsList .newsTop:hover .newsTopc .tix{ color: #115fad;font-weight: bold; }
.InMain .InNews .NewsList .newsTop .newsTopc .tic{ font-size: 15px; color: #999; line-height: 28px; margin-bottom: 10px; }
.InMain .InNews .NewsList .newsTop .newsTopc span{ font-size: 15px; color: #999; }
.InMain .InNews .NewsList li{ width: 100%; display:  inline-block; float: left; margin-top: 25px; position: relative; }
.InMain .InNews .NewsList li .deta{height: 90px;width: 100px; background: #fff; border: 1px #eee solid; float: left; position: relative;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.InMain .InNews .NewsList li .deta .day{ font-size: 30px; font-weight: bold; color: #333;  width: 100%;text-align: center;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; margin-top: 18px; }
.InMain .InNews .NewsList li .deta .month{ font-size: 15px; color: #333; width: 100%;text-align: center;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.InMain .InNews .NewsList li .newsTopc{ float: left; position: absolute; padding-left: 125px;}
.InMain .InNews .NewsList li .newsTopc .tix{ font-size: 17px; font-weight: bold; color: #333;  margin-bottom:  5px; line-height: 30px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.InMain .InNews .NewsList li .newsTopc .tic{ font-size: 15px; color: #999; line-height: 28px; }
.InMain .InNews .NewsList li:hover .deta{ background: #115fad;}
.InMain .InNews .NewsList li:hover .deta .day,.InMain .InNews .NewsList li:hover .deta .month{ color: #fff; }
.InMain .InNews .NewsList li:hover .newsTopc .tix{ color: #115fad; font-weight: bold; }
.InMain .InService{ width: 48%; float: right;}
.InMain .InService .Top .D1{ font-size: 34px; color: #115fad; line-height: 1; font-weight: bold; margin-bottom: 15px;}
.InMain .InService .Top .D2{ font-size: 15px; color: #999;}
.InMain .InService .Ser{ width: 100%; position: relative; margin-top: 30px; background: #fff;}
.InMain .InService .Ser .Img{ width: 49%; float: left;}
.InMain .InService .Ser .Serc{ padding: 30px 3%; width: 51%; float: left;}
.InMain .InService .Ser .Serc .T1{ font-size: 18px; font-weight: bold; color: #115fad;}
.InMain .InService .Ser .Serc .T2{ font-size: 15px; line-height: 28px; color: #666; margin-top: 25px;}
.InMain .InService .Ser .Serc .Tc{ position: relative; margin-top: 40px;  float: left;}
.InMain .InService .Ser .Serc .Tc .k{ float: left; width: 120px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #115fad; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InMain .InService .Ser .Serc .Tc:hover .k{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InMain .InService .Ser .Serc .Tc .m{ width: 40px; height: 40px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 40px; background: #115fad;}


.InHuoban{ width: 100%; position: relative; padding:0 0 60px 0;}
.InHuoban .Top .Tl{ float: left;}
.InHuoban .Top .D1{ font-size: 34px; color: #115fad; line-height: 1; font-weight: bold; margin-bottom: 15px;}
.InHuoban .Top .D2{ font-size: 15px; color: #999;}
.InHuoban .Top .Tc{ position: relative; margin-top: 25px; float: right;}
.InHuoban .Top .Tc .k{ float: left; width: 120px; height: 40px; text-align: center; line-height: 40px; color: #fff; background: #115fad; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InHuoban .Top .Tc:hover .k{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InHuoban .Top .Tc .m{ width: 40px; height: 40px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 40px; background: #115fad;}
.InHuoban .HuoList{ position: relative; margin-top: 35px;}
.InHuoban .HuoList .item{ width: 15%; margin-right: 2%; float: left; webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InHuoban .HuoList .item:nth-child(6n){ margin-right: 0;}
.InHuoban .HuoList .item p{font-size: 16px; line-height: 30px; color: #333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.InHuoban .HuoList .item:hover{ margin-top: -10px;webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}


.footer{ width: 100%; background: #115fad; padding: 50px 0;}
.footer .foot .footNav{ float: left; width: 48%;}
.footer .foot .footNav h2{ font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.footer .foot .footNav p{ font-size: 16px; color: #fff;text-transform:uppercase; line-height: 1.8; }
.footer .foot .footNav dd{ margin-top: 15px;}
.footer .foot .footNav dd a{font-size: 15px; line-height: 40px; color: #fff; padding: 0 30px; position: relative; float: left;}
.footer .foot .footNav dd a::after{ position: absolute; content: ''; width: 1px; height: 12px; background: #fff; right: 0; top:50%; margin-top: -6px;}
.footer .foot .footNav dd a:hover{color: #023c76;}
.footer .foot .footNav dd a:nth-child(1){ padding-left: 0;}
.footer .foot .footr{ width: 14%; float: right; text-align: right;}
.footer .foot .footr dt{ font-size: 14px; color: #fff; }
.footer .foot .footr dd{ font-size: 26px; color: #fff; line-height: 40px; padding-left: 25px;}
.footer .foot .footr dd:nth-child(2){ background: url(../images/footico2.png) left center no-repeat;}
.footer .line{ width: 100%; height: 1px; background: #4674b0;margin: 20px ;}
.footer .copy{ font-size: 14px; color: #fff;}
.footer .copy .copy1{ float: left;}
.footer .copy .copy1 p{ font-size: 14px; color: #fff; line-height: 26px;}
.footer .copy .copy2{ float: right;}
.footer .copy a{ font-size: 14px; color: #fff;}
.footer .copy a:hover{color: #023c76;}

/* page_banner */
.Pagebanner{width: 100%; position: relative; height: 300px; overflow: hidden;}
.Pagebanner .black-15{position: absolute; top: 0px;left: 0px; z-index: 1; width: 100%; height: 100%;opacity: 0.2; background: url(../images/grid_bg.png) top left repeat;}
.Pagebanner>.container{position: relative;}
.Pagebanner img{position: absolute; left: 50%; margin-left: -960px; max-width: none;}
.Pagebanner .box{position: absolute; left:0;}
.Pagebanner .xc_b_h3{font-size: 38px;font-weight: bold;color: #fff; position: relative; z-index: 99; text-align: center; margin-top: 80px;}
.Pagebanner .xc_b_h3::before{position: absolute; content: ''; width: 60px; height: 4px; background: #fff; bottom: -20px; left: 50%; margin-left: -30px;}
.Pagebanner p{ font-size: 15px; color: #fff; text-align: center; margin-top: 40px; position: relative;z-index: 9;}


.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 40px;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: #115fad;transition: all .3s;}
.PageNav .NavList li:hover:before{ width:80%;left:10%;background-color:#115fad;}
.PageNav .NavList li:hover a{ color: #115fad; }
.PageNav .NavList li.select:before{ position: absolute; content: ''; left: 10%; bottom: 0px; width: 80%; height: 3px; background-color:#115fad;}
.PageNav .NavList li.select a{ color: #115fad;}
.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: 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: 16px;color: #555;}

.PageCon{ width: 100%; position: relative; padding: 60px 0;}
.PageCon .con{ font-size: 15px; line-height: 30px; color: #666; }
.PageCon .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 #115fad 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: #115fad; color: #fff;}

/* PageHuo */
.PageHuo{ width: 100%; position: relative; padding: 60px 0; background: #f8f8f8;}
.PageHuo .HuoList{ position: relative;}
.PageHuo .HuoList .item{ width: 15%; margin-right: 2%; float: left; webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.PageHuo .HuoList .item .Img{}
.PageHuo .HuoList .item:nth-child(6n){ margin-right: 0;}
.PageHuo .HuoList .item:hover .Img{box-shadow:-4px 2px 10px 1px rgba(0,0,0,0.1);}
.PageHuo .HuoList .item p{font-size: 16px; line-height: 50px; color: #333; text-align: center;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageHuo .HuoList .item:hover p{ color: #115fad;}

.PageNav .catT{ float: left; line-height: 70px; font-size: 20px; color: #115fad; font-weight: bold;}
.PagePro{ width: 100%; position: relative; padding: 60px 0; background: #f8f8f8;}
.PagePro .catList{ margin-top: 40px;}
.PagePro .catList .item{width:24%; float:left; margin-right:1.3%; padding-bottom:134px; position:relative; transition:all 0.5s ease; margin-bottom:35px;}
.PagePro .catList .item:nth-child(4n){ margin-right: 0;}
.PagePro .catList .item .rect-1061:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:opacity .2s ease;}
.PagePro .catList .item .intro{background:#fff; text-align:center; position:absolute; left:0; width:100%; bottom:0;}
.PagePro .catList .item .intro .box{padding:32px 20px 28px;}
.PagePro .catList .item .intro .box .tit{padding-bottom:10px;font-size: 20px; line-height: 30px;color: #666; font-weight: bold;}
.PagePro .catList .item .intro .box .con{height:0; overflow:hidden; transition:all 0.5s ease; text-align:left;}
.PagePro .catList .item .intro .box .con a{display:block; float:left; width:100%; line-height:30px; font-size:15px; color:#333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PagePro .catList .item .intro .box .intro_more{margin-top:15px}
.PagePro .catList .item .intro .box .intro_more a{margin-right:13px; display:inline-block; font-size:14px; position:relative; color:#666;}
.PagePro .catList .item .intro .box .intro_more a:before{content:''; display:block; position:absolute; left:0; bottom: -6px; width:0px; height:1px; background:#666; transition:all 0.5s ease;}
.PagePro .catList .item .intro .box .intro_more a:after{content:''; width:10px; height:10px; background:url(../images/proCen02_3.png) no-repeat center; position:absolute; right:-15px; top:50%; margin-top:-5px}
.PagePro .catList .item .li_line{width:0; height:5px; background:#115fad; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.PagePro .catList .item .intro .box .tit a:hover{color:#666;}
.PagePro .catList .item .intro .box .con a:hover{color:#115fad;}
.PagePro .catList .item:hover .intro .box .con{height:135px;}
.PagePro .catList .item:hover .li_line{width:100%;}
.PagePro .catList .item:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
.PagePro .catList .item:hover .rect-1061:after{opacity:1; visibility:visible;}
.PagePro .catList .item .intro .box .intro_more a:hover:before{width:100%;}
.PagePro .content{padding: 40px; background: #fff; box-shadow:-4px 2px 10px 1px rgba(0,0,0,0.1);}
.PagePro .content .tit{font-size: 24px;font-weight: bold;color: #333;line-height: 1.5; margin-bottom: 10px;}
.PagePro .content .list li{float:left; width:auto; margin-right:2%; font-size:16px; color:#fff; line-height:40px; position:relative; padding-left:3%; cursor:pointer;}
.PagePro .content .list li a{color: #333;}
.PagePro .content .list li i{display:block; width:18px; height:18px; background:url(../images/pro_list_dot.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-9px;}
.PagePro .content .list li.select i{background:url(../images/pro_list_dot1.png) no-repeat center;}
.PagePro .content .list li.select a,.PagePro .content .list li:hover a{color: #115fad;}
.PagePro .mwrap{ margin-top: 40px;}
.PagePro .mwrap .item{width: 23.5%; background: #fff; margin-right: 2%; float: left; margin-bottom: 15px; position: relative;}
.PagePro .mwrap .item a{ display: block; }
.PagePro .mwrap .item:nth-child(4n){ margin-right: 0;}
.PagePro .mwrap .item:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.PagePro .mwrap .item .Ti{ width: 100%; height: 50px;line-height: 55px; 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 .mwrap .item .line{ width:0; height:5px; background:#115fad; position: relative; left:0; bottom:0; transition:all 0.5s ease;}
.PagePro .mwrap .item:hover .line{width:100%;}

.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 img{ border-color:#115fad;  }
.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 #eee solid; }
.PagePro .Pagepr .floatr .titmd{padding:20px 0; font-size: 15px; color: #666; line-height: 1.8; border-bottom: 1px #eee solid;}
.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: 30px; 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:#115fad;}
.PagePro .Pagepr .floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#115fad; 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: #115fad;}
.PagePro .Pagepr .floatr .btn{padding-left:0; box-shadow:none; margin-top:30px;}
.PagePro .Pagepr .floatr .btn .icon{width:28px; height:23px; background:url(../images/proDetail01.png) no-repeat left; display:inline-block; position:relative; top:5px; margin-right:10px;}
.PagePro .Pagepr .floatr .btn>a{display:inline-block; background:#facd00; transition:.3s ease; font-size:18px; color:#4f4f4f; font-weight:bold; line-height:33px; padding:10px 25px;}
.PagePro .Pagepr .floatr .btn>a.order:hover{background:#fabc00;}
.PagePro .Pagepr .floatr .btn .tel .icon{background-position:-28px 0;}
.PagePro .Pagepr .floatr .btn .tel{ background:#115fad; color:#fff;}
.PagePro .Pagepr .floatr .btn .tel:hover{background:#038dcc;}

.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;}

.PagePro .slideTxtBox{ position: relative;  margin:30px auto 0;}
.PagePro .slideTxtBox .hd{ width: 100%; border-bottom: 4px #eee solid;}
.PagePro .slideTxtBox .hd li{ width: 140px; height: 45px; text-align: center; font-size: 17px; font-weight: bold; color: #333; float: left; line-height: 45px; cursor: pointer;}
.PagePro .slideTxtBox .hd li.on{ background: #115fad; color:#fff;}
.PagePro .slideTxtBox .bd{ margin: 20px auto 0;}
.PagePro .slideTxtBox .bd .itme{ position: relative;}
.PagePro .slideTxtBox .bd .itme p{ font-size: 15px; line-height: 32px;}
.PagePro .slideTxtBox .bd .itme img{max-width:100%;}
.PagePro .slideTxtBox .bd .itme table{border-collapse:collapse;width:100%;}
.PagePro .slideTxtBox .bd .itme table tr{ font-size: 16px; color: #444;  background: #d4e6f2;}
.PagePro .slideTxtBox .bd .itme table tr:nth-child(2n){ background: #fff;}
.PagePro .slideTxtBox .bd .itme table,th,td{border: 1px solid black;text-align: center; font-size: 15px;}

/*  产品留言弹窗 */
.theme-mask{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none;}
.popover_job{ width:50%; z-index:9999; position:fixed; top:50%;left:50%; background:#fff; margin:-300px 0 0 -25%;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.popover_job dd{ font-size: 24px; font-weight: bold; margin-top:20px; color: #000;}
.close{ position:absolute; right:20px; top:20px; cursor:pointer;}
.popup_form{ padding: 40px;}
.popup_form .title{ line-height:40px; color:#aaa; font-size:14px; border-bottom:1px solid #eee; margin-bottom:20px;}
.popup_form .inp_box{float:left; width:48%; margin-right:4%; margin-bottom: 2%;  position:relative;}
.popup_form .inp_box:nth-child(2n){ margin-right: 0;}
.popup_form .inp_box .type{font-size:14px; color:#353333; margin-bottom:5px; text-align: left;}
.popup_form .inp_box .input_area{width:100%; height:40px; line-height:40px; border:1px solid #cccccc; border-radius:0; padding:0 2%;}
.popup_form .inp_box:nth-child(4){ width: 100%;}
.popup_form .inp_box:nth-child(4) .input_area{height:80px; line-height:40px;}
.popup_form .btn_area{font-size: 13px;color: #454545; float: left;}
.popup_form .form_btn{float: none; display: block; margin: 20px auto 0; background: #0493db;  border: none; outline: none; font-size: 16px;  color: #fff; width: 220px;line-height: 45px;border-radius: 3px; cursor: pointer;}
.popup_form .form_btn:hover{background: #115fad;}



.PageNews{ width: 100%; position: relative; padding: 60px 0; background: #f8f8f8;}
.PageNews .Newsb li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 30px; background: #fff;}
.PageNews .Newsb li:nth-child(2n){ margin-right: 0;}
.PageNews .Newsb li a{ display: block; padding: 30px 4%; position: relative; border: 1px #eee solid;}
.PageNews .Newsb li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #115fad; position: relative; z-index:9;}
.PageNews .Newsb li .news_text{ margin-top: 11px;position: relative; z-index:9;}
.PageNews .Newsb li .news_text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 20%; margin: 0 20px 0 0;}
.PageNews .Newsb li .news_text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageNews .Newsb li .news_fix h3{ color: #232323; font-size: 16px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s;}
.PageNews .Newsb li .news_fix p{ color: #666666; font-size: 15px; line-height: 1.8; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.PageNews .Newsb li a:hover .news_text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews .Newsb li .line-News{width: 0;height: 2px;background: #115fad;  position: absolute;left: 0;bottom: 0;-webkit-transition: width .7s ease-in-out;-moz-transition: width .7s ease-in-out;-ms-transition: width .7s ease-in-out;-o-transition: width .7s ease-in-out;transition: width .7s ease-in-out;}
.PageNews .Newsb li:hover .line-News{width: 100%;}
.PageNews .Newsb li:hover .news_fix h3{ color: #115fad;}
.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold; text-align: center;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:20px 0; border-bottom:dashed 1px #999; text-align: center;}
.pageNewsD{ width:100%; margin:0 auto; font-size:16px; color:#333; line-height:34px; margin-top:20px;}
.pageNewsD p a{font-size: 16px !important; }
.pageNewsD img{ max-width:100%; margin:5px 0;}
.pageNewsD table{border-collapse:collapse;width:100%;}
.pageNewsD table,tr{ font-size: 16px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}
.PageNews .Newslist{ width: 69.91%; }
.PageNews .Newslistbg{ padding: 4%; background: #fff;}
.Newslist01{width: 27.75%;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #115fad; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px 32px;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 .news_hot .infor .con .detailBoxs{ width: 100%; position: relative;}
.Newslist01 .news_hot .owl-dots{position: absolute;left: 50%;margin-left: -39px;bottom: 160px;}
.Newslist01 .news_hot .owl-dots .owl-dot{width: 12px;height: 12px;border-radius: 50%;border:1px solid #f8f9fc;float: left;margin-right: 12px;}
.Newslist01 .pages1{ width:100%; padding:35px 5%; margin: 0; background: #fff;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #115fad; 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:#115fad;}
.Newslist01 .pages1_r{ float:left; width:100%; }
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #115fad; 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:#115fad;}

.contentUs{ width: 100%; position: relative; background:#fff;}
#allmap{width: 50%; height: 330px; float: left;}
.conList{ width:50%; padding:35px 4%; float: left; font-size: 16px; line-height: 35px;}
.conList h2{ font-size: 24px;color: #000; margin-bottom: 20px; font-weight: bold;}
.PageCon .infor{text-align:center; color:#666;}
.PageCon .infor .tit{font-size:36px; line-height:40px; font-weight:bold; color: #333;}
.PageCon .infor .con{font-size:16px; margin:15px 0 30px;}


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

.pages{ margin: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 15px;}
.pages .page-active {background:#115fad; border:1px solid #115fad; text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#115fad; border:1px solid #115fad; 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 15px;}



/* 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: #115fad;

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