@charset "UTF-8";
.enc{ font-family: 'Gotham-Book';}

/*外部英文字体*/
@font-face{
    font-family: 'Gotham-Book';
    src : url('../font/Gotham-Book.ttf');
}
/* header */

/*header-top*/
.header{ position: fixed; width: 100%; height: auto; left: 0; top: 0; z-index: 11; }
.header .header-top{ background: url(../images/headerbg.jpg) left center no-repeat; background-size:cover; display: block;  padding: 1% 3%;}
.header .header-top a.logo{display: inline-block;}
.header .header-top a.logo img{width: auto;height: 68px;}

.header .header-top .in-search{ padding: 20px 0 0 0; }
.header .header-top .select-search{ position: relative;}
.header .header-top .select-search input{width: 300px;border: none;height:42px;line-height: 42px;padding: 0 50px 0 10px;font-size: 16px;}
.header .header-top .select-search input.but{position: absolute;height:42px;line-height: 42px;top: 0;right: 0;width: 50px;background: url(../img/search.png) no-repeat center;border: none;z-index: 2;cursor: pointer;box-sizing: border-box;padding: 0;}
.header .header-top .select-search i.se-icon{ position: absolute;height:42px; line-height: 42px; top: 0; right: 0; width:70px; z-index: 1; text-align: center; margin-right: 0;}
.header .header-top .in-search a.log-in{height: 41px;line-height: 38px;color: #fff;border: 1px #fff solid;margin-left: 15px;display: inline-block;padding: 0px 3px;}
.header .header-top .in-search a.log-in:hover{ background: #d5070b; }

.header-content{ background: #fff;
    -webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1); 
    box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);
}
.header-content ul.primary-nav{position: relative;display: table;margin: 0 auto;text-align: center;}
.header-content ul.primary-nav li{float: left;margin: 0 20px;}
.header-content ul.primary-nav li a{color: #666; padding:20px 0; display: inline-block; position: relative;}
.header-content ul.primary-nav li a:after{ position: absolute; content: ''; left: 50%; bottom: 0; height: 5px; width: 0; background: #d5070b; display: block;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s; }
.header-content ul.primary-nav li a:hover:after,.header-content ul.primary-nav li a.active:after{ width: 100%; left: 0;}{ width: 100%; left: 0; }


.navigation.open {opacity: 0.9;visibility: visible;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;transition: opacity 0.5s; }
.nav-toggle{display:none; width: 42px; height: 42px; position: absolute; right: 3%; top: 10px; z-index: 5;}
.nav-toggle:before, .nav-toggle:after {border-radius: 50%;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;-moz-transform: translateZ(0);-ms-transform: translateZ(0);-webkit-transform: translateZ(0);transform: translateZ(0);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-webkit-transition-property: -webkit-transform;transition-property: transform; }
.nav-toggle:before {background-color: #c0a986;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.nav-toggle:after {background-color: #c0a986;-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);-moz-transition-duration: 0s;-o-transition-duration: 0s;-webkit-transition-duration: 0s;transition-duration: 0s; }
.nav-toggle span {background-color: #fff;bottom: auto;display: inline-block;height: 3px;left: 50%;position: absolute;right: auto;top: 50%;width: 18px;z-index: 10;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); }
.nav-toggle span:before, .nav-toggle span:after {background-color: #fff;content: "";height: 100%;position: absolute;right: 0;top: 0;width: 100%;-moz-transform: translateZ(0);-ms-transform: translateZ(0);-webkit-transform: translateZ(0);transform: translateZ(0);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-transition: -moz-transform 0.3s;-o-transition: -o-transform 0.3s;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s; }
.nav-toggle span:before {-moz-transform: translateY(-6px) rotate(0deg);-ms-transform: translateY(-6px) rotate(0deg);-webkit-transform: translateY(-6px) rotate(0deg);transform: translateY(-6px) rotate(0deg); }
.nav-toggle span:after {-moz-transform: translateY(6px) rotate(0deg);-ms-transform: translateY(6px) rotate(0deg);-webkit-transform: translateY(6px) rotate(0deg);transform: translateY(6px) rotate(0deg); }
.nav-toggle.close-nav:before {-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0); }
.nav-toggle.close-nav:after {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); }
.nav-toggle.close-nav span {background-color: rgba(255, 255, 255, 0); }
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {background-color: #fff; }
.nav-toggle.close-nav span:before {-moz-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg); }
.nav-toggle.close-nav span:after {-moz-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg); }


@media all and (max-width: 1281px) {
    .header .header-top .select-search input{width: 190px;}
    .header-content ul.primary-nav li{margin: 0 11px;}
}
@media all and (max-width: 1025px) {
    .header .header-top a.logo img{ height: 45px; margin: 0 auto;}
    .header .header-top .in-search{ padding: 0; margin-right:70px;  }

    .navigation{display: none;}
    .nav-toggle {display: block; }
    .navigation.open{ display: block; background: #f3f3f3; position: fixed; height:calc(100vh - 65px);width: 100%; left: 0;top: 65px; overflow-y: auto;}
    .header-content ul.primary-nav{display: block; padding-top: 30px; }
    .header-content ul.primary-nav li{ width: 100%; height: auto; border-bottom: 1px solid #d7d2ca; }
    .header-content ul.primary-nav li a{ height: auto; line-height:3; color: #333; font-size: 18px; text-align: left; margin: 0; padding: 0; display: block;}
    ul.primary-nav li.active a:after{ width: 0; left: 0;}
    ul.primary-nav li:hover a:after{ width: 0; left: 0; }
    .header-content ul.primary-nav li a::after{ height: 2px; }
    .header-content ul.primary-nav li{ margin: 0; padding: 0 10px; }

}
@media all and (max-width: 900px){
   .header .header-top{ padding: 15px; }
    .header .header-top .in-search{ margin-right: 0; width: 100%; margin-top: 10px; }
    .header .header-top .select-search{width: 60%;margin-right: 0;}
    .header .header-top .select-search input{ height: 36px; line-height: 36px; width: 100%; }
    .header .header-top .select-search input.but{ height: 36px; line-height: 36px; }
    .header .header-top .select-search i.se-icon{ height: 36px; line-height: 36px; }
    .header .header-top .in-search a.log-in{width: 15%;margin-left: 5%;text-align: center;height: 35px;line-height: 33px;padding: 0;}
}
@media all and (max-width: 768px) {
    .nav-toggle{ top: 13px; }
    .navigation.open{ height:calc(100vh - 120px); top: 120px;}
    .header .header-top .select-search input{ font-size: 14px; }
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
    /* WebKit browsers */ 
    color: #999999; font-size: 14px;
    } 
    input:-moz-placeholder,textarea:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ 
    color: #999999; font-size: 14px;
    } 
    input::-moz-placeholder,textarea::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ 
    color: #999999; font-size: 14px;
    } 
    input:-ms-input-placeholder,textarea:-ms-textarea-placeholder { 
    /* Internet Explorer 10+ */ 
    color: #999999; font-size: 14px;
    }
    ::-webkit-input-placeholder { /* WebKit browsers */
      color: #999;
      font-size: 14px;
    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: #999;
      font-size: 14px;
    }

    :-ms-input-placeholder { /* Internet Explorer 10+ */
      color: #999;
      font-size: 14px;
    } 

}

@media all and (max-width: 500px) {
    .nav-toggle{ width: 36px; height: 36px; }
    .header .header-top a.logo img{ height: 30px; margin: 0 auto;}
    .navigation.open .back-home-mobile{ display: block; } 
    .navigation.open .back-home-mobile a{ margin-left: 15px; margin-top: 25px; height: 36px; line-height: 36px; background: #009f97; color: #fff; display: inline-block; padding: 0 30px; border-radius: 30px; z-index: 3; }
    .navigation.open{ height:calc(100vh - 106px); top: 106px;}
    
    .header .header-top .select-search input{ padding: 0 10px; }
    .header .header-top .select-search input.but{ width: 50px; }
    .header .header-top .select-search i.se-icon{ width: 50px; }
    .header .header-top .select-search{width:50%;}
    .header .header-top .in-search a.log-in{width:20%;}
    .header .header-top .select-search input.text{padding: 0 40px 0 10px;}
}

/* header end */




/* banner */
.banner ul.slides li .banner-center{ position: relative; }
.banner ul.slides li .banner-center .banner-text{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; }
.banner ul.slides li .banner-center .banner-text .container .desc{color: #fff; padding-top:17%;}
.banner .flex-control-nav{ z-index: 3; }
.banner .banner-text .desc h2.title{ font-weight: 400; }
.banner .banner-content{ position: relative; }


.banner .flex-control-nav.flex-control-paging{ width: 1200px; margin-left: -600px; height: 36px; line-height: 38px; left: 50%; top:30%; text-align: left; z-index: 2;}
.banner .flex-control-paging li{ position: absolute; right: 0; }
.banner .flex-control-paging li a{text-indent: 0; background:none; display: none; color: #fff; font-size: 24px; font-family: 'Gotham-Book'; font-size: 28px; width: 30px;}
.banner .flex-control-paging li a.flex-active{ background:none!important; display: block;}
.banner .flex-control-paging li a span.z-num{display: block; font-size: 24px; border-top: 1px #fff solid; text-align: center; margin-top: 7px; padding-top: 5px;}

.banner .flex-direction-nav{ position: absolute;width: 1200px; margin-left: -600px; left: 50%; top:55%; z-index: 3;}
.banner .flex-direction-nav a{ background: none; width: 50px; height: 30px; line-height: 26px; border: 2px #fff solid; border-radius: 30px; }
.banner .flex-direction-nav a:before{ font-size: 24px; }
.banner .flex-direction-nav .flex-prev {left:0px;}
.banner .flex-direction-nav .flex-next {left:70px;}


@media all and (max-width: 1660px) {
    .banner ul.slides li .banner-center .banner-text .container .desc{ padding-top: 15%; }
    .banner .flex-control-nav.flex-control-paging{top:35%;}
    .banner .flex-direction-nav{ top: 60%; }
}

@media all and (max-width: 1440px) {
    .banner ul.slides li .banner-center .banner-text .container .desc{ padding-top: 12%; }
    .banner .flex-control-nav.flex-control-paging{top:30%;}
}
@media all and (max-width: 1366px) {
    .banner .flex-control-nav.flex-control-paging{ width: 1140px; margin-left:-570px;}
    .banner .flex-direction-nav{width: 1140px; margin-left:-570px;}
}
@media all and (max-width: 1280px) {
    .banner .flex-control-nav.flex-control-paging{top:29%;}
    .banner .flex-direction-nav{ top: 65%; }
}
@media all and (max-width: 1024px) {
    .banner .flex-control-nav.flex-control-paging{ width: 964px; margin-left:-482px;top:31%;}
    .banner .flex-direction-nav{width: 964px; margin-left:-482px; top: 70%;}
}  

@media all and (max-width: 768px) {
    .banner .flex-control-nav.flex-control-paging{ width:700px; margin-left:-350px;top:31%;}
    .banner .flex-direction-nav{width:700px; margin-left:-350px; top: 70%;}
}
@media all and (max-width: 700px) {
    .banner .flex-control-nav.flex-control-paging{display: none;}
    .banner .flex-direction-nav{display: none;}
    .banner ul.slides li .banner-center .banner-text .container .desc{ text-align: center;}
    .f50{ font-size: 30px;}
}
@media all and (max-width: 475px) {
    .f50{ font-size: 24px;}
}
/* banner end */


.hback{ background: #f3f3f3;}
.padtb70{ padding: 70px 0;}
img{width: 100%;}
/*.index-content{overflow: hidden;}*/

/* index-top */
.index-top h3.title{ border-bottom: 1px #cccccc solid;line-height: 1; margin-bottom:35px; }
.index-top h3.title a{ font-weight:700; line-height: 1; display: inline-block; padding-bottom:15px; border-bottom: 3px #d5070b solid; color:#4c4c4c;}
.index-top h3.title i{ font-size: 32px; margin-right: 0; margin-left: 10px; color:#4c4c4c; font-weight: 700;}
/* index-top */


/* 科研动态 */
.research-pic{ position: relative;}
.research-pic .pic{overflow: hidden;}
.research-pic .pic img{ height: 391px; object-fit: cover; }
.research-pic a:hover .pic img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.research-pic h2.title{color: #fff;padding: 15px;text-align: left;position: absolute;left: 0;bottom: 0;width: 100%;background: url(../images/picbg.jpg) center center no-repeat;background-size: cover;font-size: 18px;}
ul.research-list{margin-top: -12px;margin-bottom: -22px;}
ul.research-list li{ border-bottom: 1px #d9d9d9 solid;}
ul.research-list li:last-child{border-bottom: none;}
ul.research-list li a{display: block;padding: 11px 0;}
ul.research-list li a h2.title{font-weight: 400;height: 46px;position: relative;padding-right: 100px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
ul.research-list li a h2.title span.time{ position: absolute; right: 0; top: 4px; }

@media all and (max-width: 1366px) {
    .padtb70{ padding: 55px 0;}
    .research-pic .pic img{ height:349px;}
    ul.research-list{margin-top: -12px;margin-bottom: -19px;}
    ul.research-list li a{display: block;padding: 10px 0;}
    .index-top h3.title i{ font-size: 28px; }
}
@media all and (max-width: 1024px) {
    .research-pic .pic img{ height:330px;}
}
@media all and (max-width: 768px) {
    .research-pic h2.title{padding: 15px 10px;font-size: 15px;}
    .padtb70{ padding: 35px 0;}
    .research-pic .pic img{ height:auto;}
    ul.research-list{margin-top: 0px; margin-bottom:-15px;}
    .index-top h3.title i{ font-size: 22px;}
    .index-top h3.title{ margin-bottom: 25px; }
}
@media all and (max-width: 530px) {
    ul.research-list{margin-top: 5px; margin-bottom:-15px;}
    ul.research-list li a{display: block;padding: 15px 0;font-weight: 700;}
    ul.research-list li a h2.title{padding-right: 95px;height: 40px;}
    ul.research-list li a h2.title span.time{ font-weight: 400; top: 3px; font-size: 14px; }
}
/* 科研动态 end */


/* 首页新闻总style */
.magb30{ margin-bottom:60px;}
.innews-top{ position: relative;}
.innews-top .pic{ overflow: hidden;}
.innews-top .pic img{height: 160px;object-fit: cover;}

.innews-top .innews-tab{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 0 0 0px;}
.innews-top .innews-tab a{color: #fff;display: inline-block;padding: 10px 5px;}
.innews-top .innews-tab a:hover,.innews-top .innews-tab a.active{ background: #d5070b; }
.innews-top .innews-tab-white a:hover,.innews-top .innews-tab-white a.active{ background: #fff; color: #d5070b; }

.innews-title{ position: absolute; left:25px; top:30px;}
.innews-title .index-top h3.title{ border-bottom: none;}
.innews-title .index-top h3.title a{ border-bottom: none; color: #fff;}
.innews-title .index-top h3.title i{color: #fff; font-size: 30px;}
.innews-title .index-top h3.title i.dicon{ margin-left: 0; margin-right: 15px;}

.innews-threm{ margin-top: 30px; padding-left: 25px; border-left: 2px #d5070b solid;}
ul.innew-list li a{ display: block; padding:0 0 20px 0;}
ul.innew-list li:last-child a{ padding-bottom: 0; }
ul.innew-list li a h2.title{ font-weight: 400; position: relative; padding-right: 115px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
ul.innew-list li a h2.title span.time{ position: absolute; right: 0; top: 3px; }

.swiper-slide{ height:1px !important;}
.swiper-slide.swiper-slide-active{ height:auto !important;}

@media all and (max-width: 768px) {
    .innews-top .innews-tab{ padding: 0 0 0 5px; }
    .innews-top .innews-tab a{ padding: 5px 10px; }
    .innews-top .pic img{ height: auto; }
    .magb30{ margin-bottom:35px;}
    .m-magb30{ margin-bottom: 35px; }
}
@media all and (max-width:375px) {
    .innews-top .innews-tab{clear:both; padding: 0;}
    .innews-top .innews-tab a{ float: left; width: 25%; padding: 5px 0; text-align: center; display: block;}
}
@media all and (max-width:350px) {
    .innews-top .innews-tab a{ font-size: 14px; }
}
/* 首页新闻总style end */


/* 友情链接 */
.link-pic{ /*margin-left:60px;*/ margin-top: 50px; overflow: hidden; position: relative;}
.link-pic a{display: block;}
.link-pic img{height:155px; object-fit: cover;}
.link-pic .desc{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;padding:35px;}
.link-pic .desc h3.title{ color: #fff;  height: 38px; line-height: 38px;display: block;}
.link-pic .desc h3.title i{ font-size: 36px; margin-left: 0; margin-right: 15px;height: 38px; line-height: 38px;}
.link-pic .desc .jr{ color: #fff; margin-top: 15px;}
.link-pic .desc .jr i{ font-size: 18px; margin-left: 7px;}
.links-pic-box{ height: 72px; border: 1px solid #c4c4c4; margin-bottom: 24px; cursor: pointer; position: relative }
.flexslider .links-pic-box img{ max-height: 100%; width: 99%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
#slider2 ul>li{ background: #fff }
.flex-control-paging{ bottom: 0;padding-top: 20px }
.flex-control-paging li a{ background: #eee }
.flex-control-paging li a.flex-active{ background: #d5070b }
.link-content{ padding-bottom: 40px }
.goback-site{position: absolute;right: 0;top: 0;z-index: 99;font-size: 14px;color: #fff;padding: 0 5px;}

.friendship{box-sizing: border-box;position: relative;width:100%;}
.friendship .show{cursor: pointer;overflow: hidden; height: 44px; line-height: 44px; border: 1px #999999 solid; padding: 0 20px;color: #666666;}
.friendship .show .txt{float: left;}
.friendship .show .ico{float: right;height: 44px; line-height: 42px; font-size: 16px; color: #606060; margin-right: 0; transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1) 0s;transform: rotate(180deg);}
.friendship .show.active{ background: #d5070b; color: #fff; border: 1px #d5070b solid;}
.friendship .show.active .ico{transform: rotate(0deg); color: #fff;}
.friendship .hide{background: #fff; border: 1px #cccccc solid; bottom: 44px;box-sizing: border-box;display: none; position: absolute;z-index:10; width: 100%; padding: 0 10px;}
.friendship .hide a{box-sizing: border-box;color: #666; text-align: center; display: block;line-height: 44px; padding: 0 7px; position: relative; width: 100%; border-bottom: 1px #e0e0e0 solid;}
.friendship .hide a:last-child{ border-bottom: none; }
.friendship .hide a span{display: block;height: 100%;position: relative;transition: color 0.38s cubic-bezier(0.4, 0, 0.2, 1) 0s; width: 100%;z-index: 10;}
.friendship .hide a:hover span{ color: #d5070b; }
.mabt30{ margin-bottom: 30px; }

@media all and (max-width:1280px) {
    .friendship .show{ padding: 0 10px; }
}
@media all and (max-width:768px) {
    .friendship,.mabt30{ margin-bottom: 15px; }
    .link-pic{ margin-left: 0; margin-top: 0; }
    .linkrow{ margin: 0 -18px!important; }
}
/* 友情链接 end */

/* footer */
.footer-top{ background: #333333; }
.footer-link{ position:relative; }
.footer-link img.zz{ position: absolute; width: 28%; left: 50%; top: -10px; margin-left: -14%; }
ul.external-link{ margin: 0 -1%;}
ul.external-link li{ width:17%; padding: 0 1%;float: left; }
ul.external-link li:nth-child(3){ margin-left: 32%; }
ul.external-link li a{ display: block; text-align: center; color: #fff; background: #3b3b3b; padding: 15px 0;}
ul.external-link li a i{display: block; margin: 0; font-size:18px; }
ul.external-link li a:hover{background:#9d1619;}
.footer-bottom{ background: #000000; color: #808080; padding: 15px 0; text-align: center; overflow: hidden;}
.footer-bottom a{color: #808080;}
.footer-bottom a:hover{color: #d5070b;}
@media all and (max-width:1024px) {
    .footer-link img.zz{ top: 0; }
    .goback-site{display:none;}
}

@media all and (max-width:768px) {
    .footer-link img.zz{ position: static; width: auto; margin: 0 auto 15px auto; max-width: 100%; }
    ul.external-link li{ width: 50%; margin-top: 10px; }
    ul.external-link li:nth-child(3){ margin-left: 0; }
}

/* footer end */




/* page-banner */
@media all and (max-width:530px) {
    .page-banner img{ height: 135px; object-fit: cover; }
}
/* page-banner end */

/* page-link */
.page-link .mabt30{ margin-bottom: 0; }
@media all and (max-width:993px) {
    .page-link .mabt30{ margin-bottom: 20px; }
}  
@media all and (max-width:768px) {
    .page-link .mabt30{ margin-bottom: 15px; }
} 
/* page-link end */

/* page-content */
.page-content{ background: #eceeef;}
.page-container{ position: relative; padding-left:240px; }
.page-container .page-menu{ position: absolute; left: 0; top: -150px; width: 200px; }
.page-container .page-menu h3.title{ height: 80px; line-height: 80px; font-weight: 700; color: #fff; text-align: center; background:url(../images/tbtitle.png) center center no-repeat; background-size: cover;  }

.page-nav-list a{display: block; text-align: center; color: #666666; padding:20px 10px; text-align: center; background: #fff; border-bottom: 1px #cccccc solid; position: relative;}
.page-nav-list a:after{content: ''; display: block; position: absolute; left: 0; top: 0; width:5px; background: #d5070b; height:0; transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
.page-nav-list a:hover:after,.page-nav-list a.active:after{height: 100%;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
.page-nav-list a:last-child{ border-bottom: none; }

.page-center{ background: #fff; padding:40px 40px 60px 40px;}
.page-center-top{ border-bottom: 1px #cccccc solid; padding-bottom: 15px; margin-bottom: 30px; }
.page-center-top h3.title{ color: #d5070b; font-weight: 700; }
.page-center-top .position{color: #999999;}
.page-center-top .position a{color: #999999;}
.page-center-top .position a:hover{color: #d5070b;}

.editor-content{ color: #666; min-height: 450px;}

@media all and (max-width:1366px) {
    .page-container .page-menu h3.title{ height: 70px; line-height: 70px; }
    .page-container .page-menu{ top:-125px;}
    .page-nav-list a{ padding: 15px 10px; }
}
@media all and (max-width:768px) {
    .page-container{ position: static; padding-left:0; }
    .page-container .page-menu{ position: static;  width: 100%; }

    .m-huadong{ margin-bottom: 15px; background: #fff; margin-top: 5px;}

    .page-nav-list{width: 100%; height:50px; line-height:50px; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-overflow-scrolling: touch; text-align: justify;box-sizing: border-box; }     
    .page-nav-list a{text-decoration: none; padding: 0 15px; display: inline-block;} 
    .page-nav-list a.active,.page-nav-list a:hover{ background: #d5070b; color: #fff; } 
    .page-nav-list::-webkit-scrollbar{display: none;}
    .page-nav-list a:after{ background: none; }

    .page-center{ padding:20px 15px; }
    .page-center-top{ margin-bottom: 20px; padding-bottom: 10px;}
    .page-center-top h3.title{ font-size: 18px; padding-bottom: 5px;}
    .page-center-top .position,.page-center-top .position a{ font-size: 14px; width: 100%; }
    
}
/* page-content end */


/* news-list */
ul.news-list li{ border-bottom: 1px #e9e9e9 dashed;}
ul.news-list li:last-child{ border-bottom: none; }
ul.news-list li a{ display: block; padding:15px 0;}
ul.news-list li a h2.title{ font-weight: 400; position: relative; padding-right: 115px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
ul.news-list li a h2.title span.time{ position: absolute; right: 0; top: 3px; }





/*分页*/
.page-number{text-align:center;padding:50px 0 15px 0;}
.page-number ul.pagination li{display:inline-block; margin-bottom: 7px;}
.page-number ul.pagination li a{color:#b4b9c6;padding:4px 10px;background:none; border: 1px #edeff4 solid; border-radius: 3px; cursor: pointer; margin-bottom: 5px;}
.page-number ul.pagination li a:hover{color:#d5070b;}
.page-number ul.pagination li.active a{border: 1px #d5070b solid; color:#d5070b;}

.page-number ul.pagination li.pag-buttom a{font-size: 14px; background: #d5070b; color: #fff; border: 1px #d5070b solid;}
.page-number ul.pagination li.pag-buttom a:hover{opacity: 0.9;}
.page-number ul.pagination li.pag-input input{display:inline-block; width:72px; height: 32px; line-height: 32px; padding: 0 7px; color: #b4b9c6; border-radius: 3px; border: 1px #edeff4 solid;}
.page-number ul.pagination li.pag-input input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #b4b9c6; font-size: 14px;} 
.page-number ul.pagination li.pag-input input:-moz-placeholder,textarea:-moz-placeholder { color: #b4b9c6; font-size: 14px;} 
.page-number ul.pagination li.pag-input input::-moz-placeholder,textarea::-moz-placeholder { color: #b4b9c6; font-size: 14px;} 
/* news-list end */

ul.news-list-two li h2.title{padding-right: 0;}
ul.news-list-two li:last-child{ border-bottom:1px #e9e9e9 dashed;}
.page-container-w100{ padding: 0; }

.page-center-top-search{ border-bottom: none; margin-bottom: 15px;}
.page-center-top-search h3.title{ color: #4c4c4c; padding-bottom: 7px;}
.page-center-top-search .text span{color: #d5070b; display: inline-block; padding: 0 5px;}

.search-menu{ margin: 30px 0 0 0; border-bottom: 1px #e6e6e6 solid;}
.search-menu a{ margin: 0 25px 0 0; padding: 10px 0 25px 0; display: inline-block;}
.search-menu a.active{ border-bottom: 3px #d5070b solid;}

@media all and (max-width:768px) {
    .search-menu{width: 100%; height:45px; line-height:45px; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-overflow-scrolling: touch; text-align: justify;box-sizing: border-box; }     
    .search-menu a{text-decoration: none; padding: 0 10px; display: inline-block; margin-right: 0;} 
    .search-menu a.active,.search-menu a:hover{ background: #d5070b; color: #fff;} 
    .search-menu::-webkit-scrollbar{display: none;}
    .search-menu a:after{ background: none;}
}


/* view */
.editor-content h1.title{ font-weight: 400; text-align: center; color: #666666;}
.editor-content .item-info{font-size: 15px;color: #666;text-align: center;padding: 15px 0;}
.editor-content .item-info span{ font-size: 15px; display: inline-block; padding: 0 15px;}
.editor-content .item-info span i{ color: #d5070b;}
.content{ line-height: 2; }

.con-next{ margin: 30px 0 0 0;position: relative; padding-right: 220px; }
.con-next a.backtrack{ position: absolute; right: 0; top: 0; background: #d5070b; color: #fff; display: inline-block; padding: 15px 0; width: 190px; text-align: center;}
.prev-next a{ display: block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding: 3px 0;}

@media all and (max-width:768px) {
    .editor-content h1.title{ font-weight: 700; }
    .editor-content .item-info span{ font-size: 13px; padding: 0 7px;}
    .editor-content .item-info span i{ font-size: 13px; }
    .con-next{ padding-right: 0; }
    .con-next a.backtrack{display: none;}
}
/* view end */

/* login */
.login{ background: url(../images/loginbg.jpg) center center no-repeat; background-size: cover; padding: 150px 0;}
.login .login-content{ width:520px; background: #fff; padding:50px; margin: 0 auto;}
.login-content .title{ color: #666666; font-weight: 700; text-align: center; padding-bottom: 35px; font-size: 24px;}
ul.log-in li{ position: relative; }
ul.log-in li .submitlink{ display: block; text-align: center; background: #d5090d; border-radius: 5px; padding: 10px 0; color: #fff; cursor: pointer; margin: 25px 0 10px 0;}
ul.log-in li i{ position: absolute; left: 0; top: 7px; font-size: 18px; color: #999;}
ul.log-in li input{ font-size: 16px; color: #999999; height: 46px; line-height: 46px; padding: 0 10px 0 30px; border:none; border-bottom: 1px #cccccc solid; margin-bottom: 15px; }
ul.log-in li input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999999; font-size: 16px;}
ul.log-in li input:-moz-placeholder,textarea:-moz-placeholder { color: #999999; font-size: 16px;}
ul.log-in li input::-moz-placeholder,textarea::-moz-placeholder { color: #999999; font-size: 16px;}


@media all and (max-width:530px) {
    .login{ padding: 50px 0;}
    .login .login-content{ width: 300px;}
    .login .login-content{ padding: 30px;}
    .login-content .title{ padding-bottom: 20px; font-size: 20px;}
}
/* login end */