body{color:#28323b;font-size:14px;}
header{margin-bottom:30px;}
.bg_fff{background:#fff;}
.blank{height:20px;}

.breadcrumb{width:1200px;margin:0px auto;padding:30px 15px 20px 15px;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb i{padding:0px 8px;}

.container{width:1200px;margin:0px auto;position: relative;}

.main-left{float:left;width:895px}

.newsNav{overflow:hidden;z-index:10;position: absolute;top:0px;padding-top: 30px;margin-bottom: 40px;}
.newsNav li{float:left;margin-right:2px}
.newsNav li a{float:left;padding:5px 0px;width:90px;text-align: center;background:#f4f4f4}
.newsNav li.cur a{background:#e53935;color:#fff;}
.newsNav a:hover{background:#fafafa;color:#666;}
.newsNav.cur{position: fixed;top:0px;background:#f4f4f4;box-shadow:0px 1px 2px #ccc;height:50px;right:0;left:0}
.newsNav.cur ul{width:1200px;margin:0px auto;}
.newsNav.cur li{margin-top:10px;}

.newsCon{width:895px;}

.news-item{overflow: hidden;width:100%;padding-top:80px}
.news-item li{padding:20px 0;overflow: hidden;position: relative;}
.news-item li:after{content: "";border-bottom:solid 1px #e8e8e8;position: absolute;left:0px;right:0px;bottom:0px;}
.news-item li p{float: left;width:67%;padding:10px 0 20px 0;color:#666}
.news-item li .title{font-size:20px;float: left;width:70%;font-weight: bold}
.news-item li .title i{float: left;border: solid 1px #e53935;padding: 0px 5px;font-size: 14px;margin-right: 10px;font-weight: normal;color: #fff;background: #e53935;line-height: 18px;height: 20px;border-radius: 3px;margin-top: 3px;}
.news-item li a.title:hover{color:#e53935}
.news-item li:hover{background:#fafafa}

.news-lt{float:left;font-size:0;margin-right:40px;width:210px;height:130px;overflow: hidden;}
.news-lt img{width:210px;height:130px;}
a.news-lt:hover img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
    transform-origin:center;}


.newsAttr{float: left;color:#999}
.newsAttr em,.newsAttr span{padding-right:20px;position:relative;}
.newsAttr em:before,.newsAttr span:after{content: "";width:1px;height:12px;display:block;background:#ccc;position:absolute;right:11px;top:5px;}

.newsAttr i{display:inline-block;border:solid 1px #fd8867;color:#fd8867;width:70px;text-align: center;line-height:18px;height:20px;
border-radius:2px;}

.main-right{float:right;width:290px;}
.main-right.cur{position: fixed;top:65px;}

.pic{font-size:0}

.ttopen{float:left;width:290px;height:380px;background:#fafafa;text-align: center;position: relative;padding-top:10px;}
.ttopen .title{position: absolute;top:20px;left: 0px;border-left: solid 3px #f40;padding-left: 13px;font-weight: bold;font-size: 16px;}

.ttopen figure{margin-top:40px;padding-bottom:15px}
.ttopen figure img{width:100px;height: 100px;border-radius:50%}
.ttopen figcaption{font-size: 14px;padding:10px 5px 5px 5px;color:#333}
.ttopen h3{font-size:16px;}
.ttopen p{padding:5px 50px 30px 50px;color:#999;line-height: 22px}
.ttopen strong{font-size:16px;display: block;margin-bottom:20px;font-weight: normal;}
.ttopen strong i{display:inline-block;width:20px;height:22px;vertical-align:middle;margin-right:5px;
     background: url(images/ico-sprite.png) no-repeat -449px -49px;}
.ttopen a{border:1px solid #e53935;color:#e53935;display:inline-block;font-size:14px;padding:6px 20px;
    border-radius:50px;}

.ttopen:hover strong,.ttopen.cur strong{color:#e53935;}
.ttopen:hover strong i,.ttopen.cur strong i{background: url(images/ico-sprite.png) no-repeat -449px 0px;}
.ttopen:hover a,.ttopen.cur a{color:#fff;background:#e53935}

/*-----Article----*/
.article{background:#fff}
.article img{max-width:750px;margin:15px 0;}
.articleTitle{font-size: 26px;padding:40px 50px 10px 50px;text-align:center;}
.article-resource{color:#999;padding-bottom:20px;margin:0px 60px;text-align:center;border-bottom:dashed 1px #e8e8e8}
.article-resource span{padding:0px 20px}

.article-abstract{background:#f4f4f4;padding: 15px 20px;margin:40px 60px 0px 60px;line-height: 24px;}

.articleCon{padding:20px 60px;}
.articleCon p{font-size: 16px;line-height: 30px;}
.articleCon img{max-width:750px;}

.resource{width:780px;margin:30px auto 0px auto;padding-bottom:40px;}
.resource h3{font-weight:bold;font-size:18px;padding-bottom:10px;padding-left:8px;}
.resource a{display:block;padding:12px 10px 12px 0px;width:780px;overflow: hidden;}
.resource strong{color:#1069bb;font-size:18px;text-decoration:underline;margin-right:30px;position: relative;float: left;padding-left:23px;
width:600px;height:24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.resource strong:after{content:"";position:absolute;left:8px;top:9px;width:0;height:0;
    border-top:4px solid transparent;
    border-left:6px solid #1069bb;
    border-bottom:4px solid transparent;
}
.resource span{color:#999;font-size: 12px;float: left;line-height:24px}
.resource a:hover .btn-down{background:url(images/ico-sprite.png) no-repeat -396px -3px}
.btn-down{width:21px;height:21px;background:url(images/ico-sprite.png) no-repeat -396px -51px;float: right;}

.article-bottom{width:780px;margin:0px auto;padding-bottom:30px;border-top:solid 1px #e8e8e8;padding-top:30px}

.articleTag{float:left;width:560px;position:relative;padding-top:8px;}
.articleTag:after{content:"";position:absolute;left:500px;top:0px;background:#e8e8e8;height:40px;width:1px;}
.articleTag strong{padding-bottom:10px;margin-right:10px}
.articleTag a{display:inline-block;padding:2px 10px;margin-right:5px;background:#f4f4f4}
.articleTag a:hover{background:#fafafa;color:#666}

.articleShare{float:right;position: relative;}
.articleShare strong{position: absolute;top: 10px;left: -57px;}
.articleShare a{display:block;width:40px;height:40px;float: left;margin:0px 5px;position: relative;
    background-repeat: no-repeat; background-image: url(images/ico-sprite.png) ;
}
.ewm{position: absolute;left: -40px;top: -130px;display: block;padding: 10px;border: solid 1px #ccc;background: #fff;display: none}
.articleShare a:hover .ewm{display:block;}
.articleShare a:hover{opacity:0.8;filter:alpha(opacity=80);}
.readlingCon li a:hover {  text-decoration: underline;  color: #e53935; }
.articleShare a:nth-child(1){background-position:-423px -88px}
.articleShare a:nth-child(1):hover{opacity:1;filter:alpha(opacity=100);}
/* .articleShare a:nth-child(1):hover{background-position:}  */
.articleShare a:nth-child(2){background-position:-374px  -88px}
/* .articleShare a:nth-child(2):hover{background-position:}  */
.articleShare a:nth-child(3){background-position:-272px -88px}
/* .articleShare a:nth-child(3):hover{background-position:}  */
.articleShare a:nth-child(4){background-position:-325px -89px}
/* .articleShare a:nth-child(4):hover{opacity:.8}  */

/*-----reading----*/
.readling{overflow:hidden;margin-top:15px;}

.readling .title{background:#fafafa;font-size:16px;padding:15px 20px;font-weight:bold}
.readlingCon{background:#fff;padding:20px 30px;overflow: hidden;}
.readlingCon li { height: 30px;  line-height: 30px;  float: left; width:415px;}
.readlingCon li a{font-size: 14px;position: relative;float: left;width: 380px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;}
.readlingCon li a:after{content:"";width:4px;height:4px;background:#ddd;display:block;position:absolute;left:4px;top:13px;}

.readlingCon li a:hover{text-decoration:underline;color:#e53935}

.subinfo{padding:10px;background:#fff;position:relative;height:310px;}
.subinfo .input-text{border:solid 1px #e3e3e3;width:185px;height:34px;position:absolute;top:60px;padding-left:10px;background:#fafafa}
.subinfo input:nth-child(1){left:20px}
.subinfo input:nth-child(2){left:235px}
.subinfo input:nth-child(3){left:450px}
.subinfo input:nth-child(4){left:665px}

.subinfo i{display:block;color:#1069bb;padding-left:10px;padding-top:10px;font-size:12px}

.subinfo textarea{border:solid 1px #e3e3e3;height:100px;padding:10px;position: absolute;top:110px;left:20px;width:820px;background:#fafafa}

.subinfo input:nth-child(6){border:0;width:180px;height:44px;background:#e53935; position: absolute; top:260px; left: 330px;
color:#fff;font-size:16px;}

.swiper-slide {
       width:100%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

.bnr1{background:url("http://xf-360kaoyan.oss-cn-shanghai.aliyuncs.com/ttkyimg/image/ns1.png") no-repeat;height:218px;}
.bnr2{background:url("http://xf-360kaoyan.oss-cn-shanghai.aliyuncs.com/ttkyimg/image/ns2.png") no-repeat;height:218px;}
.bnr3{background:url("http://xf-360kaoyan.oss-cn-shanghai.aliyuncs.com/ttkyimg/image/ns3.png") no-repeat;height:218px;}

.swiper-button-next{background:rgba(0,0,0,0.5) url(images/rt-op1.png) no-repeat center;right:0px}
.swiper-button-next:hover{background:rgba(0,0,0,0.8) url(images/rt-op1.png) no-repeat center;background-size:12px}
.swiper-button-prev{background:rgba(0,0,0,0.5) url(images/lt-op1.png) no-repeat center;left:0px;}
.swiper-button-prev:hover{background:rgba(0,0,0,0.8) url(images/lt-op1.png) no-repeat center;background-size:12px}

.swiper-button-next,.swiper-button-prev{width:22px;height:40px;background-size:12px;display:none}

.swiper-container.cur .swiper-button-next,.swiper-container.cur .swiper-button-prev{display:block;}

.focus .pagination{position:absolute;width:100%;left:0px;text-align:center;bottom:5px;z-index: 10;margin:0;}
.focus .swiper-pagination{font-size:0; margin: 0 auto; padding: 5px 10px;
    position: static;width:54px;}
.focus .swiper-pagination-bullet{margin:0px 3px;background:#000;opacity:0.3;height:8px;width:8px;}
.focus .swiper-pagination-bullet-active{background:#e53935;opacity:1;transition: width 0.5s, opacity 0.1s;}

@media screen and (max-width:1000px){
.readling,.main-right,.toolbar,.article-bottom,.footer,.header,.breadcrumb,.focus,.resource{display: none;}
.container{width:100%}
.main-left{width:auto;float:none;}
.blank{height:0}
.articleCon{padding:5px 15px;}
.article-resource span{padding:0px 10px;}
.articleCon img{width:100%}
.articleCon p{padding:10px 0}
}

@media screen and (min-width:370px) and (max-width:600px){
    .articleTitle{font-size:22px;padding:25px 15px 10px 15px;text-align: left}
    .article-abstract{margin:10px 15px 0px 15px;padding:10px 15px;font-size:16px}
    .article-resource{text-align: left;padding-bottom:10px;margin:0px 15px;font-size:14px;}
    .articleCon p{padding:10px 0;font-size:18px}
}
@media screen and (min-width:335px) and (max-width:365px){
    .articleTitle{font-size:20px;padding:25px 15px 10px 15px;text-align: left}
    .article-abstract{margin:10px 15px 0px 15px;padding:10px 15px}
    .article-resource{text-align: left;padding-bottom:10px;margin:0px 15px;font-size:12px;}
}
@media screen and (max-width:330px){
    .article-abstract{margin:10px 15px 0px 15px;padding:10px 15px}
    .articleTitle{font-size:18px;padding:20px 15px 10px 15px;text-align: left}
    .article-resource{text-align: left;padding-bottom:10px;margin:0px 15px;font-size:12px;}
}