@charset "utf-8";
/* CSS Document */
.comment{ width: 1200px; position: relative; margin: 0 auto; overflow: hidden; clear: both; font-size: 14px;}
.bj_bg{ background: transparent; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; }
.Min .tit {  width:100%;  overflow:hidden;  }
.Min .tit h3 {  width:230px;  height:35px;  line-height:35px;  float:left;  font-size:30px;  color:#009FF0;  text-indent:10px;  font-weight:bolder;  border-bottom:2px solid #009FF0;  overflow:hidden;  }
.Min .tit .more {  width:760px;  height:35px;  padding-right:10px;  line-height:35px;  float:left;  border-bottom:2px solid #bbb;  overflow:hidden;  text-align:right;  font-size:12px;  }
.Min{ margin-bottom:20px; clear: both; overflow: hidden;}

/*标题1*/
.hd_title{ height: 30px; line-height: 30px; width: 100%; border-bottom: 2px solid #009FF0; height: 50px; line-height: 50px; width: 100%; border-color:#358ff0;}
.hd_title span{ float: left; max-width: 200px; overflow: hidden; height: 100%; display: block; font-size: 20px; color: #313131; }
.hd_title span{ float: left; max-width: 200px;  height: 100%; display: block; font-size: 20px; color: #313131; position: relative; font-weight: bold; color: #009FF0; }
.hd_title .c-tab { padding-left: 30px; float: left; height: 50px; margin-bottom: -2px; position: relative; }
.hd_title  .c-tab li { float: left; padding: 0 15px; height: 50px; cursor: pointer; margin-right: 15px; font-size: 16px; color: #565656; position: relative; }
/* .hd_title  .c-tab .on a{ color: #009FF0; } */
.hd_title  .more{ width: 50px; text-align: right; float: right; display: block; font-size: 16px; color: #999}
.hd_title  a:hover{color: #009FF0; text-decoration: none}
.m-r-title {  font-size: 22px;  line-height: 30px;  height: 30px;  overflow: hidden;  padding-left: 28px;  letter-spacing: 2px;  font-weight: bold;  color: #333;  background: url(../images/nt-index2018.png) no-repeat -264px -114px;  margin-top:20px;  }
.m-r-title span {  color: #009FF0;  font-size: 22px;  }


/*合集*/
.hj_box { width: 100%; padding-top: 20px; }
.hj_box .hj_title{ height: 25px; line-height: 25px;padding-bottom: 10px}
.hj_box .hj_title span{ font-size: 20px; font-weight: bold; max-width: 300px; display: block; float: left;}
.hj_box .hj_title  .more{ width: 50px; text-align: right; float: right; display: block; font-size: 16px; color: #999}
.hj_box .hj_title  .more:hover{color: #009FF0; text-decoration: none}
.hj_box .warp_hj{ width: 100%; overflow: hidden; height: 140px;}
.hj_box .warp_hj .bd{ width: 100%;}
.hj_box .warp_hj .bd ul{white-space: nowrap; width: 100%; height:140px;}
.hj_box .warp_hj .bd ul li{ width:277px; height: 140px; overflow: hidden; border-radius: 8px; margin-right: 25px; display: inline-block}
.hj_box .warp_hj .bd ul li a,.hj_box .warp_hj .bd ul li a img{ display: block; width: 100%; height: 100%;-webkit-transition: .2s linear;  -moz-transition: .2s linear;  transition: .2s linear;}
.hj_box .warp_hj .bd ul li a:hover img{-webkit-transform: scale(1.05);  -moz-transform: scale(1.05);  transform: scale(1.05);}



.MinA{width: 100%;font-size: 14px;padding-top: 25px;overflow:  hidden;clear:  both;}
.MinA .g-top-dome{ overflow:hidden; position:relative;margin:0px 15px 12px;border-bottom: 1px dashed #e2e2e2;}
.MinA .g-top-dome b{display: block;top: 15px;position: absolute;font-family: serif;height: 125px;width: 30px;line-height: 125px;font-size: 30px;font-weight: bold;color: #999;text-align: center;background: #e6e6e6;cursor: pointer;position: absolute;}
.MinA .g-top-dome b:hover{ color:#FF4939;}
.MinA .g-top-dome b.g-scroll-left{ left:0;}
.MinA .g-top-dome b.g-scroll-right{ right:0;}
.MinA .g-top-dome ul li{ background:#f1f1f1; float:left; width:100px; height:125px;margin-left:10px;text-align: center;overflow: hidden; cursor:pointer;border-radius: 2px;}
.MinA .g-top-dome li img {width: 80px;height: 80px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin: 10px 0 5px 0;}
.MinA .g-top-dome li strong{display:block;color: #666;width: 80px;text-align: center;overflow: hidden;height: 20px; font-weight:normal;margin: 0px auto; line-height:20px;}
.MinA .g-top-dome ul li:hover strong{ color:#FF4939; text-decoration: none;}
.MinA .g-top-dome ul li:hover a{ text-decoration: none;}
.MinA .g-top-dome .g-domelist{ overflow:hidden; margin:15px auto; height:125px;width: 1110px;}
.MinA p.g-font-list{line-height:28px;height:28px;overflow: hidden;padding: 0px 15px 2px;margin-bottom: 10px;}
.MinA p.g-font-list b {font-size: 18px; font-weight:normal;color: #444; float:left; width:56px; display: inline;background: url(../images/nt-index2018.png) 40px 7px no-repeat;}
.MinA p.g-font-list span a {padding: 0 12px;border-right: 1px solid #ddd;color: #444;}
.MinA p.g-font-list span a:hover{color:#FF4939; text-decoration: none;}
.MinA .g-font-list span a:last-of-type{border: medium none;}

.MinB{ height: 524px; overflow: hidden;}
#main1_l{position: relative;height:398px;width:420px; overflow:hidden;}
#main1_l .bd{position: relative}
#main1_l .main1_l_bar_box{width: 100%;height:314px;position: relative;overflow: hidden;}
#main1_l .main1_l_bar{width: 10000px}
#main1_l .main1_l_bar li{float: left;width:420px;height:314px}
#main1_l .main1_l_bar li a{width: 100%;height: 100%;display: block}
#main1_l .main1_l_bar li img{width:420px; height:314px;}
#main1_l .main1_l_bar li p{position: absolute;bottom: 0;left: 0;z-index: 1;width:430px;height:117px; text-align:center; background:url(../images/new_lc.png) no-repeat 0 -168px; overflow:hidden;}
#main1_l .main1_l_bar li p span{ display:inline-block; max-width:95%; color:#fff; font-size:16px; height:22px; line-height:22px; margin-top:78px; overflow:hidden;}
#main1_l .ft{position: absolute;left: 0;bottom:0px;z-index: 1;width:420px;height:84px}
#main1_l .change{position: absolute;left:4px;bottom:0px;height:80px; width:430px; background:#fff;}
#main1_l .change a{float: left;width:104px;height:84px;cursor: pointer;position:relative;}
#main1_l .change a img{width:100px;height:74px;}
#main1_l .change a .mask { display:none;width:100px;height:74px; position: relative; top:-83px;left:-4px; border:4px solid #009FF0; top:-5px; position:absolute;}
#main1_l .change a .mask em{  width:0; height:0; width: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #009FF0;  display:inline-block; position:absolute; left:50%; top:-9px; margin-left:-6px; }
#main1_l .change a:hover .mask, #main1_l .change a.on .mask { display: block; }
#main1_l .hd{position: absolute;left:5px;bottom:80px;z-index: 2;width:420px;height:22px;text-align:center;}
#main1_l .main1_l_title{overflow: hidden;position: absolute;top: 0;left: 0;height:100%;line-height:22px;font-size:16px; width:100%;}
#main1_l .main1_l_title a{display: none;color: #fff; width:100%;}

.MinB .Min1{ width: 420px;  float: left;}
.MinB .Min1 .ul_box{ width: 100%; overflow: hidden;}
.MinB .Min1 .ul_box .bt_name{height: 42px;  line-height: 42px;  font-size: 18px;  border-bottom: 1px solid #ddd;  font-weight: 400;}
.MinB .Min1 .ul_box ul{ width: 110%;}
.MinB .Min1 .ul_box ul li{width: 205px;  float: left;  margin: 15px 10px 0 0;}
.MinB .Min1 .ul_box ul li .img{ display: block; float: left;width: 68px;  height: 68px;  margin-right: 10px;}
.MinB .Min1 .ul_box ul li .img img{ width:100%; height:100%;}
.MinB .Min1 .ul_box ul li .list{width: 126px;  float: left;  overflow: hidden;}
.MinB .Min1 .ul_box ul li .list .bt{color: #444;font-size: 14px; display: block; width: 100%; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.MinB .Min1 .ul_box ul li .list i{display: block;  color: #999;  height: 22px;  line-height: 22px;  overflow: hidden;}
.MinB .Min1 .ul_box ul li .list a:hover{color:#FD3939; text-decoration: none;}

.MinB .Min2{width: 440px; float: left; height: 100%; margin: 0 30px;}
.MinB .Min2 .bt_ul{ width: 100%;height: 42px;  line-height: 42px;  font-size: 18px;  border-bottom: 1px solid #ddd;  font-weight: 400;}
.MinB .Min2 .bt_ul ul li{ width: 25%; float: left; height: 100%; text-align: center; font-size: 16px; cursor: pointer;}
.MinB .Min2 .bt_ul ul li.on{ border-bottom: 1px solid #009FF0; color: #009FF0; font-weight: bold;}
.MinB .Min2 .list_ul{ width: 100%;overflow: hidden; clear: both;}
.MinB .Min2 .list_ul ul {    padding-top: 7px;}
.MinB .Min2 .list_ul ul li{ height: 35px; line-height: 35px; padding: 6px 0;}
.MinB .Min2 .list_ul ul li i{float: right;width: 70px;height: 100%;display: block;text-align: right;overflow: hidden;}
.MinB .Min2 .list_ul ul li .cname{display: inline;float: left;width: 90px;height: 17px;line-height: 17px;margin: 10px 10px 0 0px;text-align: right;border-right: 1px solid #ddd;overflow: hidden;white-space:  nowrap;}
.MinB .Min2 .list_ul ul li .text{ float: left; height: 100%; display: block; width: 265px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.MinB .Min2 .list_ul ul li .text img{display: inline-block; width: 20px; height: 20px;vertical-align: middle; border-radius: 4px; margin-right: 6px;}
.MinB .Min2 .list_ul ul li .time{ float: right; width: 70px; height: 100%; display: block; overflow: hidden; text-align: right; color: #FD3939;}
.MinB .Min2 .list_ul ul .line{border-top:1px dashed #ddd;margin: 5px 0;}


.MinB .Min3{width:280px;  float: right;  margin-top: 10px;}
.MinB .Min3 .R_title{ color: #333333;  font-weight: bold;  font-size: 20px;  line-height: 28px;  width: 100%;  }
.MinB .Min3 .tuijian{margin-top: 10px;  margin-bottom: 15px; height: 194px; overflow: hidden;}
.MinB .Min3 .tuijian ul li{height: 26px;margin-bottom: 16px;  position: relative;}
.MinB .Min3 .tuijian ul li .name{float: left;  height: 26px;  line-height: 26px;  width: 176px;  font-size: 14px;  padding-left: 38px;  position: relative;  overflow: hidden;}
.MinB .Min3 .tuijian ul li .name img{position: absolute;  display: block;  width: 28px;  height: 28px;  top: -1px;  left: 0;}
.MinB .Min3 .tuijian ul li .soft-download-btn {  width: 64px;  height: 24px;  display: inline-block;  line-height: 24px;  border: 1px solid #bbbbbb;  text-align: center;  border-radius: 3px;  cursor: pointer;  }
.MinB .Min3 .tuijian ul li .soft-download-btn:hover{ color: #fff; background: #009FF0; border-color: #009FF0;}
/* .MinB .Min3  .zt_box{} */
.MinB .Min3  .zt_box .zt_box_warp{ width: 280px; height: 140px; overflow: hidden; position: relative; margin-top: 5px;}
.MinB .Min3  .zt_box .zt_box_warp .bd,.MinB .Min3  .zt_box .zt_box_warp .bd ul li,.MinB .Min3  .zt_box .zt_box_warp .bd ul li a,.MinB .Min3  .zt_box .zt_box_warp .bd ul li a img{ width: 280px; height: 140px; display: block;}
.MinB .Min3  .zt_box .zt_box_warp .bd ul li a p{ height: 30px; width: 100%; position: absolute; left: 0; bottom: 0; color: #fff; overflow: hidden; line-height: 30px; font-size: 13px; }
.MinB .Min3  .zt_box .zt_box_warp .bd ul li{position: relative;}
.MinB .Min3  .zt_box .zt_box_warp .bd ul li a p span{ padding-left: 10px;max-width: 200px; overflow: hidden; display: block; height: 100%;}
.MinB .Min3  .zt_box .zt_box_warp .hd{ position: absolute; right: 10px; height: 10px; bottom: 13px;}
.MinB .Min3  .zt_box .zt_box_warp .hd ul{height: 10px;}
.MinB .Min3  .zt_box .zt_box_warp .hd ul li{ width: 10px; height: 10px; background:#fff; display: inline-block; margin: 0 5px;}
.MinB .Min3  .zt_box .zt_box_warp .hd ul li.on{background: #009FF0;}
.MinB .Min3 .zt_box .lisy{ width: 100%; overflow: hidden;}
.MinB .Min3 .zt_box .lisy ul { width: 102%;}
.MinB .Min3 .zt_box .lisy ul li{ height: 32px; line-height: 32px;  width:48%;  overflow: hidden; float: left; margin-right: 2%;white-space: nowrap }
.MinB .Min3 .zt_box .lisy ul li i{ display: inline-block; width: 4px; height: 4px; background: #686868; border-radius: 50%; vertical-align: middle; margin: -2px 5px 0;}
.MinB .Min3 .zt_box .lisy ul li a{ color: #444;}
.MinB .Min3 .zt_box .lisy ul li a:hover{color: #009FF0}

/*系统相关*/
/* .MinC{} */
.MinC .warp_box{ height: 450px; overflow: hidden;}
.MinC .warp_box{ width: 100%; overflow: hidden; }
.MinC .warp_box .warp_lef{  float: left; width: 1198px;}
.MinC .warp_box .warp_lef > ul{ /*width: 110%;*/ float:left; width:910px;}
.MinC .warp_box .warp_lef ul li{    /*width: 460px;*/  float: left;  padding-top: 20px;}
.MinC .warp_box .warp_lef ul li .img{float: left; display: block;width: 165px;height:127px;border: 1px solid #e9e9e9; overflow: hidden;}
.MinC .warp_box .warp_lef ul li .img img{ width: 100%; height: 100%;-webkit-transition: .2s linear;  -moz-transition: .2s linear;  transition: .2s linear;}
.MinC .warp_box .warp_lef ul li .img:hover img{-webkit-transform: scale(1.05);  -moz-transform: scale(1.05);  transform: scale(1.05);}
.MinC .warp_box .warp_lef ul li  .item-info{float: left;  margin-top: -8px;  margin-left: 20px;  width: 248px;}
.MinC .warp_box .warp_lef ul li  .item-info .item-name{font-weight: normal;  line-height: 32px;  height: 64px;  overflow: hidden;  margin-bottom: 16px;}
.MinC .warp_box .warp_lef ul li .g-star {  position: relative;display: inline-block;  vertical-align: middle; width: 108px;  height: 18px;  background-position:-108px 0;  }
.MinC .warp_box .warp_lef ul li .g-star i{display: block; position: absolute; left: 0; top:0; background: url(../images/ico_xt.png) no-repeat center;  width:20%;  height: 18px;  background-position:0 0; }
.MinC .warp_box .warp_lef ul li .item-desc {  color: #999;  font-size: 12px;margin-top: 20px; height: 17px; line-height: 17px; overflow: hidden; width: 100%; }
.MinC .warp_box .warp_rit{ width: 275px; float: right;}
.MinC .warp_box .warp_rit .m-r-title{ margin-top: 20px;}
/* .MinC .warp_box .warp_rit ul{} */
.m_r_ullist li{padding-top: 16px;  overflow: hidden;  height: 24px;  line-height: 24px;}
.m_r_ullist li i{background: #c7c7c7;  border-radius: 2px;  -webkit-border-radius: 2px;  text-align: center;  color: #fff;  font-size: 14px;  margin-right: 5px;  display: block;  font-style: normal;  width: 20px;  height: 20px;  line-height: 20px;  margin-right: 10px;  margin-top: 2px;  float: left;}
.m_r_ullist li a {  color: #333;  display: block;  width: 245px;  height: 24px;  line-height: 24px;  overflow: hidden;  float: left;  white-space: nowrap;  text-overflow: ellipsis;  }
.m_r_ullist li.one i{background: #ff6b66 !important;}
.m_r_ullist li.two i{background: #ff8652 !important;}
.m_r_ullist li.three i{background: #ffa742 !important;}
.m_r_ullist li a:hover{color: #459fff;display: block}

/*软件下载*/
.MinD{width: 100%;}
.MinD .warp_rj{ width: 100%; overflow:hidden; clear: both; height: 450px;}
.MinD .warp_rj .item_rj{ width: 100%; height: 100%;}
.MinD .warp_rj .item_rj .rj_left{width: 920px; float: left;}
.MinD .warp_rj .item_rj .rj_left ul{ padding-top: 15px;}
.MinD .warp_rj .item_rj .rj_left ul li{    width: 205px;  padding: 0 25px 8px 0px;  height: 220px;  float: left;}
.MinD .warp_rj .item_rj .rj_left ul li span{display: block;  width: 195px;  line-height: 40px;  background-color: #f6f6f6;  text-align: center;  margin-bottom: 5px;  font-size: 16px;  color: #666;}
.MinD .warp_rj .item_rj .rj_left ul li p a{    height: 33px;  line-height: 33px;  display: block;  margin-left: 7px;  overflow: hidden;  color: #666666;}
.MinD .warp_rj .item_rj .rj_left ul li p a img{width: 24px;  height: 24px;  margin-right: 8px;  border-radius: 3px;  vertical-align: middle;}
.MinD .warp_rj .item_rj .rj_left ul li span:hover{background:#00aaff; color:#fff;}
.MinD .warp_rj .item_rj .rj_left ul li p a:hover{color: #459fff;}
.MinD .warp_rj .item_rj .rj_right{ width: 275px; float: right}


/*文章教程*/
.MinF{width: 100%;}
.MinF .news_warp{ width: 100%; overflow:hidden; clear: both; height: 430px;}
.MinF .news_warp .news_lis{ width: 100%;height: 100%;}
.MinF .news_warp .news_lis .news_lef{width: 920px; float: left;}
.MinF .news_warp .news_lis .news_rit{width:275px; float: right;}
.g-article-img{ overflow:hidden; width:300px; float: left;}
.g-article-img li{ width:300px; height:200px; position:relative; overflow:hidden; margin-top:15px;}
.g-article-img li img{ width:300px; height:200px;-webkit-transition: .2s linear;-moz-transition: .2s linear;transition: .2s linear;}
.g-article-img li strong{ position:absolute; bottom:0px; width:280px; padding:0px 10px; font-weight:normal; height:32px; line-height:32px; overflow:hidden; color:#fff; left:0px;}
.g-article-img li a:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.g-article-img li a:hover strong{color: #009FF0;}
.g-article-li{ overflow:hidden; width:580px; margin:20px 20px 0px 20px; float: left;}
.g-article-li a.u-first-title{ overflow:hidden;display: block;padding-bottom: 15px;border-bottom: 1px dotted #ededed;}
.g-article-li a.u-first-title p{text-align: center;margin-top: -3px;margin-bottom: 10px;font-weight: 700;font-size: 18px; color:#333;}
.g-article-li a.u-first-title span{color: #999;font-size: 12px;line-height: 22px;height: 44px; display:block;overflow: hidden;}
.g-article-li a.u-first-title:hover p{ color:#009FF0}
.g-article-li li{line-height: 24px;height: 24px;overflow: hidden;margin-top:11px;}
.g-article-li li span{ float:right;color: #999;}
.g-article-li li i{ display:block; float:left; width:5px; height:5px; background:#ededed;border-radius:50%;-webkit-border-radius:50%;margin-top: 9px;}
.g-article-li li a{color: #333; display:block; float:left; padding-left:8px; width:435px;white-space: nowrap;text-overflow: ellipsis; height:24px; line-height:24px; overflow:hidden;}
.g-article-li li a:hover{color: #009FF0;}
.MinF .m_r_ullist li{ padding-top: 13px;}


.MinG{ width: 100%;}
.more_warp{ width: 100%; overflow: hidden; clear: both; height: 340px;}
.more_warp .item{width: 102%; clear: both; overflow: hidden}
.more_warp .item ul{ width: 386px;padding-right: 20px; float: left;}
.more_warp .item ul li{ width: 100%; padding: 6px 0 0; height: 22px;line-height: 22px;  font-size: 14px;  margin-bottom: 6px;  float: left;  overflow: hidden;}
.more_warp .item ul li .bt{display: block;  float: left;  width: 80px;  margin-right: 10px;  line-height: 22px;  text-align: right;  overflow: hidden;  position: relative;  font-style: normal;    font-size: 14px;  color: #999;}
.more_warp .item ul li .text{float: left;  width:230px;  overflow: hidden;  height: 22px;display: block; color: #333}
.more_warp .item ul li .time{ color: #999;  float: right; width: 35px; overflow: hidden; text-align: right}
.more_warp .item ul li a:hover{color: #009FF0;}
.more_warp .item ul li .time.on{color: red}

.MinH{ width: 100%;}
.MinH .hd_title span{ color: #313131}
.MinH .hd_title{border-color: #ddd}
#links-box{position: relative;  margin: 12px 15px 12px 20px;  height: auto;  overflow: hidden;}
#links-box  a {  line-height: 34px;  color: #666;  margin-right: 17px;  }
#links-box  a:hover{color: #009FF0;}