* {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:Lucida Bright,Arial;-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; }
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;}
@media (min-width:1200px){
    .omission1{line-height: 2;}
}
@media (max-width:760px){
    .omission1{line-height: 1.2;}
}
/*页面框架结构*/
.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{position: relative;} /*页面主体内容*/
.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);}


.PhoenixArt_btn {position: absolute;bottom: 6%;left: 4%;display:none;width:40px;height:40px;background-color:rgb(207 0 14);z-index: 3}
.PhoenixArt_btn span {display:block;height:3px;background-color:#fff;position:absolute;top:20px; transition:0.5s;}
.PhoenixArt_btn img {display:block;position:absolute;bottom:5px;left: 5px;transition:0.5s;width:30px;height:auto;}
.PhoenixArt_btn .openMenu {width:30px;left:5px;}
.PhoenixArt_btn .closeMenu {left:25px;width:0;}
.PhoenixArt_btn span:active {width:0;font-size: 0;}
.PhoenixArt_btn span:before,.PhoenixArt_btn span:after {content:"";display:block;width:30px;height:3px;background-color:#fff;position:absolute;transition:0.4s;}
.PhoenixArt_btn .openMenu:before {top:-10px;left:-0;}
.PhoenixArt_btn .openMenu:after {top:10px;left:-0;}
.PhoenixArt_btn .closeMenu:before {top:0px;left:-20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.PhoenixArt_btn .closeMenu:after {top:0px;left:-20px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadProRegular.eot');
    src: url('../fonts/MyriadProRegular.eot') format('embedded-opentype'),
         url('../fonts/MyriadProRegular.woff2') format('woff2'),
         url('../fonts/MyriadProRegular.woff') format('woff'),
         url('../fonts/MyriadProRegular.ttf') format('truetype'),
         url('../fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'basic';
    src: url('../fonts/basic.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hobby';
    src: url('../fonts/hobby.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kids';
    src: url('../fonts/kids.ttf');
    font-weight: normal;
    font-style: normal;
}
body{font-family: 'MyriadPro',Arial;}

/*头部*/
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:10px;transition:.3s;line-height:1;}
header nav ul li .nav_sub dd a{font-size:14px;padding: 0;font-weight: normal;line-height:25px;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; width: 66%;}
footer .foot-right{float: right; max-width: 34%;}
footer .foot-nav ul{font-size: 0;}
footer .foot-nav ul li{display: inline-block;margin-right: 50px; margin-bottom:30px;}
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: 14px;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-banner .por{position: relative;}
.column-banner .Morehome{ position:absolute; color: #fff;overflow: hidden;padding: 0 20px;background:#cf000e;transition: 0.3s;display: inline-block; z-index: 10;font-size: 0; border-radius:46% 0 0 46%; right: -4%; height: 100%;}
.column-banner .Morehome:before{float: left; width:18px; height:100%; background: url("../images/morehome.png") no-repeat center center; content: '';}
.column-banner .Morehome:hover{background: #1f4a9e;}

@media(min-width:769px){
.column-banner .por .ul_pc{padding-right:170px; z-index: 2;}
.column-banner .Morehome{margin-top: -20px;padding: 0 30px;font-size: 16px; right: 2%;top: 50%; line-height: 40px; height: 40px; border-radius: 100px;}
.column-banner .Morehome:before{height: 40px; margin-right: 10px; }
	
}
@media(max-width:640px){
.column-banner .Morehome{right: -6.8%;}
	
}


.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:20px;}
.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;}
#Son-menu170{display: none;}
/* 首页 */
.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: 9px;font-size: 26px;color: #fff; vertical-align: middle; background-color: #cf000e;}
.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%;font-size: 24px;line-height: 1.5em; height: 3em;margin: 0 auto;z-index: 5;}
.index .index-news .list .title a{color: #ffffff; display:block;}
.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:2%; max-width:33%; text-align: center;}
.about .about-brief .pack-box .main-box .course ul li:first-child{ text-align: left;}
.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%;}
.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;}
.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 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 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: 70px;font-size: 18px;color: #333;line-height: 45px;}
.message .form .main-box ul li input{display: inline-block;width: calc(100% - 70px);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% - 70px);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%;}
}
@media(max-width:640px){
.news-details{padding:4.95% 2%;}
.news-list .list ul li .title{height: 20px;}
.news-list .istop .title{height: 30px;}
}

.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;}*/

    .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:75px;}
    .column-menu .owl-item li a{color:#fff;font-size:18px; padding:0 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .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;}
}
@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; max-width:100%;}
    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}
    footer .ewm ul li{ margin-right:0;}
}
@media screen and (max-width: 768px){
    .column-menu .owl-item li{ line-height:45px;}
	.column-menu .owl-item li a{ font-size:14px;}
    .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;}
    .recruit .bottom-box .right-box{ font-size:12px;}
}
@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;}
}


