body { padding:0px; width:100%; color:#444; font-family:"微软雅黑"; margin:0 auto; }
div,form,ul,ol,li,dl,dt,dd,em,i,h1,h2,h3,h4,h5,input,textarea,button,p{margin:0;padding:0; font-weight:normal; list-style: none; font-family:"微软雅黑";}
img{ border:0px;vertical-align:top; }

input, select, textarea,button{border:none;outline:none;background:none;font-size:14px;-webkit-appearance:none;-moz-appearance:textfield;width:100%;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;-webkit-transition:color.5s;}
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder{color:#ccc;-webkit-transition:color.5s;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,textarea::-webkit-outer-spin-button,textarea::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0;}

a:link{color:#444; text-decoration:none;}
a:visited{color:#444; text-decoration:none;}
a:hover{color:#0b98f8; text-decoration:none;}

.wd1200{width:1200px;margin:auto;font-size:12px;}
.topnav{display:flex;align-items: center;justify-content: space-between;padding:10px 0;}
.logo{width:200px;height:100px;background: url("../images/logo.jpg") no-repeat left center;}

.navbox{background-color: #0b98f8; color:#fff;height:60px;}
nav {display: flex;justify-content:space-between;position: relative;z-index: 2;margin:auto;width:1200px;font-size:16px;}
nav .menu-item {transform-style: preserve-3d;flex-grow: 1; display: flex;box-sizing: border-box;justify-content: center;perspective: 200px;}
nav .menu-text, nav .menu-text a {text-decoration: none;transition: color 0.1s ease-out;text-align: center;font-size:16px;color:#fff;line-height:60px;}
nav .menu-text a:hover {color: rgba(255,255,255,0.9);}

.menu-item .sub-menu {position: absolute;top:60px;color: #fff;border-radius:0 0 10px 10px; width:120px;z-index: 999;clip-path: inset(0 10em 10em 15em); opacity: 0; background-color:#3db0fe;transition: all 0.25s ease-out, opacity 0.25s ease-in, margin-left 0.25s ease-out, clip-path 0.15s ease-out;}
.menu-item:hover .sub-menu {pointer-events: all;clip-path: inset(0 0 0 0);opacity: 1;margin-left: 0;}
.icon-box{line-height:50px;text-align: center}
.icon-box a{color:#fff;display: block;font-size:14px;}

.search{flex:1;padding:0 100px;}
.search form{display:flex;}
.search input{width:350px;height:40px;line-height:40px;border:1px solid #3074cf;border-radius:40px 0 0 40px;padding:0 10px 0 20px;}
.search button{width:100px;height:42px;line-height:42px;background-color:#3074cf;border:1px solid #3074cf;border-radius:0 40px 40px 0;color:#fff;font-size:16px;font-weight:700;}
.login{display:flex;align-items: center;}
.login img{border-radius:100%;margin-right:15px;}

.error{padding:30px 18px 100px; font-size:18px;color:#f30;}

.pubtxt{text-align: center;padding:40px 0 20px;font-size:16px;line-height:40px;position:relative;color:#777;}
.pubtxt:before {content:"";position:absolute;top:70px;background-image:linear-gradient(to left, #36a1fc, #fff);left:80px;right:63%;height:2px;border-radius:2px;}
.pubtxt:after {content:"";position:absolute;top:70px;background-image:linear-gradient(to right, #36a1fc, #fff);left:63%;right:80px;height:2px;border-radius:2px;}
.pubtxt h2{font-size:32px;color:#333;}

.photobox {padding:0 0 50px;}
.swPhoto img{border-radius:10px;}

.tbubox{display: flex;justify-content: space-between;}
.tbubox a{display: block;position: relative;}
.tbubox a img{border-radius:8px;}
.tbubox a h4{background-color: rgba(0,0,0,0.5);color:#fff;position: absolute;text-align: center;width: 100%;font-size:16px;line-height:35px;bottom:0;border-radius:0 0 8px 8px;}

.freebox{display: flex;justify-content: space-between;}
.fritem{width:380px;}
.fritem h3{border-radius:8px 8px 0 0;text-align: center;color: #fff;line-height:50px;font-size:18px;font-weight: 700}
.free1{background-color: #0b98f8;}
.free2{background-color: #1c6ca1}
.free3{background-color: #f60;}

.frlist{border:1px solid #e9e9e9; border-top:none;border-radius:0 0 8px 8px;padding:15px;display: flex;flex-wrap: wrap;}
.frlist p{width:50%;padding:10px 0;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.newbox{display: flex;justify-content: space-between;padding-bottom:50px;}
.nsleft{width:700px;display:flex;align-items: center}
.nstext{line-height:25px;font-size:14px;color:#777;}
.nstext h4{font-size:21px;font-weight:700;padding-bottom:10px;color:#555}
.nstext a{display: block;width:130px;text-align: center;line-height:35px;background-color:#f60; color:#fff;border-radius:35px;margin-top:20px;}

.nsright{width:450px;display: flex;flex-direction: column;justify-content: space-between;}
.nsright a{display: flex;align-items: center;font-size:14px;}
.nsright a h4{font-size:16px;padding-bottom:5px;font-weight:700;}
.nsright a p{color:#777;}
.nsright .date{background-color:#ccc;color: #fff;margin-right:15px;text-align: center;border-radius:5px;padding:10px 15px;font-size:10px;}
.nsright .date h2{font-size:21px;}

.position{display:flex;justify-content:space-between;align-items: center;padding:30px 15px 20px; line-height:30px;color:#999;font-size:14px;}
.position .cname{font-size:25px;color:#333}
.position span{padding:0 5px;}

.zxleft{padding:5px 15px 30px;width:800px;border-right:1px solid #e9e9e9;display: flex;flex-direction: column;}
.zxleft a{display: flex;align-items: center;font-size:14px;padding:15px 0}
.zxleft a h4{font-size:16px;padding-bottom:5px;font-weight:700;}
.zxleft a p{color:#777;}
.zxleft .date{background-color:#ccc;color: #fff;margin-right:15px;text-align: center;border-radius:5px;padding:10px 15px;font-size:10px;}
.zxleft .date h2{font-size:21px;}

.clist{background-color:#0b98f8;line-height:35px;padding:8px 15px;border-radius:8px;display: flex;flex-wrap: wrap;}
.clist a{padding:0 25px;margin:5px;color:#fff;font-size:18px;}
.clist a.aon{background-color:#fff;color:#f30;border-radius:35px;}

.cmain{display: flex;}
.smlist{width:120px;padding:20px 15px 30px 0;font-size:16px;box-sizing: border-box;line-height:40px;border-right:1px solid #e9e9e9;margin-right:10px;}
.smlist a{display: block;border-radius:8px;padding:5px 0;text-align: center}
.smlist .smon{background-color:#f30;color:#fff;}
.dtmain{flex:1;}
.dtlist{padding:15px 0 30px 15px;font-size:16px;display: flex;flex-wrap: wrap;box-sizing: border-box;}
.dtlist div{width:25%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding:15px 15px 15px 0;}

.dmain{display:flex;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding:20px 0;}
.mleft{padding:20px 15px 30px;width:800px;border-right:1px solid #e9e9e9;}
.dtitle{font-size:28px;text-align: center;}
.dvideo{width:705px;height:395px;margin:auto;padding:30px 0;}

.dnews{padding:30px 30px 50px;}
.dnews img{max-width:100%;}

.dsubmit{margin:10px auto 30px;width:300px;display: flex;border-radius:35px;border:1px solid #e9e9e9;background-color:#f9f9f9;}
.dsubmit div{flex:1;text-align:center;line-height:35px;font-size:14px;color:#777;cursor: pointer;}
.dsubmit div:first-child{border-right:1px solid #e9e9e9;}
.dsubmit div span{color:#333;}

.dnext{display: flex;align-items: center;border-top:1px solid #e9e9e9;padding:20px 0 10px;}
.dnext div{flex:1;font-size:16px;color:#777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.mother{padding-left:30px;width:348px;}
.rtitle{font-weight:700;font-size:18px;border-bottom:1px solid #e9e9e9;padding:10px;}
.rtlist{padding:10px;line-height:35px;}
.rtlist p{font-size:16px;color:#777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* foot */
.foot{ width:100%; overflow:hidden; min-width:1200px; background:#646464; }
.foot a{ color:#fff; font-size:12px;}
.foot a:hover{ color:#0b98f8;}

.foot .divc{ width:1200px; overflow:hidden; padding:50px 0px 40px 0px;margin: auto;}
.foot .divc dt{ width:200px; height:60px; overflow:hidden; float:left; font-size:22px; font-weight:bold; color:#fff;}
.foot .divc dd{ width:1000px; overflow:hidden; float:left; font-size:12px; color:#FFF; line-height:30px;}
.foot .divc dd a{ font-size:12px; color:#fff; margin-right:30px;}
.foot .divc dd a:hover{ color:#0b98f8;}
.foot .diva{ width:1200px; overflow:hidden; padding:40px 0px; border-top:#6a6969 solid 1px;margin: auto;}
.foot .diva .sdiva{ width:500px; overflow:hidden; float:left; font-size:12px; line-height:30px; color:#fff; }
.foot .diva .sdivb{ width:420px; overflow:hidden; float:left; margin-left:50px; }
.foot .diva .sdivb dl{ width:420px; overflow:hidden; float:left; margin-bottom:30px;}
.foot .diva .sdivb dl dt{ width:385px; overflow:hidden; float:left; font-size:14px; color:#FFF; padding-left:35px; padding-bottom:6px; }
.foot .diva .sdivb dl dd{ width:420px;height:30px; overflow:hidden; float:left; }
.foot .diva .sdivb dl dd h2{ height:30px; overflow:hidden; float:left; margin-right:10px; font-size:14px; }
.foot .diva .sdivb dl dd h3{ height:30px; overflow:hidden; float:left; font-size:28px; color:#FFF; font-family:Arial; }

.foot .diva .sdivc{ width:400px; overflow:hidden; float:left; padding-top:40px; }
.foot .diva .sdivc dt{ width:240px; overflow:hidden; float:left; font-size:14px; color:#FFF; padding-left:35px; padding-bottom:6px; }
.foot .diva .sdivc dd{ width:400px;height:30px; overflow:hidden; float:left; }
.foot .diva .sdivc dd h2{ height:30px; overflow:hidden; float:left; margin-right:10px; font-size:14px; }
.foot .diva .sdivc dd h3{ height:30px; overflow:hidden; float:left; font-size:28px; color:#FFF; font-family:Arial; }

.foot .diva .sdivd{ width:100px; overflow:hidden; float:right; }
.foot .diva .sdivd dt{ width:100px; overflow:hidden; float:left; }
.foot .diva .sdivd dt img{ width:100px; height:100px; overflow:hidden; float:left; }
.foot .diva .sdivd dd { width:100px; overflow:hidden; float:left; font-size:12px; color:#fff; padding-top:10px; text-align:center; }
/* foot */