* {margin: 0;padding: 0;list-style: none;border: 0;word-break:break-word;vertical-align:top;outline: none;/* moz-user-select: -moz-none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout: none;-moz-touch-callout: none;-ms-touch-callout: none;-o-touch-callout: none;touch-callout: none; */}
html,body{min-height: 100%;}
body {font-size: 12px;line-height: 1;font-weight: normal;font-family: "微软雅黑" ;-webkit-text-size-adjust: 100%;}
table{border-collapse: collapse;}
img {border: 0;padding: 0;display: inline;-webkit-user-select: none;-moz-user-select: none;-webkit-user-select:none;-o-user-select:none;user-select:none;  }
a {text-decoration: none;color: #727272;}
li {list-style: none;}
/* h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 12px;} */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {*+height: 1%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;}
/*强制去除表单自带的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family:Lucida Bright,Arial;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
a,a:link{text-decoration:none;}
a,a:visited{text-decoration:none;}
a,a:hover{text-decoration:none;}
a,a:active{text-decoration:none}


.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.anim{ transition: 0.8s ease;transition: all 0.3s ease-in-out}
.por{position: relative;}
.dib{display: inline-block;}
.vam{vertical-align: middle;}
.omission1{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.omission2{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.omission3{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.omission4{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.table{display: table;width: 100%;height: 100%;}
.table-call{display: table-cell;vertical-align: middle;}

/*页面框架结构*/
.w1200{ max-width: 1200px; margin: 0 auto;}
.w1130{ max-width: 1130px; margin: 0 auto;}
.w1280{ max-width: 1280px; margin: 0 auto;}
.w1366{ max-width: 1366px; margin: 0 auto;}
.w1440{ max-width: 1440px; margin: 0 auto;}
.w1680{ max-width: 1680px; margin: 0 auto;}
.contain{} /*页面主体内容*/
.content{}/*内容*/
.mainnav{}/*主导航*/
.menu{}/*边侧菜单*/
.maincontent{ padding: 50px 0;} /*主要内容*/
.txtbox,.singlepage{ word-wrap:break-word; overflow:hidden;}


/*分页*/
.Pages{ margin-top: 4.57%;font-size: 0;text-align: center;}
.Pages a{display: inline-block;padding: 0 15px;height: 40px;line-height: 40px;font-size: 14px;color: #999;border: 1px solid #ececec;font-family: '黑体';transition: 0.4s ease;}
.Pages a.a_first{margin-right: 10px;}
.Pages a.a_end{margin-left: 10px;}
.Pages .anum{font-family: 'Arial';}
.Pages a.a_cur,.Pages a:hover{background-color: #cf010e;color: #fff;border: 1px solid #cf010e;}
.Pages .num{display: inline-block;margin: 0 10px; font-style: normal;}
.Pages .num a{margin-right: 10px;}
.Pages .num a:last-child{margin-right: 0;}
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end{ display: none;}
.Pages .f1{font-size: 14px;margin: 0 10px;color: #666;line-height: 42px;}
.Pages .i_text{display: inline-block;height: 40px;width: 80px;border: 1px solid #edecec;vertical-align: middle;}
.Pages .i_button{margin-left: 10px;padding: 0 15px;height: 42px;font-size: 14px;color: #666;border: 1px solid #edecec;}
.head-prew{position: absolute;bottom: 0;right: 0;}
.head-prew a{display: inline-block;width: 70px;height: 30px;font-size: 16px;color: #c3c3c3;text-align: center;line-height: 28px;border-radius: 3px;border:1px solid #e0e0e0;box-sizing: border-box;}
.prew{margin-top: 5.2%;padding-top: 35px;border-top: 1px solid #eaeaea;}
.prew a{font-size: 16px;color: #999999;}

.prew .prev{font-size: 16px;color: #666666;}
.prew .next{margin-top: 12px;font-size: 16px;color: #666666;}

/* 搜索 标题列表 */
.search-list{ padding:30px 0; min-height:200px;}
.search-list .w1440 > ul>li{ padding:10px 0; line-height:30px; width:100%; overflow: hidden; position: relative; border-bottom:solid 1px #ccc;}
.search-list .w1440 > ul>li span{ font-size:16px; display: block; padding-right:90px;}
.search-list .w1440 > ul>li time{ width: 80px; font-size: 13px; color: #ccc; position: absolute; right: 0; top:0;}

/* 按钮 */
.rightMenuBtn {display:none;width:40px;height:40px;background-color:rgba(230,230,230,0.7);z-index:350;position:fixed;top: 5px;right: 10px}
.rightMenuBtn span {display:block;height:3px;background-color:#cf010e;position:absolute;top:20px; transition:0.5s;}
.rightMenuBtn img {display:block;position:absolute;bottom:5px;left: 5px;transition:0.5s;width:30px;height:auto;}
.rightMenuBtn .openMenu {width:30px;left:5px;}
.rightMenuBtn .closeMenu {left:25px;width:0;}
.rightMenuBtn span:active {width:0;}
.rightMenuBtn span:before,.rightMenuBtn span:after {content:"";display:block;width:30px;height:3px;background-color:#cf010e;position:absolute;transition:0.4s;}
.rightMenuBtn .openMenu:before {top:-10px;left:-0;}
.rightMenuBtn .openMenu:after {top:10px;left:-0;}
.rightMenuBtn .closeMenu:before {top:0px;left:-20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.rightMenuBtn .closeMenu:after {top:0px;left:-20px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}



/*@font-face {
    font-family: 'HelveticaNeueLTPro-LtEx';
    src: url('../fonts/HelveticaNeueLTPro-LtEx.eot');
    src: local('☺'), url('../fonts/HelveticaNeueLTPro-LtEx.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-LtEx.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-LtEx.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/*头部*/
header .head-top{padding: 15px 0;background-color: #000000;}
header .head-top .tips{float: left;font-size: 16px;color: rgba(255, 255, 255, .5);}
header .head-top .right-box{float: right;}
header .head-top .right-box .search{position: relative;display: inline-block;font-size: 0;}
header .head-top .right-box .search .search-open{width: 19px;height: 19px;background-image: url('../images/search.png');cursor:pointer}
header .head-top .right-box .search .search-box{display: none;position: absolute;top: 15px;padding-top: 15px;left: -75px;z-index: 33;}
header .head-top .right-box .search .search-bac{width: 140px;padding: 5px 10px;background-color: #fff;border: 1px solid #eee;border-radius: 5px;}
header .head-top .right-box .search .search-box .text{display: inline-block;width: 100px;height: 30px;font-size: 14px;border-right: 1px solid #eee;box-sizing: border-box;vertical-align: middle;}
header .head-top .right-box .search .search-box .btn{display: inline-block;width: 40px;height: 30px;font-size: 14px;color: #333;text-align: center;cursor:pointer;vertical-align: middle;}
header .head-top .right-box .search:hover .search-box{display: block;}
header .head-top .right-box .languages{position: relative;margin-left: 61px;display: inline-block;text-align: center;}
header .head-top .right-box .languages:before{display: block;content: '';width: 1px;height: 20px;position: absolute;top: 0;left: -30px;bottom: 0;margin: auto 0;background-color: #666666;}
header .head-top .right-box .languages .name{cursor:pointer}
header .head-top .right-box .languages .name span{display: inline-block;font-size: 18px;color: rgba(255, 255, 255, .5);vertical-align: middle;}
header .head-top .right-box .languages .name:after{display: inline-block;content: '';margin-left: 10px;width: 12px;height: 10px;background-image: url('../images/languages.png');vertical-align: middle;}
header .head-top .right-box .languages .languages-box{display: none;position: absolute;top: 15px;left: -20px;padding-top: 15px;z-index: 33;}
header .head-top .right-box .languages .languages-box ul{width: 60px;padding: 5px 10px;background-color: #fff;border: 1px solid #eee;border-radius: 5px;}
header .head-top .right-box .languages .languages-box ul li{padding-bottom: 5px;margin-bottom: 5px;text-align: center;border-bottom: 1px solid #eee;}
header .head-top .right-box .languages .languages-box ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
header .head-top .right-box .languages .languages-box ul li a{font-size: 14px;color: #333;}
header .head-top .right-box .languages:hover .languages-box{display: block;}
header .head-bottom{padding:8px 0;background-color: #cf000e;}
header .logo{float: left;}
header .logo img{max-width: 100px}
header .head-bottom .right-box{float: right;margin-top: 23px;}
header nav.close ul li:not(:last-child){display: none;}
header nav{display: inline-block; font-size:0;}
header nav ul li{position: relative;display: inline-block;margin-right: 60px;}
header nav ul li:last-child{margin-right: 0;width: 40px;height: 40px;}
header nav ul li a{font-size: 18px;color: #fff;}
header nav ul li .nav_sub{margin: 0;position: absolute;top: 100%;background:rgba(0,0,8,.7);left: 50%;transform: translateX(-50%);z-index: 9;width:140px;display: none;/*padding: 10px 0;*/}
header nav ul li .nav_sub dd:first-child{margin-top:10px;}
header nav ul li .nav_sub dd:last-child{margin-bottom:10px;}
header nav ul li:nth-child(9) .nav_sub{height: 0!important;}
header nav ul li .nav_sub dd{margin: 0;text-align: center;padding: 0 10px;transition:.3s;line-height:1;}
header nav ul li .nav_sub dd a{font-size:14px;padding: 0;font-weight: normal;line-height:40px;color:#fff;}
header nav ul li .nav_sub dd:hover{background:#cf000e;}
header nav ul li .nav_sub dd:hover a{color:#fff;}
@media(min-width: 1201px){
    header .head-bottom .right-box{margin-top:0;}
    header nav ul li{line-height:66px;}
    header nav ul li:last-child{margin-top:23px;}
}
@media(max-width:1200px){
    header nav ul li .nav_sub{position: static;transform: translateX(0);width:auto;background:rgba(238,238,238,.8);}
    header nav ul li .nav_sub dd a{color:#333;}
}
.navMenuBtn {width:40px;height:40px;z-index:350;position: absolute;top: -10px;right: 0px;background-color: transparent;}
.navMenuBtn span {display:block;height:2px;background-color:#fff;position:absolute;top:20px; transition:0.5s;}
.navMenuBtn img {display:block;position:absolute;bottom:5px;left: 5px;transition:0.5s;width:30px;height:auto;}
.navMenuBtn .openMenu {width:30px;left:5px;}
.navMenuBtn .closeMenu {left:25px;width:0;}
.navMenuBtn span:active {width:0;}
.navMenuBtn span:before,.navMenuBtn span:after {content:"";display:block;width:30px;height:3px;background-color:#fff;position:absolute;transition:0.4s;}
.navMenuBtn .openMenu:before {top:-10px;left:-0;}
.navMenuBtn .openMenu:after {top:10px;left:-0;}
.navMenuBtn .closeMenu:before {top:0px;left:-20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.navMenuBtn .closeMenu:after {top:0px;left:-20px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
/* 底部 */
footer{}
footer .foot-top{padding: 3.125% 0;background-color: #000000;}
footer .foot-bottom{padding: 20px 0;background-color: #cf000e;}
footer .foot-nav{float: left;}
footer .foot-right{float: right;}
footer .foot-nav ul{font-size: 0;}
footer .foot-nav ul li{display: inline-block;margin-right: 55px;}
footer .foot-nav ul li:last-child{margin-right: 0;}
footer .foot-nav ul li .name a{font-size: 18px;color: rgba(255, 255, 255, .8);}
footer .foot-nav ul li .name:after{display: block;content: '';width: 20px;height: 1px;margin-top: 20px;background-color: rgba(255, 255, 255, .8);}
footer .foot-nav ul li .item{margin-top: 15px;}
footer .foot-nav ul li .item a{font-size: 16px;color: #808080;}
footer .share .name{text-align: right;font-size: 18px;color: rgba(255, 255, 255, .8);}
footer .share ul{margin-top: 18px;text-align: right;}
footer .share ul li{display: inline-block;margin-right: 20px;}
footer .share ul li:last-child{margin-right: 0;}
footer .share ul li a{display: block;width: 26px;height: 24px;background-size: 100%;}
footer .share ul li:nth-of-type(1) a{background-image: url('../images/foot-ioc1.png');}
footer .share ul li:nth-of-type(2) a{background-image: url('../images/foot-ioc2.png');}
footer .share ul li:nth-of-type(3) a{background-image: url('../images/foot-ioc3.png');}
footer .share ul li:nth-of-type(4) a{background-image: url('../images/foot-ioc4.png');}
footer .share ul li:nth-of-type(5) a{background-image: url('../images/foot-ioc5.png');}
footer .ewm{margin-top: 35px;padding-top: 25px;border-top: 1px solid #454545;}
footer .ewm ul li{display: inline-block;margin-right: 30px;}
footer .ewm ul li:last-child{margin-right: 0;}
footer .ewm ul li .img{width: 122px;margin: auto;}
footer .ewm ul li .img img{width: 100%;}
footer .ewm ul li .text{margin-top: 20px;font-size: 18px;color: #575757;line-height: 1.5;text-align: center;}
footer .icp{float: left;font-size: 14px;color: #ffffff;}
footer .icp a{color: #fff;}
footer .foot-column{float: right;}
footer .foot-column ul li{display: inline-block;margin-right: 30px;}
footer .foot-column ul li:last-child{margin-right: 0;}
footer .foot-column ul li a{font-size: 14px;color: #ffffff;}
/* 公用 */
.column-banner{position: relative;}
.column-banner img{width: 100%}
.column-title{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);z-index: 3;}
.column-title .left-title{display: inline-block;font-size: 48px;color: #fff;}
.column-title .right-title{display: inline-block;margin-left: 8px;}
.column-title .son-title{font-size: 36px;color: #fff;}
.column-title .en-title{margin-top: 5px;font-size: 16px;color: #fff;font-family: 'Arial';}
.column-menu{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 3;}
.column-menu ul{padding: 25px 3.8%;background-color: rgba(0, 0, 0, .5);font-size: 0;}
.column-menu ul li{position: relative;display: inline-block;margin-right: 55px;}
.column-menu ul li:last-child{margin-right: 0;}
.column-menu ul li a{font-size: 18px;color: #fff;}
.column-menu li.on a{color: #cf010e;}
.column-menu li.on:after{position: absolute;content: '';left: 0;top: 43px;width: 100%;height: 2px;background-color: #cf010e;z-index: 3;}
.location{margin:30px 0; font-size: 14px;color: #999999;text-align: right;}
.location .box{display: inline-block;vertical-align: middle;}
.location .w1440:before{display: inline-block;content: '';width: 14px;height: 11px;margin-right: 6px;background-image: url(../images/home.png);vertical-align: middle;}
.location a{color: #999;vertical-align: middle;}
.location span{color: #333;vertical-align: middle;}
.son-menu{margin-bottom: 20px;}
.son-menu ul{font-size: 0;padding: 20px 55px;background-image: url('../images/son-menu.jpg');background-position: center;background-repeat: no-repeat;background-size: auto;}
.son-menu ul li{display: inline-block;margin-right: 50px;}
.son-menu ul li:last-child{margin-right: 0;}
.son-menu ul li:after{display: inline-block;content: '';margin-left: 50px;width: 0px;height: 16px;border-left: 1px dashed #9a9a9a;vertical-align: middle;}
.son-menu ul li:last-child:after{display: none;}
.son-menu ul li a{display: inline-block;font-size: 16px;color: #333333;vertical-align: middle;}
.son-menu ul li.on a{color: #cf010e;}
/* 首页 */
.banner .swiper-container{position: relative;}
.banner .swiper-container .button-group{position: absolute;max-width: 1440px;bottom: 4.1%;left: 0;right: 0;margin: 0 auto;text-align: right;z-index: 33;}
.banner .swiper-container .button-group .button-prev{display: inline-block;width: 9px;height: 17px;background-image: url('../images/button-prev.png');vertical-align: middle;cursor:pointer}
.banner .swiper-container .button-group .button-next{display: inline-block;margin-left: 25px;width: 9px;height: 17px;background-image: url('../images/button-next.png');vertical-align: middle;cursor:pointer}
.banner .swiper-container .button-group .swiper-pagination{display: inline-block;position: static;margin-left: 45px;vertical-align: middle;}
.banner .swiper-container .button-group .swiper-pagination .my-bullet{display: inline-block;position: relative;margin-right: 25px;font-family: 'Arial';}
.banner .swiper-container .button-group .swiper-pagination .my-bullet:last-child{margin-right: 0;}
.banner .swiper-container .button-group .swiper-pagination .my-bullet span{display: inline-block;font-size: 20px;color: #110309;vertical-align: middle;}
.banner .swiper-container .button-group .swiper-pagination .my-bullet em{display: none;position: relative;width: 40px;height: 1px;margin-left: 25px;vertical-align: middle;}
.banner .swiper-container .button-group .swiper-pagination .my-bullet em:before{position: absolute;content: '';top: 0;left: 0;width: 0px;height: 1px;background-color: #fff;z-index: 3;}
.banner .swiper-container .button-group .swiper-pagination .my-bullet.swiper-pagination-bullet-active{background-color: transparent;}
.banner .swiper-container .button-group .swiper-pagination .my-bullet.swiper-pagination-bullet-active span{color: #cb0000;background-color: transparent;}
.banner .swiper-container .button-group .swiper-pagination .my-bullet.swiper-pagination-bullet-active em{display: inline-block}
.banner .swiper-container .button-group .swiper-pagination .my-bullet.swiper-pagination-bullet-active em:before{animation: btn 3s linear;animation-fill-mode: forwards;}
.banner img{width: 100%}
.banner .video img{opacity: 0;}
.banner .video video{position: absolute;z-index: 10;left: 50%; top: 50%; transform: translate(-50%, -50%);height: 100%; min-width: 100%;background:#000;}
.banner .iframe img{opacity: 0;}
.banner .iframe iframe{position: absolute;z-index: 10;left: 50%; top: 50%; transform: translate(-50%, -50%);height: 100%; min-width: 100%;background:#000;}
@keyframes btn {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}
.index{padding: 4.16% 0;background-image: url('../images/index-bag.jpg');background-size: auto;background-position: top center;background-repeat: no-repeat;}
.public-title{margin-bottom: 35px;font-size: 0;}
.public-title .main{display: inline-block;padding: 10px;font-size: 24px;color: #ffffff;background-color: #cf000e;vertical-align: middle;}
.public-title .box{display: inline-block;margin-left: 10px;vertical-align: middle;}
.public-title .box .son{font-size: 24px;color: #333333;}
.public-title .box .en{margin-top: 10px;font-size: 14px;color: #999999;font-family: 'Arial';text-transform:uppercase;}
.public-title .public_sous{ position: relative; margin-top:13px; border:solid 1px #333; padding:0 15px; line-height:35px;}
.public-title .public_sous .input{ padding-right:30px;}
.public-title .public_sous .input input{ height:35px; line-height:35px; width:100%;}
.public-title .public_sous .but_input{ position: absolute; top:0; right:5px; background: url(../images/search_icon.png) no-repeat center; background-size:20px;}
.public-title .public_sous .but_input input{ cursor: pointer; height:35px; line-height:35px; width:100%; width:35px;}
.index .index-news .list{position: relative;}
.index .index-news .list .box{position: relative;}
.index .index-news .list .box img{width: 100%;}
.index .index-news .list .box:before{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/index-news.png');background-size: 100%;z-index: 3;}
.index .index-news .list .time{position: absolute;top: 8%;left: 8%;width: 62px;padding: 12px 0;text-align: center;border: 1px solid #fff;box-sizing: border-box;z-index: 5;}
.index .index-news .list .time .r{font-size: 32px;color: #fff;}
.index .index-news .list .time .y{margin-top: 2px;font-size: 18px;color: #fff;}
.index .index-news .list .title{position: absolute;left: 0;bottom: 8%;right: 0;width: 84%;height: 68px;margin: 0 auto;z-index: 5;}
.index .index-news .list .title a{font-size: 24px;color: #ffffff;line-height: 1.5;}
.index .index-news .list .more{padding: 7.6% 8.7%;background-color: #fff;}
.index .index-news .list .more a{display: inline-block;padding: 12px 6px;font-size: 16px;color: #999999;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
.index .index-news .list .button-prev{position: absolute;display: block;width: 40px;height: 40px;top: -20%;bottom: 0;left: -80px;margin: auto 0;background-image: url('../images/index-news-prev.png');background-size: 100%;z-index: 3;cursor:pointer}
.index .index-news .list .button-next{position: absolute;display: block;width: 40px;height: 40px;top: -20%;bottom: 0;right: -80px;margin: auto 0;background-image: url('../images/index-news-next.png');background-size: 100%;z-index: 3;cursor:pointer}
.index .index-brand{margin-top: 6.25%;}
.index .index-brand .list{position: relative;}
.index .index-brand .list ul{font-size: 0;}
.index .index-brand .list ul li{display: inline-block;width: 31.25%;margin-right: 3.125%;}
.index .index-brand .list ul li:last-child{margin-right: 0;}
.index .index-brand .list ul li .img{border: 1px solid #eeeeee;}
.index .index-brand .list ul li .img img{width: 100%;}
.index .index-brand .list .button-prev{position: absolute;display: block;width: 40px;height: 40px;top: 0;bottom: 0;left: -80px;margin: auto 0;background-image: url('../images/index-news-prev.png');background-size: 100%;z-index: 3;cursor:pointer}
.index .index-brand .list .button-next{position: absolute;display: block;width: 40px;height: 40px;top: 0;bottom: 0;right: -80px;margin: auto 0;background-image: url('../images/index-news-next.png');background-size: 100%;z-index: 3;cursor:pointer}
/*公司*/
.about .about-brief .pack-box{font-size: 0;}
.about .about-brief .pack-box .text{display: inline-block;width: 54%;font-size: 18px;color: #333333;line-height: 2;}
.about .about-brief .pack-box .main-box{display: inline-block;width: 42%;margin-left: 4%;}
.about .about-brief .pack-box .main-box .video{position: relative;}
.about .about-brief .pack-box .main-box .video img{width: 100%}
.about .about-brief .pack-box .main-box .video a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);z-index: 3;}
.about .about-brief .pack-box .main-box .video a .btn{position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);z-index: 4;}
.about .about-brief .pack-box .main-box .video .ioc{display: block;width: 75px;height: 75px;margin: auto;background-image: url('../images/play.png');}
.about .about-brief .pack-box .main-box .video .name{display: block;margin-top: 15px;font-size: 18px;color: #fff;}
.about .about-brief .pack-box .main-box .course{margin-top: 40px;}
.about .about-brief .pack-box .main-box .course ul{font-size: 0;}
.about .about-brief .pack-box .main-box .course ul li{display: inline-block;margin-right: 70px;}
.about .about-brief .pack-box .main-box .course ul li:last-child{margin-right: 0;}
.about .about-brief .pack-box .main-box .course .name{margin-bottom: 5px;font-size: 18px;color: #333333;}
.about .about-brief .pack-box .main-box .course .num{font-size: 70px;color: #333333;font-weight: bold;text-align: center;}
.about .about-brief .pack-box .main-box .course .num em{ font-style: normal;}
.about .about-brief .pack-box .main-box .course .num span{vertical-align: initial;font-size: 24px;color: #777777;font-weight: normal;}
.about .about-brief .pack-box .main-box .course ul li:not(:first-child) .num{font-size: 60px;}
.about .about-brief .pack-box .main-box .course ul li:not(:first-child) .num span{font-size: 16px;}
.about .about-brief .pack-box .main-box .course .course-text{margin-top: 10px;font-size: 16px;color: #777777;}
.about .about-introduce{display: table;width: 100%;margin-top: 7.2%;}
.about .about-introduce .img{display: table-cell;width: 52%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.about .about-introduce .text{display: table-cell;width: 48%;padding: 3.6% 3.8%;background-image: url('../images/about-introduce.jpg');background-size: cover;background-position: center;}
.about .about-introduce .text p{display: block;max-width: 605px;font-size: 18px;color: #333333;line-height: 1.7;}
.about .about-layout{margin-top: 7.2%;padding-bottom: 7.2%}
.about .about-layout .name{margin-bottom: 3.8%;font-size: 30px;color: #333333;}
.about .about-layout .name span{padding-left: 15px;font-size: 18px;color: #333333;vertical-align: middle;}
.about .about-layout .list{position: relative;}
.about .about-layout .list .swiper-slide{position: relative;}
.about .about-layout .list a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;}
.about .about-layout .list img{width: 100%;}
.about .about-layout .list .title{position: absolute;left: 0;bottom: 0;padding: 10px 2px;width: 100%;font-size: 16px;color: #ffffff;text-align: center;background-color: rgba(0, 0, 0, .8);z-index: 3;box-sizing: border-box;}
.about .about-layout .list .button-prev{position: absolute;display: block;width: 40px;height: 40px;top: 0;bottom: 0;left: -80px;margin: auto 0;background-image: url('../images/index-news-prev.png');background-size: 100%;z-index: 3;cursor:pointer}
.about .about-layout .list .button-next{position: absolute;display: block;width: 40px;height: 40px;top: 0;bottom: 0;right: -80px;margin: auto 0;background-image: url('../images/index-news-next.png');background-size: 100%;z-index: 3;cursor:pointer}
.about .about-global{margin-top: 7.2%;padding: 3.125% 0;background-image: url('../images/about-global.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;display: none}
.about .about-global .title{font-size: 30px;color: #333333;}
.about .about-global .text{margin-top: 20px;font-size: 18px;color: #333333;line-height: 1.8;}
.about .about-global .img{margin-top: 35px; position: relative;}
.about .about-global .img img{width: 100%}

.about .about-global .img dl{position: absolute; width:38px; height:38px;}
.about .about-global .img dt{ width: 100%; height: 100%;}
.about .about-global .img dt i{position: absolute;border-radius: 50%;background: rgba(203,88,94,0.8);}
.about .about-global .img dt i:not(:last-child){;opacity: 0.12;filter: alpha(opacity=12);
-webkit-animation: warn 2s ease-out;
-moz-animation: warn 2s ease-out;
animation: warn 2s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;}
.about .about-global .img dt i:nth-child(1){left: 0; top: 0; right: 0; bottom: 0;}
.about .about-global .img dt i:nth-child(2){background:#cb585e;width:9px; height:9px; left: 50%; top: 50%; margin: -5px 0 0 -5px;}




.structure{padding-bottom: 7.8%;background-image: url('../images/structure-bg.png');background-position: bottom center;background-repeat: no-repeat;background-size: auto;}
.structure .img img{width: 100%}
.memorabilia{padding-bottom: 7.8%;}
.memorabilia .list{position: relative;padding: 10px 0}
.memorabilia .list:before{display: block;content: '';position: absolute;top: 0;width: 0;height: 100%;left: 0;right: 0;margin: 0 auto;border-left: 2px dashed #cbcccb;}
.memorabilia .list ul{position: relative;}
.memorabilia .list ul li{display: block;position: relative;width: 50%;margin-bottom: -4%;}
.memorabilia .list ul li:last-child{margin-bottom: 0;}
.memorabilia .list ul li:before{position: absolute;display: block;content: '';top: -15px;width: 30px;height: 30px;background-image: url('../images/memorabilia-ioc.png');background-size: 100%;}
.memorabilia .list ul li .name{padding-top: 10px;font-size: 48px;font-weight: bold;color: #333333;background-size: auto;background-repeat: no-repeat;}
.memorabilia .list ul li .name span{font-size: 24px;vertical-align: middle;}
.memorabilia .list ul li .main-table{display: table;margin-top: 30px;width: 91.5%}
.memorabilia .list ul li .main-table .img{display: table-cell;width: 45.5%;vertical-align: middle;}
.memorabilia .list ul li .main-table .img img{width: 100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition:.3s;}
.memorabilia .list ul li:hover .main-table .img img{-webkit-filter: inherit;-moz-filter: inherit;-ms-filter: inherit;-o-filter: inherit;filter: inherit;filter: inherit;}
.memorabilia .list ul li .main-table .text{display: table-cell;width: 54.5%;padding: 25px;font-size: 18px;color: #333333;line-height: 1.7;background-color: #f9f9f9;vertical-align: middle;box-sizing: border-box;}
.memorabilia .list ul li .main-table .text strong{ font-size:26px; line-height:35px; display: block;}
.memorabilia .list ul li .main-table .text strong font{ font-size:16px; font-weight:500;}
.memorabilia .list ul li:nth-of-type(odd){margin-left: auto;}
.memorabilia .list ul li:nth-of-type(even){margin-right: auto;}
.memorabilia .list ul li:nth-of-type(odd):before{left: -15px;}
.memorabilia .list ul li:nth-of-type(even):before{right: -15px;}
.memorabilia .list ul li:nth-of-type(odd) .name{padding-left: 80px;text-align: left;background-image: url('../images/memorabilia-right.png');background-position: top left;}
.memorabilia .list ul li:nth-of-type(even) .name{padding-right: 80px;text-align: right;background-image: url('../images/memorabilia-left.png');background-position: top right;}
.memorabilia .list ul li:nth-of-type(odd) .main-table{margin-left: 8.5%;}
.memorabilia .list ul li:nth-of-type(even) .main-table{margin-right: 8.5%;}
.memorabilia .list ul li:hover .name{color: #cf010e;}
.memorabilia .list ul li:hover .main-table{box-shadow: 0 15px 20px rgba(0, 0, 0, .2);}
.memorabilia .list ul li:hover:before{background-image: url('../images/memorabilia-iocon.png');}
.brand-video{padding-bottom: 5.2%;}
.brand-video .main-box{font-size: 0;}
.brand-video .main-box .slider-left{position: relative;display: inline-block;width: 75%}
.brand-video .main-box .slider-right{position: relative;display: inline-block;width: 23.5%;margin-left: 1.5%;}
.brand-video .main-box .slider-left .video video,
.brand-video .main-box .slider-left .video iframe{display: block;width: 100%;height:690px;}
.brand-video .main-box .slider-left .video figure{display: block;width: 100%;height:690px;background-size: cover;background-repeat:no-repeat;background-position:center center;}
@media(max-width:1024px){
    .brand-video .main-box .slider-left .video video,
    .brand-video .main-box .slider-left .video iframe{height: 350px;}
    .brand-video .main-box .slider-left .video figure{height: 350px;}
}
.brand-video .main-box .slider-left .video video{display: block;width: 100%;object-fit: cover;}
.brand-video .main-box .slider-left .title{margin-top: 20px;font-size: 24px;color: #020404;}
.brand-video .main-box .slider-left .text{margin-top: 20px;font-size: 16px;color: #020404;line-height: 1.7;}
.brand-video .main-box .slider-left .slick-list{overflow: hidden;width: 100%;position: relative;}
.brand-video .main-box .slider-left .items{display: inline-block;}
.brand-video .main-box .slider-left .items a{display: block;position: absolute;width:100%;height: 100%;top: 0;left: 0;z-index: 9;}
.brand-video .main-box .slider-left .items .video div{position: relative;}
.brand-video .main-box .slider-left .items .video div:before{display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-image: url(../images/play2.png);background-size: auto;background-position: center;background-color: rgba(0, 0, 0, .45);background-repeat: no-repeat;cursor: pointer;}
.brand-video .main-box .slider-right .img{position: relative;}
.brand-video .main-box .slider-right .img img{width: 100%;}
.brand-video .main-box .slider-right .img:before{display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-image: url('../images/play2.png');background-size: auto;background-position: center;background-color: rgba(0, 0, 0, .75);background-repeat: no-repeat;}
.brand-video .main-box .slider-right .title{margin-top: 10px;font-size: 16px;color: #040708;text-align: center;}
.brand-video .main-box .slider-right .slick-list{overflow: hidden;}
.brand-video .main-box .slider-right .items{display: inline-block;margin-bottom:10px;position: relative;width: 100%;position: relative;}
.brand-video .main-box .slider-right .swiper-btn{margin-top: 40px;text-align: center;}
.brand-video .main-box .slider-right .swiper-btn div{display: inline-block;width: 80px;height: 40px;margin-right: 30px;cursor:pointer}
.brand-video .main-box .slider-right .swiper-btn div:last-child{margin-right: 0;}
.brand-video .main-box .slider-right .swiper-btn .prev{background-image: url('../images/btn-dn.png');}
.brand-video .main-box .slider-right .swiper-btn .next{background-image: url('../images/btn-up.png');}
.tech-center{}
.tech-center .suggest .text{float: left;width: 46.5%;font-size: 18px;color: #333333;line-height: 2;}
.tech-center .suggest .img{float: right;width: 47.5%;float: right;}
.tech-center .suggest .img img{width: 100%;}
.tech-center .attestation{position: relative;margin-top: 8.3%;z-index: 3;}
.tech-center .attestation ul{position: relative;margin-bottom: -7.1%;font-size: 0;}
.tech-center .attestation ul li{display: inline-block;margin-right: 15px;}
.tech-center .attestation ul li:last-child{margin-right: 0;}
.tech-center .attestation ul li .img img{width: 100%;}
.tech-center .attestation ul li .title{margin-top: 30px;font-size: 14px;color: #333333;text-align: center;line-height: 1.7;}
.tech-center .attestation ul .slick-list{overflow: hidden;}
.tech-center .attestation ul .slick-prev{position: absolute;display: block;width: 40px;height: 40px;top: 0;bottom: 0;left: -80px;margin: auto 0;background-image: url(../images/index-news-prev.png);background-size: 100%;z-index: 3;cursor: pointer;background-color:transparent;font-size:0;}
.tech-center .attestation ul .slick-next{position: absolute;display: block;width: 40px;height: 40px;top: 0;bottom: 0;right: -80px;margin: auto 0;background-image: url(../images/index-news-next.png);background-size: 100%;z-index: 3;cursor: pointer;background-color:transparent;font-size:0;}
.tech-center .list{padding-top: 7.2%;background-color: #fbfbfc;}
.tech-center .list ul{padding-top: 6.5%;border-top: 1px solid #eeeeee;}
.tech-center .list ul li{position: relative;margin-bottom: 5.5%;}
.tech-center .list ul li .img{width: 47.5%}
.tech-center .list ul li .img img{width: 100%}
.tech-center .list ul li .text{position: absolute;top:50%;width: 47.5%;margin: auto 0;font-size: 18px;color: #333333;line-height: 1.7;transform: translateY(-50%);}
.tech-center .list ul li:nth-of-type(odd) .img{margin-right: auto;}
.tech-center .list ul li:nth-of-type(even) .img{margin-left: auto;}
.tech-center .list ul li:nth-of-type(odd) .text{right: 0;}
.tech-center .list ul li:nth-of-type(even) .text{left: 0;}
.enterprise-honor{padding-bottom: 5.2%;}
.enterprise-honor .list ul{font-size: 0;}
.enterprise-honor .list ul li{display: inline-block;width: 29%;margin-right: 6.5%;margin-bottom: 6.5%;}
.enterprise-honor .list ul li:nth-of-type(3n){margin-right: 0;}
.enterprise-honor .list ul li .img img{width: 100%}
.enterprise-honor .list ul li .title{margin-top: 25px;font-size: 20px;color: #333333;text-align: center;}
.leading-care{padding-bottom: 5.2%;}
.leading-care .list ul li{position: relative;margin-bottom: 40px;background-color: #f3f3f3;}
.leading-care .list ul li .img{position: relative;width: 38%;}
.leading-care .list ul li .img img{position: relative;width: 100%;z-index: 2;}
.leading-care .list ul li .img:after{display: block;content: '';position: absolute;bottom: -9px;width: 87%;height: 91%;background-color: #cf010e;z-index: 1;}
.leading-care .list ul li .main{position: absolute;width: 50%;top: 10%;}
.leading-care .list ul li .num{font-size: 60px;color: #999999;font-weight: bold;}
.leading-care .list ul li .num:after{display: inline-block;content: '';width: 5px;width: 30px;height: 1px;margin-left: 5px;background-color: #999999;}
.leading-care .list ul li .title{margin-top: 10px;font-size: 30px;color: #333333;line-height: 1.6;}
.leading-care .list ul li .text{margin-top: 15px;font-size: 18px;color: #333333;line-height: 2;}
.leading-care .list ul li:nth-of-type(odd) .img{margin-right: auto;}
.leading-care .list ul li:nth-of-type(odd) .img:after{right: -9px;}
.leading-care .list ul li:nth-of-type(odd) .main{right: 7%;}
.leading-care .list ul li:nth-of-type(even) .img{margin-left: auto;}
.leading-care .list ul li:nth-of-type(even) .main{left: 7%;}
.leading-care .list ul li:nth-of-type(even) .img:after{left: -9px;}
.inscriptions{padding-bottom: 5.2%;}
.inscriptions ul li{position: relative;margin-bottom: 3.4%;}
.inscriptions ul li .img{margin-left: auto;width: 97.8%}
.inscriptions ul li .img img{width: 100%;}
.inscriptions ul li .title{position: absolute;top: 0;left: 0;bottom: 0;margin: auto 0;width: 64px;height: 254px;background-image: url('../images/inscriptions-title.png');}
.inscriptions ul li .title span{display: block;width: 18px;height: 100%;margin: auto;writing-mode:tb-rl;text-align: center;font-size: 18px;color: #ffffff;}
/*新闻*/
.news-list{padding-bottom: 5.2%;}
.news-list .istop .slider{position: relative;overflow: hidden;}
.news-list .istop li{float: left;display: table;background-color: #f6f6f7;}
.news-list .istop .img{display: table-cell;width: 50%;vertical-align: middle;}
.news-list .istop .img img{width: 100%}
.news-list .istop .table-box{display: table-cell;width: 50%;padding: 0 30px 0 60px;vertical-align: middle;box-sizing: border-box;}
.news-list .istop .time{margin-left: auto;width: 90px;padding: 10px 0;text-align: center;border: 1px solid #eeeeee;box-sizing: border-box;}
.news-list .istop .time .r{font-size: 50px;color: #999999;}
.news-list .istop .time .ny{margin-top: 5px;font-size: 16px;color: #999999;}
.news-list .istop .title{height: 30px;}
.news-list .istop .title a{font-size: 30px;color: #333333;}
.news-list .istop .text{margin-top: 20px;font-size: 16px;color: #333333;line-height: 1.6;}
.news-list .istop .more{margin-top: 30px;}
.news-list .istop .more a{display: block;width: 130px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #ffffff;background-color: #cf000e;border-radius: 4px;}
.news-list .istop .slick-list{position: relative;z-index: 33;}
.news-list .istop .slick-dots{position: absolute;bottom: 8%;right: 30px;z-index: 35;}
.news-list .istop .slick-dots li{display: inline-block;margin-left: 18px;}
.news-list .istop .slick-dots li button{display: block;width: 16px;height: 16px;font-size: 0;border: 3px solid #999999;border-radius: 16px;box-sizing: border-box;cursor: pointer;}
.news-list .istop .slick-dots li.slick-active button{background-color: #cf000e;border: 3px solid #cf000e;}
.news-list .list{margin-top: 4.8%;}
.news-list .list ul li{margin-bottom: 2.77%;padding-bottom: 2.77%;font-size: 0;border-bottom: 1px solid #f1f1f1;}
.news-list .list ul li .img{display: inline-block;width: 22.5%;vertical-align: middle;}
.news-list .list ul li .img img{width: 100%;}
.news-list .list ul li .main-box{display: inline-block;width: 71%;margin-left: 4%;vertical-align: middle;}
.news-list .list ul li .inner-box{display: inline-block;width: calc(94.5% - 90px);margin-right: 5.5%;}
.news-list .list ul li .time{display: inline-block;width: 90px;padding: 10px 0;text-align: center;border: 1px solid #eeeeee;box-sizing: border-box;}
.news-list .list ul li .time .r{font-size: 50px;color: #999999;}
.news-list .list ul li .time .ny{margin-top: 5px;font-size: 16px;color: #999999;}
.news-list .list ul li .title{height: 20px;}
.news-list .list ul li .title a{font-size: 20px;color: #333333;font-weight: bold;}
.news-list .list ul li .text{margin-top: 15px;font-size: 16px;color: #333333;line-height: 1.6;}
.news-list .list ul li .more{margin-top: 25px;}
.news-list .list ul li .more a{font-size: 16px;color: #999999;}
.news-list .list ul li .more a span{font-family: '宋体';}
.news-list .list ul li .title:hover a{color: #cf000e;}
.news-list .list ul li .more:hover a{color: #cf000e;}
.skill-list{padding-bottom: 5.2%;}
.skill-list .list ul{font-size: 0;}
.skill-list .list ul li{display: inline-block;width: 30%;margin-right: 5%;margin-bottom: 5%;padding-bottom: 3%;border-bottom: 1px solid #e6e6e6;}
.skill-list .list ul li:nth-of-type(3n){margin-right: 0;}
.skill-list .list ul li .img img{width: 100%;}
.skill-list .list ul li .title{margin-top: 30px;height: 30px;}
.skill-list .list ul li .title a{font-size: 30px;color: #333333;}
.skill-list .list ul li .text{margin-top: 25px;font-size: 16px;color: #333333;line-height: 1.7;}
/*画材*/
.materials-list{padding-bottom: 5.2%;}
.materials-list .list ul li{position: relative;margin-bottom: 10.5%;}
.materials-list .list ul li:nth-of-type(odd) .img{float: left;}
.materials-list .list ul li:nth-of-type(odd) .main-box{float: right;}
.materials-list .list ul li:nth-of-type(even) .img{float: right;}
.materials-list .list ul li:nth-of-type(even) .main-box{float: left;}
.materials-list .list .top-box{position: relative;z-index: 2;}
.materials-list .list .img{width: 55.5%}
.materials-list .list .img img{width: 100%}
.materials-list .list .main-box{width: 38%}
.materials-list .list .name{font-size: 35px;color: #333333;}
.materials-list .list .title{margin-top: 20px;font-size: 36px;color: #333333;}
.materials-list .list .text{margin-top: 25px;font-size: 16px;color: #333333;line-height: 1.8;}
.materials-list .list .btn{margin-top: 8.5%;}
.materials-list .list .btn a{display: inline-block;margin-right: 20px;}
.materials-list .list .btn a:last-child{margin-right: 0;}
.materials-list .list .btn a.more{width: 130px;height: 40px;text-align: center;font-size: 16px;color: #ffffff;line-height: 40px;border-radius: 4px;background-color: #cf000e;}
.materials-list .list .btn a.tmall{width: 268px;height: 40px;background-image: url(../images/painting-list-more.png);border-radius: 4px;}
.materials-list .list .auto-img{position: relative;width: 55%;margin: 0 auto;z-index: 3;}
.materials-list .list .auto-img img{width: 100%;margin-top: -15%;}
.painting-list{padding-bottom: 5.2%;}
.painting-list .list ul li{padding:2.5% 0;background-size: auto;background-position:top center;background-repeat: no-repeat;}
.painting-list .list ul li .img{width: 50%;}
.painting-list .list ul li .img img{width: 100%}
.painting-list .list ul li .main-box{width: 43%;padding-top: 5%;}
.painting-list .list ul li .title{font-size: 35px;color: #333333;}
.painting-list .list ul li .text{margin-top: 35px;font-size: 16px;color: #333333;line-height: 1.7;}
.painting-list .list ul li .more{margin-top: 11.3%;}
.painting-list .list ul li .more a{display: block;width: 268px;height: 40px;background-image: url('../images/painting-list-more.png');}
.painting-list .list ul li:nth-of-type(odd) .img{float: left;}
.painting-list .list ul li:nth-of-type(odd) .main-box{float: right;}
.painting-list .list ul li:nth-of-type(even) .img{float: right;}
.painting-list .list ul li:nth-of-type(even) .main-box{float: left;}
.product-video{margin-top: 4.16%;}
.product-video ul li{display: inline-block;width: 31.25%;margin-right:2.8%;margin-bottom:2.8%;}
.product-video ul li a{display: block;position: absolute;width:100%;height: 100%;top: 0;left: 0;z-index: 9;}
.product-video ul li:nth-of-type(3n){margin-right: 0;}
.product-video ul li .img{position: relative;display: block;}
.product-video ul li .img:after{display: block;position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/play2.png');background-size: auto;background-position: center;background-color: rgba(0, 0, 0, .75);background-repeat: no-repeat;}
.product-video ul li.on .img:after{display: none;}
.product-video ul li .img img{width: 100%}
.product-video ul li .title{margin-top: 15px;font-size: 20px;color: #040708;}
.product-video ul li .text{margin-top: 10px;font-size: 16px;color: #999999;}
.product-video ul li .img .vidBox{position: absolute;width:100%;height: 100%;position: absolute;top: 0;left: 0;display: none;}

/*画材商城*/
.online-mall{padding-bottom: 5.2%;}
.online-mall .brand-nav ul{text-align: center;}
.online-mall .brand-nav ul li{display: inline-block;position: relative;margin-right: 80px;border-bottom: 2px solid transparent;}
.online-mall .brand-nav ul li:after{position: absolute;right: -40px;top: 3px;display: inline-block;content: '';width: 1px;height: 16px;background-color: #dddddd;vertical-align: middle;}
.online-mall .brand-nav ul li a{display: inline-block;padding-bottom: 10px;font-size: 18px;color: #333333;vertical-align: middle;}
.online-mall .brand-nav ul li.on{border-bottom: 2px solid #cf010e;}
.online-mall .brand-nav ul li.on a{color: #cf010e;}
.online-mall .brand-nav ul li:last-child{margin-right: 0;}
.online-mall .brand-nav ul li:last-child:after{display: none;}
.online-mall .list ul li{padding: 5.2% 0}
.online-mall .list ul li:nth-of-type(odd){background-color: #fff;}
.online-mall .list ul li:nth-of-type(even){background-color: #f8f8f8;}
.online-mall .list ul li .logo-ioc{float: left;width: 16.5%;}
.online-mall .list ul li .logo-ioc img{width: 100%}
.online-mall .list ul li .main-box{float: right;width: 73.5%;}
.online-mall .list ul li .title{font-size: 36px;color: #333333;}
.online-mall .list ul li .name{margin-top: 20px;font-size: 20px;color: #333333;}
.online-mall .list ul li .bottom-box{margin-top: 30px;font-size: 0;}
.online-mall .list ul li .text{display: inline-block;width: 66%;font-size: 20px;color: #333333;line-height: 1.7;}
.online-mall .list ul li .ewm{display: inline-block;margin-left: 9.5%;padding: 19px;border: 1px solid #eeeeee;}
.online-mall .list ul li .ewm img{width: 100%;max-width: 100px;}
.online-mall .list ul li .two-box{margin-top: 5.6%;display: table}
.online-mall .list ul li .img{display: table-cell;width: 66%;vertical-align: middle;}
.online-mall .list ul li .img img{width: 100%;}
.online-mall .list ul li .btn{display: table-cell;text-align: center;width: 34%;vertical-align: middle;}
.online-mall .list ul li .btn .ico{margin: 0 auto;width: 63px;}
.online-mall .list ul li .btn .ico img{width: 100%;}
.online-mall .list ul li .btn .more{margin: 40px auto 0 auto;width: 197px;}
.online-mall .list ul li .btn .more img{width: 100%;}
.online-mall .list ul li:nth-of-type(odd) .btn{background-color: #f9f9f9;}
.online-mall .list ul li:nth-of-type(even) .btn{background-color: #fff;}
.offline{padding-bottom: 5.2%;}
.offline .list ul li{margin-bottom: 7.3%;background-size: auto 100%;background-repeat: repeat-x;background-position: center;}
.offline .list ul li:nth-of-type(odd){background-image: url('../images/offline-right.jpg');}
.offline .list ul li:nth-of-type(even){background-image: url('../images/offline-left.jpg');}
.offline .list ul li .table{display: table}
.offline .list ul li .img{display: table-cell;width: 62.5%;vertical-align: middle;}
.offline .list ul li .img img{width: 100%;}
.offline .list ul li .main-box{display: table-cell;width: 37.5%;vertical-align: middle;box-sizing: border-box;}
.offline .list ul li .city{width: 110px;height: 110px;text-align: center;line-height: 110px;font-size: 24px;color: #ffffff;background-color: #cf000e;border-radius: 100%;}
.offline .list ul li .title{margin-top: 30px;font-size: 30px;color: #333333;}
.offline .list ul li .text{margin-top: 45px;font-size: 18px;color: #333333;line-height: 1.6;}
.offline .list ul li .map{margin-top: 30px;}
.offline .list ul li .map a{display: inline-block;font-size: 18px;color: #333333;vertical-align: middle;}
.offline .list ul li .map:after{display: inline-block;content: '';width: 20px;height: 28px;margin-left: 10px;background-image: url('../images/map.png');vertical-align: middle;}
.offline .list ul li:nth-of-type(odd){ direction:ltr;}
.offline .list ul li:nth-of-type(odd) .main-box{padding-left: 10%; direction:ltr;}
.offline .list ul li:nth-of-type(even){ direction:rtl;}
.offline .list ul li:nth-of-type(even) .main-box{padding-right: 10%; direction:ltr;}
/*俱乐部*/
.artists-club .introduce{font-size: 0;}
.artists-club .introduce .img{display: inline-block;width: 22.5%}
.artists-club .introduce .img img{width: 100%;}
.artists-club .introduce .main-box{position: relative;display: inline-block;width: 71.5%;margin-left: 6%;padding-right: 9.3%;box-sizing: border-box;}
.artists-club .introduce .main-box:before{display: block;content: '';position: absolute;top: 12%;right: 0;width: 50%;height: 1px;background-color: #e8e8e8;}
.artists-club .introduce .main-box:after{display: block;content: '';position: absolute;right: 6%;top: 0;width: 1px;height: 65%;background-color: #e8e8e8;}
.artists-club .introduce .main-box .name{font-size: 24px;color: #cf000e;}
.artists-club .introduce .main-box .title{margin-top: 15px;font-size: 36px;color: #333333;font-weight: bold;}
.artists-club .introduce .main-box .text{margin-top: 4.8%;font-size: 18px;color: #333333;line-height: 1.7;}
.artists-club .duty{margin-top: 5.7%;padding-top: 3.6%;padding-bottom: 5.7%;background-image: url('../images/artists-club-duty.jpg');background-repeat: no-repeat;background-size: auto;background-position: center bottom;background-color: #f4f5f6;}
.artists-club .duty .top-box{font-size: 0;}
.artists-club .duty .top-box .left-box{display: inline-block;position: relative;width: 62%;padding-left: 10%;padding-right: 3.5%;border-right: 1px solid #e8e8e8;box-sizing: border-box;}
.artists-club .duty .top-box .left-box .title{font-size: 36px;color: #333333;text-align: right;}
.artists-club .duty .top-box .left-box .text{margin-top: 40px;font-size: 18px;color: #333333;line-height: 1.7;}
.artists-club .duty .top-box .left-box:before{display: block;content: '';position: absolute;top: 6%;left: 0;width: 65%;height: 1px;background-color: #e8e8e8;}
.artists-club .duty .top-box .left-box:after{display: block;content: '';position: absolute;left: 6.1%;top: -15%;width: 1px;height: 85%;background-color: #e8e8e8;}
.artists-club .duty .top-box .right-box{display: inline-block;width: 35%;margin-left: 3%;}
.artists-club .duty .top-box .right-box ul li{display: inline-block;width: 44%;margin-right: 12%;padding: 16px;text-align: center;border: 1px solid #eee;background-color: #fff;box-sizing: border-box;}
.artists-club .duty .top-box .right-box ul li:last-child{margin-right: 0;}
.artists-club .duty .top-box .right-box ul li .img{width: 158px;margin: auto;}
.artists-club .duty .top-box .right-box ul li .img img{width: 100%;}
.artists-club .duty .top-box .right-box ul li .title{margin-top: 15px;font-size: 16px;color: #333333;}
.artists-club .duty .top-box .right-box ul li .tel{margin-top: 15px;font-size: 16px;color: #333333;}
.artists-club .list{margin-top: 40px;position: relative;}
.artists-club .list .slick-slider{position: relative;overflow: hidden;}
.artists-club .list .slick-slider li{display: inline-block;margin-right: 3px;}
.artists-club .list .slick-slider li .img{ overflow: hidden;}
.artists-club .list .slick-slider li .img img{ width: 100%; transform: scale(1); transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.artists-club .list .slick-slider li .img:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.artists-club .list .slick-slider li .title{margin-top: 20px;text-align: center;font-size: 18px;color: #333333;}
.artists-club .list .prev{position: absolute;top: 0;left:-50px;bottom: 0;margin: auto 0;width: 40px;height: 40px;background-image: url('../images/index-news-prev.png');z-index: 300;cursor: pointer;}
.artists-club .list .next{position: absolute;top: 0;right:-50px;bottom: 0;margin: auto 0;width: 40px;height: 40px;background-image: url('../images/index-news-next.png');z-index: 300;cursor: pointer;}
.membership-application{padding-bottom: 5.2%;}
.membership-application .introduce{font-size: 0;}
.membership-application .introduce .img{display: inline-block;width: 22.5%}
.membership-application .introduce .img img{width: 100%}
.membership-application .introduce .main-box{position: relative;display: inline-block;width: 71.5%;margin-left: 6%;padding-right: 9.3%;box-sizing: border-box;}
.membership-application .introduce .main-box:before{display: block;content: '';position: absolute;top: 6%;right: 0;width: 45%;height: 1px;background-color: #e8e8e8;}
.membership-application .introduce .main-box:after{display: block;content: '';position: absolute;right: 6%;top: 0;width: 1px;height: 65%;background-color: #e8e8e8;}
.membership-application .introduce .main-box .name{font-size: 24px;color: #cf000e;}
.membership-application .introduce .main-box .title{margin-top: 15px;font-size: 36px;color: #333333;font-weight: bold;}
.membership-application .introduce .main-box .text{margin-top: 4%;font-size: 18px;color: #333333;line-height: 1.7;}
.membership-application .member{margin-top: 3.125%;position: relative;}
.membership-application .member .muen-nav{position: relative;margin-bottom: -4%;}
.membership-application .member .muen-nav ul{padding-left: 60px;}
.membership-application .member .muen-nav ul li{position: relative;display: inline-block;margin-right: 50px;cursor: pointer;}
.membership-application .member .muen-nav ul li:last-child{margin-right: 0;}
.membership-application .member .muen-nav ul li.on:after{position: absolute;content: '';position: absolute;left: 0;right: 0;bottom: -14px;width: 27px;height: 14px;margin: auto;background-image: url('../images/membership-application-ioc.png');z-index: 3;}
.membership-application .member .tab-box{padding: 6% 0 4.5% 0;background-color: #f9f9f9;}
.membership-application .member .tab-box .item{display: none;max-width: 1200px;margin: auto;}
.membership-application .member .tab-box .item.on{display: block;}
.membership-application .member .tab-box .name{font-size: 18px;color: #333333;font-weight: bold;}
.membership-application .member .tab-box .text{margin-top: 15px;font-size: 18px;line-height: 1.7;}
.membership-application .suggest{margin-top: 4.9%;}
.membership-application .suggest .top-box{font-size: 0;}
.membership-application .suggest .top-box .img{display: inline-block;width: 22.22%}
.membership-application .suggest .top-box .img img{width: 100%;margin-bottom: 10px;}
.membership-application .suggest .top-box .img img:last-child{margin-bottom: 0;}
.membership-application .suggest .top-box .main-box{display: inline-block;margin-left: 6.5%;width: 60%;font-size: 18px;color: #333333;line-height: 1.8;}
.membership-application .suggest .top-box .main-box span{font-size: 14px;color: #999999;}
.membership-application .suggest .bottom-box{margin-top: 6.9%;padding: 4.8% 4.1%;font-size: 0;background-color: #f9f9f9;}
.membership-application .suggest .bottom-box .text{display: inline-block;width: 70%;font-size: 18px;color: #333333;line-height: 2;}
.membership-application .suggest .bottom-box .touch{display: inline-block;width: 28%;margin-left: 2%;padding-left: 5%;border-left: 1px solid #e8e8e8;box-sizing: border-box;}
.membership-application .suggest .bottom-box .substance{font-size: 16px;color: #333333;line-height: 1.8;}
.membership-application .suggest .bottom-box .ewm{margin-top: 10px;width: 200px;background-color: #fff;padding: 16px;border: 1px solid #eeeeee;}
.membership-application .suggest .bottom-box .ewm .img{width: 158px;margin: auto;}
.membership-application .suggest .bottom-box .ewm .img img{width: 100%}
.membership-application .suggest .bottom-box .ewm .name{margin-top: 24px;font-size: 16px;color: #333333;text-align: center;}
.sketching-activity{padding-bottom: 5.2%;}
.sketching-activity .gallery-top{padding-bottom: 15px;}
.sketching-activity .gallery-top:after{display: block;content: '';width: 100%;height: 1px;background-color: #eaeaea;}
.sketching-activity .gallery-top .time{position: relative;padding-bottom: 35px;text-align: center;font-size: 48px;color: rgba(51, 51, 51, .20);font-weight: bold;}
.sketching-activity .gallery-top .time span{display: none;position: absolute;bottom: -12px;left: 0;right: 0;margin: 0 auto;width: 24px;height: 24px;background-image: url('../images/yd.png');}
.sketching-activity .gallery-top .time span{}
.sketching-activity .gallery-top .swiper-slide-active .time{color: #333;}
.sketching-activity .gallery-top .swiper-slide-active .time span{display: block;}
.sketching-activity .list-box{margin-top: 4.16%;}
.sketching-activity .list-box .item{margin-bottom: 8.3%;}
.sketching-activity .list-box .item:last-child{margin-bottom: 0;}
.sketching-activity .list-box .main-top{display: block;position: relative;}
.sketching-activity .list-box .main-img{display: block;width: 50%;}
.sketching-activity .list-box .main-box{position: absolute;top: 0;width: 50%;height: 100%;padding: 5.5% 4.1%;background-image: url('../images/sketching-activity-bg.jpg');box-sizing: border-box;}
.sketching-activity .list-box .main-box .title{font-size: 30px;color: #333;line-height: 1.7;}
.sketching-activity .list-box .main-box .title a{color: #333;}
.sketching-activity .list-box .main-box .title a:hover{color:#cf000e;}
.sketching-activity .list-box .main-box .text{margin-top: 20px;font-size: 18px;color: #333333;line-height: 1.7;}
.sketching-activity .list-box .slick-slide{display: inline-block}
.sketching-activity .list-box .slick-list{overflow: hidden;width: 100%;position: relative;}
.sketching-activity .list-box .main-bottom{margin-top: 30px;position: relative;padding:0 45px;}
.sketching-activity .list-box .main-bottom li{margin:0 15px;}
.sketching-activity .list-box img{width: 100%}
.sketching-activity .list-box .slick-arrow{position: absolute;top: 50%;transform: translateY(-50%); display: block;width: 40px;height: 40px;z-index: 3;cursor:pointer;background-size: 100%;}
.sketching-activity .list-box .prev{left:0; background-image: url('../images/index-news-prev.png');}
.sketching-activity .list-box .next{right:0; background-image: url('../images/index-news-next.png');}
.sketching-activity .list-box .main-bottom li img{filter: grayscale(100%);}
.sketching-activity .list-box .main-bottom li.slick-current img{filter: grayscale(0%);}
.sketching-activity .list-box .item:nth-of-type(odd) .main-img{margin-right: auto;}
.sketching-activity .list-box .item:nth-of-type(even) .main-img{margin-left: auto;}
.sketching-activity .list-box .item:nth-of-type(odd) .main-box{right: 0;}
.sketching-activity .list-box .item:nth-of-type(even) .main-box{left: 0;}
/*联系我们*/
.contact{padding-bottom: 5.2%;}
.contact .list ul li{margin-bottom: 3.5%;font-size: 0;}
.contact .list ul li:nth-of-type(odd){background-color: #f9f9f9;}
.contact .list ul li:nth-of-type(even){background-color: #fff;}
.contact .list ul li .main-box{display: inline-block;width: 50%;padding: 4.1% 4.8%;box-sizing: border-box;}
.contact .list ul li .title{font-size: 24px;color: #333333;}
.contact .list ul li .text{margin-top: 30px;padding-top: 20px;font-size: 18px;color: #333333;line-height: 2;border-top: 1px solid #333;}
.contact .list ul li .map{display: inline-block;width: 50%;height: 400px;}
.contact .list ul li .View_map{ display: none; font-size:16px;}
.message{padding-bottom: 5.2%;}
.message .form{display: table;width: 100%;font-size: 0;}
.message .form .img{display: table-cell;width: 50%;vertical-align: middle;}
.message .form .img img{width: 100%;}
.message .form .main-box{display: table-cell;width: 50%;vertical-align: middle;background-image: url('../images/message-bg.jpg');}
.message .form .main-box ul{padding: 0 8.3%}
.message .form .main-box ul li{margin-bottom: 20px;}
.message .form .main-box ul li:last-child{margin-bottom: 0;}
.message .form .main-box ul li .name{display: inline-block;width: 54px;font-size: 18px;color: #333;line-height: 45px;}
.message .form .main-box ul li input{display: inline-block;width: calc(100% - 54px);height: 45px;padding: 0 10px;font-size: 16px;background-color: #fff;box-sizing: border-box;cursor: pointer;}
.message .form .main-box ul li textarea{display: inline-block;width: calc(100% - 54px);height: 120px;padding: 10px;font-size: 16px;background-color: #fff;box-sizing: border-box;}
.message .btn{width: 50%;margin-top: 30px;margin-left: auto;padding-left: 8%;box-sizing: border-box;}
.message .btn input{display: inline-block;margin-right: 30px;width: 150px;height: 50px;text-align: center;font-size: 18px;}
.message .btn input:last-child{margin-right: 0;}
.message .btn .submit{color: #fff;background-color: #cf000e;}
.message .btn .reset{background-color: #dcdcdc;color: #333;}
.recruit{}
.recruit .top-box{display: table;width: 100%;font-size: 0;}
.recruit .top-box .img{display: table-cell;width: 50%;vertical-align: middle;}
.recruit .top-box .img img{width: 100%}
.recruit .top-box .main-box{display: table-cell;width: 50%;padding: 0 4.8%;vertical-align: middle;background-image: url('../images/message-bg.jpg');box-sizing: border-box;}
.recruit .top-box .main-box .title{font-size: 30px;color: #333333;}
.recruit .top-box .main-box .text{margin-top: 20px;font-size: 18px;color: #333333;line-height: 1.8;}
.recruit .list{margin-top: 5.5%;}
.recruit .list ul li{margin-bottom: 30px;padding: 30px;font-size: 0;border: 1px solid #eeeeee;border-radius: 3px;}
.recruit .list ul li .img{display: inline-block;width: 81px;height: 81px;border: 1px solid #eee;border-radius: 50%;overflow: hidden;box-sizing: border-box;}
.recruit .list ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.recruit .list ul li .main-box{display: inline-block;width: calc(100% - 101px);margin-left: 20px;padding-left: 20px;border-left: 1px solid #eee;box-sizing: border-box;}
.recruit .list ul li .title{height: 20px;}
.recruit .list ul li .title a{font-size: 20px;color: #cf000e;}
.recruit .list ul li .text{margin-top: 15px;font-size: 18px;color: #333333;height: 18px;}
.recruit .list ul li em{display: block;content: '';margin-top: 20px;width: 35px;height: 1px;background-color: #7d7d7d;}
.recruit .list ul li .more{margin-top: 45px;}
.recruit .list ul li .more a{font-size: 16px;color: #333333;}
.recruit .list ul li .more a span{font-family: '宋体';}
.recruit .bottom-box{margin-top: 20px;padding: 6.9%;border-top: 1px solid #eee;background-image: url('../images/recruit-bg.jpg');background-position: center;background-repeat: no-repeat;background-size: auto;}
.recruit .bottom-box .text{font-size: 18px;color: #333333;line-height: 2;}
.recruit .bottom-box .main-box{margin-top: 30px;}
.recruit .bottom-box .left-box{float: left;font-size: 18px;color: #666;line-height: 2;}
.recruit .bottom-box .right-box{float: right;font-size: 18px;color: #666;line-height: 2;}
/* 协同产业 */
.special{padding-bottom: 5.2%;}
.special .man-box{font-size: 0;}
.special .left-box{display: inline-block;width: 65%;}
.special .right-box{display: inline-block;width: 30.5%;margin-left: 3.5%;}
.special .left-box .title{font-size: 30px;color: #333333;}
.special .left-box .text{margin-top: 30px;font-size: 18px;color: #333333;line-height: 2;}
.special .right-box ul{font-size: 0;}
.special .right-box ul li{position: relative;display: inline-block;width: 50%;box-sizing: border-box;}
.special .right-box ul li:nth-of-type(1){padding: 30px 0;height: 160px;border: 1px solid #eeeeee;}
.special .right-box ul li:nth-of-type(4){padding: 30px 0;height: 160px;border: 1px solid #eeeeee;}
.special .right-box ul li:nth-of-type(5){padding: 30px 0;height: 160px;border: 1px solid #eeeeee;}
.special .right-box ul li:nth-of-type(1):before{display: block;content: '';position: absolute;top: 0;left: 0;width: 8px;height: 10px;background-image: url('../images/special-ioc1.png');z-index: 3;}
.special .right-box ul li:nth-of-type(4):before{display: block;content: '';position: absolute;top: -10px;left: -1px;width: 8px;height: 17px;background-image: url('../images/special-ioc2.png');z-index: 3;}
.special .right-box ul li:nth-of-type(4):after{display: block;content: '';position: absolute;bottom: -10px;left: -7px;width: 7px;height: 18px;background-image: url('../images/special-ioc3.png');z-index: 3;}
.special .right-box ul li:nth-of-type(5):before{display: block;content: '';position: absolute;bottom: -1px;left: -1px;width: 8px;height: 10px;background-image: url('../images/special-ioc4.png');z-index: 3;}
.special .right-box ul li .img img{width: 100%}
.special .right-box ul li .num{font-size: 16px;color: #777777;text-align: center;}
.special .right-box ul li .num span{font-size: 60px;color: #333333;font-weight: bold;vertical-align: baseline;}
.special .right-box ul li .name{margin-top: 15px;text-align: center;font-size: 16px;color: #777777;}
.special .right-box ul li .ewm{width: 122px;padding-top: 30px;margin: auto;}
.special .right-box ul li .ewm img{width: 122px}
.gallery-details{padding-bottom: 5.2%;}
.gallery-details .top-box .title{font-size: 30px;color: #333333;}
.gallery-details .top-box .main-box{margin-top: 40px;font-size: 0;}
.gallery-details .top-box .main-box .text{display: inline-block;width: 46.5%;font-size: 18px;color: #333;line-height: 1.8;}
.gallery-details .top-box .main-box .img{display: inline-block;width: 47.5%;margin-left: 6%;}
.gallery-details .top-box .main-box .img img{width: 100%}
.gallery-details .address{margin-top: 3.125%;padding: 2.6% 0;font-size: 0;background-color: #f9f9f9;}
.gallery-details .address .map{display: inline-block;width: 39%;height: 300px;}
.gallery-details .address .ewm{display: inline-block;width: 16.5%;margin-left: 3.5%;padding: 25px 0;border: 1px solid #eeeeee;background-color: #fff;box-sizing: border-box;}
.gallery-details .address .ewm .img{width: 180px;margin: 0  auto;}
.gallery-details .address .ewm .img img{width: 100%;}
.gallery-details .address .ewm .name{margin-top: 20px;font-size: 16px;color: #333333;text-align: center;}
.gallery-details .address .text{display: inline-block;width: 37.5%;margin-top: 25px;margin-left: 3.5%;font-size: 18px;color: #333333;line-height: 2;}
.gallery-details .exhibition{margin-top: 6.5%;}
.gallery-details .exhibition .main-title{margin-bottom: 2.6%;font-size: 30px;color: #333333;}
.gallery-details .exhibition .main-box{padding: 3.125% 0;background-color: #f9f9f9;}
.gallery-details .exhibition .main-box .w1440{position: relative;}
.gallery-details .exhibition .left-box{display: inline-block;width: 60%}
.gallery-details .exhibition .left-box .title{font-size: 30px;color: #333333;}
.gallery-details .exhibition .left-box .text{margin-top: 30px;font-size: 18px;color: #333333;line-height: 2;}
.gallery-details .exhibition .img{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 3;}
.gallery-details .exhibition .left-box .more{margin-top: 8%;}
.gallery-details .exhibition .left-box .more a{display: block;width: 130px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #afafaf;border: 1px solid #d0d0d0;border-radius: 4px;}
.gallery-details .exhibition .img img{width: 100%;}
.gallery-details .exhibition .img:before{display: block;content: '';width: 10px;height: 84%;position: absolute;left: -10px;top: 50%;background-color: #cf010e;transform: translateY(-50%);}
.gallery-details .other-exhibition{margin-top: 6.8%;}
.gallery-details .other-exhibition .main-title{margin-bottom: 2.6%;font-size: 30px;color: #333333;}
.gallery-details .other-exhibition .list .img img{width: 100%;}
.gallery-details .other-exhibition .list{font-size: 0;position: relative;}
.gallery-details .other-exhibition .list .prev{position: absolute;display: block;width: 40px;height: 40px;top: 0;bottom: 0;left: -60px;margin: auto 0;background-image: url(../images/index-news-prev.png);background-size: 100%;z-index: 3;cursor: pointer;}
.gallery-details .other-exhibition .list .next{position: absolute;display: block;width: 40px;height: 40px;top: 0;bottom: 0;right: -60px;margin: auto 0;background-image: url(../images/index-news-next.png);background-size: 100%;z-index: 3;cursor: pointer;}
.gallery-details .other-exhibition .slick-list{width: 100%;overflow: hidden;}
.gallery-details .other-exhibition .list ul{margin-left:40px;}
.gallery-details .other-exhibition .list li{float: left;width: 31%;margin-right: 40px;}
.gallery-details .other-exhibition .list .name{margin-top: 20px;height: 20px;text-align: center;}
.gallery-details .other-exhibition .list .name a{font-size: 20px;color: #373737;text-align: center;}
.gallery-details .public-title{ text-align: center;}
.gallery-details .public-title .fl{ text-align: left;}
.gallery-details .public-title .Anniu{ display: inline-block;}
.gallery-details .other-exhibition .more{margin-top: 5.5%;}
.gallery-details .public-title .more a{display: block;padding-bottom: 10px;color: #cf010e;font-size: 18px;border-bottom: 2px solid #cf010e;}
.gallery-details .other-exhibition .more a{display: block;width: 200px;height: 60px;margin: auto;font-size: 20px;color: #ffffff;line-height: 60px;text-align: center;background-color: #cf000e;border-radius: 4px;}
.gallery-list{padding-bottom: 5.2%;}
.gallery-list .main-time{float: right;position: relative;}
.gallery-list .main-time .name{position: relative;width: 300px;height: 44px;padding: 0  15px;font-size: 18px;color: #333333;line-height: 42px;border: 1px solid #eee;border-radius: 4px;box-sizing: border-box;}
.gallery-list .main-time .name:after{position: absolute;top: 50%;right: 15px;content: '<';font-size: 18px;color: #333;font-family: '宋体';transform: translateY(-50%) rotate(-90deg);}
.gallery-list .main-time ul{display: none;position: absolute;top: 43px;left: 0;right: 0;width: 94%;margin: auto;max-height: 120px;overflow-x: hidden;border: 1px solid #eee; z-index: 9;}
.gallery-list .main-time ul li{padding: 10px 10px;background-color: #fff;}
.gallery-list .main-time ul li a{display: block;font-size: 16px;color: #666;}
.gallery-list .main-time ul li:hover{background-color: #cf000e;}
.gallery-list .main-time ul li:hover a{color: #fff;}
.gallery-list .main-time:hover ul{display: block;}
.gallery-list .list ul{margin-top: 4.6%;}
.gallery-list .list ul li{padding: 5.2% 0;}
.gallery-list .list ul li .bag-box{position: relative;background-color: #f9f9f9;}
.gallery-list .list ul li .w1440{position: relative;}
.gallery-list .list ul li .img{position: absolute;top: 50%;width: 31.25%;transform: translateY(-50%);z-index: 3;}
.gallery-list .list ul li .img img{position: relative;width: 100%;z-index: 3;}
.gallery-list .list ul li .main-box{width: 63%;padding-top: 2.7%;min-height: 395px;}
.gallery-list .list ul li .title{height: 30px;}
.gallery-list .list ul li .title a{font-size: 30px;color: #333333;}
.gallery-list .list ul li .text{margin-top: 30px;font-size: 18px;color: #333333;line-height: 2;}
.gallery-list .list ul li .more{margin-top: 40px;}
.gallery-list .list ul li .more a{display: block;width: 130px;height: 40px;text-align: center;font-size: 16px;color: #ffffff;line-height: 40px;background-color: #cf000e;border-radius: 4px;}
.gallery-list .list ul li:nth-of-type(odd) .img{left: 0}
.gallery-list .list ul li:nth-of-type(odd) .main-box{margin-left: auto;}
.gallery-list .list ul li:nth-of-type(even) .img{right: 0;}
.gallery-list .list ul li:nth-of-type(even) .main-box{margin-right: auto;}
.gallery-list .list ul li:nth-of-type(1) .img:after{display: block;content: '';position: absolute;width: 82%;height: 84%;top: 0;bottom: 0;right: -10px;margin: auto 0;background-color: #cf000e;z-index: 2;}
.gallery-list .list ul li:nth-of-type(2) .img:after{display: block;content: '';position: absolute;width: 84%;height: 46%;bottom: -10px;left: -10px;background-color: #cf000e;z-index: 2;}
.gallery-list .list ul li:nth-of-type(3) .img:after{display: block;content: '';position: absolute;width: 82%;height: 84%;top: 0;bottom: 0;left: -10px;margin: auto 0;background-color: #cf000e;z-index: 2;}
.gallery-list .list ul li:nth-of-type(4) .img:after{display: block;content: '';position: absolute;width: 84%;height: 46%;top: -10px;right: -10px;background-color: #cf000e;z-index: 2;}
.gallery-list .list ul li:nth-of-type(5) .img:after{display: block;content: '';position: absolute;width: 84%;height: 46%;bottom: -10px;right: -10px;background-color: #cf000e;z-index: 2;}
.gallery-list .list ul li:nth-of-type(6) .img:after{display: block;content: '';position: absolute;width: 82%;height: 84%;top: 0;bottom: 0;left: -10px;margin: auto 0;background-color: #cf000e;z-index: 2;}
.artwork-extension .main-title{margin-bottom: 40px;font-size: 30px;color: #333333;}
.artwork-extension .img img{position: relative;width: 100%;z-index: 3;}
.artwork-extension .title{margin-top: 18px;font-size: 18px;color: #333333;text-align: center;}
.artwork-extension .more{margin-top: 30px;opacity: 0;}
.artwork-extension .more a{display: block;width: 130px;height: 40px;margin: auto;text-align: center;line-height: 40px;font-size: 14px;color: #ffffff;border-radius: 4px;background-color: #cf000e;}
.artwork-extension .list{position: relative;}
.artwork-extension .list2{margin-top: 5.2%;padding: 5.2% 0 4.1% 0;background-color: #f9f9f9;}
.artwork-extension .list2 .img{position: relative;}
.artwork-extension .list2 .img:after{display: block;content: '';width: 100%;height: 100%;position: absolute;right: -7px;bottom: -7px;background-color: #e6e6e6;z-index: 2;}
.artwork-extension .list2 .title{margin-top: 25px;}
.artwork-extension .swiper-slide:hover .more{opacity: 1;}
.artwork-extension .list .button-next{position: absolute;top: 32%;right: -50px;width: 40px;height: 40px;background-image: url('../images/index-news-next.png');z-index: 3;cursor: pointer; background-size:contain;}
.artwork-extension .list .button-prev{position: absolute;top: 32%;left: -50px;width: 40px;height: 40px;background-image: url('../images/index-news-prev.png');z-index: 3;cursor: pointer; background-size:contain;}
.artwork-extension .list2 .pagination{margin-top: 3%;text-align: center;}
.artwork-extension .list2 .pagination span{display: inline-block;margin-right: 10px;width: 16px;height: 16px;background: #a0a0a0;border-radius: 50%;}
.artwork-extension .list2 .pagination span.swiper-pagination-bullet-active{background: #cf000e;}
.artwork-collect{padding-bottom: 6.2%;}
.artwork-collect #gallery-wrapper {position: relative;max-width: 100%;width: 100%;}
.artwork-collect .white-panel{position: absolute;}
.artwork-collect .img img{max-width: 100%;width: 100%;}
.artwork-collect .name .minTwo{font-size:14px;}
.artwork-collect .item{position: relative;padding: 15px;box-shadow: 0 5px 10px rgba(0, 0, 0, .38)}
/* .artwork-collect .item:before{background:rgba(0,0,0,.5);content:'';width:100%;height: 100%;position: absolute;top: 0;left: 0;} */
/* .artwork-collect .name{margin-top: 20px;font-size: 17px; line-height:28px; color: #fff;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} */
.artwork-collect .name{margin-top: 15px;font-size: 17px; line-height:28px; color: #333;}
.artwork-collect .name span{float: right;font-size: 15px;margin-top: 2px;}
.artwork-collect .name p:nth-of-type(1){padding-bottom: 5px;border-bottom: 1px solid #eee;}
.tan_shell{ display: none; position: fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, .5); z-index:10;}
.vertical{ text-align: center; position: absolute; left:0; top:50%; width:100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.tan_shell .img-box{ display: inline-block; vertical-align: middle; position: relative;max-width:45%;}
.tan_shell .img-box img{max-width: 100%;}
.tan_shell .close{ position: absolute; right:0; top:0; width:40px; height:40px; background: url(../images/close.png) no-repeat center; background-size: cover;}
.cultural-creation{padding-bottom: 5.2%;}
.cultural-creation .main-title{margin-bottom: 30px;font-size: 30px;color: #333333;}
.cultural-creation .introduce{font-size: 0;}
.cultural-creation .introduce .text{display: inline-block;width: 63%;font-size: 18px;color: #333333;line-height: 2;}
.cultural-creation .introduce .right-box{display: inline-block;width: 30.5%;margin-left: 4.5%;}
.cultural-creation .introduce .right-box img{width: 100%;}
.cultural-creation .introduce .right-box .name{font-size: 16px;color: #777777;text-align: center;}
.cultural-creation .introduce .right-box .name span{font-size: 60px;color: #333333;font-weight: bold;vertical-align: baseline;}
.cultural-creation .introduce .right-box .text2{margin-top: 20px;font-size: 16px;color: #777777;text-align: center;}
.cultural-creation .introduce .right-box table{width: 100%;border-top: 1px solid #eee;border-left: 1px solid #eee;}
.cultural-creation .introduce .right-box table tr{border-bottom: 1px solid #eee;}
.cultural-creation .introduce .right-box table td{position: relative;height: 160px;border-right: 1px solid #eee;vertical-align: middle;}
.cultural-creation .introduce .right-box table tr:nth-of-type(1) td:after{display: block;content: '';position: absolute;top: -1px;left: -1px;width: 8px;height: 10px;background-image: url('../images/special-ioc1.png');}
.cultural-creation .introduce .right-box table tr:nth-of-type(2) td:nth-of-type(1):after{display: block;content: '';position: absolute;top: -1px;right: -5px;width: 9px;height: 8px;background-image: url('../images/special-ioc5.png');}
.cultural-creation .introduce .right-box table tr:nth-of-type(2) td:nth-of-type(2):after{display: block;content: '';position: absolute;bottom: -1px;right: -1px;width: 7px;height: 9px;background-image: url('../images/special-ioc6.png');}
.cultural-creation .fabric{margin-top: 6.25%;padding: 6.25% 0;background-color: #f9f9f9;}
.cultural-creation .fabric .text{width: 68%;font-size: 18px;color: #333333;line-height: 2;}
.cultural-creation .table-nav{margin-top: 3.5%;}
.cultural-creation .table-nav ul{font-size: 0;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.cultural-creation .table-nav ul li{position: relative;display: inline-block;margin-right: 110px;font-size: 18px;color: #333333;cursor: pointer;}
.cultural-creation .table-nav ul li:last-child{margin-right: 0;}
.cultural-creation .table-nav ul li.on{color: #cf010e;}
.cultural-creation .table-nav ul li.on:after{display: block;content: '';position: absolute;top: 37px;left: 0;width: 100%;height: 2px;background-color: #cf010e;}
.cultural-creation .table-box{position: relative;margin-top: 3.5%; padding:0 50px;}
.cultural-creation .table-box .item{display: none;}
.cultural-creation .table-box .item.on{display: block;}
.cultural-creation .slick-list{position: relative;overflow: hidden;font-size: 0;}
.cultural-creation .slick-list li{display: inline-block;padding:0 10px;box-sizing: border-box;}
.cultural-creation .slick-list li .img img{width: 100%;}
.cultural-creation .slick-list li .name{margin-top: 20px;font-size: 18px;color: #333333;text-align: center;}
.cultural-creation .prev{position: absolute;top:40%; left: 0px;width: 40px;height: 40px;background-image: url('../images/index-news-prev.png');z-index: 3;cursor: pointer;}
.cultural-creation .next{position: absolute;top:40%; right:0;width: 40px;height: 40px;background-image: url('../images/index-news-next.png');z-index: 3;cursor: pointer;}
.cultural-creation .softwear{margin-top: 3.5%;}
.cultural-creation .softwear .main-box{font-size: 0;}
.cultural-creation .softwear .main-box .text{display: inline-block;width: 62.5%;font-size: 18px;color: #333333;line-height: 2;}
.cultural-creation .softwear .main-box .right-box{display: inline-block;width: 30.5%;margin-left: 7%;}
.cultural-creation .softwear .main-box .right-box ul{font-size: 0;}
.cultural-creation .softwear .main-box .right-box li{position: relative;padding: 70px 0;width: 50%;box-sizing: border-box;border: 1px solid #eee;}
.cultural-creation .softwear .main-box .right-box li:nth-of-type(1){margin-left: auto;}
.cultural-creation .softwear .main-box .right-box li:nth-of-type(2){margin-right: auto;}
.cultural-creation .softwear .main-box .right-box li .name{position: relative;font-size: 18px;color: #333333;text-align: center;z-index: 3;}
.cultural-creation .softwear .main-box .right-box li .name:after{display: block;position: absolute;left: 50%;top: 50%;font-size: 60px;font-weight: bold;color: #f8f8f8;z-index: -1;transform: translate(-50%,-50%);}
.cultural-creation .softwear .main-box .right-box li:nth-of-type(1) .name:after{content: '01'}
.cultural-creation .softwear .main-box .right-box li:nth-of-type(2) .name:after{content: '02'}
.cultural-creation .softwear .main-box .right-box li:nth-of-type(1):before{display: block;content: '';position: absolute;top: -1px;right: -1px;width: 8px;height: 10px;background-image: url('../images/special-ioc7.png');}
.cultural-creation .softwear .main-box .right-box li:nth-of-type(2):before{display: block;content: '';position: absolute;top: -10px;right: -9px;width: 15px;height: 19px;background-image: url('../images/special-ioc8.png');}
.cultural-creation .softwear .main-box .right-box li:nth-of-type(2):after{display: block;content: '';position: absolute;bottom: -1px;left: -1px;width: 8px;height: 10px;background-image: url('../images/special-ioc4.png');}
.cultural-creation .message{margin-top: 4.25%;padding: 6.25% 0;font-size: 0;background-color: #f9f9f9;}
.cultural-creation .message .list{display: inline-block;width: 55%;}
.cultural-creation .message .list ul li{display: inline-block;width: 32%;margin-right: 2%;padding: 20px;background-color: #fff;border: 1px solid #eee;box-sizing: border-box;}
.cultural-creation .message .list ul li:last-child{margin-right: 0;}
.cultural-creation .message .list ul li .img{max-width: 200px;margin: auto;}
.cultural-creation .message .list ul li .img img{width: 100%}
.cultural-creation .message .list ul li .name{margin-top: 20px;text-align: center;font-size: 16px;color: #333333;text-align: center;}
.cultural-creation .message .text{display: inline-block;width: 40%;margin-top: 20px;margin-left: 5%;font-size: 18px;color: #333333;line-height: 2;}
.yifeifan{}
.yifeifan .brief{font-size: 0; overflow: hidden;}
.yifeifan .brief .left-box{float:left; width: 53.5%}
.yifeifan .brief .right-box{float:right; width: 40.5%;padding-left: 6%;}
.yifeifan .brief .title{font-size: 30px;color: #333333;}
.yifeifan .brief .text{margin-top: 25px;font-size: 18px;color: #333333;line-height: 2;}
.yifeifan .brief .right-box ul{font-size: 0;border-bottom: 1px solid #eee;}
.yifeifan .brief .right-box ul li{display: inline-block;text-align: center;padding: 0  20px 35px 25px;border-right: 1px solid #eee;box-sizing: border-box}
.yifeifan .brief .right-box ul li:last-child{border: 0;}
.yifeifan .brief .right-box ul li:nth-of-type(1){width: 39.5%;}
.yifeifan .brief .right-box ul li:nth-of-type(2){width: 60.5%;}
.yifeifan .brief .right-box ul li img{display: inline-block;max-width: 100%}
.yifeifan .honor{margin-top: 6.25%;font-size: 0;padding: 6.25% 0;background-color: #f9f9f9;}
.yifeifan .honor .title{display: inline-block;width: 150px;font-size: 30px;color: #333333;}
.yifeifan .honor .time{display: inline-block;position: relative;width: calc(59.5% - 150px);height: 460px;margin-left: 4%;}
.yifeifan .honor .time .text{padding-left: 30px;font-size: 18px;color: #333333;line-height: 2;}
.yifeifan .honor .time .swiper-container{width: 100%;height: 100%;}
.yifeifan .honor .time .swiper-container .swiper-slide{height: auto;box-sizing: border-box;}
.yifeifan .honor .time .swiper-container-vertical>.swiper-scrollbar{left: 2.5px;right: unset;width: 1px;background: #eee;}
.yifeifan .honor .time .swiper-scrollbar-drag{width: 5px;margin-left: -1.5px;background: #cf010e;}
.yifeifan .honor .list{display: inline-block;width: 32.5%;margin-left: 4%;}
.yifeifan .honor .list ul{font-size: 0;}
.yifeifan .honor .list ul li{display: inline-block;width: 48%;margin-right: 4%;margin-bottom: 4%;}
.yifeifan .honor .list ul li:nth-of-type(2n){margin-right: 0;}
.yifeifan .honor .list ul li img{width: 100%}
.yifeifan .present{padding: 4.1% 0}
.yifeifan .present .table-nav ul{padding-bottom: 19px;border-bottom: 1px solid #eee;}
.yifeifan .present .table-nav ul li{position: relative;display: inline-block;margin-right: 90px;font-size: 30px;color: #333333;cursor: pointer;}
.yifeifan .present .table-nav ul li:last-child{margin-right: 0;}
.yifeifan .present .table-nav ul li.on{color: #cf010e;}
.yifeifan .present .table-nav ul li.on:after{display: block;content: '';position: absolute;bottom: -19px;left: 0;right: 0;width: 100%;height: 2px;background-color: #cf010e;}
.yifeifan .present .table-box{margin-top: 40px;}
.yifeifan .present .table-box .item{display: none;}
.yifeifan .present .table-box .item.on{display: block;}
.yifeifan .present .table-box .left-box{float: left;width: 57%;}
.yifeifan .present .table-box .right-box{float: right;width: 35.5%;}
.yifeifan .present .table-box .right-box img{width: 100%}
.yifeifan .present .table-box .text{font-size: 18px;color: #333333;line-height: 2;}
.yifeifan .present .table-box .main-title{margin: 35px 0;font-size: 24px;color: #333333;}
.yifeifan .present .table-box .list ul{font-size: 0;text-align: center;}
.yifeifan .present .table-box .list ul li{display: inline-block;width: 11.7%;margin-right: 5.9%;margin-bottom: 5.9%;}
.yifeifan .present .table-box .list ul li:nth-of-type(6n){margin-right: 0;}
.yifeifan .present .table-box .list ul li .img img{width: 100%;border-radius: 50%;}
.yifeifan .present .table-box .list ul li .name{margin-top: 15px;font-size: 16px;color: #333333;}
.yifeifan .relation{padding: 40px 0;background-color: #f9f9f9;}
.yifeifan .relation .main-title{font-size: 30px;color: #333333;}
.yifeifan .relation .main-box{margin-top: 3.4%;font-size: 0;}
.yifeifan .relation .main-box .map{display: inline-block;width: 50%;height: 380px;}
.yifeifan .relation .main-box .right-box{display: inline-block;width: 47.5%;margin-left: 2.5%;}
.yifeifan .relation .main-box .right-box .text{font-size: 18px;color: #333333;line-height: 2;}
.yifeifan .relation .main-box .right-box .ewm{margin-top: 20px;}
.yifeifan .relation .main-box .right-box .ewm ul li{display: inline-block;width: 31%;margin-right: 3.5%;padding: 20px;background-color: #fff;border: 1px solid #eee;box-sizing: border-box;}
.yifeifan .relation .main-box .right-box .ewm ul li .img img{width: 100%;}
.yifeifan .relation .main-box .right-box .ewm ul li .name{margin-top: 20px;font-size: 16px;color: #333333;text-align: center;}
.yifeifan .relation .main-box .right-box .ewm ul li:last-child{margin-right: 0;}
/*投资者关系*/
.investor{}
.investor .relations{margin-top: 5%;}
.investor .relations ul{font-size: 0;}
.investor .relations ul li{position: relative;display: inline-block;width: 48.5%;margin-right: 3%;}
.investor .relations ul li:last-child{margin-right: 0;}
.investor .relations ul li .img img{width: 100%;}
.investor .relations ul li .main-box{position: absolute;left: 0;right: 0;bottom: 5%;width: 90%;margin: 0 auto;z-index: 3;}
.investor .relations ul li .main-box .title{float: left;font-size: 30px;color: #fff;}
.investor .relations ul li .main-box .more{float: right;}
.investor .relations ul li .main-box .more a{display: block;width: 130px;height: 40px;line-height: 40px;text-align: center;border: 1px solid rgba(255, 255, 255, .5);border-radius: 4px;}
.investor .relations ul li .main-box .more a span{display: inline-block;font-size: 14px;color: #ffffff;vertical-align: middle;}
.investor .relations ul li .main-box .more a:after{display: inline-block;content: '';width: 11px;height: 9px;margin-left: 20px;background-image: url('../images/investor-relations-more.png');vertical-align: middle;}
.investor .shares{margin-top: 5.2%;padding: 4.95% 0;background-color: #f9f9f9;}
.investor .main-title{margin-bottom: 40px;font-size: 30px;color: #333333;}
.investor .shares .main-box{font-size: 0;}
.investor .shares .left-box{display: inline-block;width: 30.5%;vertical-align: middle;}
.investor .shares .right-box{display: inline-block;width: 66.5%;margin-left: 3%;vertical-align: middle;}
.investor .shares .right-box img{width: 100%}
.investor .shares .title{font-size: 28px;color: #000000;}
.investor .shares .title span{padding-left: 20px;font-size: 18px;color: #666666;vertical-align: baseline;}
.investor .shares .trend{margin-top: 30px;max-width: 350px;padding-bottom: 25px;border-bottom: 1px solid #eee;}
.investor .shares .trend .now{display: inline-block;font-size: 48px;color: #ff0000;font-family: 'Arial';vertical-align: middle;}
.investor .shares .trend .up{display: inline-block;margin: 0 20px;width: 25px;height: 28px;background-image: url('../images/investor-shares-up.png');vertical-align: middle;}
.investor .shares .trend .swim{display: inline-block;font-size: 18px;color: #ff0000;line-height: 1.4;font-family: 'Arial';vertical-align: middle;}
.investor .shares .text{margin-top: 10px;}
.investor .shares .text ul li{display: inline-block;width: 50%;margin-top: 25px;font-size: 14px;color: #666666;}
.investor .shares .text ul li .green{color: #237c02;}
.investor .shares .text ul li .red{color: #e61b1b;}
.investor .shares .time{margin-top: 10%;font-size: 14px;color: #999999;}
.investor .service{padding: 4.95% 0;}
.investor .service .left-box{position: relative;float: left;width: 46%;padding: 20px 60px;background-color: #fff;border-top-right-radius: 25px;border-bottom-left-radius: 25px;box-sizing: border-box;box-shadow: 0 5px 20px rgba(21, 21, 21, .15)}
.investor .service .right-box{position: relative;float: right;width: 46%;}
.investor .service .right-box img{width: 100%;border-top-left-radius: 25px;border-bottom-right-radius: 25px;}
.investor .service .right-box:after{display: block;content: '';position: absolute;right: -10px;bottom: -10px;width: 100%;height: 100%;background-color: #f2f2f2;border-top-left-radius: 25px;border-bottom-right-radius: 25px;z-index: -1;}
.investor .service .left-box:after{display: block;content: '';position: absolute;left: -10px;bottom: -10px;width: 100%;height: 100%;background-color: #f2f2f2;border-top-right-radius: 25px;border-bottom-left-radius: 25px;z-index: -1;}
.investor .service .left-box ul li{margin-bottom: 4.8%;}
.investor .service .left-box ul li:last-child{margin-bottom: 0;}
.investor .service .left-box ul li:before{display: inline-block;width: 26px;height: 32px;content: '';margin-right: 30px;vertical-align: middle;}
.investor .service .left-box ul li:nth-of-type(1):before{background-image: url('../images/investor-service-ioc1.png');}
.investor .service .left-box ul li:nth-of-type(2):before{background-image: url('../images/investor-service-ioc2.png');}
.investor .service .left-box ul li:nth-of-type(3):before{background-image: url('../images/investor-service-ioc3.png');}
.investor .service .left-box ul li:nth-of-type(4):before{background-image: url('../images/investor-service-ioc4.png');}
.investor .service .left-box ul li:nth-of-type(5):before{background-image: url('../images/investor-service-ioc5.png');}
.investor .service .left-box ul li:nth-of-type(6):before{background-image: url('../images/investor-service-ioc6.png');}
.investor .service .left-box ul li:nth-of-type(7):before{background-image: url('../images/investor-service-ioc7.png');}
.investor .service .left-box ul li .name{display: inline-block;font-size: 18px;color: #333333;vertical-align: middle;}
.investor .service .left-box ul li .text{display: inline-block;font-size: 18px;color: #5e5e5e;vertical-align: middle;}
/*公用详情*/
.news-details{padding: 4.95% 0; padding-top:0;}
.news-details .w1440{max-width:1200px;}
.news-details .title{font-size: 28px;text-align: center;color: #333;line-height: 1.8;}
.news-details .title2{ line-height: 1.8; padding-bottom:10px;}
.news-details .time{margin-top: 3px;font-size: 18px;color: #999;text-align: center;}
.news-details .text{margin-top: 5%;padding-top: 3%;font-size: 18px;color: #333;line-height: 2;border-top: 1px solid #eee;}
.news-details .text img {max-width: 100%; height: auto!important;}
.one-shot{padding: 4.95% 0;}
.one-shot .text{font-size: 18px;color: #333;line-height: 2;}
@media(max-width:1280px){
    .news-details .w1440{max-width:94%;}
}


.open_map{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;}
.map_area{ position:fixed; width:80%; left:10%; top:25%; height:50%; background:#fff; font-size: 12px;}
.map_area #Mapbox{ position:absolute; left:15px; top:15px; right:15px; bottom:15px;}
.map_area #Mapbox *{ box-sizing:content-box;}
.map_area #Mapbox img{ max-width:none;}
.map_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#fff; cursor:pointer;}
.map_area .close::before,
.map_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#0033a0; top:15px; left:3px;}
.map_area .close::before{ transform:rotate(45deg);}
.map_area .close::after{ transform:rotate(-45deg);}










@media screen and (max-width: 1700px){
	.w1680{ max-width: 94%; margin: 0 auto;}
}
@media(min-width: 1201px) and (max-width:1700px){
    header .head-bottom .w1440{max-width: 89%;}
}
@media screen and (max-width:1660px){
    .gallery-details .other-exhibition .list,
    .artists-club .list{ padding:0 50px;}
    .gallery-details .other-exhibition .list .prev{left:0;}
    .gallery-details .other-exhibition .list .next{right:0;}
	.artists-club .list .prev{left:0;}
    .artists-club .list .next{right:0;}
    .about .about-layout .list .button-prev{left: -40px;}
    .about .about-layout .list .button-next{right:-40px;}
}
@media screen and (max-width: 1460px){
	.w1440{ max-width: 94%; margin: 0 auto;}
	header nav ul li{margin-right: 30px;}
	.index .index-news .list .button-prev{left: 0}
	.index .index-news .list .button-next{right: 0;}
    .index .index-brand .list .button-prev{left: 0}
    .index .index-brand .list .button-next{right: 0;}
    .artwork-extension .list .button-next{right: 0;}
    .artwork-extension .list .button-prev{left: 0;}
    .tech-center .attestation ul .slick-prev{left: 0;}
    .tech-center .attestation ul .slick-next{right: 0;}
    .about .about-layout .list .button-prev{left: 0;}
    .about .about-layout .list .button-next{right: 0;}
    .tech-center .attestation ul{padding: 0 40px;}
    .artwork-extension .list{padding:  0 40px;}
    .about .about-layout .list {padding:  0 40px;}
	footer .foot-nav ul li{margin-right: 28px;}
    .about .about-brief .pack-box .main-box .course .num{font-size: 45px;}
    .about .about-brief .pack-box .main-box .course ul li:not(:first-child) .num{font-size: 45px;}
    .leading-care .list ul li .num{font-size: 45px;}
    .leading-care .list ul li .title{font-size: 26px;}
    .index .index-news .list, .index .index-brand .list{padding: 0 50px;}
    .gallery-details .address .ewm .name{font-size:12px;}
    .gallery-details .address .text{font-size:14px;}
}
@media screen and (max-width: 1366px){
    .about .about-layout .list{padding: 0 45px;}
    .about .about-layout .list .button-prev{left: 0}
    .about .about-layout .list .button-next{right: 0;}
    .artwork-extension .list .button-next{right: 0;}
    .artwork-extension .list .button-prev{left: 0}
    header nav ul li{margin-right:20px;}
    .gallery-details .other-exhibition .list .prev{left: 5px;}
    .gallery-details .other-exhibition .list .next{right: 5px;}
    /*.gallery-details .other-exhibition .list ul{margin-left:20px;}
    .gallery-details .other-exhibition .list li{margin-right:20px;}*/
}
@media screen and (max-width: 1200px){
	.rightMenuBtn{ display: block; }
	header{position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 200}
	#mian{padding-top: 49px;}
    header .logo{float: none;text-align: center;}
	header .logo img{max-width: 88px}
	header .search-btn{padding: 27px 0 27px 35px;}
	header .head-bottom{position: fixed;margin-top: 0;padding: 120px 0 30px 0;top: 0;right: 0;width: 200px;height: 100%;background-color: #fff;overflow: unset;box-sizing: border-box;overflow-x: hidden;transform: matrix(1, 0, 0, 1, 200, 0);z-index: 999;}
	header .head-bottom .right-box{float: none;}
    header nav ul li{display: block;margin-right: 0;text-align: center;margin-bottom: 20px;}
    header nav ul li a{color: #333;}
    .navMenuBtn{display: none;}
    #mian{position: relative;}
    #mian.on:before{display: block;position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 666;transition: 0.4s ease;}
	header nav{margin-right: 0;display: block;}
	header .head-bottom .box-right nav>ul>li{display: block;margin-right: 0;margin-bottom: 30px;text-align: center;}
	header .head-bottom .box-right nav>ul>li .down{position: static;width: auto;}
	header .head-bottom .box-right nav>ul>li a{position: relative;}
	header .head-right{padding-right: 65px;}
	header .head-bottom .box-right .tel{padding-left: 0;margin-left: 0;padding-right: 40px;margin-top: 15px;}
	header .head-bottom .box-right .tel:after{display: none;}
    footer .foot-nav{display: none;}
    footer .icp{float: none;text-align: center;line-height: 1.8;}
    footer .foot-column{float: none;text-align: center;margin-top: 20px;}
    footer .foot-right{float: none;text-align: center;}
    footer .share .name{text-align: center;}
    footer .share ul{text-align: center;}
    .public-title .main{font-size: 28px;}
    .public-title .box .son{font-size: 24px;}
    .index .index-news .list, .index .index-brand .list{padding: 0 0;}
}
@media screen and (max-width: 1024px){
	.memorabilia .list ul li .main-table .img{display: block;width: 100%;}
    .memorabilia .list ul li .main-table .text{display: block;width: 100%;}
    .leading-care .list ul li .img{display: block;width: 100%;}
    .leading-care .list ul li .main{position: unset;padding: 20px;width: 100%;transform: translateY(0%);box-sizing: border-box;}
    .materials-list .list .auto-img img{margin-top: 10px;}
    .offline .list ul li:nth-of-type(odd) .main-box{padding-left: 4%;}
    .offline .list ul li:nth-of-type(even) .main-box{padding-right: 4%;}
    .offline .list ul li .img{display: block;width: 100%}
    .offline .list ul li .main-box{display: block;width: 100%;margin-top: 20px;}
    .offline .list ul li:nth-of-type(odd) .main-box{padding-left: 0;}
    .offline .list ul li:nth-of-type(even) .main-box{padding-right: 0;}
    .offline .list ul li:nth-of-type(odd){background-image: none;}
    .offline .list ul li:nth-of-type(even){background-image: none;}
    .membership-application .member .muen-nav ul{padding-left: 0;font-size: 0;}
    .membership-application .member .muen-nav ul li{width: 31%;margin-right: 3.5%;}
    .membership-application .member .muen-nav ul li img{width: 100%}
    .membership-application .introduce .main-box{padding-right: 0;}
    .sketching-activity .list-box .main-img{display: block;width: 100%;}
    .sketching-activity .list-box .main-box{position: unset;padding: 20px;width: 100%;transform: translateY(0%);box-sizing: border-box;}
    .artists-club .duty .top-box .right-box ul li .img{width: auto}
    .recruit .bottom-box .left-box{float: none;}
    .recruit .bottom-box .right-box{float: none;margin-top: 20px;}
    .message .form .main-box ul li textarea{height: 75px;}
    .investor .service .left-box{float: none;width: 100%}
    .investor .service .right-box{float: none;width: 100%;margin-top: 20px;}
    .artwork-extension .more{opacity: 1;}
    .artwork-extension .more a{background-color: #b1b1b1}
}
@media screen and (max-width: 768px){
	.column-menu{background:rgba(0,0,0,.5);}
    .column-menu ul li{margin-bottom: 15px;}
    .column-menu li.on:after{display: none;}
    .column-menu .w1440{ display:none;}
    .column-menu .owl-item{ float:left; text-align:center;}
    .column-menu .owl-item li{ list-style:none;line-height:45px;}
    .column-menu .owl-item li a{color:#fff;font-size:16px;}
    .column-menu .owl-item li.on a{color:#cf010e;}
    .column-menu .owl-carousel{position:relative;  padding:0 30px;}
    .column-menu .owl-stage-outer{overflow:hidden;}
    .column-menu .owl-nav button{ position:absolute; padding:0; cursor:pointer; height:100%; top:0; width:25px; border:none; background:none; font-size:35px; color:#fff;}
    .column-menu .owl-nav button.disabled{ opacity:0.5;}
    .column-menu .owl-nav .owl-prev{ left:0;}
    .column-menu .owl-nav .owl-next{ right:0;}
    .about .about-brief .pack-box .text{display: block;width: 100%;font-size:14px;}
    .about .about-brief .pack-box .main-box{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .about .about-introduce .img{display: block;width:93%; margin:0 auto; padding-bottom: 60%;}
    .about .about-introduce .text{display: block;width: 100%;}
    .about .about-introduce .text p{max-width: 100%;font-size:14px;}
    .about .about-global .text,
    .memorabilia .list ul li .main-table .text,
    .brand-video .main-box .slider-left .text,
    .tech-center .suggest .text,
    .tech-center .list ul li .text,
    .leading-care .list ul li .text,
    .news-details .text,
    .online-mall .list ul li .text,
    .artists-club .introduce .main-box .text,
    .artists-club .duty .top-box .left-box .text,
    .membership-application .introduce .main-box .text,
    .membership-application .member .tab-box .text,
    .membership-application .suggest .top-box .main-box,
    .membership-application .suggest .bottom-box .text,
    .sketching-activity .list-box .main-box .text,
    .special .left-box .text,
    .gallery-details .top-box .main-box .text,
    .gallery-details .exhibition .left-box .text,
    .cultural-creation .introduce .text,
    .cultural-creation .fabric .text,
    .cultural-creation .softwear .main-box .text,
    .cultural-creation .message .text,
    .yifeifan .brief .text,
    .yifeifan .honor .time .text,
    .yifeifan .present .table-box .text{font-size:14px;}
    .online-mall .brand-nav ul li a{font-size:15px;}
    .online-mall .brand-nav ul li{margin-right:20px;}
    .online-mall .brand-nav ul li:after{right: -12px;}
    .tech-center .suggest .text{float: none;width: 100%;}
    .tech-center .suggest .img{float: none;width: 100%;margin-top: 20px;}
    .tech-center .attestation ul li{width: 31%;right: 3.5%;margin-bottom: 20px;}
    .tech-center .attestation ul li:nth-of-type(3n){margin-right: 0;}
    .tech-center .attestation ul li .title{margin-top: 10px;}
    .tech-center .attestation ul{margin-bottom: 0;}
    .tech-center .list ul li .img{display: block;width: 100%}
    .tech-center .list ul li .text{position: unset;margin-top: 20px;width: 100%;transform: translateY(0%);}
    .brand-video .main-box .slider-left{display: block;width: 100%}
    .brand-video .main-box .slider-right{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .news-list .istop .img{display: block;width: 100%;}
    .news-list .istop .table-box{display: block;width: 100%;padding: 30px 20px;box-sizing: border-box;}
    .materials-list .list .img{width: 100%}
    .materials-list .list .main-box{width: 100%;margin-top: 20px;}
    .materials-list .list .auto-img{width: 100%}
    .materials-list .list .btn a{margin-right: 0;margin-bottom: 10px;display: block;}
    .online-mall .list ul li .logo-ioc{float: none;width: 100%;text-align: center;}
    .online-mall .list ul li .logo-ioc img{max-width: 100%;width: auto}
    .online-mall .list ul li .main-box{float: none;width: 100%;margin-top: 20px;}
    .membership-application .suggest .bottom-box .text{display: block;width: 100%;}
    .membership-application .suggest .bottom-box .touch{display: block;width: 100%;margin-top: 20px;margin-left: 0;padding-left: 0;border-left: 0;}
    .sketching-activity .list-box .main-bottom li{margin:0 10px;}
    .sketching-activity .gallery-top .time{font-size: 28px;}
    .artists-club .introduce .main-box .title{font-size: 28px;}
    .artists-club .duty .top-box .left-box .title{font-size: 28px;}
    .message .form .img{display: block;width: 100%}
    .message .form .main-box{display: block;width: 100%;padding: 30px 0;}
    .message .btn{padding-left: 0;}
    .yifeifan .present .table-nav ul li{margin-right: 40px;}
    .cultural-creation .introduce .right-box .name span{font-size: 38px;}
    .cultural-creation .introduce .text{display: block;width: 100%;}
    .cultural-creation .introduce .right-box{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .cultural-creation .fabric .text{width: 100%;}
    .cultural-creation .softwear .main-box .text{width: 100%;display: block;}
    .cultural-creation .softwear .main-box .right-box{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .cultural-creation .message .list{display: block;width: 100%;}
    .cultural-creation .message .text{display: block;width: 100%;margin-left: 0;}
    .gallery-list .list ul li .title a{font-size: 18px;}
    .gallery-list .list ul li .title{height:auto; white-space: nowrap; display: block;}
    .gallery-list .list ul li .text {margin-top: 10px;}
    .gallery-list .list ul li .more {margin-top: 25px;}
    .gallery-details .top-box .main-box .text{display: block;width: 100%;}
    .gallery-details .top-box .main-box .img{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .gallery-details .address .map{display: block;width: 100%;}
    .gallery-details .address .ewm{display: none;width: 100%;margin-left: 0;margin-top: 0;}
    .gallery-details .address .text{display: block;width: 100%;margin-left: 0;}
    .gallery-details .exhibition .left-box{display: block;width: 100%;}
    .gallery-details .exhibition .img{position: unset;width: 100%;transform: translateY(0%);margin-top: 20px;}
    .special .left-box{display: block;width: 100%;}
    .special .right-box{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .special .right-box ul li .num span{font-size: 38px;}
    .special .right-box ul li:nth-of-type(1){height: 130px;}
    .investor .shares .left-box{display: block;width: 100%;}
    .investor .shares .right-box{display: block;width: 100%;margin-top: 20px;margin-left: 0;}
    .about .about-layout .list{padding: 0 25px;}
    .about .about-layout .list .button-prev{width:20px;height: 20px;background-size: contain;}
    .about .about-layout .list .button-next{width:20px;height: 20px;background-size: contain;}
    .map_area{width:96%; left:2%;}
    .map_area #allmap{ left:5px; top:5px; right:5px; bottom:5px;}
}
@media(min-width: 641px){
    header .head-top .waplogo{display: none;}
    .banner .wapBan{display: none;}
}
.news-list .list ul li .img .warp{display: none;}
.column-banner img.wapinnerBan{display: none;}
.offline .list ul li .img .warp{display: none;}
@media screen and (max-width: 640px){
    .banner .pcBan{display: none;}
    .banner .wapBan{display: block;}
	.index .index-news .list .title a{font-size: 20px;}
    .index .index-brand .list ul li{display: block;width: 100%;margin-right: 0;margin-bottom: 20px;}
    footer .icp{font-size: 14px;}
    footer .foot-column ul li a{font-size: 12px;}
    header .head-top{padding: 5px 0;background:#cf000e;}
    header .head-top .waplogo{display: block;max-width: 70px;/*margin: 0 auto;*/}
    header .head-top .waplogo img{max-width:100%;}
    header .head-top .tips{display: none;}
    header .head-top .right-box{float: none;position: absolute;right: 65px;top: 50%;transform: translateY(-50%);}
    header .head-top .right-box .languages{margin-left:15px;}
    header .head-top .right-box .languages .name span{font-size:14px;}
    .rightMenuBtn{top: 6px;background-color: transparent;}
    .rightMenuBtn span.openMenu{background-color:#fff;width:28px;}
    .rightMenuBtn span.openMenu:before{background-color:#fff;width:35px;}
    .rightMenuBtn span.openMenu:after{background-color:#fff;width:31px;}
    .rightMenuBtn span,
    .rightMenuBtn span:before,
    .rightMenuBtn span:after{height: 2px;}
    #mian{padding-top:56px;}
    .index .index-news .list .box{/*max-height:220px;*/overflow: hidden;}
    .index .index-news .list .time .r{font-size:26px;}
    header .head-top .right-box .languages:before{left: -8px;background-color: #fff;}
    .memorabilia .list ul li{display: block;width: 100%;margin-bottom: 20px;}
    .memorabilia .list:before{display: none;}
    .memorabilia .list ul li:before{display: none;}
    .memorabilia .list ul li:nth-of-type(odd) .name{padding: 0;background-image: none;}
    .memorabilia .list ul li:nth-of-type(even) .name{padding: 0;background-image: none;text-align: left;}
    .memorabilia .list ul li:nth-of-type(odd) .main-table{margin: 0;width: 100%;}
    .memorabilia .list ul li:nth-of-type(even) .main-table{margin: 0;width: 100%;}
    .memorabilia .list ul li .name{font-size: 38px;margin-bottom: 15px;}
    .about .about-layout .name span{ font-size:16px; display: block;padding-left: 0;padding-top:10px;}
    .about .about-layout .name,
    .about .about-global .title{font-size:18px;}
    .about .about-global .text{ margin-top:10px;}
    .about .about-brief .pack-box .main-box .course .num{font-size: 26px;}
     .about .about-brief .pack-box .main-box .course ul li{display: block;margin-bottom: 15px;}
    .about .about-brief .pack-box .main-box .course ul li:not(:first-child) .num{font-size: 26px;}
    .about .about-brief .pack-box .main-box .course .num span{font-size: 20px;}
    .about .about-brief .pack-box .main-box .course .num{text-align: left;}
    .column-menu ul li{margin-right: 30px;}
    .leading-care .list ul li .title{font-size: 24px;}
    .inscriptions ul li .title{position: unset;background-image: none;margin-top: 20px;padding: 10px 0;background-color: #555;width: 100%;height: auto;}
    .inscriptions ul li .title span{width: auto;writing-mode: unset;}
    .brand-video .main-box .slider-right .items{margin-bottom: 0;margin-right: 10px;margin-left: 10px;}
    .enterprise-honor .list ul li{width: 48%;margin-right: 4%;}
    .enterprise-honor .list ul li:nth-of-type(3n){margin-right: 4%;}
    .enterprise-honor .list ul li:nth-of-type(2n){margin-right: 0;}
    .enterprise-honor .list ul li .title{font-size: 18px;}
    .skill-list .list ul li{width: 48%;margin-right: 4%;}
    .skill-list .list ul li:nth-of-type(3n){margin-right: 4%;}
    .skill-list .list ul li:nth-of-type(2n){margin-right: 0;}
    .skill-list .list ul li .title{margin-top: 15px;}
    .skill-list .list ul li .title a{font-size: 24px;}
    .skill-list .list ul li .text{margin-top: 10px;}
    .news-list .list ul li .img{display: block;width: 100%;}
    .news-list .list ul li .main-box{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .product-video ul li{width:100%;margin-right: 0; margin-bottom:15px;}
    .product-video ul li:nth-of-type(3n){margin-right: 4%;}
    .product-video ul li:nth-of-type(2n){margin-right: 0;}
    .product-video ul li .title{ font-size:17px;}
    .product-video ul li .text{ font-size: 14px;}
    .painting-list .list ul li .img{width: 100%}
    .painting-list .list ul li .main-box{width: 100%;}
    .painting-list .list ul li .title{font-size: 28px;}
    .painting-list .list ul li .text{margin-top: 20px;}
    .materials-list .list .name{font-size: 28px;}
    .materials-list .list .title{font-size: 26px;}
    .offline .list ul li .title{font-size: 26px;}
    .offline .list ul li .text{margin-top: 20px;}
    .offline .list ul li .city{margin: auto;}
    .online-mall .list ul li .title{font-size: 24px;line-height: 1.5;}
    .online-mall .list ul li .name{ font-size:14px;}
    .online-mall .list ul li .text{display: block;width: 100%;}
    .online-mall .list ul li .ewm{display: block;margin-left: 0;width: 140px;margin: auto;box-sizing: border-box;}
    .online-mall .list ul li .img{display: block;width: 100%;}
    .online-mall .list ul li .btn{display: block;width: 100%;margin-top: 20px;}
    .online-mall .list ul li .btn .more{margin: 20px auto 0 auto; max-width:150px;}
    .online-mall .list ul li .btn{margin-top: 0; padding: 20px 0}
    .membership-application .introduce .img{display: block;width: 100%}
    .membership-application .introduce .main-box{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .membership-application .introduce .main-box .title{font-size:18px;line-height: 1.5;}
    .membership-application .introduce .main-box:before{display: none;}
    .membership-application .introduce .main-box:after{display: none;}
    .membership-application .suggest .top-box .img{display: block;width: 100%}
    .membership-application .suggest .top-box .main-box{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .sketching-activity .list-box .main-box .title{font-size: 24px;}
    .sketching-activity .list-box .main-bottom{ padding:0 35px;}
    .artists-club .introduce .img{display: block;width: 100%;display: none;}
    .artists-club .introduce .main-box{display: block;width: 100%;margin-left: 0;margin-top: 0px;padding-right: 0;}
    .artists-club .introduce .main-box:before{display: none;}
    .artists-club .introduce .main-box:after{display: none;}
    .artists-club .duty .top-box .left-box{display: block;width: 100%;padding-left: 0;padding-right: 0;border: 0;}
    .artists-club .duty .top-box .right-box{display: block;width: 100%;margin-left: 0;margin-top:20px; text-align: center;}
    .artists-club .duty .top-box .left-box:before{display: none;}
    .artists-club .duty .top-box .left-box:after{display: none;}
    .artists-club .list{ padding:0 40px;}
    .artists-club .list .prev,
    .artists-club .list .next,
    .sketching-activity .list-box .slick-arrow{ width:30px; height:30px; background-size: cover;}
    .artists-club .list .slick-slider li .title{ margin-top:10px; font-size: 16px;}
    .recruit .top-box .img{display: block;width: 100%;}
    .recruit .top-box .main-box{display: block;width: 100%;padding: 20px}
    .recruit .top-box .main-box .title{font-size: 22px;}
    .recruit .top-box .main-box .text {font-size:14px; margin-top: 10px;}
    .recruit .list ul li .img{display: block;}
    .recruit .list ul li .main-box{display: block;width: 100%;margin-left: 0;margin-top: 20px;padding-left: 0;border-left: 0;}
    .recruit .bottom-box{padding: 20px 0;}
    .contact .list ul li {margin-bottom: 12.5%;}
    .contact .list ul li .main-box{display: block;width: 100%;}
    .contact .list ul li .map{width: 100%;margin-top: 20px;}
    
    .contact .list ul li .title{line-height: 1.5; font-size:18px;}
    .contact .list ul li .text {font-size:14px; margin-top: 7px; padding-top: 5px;}
    .son-menu ul{padding: 20px}
    .son-menu ul li:after{display: none;}
    .son-menu ul li{margin-right: 20px;}
    .artwork-collect .white-panel{position: unset;margin-bottom: 20px;}
    .artwork-extension .main-title{font-size: 22px;}
    .yifeifan .brief .left-box{display: block;width: 100%;}
    .yifeifan .brief .right-box{display: block;width:auto;padding-left: 0;margin-bottom: 20px;}
    .yifeifan .brief .title{font-size: 22px;}
    .yifeifan .honor .title{font-size: 22px;width: auto;display: block;}
    .yifeifan .honor .time{display: block;margin-top: 20px;margin-left: 0;width: 100%;box-sizing: border-box;}
    .yifeifan .honor .list{display: block;width: 100%;margin-left: 0;margin-top: 20px;}

    .yifeifan .present .table-nav ul li{margin-right: 20px;margin-bottom:0;font-size: 14px;}
    .yifeifan .present .table-nav ul li.on:after{bottom: -10px;}
    .yifeifan .present .table-nav ul{padding-bottom: 10px;}
    .yifeifan .present .table-box {margin-top: 15px;}
    .yifeifan .present .table-box .left-box{float: none;width: 100%;}
    .yifeifan .present .table-box .right-box{float: none;width: 100%;margin-top: 20px;}
    .yifeifan .present .table-box .list ul li{width: 48%;margin-right: 4%;}
    .yifeifan .present .table-box .list ul li:nth-of-type(2n){margin-right: 0;}
    .yifeifan .relation .main-box .map{display: block;width: 100%;}
    .yifeifan .relation .main-box .right-box{display: block;width: 100%;margin-left: 0;margin-top: 20px;}
    .yifeifan .relation .main-title{font-size: 22px;}
    .yifeifan .relation .main-box .right-box .text {font-size:14px;}
    .yifeifan .relation .main-box .right-box .ewm ul li .name {font-size:12px;}
    .cultural-creation .table-nav ul{ overflow: hidden; padding-bottom:0;}
    .cultural-creation .table-nav ul li{ text-align: center; font-size:16px; display: block;margin-right: 0px;padding:20px 0; float: left; width:50%;}
    .cultural-creation .table-nav ul li.on:after{top:auto; bottom:0;}
    .cultural-creation .table-nav ul li:last-child{margin-bottom: 0;}
    .cultural-creation .table-box{ padding:0 40px;}
    .cultural-creation .slick-list li .name{ font-size:12px;}
    .cultural-creation .slick-arrow{top:35%; width: 20px; height:20px; background-size: cover;}
    .gallery-list .main-time{float: none;margin-top: 20px;}
    .gallery-list .list ul li .img{position: unset;width: 100%;transform: translateY(0%);}
    .gallery-list .list ul li .main-box{display: block;width: 100%;margin-top: 20px;padding: 20px 0; min-height: 0;}
    .gallery-details .other-exhibition .main-title{font-size:18px;}
    .gallery-details .other-exhibition .list .name a{ font-size:12px;}
    .investor .relations ul li{display: block;width: 100%;margin-right: 0;margin-bottom: 20px;}
    .investor .relations ul li .main-box .title{font-size: 22px;}
    .investor .service .left-box{padding: 20px}
    .investor .service .left-box ul li:before{margin-right: 0; width: 20px; height: 20px; background-size:contain; background-repeat:no-repeat;}
    .investor .service .left-box ul li .name {font-size:14px;}
    .investor .service .left-box ul li .text{font-size:13px;}
    .investor .service .right-box {display: none;}
    .investor .shares .title{font-size: 26px;}
    .investor .shares .trend .now{font-size: 38px;}
    .gallery-details .other-exhibition .list ul{ margin-left:0;}
    .gallery-details .other-exhibition .list li{ margin:0 10px;}
    .gallery-details .public-title .Anniu{ margin-top:20px; margin-left:0; float:left;}

    .public-title .main{font-size: 18px;}
    .public-title .box .son{font-size: 16px;}
    .index .index-news .list .title a{font-size: 16px;}
    footer .ewm ul li .text{font-size:14px;}
    footer .icp{font-size:12px;}
    .memorabilia .list ul li .name{font-size:22px;}
    .brand-video .main-box .slider-right .swiper-btn div{border: 1px solid #e5e5e5;background-repeat: no-repeat;background-position: center center;}
    .brand-video .main-box .slider-right .swiper-btn .next{background-image: url(../images/button-next.png);}
    .brand-video .main-box .slider-right .swiper-btn .prev{background-image: url(../images/button-prev.png);}
    .tech-center .attestation ul{padding: 0;}
    .tech-center .attestation ul li{width:49%;margin-right:2%;}
    .tech-center .attestation ul li:nth-child(3n){margin-right:2%;}
    .tech-center .attestation ul li:nth-child(2n){margin-right:0;}
    .tech-center .attestation ul li .title{font-size:12px;}
    .w1440{max-width:88%;}
    .enterprise-honor .list ul li .title{font-size:12px;}
    .leading-care .list ul li .num{font-size:30px;}
    .leading-care .list ul li .title{font-size:18px;}
    .news-list .list ul li .time,
    .news-list .istop .time{position: absolute;top: 10px;right: 10px; width: 60px; padding: 5px 0;}
    .news-list .istop .time .r{font-size:24px;color:#fff;}
    .news-list .istop .time .ny{font-size:14px;color:#fff;}
    .news-list .istop .title a{font-size:18px;}
    .news-list .istop .title{height: auto;}
    .news-list .list ul li .time .r{font-size:24px;color:#fff;}
    .news-list .list ul li .time .ny{color:#fff;font-size:14px;}
    .news-list .list ul li .title a{font-size:18px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .news-list .list ul li .text{font-size:14px;}
    .news-list .list ul li .img{position: relative;}
    .news-list .list ul li .img .warp{display: block;position: absolute;top: 10px;right: 10px;}
    .news-list .list ul li .main-box .pc{display: none;}
    .news-list .list ul li .inner-box{width:100%;margin-right:0;}
    .skill-list .list ul li .title a{font-size:18px;}
    .column-banner img.wapinnerBan{display: block;}
    .column-banner img.pcinnerBan{display: none;}
    .location{text-align: left;}
    .location .w1440:before{ margin-top:3px; float: left;}
    .location .box{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .skill-list .list ul li{width:100%;margin-right:0;}
    .skill-list .list ul li .text{font-size:14px;}
    .skill-list .list ul li .title{height: 18px;}
    .materials-list .list .name{font-size:18px;}
    .materials-list .list .title{font-size:24px;margin-top: 10px;}
    .materials-list .list .text{font-size:14px;margin-top: 12px;}
    .materials-list .list .auto-img{display: none;}
    .painting-list .list ul li .title{font-size:22px;}
    .painting-list .list ul li .text{font-size:14px;margin-top:10px;}
    .painting-list .list ul li{background-image: none!important;padding-bottom:7.5%;}
    .painting-list .list ul li .more{margin-top:7.5%;}
    .brand-video .public-title{position: relative;}
    .brand-video .public-title .public_sous{position: absolute;max-width:145px;padding: 0 7px;line-height:28px;top: 0;right: 0;margin-top: 0;}
    .public-title .public_sous .input input{height: 28px;line-height:28px;}
    .public-title .public_sous .but_input{top: -3px;right: -1px;}
    .online-mall .list ul li .btn .ico,
    .online-mall .list ul li .ewm,
    .online-mall .list ul li .logo-ioc{display: none;}
    .online-mall .list ul li .title{font-size:22px;}
    .online-mall .list ul li .bottom-box{margin-top:20px;}
    .online-mall .list ul li .btn .more{margin: 20px 0 0;}
    .offline .list ul li .title{font-size:18px;}
    .offline .list ul li .text{font-size:14px;margin-top:10px;}
    .offline .list ul li .img{position: relative;}
    .offline .list ul li .img .warp{display: block;position: absolute;bottom: 5px;right: 5px;width: 60px;height: 60px;line-height:60px;font-size:14px;}
    .offline .list ul li .city.pc{display: none;}
    .offline .list ul li .map:after{display: none;}
    .offline .list ul li .map a{position: relative;padding-right:30px;}
    .offline .list ul li .map a:after{content: '';width: 20px;height: 28px;margin-left: 10px;background-image: url(../images/map.png);position: absolute;top: 50%;margin-top: -14px;right: 0;}
    .artists-club .introduce .main-box .name{font-size:16px;}
    .artists-club .introduce .main-box .title{font-size: 22px;}
    .artists-club .duty .top-box .left-box .title{text-align: left;font-size: 22px;}
    .artists-club .list .slick-slider li .title{font-size:12px;}
    .artists-club .duty .top-box .left-box .text{margin-top:20px;}
    .membership-application .suggest .bottom-box .substance{font-size:14px;}
    .membership-application .suggest .bottom-box .ewm{width:140px;padding: 8px;}
    .membership-application .suggest .bottom-box .ewm .img{width:100px;}
    .membership-application .suggest .bottom-box .ewm .name{font-size:14px;margin-top:15px;}
    .sketching-activity .list-box .main-box .title{font-size:22px;}

    /*640*/
    .special .left-box .title,
    .gallery-details .top-box .title,
    .cultural-creation .main-title {font-size:22px;}
    .gallery-details .public-title .more {display: none;}
    .gallery-list .list ul li .text,
    .news-details .time {font-size:14px;}
    .news-details .title {font-size:18px;}
    .gallery-list .main-time ul {right:auto; left:0; width: 298px;}
    .artwork-extension .list .button-prev,
    .artwork-extension .list .button-next,
    .index .index-brand .list .button-prev,
    .index .index-brand .list .button-next {width: 20px; height: 20px;}
    .artwork-extension .list .more {opacity: 1;}
    .artwork-extension .list .more a {background-color: #b1b1b1;}
    .artwork-extension .title {font-size:14px;}
    .cultural-creation .introduce .right-box table {width: 100%;}
    .cultural-creation .message .list ul li{ padding:20px 13px; letter-spacing: 3px; line-height:18px;}
    .cultural-creation .message .list ul li .name {font-size:12px;}
    footer .ewm ul li .img {width: 80px;}
    .message .form .main-box ul li input{ line-height:40px; height:40px;}
    .message .form .main-box ul li .name {font-size:14px; line-height:40px;}
    .message .form .main-box ul li textarea,
    .message .form .main-box ul li input {font-size:12px;}
    .message .btn {width: auto; text-align: center;}
    .message .btn input {font-size:14px; width: 100px; height: 35px;}
    .recruit .list ul li .title a {font-size:18px;}
    .recruit .list ul li .text {font-size:14px; display: block; white-space: nowrap;}
    .recruit .list ul li .more a {font-size:14px;}
    .recruit .list ul li .img {display: none;}
    .investor .relations ul li .main-box {line-height: 42px;}
    .investor .main-title {font-size:18px;}
    .gallery-details .exhibition .main-title{font-size:18px;}
    .gallery-details .exhibition .left-box .title{font-size:18px;}
    .gallery-details .top-box .main-box{margin-top: 20px;}
    .artists-club .duty .top-box .right-box ul li{ width:38%;}
    .artists-club .duty .top-box .right-box ul li .title{font-size: 12px;}
    .artists-club .duty .top-box .right-box ul li .tel{margin-top: 10px;font-size: 12px;}
    .brand-video .main-box .slider-right .swiper-btn div{width: 40px;height: 30px;}
    .about .about-brief .pack-box .main-box .course{display: none;}
    .index .index-news .list .button-prev{width: 20px;height: 20px;}
    .index .index-news .list .button-next{width: 20px;height: 20px;}
}
@media screen and (max-width: 370px){ }






@keyframes warn {
	0% {transform: scale(0);opacity: 1;}
	30% {transform: scale(0);opacity: 0.1;}
	60% {transform: scale(0.5);opacity: 0.5;}
	100% {transform: scale(1);opacity: 0.0;}
}
@-webkit-keyframes warn {
	0% {transform: scale(0);opacity: 1;}
	30% {transform: scale(0);opacity: 0.1;}
	60% {transform: scale(0.5);opacity: 0.5;}
	100% {transform: scale(1);opacity: 0.0;}
}
@-moz-keyframes warn {
	0% {transform: scale(0);opacity: 1;}
	30% {transform: scale(0);opacity: 0.1;}
	60% {transform: scale(0.5);opacity: 0.5;}
	100% {transform: scale(1);opacity: 0.0;}
}


.iframe-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;font-size: 0;z-index: 99999999999;display:none;}
.iframe-bg{position: absolute;height: 100%;width: 100%;background: #000;opacity: .9;}
.iframe-close{position: absolute;top: calc(52px + 2%);right: 5%;width: 30px;height: 30px;cursor: pointer;background: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMCAzMCc+PGcgZmlsbD0nI2ZmZic+PHBhdGggZD0nTTAsMUwxLDBMMzAsMjlMMjksMzB6Jy8+PHBhdGggZD0nTTI5LDBMMjksMEwzMCwxTDEsMzBMMCwyOXonLz48L2c+PC9zdmc+);background-repeat: no-repeat;}
.iframe-box .iframe-container{width: 852px;min-height: 550px;max-height: 90vh;background: #000;overflow: hidden;}
.iframe-div{background: #000;font-size: 0;letter-spacing: -1px;position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
.iframe-box .iframe-iframe{position: relative;width: 100%;height: 100%;overflow: hidden;}
.iframe-box .iframe-iframe iframe{position: relative;display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000;}

@media (max-width: 998px)
.iframe-box .iframe-container {
    width: 80vw;
    max-height: 80vh;
    min-height: 44.9vw;
}

@media (max-width: 468px)
.iframe-box .iframe-container {
    width: 100vw;
    min-height: 54.9vw;
}
.contact .list ul li .map img{width: 100%;}
.map img{width: 100%;}
@media screen and (max-width:640px){
    .contact .list ul li .map{height: auto;}
}