/* 英文品牌介绍  2021-06-15 */
.Brand_text{ position: relative;}
.Brand_text::after{ content:''; position: absolute; width:100%; background: #f9f9f9; height:83.2%; top:8.4%; z-index:-1;}
.Brand_text .about-introduce{ margin-top:0; margin-bottom:7.2%;}
.Brand_text .about-introduce .img{ width:22.531%;}
.Brand_text img{ max-width:100%;}
.Brand_text .about-introduce .text{ padding:8.4% 3.8%; background: none;}
.Brand_text .about-introduce .text p{ color: #333; font-family:'Arial'; font-size:16px; max-width:100%; line-height:36px;}
.Brand_text .but_a{margin-top: 30px;}
.Brand_text .but_a a{display: inline-block;width: 130px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #ffffff;background-color: #cf000e;border-radius: 4px;}
.Brand_text .but_a a.aLink{display: inline-block;width: 130px;height: 40px;line-height: normal; padding: 5px 0;margin-left: 20px;text-align: center;font-size: 14px;color: #333;;border-radius: 4px;border: 1px solid #cf000e;background-color: #fff;box-sizing: border-box;transition: 0.2s;}
.Brand_text .but_a a.aLink img { height: 17px;}
.Brand_text .but_a a.aLink:hover { color:#cf000e;border-color: rgba(207, 0, 14, 0.56);box-shadow: 0 0 5px 0 rgba(207, 0, 14, 0.56)}
.Brand_text .about-introduce .img{ display: none;}
.Brand_text .about-introduce .img1{display: table-cell;}
.Brand_text:nth-child(2n) .about-introduce .img1{ }
.Brand_text:nth-child(2n) .about-introduce .img2{ display: table-cell;}
@media (max-width: 768px){
.Brand_text .about-introduce .text{ max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.Brand_text:nth-child(2n) .about-introduce .img1,
.Brand_text .about-introduce .img1{ display: block; width:50%;}
.Brand_text:nth-child(2n) .about-introduce .img2,
.Brand_text .about-introduce .img2{ display: none;}
}
@media (max-width: 640px){
.Brand_text .about-introduce .text{ padding:5% 0;}
.Brand_text .about-introduce .text p{ line-height:30px;}
.Brand_text .but_a{ margin-top:20px;}
.Brand_text .but_a a.aLink:last-of-type { margin-top: 20px; margin-left: 0;}
}

/* 英文凤凰画材产品  */
.PhoenixArt .libox{ width:58.334%; float: left;}
.PhoenixArt li{ width:100%;}
.PhoenixArt .libox2{ width:40.278%; float: right;}
.PhoenixArt .Rota{ width:100%; position: relative; float: left;}
.PhoenixArt .Rota .imgbox{ background-size: cover !important;}
.PhoenixArt .Rota .name{ background: rgba(0,0,0,.5); width: 100%; text-align: center; font-size:20px; color: #fff; position: absolute; left:0; line-height:60px; bottom:0; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .5s; }
.PhoenixArt .box_1 .imgbox,
.PhoenixArt .box_2 .imgbox{ padding-bottom:56.76%;}
.PhoenixArt .box_3 .imgbox{ padding-bottom:99.29%;}
.PhoenixArt .box_3{width:48.85%;}
.PhoenixArt .box_4{ width:48.85%;float: right;}
.PhoenixArt .box_4 .imgbox{ padding-bottom:99.29%;}
.PhoenixArt .box_5{ width:100%;}
.PhoenixArt .box_6{ width:100%;}
.PhoenixArt .box_7{ width:100%;}
.PhoenixArt .box_5 .imgbox,
.PhoenixArt .box_6 .imgbox,
.PhoenixArt .box_7 .imgbox,
.PhoenixArt .box_8 .imgbox{ padding-bottom:57.91%;}
.PhoenixArt .box_8{ width:100%;}
.PhoenixArt .box_1,
.PhoenixArt .box_2{ margin-bottom:2.3%;}
.PhoenixArt .box_5,
.PhoenixArt .box_6,
.PhoenixArt .box_7{margin-bottom:3.3%;}
.PhoenixArt .Rota:hover .name{ background: rgba(207,14,14,.5);}
@media (max-width: 640px){
.PhoenixArt .libox,
.PhoenixArt .libox2{ width:100%;}
.PhoenixArt .Rota{ margin-right:0; margin-bottom:20px;}
.PhoenixArt .Rota .name{ font-size:15px; line-height:40px;}
/* .PhoenixArt .Rota .imgbox{ padding-bottom: 145px;} */
.PhoenixArt .Rota.box_3, .PhoenixArt .Rota.box_4 {
    width: 48%;
    margin-right: 4%;
}
.PhoenixArt .Rota.box_4{margin-right: 0;}
.PhoenixArt .Rota.box_6, .PhoenixArt .Rota.box_7 {
    width: 48%;
    margin-right: 4%;
}
.PhoenixArt .Rota.box_7{margin-right: 0;}
.PhoenixArt .Rota.box_8{margin-right: 0;}
}
/* 英文凤凰画材产品 列表菜单 */
.PhoenixArt_menu{ font-family:Arial; width:25%; line-height:25px; border-top: solid 1px #eeeeee; float: left;}
.PhoenixArt_menu .web_menu{ display: none;}
.PhoenixArt_menu em{ display: block; position: relative; font-style: normal;border-bottom: solid 1px #eeeeee;}
.PhoenixArt_menu em a{ display:block;}
.PhoenixArt_menu em i{ display:block; width:15px; height:22px; position: absolute; right:15px; top:50%; margin-top:-11px;}
.PhoenixArt_menu ul{ display: none;}
.PhoenixArt_menu >ul{ display: block;}
.PhoenixArt_menu >ul>li>em>a{ font-size:20px; color: #000000; padding:20px 30px 20px 20px;}
.PhoenixArt_menu >ul>li>em>i{ background: url(../images/icon_i1.png) no-repeat center; transition: all .5s;}
.PhoenixArt_menu >ul>li.aon>em,
.PhoenixArt_menu >ul>li.on>em{ box-shadow:0 3px 5px rgba(0, 0, 0, .09);}
.PhoenixArt_menu >ul>li.aon>em i,
.PhoenixArt_menu >ul>li.on>em i{ transform:rotate(90deg);}
.PhoenixArt_menu >ul>li>ul>li{ background-color: #f8f8f8;}
.PhoenixArt_menu >ul>li>ul>li>em i{ background: url(../images/icon_i2.png) no-repeat center; transition: all .5s;}
.PhoenixArt_menu >ul>li>ul>li.aon>em i,
.PhoenixArt_menu >ul>li>ul>li.on>em i{ transform:rotate(90deg);}
.PhoenixArt_menu >ul>li>ul>li>em>a{ font-size:18px; color: #222222; padding:15px 30px 15px 20px; }
.PhoenixArt_menu >ul>li>ul>li.aon>em>a,
.PhoenixArt_menu >ul>li>ul>li.on>em>a{ color: #d54047;}
.PhoenixArt_menu >ul>li>ul>li>ul>li>em>a{ padding:15px 30px 15px 40px; font-size:16px; color: #666666;}
.PhoenixArt_menu >ul>li>ul>li>ul>li.on>em>a,
.PhoenixArt_menu >ul>li>ul>li>ul>li.aon>em>a,
.PhoenixArt_menu >ul>li>ul>li>ul>li>em>a:hover{ color: #d54047;}
@media (max-width:768px){
.PhoenixArt_btn{display: block;}
.PhoenixArt_menu{ position: fixed;margin-top: 0;padding: 30px 0;top: 0;right: 0;width: 200px;height: 100%;overflow: unset;transition: all 0.3s ease-in-out;box-sizing: border-box;background-color: #fff;overflow-x: hidden;transform: matrix(1, 0, 0, 1, 200, 0);z-index: 999;}
.PhoenixArt_menu .web_menu{ /* display: block;  */font-size:18px; color: #000000; padding:20px 30px 20px 20px;}
.PhoenixArt_menu >ul>li>em>a{ font-size:16px;padding: 10px 30px 10px 20px;}
.PhoenixArt_menu >ul>li>ul>li>em>a{ font-size:15px;padding: 10px 30px 10px 20px;}
.PhoenixArt_menu >ul>li>ul>li>ul>li>em>a{ font-size:14px;}
.PhoenixArt_menu >ul{ border-top: solid 1px #eeeeee; background-color:#fff; display: none;/*  position: absolute; left:0; */ width:100%;}
.PhoenixArt_menu >ul>li>em>i{transform:rotate(90deg);}
.PhoenixArt_menu >ul>li>ul>li>em i{transform:rotate(90deg);}
}
/* 英文凤凰画材产品 列表*/
.PhoenixArt_list{ width:71%; float: right; overflow: hidden;}
.PhoenixArt_list .itme{ border-bottom: solid 2px #e5e5e5; width:31.33%; margin-bottom:3%; margin-right:3%; float: left; transition: all .5s;}
.PhoenixArt_list .itme:nth-child(3n){ margin-right:0;}
.PhoenixArt_list .itme .pic{ padding-bottom:100%; width:100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.PhoenixArt_list .itme .text{ padding:20px 10px; text-align: center; background-color: #f8f8f8; position: relative;}
.PhoenixArt_list .itme .text .back_tu1{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index:1; background: url(../images/logo_cp.png) no-repeat center; background-size: contain; opacity:.03; transition: all .5s;}
.PhoenixArt_list .itme .mic{ position: relative; z-index:2; font-size:18px; color: #000000; transition: all .5s;}
.PhoenixArt_list .itme .luw{ position: relative; z-index:2; font-size:16px; color: #454545; transition: all .5s;}
.PhoenixArt_list .itme:hover{ border-color: #cf000e;}
.PhoenixArt_list .itme:hover .mic{ color: #cf000e;}
.PhoenixArt_list .itme:hover .luw{ color: #000;}
.PhoenixArt_list .itme:hover .text .back_tu1{ opacity:.1;}
@media (max-width:768px){
.PhoenixArt_list{ width:100%;margin-top: 10%;}
.PhoenixArt_list .itme{ width:49%; margin-right:2%;}
.PhoenixArt_list .itme:nth-child(3n){ margin-right:2%;}
.PhoenixArt_list .itme:nth-child(2n){ margin-right:0;}
.PhoenixArt_list .itme .text{ padding:10px 5px; line-height:25px;}
.PhoenixArt_list .itme .mic{ font-size:16px;}
.PhoenixArt_list .itme .luw{ font-size:14px;}
}

/* 英文凤凰画材产品 详情*/
.PhoenixArt_info{ width:71%; float: right; overflow: hidden;}
.PhoenixArt_info .slick_box{ width:49%; float: left;}
.PhoenixArt_info .slick_box .pic{ padding-bottom:100%; width:100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.PhoenixArt_info .slick_box .itme{ position: relative;}
.PhoenixArt_info .slick_box .but_video{ background: url(../images/video_icon.png) no-repeat center; background-size: contain; display: block; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.PhoenixArt_info .slider-for .but_video{ width:82px; height:82px;}
.PhoenixArt_info .slider-nav{ padding:20px 30px;}
.PhoenixArt_info .slider-nav .itme{ margin:10px;}
.PhoenixArt_info .slider-nav .slick-arrow{ font-size:0; position: absolute;top: 50%;transform: translateY(-50%); display: block;width: 25px;height: 40px;z-index: 3;cursor:pointer; background: none; background-position: center !important; background-repeat: no-repeat !important;}
.PhoenixArt_info .slider-nav .but_video{ width:35px; height:35px;}
.PhoenixArt_info .slider-nav .slick-prev{left:0; background-image: url('../images/button-prev.png');}
.PhoenixArt_info .slider-nav .slick-next{right:0; background-image: url('../images/button-next.png');}
.PhoenixArt_info .text_wenben{ float: right; width:47%;}
.PhoenixArt_info .text_wenben .mic{padding:12px 0; font-weight: bold; color: #333333; font-size: 30px;}
.PhoenixArt_info .text_wenben .luw{padding:12px 0; font-size:30px; color: #333333;}
.PhoenixArt_info .text_wenben .minos{padding:12px 0; font-size:18px; color: #666666;}
.PhoenixArt_info .text_wenben .size{padding:12px 0; color: #000000; font-size:18px;}
.PhoenixArt_info .text_wenben .size_list{ padding:10px 0; font-size:0;}
.PhoenixArt_info .text_wenben .size_list a{ cursor: pointer; color: #666666; font-size:16px; line-height:30px; border:solid 1px #666666; width:23%; display: inline-block; vertical-align: middle; text-align: center; border-radius:4px; margin-bottom:2.6%; margin-right:2.6%; transition: all .5s;}
.PhoenixArt_info .text_wenben .size_list a:nth-child(4n){ margin-right:0;}
.PhoenixArt_info .text_wenben .size_list a:hover,
.PhoenixArt_info .text_wenben .size_list a.on{ border-color:#aa1f24; color: #aa1f24;}
.PhoenixArt_info .text_wenben .miaos{ font-size:16px; color: #666666; line-height:36px;}
.PhoenixArt_info .shell-two{ padding-top:20px;}
.PhoenixArt_info .shell-two .title_ia{ padding:20px 0; margin-bottom:35px; border-bottom:solid 1px #ddd; font-size:24px; color: #cf000e;}
.PhoenixArt_info .shell-two .itme a{ display: block; border-bottom: solid 2px #e5e5e5; transition: all .5s;}
.PhoenixArt_info .shell-two .itme{ padding:0 15px;}
.PhoenixArt_info .shell-two .itme:nth-child(3n){ margin-right:0;}
.PhoenixArt_info .shell-two .itme .pic{ padding-bottom:100%; width:100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.PhoenixArt_info .shell-two .itme .text{ padding:20px 10px; text-align: center; background-color: #f8f8f8; position: relative;}
.PhoenixArt_info .shell-two .itme .text .back_tu1{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index:1; background: url(../images/logo_cp.png) no-repeat center; background-size: contain; opacity:.03; transition: all .5s;}
.PhoenixArt_info .shell-two .itme .mic{ position: relative; z-index:2; font-size:18px; color: #000000; transition: all .5s;}
.PhoenixArt_info .shell-two .itme .luw{ position: relative; z-index:2; font-size:16px; color: #454545; transition: all .5s;}
.PhoenixArt_info .shell-two .itme:hover a{ border-color: #cf000e;}
.PhoenixArt_info .shell-two .itme:hover .mic{ color: #cf000e;}
.PhoenixArt_info .shell-two .itme:hover .luw{ color: #000;}
.PhoenixArt_info .shell-two .itme:hover .text .back_tu1{ opacity:.1;}
.PhoenixArt_info .shell-two .slick-dots{ margin-top:35px; font-size:0; text-align: center;}
.PhoenixArt_info .shell-two .slick-dots li button{ display: none;}
.PhoenixArt_info .shell-two .slick-dots li{ cursor: pointer; margin:10px; border:solid 1px #828282; display: inline-block; vertical-align: middle; width:15px; height:15px; border-radius:50%; transition: all .5s; overflow: hidden;}
.PhoenixArt_info .shell-two .slick-dots li.slick-active{ border-color: #aa1f24; background-color: #aa1f24;}
@media (max-width:768px){
.PhoenixArt_info{ width:100%;}
.PhoenixArt_info .slick_box{ width:37%;}
.PhoenixArt_info .text_wenben{ width:55%;}
}
@media (max-width:640px){
.PhoenixArt_info .slick_box{ width:100%;}
.PhoenixArt_info .text_wenben{ width:100%;}
.PhoenixArt_info .text_wenben .mic,
.PhoenixArt_info .text_wenben .luw{ padding:10px 0; font-size:20px;}
.PhoenixArt_info .text_wenben .minos{ padding:10px 0; font-size:16px;}
.PhoenixArt_info .shell-two .itme{ padding:0 5px;}
.PhoenixArt_info .shell-two .itme .text{ padding:10px 5px;}
.PhoenixArt_info .shell-two .itme .mic,
.PhoenixArt_info .shell-two .itme .luw{ font-size:14px;}
.PhoenixArt_info .shell-two .slick-dots{ margin:20px 0;}
.PhoenixArt_info .shell-two .slick-dots li{ margin:3px; width:12px; height:12px;}
}



/* 优丽欧频菜单*/
.Unio-menu{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 3;}
.Unio-menu ul{ position: relative; background-color: rgba(255, 255, 255, .9); font-size: 0; border-radius:8px 8px 0px 0px;}
.Unio-menu ul li{ display: inline-block;margin-right:10px;}
.Unio-menu ul li#menu82>a>span{font-family: 'basic';}
.Unio-menu ul li#menu81>a>span{font-family: 'hobby';}
.Unio-menu ul li#menu80>a>span{font-family: 'kids';}
.Unio-menu ul li:last-child{margin-right: 0;}
.Unio-menu ul li>a{ cursor: pointer; font-size: 18px; display: block; padding:0 50px; text-transform: uppercase; border-radius:5px 5px 0px 0px; overflow: hidden; transition: all .5s;}
.Unio-menu ul li>a>span{ display: inline-block; vertical-align: middle; padding:20px 0;}
.Unio-menu ul li:nth-child(1).on>a>span{ border-bottom: solid 2px #aa1f24;}
.Unio-menu ul li:nth-child(2).on>a>span{ border-bottom: solid 2px #57aeb7;}
.Unio-menu ul li:nth-child(3).on>a>span{ border-bottom: solid 2px #f8b42d;}
.Unio-menu ul li:nth-child(1)>a{ color: #aa1f24;}
.Unio-menu ul li:nth-child(2)>a{color: #57aeb7;}
.Unio-menu ul li:nth-child(3)>a{color: #f8b42d;}
.Unio-menu ul li:hover >a{ box-shadow:0 0 8px rgba(0, 0, 0, .3);}
.sub_shell{ display: none; position: absolute; left:0; width: 100%; background-color: #fff;}
.two-shell{ min-height:500px; width:23%; background: #f8f8f8; float: left;}
.two-shell a{ position: relative; border-bottom: solid 1px #eee; display: block; font-size:20px; color: #000000; padding:20px 50px;}
.two-shell a i{ display:block; width:15px; height:22px; position: absolute; right:15px; top:50%; margin-top:-11px; background: url(../images/icon_i3.png) no-repeat center;}
.two-shell a.on,
.two-shell a:hover{ background-color: #aa1f24; color: #fff;}

    .two-shell a.on2 {
        background-color: #57aeb7;
        color: #fff;
    }
    .two-shell a.on3 {
        background-color: #f8b42d;
        color: #fff;
    }


.two-shell a.on i,
.two-shell a:hover i{background: url(../images/icon_i4.png) no-repeat center;}
.three-shell{ width:77%; float: right;}
.three-shell .nav_shell{ padding-top:3%; width:60%; padding-left:3%; float: left; line-height:30px; font-size:0;}
.three-shell .nav_shell dl{ margin-bottom:10px; width:50%; float: left;}
.three-shell .nav_shell dt a{ font-size:18px; font-weight: bold; color: #000000;}
.three-shell .nav_shell dd a {font-size: 15px;color: #555555;}
.Unio-menu ul li:nth-child(1) .three-shell .nav_shell dd:hover a { color: #aa1f24; font-weight: bold;}
.Unio-menu ul li:nth-child(1) .three-shell .nav_shell dl:hover dt a {color: #aa1f24;}
.Unio-menu ul li:nth-child(2) .three-shell .nav_shell dd:hover a {color: #57aeb7;font-weight: bold;}
.Unio-menu ul li:nth-child(2) .three-shell .nav_shell dl:hover dt a {color: #57aeb7;}
.Unio-menu ul li:nth-child(3) .three-shell .nav_shell dd:hover a {color: #f8b42d;font-weight: bold;}
.Unio-menu ul li:nth-child(3) .three-shell .nav_shell dl:hover dt a {color: #f8b42d;}
.three-shell .tuimg{ margin:3% 2.5%; width:31.5666%; padding-bottom:30.665%; float: right; border-radius:10px; overflow: hidden;}
.three-shell .nav_ay{ display: none;}
.Unio-menu ul li:hover .sub_shell{ display: block;}
@media (max-width:1024px){
.Unio-menu ul li:hover .sub_shell{ display: none;}
}
@media (max-width:640px){
.Unio-menu ul li>a{ padding:0 15px;}
.Unio-menu ul li>a>span{ display: inline-block; vertical-align: middle; padding:15px 0;}
}

/* 优丽欧频道页*/
.color1{ color: #aa1f24;}
.color2{ color: #57aeb7;}
.color3{ color: #f8b42d;}
.Unio_con2 .Tab_shell span.color1{font-family: 'basic';}
.Unio_con2 .Tab_shell span.color2{font-family: 'hobby';}
.Unio_con2 .Tab_shell span.color3{font-family: 'kids';}
.dot { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dot2,
.dot3{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
.dot2 {-webkit-line-clamp: 2;}
.dot3 {-webkit-line-clamp: 3;}
.title_Unio{ line-height:60px; padding:10px 0; font-size: 48px; color: #000000; font-weight: bold; text-align: center;}
.Responsive{ margin:40px auto; box-shadow: 0 0 10px rgba(0, 0, 0, .2); border-radius:6px;}
.Responsive .fixe{ display: flex;}
.Responsive .pic{ width:71%; padding-bottom:27.778%; background-size: contain; background-repeat: no-repeat; background-position: center;}
.Responsive .text{ width:29%; padding:40px; color: #ffffff; line-height:32px; font-size:16px; border-radius:6px;}
.Responsive .itme:nth-of-type(1) .text{background-color: #aa1f24;}
.Responsive .itme:nth-of-type(2) .text{background-color: #57aeb7;}
.Responsive .itme:nth-of-type(3) .text{background-color: #f8b42d;}
.Responsive .text .title{ margin-bottom:10px; text-transform: uppercase; font-size:30px;}
.Responsive .text .title span{ padding:10px 0; display: inline-block; vertical-align: middle; border-bottom:solid 1px rgba(255, 255, 255, .2);}
.Responsive .text .wenb{ padding-bottom:60px;}
.Responsive .slick-dots{ padding:0 60px; background: #ffffff; position: absolute; bottom:10%; right:17%; z-index: 35; border-radius:6px;}
.Responsive .slick-dots li{ display: inline-block; vertical-align: middle;}
.Responsive .slick-dots li button{ font-size:18px; color: #333333; background:none; display: block; width:60px; height:60px; line-height:60px; cursor: pointer;}
.Responsive .slick-dots li:nth-of-type(1).slick-active button{ color: #aa1f24;}
.Responsive .slick-dots li:nth-of-type(2).slick-active button{ color: #57aeb7;}
.Responsive .slick-dots li:nth-of-type(3).slick-active button{ color: #f8b42d;}
.Unio_con2{ padding:70px 0; background: #f8f8f8;}
.Unio_con2 .Tab_shell{ text-align: center;}
.Unio_con2 .Tab_shell span{ padding:10px 0; border-bottom: solid 1px #fff; cursor: pointer; margin:0 35px; text-transform: uppercase; display: inline-block; vertical-align: middle; font-size:24px;}
.Unio_con2 .Tab_shell span.on:nth-child(1){border-bottom: solid 1px #aa1f24;}
.Unio_con2 .Tab_shell span.on:nth-child(2){border-bottom: solid 1px #57aeb7;}
.Unio_con2 .Tab_shell span.on:nth-child(3){border-bottom: solid 1px #f8b42d;}
.Unio_con2 .list-tab{ display: none;}
.Unio_con2 .list-tab .itme{ padding:25px;}
.Unio_con2 .list-tab .itme .back{ position: relative; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .2); overflow: hidden; border-radius:10px;}
.Unio_con2 .list-tab .itme .pic{ position: relative;padding-bottom:92%; background-size: contain; background-position: top center; background-repeat: no-repeat;}
.Unio_con2 .list-tab .itme .pic a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}
.Unio_con2 .list-tab .itme .minc{ position: absolute; bottom:0; width:100%; padding:23px 0; text-transform: uppercase; font-size:24px; color: #ffffff; text-align: center; transition:0.5s;}
.Unio_con2 .list-tab .itme .minc a{color: #fff;}
.Unio_con2 .list-tab .itme .text{ line-height:36px; font-size:16px; text-align: center; color: #fff; position: absolute; top:0%; width:100%; height:100%;  opacity:0; transition:0.5s;}
.Unio_con2 .list-tab .itme .text .box{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);}
.Unio_con2 .list-tab .itme .mac{ padding-top:10%; text-transform: uppercase; font-size:24px; color: #ffffff; text-align: center;}
.Unio_con2 .list-tab .itme .mac::after{ display: block; width:60px; height:1px; background: rgba(255, 255, 255, .2); content: ''; margin:15px auto 0;}
/* .Unio_con2 .list-tab .itme .wenz{ padding:15px 0;} */
.Unio_con2 .list-tab .itme .but{ color: #fff; border:solid 1px #fff; line-height:43px; width:160px; text-align: center; display: inline-block; vertical-align: middle; border-radius:15px 0 15px 0;}
/* .Unio_con2 .list-tab .back:hover .minc{ opacity:0;} */
.Unio_con3 .list_hot .imta:nth-of-type(1) span{font-family: 'basic';}
.Unio_con3 .list_hot .imta:nth-of-type(2) span{font-family: 'hobby';}
.Unio_con3 .list_hot .imta:nth-of-type(3) span{font-family: 'kids';}
.Unio_con2 .list-tab .back:hover .text{ opacity:1;}
.Unio_con2 .list-tab .slick-dots{ text-align: center;}
.Unio_con2 .list-tab .slick-dots li{ margin:0 10px; display: inline-block; vertical-align: middle; border:solid 1px #8c8c8c; width:15px; height:15px; cursor: pointer; border-radius:50px; transition: all .5s;}
.Unio_con2 .list-tab .slick-dots li button{ font-size:0; display: none;}
.Unio_con2 .list-tab .slick-dots li.slick-active{ background: #aa1f24; border-color: #aa1f24;}
.Unio_con2 .list-tab .slick-track{ margin:0 auto;}
.Unio_con2 .list-tab:nth-of-type(1) .itme .text{background: rgba(170, 31, 36, .8);}
.Unio_con2 .list-tab:nth-of-type(2) .itme .text{background: rgba(87, 174, 183, .8);}
.Unio_con2 .list-tab:nth-of-type(3) .itme .text{background: rgba(248, 180, 45, .8);}
.Unio_con2 .list-tab:nth-of-type(1) .itme .minc{background: #aa1f24;}
.Unio_con2 .list-tab:nth-of-type(2) .itme .minc{background: #57aeb7;}
.Unio_con2 .list-tab:nth-of-type(3) .itme .minc{background: #f8b42d;}
.Unio_con3 { padding:60px 0;}
.Unio_con3 .news_hot{ display: flex; padding:50px 0;}
.Unio_con3 .pic{ width:71%; padding-bottom:55%; float: left; border-radius: 60px 0px 60px 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
.Unio_con3 .list_hot{ padding-top:37px; padding-left:37px; width:29%; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; z-index: 3;}
.Unio_con3 .list_hot .itme{ border-top: solid 1px #cccccc;}
.Unio_con3 .list_hot .itme:first-child{ border-top: none;}
.Unio_con3 .list_hot .itme:last-child{ border-bottom:solid 1px #cccccc;}

.Unio_con3 .list_hot .imta{ cursor: pointer; position: relative; padding:35px 85px 35px 0; font-size:20px; color: #4e4e4e; transition: all .5s;}
.Unio_con3 .list_hot .imta::after{ position: absolute; top:0; right:0; content: ''; display: block; width:0; height:100%; background:#aa1f24; z-index:-1; border-radius:0px 20px 0 20px; transition: all .5s;}
.Unio_con3 .list_hot .imta span{ display: inline-block; vertical-align: middle;}
.Unio_con3 .list_hot .imta i{ position: absolute; right:65px; display: inline-block; vertical-align: middle; width:17px; height:17px; background: url(../images/list_hot_icon.png) no-repeat center; transition: all .5s;}
.Unio_con3 .list_hot .spread{ display: none;}
.Unio_con3 .list_hot .list_li{ padding:20px 0; border-bottom: dashed 1px rgba(170, 31, 36, .5);}
.Unio_con3 .list_hot .list_li:last-child{ border-bottom: none;}
.Unio_con3 .list_hot .list_li h4{ font-weight: inherit; font-size:18px; color: #aa1f24;}
.Unio_con3 .list_hot .list_li .wenb{ padding-top:15px; font-size:16px; line-height:30px; color: #666666;} 
.Unio_con3 .list_hot .list_li .more{ padding-top:15px;}
.Unio_con3 .list_hot .list_li .more a{ color: #aa1f24; border:solid 1px #aa1f24; line-height:40px; width:160px; text-align: center; display: inline-block; vertical-align: middle; border-radius:15px 0 15px 0;}
.Unio_con3 .list_hot .itme.on{ border-top: none;}
.Unio_con3 .list_hot .itme.on .imta{ color: #fff;}
.Unio_con3 .list_hot .itme.on .imta i{  background: url(../images/list_hot_icon2.png) no-repeat center;}
.Unio_con3 .list_hot .itme.on .imta::after{ width:130%;}
@media (max-width:1024px){
.Unio_con3 .pic{ width:60%;}
.Unio_con3 .list_hot{ width:40%;}
}
@media (max-width:768px){
.Responsive .text{ width:49%;}
}
@media (max-width:640px){
.title_Unio{ font-size:30px; line-height:45px;}
.Responsive{ margin:20px 0;}
.Responsive .fixe{ display: block;}
.Responsive .pic{ display: block; width:100%; padding-bottom:47%;}
.Responsive .text{ width:100%; padding:20px;min-height: 355px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.Responsive .text .title{ font-size:26px;}
.Responsive .slick-dots{ padding:0; bottom:20px; right:20px;}
.Responsive .slick-dots li button{ height:40px; line-height:40px; width:40px;}
.Unio_con2 .Tab_shell{ margin-bottom:15px;}
.Unio_con2 .Tab_shell span{ margin:0 15px; font-size:18px;}
.Unio_con2 .list-tab .itme{ padding:10px;}
.Unio_con2 .list-tab .itme .wenz{ padding:5px;}
.Unio_con2 .list-tab .itme .minc,
.Unio_con2 .list-tab .itme .mac{ font-size:18px;}
.Unio_con2 .list-tab .itme .mac::after{ margin-top:5px;}
/* .Unio_con2 .list-tab .itme .text{ font-size:15px; opacity:1; line-height:30px;} */
/* .Unio_con2 .list-tab .itme .minc{ opacity:0;} */
.Unio_con2 .list-tab .itme .but{ line-height:35px;}
.Unio_con2 .list-tab .slick-dots li{ width:10px; height:10px; margin:5px;}
.Unio_con3 .news_hot{ display: block; overflow: hidden; padding:30px 0;}
.Unio_con3 .pic{ width: 100%; padding-bottom:77%;}
.Unio_con3 .list_hot{ width:100%; padding-left:0;}
.Unio_con3 .list_hot .imta{ padding:20px 40px;}
.Unio_con3 .list_hot .imta i{ right:20px;}
.Unio_con3 .list_hot .spread{ padding-left:30px;}
.Unio_con3 .list_hot .itme.on .imta::after{ width:100%;}
.Unio_con2 .list-tab .itme .pic{background-size: cover}
.Unio_con2 .list-tab .itme .text{display: none;}
.Unio_con2 .list-tab .itme .minc{padding: 15px 0;}
}


/* 优丽欧列表页*/
.Unio-box{ padding-bottom:3.8%;}
.Unio-box .blue_box .sub_three,
.Unio-box .blue_box .sub_two{ font-size:0; padding:0 50px;}
.Unio-box .blue_box .sub_two::after{ content: ''; display: block; width:100%; height:1px; background: #eeeeee;}
.Unio-box .blue_box .sub_two a{ line-height:25px; display: inline-block; vertical-align: middle; padding:20px 0; margin-right:70px; font-size:20px; color: #000000;}
.Unio-box .blue_box .sub_two a span{ margin-right:30px; display: inline-block; vertical-align: middle;}
.Unio-box .blue_box .sub_two a i{ display: inline-block; vertical-align: middle; width:17px; height:25px; background: url(../images/icon_i3.png) no-repeat center;}
    .Unio-box .blue_box .sub_three a.on,
    .Unio-box .blue_box .sub_two a.on {
        color: #aa1f24;
        border-bottom: solid 1px #aa1f24;
    }

    .Unio-box .blue_box .sub_three a.on2,
    .Unio-box .blue_box .sub_two a.on2 {
        color: #57aeb7;
        border-bottom: solid 1px #57aeb7;
    }

    .Unio-box .blue_box .sub_three a.on3,
    .Unio-box .blue_box .sub_two a.on3 {
        color: #f8b42d;
        border-bottom: solid 1px #f8b42d;
    }

.Unio-box .blue_box .sub_two a.on i{ background: url(../images/icon_i5.png) no-repeat center;}
    .Unio-box .blue_box .sub_two a.on2 i {
        background: url(../images/icon_i6.png) no-repeat center;
    }
    .Unio-box .blue_box .sub_two a.on3 i {
        background: url(../images/icon_i7.png) no-repeat center;
    }

.Unio-box .blue_box .sub_three a{ margin-right:70px; display: inline-block; vertical-align: middle; padding:20px 0; font-size:18px; color: #666666;}
.Unio_list{ padding-top:30px; font-size:0;}
.Unio_list .itme{ width:22.74%; margin-right:3%; margin-bottom:3%; float: left; vertical-align: middle; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); overflow: hidden;}
.Unio_list .itme:nth-child(4n){ margin-right:0;}
.Unio_list .itme .pic{ padding-bottom:79.5%; background-size: cover; background-repeat: no-repeat; background-position:bottom center; transition: all .5s;}
.Unio_list .itme .mic{ text-align: center; padding:20px 0; font-size:18px; color: #fff; position: relative; z-index:3;}
.Unio_list .itme:hover .pic{ transform: scale(1.02);}
.back_color1 .itme .mic{ background: #aa1f24;}
.back_color2 .itme .mic{ background: #57aeb7;}
.back_color3 .itme .mic{ background: #f8b42d;}
@media (max-width:640px){
.Unio-box .blue_box .sub_three,
.Unio-box .blue_box .sub_two{ padding:0 15px;}
.Unio-box .blue_box .sub_three a,
.Unio-box .blue_box .sub_two a{padding:15px 0; font-size:16px; margin-right:15px;}
.Unio-box .blue_box .sub_two a span{ margin-right:5px;}
.Unio-box .blue_box .sub_two a i{ width:12px;}
.Unio_list{ padding-top:20px;}
.Unio_list .itme{ width:48%; margin-right:4%;}
.Unio_list .itme:nth-child(2n){ margin-right:0;}
.Unio_list .itme .mic{ font-size:16px; padding:15px 0;}
}


/* 优丽欧列详情1*/
.Unio_info{ padding:70px 0;}
.Unio_info .shell-one{ padding:0 50px;}
.Unio_info .slick_box{ width:49%; float: right;}
.Unio_info .slick_box .pic{ padding-bottom:100%; width:100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.Unio_info .slick_box .itme{ padding:10px; position: relative;}
.Unio_info .slick_box .but_video{ width:100%; height:100%; background:rgba(0, 0, 0, .3) url(../images/video_icon.png) no-repeat center; display: block; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.Unio_info .back_yis{ position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, .2); overflow: hidden; border-radius:10px;}
.Unio_info .slider-for{ width: 80%; float: left;}
.Unio_info .slider-for .but_video{ background-size: 85px;}
.Unio_info .slider-nav{ width:15%; float: right;}
.Unio_info .slider-nav .but_video{ background-size:35px;}
.Unio_info .slider-nav .slick-arrow{ font-size:0; display: inline-block; width:100%; padding-bottom:60%; vertical-align: middle; cursor:pointer; background:none; background-repeat: no-repeat!important; background-position: center!important; transform:rotate(90deg);}
.Unio_info .slider-nav .slick-prev{background-image: url('../images/button-prev.png');}
.Unio_info .slider-nav .slick-next{background-image: url('../images/button-next.png');}

.Unio_info .text_wenben{ float: left; width:47%;}
.Unio_info .text_wenben .mic{padding:12px 0; font-weight: bold; color: #333333; font-size: 30px;}
.Unio_info .text_wenben .luw{padding:12px 0; font-size:30px; color: #333333;}
.Unio_info .text_wenben .minos{padding:12px 0; font-size:18px; color: #666666;}
.Unio_info .text_wenben .size{padding:12px 0; color: #000000; font-size:18px;}
.Unio_info .text_wenben .size_list{ padding:10px 0 0; font-size:0;}
.Unio_info .text_wenben .size_list a{ cursor: pointer; color: #666666; font-size:16px; line-height:30px; border:solid 1px #666666; padding:0 20px; display: inline-block; vertical-align: middle; text-align: center; border-radius:4px; margin-bottom:2.6%; margin-right:2.6%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.Unio_info .text_wenben .size_list a:nth-child(4n){}
.Unio_info .text_wenben .size_list a:hover,
.Unio_info .text_wenben .size_list a.on{ border-color:#aa1f24; color: #aa1f24;}
.Unio_info .text_wenben .miaos{ font-size:16px; color: #666666; line-height:36px;}
.Unio_info .text_wenben .miaos .padu{ padding:10px 0;}
.Unio_info .text_wenben .miaos2{ font-size:16px; color: #000; line-height:36px;}
.Unio_info .text_wenben .miaos2 .line{ padding-top:10px; margin-top:10px; display: inline-block; border-top: solid 1px #000;}
.Unio_info .text_wenben .miaos2 .padu{ padding:5px 0;}
.Unio_info .two_title{ margin-top:30px; padding:0 50px; font-size:30px; color: #aa1f24;}
.Unio_info .two_title::after{ margin-top:20px; content: ''; display: block; width:100%; height:1px; background: #eee;}
.Unio_info .slick_list{ padding:20px 0;}
.Unio_info .slick_list .itme{ padding:15px; }
.Unio_info .slick_list .itme a{display:block; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); overflow: hidden;}
.Unio_info .slick_list .itme .pic{ padding-bottom:79.5%; background-size: cover; background-repeat: no-repeat; background-position:bottom center; transition: all .5s;}
.Unio_info .slick_list .itme .mic{ background: #aa1f24; text-align: center; padding:20px 0; font-size:18px; color: #fff; position: relative; z-index:3;}
.Unio_info .slick_list .slick-dots{ margin-top:40px; text-align: center;}
.Unio_info .slick_list .slick-dots li{ margin:0 10px; display: inline-block; vertical-align: middle; border:solid 1px #8c8c8c; width:15px; height:15px; cursor: pointer; border-radius:50px; transition: all .5s;}
.Unio_info .slick_list .slick-dots li button{ font-size:0; display: none;}
.Unio_info .slick_list .slick-dots li.slick-active{ background: #aa1f24; border-color: #aa1f24;}

@media (max-width:768px){
.Unio_info .slick_box{ width:37%;}
.Unio_info .text_wenben{ width:55%;}
.Unio_info .slider-for{ width: 100%;}
.Unio_info .slider-nav{ width:100%; padding:0 30px; position: relative;}
.Unio_info .slider-nav .itme{  padding:5px;}
.Unio_info .slider-nav .slick-arrow{ position: absolute; top:0; width:30px; padding-bottom:0; height:100%; transform:rotate(0deg);}
.Unio_info .slider-nav .slick-prev{ left: 0;}
.Unio_info .slider-nav .slick-next{ right: 0;}
.Unio_info .slider-for .but_video{ background-size:45px;}
.Unio_info .slider-nav .but_video{ background-size: 25px;}
.Unio_info .text_wenben .luw,
.Unio_info .text_wenben .mic{ font-size:26px;}
}
@media (max-width:640px){
.Unio_info{ padding:40px 0;}
.Unio_info .two_title,
.Unio_info .shell-one{ padding:0 15px;}
.Unio_info .slick_box{ width:100%;}
.Unio_info .text_wenben{ width:100%;}
.Unio_info .text_wenben .mic,
.Unio_info .text_wenben .luw{ padding:10px 0; font-size:20px;}
.Unio_info .text_wenben .minos{ padding:10px 0; font-size:16px;}
.Unio_info .slick_list .itme{ padding:8px;}
.Unio_info .slick_list .itme .mic{ font-size:16px;}
.Unio_info .slick_list .slick-dots{ margin-top:20px;}
.Unio_info .slider-nav .itme{ padding:10px;}
}


#proCat {overflow:hidden; position:recruit;}
#proCat ul,
#proCat li,
#proCat li h2 {padding:0; margin:0; overflow:hidden;}
#proCat .left {width:58.334%; float:left;}
#proCat .right {width:40.278%; float:right;}
#proCat .waiting {position:absolute; right:0; top:0;}
#proCat li {clear:both;}
#proCat li a {display:block; background:no-repeat center center; background-size:cover; position:relative;padding-bottom: 56.76%;}
#proCat h2 {background: rgba(0,0,0,.5);width: 100%;text-align: center;font-size: 20px;color: #fff;position: absolute;left: 0;line-height: 60px;bottom: 0;display: block;white-space: nowrap;text-overflow: ellipsis;transition: all .5s; font-weight:normal;}
#proCat li a:hover h2 {background: rgba(207,14,14,.5);}
#proCat .left li {padding-bottom:2.3809%;}
#proCat .right li {padding-bottom:3.44827%;}
#proCat .right a {padding-bottom:61.127%;}

#proCat .item3 {width:48.80955%; float:left; clear:none;}
#proCat .item4 {width:48.80955%; float:right; clear:none;}
#proCat .item7 {float:left; width:48.275865%; clear:none;}
#proCat .item8 {float:right; width:48.275865%; clear:none;}
#proCat .item3 a,
#proCat .item4 a,
#proCat .item7 a,
#proCat .item8 a {padding-bottom:100%;}

@media (max-width:1280px){
	#proCat h2 {font-size:18px; line-height:50px;}
}
@media (max-width:1024px){
	#proCat h2 {font-size:16px; line-height:42px;}
}
@media (max-width:768px){
	#proCat .left,
	#proCat .right {width:auto; float:none;}
	#proCat h2 {font-size:14px; line-height:36px;}
	#proCat .right li {padding-bottom:2.3809%;}
	#proCat .item7,
	#proCat .item8 {width:48.80955%;}
}