@charset "utf-8"; 
/*banner*/ 
 
.bgbanner{ position:fixed; z-index:1; left:0; right:0;top:0; bottom:0;}
.bgbanner .slick-list,.bgbanner .slick-list .slick-track{ height:100%}
.bgbanner .item{ height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}

.video{ position:fixed; z-index:1; left:0; right:0;top:0; bottom:0;opacity:1;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s;}
.video.none{opacity:0;}
.video video{ width:100%; height:100%;    object-fit: cover;}

.lang{ position:fixed; z-index:4; right:42px;top:41px; font-size:16px;}
.lang a{ font-size:16px; opacity:.5; margin-left:5px}
.lang .on{ font-size:24px; color:#fff; opacity:1}

.main{width:780px; margin:0 auto; position:relative; z-index:2; padding-bottom:75px}
.index01{ height:100vh; display:table; width:100%; position:relative}
.index01 .logo{ display:table-cell; vertical-align:middle; text-align:center}
.index01 .logo img{ width:380px; display:block; margin:0 auto;  }

.info{ position:fixed; z-index:4;  font-size:16px; left:40px; bottom:30px;}
.info li{ float:left; margin-right:16px;position:relative}
.info li a{ display:block; opacity:.5; }
.info li a:hover{ opacity:1}
.info li img{ width:40px}
.info li .sub{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;visibility:hidden; opacity:0; position:absolute; z-index:2; width:230px; left:-20px;   bottom:50px; padding:20px; background:rgba(0,0,0,.5); text-align:center; border-radius:10px;}
.info li:hover .sub{ visibility:visible; opacity:1}
/*.info li .sub:after{ content:""; display:block;width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color:#fff ; position:absolute; z-index:2; left:50%; margin-left:-10px; bottom:-20px;}*/
.info li .sub img{ width:100%} 
.info li .sub p{ font-size:13px; margin-top:5px}
 

.index01{ margin-bottom:497px}
.index01 .nav{ position:absolute; z-index:2; left:0; right:0; bottom:23px}

.index02{margin-bottom:520px;}
.boxs{ background:rgba(0,0,0,.4);  padding:60px 70px; margin-bottom:80px}
.plo{ margin-bottom:95px}
.plo h3{ font-size:64px; text-align:center; font-weight:normal}
.contect .plo{ margin-bottom:25px}
.contect .tis{ text-align:center}

.hotnew{ margin-bottom:80px}
.hotnew li{ margin-bottom:25px}
.hotnew li h3{ font-size:28px; font-weight:normal; line-height:1.2}
.hotnew li a{ display:block; padding-left:30px; padding-right:50px; position:relative; opacity:1}
.hotnew li a:before{ content:""; display:block; width:6px; height:6px; position:absolute; z-index:2; left:0;top:15px; background-color:#fff; border-radius:50%}
.hotnew li a:after{ content:""; display:block; width:17px; height:15px; position:absolute; z-index:2;right:0;top:50%; margin-top:-7.5px; background:url(../images/ico-arrow.png) no-repeat center; border-radius:50%}
.hotnew li a:hover{ opacity:.6}

 
.index02 .list li{ margin-bottom:25px}
.index02 .list li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; font-size:16px;line-height:1.4; opacity:1}
.index02 .list li a:hover{ opacity:.6}
.index02 .list li .date{ flex:0 0 130px;}
.index02 .list li h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; font-weight:normal; min-width:0; font-size:16px }

.index02 .lists{ margin-top:50px; display:none}
.index02 .lists.block{ display:block}

