@charset "utf-8";
/* CSS Document */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tfoot,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline;font-family:'微软雅黑',sans-serif}
body{min-width:1220px;max-width:2000px; margin:0 auto;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{overflow-y:scroll}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
input,textarea{margin:0;padding:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
a:focus{outline:0}

* html .cf{height:1px}
.both{clear:both}
.inline_block{display:inline-block}
img{vertical-align:bottom}
.cardo{font-family:'Crimson Text',serif;letter-spacing:1px}
a{text-decoration:none;font-family:'微软雅黑',sans-serif;letter-spacing:1px}
.fl{float:left}
.fr{float:right}
.clear{ clear:both;}
.clearfix{*zoom:1}.clearfix:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both}
.tc{ text-align:center}

*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}
.ptb10{padding:20px 250px;}
.row{max-width:100%; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}
.col-xxxl-3{position:relative;width:100%;min-height:1px;padding-right:10px;padding-left:10px}
.col-xxxl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
@media screen and (max-width: 1400px) { 
.row.ptb10 {padding:20px 100px;}  
} 
a.el-tablo{text-decoration:none;display:block;color:#333;-webkit-transition:all .25s ease;transition:all .25s ease}
a.el-tablo .value{-webkit-transition:all .25s ease;transition:all .25s ease}
a.el-tablo .label{color:#999;-webkit-transition:all .25s ease;transition:all .25s ease}
a.el-tablo:hover{-webkit-transform:translateY(-5px) scale(1.02);transform:translateY(-5px) scale(1.02);}
a.el-tablo:hover .value{-webkit-transform:translateY(-3px);transform:translateY(-3px);color:#b8024c}
a.el-tablo:hover .label{color:#666}
.element-box{margin:0 0 0 18%}
.element-box .value{font-size:2.95rem;font-weight:500;font-family:"Avenir Next W01","Proxima Nova W01",Rubik,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:1px;display:inline-block;vertical-align:middle}
.element-box .trending{padding:0 5px;border-radius:30px;display:inline-block;font-size:1.81rem;vertical-align:middle;margin-left:5px}


.subnav{ padding:55px 0 35px 40px;}
.subnav a{ display:inline-table; font-size:20px; padding:0 10px; margin:0 5px; color:#333; font-weight:500;}
.subnav a.cur{ background-color:#d6d6d6; border-bottom:2px solid #c81e5d;}


.hander{ width:100%;padding:50px 0 50px 0; background-color:#ccc}
.logo{width:510px; float:left; padding-left:2%;}
.menu{ width:648px;float:right; margin-top:28px;}
.menu li{width:75px;float:left; position:relative; font-size:20px; margin-right:20px; font-weight:normal;} 
.menu li a{height:22px; line-height:22px; font-weight:normal; overflow:hidden;  display:block; color:#000; position:relative;}
.menu li a span{ position:absolute; text-align:center; width:100%; display:block; }
.menu li span.active{ top:0;}
.menu li span.curr{top:22px;}
.menu li span.nav_blod{ background-color:#b8024c; color:#FFF}





.menu li.nav6{width:110px; margin-right:0;}
.sbox .caselist{width:100%;margin:0px auto;text-align:center;padding:10px 0;overflow:hidden;}
.sbox .caselist ul li{float:left;width:32.5%;overflow:hidden;}


/* focusindex */
#focusindex{height:620px; overflow: hidden; position: relative; }
#focusindex li{ height: 620px; overflow: hidden; position: absolute; width: 100%; }
#focusindex .btnw{position:absolute;z-index:90; bottom:0; left:50%; margin-left:-355px; padding-bottom:55px;}
#focusindex .btnw span{display:inline-block;_display:inline;_zoom:1;width:60px;height:3px;_font-size:0;margin:35px;cursor:pointer; background:#adadad;z-index:9;}
#focusindex .btnw span.on{background:#fff;z-index:9}
#focusindex .preNext{width:53px;height:96px;position:absolute;top:270px;background: url(../images/sprite.png) no-repeat left bottom;cursor:pointer;z-index:9; opacity:0;transition: all 0.3s linear 0s;}
#focusindex .pre{left:0%; z-index:9}
#focusindex .next{right:0%;background-position:right bottom;z-index:9}
#focusindex:hover .preNext{opacity:0.5;} 
#focusindex:hover .pre{left:10%; } 
#focusindex:hover .next{right:10%;} 
#focusindex .pre:hover,#focusindex .next:hover{opacity:1;}   	      
.ban_box { width: 1000px; height: 620px; position: relative; margin: 0 auto;}




.sbox .caselist{min-width:1100px;width:100%;margin:0px auto;text-align:center;padding-top:0; height:initial; overflow:hidden;}
.sbox .caselist ul{ padding:5px;}
.sbox .caselist .list_li{float:left;width:25%;overflow:hidden;position:relative;height:100%;max-height:670px; overflow:hidden;display: block;}
.sbox .caselist .list_li img{ width:100%; height:auto;}
.sbox .caselist .list_li img.thumb{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;}
.sbox .caselist .list_li a{ width:100%; height:100%; display:inline-table; overflow:hidden;}
.sbox .caselist .list_li figure{height:100%;margin:5px;overflow:hidden;}
.sbox .caselist .list_li .mask{position:absolute;top:5px;left:5px;width: calc(100% - 10px);height:calc(100% - 10px);overflow:hidden;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background:rgba(0,0,0,.6)}
.sbox .caselist .list_li h3{ padding:30px;color:#fff;font-size:16px; font-family:"微软雅黑"; font-weight:normal; text-align:left;}
.sbox .caselist .list_li p{color:#fff;padding:0px 60px 30px 30px;font-size:14px; font-family:"微软雅黑"; font-weight:normal; text-align:left;}
.sbox .caselist .list_li p.title{font-size:14px; font-family:"微软雅黑"; height:200px;}
.sbox .caselist .list_li a.arrow{padding:0px 30px;color:#fff;font-size:16px; font-family:"微软雅黑"; font-weight:normal; text-align:left;}
.sbox .caselist .list_li a:hover img.thumb{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.sbox .caselist .list_li a:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}
.sbox .caselist .list_li a:hover .arrow{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.sbox .caselist .list_li a:hover .arrow{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}

.sbox .caselist .arrow{position:absolute;bottom:45px;}
.sbox .caselist .arrow span{padding-bottom:10px;}


.loadings{ text-align:center; margin:30px 0; color:#999;display:none;}
.loadmore{ text-align:center; margin:30px 0 60px;}
.loadmore img{ width:150px; height:auto;}


.footer{ background:#ccc; padding:90px 0 0;}
.warp980{ width:900px; margin:0 auto;}
.footer .show{ font-size:24px;padding:0 0 40px 0; text-align:center;}
.footer .iphone{ border-bottom:2px solid #666;border-top:2px solid #666; padding:20px 0;}
.footer .iphone .e1{ width:450px; float:left;font-size:28px; padding:2px 0 0 50px;}
.footer .iphone .e2{width:447px; float:right;font-size:28px; padding:2px 50px 0 0; border-left:2px solid #666; text-align:right;}
.footer .erweima{padding:40px 0 20px 0;}
.footer .erweima .e1{width:153px; float:left; margin-left:259px;}
.footer .erweima .e2{width:153px; float:right;margin-right:259px;}
.footer .erweima .t1{ line-height:48px; font-size:18px;}
.erweima p{text-align:center;}
.door{ font-size:18px; line-height:38px;text-align:center; color:#666;}

.CopyrightBox{ background-color:#333; padding:41px 50px; color:#fff; line-height:28px; margin-top:90px;}
.CopyrightBox a{color:#d1d1d1;}
.CopyrightBox .foot-left{float:left;}
.foot-pp{ font-size:38px; margin:42px 0 20px;}
.foot-pp:after{content:'_'; color:#d1d1d1; display:inline-block; font-size:22px;}
.foot-uy{ color:#d1d1d1}
.CopyrightBox .foot-right{float:right;color:#d1d1d1;}
.footer .iphonec1{border-bottom:1px solid #666;border-top:1px solid #666;  padding:10px 0; line-height:18px; margin-bottom:41px;}
.footer .iphonec1 .e1{ width:204px;font-size:18px;padding:2px 0;}
.footer .iphonec1 .e2{ width:214px;font-size:18px;border-left:1px solid #666;padding:2px 0;}
.CopyrightBox .foot-nav{ margin-bottom:29px;}
.CopyrightBox .foot-nav a{display:inline-block; color:#FFF; font-weight:none; font-size:22px}
.CopyrightBox .foot-nav a:after{content:' ';  margin:0 0 0 40px;}

/*pages*/
.mt20{ margin-top:20px;}
.warp1200{ width:1200px; margin:0 auto; overflow:hidden;}
.fleldBox1 p{ line-height:60px; font-size:24px; margin-bottom:40px; font-weight:normal; color:#333}
.fleldBox2{ width:1200px; overflow:hidden}
.fleldBox2 ul{width:1300px;padding-left:74px;}
.fleldBox2 ul li{ width:286px; height:375px; float:left; background-color:#d7d7d7; color:#333; padding:50px 10px; margin:0 98px 80px 0;border-bottom:5px solid #fff;}
.fleldBox2 ul li h3{ font-size:36px; font-weight:bold; height:36px; line-height:36px;text-align:center;color:#000; margin-bottom:30px;}
.fleldBox2 ul li p{font-size:18px; line-height:46px; text-align:center}
.fleldBox2 ul li:hover { background-color:#7d7d7d;color: #eaeaea; border-bottom:5px solid #d60c46;}
.fleldBox2 ul li:hover h3 { color:#FFF}
.fleldBox3{padding:100px 0;}
.fleldBox3 .fleldpic{ text-align:right;}
.fleldBox3 .w670px{ width:670px; padding:0 50px;}
.fleldBox3 .w670px p{ font-size:18px; line-height:42px;margin-bottom:40px;}
.fleldBox3 .w670px h2{font-size:56px; line-height:100px; margin-bottom:50px;}
.fleldBox4{ text-align:center; font-size:32px; padding:40px 0 0;}
.col{float: left;}
.col-wrap{padding: 10px; display: block;}
.col-4{width:25%;}
.grid-list-3 .col{margin-bottom: 20px;transform: translate3d(0,0,0);transition:all ease-out 0.5s;}
.grid-list-3 .col:hover{transform: translate3d(0,-20px,0);}
.grid-list-3 a.pic{ background: #f8f8f8; display: block;}
.grid-list-3 img{width: 100%; height: auto;}
.grid-list-3 .txt{padding: 40px 20px; background-color:#eaeaea;}
.grid-list-3 .txt h3 a{font-size:28px; color: #333; display: block;  line-height: 30px; line-height:48px;}
.grid-list-3 .txt h3 a:hover{text-decoration: underline;}
.grid-list-3 .txt p{ display: block; margin: 20px 0 0 0; line-height: 24px; color:#666; line-height:28px;}

.g_cent{ margin-top:50px; margin-bottom:30px;}
.g_left{width:50%}
.g_left h3{font-size:38px;color:#333;margin:0 0 40px 0}
.g_left h3.mt40{ margin-top:40px;}
.g_left p{font-size:18px;color:#3e3a39;line-height:2;line-height:40px; margin-bottom:20px;}
.g_rigth{width:50%}
.g_rigth img{width:100%;height:auto}
.plr50{padding:0 50px}


.grid{ width:1260px; margin-left:10px;}
.grid figure{position:relative;float:left;overflow:hidden;width:380px;height:566px;background:#3085a3;text-align:center;cursor:pointer; margin:0 20px 20px 0;}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid figure figcaption{padding:30px 20px;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::after,.grid figure figcaption::before{pointer-events:none}
.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
figure.effect-julia{background:#2f3238}
figure.effect-julia img{max-width:none;height:400px;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia figcaption{text-align:left}
figure.effect-julia h2{position:relative;padding:0 0 20px}
figure.effect-julia p{display:inline-block;color:#fff;text-transform:none;font-weight:500;font-size:14px;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0); margin-bottom:20px; line-height:20px;}
figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:50ms;transition-delay:50ms}
figure.effect-julia:hover p:first-child{-webkit-transition-delay:0s;transition-delay:0s}
figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:50ms;transition-delay:50ms}
figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia:hover img{opacity:.2;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
figure.effect-julia:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.w315px{background:url(../images/conright.jpg) no-repeat;width:324px;height:606px}
.w885px{width:850px}
.concenters{padding:50px 0 80px}
.con-cs{margin-top:50px;position:relative}
.con-cs p{font-size:18px;color:#333;line-height:32px}
.con-cs p i{font-size:22px}
.mapbutton{position:absolute;bottom:0;right:344px;color:#903459; font-size:14px;}
.eventlayer{display:none;position:absolute;top:50%;left:50%;bottom:auto;right:auto;margin:-260px 0 0 -393px;background:#fff;width:786px;z-index:9996}
.exitlayer{position:absolute;right:-60px;top:0;width:60px;height:60px;line-height:56px;font-size:40px;color:#fff;overflow:hidden;text-align:center;background:#b8024c;text-indent:-9999px;text-indent:0\9}
.exitlayer:hover{opacity:.95}
.exitlayer:after,.exitlayer:before{position:absolute;left:50%;top:50%;margin:0 0 0 -40%;content:"";line-height:0;font-size:0;width:80%;height:1px;background:#fff;overflow:hidden;display:none\9}
.exitlayer:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.exitlayer:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}


.caseBox{ padding:50px 0;}
.casezuo,.zzBoxfl{ width:580px;}
.casezuo h2{ font-size:34px; margin-bottom:20px; padding-right:80px;}
.casezuo p{ padding:0 0 10px;}
.casezuoyou,.zzBoxfr{ width:620px;}
.casezuoyou h3{ font-size:24px;margin-bottom:20px;}
.casezuoyou p{ padding:0 0 10px; line-height:32px;}

.zzBox3fl{ width:820px}
.zzBox3fr{ width:320px}
.mb50{ margin-bottom:50px;}
.subnav2{ padding:0;}
.subnav2 a{ display:inline-table; font-size:14px; padding:0 10px; margin:0 5px; color:#333; font-weight:500; line-height:36px;}
.subnav2 a:hover{ background-color:#d6d6d6; border-bottom:2px solid #c81e5d;}
.zzBoxfr{}

/* 分享 */
.bdshare-button-style0-24{ float:left}
.bdshare-button-style0-24 a{width:34px;height:20px;padding:0;margin-right:10px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.bdshare-button-style0-24 a:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.bdshare-button-style0-24 a.bds_tsina{background:url(/images/chn_weibo.png) no-repeat;} /* 新浪 */
.bdshare-button-style0-24 a.bds_renren{background:url(/images/chn_renren.png) no-repeat;} /* 人人 */
.bdshare-button-style0-24 a.bds_sqq{background:url(/images/chn_tencent_03.png) no-repeat;} /* 腾讯 */
.bdshare-button-style0-24 a.bds_douban{background:url(/images/chn_douban.png) no-repeat;} /* 豆瓣 */
.bdshare-button-style0-24 a.bds_weixin{background:url(/images/chn_weixin.png) no-repeat;} /* 微信 */
.bdshare-button-style0-24 a.bds_tieba{background:url(/images/chn_baidu.png) no-repeat;} /* 百度 */
.sharetxt{float:left;font-size:14px;color:#6a6a6a;line-height:36px; width:96px;}


.post_text{font:18px/32px "Microsoft Yahei";color:#404040}
.post_text>p{color:#404040;margin:10px 0 0}
.fleldBox{padding-top:50px}
.fleldBox h1{font-size:24px;color:#000}
.fleldBox .time{font-size:12px;color:#aaa;line-height:30px;display:block;margin-bottom:20px}