@charset "UTF-8";
/* 123 */
/*@import url("fonts/font.css");*/
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
body,html{color:#333}
html{-webkit-text-size-adjust:100%;font-size:100px;}
@media(min-width:1025px) and (max-width:1440px){
html{font-size:6.945vw;}
}
body{-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;overflow-x:hidden}
body,input,select,textarea{font-size: 0.16rem;}
body,input,pre,select,td,textarea{font-family:'syht-l',-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; }
@media(max-width:1024px){
html{font-size:12vw;}
body,input,select,textarea{font-size: 0.24rem;}
}
@media(max-width:480px){
html{font-size:16vw;}
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
input,textarea{margin:0;padding:0;outline:0;-webkit-appearance:none;border-radius:0}
select{border:solid 1px #eee;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select.gif) no-repeat scroll right 10px center transparent;padding-right:20px}
select::-ms-expand{display:none}
a,a:active{color:#333;}
a:hover{color:#c49031;}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent}
:focus,a:focus{outline:0;-moz-outline:none}
table,td,th{border-collapse:collapse;border-spacing:0}
.ul,.ul li{list-style:none}
img{border:none;max-width:100%;vertical-align:middle}
.Ispic{background-repeat:no-repeat;background-position:center center;background-size:cover}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.ytable{display:table;width:100%;}
.ytable.fixed{table-layout: fixed;}
.h100pc{height: 100%;}
.ytable-cell{display:table-cell;vertical-align:middle}
.none{display:none}
.hidden{visibility:hidden}
@media(min-width:1025px){
.fl{float:left}
.fr{float:right}
}
.auto-inner{width:86%;max-width:1440px;margin:0 auto}
.pr{position:relative}
.nm{margin:0}
.nfw{font-weight:normal}
.img-block{display:block;width:100%}
.view.editor p{margin:16px 0}
.view.editor .list-paddingleft-2{padding-left:0}
.view.editor ol,.view.editor ul{width:auto}
.view.editor li{clear:inherit}

/*STAR*/
.home-body{background: url("../images/homebg.jpg") repeat center top;color: #fff;}
.home-body,
.home-body pre{font-family:'syst-extl';}

.top-main{font-family: 'syht-r';position: relative; z-index: 100; background: #fff;}
.top-lang{position: absolute;right: 0.4rem; top: 0.15rem;padding-left: 0.23rem;background: url("../images/top/lang.svg") no-repeat left center; background-size: auto 80%;color: #ced3d9;}
.top-lang  a.on,
.top-lang span{color: #0a2240;}
.top-lang  a{color: #ced3d9;}
.top-menu li .sub{display: none;padding: 20px 0;}
.top-menu li .sub dd a{display: block;color: #fff; }
.top-search .box{position: relative; }
.top-search .box .text{color: #0a2240;font-family: 'syht-r';line-height: 2.5625em;height: 2.5625em; border: 0;border-bottom: 1px solid #eee;width: 100%;background: none;}
.top-search .box .btn{position: absolute;right: 0; top: 0; height: 100%; width: 2.5625em;background: url("../images/top/search.svg") no-repeat right center; background-size: auto 34.1%;}
.top-main .logo img{height: 96px;}
@media(min-width:1025px){
.top-menu{padding: 63px 0 14px 0;}
.top-lang{font-size: 0.14rem;}
.top-menu ul{display: table; margin: 0 auto;}
.top-menu ol,
.top-menu li{display: table-cell; vertical-align: bottom; position: relative; z-index: 100; padding: 0 2vw;}
.top-menu li .sub{position: absolute; top: 100%;width: 140px;left: 50%;margin-left: -70px;background: #c49031; }
.top-menu li .sub dd{line-height: 2.25; text-align: center;}
.top-menu li .sub dd a:hover{background-color: #fff;  color:#c49031; }
.top-menu li aside{line-height: 0.43rem;}
.top-menu li aside a:not(:hover){color: #0a2240;}
.top-menu li.aon aside a{color: #c49031;}
.top-main .logo{padding: 0; width: 2.05rem;}
.top-main .logo img{position: absolute; left: 0;margin: 0 auto; bottom: 0; right: 0; }
.top-search .box{width: 2rem;}
}
@media(max-width:1024px){
.top-lang{right: 2vw;}
.top-main .logo{ text-align: center; padding: 10px 0;}
.top-menu{position: fixed; left: -100%; opacity: 0; top: 116px; bottom: 0;background: #c49031; overflow: auto; width: 50%; max-width: 220px; transition: 0.3s ease-out;}
.showMenu .top-menu{left: 0;opacity: 1;}
.open-menu{position: absolute; left: 2vw; width: 36px; top: 50%;transform: translateY(-50%);margin-top: 20px;}
.open-menu i{display: block;width: 100%; height: 4px;background:#0a2240; margin: 5px 0;transition: 0.3s;}
.showMenu .open-menu i:nth-child(2){width: 60%;}
.showMenu .open-menu i:nth-child(3){width: 30%;}
#menu li a{display: block;color: #fff;padding: 1em;}
#menu li aside{border-bottom: 1px solid rgba(0,0,0,0.2);position: relative;overflow: hidden;padding-right: 40px;}
#menu li .op{position: absolute;right: 0; top: 0; height: 100%; width: 32px; transition: 0.3s;}
#menu li .op.active{transform: rotate(45deg);}
#menu li .op:before,
#menu li .op:after{position: absolute; content: '';top: 50%; left: 50%;transform: translate(-50%,-50%);background: #fff;}
#menu li .op:before{height: 2px; width: 12px;}
#menu li .op:after{height: 12px; width: 2px;}
.open-search{position: absolute;right: 2vw; width:24px; height: 24px;background: url("../images/top/search.svg") no-repeat center center;background-size: contain; top: 50%; margin-top: 8px;}
.showSearch .open-search{background: none;}
.showSearch .open-search:before,
.showSearch .open-search:after{position: absolute; content: ''; width: 100%; height: 2px;background: #0a2240;transform: rotate(45deg); left: 0;top: 50%; margin-top: -1px;}
.showSearch .open-search:after{transform: rotate(-45deg); }
.top-menu li .sub{background: rgba(0,0,0,0.2);}
.top-search{position: absolute; left: 0; width: 100%; top: 100%;background:rgba(255,255,255,0.9);padding: 10px; display: none;}
.showSearch .top-search{display: block;}
.top-search .box .text{line-height: 2em;height: 2em; border: 0;}
.top-search .box .btn{width: 2em;background-size: 1em auto;}
.top-lang{padding-left: 0.32rem;}
}

.bottom-main{background: #192b52; padding: 0.3rem 0;color: #fff;}
.bottom-main .fr dd{float: left;position: relative;}
.bottom-main .fr dd a{cursor: pointer;display: block;background-repeat: no-repeat;background-position: center center;background-size: contain;opacity: 0.3; transition: 0.3s;}
.bottom-main .fr dd.wx a{background-image: url("../images/bottom/wx.svg"); }
.bottom-main .fr dd.sina a{background-image: url("../images/bottom/sina.svg"); }
.bottom-main .fr dd.jd a{background-image: url("../images/bottom/jd.svg"); }
.bottom-main .fr dd.tm a{background-image: url("../images/bottom/tm.svg");}
.bottom-main .fr dd figure{display: none;position: absolute; bottom: 100%; left: 50%; width: 130px; margin-left: -60px;background: #fff; padding: 5px; margin-bottom: 10px;}
.bottom-main .fr dd a:hover{opacity: 1;}
.bottom-main .fl{font-family: 'syht-l';}
.bottom-main .fl .span{padding-left: 10px;}
.bottom-main .fl .span2 img{width: 16px!important;
    height: 16px!important;
    vertical-align: top;
    margin-top: 3px;}
.bottom-main .fl a{color: #fff;}
@media(min-width:641px){
.bottom-main .fr dd a{width: 20px; height: 20px;}
.bottom-main .fr dd:not(:last-child){margin-right: 1.72vw;}
.bottom-main .fr dd.wx a{width: 24px;}
.bottom-main .fr dd.sina a{width: 25px;}
}
@media(max-width:1024px){
.bottom-main .fr{display: table; margin: 0 auto;}
.bottom-main{text-align: center;}
.bottom-main .fl{padding-top: 10px;}
}
@media(max-width:640px){
.bottom-main .fr dd a{width: 0.5rem; height: 0.5rem;}
.bottom-main .fr dd:not(:last-child){margin-right: 5vw;}
}

/*HOME*/
.home-ban .items{display: block!important;position: relative;z-index: 1;}
.home-ban .txt-area{position: absolute; left: 0; top: 0; width: 100%; z-index: 10; height: 100%;font-size: 0.66rem;}
.home-ban .t-1{line-height:1.363;}
.home-ban .t-2{font-size: 0.303em;font-family: 'PlayfairDisplay'; margin: 1.5em 0 4.9em 0;}
.home-ban .t-2:after{width: 2.5em;height: 0.2em;background-color: #fff;display: block;content: ''; margin-top: 3.3em;}
.home-ban .t-3{font-size: 0.303em;line-height: 2.2;}
.home-ban .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 0.48rem;}
.home-ban .slick-dots li{float: left;background: url("../images/dot.png") no-repeat;width: 0.14rem; height: 0.15rem;background-size: contain; opacity: 0.4; margin: 0 0.11rem;}
.home-ban .slick-dots li button{display: none;}
.home-ban .slick-dots li.slick-active{opacity: 1;}
@media(min-width:1025px){
.home-ban .wap{display: none;}
}
@media(max-width:1024px){
.home-ban .pc{display: none;}
}
@media(max-width:640px){
.home-ban .txt-area{font-size: 0.4rem;}
.home-ban .slick-dots{bottom: 3%;}
}

.all-more{}
.all-more a{display: inline-block;border: solid 1px #c49031;line-height: 48px;color: #c49031;font-family: 'syht-l'; padding: 0 3.02vw; transition: 0.3s; }
.all-more a:hover{background: #c49031;color: #fff;}
@media(min-width:1025px){
.all-more a{font-size: 0.14rem;}
}
@media(max-width:1024px){
.all-more a{font-size:3vw; line-height: 2.4;padding: 0 2em; }
}
@media(max-width:480px){
.all-more a{font-size:3.5vw; line-height: 2.4;}
}

.home-box{padding: 10.05vw 0 12.14vw 0;}
.home-box .pic .inner{position: relative;}
.home-box .pic .Ispic{position: relative; z-index: 4; }
.home-box .pic .en{position: absolute;font-family: 'PlayfairDisplay'; font-size: 1.3rem;color: #fff;opacity: 0.07;writing-mode: vertical-rl;z-index: 10;line-height: 0.95;}
.home-box-1 .pic .en{right: 66.364%; top: -5.6%;}
.home-box .pic .en span{display: block;}
.home-box-1 .pic .en span{padding-top: 14.688vw;}
.home-box-1 .pic .inner{width: 73.727%;}
.home-box-1 .pic .inner:after{position: absolute; content: ''; width: 90.91%; height: 93.334%; left: 20%; top: 12.858%;background-color: #243d77;opacity: 0.5;}
.home-box-1 .pic .Ispic{padding-bottom: 136.364%;}
.home-box .txt-area{position: relative;}
.home-box-1 .txt-area:after{position: absolute; content: '';background: url("../images/quan.png") no-repeat;width: 10vw;height: 10vw; right: -4.22vw; bottom: -4.9vw; background-size: contain;}
.home-box .txt-area pre{line-height: 2.2;font-size: 0.2rem; margin: 4vw 0;}
.home-box .txt-area .inner{padding-top: 3vw;}
.home-box .txt{border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2); padding: 2.708vw 0;}

.home-box-2{padding-bottom: 10.78vw;}
.home-box-2 .pic li{float: left;width: 48.388%;}
.home-box-2 .pic li:nth-child(2){float: right; margin-top: -4.06vw;}
.home-box-2 .pic li .Ispic{padding-bottom: 210%;}
.home-box-2 .pic .inner:before,
.home-box-2 .pic .inner:after{position: absolute; content: '';background-color: #243d77;opacity: 0.5;}
.home-box-2 .pic .inner:before{width: 21.152%;height: 33.3334%; left: -6.452%; top: -4.762%;}
.home-box-2 .pic .inner:after{width: 71.936%;height: 23.016%;right: 10%; bottom: 4.762%;}

.home-box-3{padding-top:0;}
.home-box-3 .ytable-cell{vertical-align: bottom;}
.home-box-3 .pic .Ispic{padding-bottom: 140%;}
.home-box-3 .pic .en{right:-14%; bottom: -5%; }

@media(min-width:1025px){
.home-box-1 .txt-area{width: 48.195%;}
.home-box-2 .txt-area{width: 44.028%;}
.home-box-2 .pic .inner{float: right;width: 76.924%;}
.home-box-3 .txt-area .inner{float: right; width: 71.236%;margin-right: 10.113%;}
.home-box .tit{font-size: 3.44vw;}
.home-box .sub-tit{font-size: 2.4vw;}
.home-box-3 .sub-tit{font-size: 2.5vw;}
.home-box .txt-area pre{font-size: 0.2rem;}
.home-box-3 .auto-inner{position: relative;}
.home-box-3 .auto-inner:before{position: absolute; content: '';width: 84.514%;height: 100%; right: 0; top: 11.168%;background-color: #1c305d;opacity: 0.6;}
.home-box-3 .pic{width: 38.195%;}
.home-box-3 .pic .en{font-size: 1.4rem;}
}
@media(max-width:1024px){
.home-box .ytable,
.home-box .ytable-cell{display: block;}
.home-box .pic .inner{margin: 0 auto;}
.home-box .tit{font-size: 8.25vw;}
.home-box .sub-tit{font-size:5.8vw;}
.home-box .txt-area{padding-top: 8vw;}
.home-box .txt-area pre{font-size: 3.4vw;}
.home-box-2 .pic{padding: 20vw 5%;}
.home-box-2 .pic li:nth-child(2){margin-top: -11vw;}
.home-box-3 .pic{padding-right: 10%;}
}
@media(max-width:640px){
.home-box .txt{padding: 6vw 0;}
}
@media(max-width:480px){
.home-box .pic .en{font-size: 1rem;}
.home-box .txt-area:after{right:0; bottom: 0;}
}

.column-title{text-align: center;font-size: 0.6rem; padding-bottom: 2vw;}
.column-title .en{font-family: 'PlayfairDisplay'; font-size:0.3333em;}

.singlePage{line-height: 1.875;text-align: justify;}

.home-story{padding-top: 10.05vw;}
.home-story .auto-inner{position: relative;z-index: 1;}
.home-story .auto-inner:before{position: absolute; content: '';background: url("../images/mark.png") no-repeat; width: 1.31rem; height: 0.9rem; top: -0.63rem; left: -0.97rem; background-size: contain;}
.home-story .Ispic:before{position: absolute; left: 0.2rem;right: 0.2rem;top: 0.2rem; bottom: 0.2rem; content: ''; border: 1px solid rgba(255,255,255,0.2);}
.home-story .txt-area .singlePage{max-width: 1140px;width: 90%; text-align: center;opacity: 0.7; margin: 0 auto 4vw;}
.home-story .open-video{display: block; margin: 0 auto;width: 74px;height: 74px;border: solid 1px #ffffff; border-radius: 50%;position: relative; cursor: pointer;}
.home-story .open-video:before{position: absolute; content: ''; border:12px solid transparent; border-left-color: #fff; border-left-width: 21px; left: 50%; top: 50%; margin-top: -12px; margin-left: -7px;}
.home-story:hover .Ispic{opacity: 0.8;}
@media(min-width:1025px){
.home-story .Ispic{position: relative;z-index: 1; padding-bottom: 50%; transition: 0.3s;}
.home-story .txt-area{position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;}
}
@media(max-width:1024px){
.home-story .Ispic{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.home-story .txt-area{position: relative;z-index: 3; padding: 20% 0;}
.home-story .auto-inner:before{left: -2%;}
}
@media(max-width:640px){
.home-story .open-video{width: 50px;height: 50px;}
.home-story .open-video:before{border-width:8px;  border-left-width: 16px; margin-top: -8px; margin-left: -6px;}
}

.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable-cell{ text-align:center;}
.video-box video{ width:90%; max-width:900px;}

.nav-menu{border-bottom: 1px solid #f2f2f2; line-height:44px;padding: 18px 0;}
.nav-menu li a{ display: block;padding: 0 1.46vw; border: 1px solid rgba(51,51,51,0.2);color: #999;transition: 0.3s;font-family: 'syht-n';}
.nav-menu li a:hover,
.nav-menu li.aon a{color: #fff; background-color: #c49031;}
@media(min-width:1025px){
.nav-menu li{float: left; margin-right: 12px;}
}
@media(max-width:1024px){
.nav-menu{line-height:0.7rem;}
.nav-menu ul{height: calc(0.7rem + 2px); white-space: nowrap; overflow-x: auto; overflow-y:hidden;}
.nav-menu li{display: inline-block;}
 .nav-menu li a{padding: 0 3vw;}
}

.current{font-size:0.14rem;}
.current a:not(:hover),
.current{color: #999;}
.current span{color: #c49031;}
@media(max-width:1024px){
 .current{display: none;}
}

.page-ban{position: relative; z-index: 1;overflow: hidden;}
.page-ban .txt-area{font-size: 40px;position: absolute; left: 0; top: 0; width: 100%; height: 100%;z-index: 10;color: #0a2240; text-align: center;}
.page-ban .cn{font-family: 'syht-b';}
.page-ban .en{font-size: 0.45em; font-family: Helvetica, Arial, "sans-serif"; padding: 0.2777em 0 0.5556em 0; text-transform: uppercase;}
.page-ban .line{display: block; margin: 0 auto;width: 1px; height: 2em;position: relative;
background: -moz-linear-gradient(top,  rgba(10,34,64,0) 0%, rgba(10,34,64,0) 1%, rgba(10,34,64,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(10,34,64,0) 0%,rgba(10,34,64,0) 1%,rgba(10,34,64,1) 100%); 
background: linear-gradient(to bottom,  rgba(10,34,64,0) 0%,rgba(10,34,64,0) 1%,rgba(10,34,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000a2240', endColorstr='#0a2240',GradientType=0 ); /* IE6-9 */
}
.page-ban .line:after{position: absolute; content: '';width: 6px;height: 6px;background-color: #0a2240; border-radius: 50%; left: 50%; margin-left: -3px; bottom: 0;}
.page-ban.txt-white .txt-area{color: #fff;}
@media(max-width:1024px){
.page-ban .txt-area{font-size: 0.35rem;}
.page-ban .line{height: 1.4em;}
}
@media(max-width:480px){
.page-ban > img{max-width: none;width: 150%; margin-left: -25%;}
}

.all-column{padding: 5vw 0 4vw 0; line-height: 1;color: #0a2240;font-size: 40px;}
.all-column .en{font-family: 'hb'; text-transform: uppercase;}
.all-column .cn{font-family: 'syht-r'; font-size: 0.9em; margin-top: 0.4167em;}
.all-column .cn:after{display: inline-block; content: '';width: 1.112em;height: 2px;background-color: #c49031; margin-left: 0.555em;vertical-align: middle;}
.all-column.center{text-align: center;}
.all-column.center .cn:after{display: block; margin: 26px auto 0;}
@media(max-width:1024px){
.all-column{font-size: 0.4rem;}
}

.Content{padding: 5vw 0;}
.Content.padt0{padding-top: 0;}
.about-con{padding-bottom: 5.47vw;}
.about-con .all-column{padding-bottom: 2vw;}
.architecture{background: url("../images/aboutbg1.jpg") no-repeat center bottom;background-size: cover; padding-bottom: 5.21vw;}

.speech{padding: 5.21vw 0 8.23vw 0;}
.speech .pic{background-color: #fafafa;}
.speech .pic .inner{width: 73.236%; margin: 0 auto;padding: 2.6vw 0 1.98vw 0; text-align: center;}
.speech .pic aside{position: relative;color: #c49031;margin-top: 1.98vw;}
.speech .pic aside:before,
.speech .pic aside:after{position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; top: 50%; margin-top: -1px; background:#c49031;}
.speech .pic aside:before{left: 0;}
.speech .pic aside:after{right: 0;}
@media(max-width:1500px){
.speech .pic aside{font-size: .14rem;}
}
@media(min-width:1025px){
.speech .pic{width: 23.612%;}
.speech .txt-area .singlePage{font-size: 0.14rem;}
.speech .txt-area .inner{padding-left: 3.13vw;}
.speech .all-column{padding-top: 1.15vw; padding-bottom:1.5vw;}
}
@media(max-width:1024px){
.speech .ytable,
.speech .ytable-cell{display: block;}
.speech .pic aside:before,
.speech .pic aside:after{width: 0.05rem;height: 0.05rem; margin-top: -0.025rem;}
.speech .txt-area{padding-top: 4vw;}
}

.history{color: #fff; background: url("../images/aboutbg2.jpg") no-repeat center center;background-size: cover; padding-bottom: 6.25vw; }
.history .all-column{color: #fff; padding-bottom: 6.25vw;}
.history .year{position: relative; z-index: 1; margin-bottom: 2.6vw;}
.history .year:before{position: absolute; content: ''; left: 4.69vw; right: 4.69vw; bottom: 0; height: 1px;
background: -moz-linear-gradient(left,  rgba(255,255,255,0.05) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.05) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.05) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0.05) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0.05) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#0dffffff',GradientType=1 ); 
}
.history .year .tit{display: block!important;text-align: center;font-family: 'hb';font-size: 0.4rem;}
.history .year .tit aside{line-height: 1; padding-bottom: 2.24vw;}
.history .year .tit aside span{font-family: 'Gadugi-b';display: inline-block;width: 0.2em;}
.history .year .line{position: relative;width: 1.24rem; height: 0.2rem; margin: 0 auto;overflow: hidden;}
.history .year .line:before{position: absolute; content: ''; width: 1px; height: 100%;background: #fff; left: 50%;}
.history .year .line i{width:25%; float: left; height: 0.1rem; margin-top: 0.1rem; border-left: 1px solid #fff;border-right: 1px solid #fff;}
.history .year .line i:nth-child(2){float: right;}
.history .year .slick-slide:not(.slick-current){opacity: 0.3;}
.history .year-con .auto-inner{position: relative;padding: 0 4.9vw;}
.history .year-con .slick-arrow{position: absolute;width: 44px;height: 44px;border: solid 1px #fff; border-radius: 50%; top: 50%; margin-top: -22px; cursor: pointer;padding: 0;background: none;font-size: 0;}
.history .year-con .slick-prev{left: 0;}
.history .year-con .slick-next{right: 0;}
.history .year-con .slick-arrow:before{font-size: 0.14rem;color: #fff; font-family: 'syht-r';}
.history .year-con .slick-prev:before{content: '<';}
.history .year-con .slick-next:before{content: '>';}
.history .year-con .ytable{height: 1.8rem; background: #fff; display: table!important;}
.history .year-con .ytable pre{font-size: 0.2rem; text-align: center; color: #333;font-family: 'syht-r'; padding: 0 5%;}
@media(max-width:1024px){
.history .year-con .auto-inner{padding: 0 60px;}
}
@media(max-width:480px){
.history .year-con .slick-arrow{width: 30px;height: 30px;margin-top: -15px;}
.history .year-con .auto-inner{padding: 0 40px;}
}

.culture{padding-bottom: 5.21vw;}

.story-con .all-column{padding-top: 0;}
.story-con .video{margin: 2.5vw 0 4vw 0;position: relative; z-index: 1;background: #20325c;}
.story-con .video .Ispic{padding-bottom: 38.889%; opacity: 0.5;}
.story-con .video:before{position: absolute; left: 0.2rem; top: 0.2rem;right: 0.2rem; bottom: 0.2rem; content: ''; border: 1px solid rgba(255,255,255,0.2);}
.story-con .open-video{position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%;}
.story-con .open-video a{position: absolute; left: 50%; top: 50%; margin: -37px 0 0 -37px; width: 74px;height: 74px;border: solid 1px #ffffff; border-radius: 50%; cursor: pointer;}
.story-con .open-video a:before{position: absolute; content: ''; border:12px solid transparent; border-left-color: #fff; border-left-width: 21px; left: 50%; top: 50%; margin-top: -12px; margin-left: -7px;}
.story-con .video .files{position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;background: #000;}
.story-con .video .files video{width: 100%; height: 100%;}
.story-con .video .files .close{cursor: pointer;position: absolute;right: 10px; top: 10px; width: 24px; height: 24px;z-index: 3;}
.story-con .video .files .close:before,
.story-con .video .files .close:after{position: absolute; content: ''; width: 100%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff;transform: rotate(-45deg);}
.story-con .video .files .close:before{transform: rotate(45deg);}
@media(min-width:1025px){
.story-con .top .fr{max-width: 720px;width: 60%;}
}
@media(max-width:640px){
.story-con .open-video a{width: 50px;height: 50px;margin: -25px 0 0 -25px;}
.story-con .open-video a:before{border-width:8px;  border-left-width: 16px; margin-top: -8px; margin-left: -6px;}
.story-con .video .Ispic{padding-bottom: 60%;}
}

.list-breeding .item .num{line-height: 1; color: #c49031;font-size: 0.4rem;font-family: 'syht-b'; margin-bottom: 1em;}
.list-breeding .item dl{display: table; margin: 0 auto 4.95vw;width: 84.849%;}
.list-breeding .item dl dd{float: left;width: 50%;padding: 0 1.04vw;}
.list-breeding .item .tit{font-size: 0.24rem; font-family: 'syht-r';}
@media(min-width:1025px){
.list-breeding .item{width: 45.834%;}
.list-breeding .item:not(:nth-child(2n)){margin-right: 8.332%;}
}
@media(max-width:1024px){
.list-breeding .item .tit{font-size: 0.36rem; }
.list-breeding .item:not(:last-child){margin-bottom: 8%;}
}

.list-news li{padding-bottom: 2.08vw;}
.list-news li a{display: block; padding-bottom: 2.24vw;border-bottom: 1px solid rgba(0,0,0,0.05);}
.list-news li .fl{position: relative; padding-left: 0.96rem; }
.list-news li .fl time{position: absolute; left: 0; top: 0; text-align: center;	color: #7d7d7d;font-family:Arial;}
.list-news li .fl time span{color: #333;display: block;margin-bottom: 5px;font-family: 'Oswald'; font-size: 0.56rem;line-height: 1;}
.list-news li .tit{font-family: 'syht-r';}
.list-news li p{line-height: 1.875; margin: 1.9em 0 4.375em 0;}
.list-news li a:not(:hover) .tit{color: #000;}
.list-news li .more{display: inline-block;border: solid 1px #c49031;font-size: 0.14rem;line-height: 2.142; color: #c49031; padding: 0 2em;}
.list-news li a:hover .more{color: #fff;background: #c49031;}
.list-news li .pic{background: #c49031;}
.list-news li .pic img{transition: 0.3s;}
.list-news li a:hover .pic img{opacity: 0.8;}
@media(min-width:1025px){
.list-news li .fl{width: 45.625%;}
.list-news li .fr{width: 51.112%;padding-top: 2.08vw;}
.list-news li .tit{font-size: 0.26rem;}
.list-news li .pic img{max-height: 312px;}
}
@media(max-width:1024px){
.list-news li,
.list-news li a{padding-bottom: 5vw;}
.list-news li p{margin: 1em 0;}
.list-news li .fl{padding-left: 1.2rem; }
.list-news li .fl time{font-size: 0.2rem;}
.list-news li .fl time span{font-size: 0.7rem;}
.list-news li .fr{padding: 3vw 0 0 0;}
.list-news li .tit{font-size: 0.32rem;}
.list-news li .more{font-size: 0.2rem;}
}

.Pages{text-align:center; line-height:0.53rem; padding: 2vw 0 0 0;}
.Pages a.a_first,
.Pages a.a_end,
.Pages > span{ display:none;}
.Pages .p_page *{ display:inline-block;}
.Pages .p_page{overflow: hidden; display: table; margin: 0 auto;}
.Pages .p_page em{ float: left; font-style:normal;}
.Pages a{color:#555;border:1px solid #eee; float: left; transition:0.3s;font-family: 'CenturyGothic';}
.Pages .num a{ padding:0 0.24rem; margin:0 5px;}
.Pages a:hover,
.Pages .num a.a_cur{font-family: 'CenturyGothic-Bold'; background-color:#c49031; border-color: #c49031; color:#fff;}
.Pages a.a_next,
.Pages a.a_prev{ text-transform:uppercase; width: 0.55rem; height: 0.55rem; font-size: 0; background-repeat: no-repeat; background-position: center center;}
.Pages a.a_prev{background-image:url(../images/page/a_prev.png);}
.Pages a.a_next{background-image:url(../images/page/a_next.png);}
.Pages a.a_next:hover,
.Pages a.a_prev:hover{ background-color:#c49031;}
.Pages a.a_prev:hover{background-image:url(../images/page/a_prev_hover.png);}
.Pages a.a_next:hover{background-image:url(../images/page/a_next_hover.png);}
@media(max-width:640px){
.Pages{padding: 20px 0;}
.Pages .num{display:none;}
.Pages a{margin:0 5px;}
}

.news-info{max-width: 1000px; margin: 0 auto;}
.news-info .title{padding-bottom: 3vw; text-align: center;}
.news-info img{height: auto!important;}
.news-info .title h1{margin: 0 0 0.8em 0;font-weight: normal;font-family: 'syht-b';font-size: 0.3rem; line-height: 1.5;color: #000;}
.news-info .title time{font-family: 'Oswald';color: #666;}
.news-info .info-pnb{ margin-top: 5vw; padding-top: 2vw;border-top: 1px solid #eee;}
.news-info .info-pnb .back{display: inline-block;padding-left: 0.27rem;background: url("../images/back.png") no-repeat left center; background-size: auto 0.14rem;color: #666;}
.news-info .info-pnb span{line-height: 2.25;}
@media(min-width:1025px){
.news-info .info-pnb .fl{max-width: 50%;}
}

.product-body .top-main{box-shadow: 0 0 15px rgba(0,0,0,0.1);}

.list-prod .item{position: relative; z-index: 1;}
.list-prod .tit{font-size: 0.48rem; font-family: 'syht-m'; line-height: 1.2;}
.list-prod .item dl{overflow: hidden; margin: 1.5vw 0 1.8vw 0;}
.list-prod .item dd{float: left;  line-height: 2.142;border-radius: 2.142em;background: rgba(255,255,255,0.1); padding: 0 1em; margin-bottom: 1px;}
.list-prod .item dd:not(:last-child){margin-right: 0.1rem;}
.list-prod .item pre{line-height: 2; margin-bottom: 5vw;}
.list-prod .item .btn{background-color: #c49031;display: inline-block;line-height: 2.143; font-family: 'syht-r';color: #fff; padding: 0 2.714em; transition: 0.3s;}
.list-prod .item .btn:hover{background: #fff;color: #c49031;}
@media(min-width:1025px){
.list-prod .item .txt-area{position: absolute; height: 100%; top: 0; max-width: 446px;width: 50%;color: #fff;}
.list-prod .item.left .txt-area{left: 12.5vw;}
.list-prod .item.right .txt-area{right: 9.11vw;}
.list-prod .tit a{color: #fff;}
.list-prod .item .btn,
.list-prod .item dd{font-size: 0.14rem;}
.list-prod .item pre{font-size: 0.18rem;}
}
@media(max-width:1024px){
.list-prod .item .txt-area{padding: 0.3rem;}
.list-prod .item dl{overflow: hidden; margin: 0.2rem 0;}
.list-prod .item dd{background: rgba(0,0,0,0.1); }
.list-prod .item .btn,
.list-prod .item dd{font-size: 0.2rem;}
.list-prod .item pre{font-size: 0.28rem;}
.list-prod .item .pic img{max-width: none;width: 150%;}
.list-prod .item.left .pic{overflow: hidden;}
.list-prod .item.left .pic img{float: right; }
.list-prod .tit{font-size: 0.4rem; }
}
@media(max-width:768px){
  .list-prod .item .pic img{max-width: 100%;width: 100%;}
}

.product-info .main{position: relative;z-index: 1; margin-bottom: 5.52vw;}
.product-info .big-img{margin-bottom: 0.16rem;}
.product-info .main .pic{display: block!important;}
.product-info .big-img .Ispic{padding-bottom: 74.853%;}
.product-info .big-img .slick-arrow{opacity: 0; position: absolute; top: 50%; font-size: 0;padding: 0;background: none; cursor: pointer; z-index: 10; border:0; border-left:4px solid rgba(0,0,0,0.3); border-top:4px solid rgba(0,0,0,0.3); width: 0.3rem; height: 0.3rem; top: 50%; margin-top: -0.15rem; transform: rotate(-45deg);}
.product-info .big-img:hover .slick-arrow{opacity: 1;}
.product-info .big-img .slick-prev{left: 5%;}
.product-info .big-img .slick-next{right: 5%; transform: rotate(135deg);}
.product-info .small-img .Ispic{padding-bottom: 75%;}
.product-info .small-img .slider{overflow: hidden;}
.product-info .small-img .slick-list{margin: 0 -0.06rem;}
.product-info .small-img .pic{padding: 0 0.07rem; cursor: pointer;}
.product-info .small-img .slick-current .Ispic{position: relative;}
.product-info .small-img .slick-current .Ispic:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%;eight: 100%;border:3px solid #c49031 }
.product-info .intro{padding: 3.65vw 2.66vw 2.7vw;}
.product-info .intro h1{margin: 0;color: #000;font-size: 0.34rem;font-family: 'syht-m';font-weight: normal;}
.product-info .intro pre{line-height: 1.666; margin: 1.3vw 0 3vw 0;}
.product-info .intro dd{position: relative; padding: 1.389em 2% 1.389em 0;}
.product-info .intro dd:nth-child(1){padding-left: 0.66rem;}
.product-info .intro dd:nth-child(2){padding-left: 0.9rem;}
.product-info .intro dd label{position: absolute; left: 0; top: 1.389em;color: #999;}
.product-info .intro .buy{margin-top: 3.8vw;background-color: #c49031;display: inline-block;line-height: 2.143; font-family: 'syht-r';color: #fff; padding: 0 2.714em; transition: 0.3s;}
.product-info .intro .buy:hover{background: #fff;color: #c49031;}
.product-info .info-page .name{border-bottom: 1px solid #eee; overflow: hidden;}
.product-info .info-page .name span{float: left;font-size: 0.28rem;font-family: 'syht-m'; border-bottom: 3px solid #c49031;padding-bottom: 1em;}
@media(min-width:481px){
.product-info .intro dl{border-bottom: 1px solid #f1f1f1;}
.product-info .intro dd{float: left; width: 50%; }
}
@media(min-width:1025px){
.product-info .main:before{position: absolute;right: 0; top: 0; height: 100%; width: 50%; content: '';background: #fafafa;z-index: -1;}
.product-info .main .fl{width: 47.223%;}
.product-info .main .fr{width: 50%;}
.product-info .intro{font-size: 0.18rem;}
.product-info .intro .buy{font-size: 0.14rem;}
}
@media(max-width:1024px){
.product-info .intro .buy{font-size: 0.2rem;}
.product-info .intro dd:nth-child(2){padding-left: 1.2rem;}
}
@media(max-width:480px){
.product-info .intro dd{border-bottom: 1px solid #f1f1f1; padding-top: 1em;padding-bottom: 1em;}
.product-info .intro dd label{top: 1em;}
}


.partner-body .page-ban .txt-area{color: #fff;}
.partner-body .page-ban .line:after{background: #fff;}
.partner-body .page-ban .line{
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.no-menu .nav-menu{border-bottom: 0;}
.no-menu .nav-menu ul{display: none;}
.no-menu .all-column{padding-top: 3vw;}

.list-partner .name{position: relative; z-index: 1;}
.list-partner .name:before{ z-index:-1; position: absolute; content: ''; width: 100%; left: 0;height: 1px; top: 50%;
background: -moz-linear-gradient(left,  rgba(228,228,228,0) 0%, rgba(228,228,228,1) 10%, rgba(228,228,228,1) 90%, rgba(228,228,228,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(228,228,228,0) 0%,rgba(228,228,228,1) 10%,rgba(228,228,228,1) 90%,rgba(228,228,228,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(228,228,228,0) 0%,rgba(228,228,228,1) 10%,rgba(228,228,228,1) 90%,rgba(228,228,228,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e4e4e4', endColorstr='#00e4e4e4',GradientType=1 ); /* IE6-9 */
}
.list-partner .name span{padding: 0 3em; display: table; margin: 0 auto;font-family:'syht-n';line-height: 1;color: #0a2240;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.list-partner .item ul{margin: 3vw 0;}
.list-partner li{float: left; text-align: center; margin-bottom: 0.34rem;position: relative;}
.list-partner li > a{position: absolute;width: 100%;height: 100%;display: block;left: 0;top: 0;}
.list-partner li .ytable{height: 1.6rem;}
.list-partner li img{max-height: 1.6rem; max-width: 80%;}
@media(min-width:1025px){
.list-partner .name span{font-size: 0.2rem; }
.list-partner li{width: 20%;}
}
@media(max-width:1024px){
.list-partner .name span{font-size: 0.26rem; }
.list-partner li{width: 25%;}
}
@media(max-width:480px){
.list-partner li{width: 33.333%;}
}

.list-contact .item:not(:last-child){margin-bottom: 0.2rem;}
.list-contact .item .inner{background-color: #f7f7f7; padding: 0.4rem;}
.list-contact .item.active .inner{background-color: #c49031;color: #fff;}
.list-contact .item:not(.active) .name{color: #c49031;}
.list-contact .item .name{margin-bottom: 1.2em;font-family: 'syht-r';}
.list-contact .item .inner dd > *{padding-left: 0.24rem;}
.list-contact .item .inner dd:nth-child(3) > *,
.list-contact .item .inner dd:nth-child(4) > *{padding-left: 0.24rem;}
.list-contact .item .inner dd aside{background-repeat: no-repeat;background-position: left 0.2em; background-size:  auto 0.18rem;}
.list-contact .item .inner dd:nth-child(1) aside{background-image: url("../images/contact/icon1.png");}
.list-contact .item .inner dd:nth-child(2) aside{background-image: url("../images/contact/icon2.png");}
.list-contact .item .inner dd:nth-child(3) aside{background-image: url("../images/contact/icon3.png");}
.list-contact .item .inner dd:nth-child(4) aside{background-image: url("../images/contact/icon4.png");}
.list-contact .item.active .inner dd:nth-child(1) aside{background-image: url("../images/contact/icon1-1.png");}
.list-contact .item.active .inner dd:nth-child(2) aside{background-image: url("../images/contact/icon2-1.png");}
.list-contact .item.active .inner dd:nth-child(3) aside{background-image: url("../images/contact/icon3-1.png");}
.list-contact .item.active .inner dd:nth-child(4) aside{background-image: url("../images/contact/icon4-1.png");}
.list-contact .item .inner dd p{margin: 0; line-height: 2;}
.list-contact .openmap{display: inline-block; margin-top: 0.15rem;color: #888; cursor: pointer;}
.list-contact .openmap:after{display: inline-block; content: ''; border-left:1px solid #888;border-top: 1px solid #888;transform: rotate(135deg);width: 0.08rem;height: 0.08rem; margin-left: 1em; vertical-align: middle;}
.list-contact .item.active .openmap:after{border-color: #fff;transform: rotate(45deg);}
.list-contact .item.active,
.list-contact .item.active .openmap{color: #fff;}
.list-contact .item li{line-height: 2;padding-left: 25px;background-repeat: no-repeat;background-position: left center;}
.list-contact .item li.jd{background-image: url("../images/contact/jd.png");}
.list-contact .item li.tm{background-image: url("../images/contact/tm.png");}
.list-contact #allmap{height: 5rem; margin-bottom: 0.4rem;border: solid 1px #eeeeee;}
.list-contact #allmap,
.list-contact #allmap *{box-sizing: content-box;}
.list-contact #allmap img{max-width: none;}
.list-contact #allmap .BMap_bubble_content b{font-weight: normal;font-family: 'syht-b';display: block;}
.list-contact{margin-top: -0.3rem;}
@media(min-width:1025px){
.list-contact .item .inner dd{float: left; width: 20%;  }
.list-contact .item .inner dd:nth-child(1){width: 40%;}
.list-contact .item .name{font-size: 0.2rem; }
.list-contact .openmap{ font-size: 0.14rem;}
}
@media(max-width:1024px){
.list-contact .item .name{font-size: 0.28rem; }
.list-contact .openmap{ font-size: 0.2rem;}
.list-contact .item .inner dd aside{background-position: left 0.4em; }
.list-contact .item .inner dd:not(:last-child){margin-bottom: 0.2rem;}
.list-contact{margin-top: -0.5rem;}
}

.list-search ul{margin-bottom: 3vw;}
.list-search li{border-radius: 5px;background: rgba(10,34,64,0.05);margin-bottom: 2%; padding: 1em;}
.list-search li time{ float:right;  color:#999;}
.list-search li a::before{ display:inline-block; content:''; margin-right:10px; width:6px; height:6px; vertical-align:middle; background:#0a2240; }
@media(min-width:1025px){
.list-search li{ float: left; width: 48%; }
.list-search li:nth-child(2n){float: right;}
}

/*editor*/
@media(min-width:1025px){
.css-info4 .fr,
.css-info4 .fl{width: 45.834%;}
.css-info4 .fr{margin-top: -7.34vw;}
.css-info4 p{margin: 0 0 1.6875em 0;}
}
.css-info4 .fr .pic{padding: 1.04vw 1.04vw 0 0;position: relative; margin-bottom: 1.2vw;}
.css-info4 .fr .pic img{position: relative; z-index: 3;}
.css-info4 .fr .pic:before{position: absolute; content: '';width: 53.125%; right: 0; top: 0;padding-bottom: 53.125%;background-color: #c49031;}
.css-info4 .big-tit{line-height: 1; font-style: italic;font-family: 'syht-b';font-size: 0.36rem;color: #c49031;}
.css-info4 .fl .ul{position: relative; margin-bottom: 1.6875em;}
.css-info4 .fl li aside{color: #c49031;}
.css-info4 .fl li aside *{display: inline-block; vertical-align: top;}
.css-info4 .fl li aside span{position: relative;font-family: 'hb'; font-size: 0.6rem;line-height: 1;}
.css-info4 .fl li aside span i{font-style: normal; }
.css-info4 .fl li aside span i.ani{position: absolute; left: 0; top: 0;}
.css-info4 .fl li aside span i.off{opacity: 0;}
.css-info4 .fl li sup{font-family: 'syht-b'; font-size: 0.16rem;}
.css-info4 .fl li p{margin: 3px 0 0 0;}
@media(min-width:481px){
.css-info4 .fl li:not(:nth-child(2)){position: absolute; top: 0;}
.css-info4 .fl li:nth-child(2){display: table; margin: 0 auto; position: relative;}
.css-info4 .fl li:nth-child(2):before,
.css-info4 .fl li:nth-child(2):after{position: absolute; content: ''; width: 1px; height: 0.5rem;background: rgba(187,187,187,0.3); top: 50%; margin-top: -0.25rem; transform: skewX(-15deg);}
.css-info4 .fl li:nth-child(2):before{left: -3vw;}
.css-info4 .fl li:nth-child(2):after{right: -3vw;}
.css-info4 .fl li:nth-child(1){left: 0;}
.css-info4 .fl li:nth-child(3){right: 0;}
}
@media(max-width:480px){
.css-info4 .fl li:not(:last-child){margin-bottom: 5vw;}
}

.qianming{ text-align: right;padding-top: 3.5vw;}
@media(min-width:1025px){
.qianming{ font-size: 0.16rem;}
}

.css-info9 li{border: 1px solid #eee;background: url("../images/cultruebg.jpg") no-repeat right top;background-size: cover;position: relative;}
.css-info9 li > aside{font-family: 'hb';}
.css-info9 .tit > *{margin: 0;}
.css-info9 .tit h3{font-family: 'syht-m';  font-weight: normal;line-height: 1;}
.css-info9 .tit p{line-height: 1.714;  margin-top: 1.6em !important; min-height: 3.428em;}
.css-info9 li .icon-hover,
.css-info9 li .icon{left: auto; top: 25.695%;}
.css-info9 li .icon-hover{right: 24%;opacity: 0;width: 18.75%; max-width: 54px;}
.css-info9 li .icon{right: 19%; width: 30%; max-width: 80px;}
.css-info9 .full-box{background-color: #fafafa;border: solid 1px #eee; padding: 3.13vw; margin-top: 1.72vw;}
.css-info9 .top .fl > *{position: absolute;}
.css-info9 .top .fl .icon{top: 20%;right: 26%;}
.css-info9 .top .fl{position: relative; background: url("../images/cultruebg.png") no-repeat right top;background-size: contain;}
.css-info9 .top .fr{padding-top: 2.08vw;}
.css-info9 .top .fl aside{font-size: 0.18rem;font-family: 'hb'; color: #c6c8ce;}
.css-info9 .full-box dl{border-top: 11px solid #eee;}
.css-info9 .full-box dd{  padding-top: 2vw;}
.css-info9 .full-box dd:not(:nth-child(3n)){margin-right: 10.136%;}
.css-info9 .full-box dd h5{margin: 0;font-weight: normal;color: #0a2240;font-family: 'syht-m'; }
.css-info9 .full-box dd  p{margin: 0;}
@media(min-width:1025px){
.css-info9 li{float: left;width: 20%;padding-bottom: 20%;}
.css-info9 li > *{position: absolute; left: 1.56vw;right: 1.56vw;}
.css-info9 li .tit{bottom: 0.6vw;}
.css-info9 li > aside{ top: 2vw;font-size: 0.18rem;}
.css-info9 li:not(:first-child){margin-left: -1px;}
.css-info9 li:not(:hover) > aside{color: #c6c8ce;}
.css-info9 li:not(:hover) p{color: #666;}
.css-info9 li:hover{background-image: url("../images/cultrue-hover.jpg");color: #fff; box-shadow: 7px 0 30px rgba(31,82,145,0.45);}
.css-info9 li:hover .icon{opacity: 0;}
.css-info9 li:hover .icon-hover{opacity: 1;}
.css-info9 .tit h3{font-size: 0.26rem;}
.css-info9 .tit p{font-size: 0.14rem;}
.css-info9 li .tit p{max-width: 196px;}
.css-info9 .top .fl{width: 18.452%;padding-bottom: 18.452%;}
.css-info9 .top .fr{width: 80.79%; }
.css-info9 .full-box dd h5{font-size: 0.16rem;}
.css-info9 .full-box dd  p{font-size: 0.14rem;}
.css-info9 .full-box dd{float: left;width: 26.576%;}
.css-info9 .full-box dd:nth-child(5){margin-right: 0;width: 63.288%;}
.css-info9 .full-box dd:nth-child(4){clear: left;}
}
@media(max-width:1024px){
.css-info9 li{background-size: contain;background-color: #fafafa; padding: 1em;}
.css-info9 li:not(:last-child){border-bottom: 0;}
.css-info9 .tit h3{font-size: 0.36rem;}
.css-info9 li .tit p{max-width: 60%;}
.css-info9 li .icon-hover{display: none;}
.css-info9 li .icon{position: absolute; right: 3%; top: 20%; width: 18%; max-width: none;}
.css-info9 li .icon img{display: block;width: 100%;}
.css-info9 li > aside{font-size: 0.28rem;color: #c6c8ce;}
.css-info9 .top .fl{padding-bottom: 40%;}
.css-info9 .top .fl .icon{width: 18%;max-width: none;top: 14%;right: 8%;}
.css-info9 .top .fl .icon img{display: block;width: 100%;}
.css-info9 .top .fr{padding-bottom: 6vw; margin-top: -16vw;}
.css-info9 .full-box dd{ padding-top: 5vw;}
.css-info9 .full-box dd h5{font-size: 0.26rem;}
}
@media(max-width:480px){
.css-info9 li .icon{right: 8%; top: 26%;}
}

.css-10 .box-1{margin-bottom: 4vw;}
.css-10 .box-1 .pic h2{font-size: 0.28rem;margin: 2.4vw 0 0 0;padding-left: 18.334%; line-height: 1.5;font-family: 'syht-b';color: #c49031;}
.css-10 .box-1 .pic h2:before{content: ''; display: inline-block;background: url("../images/yinhao.png") no-repeat;background-size: contain; width: 0.25rem;height: 0.19rem; margin-right: 0.5em;}
.css-10 .box-1 .pic figure{position: relative;}
.css-10 .box-1 .pic figure:before{position: absolute; content: '';width: 25%;padding-bottom: 25%;background-color: #c49031;opacity: 0.8; top: 87.292%;right: 90.278%;}
.css-10 .box-2,
.css-10 .box-3{background-color: #fafafa;}
.css-10 .box-2{margin-bottom: 10px;}
.css-10  .pic.ytable-cell figure{position: relative;}
.css-10  .pic.ytable-cell figure:before{position: absolute; content: ''; left: 0.2rem;top:0.2rem;bottom: 0.2rem;right:0.2rem; border: 1px solid rgba(255,255,255,0.2); z-index: 10;}
.css-10  .txt.ytable-cell .inner{ margin: 0 auto;width: 90%;}
@media(min-width:1025px){
.css-10 .box-1 .txt{width: 42.362%; padding-top: 4.27vw;}
.css-10 .box-1 .pic{width: 50%;}
.css-10 .box-2 .pic{width: 50%;}
.css-10 .box-3 .pic{width: 17.362%;}
.css-10 .box-2 .inner{max-width: 560px; }
.css-10 .box-3 .inner{max-width: 1018px; }
}
@media(max-width:1024px){
.css-10  .ytable,
.css-10  .ytable-cell{display: block;}
.css-10 .box-2 .txt,
.css-10 .box-3 .txt{padding: 3vw 0;}
}

.css-12 .txt{background-color: #fcfcfc;}
.css-12 .txt .inner{ padding-top: 4vw;padding-bottom: 4vw;}
.css-12 .txt .inner > aside{font-family: 'syht-r';line-height: 1;}
@media(min-width:1025px){
.css-12 .txt{width:62.5%;}
.css-12 .pic{width: 37.5%; padding-top: 3.44vw;}
.css-12 .pic figure{margin-left: -25.371%;}
.css-12 .txt .inner{width: 70.667%; margin-left: 3.65vw;}
.css-12 .txt .inner > aside{font-size: 0.24rem;}
}
@media(max-width:1024px){
.css-12 .txt{margin-bottom: 4vw;}
.css-12 .txt .inner > aside{font-size: 0.36rem;}
.css-12 .txt .inner{padding: 4vw;}
}


.css-14 .txt .inner{margin: 0 auto; }
.css-14 .box-1 .tit{font-size: 0.44rem; font-family: 'syht-b';line-height: 1;color: #c49031;}
.css-14 .box-1 .tit:after{display: inline-block;width: 0.4rem;height:0.04rem;margin-left: 0.1rem;;background-color: #c49031; content: ''; vertical-align: bottom;}
@media(min-width:1025px){
.css-14 .box-1 .pic{width: 66.667%;}
.css-14 .box-1 .txt .inner{width: 76.667%;}
.css-14 .box-2 .pic{width: 33.333%;}
.css-14 .box-2 .txt .inner{width: 70.834%;}
}
@media(min-width:1025px) and (max-width:1600px){
.css-14 .txt{font-size: 0.14rem;}
}
@media(min-width:1025px) and (max-width:1280px){
.css-14 .txt{line-height: 1.5;}
}
@media(max-width:1024px){
.css-14 .ytable,
.css-14 .ytable-cell{display: block;}
 .css-14 .box-1 .tit{padding-top: 1em;}
}

.f20 {font-size: 20px;}
.f24 {font-size: 24px;}

.sign-wrap {position: relative; background: no-repeat center center; background-size: cover; padding: 20px 0;}
.sign-wrap .auto-inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sign-img {margin-left: 14%; max-width: 25%; display: inline-block;}
.sign {max-width: 450px; width: 100%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #fff; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15); border-radius: 15px; padding: 40px 45px;}
.sign-title {font-size: 24px; margin: 0; padding-bottom: 26px;}
.sign-form .form-item {margin-bottom: 20px;}
.sign-form .form-control {overflow: hidden; font-size: 15px; color: #666;}
.sign-form .form-control .remember {float: left; cursor: pointer;}
.sign-form .form-control .remember .icon {display: inline-block; vertical-align: middle; width: 17px; height: 17px; border: 1px solid #ccc; border-radius: 3px; margin-top: -2px; margin-right: 6px;}
.sign-form .form-control input:checked + .remember .icon {background: #c49031 url(../images/hook.png) no-repeat center center; border-color: #c49031;}
.sign-form .form-control .forget {float: right; margin-bottom: 40px;}
.sign-form .submit {display: block; width: 100%; height: 60px; background-color: #c49031; border-radius: 8px; border: 0; font-size: 20px; letter-spacing: 7px; color: #fff; cursor: pointer;}
.sign-form .code-img {position: absolute; right: 12px; top: 50%; transform: translateY(-50%); height: 70%;}
.sign-form .sign-input input {width: calc(100% - 128px);}
.sign-form .go-tel-code {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 17px; color: #c49031;}
.sign-input {height: 60px; border-radius: 8px; border: solid 1px #e0e0e0; overflow: hidden; position: relative;}
.sign-input input {display: inline-block; width: 100%; height: 100%; background-color: #fff;  font-size: 17px; padding: 0 20px; border: 0;}

.member-header {background-color: #f7f7f7;}
.member-header .auto-inner {height: 100px; line-height: 100px;}
.member-header .logo {float: left; height: 100%; padding: 10px 0;}
.member-header .logo a {display: inline-block; vertical-align: top; height: 100%;}
.member-header .logo img {max-height: 100%; vertical-align: top;}
.member-header .right-menu {float: right; height: 100%;}
.member-header .right-menu .item {display: inline-block; height: 100%; vertical-align: top; position: relative;}
.member-header .right-menu .item + .item {margin-left: 20px;}
.member-header .right-menu .icon-info {display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 1px; margin-top: -2px; position: relative;}
.member-header .right-menu .icon-info img {vertical-align: top;}
.member-header .right-menu .icon-info::after {content: ""; position: absolute; right: -4px; top: -2px; height: 7px; width: 7px; border-radius: 50%; background-color: #ff4a3b;}
.member-header .right-menu .user-name {cursor: pointer;}
.member-header .right-menu .user-name::after {content: ""; display: inline-block; vertical-align: middle; width: 11px; height: 6px; background: url(../images/icon_dropdown.png) no-repeat; margin-top: -2px; margin-left: 8px;}
.member-header .right-menu .select-menu {position: absolute; top: 70px; right: 0; background-color: #fff; border: 1px solid #e6ebf5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgb(0,0,0, 0.1); padding: 6px 0; display: none;}
.member-header .right-menu .select-menu li {line-height: 30px; min-width: 90px;}
.member-header .right-menu .select-menu a {display: block; padding: 0 18px; font-size: 14px;}
.crumbs {font-size: 14px; color: #555; padding: 16px 0; margin-top: 28px;}
.crumbs a {color: #555;}
.member-wrap {margin-bottom: 100px;}
.member-sidenav {float: left; width: 235px; border: solid 1px #f2f2f2; padding: 25px 0; background: #fff;}
.member-sidenav .ul li {line-height: 48px;}
.member-sidenav .ul li a {display: block; padding-left: 18px; font-size: 16px; position: relative;}
.member-sidenav .ul li a .icon {width: 30px; display: inline-block; vertical-align: top;}
.member-sidenav .ul li a .icon img {margin-top: -4px;}
.member-sidenav .ul li a .icon-arrow {width: 30px; height: 20px; background: url(../images/icon_dropdown2.png) no-repeat center center; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) rotate(180deg); transition: 0.3s ease; display: none;}
.member-sidenav .ul li a.is-open .icon-arrow {transform: translateY(-50%) rotate(0);}
.member-sidenav .ul .active {background-color: #f9f4ea; color: #c89845;}
.member-sidenav .ul .active::after {content: ""; position: absolute; left: -1px; width: 3px; height: 100%; background-color: #c49031;} 
.member-sidenav .ul .item {padding: 5px 0;}
.member-sidenav .level2 {display: none;}
.member-sidenav .level2 a {padding-left: 48px !important;}
.sidenav-switch {display: none;}

.member-main {border: solid 1px #f2f2f2; min-height: 680px; padding: 0 44px; margin-left: 263px; padding-top: 40px;}
.user-center .user-top {border-bottom: 1px solid #ececec; padding: 25px 0 44px;}
.user-center .user-top dl {max-width: 650px; overflow: hidden;}
.user-center .user-top .name {font-weight: 600; margin-bottom: 4px;}
.user-center .user-top dd {font-size: 14px; color: #565656; line-height: 24px; float: left; width: 50%; margin-bottom: 10px;}
.user-center .user-top .welcome {font-size: 15px; color: #b1b1b1;}
.user-center .user-top a {color: #c49031;}

.cards-wrap {margin-top: 40px;}
.cards-wrap .card-item {float: left; border: solid 1px #ececec; padding: 0 2.8%; margin-bottom: 20px; margin-right: 2.3%; width: 100%;}
.cards-wrap .card-item a {height: 110px; width: 100%;}
.cards-wrap .card-item .left {width: 76px;}
.cards-wrap .card-item .left img {width: 80%;}
.cards-wrap .card-item h3 {margin: 0 0 5px; font-size: 16px; color: #565656;}
.cards-wrap .card-item p {margin: 0; font-size: 14px; color: #959595;}

.member-title {border-bottom: 1px solid #ececec; margin-bottom: 50px;}
.member-title h2 {margin: 0; display: inline-block; padding-bottom: 15px; position: relative;}
.member-title h2::after {content: ""; width: 100%; height: 3px; background-color: #c49031; position: absolute; left: 0; bottom: -1px;}

.member-form .form-item {margin-bottom: 30px;}
.member-form .form-label {width: 114px; float: left; text-align: right; padding: 8px 4px 8px 0; font-size: 16px;}
.member-form .form-label em {color: #c49031; display: inline-block; vertical-align: middle; margin-right: 6px; font-style: normal; font-size: 15px;}
.member-form .form-right {margin-left: 114px; min-height: 40px;}
.member-form .form-right .text {height: 40px; width: 100%; max-width: 628px; border-radius: 4px; border: solid 1px #e1e1e1; padding: 0 15px; font-size: 15px;}
.member-form .form-right input::-webkit-input-placeholder,
.security-check .search input::-webkit-input-placeholder {color: #b6b6b6;}
.member-form .submit,
.user-data .submit {display: block; width: 80px; height: 40px; background-color: #c49031; border: 0; border-radius: 4px; color: #fff; cursor: pointer; margin-top: 60px;}

.overlay {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; background-color: rgba(0,0,0,0.6);}
.overlay .inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 356px; background-color: #fff; border-radius: 6px; text-align: center; padding: 2.6% 10px;}
.overlay .inner h2 {font-size: 18px; margin: 10px 0 3px;}
.overlay .inner p {font-size: 15px; color: #9a9a9a; margin: 0;}
.overlay .inner .close {position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: url(../images/icon_close.png) no-repeat center center; cursor: pointer;}

.security-check {max-width: 685px; margin: 0 auto; padding-bottom: 66%;}
.security-check .search {position: relative; padding-right: 101px; height: 49px;}
.security-check .search button {width: 101px; height: 100%; background-color: #c49031; border-radius: 0px 4px 4px 0px; position: absolute; right: 0; top: 0; border: 0; font-size: 18px; color: #fff; cursor: pointer;}
.security-check .search input {height: 100%; width: 100%; background-color: #fff; border-radius: 4px; border: solid 1px #e1e1e1; border-right: 0; padding-left: 43px; padding-right: 15px;}
.security-check .search .icon {position: absolute; width: 15px; height: 15px; background: url(../images/icon_search.png) no-repeat; left: 16px; top: 50%; transform: translateY(-50%);}
.security-check p {margin: 18px 0 0; font-size: 14px; color: #858585;}

.user-data {position: relative;}
.user-data .item {margin-bottom: 36px;}
.user-data .item dt {font-size: 17px; font-weight: 600; margin-bottom: 12px;}
.user-data .item dd {font-size: 16px; color: #535353; margin-bottom: 4px;}
.user-data .edit-btn {position: absolute; font-size: 15px; color: #c49031; right: 0; top: 0; padding-left: 24px; background: url(../images/icon_edit.png) no-repeat 0 center;}
.user-data .item dd span {display: inline-block; padding: 8px 0;}
.user-data .item dd .text {display: inline-block; vertical-align: top; border: solid 1px #e1e1e1; height: 40px; padding: 0 15px;}
.user-data .item dd .text:read-only {border: 0; color: #535353; padding: 0;}
.user-data .submit {display: none;}
@media (min-width: 768px) {
  .cards-wrap .card-item {width: 48%;}
  .cards-wrap .card-item:nth-child(2n) {margin-right: 0;}
  .user-data .edit-btn {left: 375px; right: auto;}
}
@media (min-width: 1440px) {
  .cards-wrap .card-item {width: 26%;}
  .cards-wrap .card-item:nth-child(3n) {margin-right: 0;}
}
@media (max-width: 992px) {
  .sign-wrap {min-height: auto !important;}
  .sign-wrap .auto-inner {position: static; transform: none;}
  .sign-img {display: block; text-align: center; margin: 0 auto 20px; max-width: 45%;}
  .sign {position: static; transform: none; margin: 0 auto;}
  .member-sidenav {position: fixed; left: -235px; top: 50%; transform: translateY(-50%); z-index: 10; transition: 0.5s ease-in-out;}
  .sidenav-switch {display: block; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: #fff url(../images/slick_next.png) no-repeat center center; background-size: 70%; border: 1px solid #f2f2f2; border-left: 0;}
  .member-sidenav.is-show {left: 0;}
  .member-main {margin-left: 0;}
  .member-header .auto-inner {height: 70px; line-height: 70px;}
}
@media (max-width: 480px) {
  .sign {padding: 40px 20px;}
  .member-main {padding: 15px; min-height: auto;}
  .user-center .user-top {padding-bottom: 20px;}
  .member-wrap {margin-bottom: 50px;}
}