.listmore{ text-align:center; margin-top:40px}
.listmore a{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;display:inline-block; padding:0 10px; height:34px; line-height:34px; background-color:#fff; color:#333; font-size:14px; cursor:pointer; opacity:1}
.listmore a:hover{ opacity:.4}

.index03{margin-bottom:520px;}
.index03 .img{ margin-bottom:75px; text-align:center}
.index03 .img img{ max-width:100%}

.index03 .bd .title{ text-align:center; margin-bottom:24px}
.index03 .bd .title h3{ font-size:28px; font-weight:normal}
.index03 .bd .title .eng{ font-size:12px;}
.index03 .bd .conn{ line-height:1.8; overflow:hidden}
.index03 .bd .conn img{ max-width:100%; height:auto !important}
.index03 .imgs{ float:left; width:100%}
.index03 .imgbox{ margin-top:50px}
.index03 .imgbox img{ display:block; width:100%}
.index03 .imgbox02{ width:61%; float:left}
.index03 .imgbox03{ width:39%; float:right}
.index03 .pitems{ position:relative}
.index03 .imgbox04{ position:absolute; z-index:2; left:0; bottom:0; width:80.1%}

.index03 .imgbox06{ width:45.6%; }
.index03 .imgbox07{ width:54.4%; }
.index03 .imgbox08{ width:54.4%; }

.index03 .ds{ margin-top:60px; text-align:center}
.index03 .ds i{ display:inline-block; vertical-align:middle; width:3px; height:3px; background-color:#fff; margin:0 4px; border-radius:50%}
.index03 .years{ text-align:center; margin-top:120px}
.index03 .years span,.index03 .years i{ display:inline-block; vertical-align:top; margin:0 -5px}
.index03 .years i:after,.index03 .years i:before{ content:""; display:block; width:188px; height:1px; background-color:#fff; margin-bottom:3px}
.index03 .years span:before{ content:""; display:block; width:4px; height:4px; background-color:#fff; margin:0 auto; margin-bottom:10px; border-radius:50%}
.index03 .tis{ margin-top:75px; font-size:20px; text-align:center; font-weight:lighter}

.index04{margin-bottom:520px;}
.index04 .boxs{ padding-bottom:108px}
.index04 .img{ margin-bottom:52px;}
.index04 .img img{ display:block; width:90%; margin:0 auto}
.index04 .bd .conn{ line-height:1.8; overflow:hidden}
.index04 .bd .conn img{ max-width:100%; height:auto !important}
.index04 .plo{ margin-bottom:50px}

.index05{margin-bottom:520px;}
.index05 .boxs{ padding-bottom:90px}
.index05 .ulnav{ text-align:center; margin-top:85px}
.index05 .ulnav li{ display:inline-block; vertical-align:top; }
.index05 .ulnav li a{ display:block; opacity:1; padding:30px 0; width:123px; border:1px solid rgba(255,255,255,0)}
.index05 .ulnav li a:hover{ background-color:rgba(0,0,0,.8); border:1px solid rgba(255,255,255,.5)}
.index05 .ulnav li .ico{ margin-bottom:10px}

.index06{margin-bottom:520px;}
.index06 .bd{ margin-bottom:60px}
.index06 .bdlist .sub{ display:none; padding:10px 30px; line-height:2; padding-bottom:25px}
.index06 .bdlist .sub h3{ font-size:20px; margin-bottom:10px;}
.index06 .bdlist .title{ padding:15px 0; padding-left:70px; position:relative; cursor:pointer}
.index06 .bdlist .title:before{ content:""; display:block; width:15px; height:15px; border-right:4px solid #fff; border-bottom:4px solid #fff; position:absolute; z-index:3; left:0;top:50%; margin-top:-7.5px;transform:rotate(-45deg);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index06 .bdlist .on .title:before{transform:rotate(45deg); margin-top:-11px}
.index06 .bdlist .title h3{ font-size:22px; font-weight:normal}
.index06 .bdlist li{ border-bottom:1px solid rgba(255,255,255,.5)}
.index06 .bdlist li:nth-child(1){border-top:1px solid rgba(255,255,255,.5)}

.contect{ margin-top:60px}
.contect .plo h3{ font-size:48px}

.contect .bd{ text-align:center}
.contect .bd .l1{ font-size:22px; margin-bottom:15px} 
.contect .bd .l2 a{ font-size:20px;}
.contect .bd .l2 span{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:relative; display:inline-block; vertical-align:middle; width:40px; height:40px; background-image:url(../images/ico-capy.png); background-position:center; background-repeat:no-repeat; background-size:60%; margin-left:10px; background-color:rgba(255,255,255,0); border-radius:5px; cursor:pointer}
.contect .bd .l2 span i{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; visibility:hidden; opacity:0; display:block; background-color:#000; position:absolute; z-index:3;white-space: nowrap; padding:10px; border-radius:5px; font-size:14px;top:40px; left:50%; margin-left:-52px;}
.contect .bd .l2:hover a{ opacity:.6}
.contect .bd .l2:hover span{background-color:rgba(255,255,255,.2); }
.contect .bd .l2 span:hover i{ opacity:1; visibility:visible}

.index07{ margin-bottom:190px}
.index07 .plo{ margin-bottom:45px}
.index07 .boxs{ padding-top:40px}
 

.nbanner{ height:540px; background-repeat:no-repeat; background-position:center; background-size:cover; padding-top:240px; background-color:#eee}
.pagetitle{ text-align:center; font-size:48px}
.pagedate{ text-align:center; font-size:16px}

.gohome{ position:fixed;top:41px; z-index:99; left:60px;}
.gohome a{ font-size:24px}
.gohome a:hover{ opacity:.6}
.gohome a:before{ content:""; display:inline-block; width:20px; height:18px; vertical-align:middle; margin-right:25px; background:url(../images/ico-arrowleft.png) no-repeat center}

.newstop .gohome,.newstop .lang{ position:absolute}

.pagebox{ padding-top:80px; color:#343A43}
.pagebox a{ color:#06F; text-decoration:underline}
.pagebox .preface{ background-color: #F0F5FF; color:rgba(52, 58, 67, 0.7) ; padding:24px; margin-bottom:88px;}
.pagebox .preface .t{font-size: 32px; color: #343A43; padding-left:32px; font-weight:700}
.pagebox .conn{ overflow:hidden}
.pagebox .conn img{ max-width:100%; height:auto !important;}
.pagebox .conn .t{ font-size:32px; line-height:50px; height:50px; border-left:16px solid #343A43; padding-left:35px}

.theend{ text-align:center; font-size:32px; color:rgba(52, 58, 67, 0.4); padding-top:30px; padding-bottom:150px; border-top:1px solid rgba(0, 0, 0, 0.2); margin-top:120px;}

.librarybox{ position:relative; background:url(../images/librarybg.jpg) no-repeat center top; background-attachment:fixed; min-height:100vh; background-size:cover; color:#343A43; padding-top:350px; padding-bottom:50px}
.librarybox a{ color:#343A43}
.librarybox .gohome a:before{    background: url(../images/ico-arrowlefth.png) no-repeat center;}
.librarybox .lang .on{ color:#060606}
/*.librarybox .gohome,.librarybox .lang{ position:absolute}*/
.leftnav li li a:hover{ color:#999; text-decoration:underline}
.leftnav li .alink:hover{ color:#999}
.leftnav li.on .alink{ color:#343A43}

.leftnav{ position:absolute; z-index:2; left:0;top:350px; width:240px}
.leftnav li .on a{ color:#999; text-decoration:none !important}

.leftnav li{ margin-bottom:5px} 
.leftnav li .alink{ padding-left:60px; font-size:24px; display:block; position:relative;margin-bottom:10px}
.leftnav li .alink i{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;content:""; display:block; width:12px; height:20px; background:url(../images/ico-arrowbot.png) no-repeat center; position:absolute; z-index:2; left:25px;top:13px}
.leftnav li.on .alink i {transform:rotate(90deg);}
.leftnav li li{ padding-left:60px; margin-bottom:3px}
.leftnav li.on{ background-color:#fff}
.leftnav ul ul{ padding-bottom:10px; display:none}
.leftnav li.on ul{ display:block !important}
.leftnav>ul{ position:relative;top:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.leftnav .navFix{ position:fixed; z-index:99; left:0;top:150px; width:240px}
 

.librarypage{ width:1300px; max-width:100%; margin:0 auto; padding:88px 120px; background-color:#fff}

.page01{ margin-bottom:90px}
.page01 .hd{ margin-bottom:44px;padding-bottom:20px; border-bottom:1px solid #e1e1e1}
.page01 .hd .title{ font-size:48px; line-height:1.1; margin-bottom:20px}
.page01 .hd .eng{ font-size:24px; font-weight:700; margin-top:-10px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.page01 .hd .eng:hover{ opacity:.6}

.catalogue{border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom:1px solid rgba(0, 0, 0, 0.3);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding:12px 0; margin-bottom:88px}
.catalogue .hd{  width:170px;flex:0 0 170px; font-size:36px; font-weight:700; text-align:center; padding:0 10px; border-right:1px solid rgba(0, 0, 0, 0.3); -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-right:95px;  }
.catalogue .hd span{ display:inline-block; position:relative;top:50%; transform:translateY(-50%)}
.catalogue .bd{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; }
.catalogue .bd ul{ float:left; margin-right:24px; min-width:220px;border-right:1px solid rgba(0, 0, 0, 0.08);}
.catalogue .bd ul:last-child{ border-right:none}
.catalogue .bd ul li{ margin:10px 0}
.catalogue .bd ul a{ display:block; font-size:20px;}
.catalogue .bd ul a:hover{ color:#999; text-decoration:underline}

.librarypage .pageitem{ margin-bottom:88px}
.librarypage .itemhd{ margin-bottom:24px}
.librarypage .ts{ font-size:32px; line-height:50px;   border-left:16px solid #343A43; padding-left:35px}
.librarypage .conn{ overflow:hidden}
.librarypage .conn em{ font-style:italic}
.librarypage .conn img{ max-width:100%; height:auto !important;} 
.librarypage .conn a{ text-decoration:underline; display:inline-block}
.librarypage .conn a:hover{ opacity:.6}

.bottomnav{ text-align:center; padding-top:68px; border-top:1px solid rgba(0, 0, 0, 0.1);}
.bottomnav li{ vertical-align:middle; display:inline-block; position:relative;padding:0 20px;}
.bottomnav li:after{ content:""; display:block; width:5px; height:5px; background-color:#000; border-radius:50%; position:absolute; z-index:2; right:-2.5px;top:50%; margin-top:-2.5px}
.bottomnav li:last-child:after{ display:none}
.bottomnav li a{ font-size:24px;  display:block;  }
.bottomnav li a:hover{ color:#999; text-decoration:underline}
.bottomnav li.on a{ color:#999; text-decoration:none}

.librarybox .gototop{ position:fixed; z-index:99; right:40px; bottom:40px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.librarybox .gototop:hover{ opacity:.6}
.librarybox .gototop span:before{    background: url(../images/ico-gotoph.png) no-repeat center; background-size: auto 100%;}


.ul-w2{ overflow:hidden}
.ul-w2 li{ width:49%; float:left;}
.ul-w2 li:nth-child(even){ float:right}

.empty{ text-align:center; text-align:center}

.index03 .videobox{ margin-top:50px;}
.index03 .videobox video{ width:100%; display:block}
@media(max-width:1800px) {
.librarybox{ padding-left:250px; padding-right:250px}	
	
}