@charset "utf-8";
@font-face {
    font-family: "font";
    src: ; /* ie9 */
    src: local("font"),  format("embedded-opentype"), /* ie6-ie8 */
     format("woff"), /* chrome, firefox */
     format("truetype"), /* chrome, firefox, opera, safari, android, ios 4.2  */
     format("svg"); /* ios 4.1- */
    font-style: normal;
    font-weight: normal;
}

html {font-size: 187.5% !important;  }
body{padding: 0;margin: 0;font-family: 'pingfangsc-regular','microsoft yahei';font-size:0.55rem ;color: #2e2e2e;background: #fff;-webkit-font-smoothing: antialiased;}
html,body{scroll-behavior:smooth;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #2e2e2e;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'pingfangsc-regular','microsoft yahei';font-size: 1.2rem;color: #2e2e2e;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'pingfangsc-regular','microsoft yahei';font-size: 1.2rem;color: #2e2e2e;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'pingfangsc-regular','microsoft yahei';font-size: 1.2rem;color: #2e2e2e;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*ie6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}
/*常用宽度*/
img,em,i,span{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
*:focus{outline: none;}
/*动画*/
.ani400{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; }
.ani300{-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; }
.bgcover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgcontain{background-position: center;background-repeat: no-repeat;background-size: contain;}
.fontf{font-family: "robotoregular";}
/*文字截断*/
.txtovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.txtovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.txtovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.txtovehid-five{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.block{display: block;}
.pohiiden{position: relative;overflow: hidden;}
::-webkit-input-placeholder {color: #999;  }
/* 手机导航按钮 */
.menuline{display: none;width: 25px;float: right;margin-left: 10px;}
.menuline span{display: block;width: 100%;height: 2px;background: #049743;border-radius: 2px;animation: navbtn 2s infinite ease;}
.menuline span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;}
.menuline span:nth-child(3){animation-delay: 1.0s;}
@keyframes navbtn{
  50%{width: 60%;}
  100%{width: 100%;}
}
.padding60{padding: 60px 0;}
.padding50{padding: 50px 0;}
.padding40{padding: 40px 0;}
.padding30{padding: 30px 0;}

body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    scrollbar-arrow-color:red;

}
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
    scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
/* flex布局 */
.wrappadding{padding: 0 3%;}
.disflex{display: flex;}
.flexcenter{display: flex;justify-content: center;align-items: center;}
.flexbetween{display: flex;justify-content: space-between;align-items: center;}
/* 翻页 */
.page{text-align: center;padding: 0.5rem 0 1.3rem;color: #6f6f6f;}
.page a{text-align: center;width: 1.1rem;height: 1.1rem;line-height: 1.1rem;margin: 0 8px;color:#6f6f6f;background: #fff;font-size: 0.46rem;}
.page a.on,.page a:hover{background: #01007f;color: #fff;}
/* 反白和加粗 */
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.textall{line-height: 2;color: #333;}
/* 头部公用 */
header{padding: 0 3%; position: fixed;top: 0;width: 100%;box-sizing: border-box;z-index: 5;}
header h1{padding: 0.6rem 0;}
header h1 img{filter: brightness(0) invert(1);display: block}
header .serico{position: relative;top: 0.1rem;margin-left: 0.8rem;filter: brightness(0) invert(1);cursor: pointer;}
header .search{position: absolute;right:3% ;top: 50%;opacity: 0;width: 0;padding: 5px 0;margin-top: -15px;z-index: 2;filter: brightness(0) invert(1);width: 0;transition: 0.5s;}
header .search input[type=text]{font-size: 0.45rem;background: none;width: calc(100% - 28px);}
header .search input[type=button]{background:  no-repeat center;width: 18px;height: 18px;}
header .search form{display: flex;}

.menuico{position: absolute;right: 3%;width: 1.2rem;height: 1.2rem;top: 50%;transform: translatey(-50%);display: none;z-index: 3;}
.menuico span{width: 100%;height: 2px;background: #fff;border-radius: 5px;display: block;margin-top: 7px;}
.menuico span:first-child{margin-top: 0;}

.navbox{border-top: 1px solid #e2e2e2;width: 100%;background: #fff;z-index: 4;position: sticky;top: 0;}
.nav-1st{white-space: nowrap;}
.nav-1st > li{position: relative;display: inline-block;vertical-align: top;text-align: center;padding-left: 0.8rem;margin-left: 0.8rem;}
.nav-1st > li.on > a{font-weight: bold;}
.nav-1st > li:hover .f1nav{font-weight: bold;}
.nav-1st > li::before,.navigation-up li:before{content: '';width: 1px;height: 12px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -6px;opacity: 0.65;}
.nav-1st > li:first-child::before,.navigation-up li:first-child::before{display: none;}
.nav-1st > li > a{position: relative;display: block;font-size: 0.55rem;color: rgba(255,255,255,0.8);transition: 0.3s;z-index: 2;padding: 0.6rem 0;}
.nav-1st > li:hover > a,.nav-1st > li.on > a{color:#fff;}
.nav-2nd{display: none;z-index: 2;position: absolute;left: 75%;top: 100%;width: 100%;min-width: 100px;padding: 8px 0;background:#fff;transform: translatex(-50%);font-size: 0.5rem;}
.nav-2nd > li{position: relative;}
.nav-2nd > li > a{position: relative;display: block;line-height: 2.5;text-align: center;color: #87888c;white-space: pre-wrap;font-size: 0.5rem;}
.nav-2nd > li > a:hover{background-color: #01007f;color: #fff;}

/* 手机导航 */
.wapmenu{position: fixed;top: 2.65rem;width: 100%;left: 0;background: #fff;border-top: 1px solid #dedede;z-index: 3;text-align: left;/* opacity: 0;visibility: hidden;transition: 0.5s; */display: none;}
.wapmenu > ul{padding: 1rem 5%;}
.wapmenu > ul > li > a{display: block;font-size: 0.8rem;line-height: 1.8;color: #949494;}
.wapmenu > ul > li ul{padding: 0 5%;font-size: 1rem;display: none;}
.wapmenu > ul > li ul a{line-height: 1.8;display: block;font-size: 0.8rem;color: #949494;}
.menu-1st > li.open .wap2nth{display: block;}

header:hover,.whitebg,header.headfixed,.maincontainer header{background: #fff;}
.maincontainer header{border-bottom: 1px solid #ddd;}
header:hover h1 img,header.headfixed h1 img,header:hover .serico,header.headfixed .serico,.maincontainer header h1 img,.maincontainer header .serico{filter: none;}
header:hover .navigation-up li a,header.headfixed .navigation-up li a,.maincontainer header .navigation-up li a{color: #333;}
header:hover .navigation-up li::before,header.headfixed .navigation-up li::before,.maincontainer header .navigation-up li::before{background: #333;}
header .search.show{max-width: 640px;width: 50%; border-bottom: 1px solid #62656a;opacity:1;}
header .navright.hide{opacity: 0;visibility: hidden;}
header:hover .search,header.headfixed .search{background: #fff;filter: none;}
header:hover .search input[type=text],header.headfixed .search input[type=text],header.headfixed .search input[type=text]::-webkit-input-placeholder,header:hover .search input[type=text]::-webkit-input-placeholder{color: #87888c;}
header:hover .menuico,header.headfixed .menuico,.maincontainer header .menuico span{filter: brightness(0) invert(0.5);}
.hidden{display: none;}
.wapmenu.show{opacity: 1;visibility: inherit;}
/*内容从上至下剪裁显示动效*/
.showingttb{animation: clipttb 1.5s ease-in-out;-webkit-animation: clipttb 1.5s ease-in-out;}
/*导航更改*/
.navigation-up ul{display: -webkit-flex;-webkit-justify-content: space-between;display: flex; }
.navigation-up li{position: relative;text-align: center;padding-left:0.8rem;margin-left:0.8rem;}
.navigation-up li:first-child{margin-left: 0;}
.navigation-up li a{position: relative;font-size: 0.55rem;display:inline-block;z-index: 2;color: rgba(255,255,255,0.8);}
.navigation-up .nav-up-selected ,.navigation-up .nav-up-selected-inpage {font-weight: bold}
.navigation-down{position:absolute;top:2.1rem;left:0px;width:100%;-webkit-box-shadow: inset 0 0 5px #d6d6d6;box-shadow: inset 0 0 5px #d6d6d6;background: #fff;}
.navigation-down .item{display: flex;justify-content: flex-end;padding:0.5rem 0;}
.navigation-down .item a{color: #555}
.navigation-down .item1{padding-right: 402px;}
.navigation-down .item1 a{margin-left: 1rem;display: inline-block;line-height: 1.5;font-size: 0.45rem}
.navigation-down .item3{padding-right: 357px;}
.navigation-down .item a:hover{font-weight: bold;color: #333}
.navigation-down .item2{padding-right: 224px;line-height: 1.5}
.navigation-down .item2 a{font-size: 0.45rem;width: 100px;display: block;float: left}
.navigation-down .item2 dl{width: 300px}
.navigation-down .item dt{line-height: 1.5;padding-bottom: 10px}
@keyframes clipttb{
	0%{clip-path: polygon(0 0,0 0,100% 0,100% 0);opacity: 0;}
	100%{clip-path: polygon(0 0,0 100%,100% 100%,100% 0);opacity: 1;}
}
@-webkit-keyframes clipttb{
	0%{-webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0);opacity: 0;}
	100%{-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);opacity: 1;}
}
.boxshodow{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.minheight300{min-height: 300px;}
.textcenter{text-align: center;}
.sectiontitle{padding: 1rem 3%;}
.sectiontitle .title {font-weight: bold;color: #1f1a17;}
.sectiontitle .title *{transition: 0.5s;}
.sectiontitle .title .cn{font-size: 0.93rem;}
.sectiontitle .title .en{font-size: 0.65rem;text-transform: uppercase;}
.sectiontitle .more a{text-transform: uppercase;color: #1f1a17;font-size: 0.65rem;position: relative;}
.sectiontitle .more a::after{content: '';position: absolute;right: 0;top: 50%;margin-top: -0.5rem;;width: 1rem;height: 1rem;background: url(/uploads/image/ptspaimages/more.svg) right center no-repeat;opacity: 0;transition: 0.5s;}
.sectiontitle .more a:hover{padding-right: 1rem;}
.sectiontitle .more a:hover::after{opacity: 1;}
.sectiontitle .title .en:hover,.sectiontitle .title .cn:hover{opacity: 0.7;}
/* footer */
footer{position: relative;background: #eeeff5;padding: 1.1rem 3% 0.9rem}
/* footer::before{content: '';background: rgba(0,0,0,0.03);position: absolute;left: 0;top: 0;height: 100%;}
 */
.foottop{border-bottom: 1px solid rgba(135,136,140,0.3);padding-bottom: 1.3rem;}
.foottop ul {margin-top: 0.6rem;}
.foottop ul li{position: relative;padding: 0 0.7rem;}
.foottop ul li a{color: #62656a;}
.foottop ul li:first-child,.foottop .right .wrap a:first-child{padding-left: 0;}
.foottop ul li::before,.foottop .right .wrap a::before{width: 1px;height: 12px ;content: '';background: #8b8f95;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.foottop ul li:first-child::before{width: 0;}
.foottop .right .title{color: #5c5b64;font-size: 0.65rem;font-weight: 500;margin-bottom: 0.7rem;}
.foottop .right .wrap a{color: #5c5b64;font-size: 0.55rem;position: relative;padding: 0 0.7rem;}
.foottop .right .wrap a:first-child::before{display: none;}
.foottop .right .wrap a:last-child{padding-right: 0;}
.foottop .right .wrap a:hover{color: #1c1d24;}
.footbottom{padding: 0.7rem 0 0;color: #87888c;}
.footbottom .icon a{margin-left: 0.7rem;position: relative;}
.footbottom .icon a i > img{width: 32px;height: 32px;}
.footbottom .icon a span{width: 120px;height: 120px;display: none;position: absolute;left: -50px;bottom: 50px;}
.footbottom .icon a span img{width: 100%;}
.footbottom .icon a:hover span {display: block;}
.footbottom .icon a:hover i{opacity: 0.7;}
/* 内页location 和 header*/
.locationtitle{padding-top: 2.5rem;}
.locationtitle .tabs a{margin-left: 1rem;display: inline-block;}
.locationtitle .tabs a.active{color: #1c1d24;font-weight: bold;}
@media screen and (max-width:1440px){
	.w1440{width: 90%;}
	.fz28{font-size: 26px;}	
	.sectiontitle .title .cn{font-size: 0.8rem;}
	.sectiontitle .title .en,.sectiontitle .more a{font-size: 0.5rem;}
	.navigation-down .item1{padding-right:385px;}
	.navigation-down .item2{padding-right:210px;}
	.navigation-down .item3{padding-right: 338px;}
}
@media screen and (max-width:1200px){
	 html {font-size: 160% !important;}
	.navigation-down .item1{padding-right:330px;}
	.navigation-down .item2{padding-right:132px;}
	.navigation-down .item3{padding-right:219px;}
}
@media screen and (max-width:1024px){
	.page a {width: 6rem;height: 2rem;line-height: 2rem;border: 1px solid #dddddd;}
}
@media screen and (max-width:991px){
	 html {font-size: 140% !important;   }
	.padding60,.padding75{padding: 30px 0;}
	.padding40{padding: 20px 0;}
	.padding30{padding: 15px 0;}
	.navigation-down .item1{padding-right:277px;}
	.navigation-down .item2{padding-right:180px;}
	.navigation-down .item3{padding-right:188px;}
	.litswrap .recommendednews li:nth-child(3){display:none;}
}
@media screen and (max-width:765px){
	.menuline{display: inline-block;}
	.padding25{padding: 15px !important;}
	.disflex,.flexbetween,.flexcenter{flex-wrap: wrap;}
	html {     font-size: 120% !important;  }
	header .serico img{height: 15px;width: 15px;}
	.nav-1st,.navigation-up{display: none;}
	header .serico{margin-right: 3rem;top: 0.1rem;}
	.menuico{display: block;width: 1.5rem;}
	.foottop ul li,.foottop .right .wrap a,header .search input[type=text]{font-size: 0.9rem;}
	.copyright{font-size: 0.8rem;}
	.wapmenu > ul > li ul a{font-size: 0.9rem;}
	.wapmenu > ul > li > a{font-size: 1rem;}
	.sectiontitle .title .en,.sectiontitle .title .cn,.foottop .right .title{font-size: 1rem;}
	.foottop .right .title{margin-top: 1rem;}
	.locationtitle{padding-top: 3.25rem;}
	header .search{right: 2.5rem;}
	header .search.show{width: 43%;}
}
@media only screen and (max-width: 640px){
	 html {font-size: 90% !important;  }
	 .sectiontitle .more a{font-size: 1.1rem;}
	 .sectiontitle .title .cn{font-size: 1.2rem;}
	 .sectiontitle .title .en{font-size: 1rem;}
	 .foottop{text-align: center;justify-content: center;}
	 .foottop .right .title{font-size: 0.9rem;margin-top: 1rem;}
	 .footbottom{text-align: center;}
	 .footbottom .icon{width: 100%;margin-top: 0.5rem;}
	 .menuico span{margin-top: 5px;}
	 .locationtitle{padding-top: 3.5rem;}
	 .foottop .left,.foottop .right{width: 100%;text-align: center;}
	 .foottop ul{justify-content: center;}
	 .wapmenu{top: 3.25rem;}
	 .ani400 .flexbetween img{height: 20px;}
	 .foottop .left h2{display: none;}
	 .locationtitle .tabs a{font-size: 1rem;}
}