@charset "utf-8";
body,div,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p,span,img,form,table,th,td{ margin:0; padding:0;}
body, input, textarea, select, button {padding:0;margin:0;word-wrap:break-word;line-height: normal;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1,h2,h3,h4,h5{font-size:14px;outline:0;margin:0}
ol, ul {list-style:none}
img {border: 0;max-width: 100%;}
table {border-collapse:collapse;border-spacing:0;}
html {-webkit-font-smoothing: antialiased;}
body{font-size: 14px;line-height: 1.8;word-wrap:break-word;color: #000;font-family: "Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif;}
input, textarea {color: #666;font-size: 14px;}
:focus {outline:0}
a {
    text-decoration:none;
    color: #000;
    outline:none;
}
a:hover {text-decoration:none;color: #ff3434;outline:none;}
a:visited {outline:none;}
a:active {outline:none;}

/* common*/
#overlay{position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:999;opacity: 0.5;display: none;}
.clear {clear: both;}
.container {width: 1280px;margin: 0 auto;position: relative;}
.showmsg {background: #f9f9f9;margin-top: 30px;text-align: center;padding: 150px;margin-bottom: 80px;}
.red {color: #ff3434;}
.fade-in {-webkit-animation: fade-in 0.5s;}
@-webkit-keyframes fade-in {
    0% {
        -webkit-transform: translate3d(0px, 30px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0);
        opacity: 1;
    }
}

/* header */
.header {height: 80px;background: #eee;position: relative;}
.logo {float: left;margin-top: 18px;margin-left: 45px;}
.main-nav {float: right;margin-right: 40px;}
.main-nav a {float: left;padding: 0 30px;font-size: 16px;line-height: 80px;}
.main-nav a.main-nav-link:hover {color: #fff;background: #434343;}
.main-nav a.main-nav-link.active {color: #fff;background: #434343;}
.sub-nav {background: #434343;height: 65px;width: 100%;position: absolute;top: 80px;z-index: 99;display: none;}
.sub-nav-list {width: 1280px;line-height: 65px;margin: 0 auto;display: none;text-align: center;}
.sub-nav a {color: #fff;}
#sub-nav-list-1 {padding-left: 210px;}
#sub-nav-list-1 a {margin-left: 160px;}
#sub-nav-list-2 {padding-left: 610px;}
#sub-nav-list-2 a {margin: 0 80px;}
#sub-nav-list-3 {padding-left: 120px;}
#sub-nav-list-3 a {margin-left: 100px;}
#sub-nav-list-4 {padding-left: 540px;}
#sub-nav-list-4 a {margin-left: 120px;}
#sub-nav-list-5 {padding-left: 710px;}
#sub-nav-list-5 a {margin-left: 150px;}

/* footer */
.footer {background: #eee;padding: 20px 0;color: #888;text-align: center;}
.footer a {color: #888;}
.footer-copyright {margin-top: 15px;font-size: 12px;}
#intranet {width: 530px;height: 335px;position: absolute;top: 250px;left: 50%;margin-left: -265px;z-index: 9999;background: #fff;border-radius: 10px;padding: 25px 30px;box-shadow: 1px 1px 5px #ddd;display: none;}
#close-intranet {position: absolute;right: 15px;top: 15px;width: 26px;height: 26px;border-radius: 50%;background: url(../images/icon-close.png);text-align: center;color: #999;font-size: 18px;line-height: 25px;}
#intranet .title {font-size: 18px;text-align: center;}
#intranet .list {overflow: hidden;}
#intranet .list a {float: left;width: 33.33%;text-align: center;margin-top: 30px;}
#intranet .title.title2 {margin-top: 50px;}
#intranet .list2 a {width: 25%;margin-top: 25px;}

/* page */
.page{width:100%;text-align:center;overflow:hidden;display: inline-block;margin-top: 15px;margin-bottom: 50px;}
.page-list {float:left;position:relative;left:50%;}
.page-list li{float:left;margin:3px;position:relative;right:50%;}
.page a{border: 1px solid #ddd;height: 26px;display: block;line-height: 26px;color: #999;padding: 0px 8px;}
.page a.current, .page a:hover{background: #e2001a;color: #fff;}
.page a.last{line-height: 20px;}

/* home */
.home-banner {min-width: 1280px;width: 100%; center center no-repeat;background-size: cover;}
.home-banner .header {background: transparent;}
.home-banner .text-1 {font-size: 46px;color: #333;margin-top: 70px;margin-left: 70px;line-height: 1.2;letter-spacing:2px;color: #ff3434;}
.home-banner .text-2 {font-size: 21.6px;color: #333;margin-top: 0px;margin-left: 70px;font-weight: bold;}
.home-banner .text-3 {font-size: 18px;color: #333;margin-top: 70px;margin-left: 70px;line-height: 1.2;}
.home-banner .text-4 {font-size: 20px;color: #333;margin-top: 0px;margin-left: 70px;color: #ff3434;}
.home-banner .text-5 {font-size: 16px;color: #333;margin-top: 50px;margin-left: 70px;font-weight: bold;}
.home-category {background: #eee;overflow: hidden;height: 485px;}
.home-category:nth-child(1) {margin-top: 100px;}
.home-category .cover {float: right;width: 640px;}
.home-category .info {float: left;width: 640px;padding: 100px 115px;}
.home-category:nth-child(2n) {background: #fff;height: 587px;padding: 100px 115px;}
.home-category:nth-child(2n) .cover {float: left;width: 525px;}
.home-category:nth-child(2n) .info {float: left;width: 525px;padding: 60px 0 70px 115px;}
.home-category .info .title {font-size: 35px;}
.home-category .info .description {color: #6c6c6c;margin-top: 20px;line-height: 2.2;}
.home-category .info .btn {margin-top: 60px;}
.home-category .info .btn a {background: #fd3645;color: #fff;padding: 10px 30px;border-radius: 5px;font-size: 16px;}

/* about */
.banner {min-width: 1280px;width: 100%;height: 300px;}
.banner .title {font-size: 42px;color: #fff;position: absolute;left: 150px;top: 180px;}
.about-banner {background: url(../images/banner-2.jpg) center center no-repeat;background-size: cover;}
.about-banner .title {left: 270px;}
.aboutus {padding: 65px 65px 85px;background: #fff;}
.aboutus .left-side {float: left;width: 515px;margin: 0 30px;}
.aboutus .title {font-size: 16px;color: #ff3434;padding: 0 25px;}
.aboutus .title p {line-height: 1.6;}
.aboutus .content {margin-top: 20px;background: #f7f7f7;padding: 5px 25px;border-radius: 10px;height: 800px;overflow: auto;}
.aboutus .content p {line-height: 2;padding-bottom: 15px;padding-top: 15px;}
.about-fileds {padding: 45px;overflow: hidden;background: #eee;}
.about-fileds div {width: 33.33%;float: left;text-align: center;}
.about-fileds .title {font-size: 16px;}
.about-fileds .content {margin-top: 15px;}
.honor {background: #fff;padding: 65px 270px;}
.honor .title {font-size: 16px;color: #ff3434;}
#honor-list li {margin-top: 25px;}
.show-more {text-align: center;margin-top: 45px;}
.show-more a {font-size: 18px;color: #ff3434;background: url(../images/icon-more.png) right center no-repeat;padding-right: 38px;}
.about-contact {background: #fff;padding: 65px 270px;border-top: 1px solid #ddd;overflow: hidden;}
.about-contact .full {float: left;width: 100%;margin-top: 45px;}
.about-contact .half {float: left;width: 50%;margin-top: 45px;}
.about-contact .title {font-size: 14px;color: #ff3434;height: 30px;}
.about-contact p {font-size: 16px;height: 25px;}

/* publications */
.publications {background: #fff;}
.publications-banner {background: url(../images/banner-3.jpg) center center no-repeat;background-size: cover;}
.publications-banner .title {left: 150px;top: 90px;}
.publications-banner .description {color: #fff;position: absolute;left: 150px;top: 170px;width: 435px;}
.publications-banner.media-banner {background: url(../images/banner-4.jpg) center center no-repeat;background-size: cover;}
.publications-banner.site-banner {background: url(../images/banner-5.jpg) center center no-repeat;background-size: cover;}
.publications-banner.art-banner {background: url(../images/banner-12.jpg) center center no-repeat;background-size: cover;}
.publications-banner.newretail-banner {background: url(../images/banner-11.jpg) center center no-repeat;background-size: cover;}
.publications-list {padding: 70px;border-top: 1px solid #ddd;overflow: hidden;}
.publications-list:nth-child(1) {margin-top: 70px;padding-top: 0px;border-top: none;}
.publications-list dl {width: 33.33%;float: left;text-align: center;}
.publications-list dl .title {font-size: 20px;margin-top: 20px;}
.publications-list dl .title_en {font-size: 20px;}
.publications-list dl a:hover {color: #000;}
.app-list {padding: 70px;border-top: 1px solid #ddd;overflow: hidden;}
.app-list:nth-child(1) {margin-top: 70px;padding-top: 0px;border-top: none;}
.app-list p {width: 25%;float: left;text-align: center;}
.site-list {padding: 70px;border-top: 1px solid #ddd;overflow: hidden;}
.site-list:nth-child(1) {margin-top: 70px;padding-top: 0px;border-top: none;}
.site-list dl {width: 325px;float: left;text-align: center;margin-left: 82.5px;}
.site-list dl:nth-child(1) {margin-left: 0px;}
.site-list dl a {color: #ff3434;}
.site-list dl p:nth-child(2) {padding-top: 20px;}
.art {padding-bottom: 400px;}
.newretail-show-qrcode {position: relative;}
.newretail-show-qrcode .newretail-qrcode {position: absolute;left: 50%;margin-left: -55px;top: 50px;display: none;}
.newretail-show-qrcode.active .newretail-qrcode {display: block;}
.newretail-show-qrcode.active .cover {opacity: 0.8;}
.site-list p.description {font-size: 14px;color: #6c6c6c;text-align: justify;width: 324px;margin: 0 auto;}
.show {padding: 70px 70px 120px;overflow: hidden;}
.show .title {font-size: 16px;color: #ff3434;}
.show-list {margin-top: 30px;overflow: hidden;}
.show-list dl {width: 200px;float: left;margin-left: 113px;margin-bottom: 30px;}
.show-list dl:nth-child(4n+1) {margin-left: 0;}
.show-list dl .time {margin-top: 30px;color: #ff3434;font-size: 14px;}
.show-list dl .title {margin-top: 15px;font-size: 18px;color: #000;line-height: 1.4;}
.show-list dl .address {color: #666;margin-top: 30px;}
.show-list dl .description {color: #666;margin-top: 30px;}

/* news */
.news-banner {background: url(../images/banner-6.jpg) center center no-repeat;background-size: cover;}
.news {background: #fff;padding: 60px 310px;}
.news .title {font-size: 16px;color: #ff3434;font-weight: bold;}
.news-list li {margin-top: 36px;}
.news-list li .date {font-size: 13px;color: #ff3434;}
.news-list li .title {font-size: 16px;font-weight: normal;}
.news:nth-child(2) {border-top: 1px solid #ddd;}
.news.group-highlight {padding: 65px;}
.news.group-highlight .cat-title {text-align: center;color: #000;font-size: 26px;}
.news-list2 {overflow: hidden;}
.news-list2 li {float: left;width: 350px;margin-left: 50px;margin-top: 50px;}
.news-list2 li:nth-child(3n+1) {margin-left: 0px;}
.news-list2 li .title {text-align: center;margin-top: 30px;font-size: 18px;height: 60px;overflow: hidden;}
.news-list2 li .description {margin-top: 20px;font-size: 16px;color: #737373;height: 84px;padding: 0 30px;overflow: hidden;}

/* investor */
.investor-banner {background: url(../images/banner-8.jpg) center center no-repeat;background-size: cover;}
.investor-gz-banner {background: url(../images/banner-7.jpg) center center no-repeat;background-size: cover;}
.investor {background: #fff;padding: 30px 270px;overflow: hidden;}
.investor .left-side {float: left;width: 155px;padding-top: 30px;}
.investor .left-side .nav-bar span {background: #999;height: 2px;width: 20px;margin-top: 5px;display: block;}
.investor-menu {background: #eee;padding: 1px 20px;margin-top: 20px;}
.investor-menu a {display: block;margin: 30px 0;font-size: 16px;}
.investor-menu a.active {color: #ff3434;}
.investor .right-side {float: right;width: 835px;}
.report-list {width: 770px;}
.report-line {border-top: 1px solid #ddd;padding: 55px 0;overflow: hidden;}
.report-line:nth-child(1) {border-top: none;padding-top: 30px;}
.report-item {width: 190px;float: left;text-align: center;margin-left: 100px;}
.report-item:nth-child(3n+1) {margin-left: 0;}
.report-item .date {font-size: 13px;color: #ff3434;}
.report-item .title {font-size: 16px;}
.investor-shgz {background: #fff;padding: 0px 270px;}
.investor-shgz .info {padding: 50px 0;}
.investor-shgz .info .title {font-size: 16px;color: #ff3434;}
.investor-shgz .info p {margin-top: 30px;line-height: 2;}
.investor-shgz .info .author {text-align: right;margin-top: 40px;}
.investor-shgz .info .author p {margin-top: 0;}
.investor-shgz .news {padding: 60px 0px;}
.investor-shgz .banner .title {left: 200px;}
.investor-news {border-top: 1px solid #ddd;}

/* singlepage */
.singlepage {background: #fff;}
.singlepage .content {padding: 60px 330px;}
.contact-banner {background: url(../images/banner-10.jpg) center center no-repeat;background-size: cover;}
.job-banner {background: url(../images/banner-9.jpg) center center no-repeat;background-size: cover;}
.ads-banner {background: url(../images/banner-10.jpg) center center no-repeat;background-size: cover;}

/* article */
.article-detail {padding: 50px 130px 120px 450px;}
.article-detail .date {font-size: 13px;color: #ff3434;}
.article-detail .title {font-size: 40px;}
.article-detail .content {line-height: 2;margin-top: 50px;}
.article-detail .btns {position: absolute;left: 300px;top: 55px;overflow: hidden;}
.article-detail .btns a {width: 25px;height: 25px;background: #ff3434;border-radius: 50%;float: left;text-align: center;color: #fff;margin-left: 10px;}

/* industrial platform */
.industrialplatform-banner {background: url(../images/banner-14.jpg) center center no-repeat;background-size: cover;}
.industrial-platform {text-align: center;padding: 70px 120px;}
.industrial-platform .title {font-size: 28px;line-height: 1.6;font-weight: bold;}
.industrial-platform .img-box {background: #f7f7f7;border-radius: 10px;margin-top: 150px;position: relative;padding: 50px 0;}
.industrial-platform .img-box .sub-title {background: #fd2031;border-radius: 50%;font-size: 20px;color: #fff;width: 125px;height: 125px;position: absolute;top: -85px;left: 50%;margin-left: -63px;line-height: 1.4;padding-top: 35px;}
.industrial-platform .img-box img {margin-top: 50px;}
.industrial-platform .img-box img.img2 {margin-top: 120px;}
.industrial-platform .communication a {position: absolute;width: 100px;height: 100px;border-radius: 50%;}
.industrial-platform .communication .link1 {left: 145px;top: 100px;}
.industrial-platform .communication .link2 {left: 457px;top: 104px;}
.industrial-platform .communication .link3 {left: 777px;top: 104px;}
.industrial-platform .communication .link4 {left: 149px;top: 1546px;}
.industrial-platform .communication .link5 {left: 461px;top: 1556px;}
.industrial-platform .communication .link6 {left: 790px;top: 1556px;}
/*
.industrial-platform .img1 .link2 {width: 150px;height: 150px;left: 560px;bottom: 6px;}
.industrial-platform .img1 .link3 {width: 150px;height: 150px;left: 988px;bottom: 6px;}
.industrial-platform .img2 {margin-top: 90px;position: relative;}
.industrial-platform .img2 .link1 {width: 100px;height: 100px;left: 193px;bottom: 10px;}
.industrial-platform .img2 .link2 {width: 100px;height: 100px;left: 583px;bottom: 7px;}
.industrial-platform .img2 .link3 {width: 100px;height: 100px;left: 982px;bottom: 7px;}
.industrial-platform .img3 {margin-top: 50px;position: relative;}
.industrial-platform .img4 {margin-top: 120px;position: relative;}
.industrial-platform .img4 .link1 {width: 100px;height: 100px;left: 185px;top: 35px;}
.industrial-platform .img4 .link2 {width: 100px;height: 100px;left: 585px;top: 45px;}
.industrial-platform .img4 .link3 {width: 100px;height: 100px;left: 975px;top: 45px;}
*/
.clientsplatform-banner {background: url(../images/banner-15.jpg) center center no-repeat;background-size: cover;}
.clientsplatform {padding: 100px 0;text-align: center;}
.userplatform-banner {background: url(../images/banner-17.jpg) center center no-repeat;background-size: cover;}
.userplatform {padding: 80px 0 100px;text-align: center;}
.userplatform .img2 {margin-top: 80px;padding-top: 80px;border-top: 1px solid #ccc;}
.userplatform .img3 {margin-top: 80px;padding-top: 80px;border-top: 1px solid #ccc;}
.contentplatform-banner {background: url(../images/banner-16.jpg) center center no-repeat;background-size: cover;}
.contentplatform {padding: 80px 0 100px;text-align: center;}
.contentplatform .img2 {margin-top: 45px;}
.contentplatform .img3 {margin-top: 110px;}
.contentplatform .img4 {margin-top: 45px;}
.film-banner {background: url(../images/banner-19.jpg) center center no-repeat;background-size: cover;}
.club-banner {background: url(../images/banner-18.jpg) center center no-repeat;background-size: cover;}

/* artfoundation */
.artfoundation-banner {background: url(../images/banner-13.jpg) center center no-repeat;background-size: cover;}
.artfoundation .img {text-align: center;margin-top: 110px;}
.artfoundation .title {padding-left: 100px;margin-top: 60px;font-size: 18px;color: #ff3434;}
.artfoundation .content {padding: 0 100px 100px;}
.artfoundation .content p {margin-top: 25px;}
.artfoundation .img2 {text-align: center;padding-top: 110px;border-top: 1px solid #ccc;}