@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot');
  src: url('../fonts/fontello.eot') format('embedded-opentype'),
       url('../fonts/fontello.woff2') format('woff2'),
       url('../fonts/fontello.woff') format('woff'),
       url('../fonts/fontello.ttf') format('truetype'),
       url('../fonts/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.svg') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-tags:before { content: '\e800'; } /* '' */
.icon-calendar:before { content: '\e801'; } /* '' */
.icon-search:before { content: '\e802'; } /* '' */
.icon-up-open:before { content: '\e803'; } /* '' */
.icon-qrcode:before { content: '\e805'; } /* '' */
.icon-list-alt:before { content: '\e806'; } /* '' */
.icon-share:before { content: '\e808'; } /* '' */
.icon-right-open-mini:before { content: '\e80b'; } /* '' */
.icon-home:before { content: '\e811'; } /* '' */
.icon-eye:before { content: '\e812'; } /* '' */
.icon-wechat:before { content: '\e814'; } /* '' */
.icon-menu:before { content: '\e816'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-commenting-o:before { content: '\f27b'; } /* '' */
.icon-user-circle-o:before { content: '\f2be'; } /* '' */
@charset 'utf-8';* 
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:break-word;box-sizing:border-box;}
ol,ul {list-style-type:none;}
img {width:100%;display:block;border:0;vertical-align:middle;}
body,button,input,select,textarea {font:14px/25px "微软雅黑";color:#151515;}
input,select,textarea {font-size:100%;outline:0;}
button {cursor:pointer;outline:0;}
a {text-decoration:none;color:inherit;outline:0;_color:#333;}
a:hover {text-decoration:none; color:red;-webkit-transition: all .3s linear;
transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;
-o-transition: all .3s linear;}
a:focus {outline:0;}
::selection {color:#fff;background:#328EFE;text-shadow:none;}
::-moz-selection {color:#fff;background:#328EFE;text-shadow:none;}
input::-ms-clear {display:none;}
input[type=password]::-ms-reveal {display:none;}
body {background:#fff;padding-top:0;}
.clearFix:after {content:"";display:block;clear:both;visibility:hidden;height:0;}
@media only screen and (min-width:1200px) {
.channel{width:100%;height:40px; top:0;position:fixed;background: #4f5182;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); z-index:99}
.head {width:100%;height:65px;border-bottom:4px solid #f0f0f0;}
.headbox {max-width:1200px;margin:0 auto;}
.logo {width:200px;float:left; margin-top:5px;}
.sjj_nav {mafloat:left;}
.sjj_nav ul li {float:left;text-align:center;margin-left:25px;}
.sjj_nav ul li a {float:left;display:block;font-size:16px;line-height:60px;}
.sjj_nav ul li .on,.sjj_nav ul li a:hover {color:#0633aa;font-weight:bold;}
.mz_nav{float: left;}
.mz_nav ul li{display:inline-block;float: left;margin-left:40px; line-height:39px;}
.mz_nav ul li a{color:#fff;}
.mz_nav ul li .active{color:red}
.sp_nav{ display: none;}
.ctt-main-search{float:left; margin-left:40px;line-height:39px; color:#fff;}	
.mztop{float:right;line-height:39px;}
.mztop .shang{float:left;margin-right:15px;position: relative;}	
.mztop .shang .icon-hot{position: absolute;left: -35px;top:0px; animation: myfirst-hot 2s infinite; font-size:16px; color:red}
.mztop .special{float: left;margin-right:15px;}
.mztop span{display:block;overflow: hidden; width: 117px;height: 30px;background: #eee;margin-top: 5px;border-radius: 3px;float:right;}
.mztop span a{font-size: 14px;color:#000;width: 50%;text-align: center;float: left;height: 12px;line-height: 12px;margin-top:9px;cursor: pointer; border-left:1px solid #000;}
.mztop span:hover{ background:#666}
}
/*搜索模块*/
.ctt-portal-sel {position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(255,255,255,0.98);z-index:11111;display:none;}
.ctt-portal-sel .portal-boxn {margin:0 auto;max-width:770px;height:100%;display:flex;padding-bottom:100px;align-items:center;}
.ctt-portal-sel .portal-topn {margin-top:50px;position:relative;}
.ctt-portal-sel .portal-topn img {float:left;width:126px;}
.ctt-portal-sel .portal-topn a {font-size:40px;float:right;color:#666;user-select:none;position:absolute;right:0px;top:0px;}
.ctt-portal-sel .portal-how {padding-top:20px;}
.ctt-portal-sel .portal-how .portal-input {height:47px;max-width:788px;margin:0 auto;font-size:20px;background:#E9E9E9;padding:0 10px;border-radius:4px;}
.ctt-portal-sel .portal-how .portal-input input {background:#E9E9E9;height:47px;max-width:580px;float:left;line-height:35px;}
.ctt-portal-sel .portal-how .portal-input button{width:25px;height:25px; border-radius:50%; background:red;  float:right;position:relative;top:10px;font-size:16px; color:#fff; line-height:25px;}
.ctt-portal-sel .portal-content {display:flex;padding-top:20px;}
.ctt-portal-sel .portal-content .portal-contit span {float:left;font-size:18px;color:#666;}
.ctt-portal-sel .portal-content .portal-contit em {font-size:16px;float:right;position:relative;cursor:pointer;color:#999;}
.ctt-portal-sel .portal-content .portal-contleft {flex:1;}
.ctt-portal-sel .portal-content .portal-fwbigs {overflow:auto;max-height:270px;margin:15px 10px 0 0;}
.ctt-portal-sel .portal-content .portal-fwbigs::-webkit-scrollbar {width:4px;}
.ctt-portal-sel .portal-content .portal-fwbigs::-webkit-scrollbar-thumb {background-color:#ccc;border-radius:4px;}
.ctt-portal-sel .portal-content .portal-confwbox {display:flex;margin:0px 0 20px 0;}
.ctt-portal-sel .portal-content .portal-confwbox .fwpicb {width:60px;height:60px;margin-right:10px;}
.ctt-portal-sel .portal-content .portal-confwbox .fwpicb img {width:100%;height:100%;}
.ctt-portal-sel .portal-content .portal-confwbox .fwpictex {flex:1;padding-right:10px;}
.ctt-portal-sel .portal-content .portal-confwbox .fwpictex h2 {color:#666;line-height:18px;height:36px;}
.ctt-portal-sel .portal-content .portal-confwbox .fwpictex p {font-size:12px;}
.ctt-portal-sel .portal-content .portal-confwbox .fwpictex p span {float:left;color:#999;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ctt-portal-sel .portal-content .portal-confwbox .fwpictex p em {color:#f66;float:right;}
.ctt-portal-sel .portal-content .portal-histary {margin:10px auto;}
.ctt-portal-sel .portal-content .portal-histary a {float:left;padding:0 9px;line-height:22px;background:#E9E9E9;border-radius:2px;margin:0 20px 10px 0;}
.ctt-portal-sel .portal-content .portal-histary a:hover {color:red;}
.ctt-portal-sel .portal-content .portal-contright {width:170px;border-left:1px solid #E9E9E9;padding-left:20px;}
.ctt-portal-sel .portal-content .portal-contright ul {margin-top:5px;overflow:auto;max-height:350px;}
.ctt-portal-sel .portal-content .portal-contright ul::-webkit-scrollbar {width:4px;}
.ctt-portal-sel .portal-content .portal-contright ul::-webkit-scrollbar-thumb {background-color:#ccc;border-radius:4px;}
.ctt-portal-sel .portal-content .portal-contright ul li {color:#666;line-height:18px;padding:7px 0;position:relative;text-align:justify;}
.ctt-portal-sel .portal-content .portal-contright ul li a:hover {color:red;}
.ctt-portal-sel .portal-content .portal-contright ul li em {position:absolute;right:0;bottom:9px;line-height:12px;padding:0 2px;cursor:pointer;z-index:1;display:none;}
.ctt-portal-sel .portal-content .portal-contright ul li:hover em {display:block;}

@media(max-width:1200px) {
.mztop{display: none;}
.channel{width:100%;height:40px;overflow: hidden;position:absolute;background:#4f5182;top:0;left:0;z-index:999; border-bottom:1px solid #eee;}
.logo{width:100px;overflow: hidden;margin:0 auto; margin-top:8px;}
.ctt-main-search{ width:40px; position: absolute; top:0; left:12px;}
.ctt-main-search i{font-size:24px;line-height:40px;color:#fff;}
.ctt-main-search issnput{display: none!important;}	
.sp_nav {width:20px;position:absolute;cursor:pointer;right:12px;top:12px;z-index: 999}
.sp_nav span {display:block;background:#fff;width:20px;height:2px;position:absolute;left:0;transition:all ease 0.5s}
.sp_nav span:nth-of-type(1) {top:0px}
.sp_nav span:nth-of-type(2) {top:6px}
.sp_nav span:nth-of-type(3) {top:12px}
.sp_nav_se span:nth-of-type(1) {top:6px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2) {width:0}
.sp_nav_se span:nth-of-type(3) {top:6px;transform:rotate(-45deg)}
.mz_nav {position:fixed;width:100%;height:calc(100% - 40px);top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.5s;background: #f9f9f9;z-index:1; padding:10px 20px;}
.nav_show {top:40px;}
.mz_nav a{padding:0 8px; line-height:30px;font-size:16px;float:left;border:1px solid #eee; margin-top:10px; margin-right:10px;}
.mz_nav .active{background: red;color:#fff;}
.mz_nav .on{color:red;background:#fff!important;}
.ctt-portal-sel {padding:0 30px}
.ctt-portal-sel .portal-topn {margin-top:0;}
}




@keyframes myfirst-hot {
0% {transform: translate(0px, 0px);}
50% {transform: translate(0px, -5px);}
100%{transform: translate(0px, 0px);}
}
.scaleBig {-webkit-transition: all 1s;transition: all 1s;}
.scaleBig:hover {-webkit-transform: scale(1.12);transform: scale(1.12);}
.main{width:1200px;margin:0 auto;overflow: hidden;}
.list{width:875px;float:left;}
.title {width:720px;float:left;margin-top:20px;margin-left:125px;}
.title h1{font-size: 36px;color: #000;line-height: 1.4; font-weight:bold;}
.cytext {width:100px;top:80px;position:absolute;}
.cytext .cytime{width:100%;position:relative;float:left;}
.cytext .cytime span{display: block;width:100%;float:left;margin-top:20px; border-top:1px solid #E7EFFF;}
.cytext .cytime em{display: block;position:absolute;float:left; left:25px;top:8px;width:50px;font-size:16px;color: #8790A4;text-align: center;background: #fff;}
.cytext .cytime i{display: block;width:100%;float:left; text-align: center; margin-top:20px;font-size:17.5px;color: #666;}
.cytext .cywriter{display: block;width:100%;float:left; margin-top:30px;}
.cytext .cywriter span{display: block;overflow: hidden;float:left;width:30px; height:30px; margin:0 auto; border-radius:50%; margin-left:35px;}
.cytext .cywriter span img{ height:110%; width:110%; border-radius:50%;}
.cytext .cywriter a{display: block; white-space:nowrap;text-overflow: ellipsis;overflow: hidden;width:100%;float:left;font-size: 16px;text-align: center;}
.cytext .cysource{display: block;width:100%;float:left; text-align:center; margin-bottom:10px;}
.cytext .cysource a{height:18px; overflow: hidden; font-size: 12px;border: 1px solid #0C95FF;color: #0C95FF;border-radius: 9px 0 9px 0;
padding: 0 5px; line-height:18px;}
.cytext .cyshare{display: block;width:80%;float:left; margin-top:20px; margin-left:20px; line-height:20px; margin-bottom:10px;}
.cytext .cyshare img{ width:50px!important;}
.cytext .cyyuedu{width:100%;position:relative;float:left;text-align: center;}
.cytext .cyyuedu span{display: block;width:100%;float:left;margin-top:20px; border-top:1px solid #E7EFFF;}
.cytext .cyyuedu em{display: block;position:absolute;float:left; left:5px;top:8px;width:90px;font-size:16px;color: #8790A4;text-align: center;background: #fff;}
.cytext .cyyuedu p{display: block;width:100%;float:left; margin-top:20px;font-size:16px;}
.cytext .cyyuedu i{padding-right:5px;}

.article{width:750px;margin-left:125px;}
.guidereading {width:100%;float: left; background: #f8f8f8;padding: 10px 15px;margin-top:25px;color: #999;}
.textcontent {width:100%;display:block;overflow:hidden;float:left;line-height:30px;font-size: 16px;}
.textcontent p {line-height:30px;margin-top:20px;font-size: 16px;}
.textcontent img {width:inherit;max-width:100%;margin: 0 auto !important; border-radius:4px;}
.textcontent table{text-align: center; margin: 0 auto;}
.textcontent table p{margin-top:0;}
.textcontent td{border:1px solid #eee; padding:5px;}
.commissioningeditor{width:100%;float: left;font-size: 12px;padding: 10px 15px;color: #999;border: 1px solid #e0e0e0;border-radius: 2px;line-height: 1.5;position: relative;margin-top:10px;}
.keyword {width:100%;overflow:hidden;float:left;margin-top:10px;}
.keyword a {font-size: 14px;line-height: 26px;float: left;margin: 0 10px 10px 0;
padding: 0 13px;color: #999;border: 1px solid #e0e0e0;border-radius: 2px;font-weight: 400;}
.keyword a:hover{ color:#000;border: 1px solid #000;}
.baidu{float:right;border: 1px solid #e0e0e0; padding:0 5px; border-radius:4px;}
.textpage{width:100%;overflow:hidden;float:left;margin-top:10px;background: #f9f9f9;padding:5px;}
.textpage ul li{width:50%;float:left;padding:10px; border:1px solid #f2f2f2;line-height: 22px;display: -webkit-box; height:60px;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
@media only screen and (max-width:640px) {
.textpage ul li{width:100%;}
}

.item{width: 100%;float: left;position:relative; margin-top:10px; margin-bottom:50px;}
.item .item-1{width:100%;float:left;padding:10px; margin-bottom:10px; border-radius: 5px;}
.item .item-1:hover{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);}
.item .item-1 .img{display: block;width:156px;height:109px;float: left;overflow: hidden;margin-right:15px;border-radius: 5px; position: relative;}
.item .item-1 .img span{position: absolute;left: 5px;top: 5px;color: #e0e0e0;font-size: 12px;padding:0 10px;background: rgba(0, 0, 0, 0.6); line-height:25px;}
.item .item-1 .img img{border-radius: 5px;height:100%;}
.item .item-1 .mztit{font-size:18px;line-height:25px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-weight: bold; margin-top:25px;}
.item .item-1 p{line-height: 1.4;max-height: 1.4em;display: block;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:1;color: #999; margin-top:10px;}
.item .item-1 span{ margin-top:8px;}
.item .item-1 span i{padding-right:5px;font-size: 12px;color: #666;}
.item .item-1 span em{padding-right:10px;font-size: 12px;color: #666;}
.item .item-1 span a{padding-right:10px;font-size: 12px;color: #666;}
.item .item-1 span .lanmu{padding-right:10px;color:#666;font-size: 12px;}
.item .item-1 .spanl{float:left;}
.item .item-1 .spanr{float:right;}
.item .item-1 .spanr i{font-size:16px;padding-right:10px;}
	
/*右边*/
.cyright{width:300px;float:right;}
.mztitle{width:100%;float: left;overflow: hidden;position: relative;margin-top:30px;}
.mztitle span{font-size:20px;color: #000; font-weight: bold;line-height:1;}
.mztitle a{font-size:16px;position: absolute;top:0;right: 0;color: #999;}

.mz1{width:100%;float: left; overflow: hidden; margin-top:10px; position: relative; border-radius:4px;}
.mz1 span{display:block;height:35px;background-image: linear-gradient(rgba(0,0,0,0) 0,rgba(15,15,23,.74) 71%,#000 100%);position:absolute;bottom:0;width: 100%;left: 0;color: #fff;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;padding: 5px 15px 0;z-index:1;}
.mz1 i{font-size: 16px;line-height: 18px;position: absolute;z-index: 2;top: 0;left: 0;padding: 0 8px;color: #fff;
background: rgba(0,0,0,.6);}
.mz2{width:100%;overflow: hidden; float: left;background: #fff; margin-bottom:100px;}
.mz2 ul li{width:100%;overflow: hidden; float: left; margin-top:20px; position: relative;}
.mz2 ul li .mz2-1{width:100px;height:72px;overflow: hidden;float: left;display:block;background:#eee;margin-right:10px;border-radius:4px;}
.mz2 ul li .mz2-1 img{min-height:72px;}
.mz2 ul li .mz2-2{font-size:14px;font-weight: 400;line-height: 20px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight:bold}
.mz2 ul li .mz2-2:hover{color:red}
.mz2 ul li p{font-size: 12px;color: #999;}
.mz2 .p2{position: absolute; left:5px; top:5px; width:25px; z-index:1;}
.mz2 span{font-size: 16px;line-height: 18px;position: absolute;z-index: 2;top: 0;left: 0;padding: 0 8px;color: #fff;
background: rgba(0,0,0,.6);}

@media only screen and (max-width:1200px) {
.disappear{display:none}
.main{width:100%;float: left;}
.title {width:100%;float:left;margin-top:20px;margin-left:0;}
.title h1{font-size:20px;}	
.list{width:100%;float: left;margin:0;padding:0 10px;}
.article{width:100%;float: left;margin:0;padding:0;}	
.item .item-1{padding:20px 10px;}
.item .item-1 .img{width:100px;height:70px;float:right; margin-right:0; margin-left:5px;}
.item .item-1 .mztit{margin-top:5px;font-size:18px;letter-spacing: 3px;line-height:22px;height:44px;}
.item .item-1 p{display: none;}	
.item .item-1 span{margin-top:5px;}
.item .item-1 .spanr{display: none;}
.keyword {width:100%;overflow:hidden;float:left;}
.baidu{float:inherit;position: relative; left:50%;margin-left:-75px;}
}
.footer {width: 100%;background:#2c3137;overflow:hidden;}
.footer .footerbox1 {max-width:1200px;overflow:hidden;margin:0 auto;text-align:center;color:#666;padding-bottom:15px;font-size:12px;}
.footer .footerbox1 a {color:#666;}
.footer .footerbox1 ul {margin-right:-5px;overflow:hidden;padding-top:15px;}
.footer .footerbox1 ul li{display:inline-block;border-right:1px solid #2c3137;height:15px;line-height:15px;padding:0 10px;}
/*置顶*/
#loutinav {position: fixed;bottom: 100px;right:50%; margin-right:-680px; display:none;}
#loutinav ul li.last {width:40px;height:40px;background: #030100;color: #fff;text-align: center;line-height:40px;border-radius:4px;opacity:.5;cursor: pointer;}
#loutinav ul li.last:hover{ background:red;}
@media only screen and (max-width:1200px){
.footer{background:#f4f4f7;}
#loutinav {bottom:100px;right:20px;margin-right:0;}
}