﻿
/* -----头部------ */
.Header-wrapper{width: 100%;position: fixed;z-index: 999;left: 0;top: 0;transition: all .6s ease;background-color: #fff;}
.Header-container{width: 100%;padding: 0 3%;}

/* logo */
.imglogo{
	max-width: 199px;
	max-height: 59px;
}
.Header-logo{float: left;height: 94px;line-height: 94px;user-select: none;}
.Header-logo img{height: auto;transition: all .6s ease;max-width: 199px;}
.Header-logoimgH{display: none;}
.Header-logoimg{display: block;}

/* navbar */
.Header-navbar{float: right;margin-right: 60px;}
.Header-navbar ul li{float: left;margin: 0 28px;}
.Header-menu{display: block;height: 94px;position: relative;line-height: 94px;font-size: 18px;color: #000;font-family: '\5FAE\8F6F\96C5\9ED1';transition: all .4s ease;}
.Header-menu:before{content: "";position: absolute;left: 0;top: 0;width: 0;background: #fff;transition: all .4s ease;height: 3px;opacity: 0;}
.Header-navbar ul li.ontrue .Header-menu:before,.Header-menu:hover:before{width: 100%;opacity: 1;}
.Header-sunnav{position: absolute;width: 100%;background: rgba(0, 0, 0, .76);top: 94px;left: 0;padding: 24px 0;overflow: hidden;display: none;}
.Header-sunnav.onDesign{animation: sunNavShow .6s ease both;}
@keyframes sunNavShow {0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}}
.Header-arr{width: 40px;height: 40px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/updownh.png') no-repeat center center /14px auto;}
.Header-arr.ontrue{transform: rotate(180deg);}


/* language */
.Header-language{float: right;height: 94px;line-height: 94px;}
.Header-language a{display: block;font-family: '\5FAE\8F6F\96C5\9ED1';font-size: 18px;color: #666;position: relative;padding-left: 24px;user-select: none;}
.Header-language a:before{content: "";width: 24px;height: 100%;position: absolute;left: 0;top: 0;background: url('../images/language.png') no-repeat left center;}

/* search */
.Header-search{float: right;position: relative;}
.Header-search-show{width: 46px;height: 94px;line-height: 94px;user-select: none;background: url('../images/search.png') no-repeat center center;cursor: pointer;}
.Header-search-show.ontrue{background: url('../images/close.png') no-repeat center center /20px auto;}
.Header-search-words{position: absolute;top: 94px;right: 0;display: none;z-index: 44;}
.Header-search-words input{display: block;width: 300px;height: 38px;border: none;font-size: 16px;color: #333;font-family: "\5FAE\8F6F\96C5\9ED1";padding: 0 44px 0 10px;}
.Header-search-submit{position: absolute;right: 0;top: 0;transition: all .4s ease;width: 38px;height: 38px;background: #e8430a url('../images/search.png') no-repeat center center /18px auto;cursor: pointer;user-select: none;z-index: 22;}
.Header-search-submit:hover{background: #e60212 url('../images/search.png') no-repeat center center /20px auto;}


/* line */
.Header-line{width: 4px;padding: 0 20px 0 28px;height: 94px;line-height: 94px;text-align: center;font-size: 20px;color: #fff;opacity: .3;float: right;}

/* 汉堡键 */
.Header-navclick{height: 58px;padding: 0 0 0 4px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 30px;height: 2px;background: #666;display: block;position: relative;margin-top: 28px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #666;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -8px;}
.Header-navclick span:after{top: 8px;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}


/* 导航改变 */
.Header-wrapper.Header-wrapperOn{background: #fff;}
.Header-wrapper.Header-wrapperOn .Header-logoimgH{display: block;}
.Header-wrapper.Header-wrapperOn .Header-logoimg{display: none;}
.Header-wrapper.Header-wrapperOn .Header-menu{color: #333;}
.Header-wrapper.Header-wrapperOn .Header-navbar ul li.ontrue .Header-menu{color: #e60212;}
.Header-wrapper.Header-wrapperOn .Header-navbar ul li .Header-menu:hover{color: #e60212;}
.Header-wrapper.Header-wrapperOn .Header-menu:before{background: #e60212;}
.Header-wrapper.Header-wrapperOn .Header-language a{color: #666;}
.Header-wrapper.Header-wrapperOn .Header-language a:before{background: url('../images/languageh.png') no-repeat left center;}
.Header-wrapper.Header-wrapperOn .Header-search-show{background: url('../images/searchh.png') no-repeat center center;}
.Header-wrapper.Header-wrapperOn .Header-line{color: #666;}
.Header-wrapper.Header-wrapperOn .Header-search-show.ontrue{background: url('../images/closeh.png') no-repeat center center /20px auto;}

.Header-wrapper.Header-wrapperScr{background: #fff;}
.Header-wrapper.Header-wrapperScr .Header-logoimgH{display: block;}
.Header-wrapper.Header-wrapperScr .Header-logoimg{display: none;}
.Header-wrapper.Header-wrapperScr .Header-menu{color: #333;}
.Header-wrapper.Header-wrapperScr .Header-navbar ul li.ontrue .Header-menu{color: #e60212;}
.Header-wrapper.Header-wrapperScr .Header-navbar ul li .Header-menu:hover{color: #e60212;}
.Header-wrapper.Header-wrapperScr .Header-menu:before{background: #e60212;}
.Header-wrapper.Header-wrapperScr .Header-language a{color: #666;}
.Header-wrapper.Header-wrapperScr .Header-language a:before，.Header-language a:before{background: url('../images/languageh.png') no-repeat left center;}
.Header-wrapper.Header-wrapperScr .Header-search-show{background: url('../images/searchh.png') no-repeat center center;}
.Header-wrapper.Header-wrapperScr .Header-line{color: #666;}
.Header-wrapper.Header-wrapperScr .Header-search-show.ontrue{background: url('../images/closeh.png') no-repeat center center /20px auto;}

.Header-wrapper.Header-wrapperSun{background: #fff;}
.Header-wrapper.Header-wrapperSun .Header-logoimgH{display: block;}
.Header-wrapper.Header-wrapperSun .Header-logoimg{display: none;}
.Header-wrapper.Header-wrapperSun .Header-menu{color: #333;}
.Header-wrapper.Header-wrapperSun .Header-navbar ul li.ontrue .Header-menu{color: #e60212;}
.Header-wrapper.Header-wrapperSun .Header-navbar ul li .Header-menu:hover{color: #e60212;}
.Header-wrapper.Header-wrapperSun .Header-menu:before{background: #e60212;}
.Header-wrapper.Header-wrapperSun .Header-language a{color: #666;}
.Header-wrapper.Header-wrapperSun .Header-language a:before{background: url('../images/languageh.png') no-repeat left center;}
.Header-wrapper.Header-wrapperSun .Header-search-show{background: url('../images/searchh.png') no-repeat center center;}
.Header-wrapper.Header-wrapperSun .Header-line{color: #666;}
.Header-wrapper.Header-wrapperSun .Header-search-show.ontrue{background: url('../images/closeh.png') no-repeat center center /20px auto;}

/* 下拉内容 */
.Hsunnav-nav{width: 100%;border-bottom: 1px solid #3a3d41;font-size: 0;text-align: center;}
.Hsunnav-nav a{display: inline-block;height: 48px;line-height: 40px;font-size: 18px;color: #c5c5c5;margin: 0 54px;position: relative;font-family: '\5FAE\8F6F\96C5\9ED1';}
.Hsunnav-nav a:after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: #ff2518;opacity: 0;}
.Hsunnav-nav a.ontrue,.Hsunnav-nav a:hover{color: #ff2518;}
.Hsunnav-nav a.ontrue:after,.Hsunnav-nav a:hover:after{opacity: 1;}
.Hsunnav-list{width: 1260px;margin: 0 auto;padding: 40px 0 80px;}
.Hsunnav-words{width: 100%;}
.Hsunnav-img{width: 20.2%;border: 34px solid #fff;overflow: hidden;float: left;}
.Hsunnav-img img{width: 100%;height: 100%;object-fit: cover;}
.Hsunnav-link{width: 79.8%;float: right;}
.Hsunnav-link h6{display: inline-block;vertical-align: top;margin-left: 100px;}
.Hsunnav-link h6 a{display: block;height: 30px;line-height: 30px;font-size: 12px;color: #fff;}
.Hsunnav-link h6 a:hover,.Hsunnav-link h6 a.ontrue{color: #ff2518;}
.Hsunnav-words.onfalse{display: none;}
.Header-navbarsize{width: 100%;}

/* 中间 */
.Container-wrappersun{margin-top: 94px;}


/* -----底部----- */
.Footer-searchsize{width: 100%;overflow: hidden;padding: 80px 0;text-align: center;background: url('../images/searchbg.jpg') no-repeat center center;background-size: cover;}
.Footer-searchsize h6{font-size: 36px;color: #fff;font-family: '\5FAE\8F6F\96C5\9ED1';text-transform: uppercase;}
.Footer-search{position: relative;width: 600px;margin: 40px auto 0;overflow: hidden;border-radius: 30px;}
.Footer-search input{width: 100%;height: 56px;font-size: 18px;color: #999;border: none;outline: none;padding: 0 62px 0 20px;}
.Footer-searchclick{width: 44px;height: 56px;position: absolute;right: 6px;top: 0;cursor: pointer;background: url('../images/searchtrue.png') no-repeat center center;}

.Footer-wrapper{width: 100%;}
.Footer-navlogosize{width: 100%;padding: 40px 0 60px 0;background: #f5f5f5;}
.Footer-navlogo{width: 1280px;margin: 0 auto;}
.Footer-logo{width: 27%;float: left;}
.Footer-logoimg{width: 100%;}
.Footer-logoimg img{height: auto;max-width: 199px;max-height: 59px;}
.Footer-logowords{width: 100%;margin-top: 12px;}
.Footer-logowords a{display: block;transition: all .4s ease;font-size: 16px;color: #666;padding: 10px 26px;position: relative;}
.Footer-logowords a:before{content: "";position: absolute;left: 0;top: 0;width: 26px;height: 100%;}
.Footer-logowords a:nth-child(1):before{background: url('../images/ficon1.png') no-repeat left top 10px;}
.Footer-logowords a:nth-child(2):before{background: url('../images/ficon2.png') no-repeat left center;}
.Footer-logowords a:nth-child(3):before{background: url('../images/ficon3.png') no-repeat left center;}
.Footer-logowords a:nth-child(4):before{background: url('../images/ficon4.png') no-repeat left center;}
.Footer-logowords a:nth-child(5):before{background: url('../images/ficon5.png') no-repeat left center;}
.Footer-logowords a:hover{color: #e60212;}
.Footer-navbar{width: 73%;float: right;}
.Footer-navbar ul li{width: 25%;float: left;margin-top: 14px;padding-right: 16px;}
.Footer-menu{width: 100%;height: 38px;line-height: 38px;}
.Footer-menu a{display: block;font-size: 18px;font-family: '\5FAE\8F6F\96C5\9ED1';color: #e60212;padding-left: 30px;position: relative;text-transform: uppercase;}
.Footer-menu a:before{content: "";position: absolute;top: 0;left: 0;width: 30px;height: 100%;background: url('../images/fmenu.png') no-repeat left center /18px auto;}
.Footer-arr{width: 38px;height: 38px;display: none;position: absolute;z-index: 9;right: 0;top: 0;background: url('../images/fupdown.png') no-repeat center center /14px auto;}
.Footer-arr.ontrue{transform: rotate(180deg);}
.Footer-menuwords{width: 100%;margin-top: 16px;}
.Footer-menuwords a{position: relative;display: block;padding: 8px 0 8px 14px;font-size: 16px;color: #666;transition: all .4s ease;}
.Footer-menuwords a:before{content: "";position: absolute;top: 0;left: 0;width: 14px;height: 100%;background: url('../images/farr.png') no-repeat left 11px;}
.Footer-menuwords a:hover{color: #e60212;}

.Footer-copysize{width: 100%;}
.Footer-copy{width: 1280px;margin: 0 auto;padding: 24px 0;}
.Footer-copy p{float: left;font-size: 14px;color: #858a99;font-family: '\5FAE\8F6F\96C5\9ED1';}
.Footer-copy h6{float: right;font-size: 0;}
.Footer-copy h6 a{display: inline-block;margin-left: 10px;}
.Footer-copy h6 img{opacity: .7;transition: all .4s ease;}
.Footer-copy h6 img:hover{opacity: 1;}



/* -------------------------PC端--------------------------- */

@media all and (max-width:1680px) {
    .Header-navbar ul li {margin: 0px 20px;}
    .Header-navbar {margin-right: 30px;}
}

@media all and (max-width:1460px) {
    .Header-line {padding: 0 6px 0 14px;} 
    .Header-navbar ul li {margin: 0px 16px;}
    .Header-navbar {margin-right: 20px;}
    .Hsunnav-nav a{margin: 0 36px;}
    .Hsunnav-list {padding: 32px 0 60px;}
}

@media all and (max-width:1380px) {
    .Header-navbar ul li {margin: 0px 12px;}
    .Header-navbar {margin-right: 18px;}
    .Footer-navlogo{width: 94%;} 
    .Footer-copy{width: 94%;} 
}

@media all and (max-width:1300px) {
    .Header-search-show{width: 36px;}
    .Header-line {padding: 0 6px 0 8px;}
    .Header-menu{font-size: 16px;}
    .Footer-menuwords a,.Footer-logowords a{font-size: 14px;}
    .Hsunnav-nav a{margin: 0 28px;font-size: 16px;}
    .Hsunnav-list {width: 92%;padding: 30px 0 50px;}
    .Hsunnav-link h6 {margin-left: 60px;}
}

@media all and (max-width:1200px) {
    .Header-navbar ul li {margin: 0px 5px;}
    .Header-navbar {margin-right: 10px;}
    .Footer-menu a{font-size: 16px;}
    .Header-logo img{height: 52px;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .Container-wrapper{margin-top: 58px;}
    .Header-wrapper{background: #fff;}
    .Header-wrapper .Header-logoimgH{display: block;}
    .Header-wrapper .Header-logoimg{display: none;}
    .Header-wrapper .Header-menu{color: #333;}
    .Header-wrapper .Header-navbar ul li.ontrue .Header-menu{color: #e60212;}
    .Header-wrapper .Header-navbar ul li .Header-menu:hover{color: #e60212;}
    .Header-wrapper .Header-menu:before{background: #e60212;}
    .Header-wrapper .Header-language a{color: #666;}
    .Header-wrapper .Header-language a:before{background: url('../images/languageh.png') no-repeat left center;}
    .Header-wrapper .Header-search-show{background: url('../images/searchh.png') no-repeat center center;}
    .Header-wrapper .Header-line{color: #666;}
    .Header-wrapper .Header-search-show.ontrue{background: url('../images/closeh.png') no-repeat center center /20px auto;}

    .Header-navbar{display: none;}
    .Header-logo,.Header-language,.Header-line,.Header-search-show{height: 58px;line-height: 58px;}
    .Header-logo img {height: 42px;}
    .Header-search{position: static;}
    .Header-search-words{top: 58px;width: 100%;}
    .Header-search-words input{width: 100%;}
    .Header-wrapper .Header-menu:before{display: none;}
    .Header-navbar ul li{width: 100%;position: relative;}
    .Header-menu{width: 100%;height: 40px;line-height: 40px;}
    .Header-navclick{display: block;}
    .Header-arr{display: block;}
    .Footer-arr{display: block;}
    .Header-sunnav{position: static;left: auto;top: auto;}

    .Footer-searchsize{padding: 40px 0;}
    .Footer-searchsize h6{font-size: 26px;}
    .Footer-search{width: 300px;margin: 16px auto 0;}
    .Footer-searchclick {width: 32px;height: 40px;right: 6px;background: url('../images/searchtrue.png') no-repeat center center /32px auto;}
    .Footer-search input{height: 40px;padding: 0 44px 0 16px;}

    .Footer-logo{width: 100%;}
    .Footer-logowords a{padding: 8px 0 8px 34px;}
    .Footer-navbar{width: 100%;}
    .Footer-navbar ul li{width: 100%;margin-top: 10px;padding-right: 0;}
    .Footer-menuwords {margin-top: 0px;display: none;}
    .Footer-menu{position: relative;}
    .Footer-navlogosize {padding: 30px 0 40px 0;}
    .Footer-copy p{width: 100%;text-align: center;}
    .Footer-copy h6{width: 100%;text-align: center;margin-top: 10px;}
    .Footer-copy h6 a{margin: 0 4px;}
    .Footer-copy {padding: 16px 0;}
    .Footer-menuwords a:before {background: url(../images/farr.png) no-repeat left 11px;}

    /* 下拉 */
    .Header-navbar{margin-right: 0;}
    .Header-sunnav{padding: 20px 16px;}
    .Hsunnav-nav a{width: 100%;margin: 0;height: 38px;line-height: 38px;text-align: left;}
    .Hsunnav-nav a:after{display: none;}
    .Hsunnav-img{display: none;}
    .Hsunnav-link{width: 100%;}
    .Hsunnav-link h6{margin-left: 0;}
    .Hsunnav-list {width: 100%;padding: 12px 0 20px;}
    .Header-navbarsize{overflow-x: hidden;overflow-y: auto;height: 340px;}
}

/* 共用样式 */
.PUBban-container{width: 100%;position: relative;overflow: hidden;}
.PUBban-container img{width: 100%;object-fit: cover;min-height: 380px;max-height: 393px;}
.PUBban-words{position: absolute;z-index: 2;top: 50%;width: 1280px;left: 50%;transform: translate(-50%,-50%);}
.PUBban-words h6{font-size: 42px;color: #fff; font-family: '\5FAE\8F6F\96C5\9ED1';}

.PUBindtitle{width: 100%;text-align: center;padding-bottom: 60px;}
.PUBindtitle h4{font-size: 34px;color: #333;text-transform: uppercase;font-family: '\5FAE\8F6F\96C5\9ED1';}
.PUBindtitle i{display: block;width: 51px;height: 5px;background: url(../images/titleline.png) no-repeat;margin: 16px auto 0;}

.PUBtags-container{width: 100%;overflow: hidden;font-size: 0;padding: 28px 0;text-align: center;border-bottom: 2px solid #eee;}
.PUBtags{width: 100%;}
.PUBtags a{display: inline-block;border-radius: 30px;padding: 10px 20px;font-size: 25px;color: #55668f;background: #f2f5fa;margin: 4px 12px;font-weight: bold;}
.PUBtags a:hover,.PUBtags a.ontrue{color: #fff;
/*background-image: linear-gradient(to right,#f3ba38,#f75e55);*/
background-image: linear-gradient(to right,rgba(31,29,31,.8),rgba(31,29,31,.8));
}

.Fullpage-wrapper{width: 100%;overflow: hidden;}
.Fullpage{width: 100%;font-size: 0;text-align: center;}
.Fullpage a{width: 36px;height: 36px;display: inline-block;border: 1px solid #e9e9e9;line-height: 36px;text-align: center;margin: 2px 3px;font-size: 14px;color: #777;transition: all .3s ease-in-out;}
.Fullpage a:last-child,.Fullpage a:first-child{font-family: \5B8B\4F53,"宋体";}
.Fullpage a.ontrue,.Fullpage a:hover{color: #fff;background: #e60212;}


.abomd{position: relative;top: -70px;display: block;height: 0;overflow: hidden;}
.promd{position: relative;top: -75px;display: block;height: 0;overflow: hidden;}

.protags-menu{width: 1280px;margin: 0 auto;text-align: center;}
.protags-menu a{border-radius: 0; width: 232px;}
.protags-link{width: 1280px;margin: 0 auto;padding-top: 10px;text-align: left;}
.protags-link .protags{width: 100%;font-size: 0;}
.protags-link .protags a{display: inline-block;vertical-align: middle;font-size: 18px;color: #55668f;height: 38px;line-height: 38px;padding: 0 10px;margin: 4px 12px;transition: all .3s ease;}
.protags-link .protags a:hover, .protags-link .protags a.ontrue{color: #e60212;}



@media all and (max-width:1320px){
    .PUBban-words{width: 92%;left: 4%;transform: translate(0,-50%);text-align: center;}
    .PUBban-words h6{font-size: 42px;}
    .protags-menu, .protags-link{width: 92%;}
}

@media all and (max-width:1000px){
    .PUBban-container img{max-height: auto;min-height: auto;max-width:100%;height: auto;width:100%;margin-top:50px;}
    .PUBban-words h6 {font-size: 36px;}
    .PUBindtitle h4{font-size: 24px;}
    .PUBindtitle i{margin: 12px auto 0;}
    .PUBtags{text-align: left;}
    .PUBtags a {padding: 8px 0;font-size: 25px;margin: 4px 2%;width: 46%;text-align: center;}
    .PUBtags-container{padding: 18px 0;}

    .protags-link .protags a {font-size: 16px;height: 30px;line-height: 30px;padding: 0 6px;margin: 2px 4px;border: 1px solid #eee;}
    .protags-link .protags a.ontrue {color: #e60212;border-color: #e60212;}
}



.pro-icim>.icon{
	max-width: 173px;
}
