/* base */
*{ margin:0; padding:0; box-sizing:border-box;}
html,body{ width:100%;}
body{ position:relative; font-family:Microsoft Yahei,PingFangSC-Regular; font-size:16px; background:#fff;}
img{ vertical-align:top; border:none;}
header,footer,div,section,article,nav{ display:block;}
a:link{ text-decoration:none; color:#666; outline:none;}
a:visited{ text-decoration:none; color:#666; outline:none;}
a:hover{ text-decoration:none; color:#666; outline:none;}
a:active{ text-decoration:none; color:#666; outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal;}
ul,ol,dl,dt,dd,li{ list-style:none;}
em {
    font-style: normal;
}
.fl{ float:left;}
.fr{ float:right;}
.rspsv{ display:block; max-width:100%; margin:0 auto;}
.txtcen{ text-align:center;}
.txtrig{ text-align:right;}
.clrboth,.clearfix{ clear:both;}
.clrafter:after{ content:''; display:block; clear:both; visibility:hidden;}
.clearfix:after{ content:''; display:block; clear:both; visibility:hidden;}
.wrap1200{ max-width:1200px; width:80%; margin:0 auto; position:relative;}
.wrap1300{ max-width:1300px; width:100%; margin:0 auto; position:relative;}
@font-face{
	font-family:Family;
	src:url("../fonts/DietDidot.otf");
	src:url("../fonts/DietDidot.eot");
	src:url("../fonts/dietdidot.woff")
}

/* common */
.py_mobi_logo{ display:none;}
.mobi_menu_btn i{ display:block; width:100%; height:2px; background-color:#555; margin-bottom:0.5em;}
.mobi_menu_btn i:nth-child(1){ animation:i01 infinite 2s}
.mobi_menu_btn i:nth-child(2){ animation:i02 infinite 2s}
.mobi_menu_btn i:nth-child(3){ animation:i03 infinite 2s}
@keyframes i01{
	0%{ width:100%;}
	25%{ width:40%;}
	100%{ width:100%;}
	}

@keyframes i02{
	0%{ width:100%;}
	50%{ width:40%;}
	100%{ width:100%;}
	}

@keyframes i03{
	0%{ width:100%;}
	75%{ width:40%;}
	100%{ width:100%;}
	}
.mobi_menu_btn{ position:absolute; top:0; left:0; padding:0; width:0.42rem; display:none;}
.mobi_nav_layer{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.78); z-index:1000; display:none;}
.mobi_nav{ width:60%; left:-60%; top:0; z-index:9999; height:100%; position:fixed; background:rgba(0,0,0,0.9); transition:all 0.4s;}
.mobi_nav.active{ left:0;}
.mobi_nav_logo{ padding:0.15rem 0.3rem; background:#222;}
.mobi_nav_ul{ padding:0 0.3rem;}
.mobi_nav_ul li{ border-bottom:1px solid #333;}
.mobi_nav_ul li a{ display:block; padding:0.15rem 0; color:#fff;}
.mobi_nav_ul li a i{ font-style:normal; font-family:Demit; font-size:12px; text-transform:uppercase;}
.mobi_nav_ul li a span{ display:inline-block; width:14px; height:14px; border-radius:50%; border:1px solid #999; vertical-align:middle; margin-right:10px;}
.head{ background:#000000; padding:0 0.15rem;}
.head.fixed{ background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; z-index:99; transition:all .4s;}
.head.fixed:hover{ background:#2e2d2e;}
.head .logo{ width:1.5rem; margin-top:0.03rem;}
.head .tel{ font-size:16px; color:#fff; padding:7px 0.15rem 0 0; margin-top:0.1rem;}
.head .tel img{ display:inline-block; vertical-align:middle;}
.head .vr{ margin-top:0.1rem;}
.head .vr img{ display:inline-block; vertical-align:middle; margin:0 5px;}
.navi{ margin-right:0.3rem;}
.navi li{ float:left; margin-right:0.05rem;}
.navi li a{ display:inline-block; line-height:5.2; color:#fff; padding:0 0.1rem; position:relative;}
.navi li a::before{ position:absolute; width:0; height:2px; background:#bf1a20; content:''; left:0; top:1px; transition:all 0.4s;}
.navi li a:hover::before{ width:100%;}
.navi li a.nowon::before{ width:100%;}
.navi li a sup{ color:#999;}
.foot{ padding:0.3rem 0.5rem; background:#111111; color:#777;}
.foot .links_one{ float:left;}
.foot .links_one a{ color:#eee; line-height:2.5;}
.foot .links_two{ float:left; margin-left:0.7rem; line-height:2.5;}
.foot .links_two dt{}
.foot .links_two dd a{ color:#777;}
.foot .qrcode{ width:40%; text-align:right; line-height:2;}
.foot .qrcode .social img{ display:inline-block; margin:0 0.02rem;}
.foot .qrcode .codepic{ padding:0.3rem 0 0.1rem 0;}
.foot .qrcode .codepic img{ max-width:95px;}
.foot .qrcode .sitemap{ font-size:12px;}
.foot .qrcode .police{ font-size:12px;}
.foot .copy{ padding-top:0.3rem; font-size:12px; line-height:2.2;}
.foot .copy .address{ background:url(../images/loca.png) left center no-repeat; background-size:auto 14px; text-indent:1.2em;}

/* home development */
#home_ban img{ width:100%;}
#home_ban .ckin__player .default__button--big{display:none;}
#home_ban .ckin__player .ckin__controls{display:none;}
#banner-next{ background:none; width:60px; height:60px; text-align:center; color:#fff; line-height:60px; top:42%; right:3%; opacity:0.8; font-weight:bold;}
#banner-next:before{ content:''; position:absolute; right:0; top:0; width:1px; height:50%; background:#fff; transition:all 0.5s;}
#banner-next:after{ content:''; position:absolute; right:0; bottom:0; width:1px; height:50%; background:#fff; transition:all 0.5s;}
#banner-next:hover:before{ -webkit-transform:rotate(-45deg); top:4px;}
#banner-next:hover:after{ -webkit-transform:rotate(45deg); bottom:4px;}
#banner-prev{ background:none; width:60px; height:60px; text-align:center; color:#fff; line-height:60px; top:42%; left:3%; opacity:0.8; font-weight:bold;}
#banner-prev:before{ content:''; position:absolute; left:0; top:0; width:1px; height:50%; background:#fff; transition:all 0.5s;}
#banner-prev:after{ content:''; position:absolute; left:0; bottom:0; width:1px; height:50%; background:#fff; transition:all 0.5s;}
#banner-prev:hover:before{ -webkit-transform:rotate(45deg); top:4px;}
#banner-prev:hover:after{ -webkit-transform:rotate(-45deg); bottom:4px;}
.home_development{ padding:0.5rem;}
.home_development .t1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.home_development .t2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0;}
.home_development .t2 img{ display:inline-block; vertical-align:middle;}
.home_development .t3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;  text-indent:0.8rem;}
.dev_blocks{ padding:0.4rem 0 0 0;}
.dev_blocks dl{ float:left; width:32.33%; margin-right:1.5%; padding-bottom:40%; overflow:hidden; position:relative;}
.dev_blocks dl p{ position:absolute; left:0; top:0; width:100%; height:100%; transition:all .4s;}
.dev_blocks dl p a{ display:block; height:100%;}
.dev_blocks dl dt{ position:absolute; left:0; top:0; width:100%; height:40%; overflow:hidden;}
.dev_blocks dl dt:hover>p{ -webkit-transform:scale(1.1,1.1);}
.dev_blocks dl dd{ position:absolute; left:0; bottom:0; width:100%; height:56.5%; overflow:hidden;}
.dev_blocks dl dd:hover>p{ -webkit-transform:scale(1.1,1.1);}
.dev_blocks dl:hover>p{ -webkit-transform:scale(1.1,1.1);}
.dev_blocks dl:last-child{ margin-right:0;}
/* home pro */
.home_pro{ padding:0.4rem 0.5rem; background:url(../images/homepro.jpg) center/cover; cursor: pointer;}
.home_pro_hgroup{ color:#000;}
.home_pro_hgroup h1{ font-family:Family; font-size:0.34rem; padding:0.18rem 0 0.05rem 0;}
.home_pro_hgroup h2{ font-size:0.2rem;}
.home_pro_hgroup h3{ font-weight:bold; line-height:3;}
.home_pro_hgroup h4{ font-size:16px; line-height:2;}
.home_pro_hgroup h5{ font-size:12px; line-height:1.6;}
.home_pro_hgroup h6{ font-size:12px;}
.home_pro_icon{ padding:0.5rem 0;}
.home_pro_icon li{ display:inline-block; margin:0 0.2rem;}
.home_pro_icon li a{ display:block; color:#fff;}
.home_pro_icon li a i{ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; width:0.6rem; height:0.6rem; position:relative; border-radius:50%; overflow:hidden; background:rgba(255,255,255,0.4);}
.home_pro_icon li a i:before{ position:absolute; left:0; top:0; width:100%; height:100%; border:0 solid #bf1a20; content:''; box-sizing:border-box; border-radius:50%; transition:all 0.45s;}
.home_pro_icon li a:hover i:before{ border:0.3rem solid #bf1a20;}
.home_pro_icon li a i img{ position:relative; z-index:2; height:40px;}
.home_pro_icon li a p{ padding:0.1rem 0 0 0;}
/* home_pro_item */
.home_pro_item{}
.home_pro_item .first_zone{ background:url(../images/hpitem.jpg) center/cover; padding:0.5rem 0.5rem 0.2rem;}
.home_pro_item .first_zone .hg{ padding-bottom:0.3rem;}
.home_pro_item .first_zone .hg h1{ font-size:0.22rem; color:#fff; font-family:Family; text-transform:uppercase;}
.home_pro_item .first_zone .hg h2{ font-size:0.08rem; color:#fff; font-family:Pingfang;}
.home_pro_item .first_zone .hg h2 img{ display:inline-block; vertical-align:middle;}
.home_pro_item .second_zone{ padding:0.2rem 0.5rem;}
.home_pro_new{}
.home_pro_new li{ float:left; position:relative; width:32.33%; margin-right:1.5%;}
.home_pro_new li.long_one{ width:66.16%;}
.home_pro_new li.long_one .pics{ padding-bottom:63.85%;}
.home_pro_new li.no_mar{ margin-right:0; margin-bottom:1.5%;}
.home_pro_new li:nth-child(3n){ margin-right:0;}
.home_pro_new li .pics{ padding-bottom:63%; transition:all 0.4s;}
.home_pro_new li a{ display:block; overflow:hidden; position:relative;}
.home_pro_new li a>h1{ position:absolute; left:0; bottom:0; width:100%; line-height:3; font-size:14px; color:#fff; text-align:center; background:-webkit-linear-gradient(bottom,rgba(21,21,21,1),rgba(21,21,21,0));}
.home_pro_new li a:hover .pics{ -webkit-transform:scale(1.1,1.1);}
/* home_worker */
.home_worker{ padding:0.5rem; background:url(../images/home_worker.jpg) center/cover; color:#fff;}
.home_worker .t1{ font-family:Family; font-size:0.22rem;}
.home_worker .t2{ font-family:Pingfang; font-size:0.12rem; padding:0.05rem 0;}
.home_worker .t2 img{ display:inline-block; vertical-align:middle;}
.home_worker .t3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;  text-indent:0.2rem;}
.home_worker .t4{ width:1px; background:#ccc; margin:0.3rem auto; height:0.5rem;}
.home_worker .t5{ width:3.5rem; line-height:2; font-size:14px; margin:0 auto; color:#eee; margin-bottom:0.3rem;}
.home_worker .t6{ width:0.8rem; line-height:2.7; border:1px solid #eee; margin:0 auto; display:block; color:#fff; position:relative; transition:all .4s;}
.home_worker .t6 i{ font-style:normal; position:relative; z-index:2;}
.home_worker .t6::before{ width:0; height:100%; background:#bf1a20; transition:all .4s; content:''; position:absolute; left:0; top:0;}
.home_worker .t6:hover::before{ width:100%;}
.home_worker .t6:hover{ border-color:#bf1a20;}
/* home_activity */
.home_activity{ padding:0.5rem 0 0.3rem 0;}
.home_activity .more{ display:block; border:1px solid #444; margin:0 auto; line-height:3; text-align:center; position:relative; width:1rem; transition:all 0.4s;}
.home_activity .more:hover{ color:#fff; border-color:#bf1a20;}
.home_activity .more i{ font-style:normal; position:relative; z-index:2;}
.home_activity .more:after{ position:absolute; content:''; left:0; top:0; width:0%; height:100%; background:#bf1a20; transition:all 0.4s;}
.home_activity .more:hover:after{ width:100%;}
.home_activity hgroup h1{ font-family:Family; font-size:0.2rem; position:relative;}
.home_activity hgroup h1:before{ position:absolute; width:0.3rem; height:1px; background:#bf1a20; content:''; left:-0.4rem; top:0.13rem;}
.home_activity hgroup h2{ font-family:Pingfang; font-size:20px; padding-bottom:0.05rem;}
.home_activity hgroup h3{ color:#888; line-height:1.8; width:2.5rem;}
.home_activity_li{ padding:0.3rem 0;}
.home_activity_li li{ width:32%; margin-right:2%; background:#f2f2f2; float:left;}
.home_activity_li li a{ display:block; position:relative; padding-bottom:120%; overflow:hidden;}
.home_activity_li li a .picpart{ position:absolute; left:0; top:0; width:100%; height:60%; z-index:9; transition:all 0.4s; background-size:cover; background-position:center; background-repeat:no-repeat;}
.home_activity_li li a .titpart{ position:absolute; left:0; top:60%; width:100%; height:100%; padding:0.15rem; transition:all 0.4s;}
.home_activity_li li a:hover .picpart{ top:-60%; opacity:0;}
.home_activity_li li a:hover .titpart{ top:0;}
.home_activity_li li:nth-child(2) a .titpart{ left:0; top:0; bottom:auto;}
.home_activity_li li:nth-child(2) a .picpart{ left:0; bottom:0; top:auto;}
.home_activity_li li:nth-child(2) a:hover .picpart{ left:0; bottom:-60%; top:auto; opacity:0;}
.home_activity_li li a .titpart h1{ color:#888; font-size:12px;}
.home_activity_li li a .titpart h2{ line-height:1.8; padding:0.15rem 0 0rem 0; font-weight:bold; min-height:50px;}
.home_activity_li li a .titpart h3{ color:#888; font-size:12px; line-height:1.8; margin-bottom:0.5rem;}
.home_activity_li li a .titpart h4{ display:block; width:0.55rem; background:#bf1a20; color:#fff; line-height:2.5; text-align:center;}
.home_activity_li li:last-child{ margin-right:0;}
/* home_join */
.home_join{ padding:0rem 0.5rem 0.5rem;}
.home_join_big{ width:48%; padding-bottom:48%; background-image:url(../images/hj1.jpg); background-position:center; background-size:auto 100%; position:relative; transition:all 0.4s;}
.home_join_big .t1{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; padding:0.15rem; transition:all 0.4s;}
.home_join_big:hover,.home_join_small .t1:hover,.home_join_small .t2:hover,.home_join_small .t3:hover{ background-size:auto 110%;}
.home_join_big .t1>hgroup h1{ font-size:0.16rem; padding-bottom:5px;}
.home_join_big .t1>hgroup h2{ padding-bottom:0.2rem;}
.home_join_big .t1>hgroup h3{ font-size:12px; display:inline-block; border:1px solid #aaa; line-height:2; border-radius:15px; padding:0 0.15rem; color:#fff;}
.home_join_big .t1>img{ position:absolute; width:0.6rem; right:0.15rem; bottom:0.15rem;}
.home_join_small{ width:51%;}
.home_join_small .t1{ padding-bottom:60.15%; background-image:url(../images/hj2.jpg); background-position:center; background-size:auto 100%; position:relative; margin-bottom:2%; transition:all 0.4s;}
.home_join_small .t1 a{ text-align:right; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; padding:0.15rem; transition:all 0.4s;}
.home_join_small .t1 a>hgroup h1{ font-size:0.18rem; padding-bottom:5px;}
.home_join_small .t1 a>hgroup h2{ padding-bottom:0.2rem;}
.home_join_small .t1 a>hgroup h3{ font-size:12px; display:inline-block; border:1px solid #aaa; line-height:2; border-radius:15px; padding:0 0.15rem; color:#fff;}
.home_join_small .t2{ width:49%; padding-bottom:32%; background-image:url(../images/hj3.jpg); background-size:auto 100%; background-position:center; position:relative; transition:all 0.4s;}
.home_join_small .t2 section{ text-align:right; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; padding:0.15rem; transition:all 0.4s;}
.home_join_small .t2 section>hgroup h1{ font-size:0.16rem; padding-bottom:5px;}
.home_join_small .t2 section>hgroup h2{ padding-bottom:0.1rem;}
.home_join_small .t2 section>hgroup h3 a{ font-size:12px; display:inline-block; border:1px solid #aaa; line-height:2; border-radius:15px; padding:0 0.05rem; color:#fff;}
.home_join_small .t3{ width:49%; padding-bottom:32%; background-image:url(../images/hj4.jpg); background-position:center; background-size:auto 100%; position:relative; transition:all 0.4s;}
.home_join_small .t3 a{ text-align:right; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; padding:0.15rem; transition:all 0.4s;}
.home_join_small .t3 a>hgroup h1{ font-size:0.16rem; padding-bottom:5px;}
.home_join_small .t3 a>hgroup h2{ padding-bottom:0.1rem;}
.home_join_small .t3 a>hgroup h3{ font-size:12px; display:inline-block; border:1px solid #aaa; line-height:2; border-radius:15px; padding:0 0.15rem; color:#fff;}
.home_join_big .t1:hover h3,.home_join_small .t1 a:hover h3,.home_join_small .t2 section:hover a,.home_join_small .t3 a:hover h3{ border-color:#bf1a20; background:#bf1a20;}

.home_news{display:none;}
.indcomn, .indcomn1 { width: 80%;margin:auto; }
.indcomn ul { margin: 10px auto; height: auto; overflow: hidden; }
.indcomn li { width: 48%; padding-left: 30px; float: left; margin: 0 13px; _margin: 0 8px; height: 25px; line-height: 25px; }
.indcomn ul li a { display: block; height: 33px; width: 85%; line-height: 33px; float: left; text-indent: 20px; background: url(../images/box_icon1.png) left center no-repeat; }
.indcomn ul li b { display: block; height: 33px; width: 70px; font-weight: normal; float: right; color: #969696; }
dl.news_dl { font-size: 14px; color: #000; padding: 0 5px; line-height: 22px; border-bottom: 1px dashed #CCCCCC; }
dl.news_dl dt { margin-bottom: 3px; margin-top: 5px; line-height: 24px; height: 24px; width: 98%; overflow: hidden; }
dl.news_dl dd { font-size: 12px; padding-left: 10px; height: 45px; width: 95%; overflow: hidden; margin-bottom: 2px; }
dl.news_dl .dt_1 { height: 20px; background: url(../images/box_icon1.png) no-repeat 0 6px; padding-left: 10px; font-size: 14px; color:#000; font-weight: bold; }
dl.news_dl .dt_2 { font-size: 12px; float: right; padding: 0 10px 0 8px; font-family: "微软雅黑"; }
.int_1 { width: 48%; float: left; margin-left: 15px; }

/* about */
.inban{ position:relative; overflow:hidden;}
.inban .words{ position:absolute; left:0; top:28%; color:#fff; width:100%;}
.inban .words h1{ font-family:Family; font-size:0.35rem; text-transform:uppercase;}
.inban .words h2{ font-family:Pingfang; font-size:0.2rem;}
.inban .words h3{ padding-top:8%;}
.ab_ban{ height:100%; background:url(../images/ab.jpg) center/cover;}
.in_sub_cate{ position:absolute; width:100%; bottom:15%; left:0;}
.in_sub_cate a{ display:inline-block; color:#fff; border-bottom:1px solid rgba(255,255,255,0.4); line-height:3; padding:0 0.12rem; margin:0 0.03rem; position:relative; transition:all 0.4s;}
.in_sub_cate a::after{ position:absolute; width:100%; left:0; bottom:-35%; opacity:0; transition:all 0.4s; background:url(../images/arrdownsmall.png) center no-repeat; height:5px; content:'';}
.in_sub_cate a:hover,.in_sub_cate a.on{ color:#dfb06d; border-bottom:1px solid #dfb06d;}
.in_sub_cate a:hover::after,.in_sub_cate a.on::after{ opacity:1;}
.ab_intro{ padding:0.5rem 0.5rem 0;}
.ab_intro>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.ab_intro>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.ab_intro>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.ab_intro>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.ab_intro_wrap{ background:#fff; padding:0.3rem; color:#888; margin-top:0.35rem; box-shadow:0 0 10px #ccc;}
.ab_intro_wrap .words{ width:80%; line-height:2;}
.ab_intro_wrap>.clrafter{ padding-bottom:0.5rem;}
.ab_intro_icons li{ display:inline-block; width:16%;}
.ab_intro_icons li p:nth-child(1) img{ height:39px;}
.ab_intro_icons li p:nth-child(2){ color:#000; padding:0.05rem 0;}
.ab_intro_icons li p:nth-child(2) strong{ font-family:Pingfang; font-size:0.18rem; font-weight:normal;}
.ab_intro_icons li p:nth-child(3){ color:#888;}
.ab_fac{ position:relative; top:-0.3rem; z-index:-1;}
.ab_video{ padding:0.1rem 0.5rem 0.3rem;}
.ab_video>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.ab_video>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.ab_video>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.ab_video>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.ab_video>hgroup>h4{ padding-top:0.05rem;}
.ab_video>.wrap1200{ padding:0.3rem 0 0 0;}
.ab_video>.wrap1200 .t1{ text-align:center; padding:0.1rem 0 0 0;}
.ab_more_video{ background:#2a2b2f; padding:0.2rem 0.5rem; color:#fff;}
.ab_more_video>h1>strong{ font-family:Family; text-transform:uppercase; font-size:0.1rem; font-weight:normal;}
.ab_more_video_list{ border-left:1px solid #ff0000; padding-left:10px; margin-top:0.2rem; position:relative;}
.ab_more_video_list li{ float:left; width:23%; margin-right:1%;}
.ab_more_video_list li p{ font-size:12px; text-align:center; padding-top:8px; color:#888;}
.ab_more_video_list li a{ display:block; position:relative;}
.ab_more_video_list li a span{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; color:#fff; transition:all 0.4s; opacity:0;}
.ab_more_video_list li a span img{ width:48px;}
.ab_more_video_list li a:hover span{ opacity:1;}
.ab_more_video_list .more{ background:#bf1a20; color:#fff; position:absolute; right:0; top:0; z-index:99; width:20px; text-align:center; height:100%; padding:0px 20px; box-sizing:content-box; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;}
#ab_video_swipe_page{ opacity:0;}
#ab_video_swipe_page .swiper-pagination-bullet-active{ background:#999;}
.ab_culture{ padding:0.5rem;}
.ab_culture>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.ab_culture>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.ab_culture>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.ab_culture>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.ab_culture .u1{ background:#f3f3f3; margin-bottom:0.1rem; margin-top:0.3rem;}
.ab_culture .u1 li{ float:left; text-align:center;}
.ab_culture .u1 li:nth-child(1){ width:66.666%;}
.ab_culture .u1 li:nth-child(1) img{ width:100%;}
.ab_culture .u1 li:nth-child(2){ width:33.33%; padding:12% 0.2rem 0.2rem;}
.ab_culture .u2{ background:#f3f3f3; margin-bottom:0.1rem;}
.ab_culture .u3{ background:#f3f3f3;}
.ab_culture .u2 li{ float:left; width:33.333%; padding:8% 0.2rem; text-align:center;}
.ab_culture .u2 li:nth-child(1){ background:url(../images/cl2.jpg) center/cover; color:#fff;}
.ab_culture .u2 li:nth-child(3){ background:url(../images/cl3.jpg) center/cover; color:#fff;}
.ab_culture .u3 li{ text-align:center;}
.ab_culture .u3 li:nth-child(1){ float:left; width:33.333%; padding:12% 0.2rem 0.2rem;}
.ab_culture .u3 li:nth-child(2){ float:left; width:66.666%;}
.ab_culture .u3 li:nth-child(2) img{ width:100%;}
.ab_culture .cli{ height:42px; margin:0 auto; display:block;}
.ab_culture .redline{ color:#bf1a20; font-weight:bold;}
.ab_culture ul li h2{ font-size:20px; padding:12px 0;}
.ab_speech{ padding:0.5rem; background:url(../images/ab_speech.jpg) center/cover; background-attachment:fixed;}
.ab_speech_wrap{ background:rgba(0,0,0,0.7); padding:0.3rem 0.4rem; display:inline-block; color:#fff; text-align:center;}
.ab_speech_wrap>hgroup h1{ font-family:Family; text-transform:uppercase; font-size:0.18rem;}
.ab_speech_wrap>hgroup h2{ font-size:0.1rem; padding:0.05rem 0; font-family:Pingfang;}
.ab_speech_wrap>hgroup h2 img{ display:inline-block; vertical-align:middle;}
.ab_speech_wrap>article{ padding:0.1rem 0 0 0; line-height:1.8;}
.ab_ceo hgroup{ padding:0.3rem 0.8rem;}
.ab_ceo hgroup h1{ font-family:Family; font-size:0.2rem; position:relative;}
.ab_ceo hgroup h1:before{ position:absolute; width:0.3rem; height:1px; background:#bf1a20; content:''; left:-0.4rem; top:0.13rem;}
.ab_ceo hgroup h2{ font-family:Pingfang; font-size:20px; padding-bottom:0.05rem;}
.ab_ceo hgroup h3{ color:#888; line-height:1.8; width:2.5rem;}
.ab_ceo_wrap{ background:#f4f4f4; margin-bottom:0.3rem;}
.ab_ceo_wrap>.fl{ width:50%;}
.ab_ceo_wrap>.fl img{ width:100%;}
.ab_ceo_wrap>.fr{ width:50%; padding:8% 8% 0 8%;}
.ab_ceo_wrap>.fr .t1{ font-size:20px; padding-bottom:0.1rem;}
.ab_ceo_wrap>.fr .t2{ text-indent:15em; padding-top:0.13rem; color:#888;}
.ab_ceo_wrap>.fr .t2 img{ display:inline-block; vertical-align:middle;}
.ab_ceo_wrap>.fr .words{ line-height:2; color:#888;}
.ab_ceo_wrap>.fr .words strong{ font-size:18px; font-weight:normal;}
/* about history */
.container { margin: 0 auto; padding: 0 15px; width: 100% }
@media (min-width:1025px) and (max-width:1240px) {
	.container { max-width: 90% }
}
@media (min-width:1241px) {
	.container { max-width: 1140px }
}
@media (min-width:1441px) {
	.container { padding: 0; max-width: 1200px }
}
.cy_sec { position: relative; z-index: 1; padding: 6.25% 0; background: #fff }
.cy_sec .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: no-repeat top center; background-size: cover }
.cy_sec .bg:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #000; opacity: .7; content: '' }
.cy_sec .bg.c_1:before { background: #001a44; opacity: .3 }
.cy_sec .bg.c_3:before { opacity: .3 }
.cy_sec .bg.no_fixed { background: no-repeat right bottom; background-size: cover }
.cy_sec .bg.no_fixed:before { content: none }
@media (max-width:576px) {
	.cy_sec .bg.no_fixed { background: no-repeat center center }
}
@media (max-width:768px) {
	.cy_sec { padding: 10vw 0 }
}	
.m_brand_history{display:none;}
.brand_history { overflow: hidden; padding-bottom: 0 }
.brand_history>div>hgroup{ color:#fff;}
.brand_history>div>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.brand_history>div>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.brand_history>div>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.brand_history>div>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.brand_history .b_history-info { position: relative; z-index: 1 }
.brand_history .bh_line { position: relative; margin-top: -75px; z-index: 1 }
.brand_history .bh_line .line { position: relative; z-index: -1; margin: 0 -100px }
.brand_history .bh_line .line1 { height: 940px; max-height: 2070px; background: url(../images/line.png) no-repeat top left }
.brand_history .bh_line .line2 { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 0; background: url(../images/line-s.png) no-repeat top left }
.brand_history .bh_line .dots { position: absolute; top: 250px; left: 225px; z-index: 1 }
.brand_history .bh_line .dots span { position: absolute; font-family: Arial,sans-serif; font-weight: 700; font-size: 20px; line-height: 16px; white-space: nowrap; color: #fff; cursor: pointer }
.brand_history .bh_line .dots span:hover { color: #bf1a20 }
.brand_history .bh_line .dots span:nth-child(odd):before { display: inline-block; margin: 0 10px 0 0; border-radius: 50%; width: 16px; height: 16px; background: #fff; content: '' }
.brand_history .bh_line .dots span:nth-child(even):after { display: inline-block; margin: 0 0 0 10px; border-radius: 50%; width: 16px; height: 16px; background: #fff; content: '' }
.brand_history .bh-content { position: absolute; top: 100px; left: 0; right: 0; z-index: 3 }
.brand_history .bh-content.fixed { position: fixed }
.brand_history .bh-content.fixed.fixed-btm { position: absolute; top: auto }
@media (max-width:1024px) {
	.brand_history .bh-content { padding: 0 30px }
	.brand_history .bh-content.fixed { margin: 0 15px }
}
.brand_history .bh_carousel { position: relative; z-index: 3; margin: 0 auto; max-width: 750px }
.brand_history .carousel-item { overflow: hidden; position: relative; z-index: 1; padding: 0 50px 50px 0; outline:none;}
@media (max-width:768px) {
	.brand_history .carousel-item { padding: 0 30px 30px 0 }
}
@media (max-width:576px) {
	.brand_history .carousel-item { padding: 0 }
}
.brand_history .carousel-item:before { position: absolute; top: 50px; right: 0; bottom: 50px; z-index: -2; width: 50px; background: #fff; content: '' }
@media (max-width:768px) {
	.brand_history .carousel-item:before { top: 30px; bottom: 30px; width: 30px }
}
@media (max-width:576px) {
	.brand_history .carousel-item:before { content: none }
}
.brand_history .carousel-item:after { position: absolute; top: 0; right: 0; z-index: -1; border-top: 50px solid transparent; border-left: 50px solid #dedede; content: '' }
@media (max-width:768px) {
	.brand_history .carousel-item:after { border-top-width: 30px; border-left-width: 30px }
}
@media (max-width:576px) {
	.brand_history .carousel-item:after { content: none }
}
.brand_history .carousel-item .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; float: left; width: 165px; height: 150px; font-family: Arial,sans-serif; font-size: 48px; font-weight: 700; line-height: 1; text-align: center; background: #bf1a20; color: #fff }
@media (max-width:768px) {
	.brand_history .carousel-item .date { width: 120px; height: 120px; font-size: 30px }
}
@media (max-width:576px) {
	.brand_history .carousel-item .date { float: none; width: 100%; height: 80px }
}
.brand_history .carousel-item .date:before { position: absolute; top: 100%; left: 0; z-index: -1; border-top: 50px solid #920007; border-left: 50px solid transparent; content: '' }
@media (max-width:768px) {
	.brand_history .carousel-item .date:before { border-top-width: 30px; border-left-width: 30px }
}
@media (max-width:576px) {
	.brand_history .carousel-item .date:before { content: none }
}
.brand_history .carousel-item .cont { overflow: hidden; padding: 20px; min-height: 150px; background: #fff }
.brand_history .carousel-item .cont figure { float: left; margin: 0 20px 0 0 }
.brand_history .carousel-item .cont .c { font-size: 14px; line-height: 25px; color: #666 }
.brand_history .carousel-arrows .next, .brand_history .carousel-arrows .prev { display: block; position: absolute; top: 55px; z-index: 3; cursor: pointer }
.brand_history .carousel-arrows .next:hover .icon-svg, .brand_history .carousel-arrows .prev:hover .icon-svg { fill: #bf1a20 }
.brand_history .carousel-arrows .prev { left: -60px }
.brand_history .carousel-arrows .next { right: -60px }
.brand_history .carousel-arrows .icon-svg { width: 40px; height: 40px; fill: #fff; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }
@media (max-width:1024px) {
	.brand_history .carousel-arrows .prev { left: -40px }
	.brand_history .carousel-arrows .next { right: -40px }
}
svg { width: 100%; height: 100% }	
.slick-loading .slick-list { background: #fff url(../images/loading.gif) center center no-repeat }
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; z-index: 1 }
.slick-list:focus { outline: 0 }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.slick-track { position: relative; top: 0; left: 0; display: block }
.slick-track:after, .slick-track:before { display: table; content: '' }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px }
[dir=rtl] .slick-slide { float: right }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto }
.slick-arrow.slick-hidden { display: none }
.slick-next, .slick-prev { position: absolute; top: 50%; display: block; width: 32px; height: 32px; padding: 0; margin-top: -16px; font-size: 0; line-height: 0; cursor: pointer; z-index: 5 }
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: 0; background: 0 0 }
.slick-next.slick-disabled, .slick-prev.slick-disabled { opacity: .3 }
.slick-prev { left: -36px }
[dir=rtl] .slick-prev { right: -36px; left: auto }
.slick-next { right: -36px }
[dir=rtl] .slick-next { right: auto; left: -36px }
.slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; font-size: 0; line-height: 0; text-align: center; z-index: 5 }
.slick-dots li { position: relative; display: inline-block; margin: 0 3px; width: 10px; height: 10px; padding: 0; cursor: pointer }	
/* about history end */
.ab_respon{ padding:0.5rem;}
.ab_respon>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.ab_respon>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.ab_respon>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.ab_respon>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.ab_respon>hgroup>h4{ padding-top:0.05rem;}
.ab_respon_li{ margin-top:0.3rem;}
.ab_respon_li li{ width:50%; float:left; height:1.5rem;}
.ab_respon_li li a{ display:-webkit-box; height:100%; width:100%; background:rgba(0,0,0,0.6); -webkit-box-align:center; -webkit-box-pack:center; text-align:center; color:#fff; transition:all 0.4s;}
.ab_respon_li li a figure h1{ font-size:20px;}
.ab_respon_li li a:hover{ background:none;}
.ab_respon_li li:nth-child(1){ background:url(../images/r1.jpg) center/cover;}
.ab_respon_li li:nth-child(2){ background:url(../images/r2.jpg) center/cover;}
.ab_respon_li li:nth-child(3){ background:url(../images/r3.jpg) center/cover;}
.ab_respon_li li:nth-child(4){ background:url(../images/r4.jpg) center/cover;}
.ab_honor{ padding:0.5rem; background:url(../images/honor.jpg) center/cover; color:#fff;}
.ab_honor>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.ab_honor>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.ab_honor>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.ab_honor>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.ab_honor_wrap{ background:#fff; padding:0.2rem; margin-top:0.3rem; margin-bottom:0.1rem;}
#ab_honor_swipe .swiper-slide{ width:24%; margin-right:1.333%;}
#ab_honor_swipe .swiper-slide p{ padding:10px 0 0 0; text-align:center;}
#ab_honor_swipe_page{ opacity:0;}
#ab_honor_swipe_prev{ display:none;}
#ab_honor_swipe_next{ display:none;}
.ab_hall{ padding:0.5rem 0.8rem;}
.ab_hall hgroup h1{ font-family:Family; font-size:0.2rem; position:relative; text-transform:uppercase;}
.ab_hall hgroup h1:before{ position:absolute; width:0.3rem; height:1px; background:#bf1a20; content:''; left:-0.4rem; top:0.13rem;}
.ab_hall hgroup h2{ font-family:Pingfang; font-size:20px; padding-bottom:0.05rem;}
.ab_hall hgroup h3{ color:#888; line-height:1.8; width:2.5rem;}
.ab_hall .t1{ margin-top:0.3rem;}
.ab_hall .t1 li{ margin-bottom:2%; float:left;}
.ab_hall .t1 li:nth-child(3n){ margin-right:0;}
.ab_hall .t1 li a{ display:block;}
.ab_hall .t1 li a img{ width:100%;}
/* ab_tv */
.ab_tv{ width:100%; max-width:980px; margin:0 auto; position:relative;padding:0.35rem 0;}
.ab_tv hgroup h1{ font-family:Pingfang; font-size:0.19rem;}
.ab_tv hgroup h2{ padding:5px 0 0.3rem 0;}
.ab_tv article .t1{ padding:25px 0 0 0; text-align:center;}
/**/
.ab_tv_cate .t1{ background:#1f1f21; padding:0.1rem;}
.ab_tv_cate .t1 a{ display:inline-block; color:#fff; padding:0 0.1rem;}
.ab_tv_cate .t1 a.all{ border-right:1px solid #ccc;}
.ab_tv_cate .t1 a:hover,.ab_tv_cate .t1 a.on{ color:#ff0202;}
.ab_tv_cate .t2{ background:#2c2c2e; padding:0.25rem 0.5rem;}
.ab_tv_cate .t2 ul li{ width:23%; float:left; margin-right:2.666%; margin-bottom:2.666%;}
.ab_tv_cate .t2 ul li:nth-child(4n){ margin-right:0;}
.ab_tv_cate .t2 ul li p{ color:#888; padding-top:8px; text-align:center; font-size:12px;}
.ab_tv_cate .t2 ul li a{ display:block; position:relative;}
.ab_tv_cate .t2 ul li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.75); display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; transition:all 0.4s; opacity:0; visibility:hidden;}
.ab_tv_cate .t2 ul li a>img{ display:block; width:100%;}
.ab_tv_cate .t2 ul li a figure>div>img{ height:30px; margin:0 auto; display:block;}
.ab_tv_cate .t2 ul li a figure>div>i{ font-style:normal; color:#fff; display:block; font-size:13px; padding-bottom:20px;}
.ab_tv_cate .t2 ul li a:hover figure{ opacity:1; visibility:visible;}

/* design */
.design_ban{ position:relative; background:url(../images/designban.jpg) center/cover;}
.login_box{ background:#fff; width:2rem; height:1.85rem; position:absolute; top:20%; right:10%; padding:0.15rem;}
.login_box .t1{ color:#c31a06; font-size:0.12rem; font-family:Pingfang; margin-bottom:30px;}
.login_box .t2{ padding-bottom:20px; padding-top:10px;}
.login_box .ip1{ display:block; width:100%; border:1px solid #ddd; padding:0.07rem; font-size:14px; margin-bottom:10px;}
.login_box .ip2{ display:block; width:100%; border:none; padding:0.05rem; font-size:16px; margin-bottom:10px; background:#c31a06; color:#fff; -webkit-appearance:none;}
.login_box .ip3{ display:block; width:100%; border:none; padding:0.05rem; font-size:16px; margin-bottom:10px; background:#04be02; color:#fff; -webkit-appearance:none;}
.design_tits{ padding:0.3rem 0.5rem; background:#111111; color:#fff;}
.design_tits>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.design_tits>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.design_tits>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.design_tits>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.design_list{ padding:0.4rem 0.5rem;}
.design_list_ul{ margin-bottom:0.3rem;}
.design_list_ul li{ float:left; margin-right:20px;}
.design_list_ul li a{ display:block; padding-bottom:10px; border-bottom:2px solid #fff;}
.design_list_ul li a.on{ color:#c31a06; border-bottom:2px solid #c31a06;}
.design_album_ul li{ width:32%; margin-right:2%; margin-bottom:4%; float:left;}
.design_album_ul li:nth-child(3n){ margin-right:0;}
.design_album_ul li a{ display:block;}
.design_album_ul li a .con1{ padding:10px; box-shadow:0 0 10px #ccc; overflow:hidden;}
.design_album_ul li a .con1>p{ padding-bottom:60%; display:block; transition:all 0.4s;}
.design_album_ul li a:hover .con1>p{ -webkit-transform:scale(1.1,1.1);}
.design_album_ul li a .con2{ padding-top:10px}
.design_album_ul li a .con2 .t1{ font-size:16px; padding:10px 0; background:url(../images/reco.png) right center no-repeat;}
.design_album_ul li a .con2 .t2{ position:relative; margin-top:5px;}
.design_album_ul li a .con2 .ava{ width:56px; height:56px; overflow:hidden; position:absolute; left:0; top:0;}
.design_album_ul li a .con2 .names{ padding-left:66px;}
.design_album_ul li a .con2 .names>p:nth-child(1){ font-size:15px; padding:5px 0;}
.design_album_ul li a .con2 .names>p>span{ text-indent:1.25em;}
.design_album_ul li a .con2 .names>p>span:nth-child(1){ background:url(../images/loca2.png) left center no-repeat;}
.design_album_ul li a .con2 .names>p>span:nth-child(2){ background:url(../images/view.png) left center no-repeat;}
.design_album_ul li a .con2 .names>p>span:nth-child(3){ background:url(../images/like.png) left center no-repeat; margin-right:10px;}
.design_more{ padding:0.2rem 0 0 0;}
.designer_list{ padding:0.5rem; background:#000000;}
.designer_list .t1{ font-size:20px; border-bottom:1px solid #444; color:#fff; padding-bottom:10px;}
.designer_list .t1 i{ display:inline-block; width:3px; background:#646464; vertical-align:middle; height:16px;}
.designer_list .t1 span{ font-size:12px; text-transform:uppercase; opacity:0.4;}
.designer_item_wrap{ padding:0.2rem 0 0 0;}
.designer_item{ width:70%;}
.designer_item li{ width:16%; margin-right:0.666%; margin-bottom:0.666%; float:left;}
.designer_item li>a>div{ padding-bottom:100%;}
.designer_item li>a{ display:block; cursor:pointer;}
.designer_item li.on{ border:3px solid #d13527;}
.designer_big_pic{ width:30%; position:relative;}
.designer_big_pic .piczone{ padding-bottom:115%; background:#fff;}
.designer_big_pic .wordzone{ position:absolute; left:0; bottom:0; background:#d13527; width:100%; padding:20px; line-height:1.8; color:#fff; font-size:12px;}
.designer_big_pic .wordzone>p{ padding:0.1rem 0 0 0; text-align:right;}
.ds_wrap{ background:#f4f4f4; padding:0.3rem 0;}
/* design show copy*/

/* design show copy end*/

/* store_wrap */
.store_wrap{ padding:0.2rem;}
.store_wrap_left{ width:30%;}
.store_wrap_left>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.15rem;}
.store_wrap_left>hgroup>h2{ font-size:0.1rem; padding:0.05rem 0 0.1rem 0; font-family:Pingfang;}
.store_wrap_left>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.store_wrap_right{ width:68%;}
.store_choose{ padding-bottom:20px;}
.store_choose>select{ width:49%; border:1px solid #ddd; padding:10px; -webkit-appearance:none;}
.store_search{ background:#bb1111; display:block; width:1rem; padding:10px; color:#fff!important;}
.store_search img{ display:inline-block; vertical-align:middle; height:16px;}
.store_result{ padding:0.2rem 0;}
.store_result .t1{ font-size:0.1rem; padding-bottom:10px;}
.store_result_list{ height:2rem; overflow-y:auto;}
.store_result_list::-webkit-scrollbar{ width:4px; background:#d9d9d9; border-radius:2px;}
.store_result_list::-webkit-scrollbar-track{}
.store_result_list::-webkit-scrollbar-thumb{ background:#404040; border-radius:2px;}
.store_result_list>dl{ padding:20px 0; line-height:2; border-top:1px solid #eee;}
#allmap{ height:3.5rem; width:100%; overflow:hidden;}
.st_ban{ height:100%; background:url(../images/st_ban.jpg) center/cover;}
.st_show_wrap{ padding:0.5rem; background:#f5f5f5;}
.st_show_wrap>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.st_show_wrap>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.st_show_wrap>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.st_show_wrap>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.st_show_wrap>hgroup>h4{ padding-top:0.2rem;}
.st_show_list{ padding-top:0.3rem;}
.st_show_list ul li{ width:32%; float:left; margin-right:2%; margin-bottom:4%;}
.st_show_list ul li:nth-child(3n){ margin-right:0;}
.st_show_list ul li a{ display:block; overflow:hidden;}
.st_show_list ul li a>div{ padding-bottom:55%; transition:all 0.4s;}
.st_show_list ul li a:hover>div{ -webkit-transform:scale(1.1,1.1);}
.st_show_list ul li>figure{ background:#fff; text-align:center; padding:15px 10px; font-size:16px;}

/* worker */
.wk_ban{ height:100%; background:url(../images/wk_ban.jpg) center/cover;}
.worker_tits{ padding:0.3rem 0.5rem;}
.worker_tits>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.worker_tits>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.worker_tits>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.worker_tits>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.wk_part_one{ background:#f4f4f4; padding:0.5rem 0 0 0;}
.wk_part_one>h1{ font-size:24px; padding-bottom:30px; font-family:Pingfang;}
.wk_part_one>div{ line-height:2; color:#666; padding:0 0.3rem 0.3rem;}
.wk_part_one_list li{ width:33.3333%; float:left; position:relative;}
.wk_part_one_list li .words{ left:0; bottom:0; width:100%; height:30%; position:absolute; padding:0 0.15rem; color:#fff; transition:all 0.4s;}
.wk_part_one_list li:hover .words{ background:-webkit-linear-gradient(bottom,rgba(191,26,32,1),rgba(191,26,32,0));}
.wk_part_one_list li .words h1{ font-family:Impact; font-size:0.18rem;}
.wk_part_two{ padding:0.5rem; background:#f4f4f4;}
.wk_part_two>hgroup{ line-height:1.8;}
.wk_part_two>hgroup h1{ font-size:24px;}
.wk_part_two>hgroup h2{ font-size:24px;}
.wk_part_two>hgroup h3{ font-family:Pingfang; font-size:18px;}
.wk_part_two_list{ padding-top:0.3rem;}
.wk_part_two_list li{ width:32%; margin-right:2%; float:left;}
.wk_part_two_list li:nth-child(3n){ margin-right:0;}
.wk_part_two_list li .t1{ background:#fff; padding:0.2rem 0.1rem; text-align:center;}
.wk_part_two_list li .t2{ overflow:hidden;}
.wk_part_two_list li .t2 img{ transition:all 0.4s; width:100%;}
.wk_part_two_list li:hover .t2 img{ -webkit-transform:scale(1.1,1.1);}

/* news */
.news_ban{ height:100%; background:url(../images/newsban.jpg) center/cover;}
.news_wrap{ background:#f9f9f9; padding:0.5rem 0;}
/* copy part*/
#news.news {
	padding: 130px 0;
	background: #f9f9f9
}

#news .container {
	max-width: 1200px
}

#news .news_pg {
	background: url(../images/news_bg.png) no-repeat top center #fff;
	padding-bottom: 0px
}

#news .news_con {
	padding: 0px
}

#news .news_fl {
	width: 70%;
	float: left
}

#news .news_list {
	margin-right: 82px
}

#news .news_list li {
	margin-bottom: 50px
}

#news .news_list .pd {
	display: block
}

#news .news_list .pd:hover .h3 {
	color: #bf1a20
}

#news .news_list .img {
	margin-bottom: 30px
}

#news .news_list .img img {
	width: 100%;
	height: auto;
	display: block
}

#news .news_list .t {
	padding-left: 90px;
	position: relative;
	margin-bottom: 20px
}

#news .news_list .h3 {
	font-size: 24px;
	height:87px;
	line-height:1.8;
	color: #000;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2
}

#news .news_list .em {
	font-size: 12px;
	line-height: 28px
}

#news .news_list .em strong {
	color: #25211e;
	font-weight: normal
}

#news .news_list .em em {
	color: #888888;
	font-style: normal
}

#news .news_list .date {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #bf1a20;
	color: #fff;
	width: 60px;
	text-align: center;
	padding: 20px 0
}

#news .news_list .date strong {
	font-size: 30px;
	font-weight: normal;
	display: block;
	line-height: 1;
	margin-bottom: 6px
}

#news .news_list .date em {
	font-size: 12px;
	font-style: normal;
	display: block;
	line-height: 1
}

#news .news_list .p {
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	color: #888888;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

#news .flip {
	text-align: center;
	padding: 50px 0;
	border-top: 1px solid #e6e6e6;
	margin-right: 82px
}

#news .flip a {
	width: 40px;
	margin: 0 4px;
	font-size: 14px;
	color: #25211e;
	height: 40px;
	display: inline-block;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	line-height: 38px;
	text-align: center;
	border-radius: 50%;
	color: #bf1a20
}

#news .flip em {
	margin: 0 8px;
	display: inline-block
}

#news .flip .flip_prev {
	margin-right: 16px
}

#news .flip .flip_next {
	margin-left: 16px
}

#news .flip a:hover,#news .flip a.curr {
	background: #bf1a20;
	color: #fff;
	border-color: #bf1a20
}

#news .flip .flip_prev,#news .flip .flip_next {
	border: none;
	border-radius: 0px;
	width: auto
}

#news .flip .flip_prev:hover,#news .flip .flip_next:hover {
	background: none;
	color: #bf1a20
}

#news .news_fr {
	width: 30%;
	float: right
}

#news .tit2,#news .search_tit {
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	color: #25211e;
	border-left: 2px solid #bf1a20;
	padding-left: 14px;
	margin-bottom: 24px
}

#news .search_tit span {
	color: #e7aa69
}

#news .nli {
	background: #fff;
	border: 1px solid #e9e9e9;
	padding: 24px;
	margin-bottom: 20px
}

#news .nli:nth-last-of-type(1) {
	margin-bottom: 0px
}

#news .pro_tj li {
	margin-bottom: 30px
}

#news .pro_tj li:last-child {
	margin-bottom: 0px
}

#news .pro_tj .pd {
	display: block
}

#news .pro_tj .pd:hover .text {
	color: #043785
}

#news .pro_tj .img {
	margin-bottom: 15px
}

#news .pro_tj .img img {
	width: 100%;
	height: auto;
	display: block
}

#news .pro_tj .text {
	font-size: 14px;
	color: #25211e;
	height: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

#news .news_tj li {
	border-bottom: 1px dashed #cecece;
	padding: 20px 0
}

#news .news_tj li:first-child {
	padding-top: 0px
}

#news .news_tj li:last-child {
	border-bottom: none;
	padding-bottom: 0px
}

#news .news_tj .pd {
	display: block
}

#news .news_tj .pd:hover .h3 {
	color: #043785
}

#news .news_tj .h3 {
	font-size: 14px;
	line-height: 24px;
	color: #25211e;
	margin-bottom: 5px
}

#news .news_tj .em {
	color: #888888
}

#news .news_tj .em strong {
	margin-right: 20px;
	font-weight: normal
}

#news .case_tj {
	position: relative
}

#news .case_tj .text {
	padding-top: 15px;
	font-size: 14px;
	text-align: center;
	color: #25211e;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

#news .case_tj .case_tj_pagination {
	position: absolute;
	right: 30px;
	top: 10px;
	left: auto;
	bottom: auto
}

#news .case_tj .case_tj_pagination .swiper-pagination-bullet {
	margin: 0 2px
}
#news .case_tj .case_tj_pagination .swiper-pagination-bullet-active{ background:#666;}
#news .case_tj .pd {
	display: block
}

#news .case_tj .pd:hover .text {
	color: #043785
}

#news .ewm_tj .pd {
	background: #f8f8f8;
	padding: 25px 43px 20px 43px;
	text-align: center
}

#news .ewm_tj img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px
}

#news .ewm_tj strong {
	font-size: 14px;
	color: #25211e;
	display: block;
	font-weight: normal
}

#news .xw_tj {
	background: #fff;
	padding: 23px 0 0 0;
	margin-bottom: 20px
}

#news .xw_tj ul {
	border-top: 1px solid #e9e9e9
}

#news .xw_tj .pd {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #e9e9e9;
	display: block;
	padding: 18px 25px
}

#news .xw_tj .img {
	margin-bottom: 15px;
	display: none
}

#news .xw_tj .em {
	padding-top: 15px;
	color: #888888;
	display: none;
	font-size: 12px
}

#news .xw_tj .em strong {
	font-weight: normal;
	margin-right: 16px
}

#news .xw_tj .h3 {
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	color: #333
}

#news .xw_tj li.curr .pd {
	background: #f8f8f8;
	border-left-color: #e9e9e9;
	border-right-color: #e9e9e9
}

#news .xw_tj .tit2,#news .xw_tj .search_tit {
	margin: 0 25px 21px 25px
}

#news .xw_tj .tit2,#news .xw_tj .search_tit li.curr .pd .img,#news .xw_tj li.curr .pd .em {
	display: block
}
.fenye {
	padding: 30px 0;
	text-align: center;
	overflow: hidden;
	clear: both
}

.fenye li {
	display: inline-block
}

.fenye a,.fenye span {
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	padding: 12px 17px;
	font-size: 14px;
	color: #414141;
	background: #fff;
	margin-bottom: 5px;
	margin-right: 8px
}

.fenye a:hover,.fenye span.current {
	background:#bf1a20;
	color: #fff
}
/* copy part end*/
/* news show*/
@font-face{font-family:"iconfont";src:url("//at.alicdn.com/t/font_1067437_djl6t0lnsvn.eot?t=1561693380337");src:url("../fonts/font_1067437_djl6t0lnsvn.eot") format("embedded-opentype"),url("../fonts/a327cb1fecb94638825e818d48d64f36.woff") format("woff2"),url("../fonts/font_1067437_djl6t0lnsvn.woff") format("woff"),url("../fonts/font_1067437_djl6t0lnsvn.ttf") format("truetype"),url("../fonts/font_1067437_djl6t0lnsvn.svg") format("svg")}.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-shouzhong:before{content:"\e60e"}.icon-arrow-left:before{content:"\e6f4"}.icon-arrow-right:before{content:"\e6f5"}.icon-54:before{content:"\e6f7"}.icon-chanpinzhengce:before{content:"\e652"}.icon-weixin:before{content:"\e637"}.icon-mianfei:before{content:"\e62f"}.icon-iconfontzhizuobiaozhun16:before{content:"\e60f"}.icon-jiahao:before{content:"\e630"}.icon-play:before{content:"\e865"}.icon-dianhua:before{content:"\e62a"}.icon-shouhou:before{content:"\e631"}.icon-shouqian:before{content:"\e617"}.icon-close:before{content:"\e60b"}.icon-tel:before{content:"\e65b"}.icon-arrow-l:before{content:"\e788"}.icon-arrow-r:before{content:"\e789"}.icon-dianhua1:before{content:"\e605"}.icon-play1:before{content:"\e64c"}.icon-Group-:before{content:"\e696"}.icon-jianhao:before{content:"\e601"}.icon-alibaba:before{content:"\e632"}.icon-Eatrh-Support:before{content:"\eb2d"}.icon-tianmaoT:before{content:"\e600"}.icon-VR:before{content:"\e6ac"}.icon-menu:before{content:"\e603"}.icon-history:before{content:"\e606"}.icon-sun:before{content:"\e607"}.icon-paragraph:before{content:"\e608"}
.crumbs {
	line-height: 24px;
	padding: 28px 0;
	border-bottom: 1px solid rgba(255,255,255,0.45);
	margin-bottom: 65px;
	font-size: 12px
}

.crumbs a {
	color: #fff;
}

.crumbs a:hover {
	text-decoration: underline
}

.crumbs em {
	color: #fff;
	margin: 0 3px
}

.crumbs span {
	color: #ffffff
}

.news_info {
	position: relative
}

.news_info .news {
	padding: 0 0 100px 0
}

.news_info .news_fr {
	padding-top: 390px
}

.news_infobg {
	position: absolute; overflow:hidden; padding-bottom:35%;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: -1
}

.newsi_tit {
	margin-bottom: 100px
}

.newsi_tit .h3 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #fff
}

.newsi_tit .em {
	color: #fff;
	font-size: 12px
}

.newsi_con {
	background: #fff;
	padding: 0 0px 100px 0px;
	margin-right: 30px
}

.newsi_con .img {
	position: relative;
	transform: translateY(-40px)
}

.newsi_con .img img {
	width: 100%;
	height: auto;
	display: block
}

.newsi_con .text {
	font-size: 14px;
	color: #555555;
	line-height: 2;
	padding: 30px;
}
.newsi_con .text iframe,.newsi_con .text video,.newsi_con .text audio{
	max-width:100% !important;
}
.newsi_con .text img {
	max-width: 100%;
	height: auto !important;
	display: block;
	margin: 0 auto
}

.newsi_m {
	padding-top: 20px
}

.newsi_m ul {
	margin-right: -10px
}

.newsi_m li {
	float: left;
	width: 50%
}

.newsi_m i {
	position: absolute;
	width: 46px;
	height: 60px;
	text-align: center;
	color: #000
}

.newsi_m .pd {
	background: #fff;
	margin-right: 10px;
	display: block;
	height: 60px;
	line-height: 60px;
	position: relative;
	overflow: hidden
}

.newsi_m .pd:hover {
	background: #bf1a20;
	color: #fff
}

.newsi_m .pd:hover i {
	color: #fff
}

.newsi_m .li1 .pd {
	text-align: left;
	padding-left: 46px
}

.newsi_m .li1 i {
	left: 0px
}

.newsi_m .li2 .pd {
	text-align: right;
	padding-right: 46px
}

.newsi_m .li2 i {
	right: 0px
}
/* news show end */

/* pro */
.py_proshow_sub{ background:#f5f5f5;}
.py_proshow_sub>div>.fl{ width:20%;}
.py_proshow_sub>div>.fl>hgroup{ font-size:18px; line-height:2.5; color:#fff; padding:0 10px; text-indent:1.1em; background:url(../images/dots.png) 13px center no-repeat #bf1a20; background-size:10px}
.py_proshow_sub_ul{ padding:0.1rem; background:#fff; margin-bottom:0.1rem; border:1px solid #eee;}
.py_proshow_sub_ul li{ display:block; border-bottom:1px solid #eee;}
.py_proshow_sub_ul li>a{ display:block; line-height:2.5; cursor:pointer;}
.py_proshow_sub_ul li>a>i{ display:inline-block; vertical-align:middle; background:#bf1a20; width:2px; height:11px; margin-right:5px;}
.py_proshow_sub_ul li dl{ display:none; transition:all 0.4s; text-indent:1em;}
.py_proshow_sub_ul li dl>dd{ line-height:2;}
.py_proshow_sub_ul li dl>dd>a{ display:block;}
.py_proshow_sub_ul li dl>dd>a>i{ display:inline-block; width:3px; height:3px; background:#999; vertical-align:middle; margin-right:5px;}
.py_proshow_sub_ul li dl.on{ display:block;}
.py_pro_tj{ border:1px solid #eee; background:#fff; padding:0.1rem; margin-bottom:0.1rem;}
.py_pro_tj .tit2{ font-size:17px; border-left:2px solid #bf1a20; line-height:1; text-indent:0.5em; margin-bottom:12px;}
.py_pro_tj>ul{ border-top:1px solid #eee; padding-top:0.1rem;}
.py_pro_tj>ul .text{ font-size:14px; line-height:2.5;}
.py_pro_tj>ul>li{ margin-bottom:0.1rem;}
.py_pro_tj .img_cut,.py_case_tj .img_cut{ width:100%; display:block;}
.py_case_tj{ border:1px solid #eee; background:#fff; padding:0.1rem; margin-bottom:0.1rem;}
.py_case_tj .tit2{ font-size:17px; border-left:2px solid #bf1a20; line-height:1; text-indent:0.5em; margin-bottom:12px;}
.py_case_tj>#news_case{ border-top:1px solid #eee; padding-top:0.1rem;}
.py_case_tj>#news_case .text{ font-size:14px; line-height:2.5;}

.py_ewm_tj{ border:1px solid #eee; background:#fff; padding:0.1rem; margin-bottom:0.1rem;}
.py_ewm_tj .tit2{ font-size:17px; border-left:2px solid #bf1a20; line-height:1; text-indent:0.5em; margin-bottom:12px;}
.py_ewm_tj strong{ display:block; font-weight:normal; line-height:2.5; text-align:center;}
.py_ewm_tj>.pd{ padding-top:0.1rem; border-top:1px solid #eee; margin-top:0.1rem;}
.pr_ban{ height:100%; background:url(../images/pr_ban.jpg) center/cover;}
.pro_big_wrap{ position:relative;}
.pro_big_wrap>img{ width:100%;}
.pro_cate{ position:absolute; left:0; top:0; width:100%; height:100%; padding:0 0.8rem; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;}
.pro_cate>div{ width:100%;}
.pro_cate>div>hgroup{ color:#fff; position:relative; z-index:2;}
.pro_cate>div>hgroup h1{ font-family:Family; text-transform:uppercase; font-size:0.2rem; position:relative;}
.pro_cate>div>hgroup h1:before{ position:absolute; width:0.3rem; height:1px; background:#bf1a20; content:''; left:-0.4rem; top:0.13rem;}
.pro_cate>div>hgroup h2{ font-size:0.1rem; padding:0.05rem 0; font-family:Pingfang;}
.pro_cate>figure{ position:absolute; left:0; top:0; background:rgba(0,0,0,0.7); width:100%; height:100%; opacity:0; transition:all 0.4s;}
.pro_cate:hover>figure{ opacity:1;}
.pro_cate_list{ position:relative; z-index:2; padding:0.1rem 0 0.2rem 0;}
.pro_cate_list li{ float:left; width:23%; margin-right:2%; position:relative; border:1px solid #fff;}
.pro_cate_list li .t1{ padding-bottom:60%; background-position:center; background-size:cover; background-repeat:no-repeat; position:relative;}
.pro_cate_list li .t1 span{ display:-webkit-box; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.7); -webkit-box-align:center; font-size:25px; -webkit-box-pack:center; color:#fff; -webkit-transform:scale(0.75,0.75); opacity:0; transition:all 0.4s;}
.pro_cate_list li a:hover .t1 span{ -webkit-transform:scale(1,1); opacity:1;}
.pro_cate .more_btn{ display:inline-block; padding:0 0.2rem; line-height:2.5; border:1px solid #fff; color:#fff!important; position:relative; z-index:2; transition:all 0.4s;}
.pro_cate .more_btn:hover{ background:#bf1a20; border-color:#bf1a20;}
.pro_cate>div>article{ height:0; overflow:hidden; transition:all 0.4s;}
.pro_cate:hover>div>article{ height:2rem;}
/* pro_list */
.pl_sub a img{ display:block; margin:0 auto; width:auto; height:38px;}
.pl_sub a img:nth-child(2){ display:none;}
.pl_sub a.on img:nth-child(1),.pl_sub a:hover img:nth-child(1){ display:none;}
.pl_sub a.on img:nth-child(2),.pl_sub a:hover img:nth-child(2){ display:block;}
.pl_search_wrap{ padding:0.5rem;}
.pl_search_wrap>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.pl_search_wrap>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.pl_search_wrap>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.pl_search_wrap>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.pl_filter_list{ padding:0.3rem 0 0.1rem 0;}
.pl_filter_list li{ float:left; width:24%; margin-right:1.333%;}
.pl_filter_list li a{ cursor:pointer; display:block; border:1px solid #aaa; text-align:center; padding:0.12rem 0; position:relative; font-size:16px;}
.pl_filter_list li a img{ display:block; height:50px; margin:0 auto;}
.pl_filter_list li a p{ padding:10px 0 0 0;}
.pl_filter_list li a span{ position:absolute; left:0; top:0; width:100%; height:100%; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; background:#bf1a20; color:#fff; font-size:20px; transition:all 0.4s; opacity:0; visibility:hidden;}
.pl_filter_list li:hover a span,.pl_filter_list li.on a span{ opacity:1; visibility:visible;}
.pl_filter_list li:last-child{ margin-right:0;}
.pl_second_sub li{ background:#2e2e2e; text-align:center; display:none;}
.pl_second_sub li.on{ display:block;}
.pl_second_sub li a{ font-size:12px; display:inline-block; color:#fff; position:relative; line-height:3; margin:0 0.1rem; padding:0 0.05rem; transition:all 0.4s;}
.pl_second_sub li a:after{ position:absolute; left:0; bottom:0px; height:3px; content:''; width:0; background:#bf1a20; transition:all 0.4s;}
.pl_second_sub li a:hover{ color:#bf1a20;}
.pl_second_sub li a:hover:after{ width:100%;}
.pl_item_list{ padding:0.4rem 0 0 0;}
.pl_item_list ul li{ width:31.333%; float:left; margin-right:3%; margin-bottom:4%;}
.pl_item_list ul li a{ display:block; overflow:hidden;}
.pl_item_list ul li a>div{ padding-bottom:70%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 0.4s;}
.pl_item_list ul li a:hover>div{ -webkit-transform:scale(1.1,1.1);}
.pl_item_list ul li>a:nth-child(2){ padding:0.1rem 0 12px 0; font-size:16px;}
.pl_item_list ul li>a:nth-child(2)>span:nth-child(2){ display:inline-block; border:1px solid #888; text-transform:uppercase; padding:5px 12px; font-size:12px; font-family:Arial;}
.pl_item_list ul li:nth-child(3n){ margin-right:0;}
/* pro show */
.py_dream{ padding:0.5rem; background:#333; color:#fff; text-align:center;}
.py_dream>h1{ font-size:0.2rem;}
.py_dream>h2{ font-size:16px; line-height:3; margin-bottom:0.15rem;}
.py_dream>a{ width:0.8rem; line-height:2.7; border:1px solid #eee; margin:0 auto; display:block; color:#fff; position:relative; transition:all .4s;}
.py_dream>a i{ font-style:normal; position:relative; z-index:2;}
.py_dream>a::before{ width:0; height:100%; background:#bf1a20; transition:all .4s; content:''; position:absolute; left:0; top:0;}
.py_dream>a:hover::before{ width:100%;}
.py_dream>a:hover{ border-color:#bf1a20;}
.ps_ban{ background:url(../images/pshowbg.jpg) center/cover; padding:0.15rem 0.5rem 0;}
.pshow_wrap{ background:#fff; width:100%; max-width:1300px; margin:0 auto;}
.pshow_wrap .leftzone{ width:50%; float:left;}
.pshow_wrap .leftzone .t1{ padding-bottom:70%; background-size:cover; background-position:center;}
.pshow_wrap .leftzone .t2{ padding:12px; background:#eeeff0;}
.pshow_wrap .rightzone{ width:50%; float:right; padding:0.2rem;}
.pshow_wrap .rightzone .t3 h1{ font-size:18px; padding-bottom:12px; border-bottom:1px solid #ddd; font-weight:bold;}
.pshow_wrap .rightzone .t3>.div{ line-height:2; padding:0.2rem 0; border-bottom:1px solid #ddd;}
.pshow_wrap .rightzone .t3>.rspsv{ padding-top:0.3rem;}
.pshow_wrap .rightzone .t4{ text-align:center; padding:0.2rem 0 0 0;}
.pshow_wrap .rightzone .t4 a{ display:inline-block; border:1px solid #aaa; line-height:2.5; padding:0 0.15rem; margin:0 0.1rem; transition:all 0.4s;}
.pshow_wrap .rightzone .t4 a:hover{ background:#ff0000; border-color:#ff0000; color:#fff;}
.pshow_detail{ width:78%; background:#fff;}
.pshow_detail img{ max-width:100%; display:block; margin:0 auto;}
#pshow_swipe .swiper-slide{ width:32%; margin-right:2%; cursor:pointer;}
#pshow_swipe .swiper-slide.on{ border:3px solid #bf1a20;}
#pshow_swipe .swiper-slide a{ display:block; padding-bottom:60%; background-size:cover; background-position:center;}
.ps_appo{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99; display:none;}
.ps_appo .t1{ padding:10% 10% 0;}
.ps_appo .t2{ background:#fff; margin:0 auto; max-width:1300px; position:relative;}
.ps_appo .t2 .fl{ width:50%; padding:0.3rem 0.3rem 0; position:relative;}
.ps_appo .t2 .fr{ max-width:50%;}
.ps_appo .t2 h1{ text-align:center; font-size:24px;}
.ps_appo .t2 h2{ line-height:1.8; padding:10px 0 30px 0; text-align:center;}
.ps_appo .t2 .ip1{ padding-bottom:10px;}
.ps_appo .t2 .ip1 input{ display:block; -webkit-appearance:none; border:1px solid #eee; padding:10px; width:49.5%;}
.ps_appo .t2 .ip3 input{ display:block; -webkit-appearance:none; border:none; padding:10px; width:100%; margin:0 auto; cursor:pointer; background:#bb0009; color:#fff;}
.ps_appo .t2 .ip2 textarea{ display:block; -webkit-appearance:none; border:1px solid #eee; padding:10px; width:100%;}
.ps_appo .t2 .ip2{ margin-bottom:0.2rem;}
.ps_appo .t2 .cls_appo{ position:absolute; right:-0.3rem; top:-0.3rem; cursor:pointer;}

/* contact */
.ct_ban{ height:100%; background:url(../images/ct_ban.jpg) center/cover;}
.ct_blocks{ padding:0.5rem;}
.ct_blocks>div>.t1{ color:#888; padding:0.15rem 0 0.05rem 0;}
.ct_blocks>div>.t2{ color:#888; padding:0.05rem 0 0 0;}
.ct_blocks>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.ct_blocks>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.ct_blocks>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.ct_blocks>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.ct_blocks_list li{ width:25%; float:left; padding-bottom:25%; background:#f3f3f3; position:relative; border-right:1px solid #fff;}
.ct_blocks_list li:before{ position:absolute; opacity:0; width:0; height:100%; background:#bf1a20; content:''; left:0; top:0; transition:all 0.4s;}
.ct_blocks_list li:hover:before{ width:100%; opacity:1;}
.ct_blocks_list li a{ position:absolute; left:0; top:0; width:100%; height:100%; padding-top:24%; transition:all 0.4s; text-align:center;}
.ct_blocks_list li a:hover{ color:#fff;}
.ct_blocks_list li a i{ display:block; background-size:100% auto; background-repeat:no-repeat; background-position:left top; transition:all 0.4s; width:62px; height:62px; margin:0 auto;}
.ct_blocks_list li a:hover i{ background-position:left bottom;}
.ct_blocks_list li:nth-child(1) a i{ background-image:url(../images/ci1.png);}
.ct_blocks_list li:nth-child(2) a i{ background-image:url(../images/ci2.png);}
.ct_blocks_list li:nth-child(3) a i{ background-image:url(../images/ci3.png);}
.ct_blocks_list li:nth-child(4) a i{ background-image:url(../images/ci4.png);}
.ct_blocks_list li a .p1{ font-size:0.13rem; padding:0.12rem 0 0 0;}
.ct_blocks_list li a .p2{ padding:0.03rem 0 0 0;}
.ct_service{ padding:0.5rem; background:url(../images/ct3.jpg) center/cover;}
.ct_service>hgroup{ padding-left:0.3rem;}
.ct_service>hgroup h1{ font-family:Family; font-size:0.2rem; position:relative;}
.ct_service>hgroup h1:before{ position:absolute; width:0.3rem; height:1px; background:#bf1a20; content:''; left:-0.4rem; top:0.13rem;}
.ct_service>hgroup h2{ font-family:Pingfang; font-size:16px; padding-bottom:0.15rem;}
.ct_service>hgroup h3{ color:#888; line-height:1.8; width:2.5rem;}
.ct_service_list{ padding:0.5rem 0 0 0.3rem;}
.ct_service_list li{ float:left; margin-right:20px; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; width:1.2rem; height:1.2rem; background:#fff; transition:all 0.4s;}
.ct_service_list li:hover{ background:#bf1a20;}
.ct_service_list li a{ display:block; cursor:pointer;}
.ct_service_list li a p:nth-child(2){ font-size:16px; padding:15px 0 5px 0;}
.ct_service_list li a p:nth-child(3){ font-size:12px; color:#888;}
.ct_service_list li a i{ display:block; width:48px; height:48px; background-position:left top; background-repeat:no-repeat; background-size:100% auto; margin:0 auto; transition:all 0.4s;}
.ct_service_list li:nth-child(1) a i{ background-image:url(../images/c21.png);}
.ct_service_list li:nth-child(2) a i{ background-image:url(../images/c22.png);}
.ct_service_list li:hover>a p{ color:#fff;}
.ct_service_list li:hover>a i{ background-position:left bottom;}

    .ct_service.show_dialog { z-index: 7777 }
    .ct_service .s-i_c-dialog { display: none; position: fixed; top: 0; left: 0; z-index: 77777; width: 100%; height: 100%; background: rgba(0,0,0,.8); overflow-x: hidden; overflow-y: auto }
    .ct_service .s-i_c-dialog.show .content { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none }
    .ct_service .s-i_c-dialog.hide .content { opacity: 0; visibility: hidden; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) }
    .ct_service .dialog-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 100% }
    .ct_service .dialog-content::-webkit-scrollbar { display: none }
    .ct_service .dialog-content .content { margin: 5% auto; padding: 5%; width: 90%; max-width: 930px; background: #fff; opacity: 0; visibility: hidden; -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
    .ct_service .dialog-c_item { display: none }
    .ct_service .dialog-c_item.z { display: block }
    .ct_service .icon-close1 { position: relative; top: -50px; right: -50px; display: block; text-align: right; cursor: pointer }
        .ct_service .icon-close1:hover .icon-svg { fill: #e67015 }
    .ct_service .icon-close1 .icon-svg { width: 30px; height: 30px; fill: #6a6a6a; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }
    .ct_service .dialog-head { border-bottom: 1px solid #d2d2d2; padding: 0 0 4.5%; text-align: center; color: #000 }
    .ct_service .dialog-head .title { font-family: Arial,sans-serif; font-size: 30px; font-weight: 700; line-height: 1.2; text-transform: uppercase }
    .ct_service .dialog-head .name { font-size: 18px; line-height: 25px }
    .ct_service .dialog-body { padding: 3% 0 0; font-size: 14px; line-height: 30px; color: #666 }


.ct_knowledge{ padding:0.5rem; background:url(../images/ct4.jpg) center/cover; color:#fff;}
.ct_knowledge>hgroup>h1{ font-family:Family; text-transform:uppercase; font-size:0.22rem;}
.ct_knowledge>hgroup>h2{ font-size:0.1rem; padding:0.1rem 0 0.05rem 0; font-family:Pingfang;}
.ct_knowledge>hgroup>h2 img{ display:inline-block; vertical-align:middle;}
.ct_knowledge>hgroup>h3{ font-family:Family; text-transform:uppercase; letter-spacing:0.05rem; font-size:12px;}
.ct_knowledge_list{ width:100%; max-width:900px; margin:0 auto; display:block; position:relative; padding:0.3rem 0 0 0;}
.ct_knowledge_list li{ width:12%; margin-right:10%; float:left; cursor:pointer; padding-bottom:0.15rem; position:relative;}
.ct_knowledge_list li:after{ position:absolute; left:50%; margin-left:-5px; border-top:6px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; content:''; bottom:0; box-sizing:border-box; opacity:0; visibility:hidden;}
.ct_knowledge_list li.on:after{ opacity:1; visibility:visible;}
.ct_knowledge_list li:last-child{ margin-right:0;}
.ct_knowledge_list li i{ display:block; width:100%; padding-bottom:100%; margin:0 auto; position:relative;}
.ct_knowledge_list li i:before{ position:absolute; left:0; top:0; background:#bf1a20; content:''; -webkit-transform:scale(0,0); transition:all 0.4s; width:100%; height:100%; border-radius:50%;}
.ct_knowledge_list li i:after{ position:absolute; left:0; top:0; border-radius:50%; box-sizing:border-box; content:''; width:100%; height:100%; border:2px solid #bbb; background-position:center; background-repeat:no-repeat; background-size:auto 40px; z-index:2;}
.ct_knowledge_list li:hover>i:before,.ct_knowledge_list li.on>i:before{ -webkit-transform:scale(1,1);}
.ct_knowledge_list li:nth-child(1) i:after{ background-image:url(../images/c31.png)}
.ct_knowledge_list li:nth-child(2) i:after{ background-image:url(../images/c32.png)}
.ct_knowledge_list li:nth-child(3) i:after{ background-image:url(../images/c33.png)}
.ct_knowledge_list li:nth-child(4) i:after{ background-image:url(../images/c34.png)}
.ct_knowledge_list li:nth-child(5) i:after{ background-image:url(../images/c35.png)}
.ct_knowledge_list li p{ color:#fff; padding:15px 0 0 0; text-align:center;}
.ct_knowledge_li{ width:100%; max-width:900px; margin:0.2rem auto 0 auto; display:block; position:relative;}
.ct_knowledge_li li{ background:#464646; padding:0.15rem; line-height:2.2; color:#aaa; font-size:12px; display:none;}
.ct_knowledge_li li.on{ display:block;}
.ct_find_store>hgroup{ padding:0.3rem 0.8rem;}
.ct_find_store>hgroup h1{ font-family:Family; text-transform:uppercase; font-size:0.2rem; position:relative;}
.ct_find_store>hgroup h1:before{ position:absolute; width:0.3rem; height:1px; background:#bf1a20; content:''; left:-0.4rem; top:0.13rem;}
.ct_find_store>hgroup h2{ font-size:0.1rem; padding:0.05rem 0; font-family:Pingfang;}
.ct_find_store_result{ background:url(../images/ct5.jpg) center/cover; padding:0.5rem 0.8rem;}
.ct_find_store_result .leftzone{ max-width:50%;}
.ct_find_store_result .rightzone{ color:#fff; width:40%;}
.ct_find_store_result .rightzone h1{ background:url(../images/loca.png) left center no-repeat; text-indent:1.2em;}
.ct_find_store_result .rightzone h2{ font-size:0.2rem; padding:0.05rem 0;}
.ct_find_store_result .rightzone>.t1{ line-height:2; padding:0.05rem 0; margin-bottom:0.2rem;}
.ct_find_store_result .rightzone h3 a{ display:inline-block; border:1px solid #bf1a20; color:#fff; line-height:3; padding:0 0.1rem; transition:all 0.4s;}
.ct_find_store_result .rightzone h3 a:hover{ background:#bf1a20;}


/* join */
.join_com_tit{ text-align:center;}
.join_com_tit>h1{ font-family:Pingfang; font-size:0.18rem;}
.join_com_tit>h2{ font-family:Family; font-size:0.1rem; text-transform:uppercase; padding:10px 0;}
.join_com_tit>h2 img{ display:inline-block; vertical-align:middle; margin-left:15px;}
.join_com_tit>h3{ font-size:0.09rem; font-family:Pingfang; padding-bottom:0.3rem;}
.join_com_tit2{ text-align:center; color:#fff;}
.join_com_tit2>h1{ font-family:Pingfang; font-size:0.18rem;}
.join_com_tit2>h2{ font-family:Family; font-size:0.1rem; text-transform:uppercase; padding:10px 0;}
.join_com_tit2>h2 img{ display:inline-block; vertical-align:middle; margin-left:15px;}
.join_com_tit2>h3{ font-size:0.08rem; font-family:Pingfang; padding-bottom:0.3rem;}
.join_brand{ background:#f5f5f5; padding:0.5rem;}
.join_brand ul li{ float:left; width:12%; cursor:pointer; margin-right:0.5714%; text-align:center; background:#fff; padding:0.12rem 0; transition:all 0.4s;}
.join_brand ul li:hover{ background:#bf1a20;color:#fff;}
.join_brand ul li i{ display:block; width:80px; height:40px; margin:0 auto 15px auto;background-repeat:no-repeat;background-size:40px;background-position:top center;}
.join_brand ul li:hover i{ background-position:bottom center; }
.join_brand ul li:last-child{ margin-right:0;}
#join_brand_li_page .swiper-pagination-bullet-active{ background:#fff;}
#join_brand_li{ height:3rem; margin-bottom:10px;}
#join_brand_li .clrafter{ height:100%;}
#join_brand_li .clrafter>.fl{ background:#2d2d2d; width:25%; height:100%; color:#fff; padding:0.2rem; position:relative;}
#join_brand_li .clrafter>.fl>h1{ font-size:30px; padding-top:30px;}
#join_brand_li .clrafter>.fl>h2{ font-size:16px; padding:5px 0 15px 0;}
#join_brand_li .clrafter>.fl>h6{ display:block; width:40px; height:2px; background:#ccc; margin:10px 0;}
#join_brand_li .clrafter>.fl>h3{ font-size:16px; line-height:2; padding:30px 0;}
#join_brand_li .clrafter>.fl>h4{ position:absolute; left:0; bottom:0; padding:0 0.2rem 0.2rem; width:100%; color:#8b8b8b; font-family:Family;}
#join_brand_li .clrafter>.fl>h4>em{ display:block; font-size:18px;}
#join_brand_li .clrafter>.fl>h4>em:nth-child(1){ font-size:24px;}
#join_brand_li .clrafter>.fl>h1>i{ font-style:normal; font-family:Family; font-size:14px; text-transform:uppercase;}
#join_brand_li .clrafter>.fr{ width:75%; height:100%;}
#join_brand_li .clrafter>.fr .swiper-container{ height:100%; width:100%;}
#join_brand_li .clrafter>.fr .swiper-container .swiper-slide{width:100%; background-size:cover; background-position:center bottom;}
.join_view{ padding:0.5rem; background:url(../images/jvbg.jpg) center/cover; margin-bottom:0.25rem;}
.join_view ul li{ float:left; width:32%; margin-right:2%; background:#fff; text-align:center; overflow:hidden; cursor:pointer;}
.join_view ul li>div{ transition:all 0.4s; position:relative;}
.join_view ul li:hover>div:nth-child(1){ margin-top:-15px;}
.join_view ul li>div:nth-child(2){ padding:0.15rem;}
.join_view ul li:hover>div:nth-child(2){ background:#c01920; color:#fff;}
.join_view ul li>div:nth-child(2)>h1{ font-size:25px;}
.join_view ul li>div:nth-child(2)>h2{ padding:10px 0 0 0; line-height:1.8; color:#888; transition:all 0.4s;}
.join_view ul li:hover>div:nth-child(2)>h2{ color:#fff; padding-bottom:15px;}
.join_view ul li img{ width:100%;}
.join_view ul li:last-child{ margin-right:0;}
.join_reason{ background:#e4e4e4;margin-bottom: 0rem;}
.join_reason>.fl{ width:35%;}
.join_reason>.fr{ width:65%; padding:4% 2% 0 7%;}
.join_reason>.fr>h1{ font-size:0.15rem; position:relative;}
.join_reason>.fr>h1:before{ position:absolute; width:0.25rem; height:1px; background:#bf1a20; content:''; left:-0.3rem; top:0.17rem;}
.join_reason>.fr>h1>strong{ font-size:0.21rem; font-weight:normal;}
.join_reason>.fr>h2{ font-family:Pingfang; padding-bottom:20px;}
.join_reason>.fr>ul{ padding-bottom:20px;}
.join_reason>.fr>ul>li:nth-child(1){ font-size:14px; line-height:1.8;}
.join_reason>.fr>ul>li:nth-child(2){ color:#777; font-size:12px; line-height:1.8;}
.join_style{ padding:0.5rem; background:url(../images/js1.jpg) center/cover; margin-bottom:0.3rem;}
.join_style>ul{ max-width:1500px; margin:0 auto;}
.join_style>ul li{ width:16%; float:left; margin-right:0.5714%; border:1px solid #eee; color:#fff; padding-bottom:12%; position:relative; transition:all 0.4s;}
.join_style>ul li:after{ content:'+'; position:absolute; color:#fff; right:10%; bottom:10%; font-family:Family; font-size:0.2rem; transition:all 0.4s;}
.join_style>ul li:hover{ background:#bf1a20;}
.join_style>ul li:hover:after{ -webkit-transform:rotate(45deg);}
.join_style>ul li>a{ color:#fff; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; padding:10%;}
.join_style>ul li>a>p:nth-child(1){ font-size:16px;}
.join_style>ul li>a>p:nth-child(2){ font-size:12px; font-family:Pingfang; display:block; width:70%; padding-top:10px;}
.join_style>ul li:last-child{ margin-right:0;}
.join_custom>.fl{ width:50%;}
.join_custom>.fl>ul li{ display:none;}
.join_custom>.fl>ul li.on{ display:block;}
.join_custom>.fr{ width:50%; background:url(../images/jcs2.jpg) center/cover; position:relative; padding-bottom:54.35%;}
.join_custom>.fr>ul{ width:100%; height:100%; position:absolute; left:0; top:0;}
.join_custom>.fr>ul li{ float:left; width:33.333%; height:33.333%; padding-top:12%; border-right:1px solid #999; text-align:center; color:#fff; transition:all 0.4s;}
.join_custom>.fr>ul li:hover,.join_custom>.fr>ul li.on{ background:#bf1a20;}
.join_custom>.fr>ul li img{ display:block; margin:0 auto; height:34px;}
.join_custom>.fr>ul li p:nth-child(2){ font-size:15px; padding:10px 0 0 0; font-weight:bold;}
.join_custom>.fr>ul li p:nth-child(3){ font-size:12px; line-height:1.8; padding:5px 0 0 0;}
.join_custom>.fr>ul li:nth-child(3n){ border-right:none;}
.join_custom>.fr>figure{ position:absolute; left:0; top:33.333%; width:100%; height:33.333%; background:rgba(255,255,255,0.7); text-align:center; z-index:3;}
.join_custom>.fr>figure>h1{ color:#fff; font-family:Family; font-size:0.25rem; text-transform:uppercase; padding-top:7.5%;}
.join_custom>.fr>figure>h2{ color:#111; font-family:Pingfang; font-size:0.18rem;}
.join_custom>.fr>figure>h3{ padding-top:2%;}
.join_seven{ background:#f5f5f5; padding:0.5rem;}
.join_seven>article{ padding-top:0.3rem; max-width:1500px; margin:0 auto;}
.join_seven>article>.uli1{ width:25%;}
.join_seven>article>.uli1 li{ text-align:center; background:#fff; border-bottom:1px solid #f5f5f5; line-height:5.8; cursor:pointer;}
.join_seven>article>.uli1 li>i{ transition:all 0.4s; opacity:0;}
.join_seven>article>.uli1 li>i:nth-child(1){ margin-right:15px;}
.join_seven>article>.uli1 li>i:nth-child(2){ margin-left:15px;}
.join_seven>article>.uli1 li.on i{ margin:0; opacity:1;}
.join_seven>article>.uli1 li.on{ background:#bf1a20; color:#fff;}
.join_seven>article>.uli2{ width:75%; height:574px;}
.join_seven>article>.uli2 li{ display:none; width:100%; height:100%;}
.join_seven>article>.uli2 li.on{ display:block;}
.join_seven>article>.uli2 img{ width:100%;}
.join_case{ background:#313131; padding:0.5rem 0.5rem 0.45rem;}
.join_case_new{ max-width:1500px; margin:0 auto;}
.join_case_new li{ float:left; position:relative; width:32.33%; margin-right:1.5%; margin-bottom:1.5%;}
.join_case_new li.long_one{ width:66.16%;}
.join_case_new li.long_one .pics{ padding-bottom:63.85%;}
.join_case_new li.no_mar{ margin-right:0;}
.join_case_new li:nth-child(3n){ margin-right:0;}
.join_case_new li .pics{ padding-bottom:63%; transition:all 0.4s;}
.join_case_new li a{ display:block; overflow:hidden; position:relative;}
.join_case_new li a>h1{ position:absolute; left:0; bottom:0; width:100%; line-height:3; font-size:0.08rem; color:#fff; text-align:center; background:-webkit-linear-gradient(bottom,rgba(21,21,21,1),rgba(21,21,21,0));}
.join_case_new li a:hover .pics{ -webkit-transform:scale(1.1,1.1);}
.join_adv{ background:#f5f5f5; padding:0.5rem;text-align:center;}
.join_partner{ background:url(../images/jpartner.jpg) center/cover no-repeat; padding:0.5rem; color:#fff;}
.join_partner>dl{ max-width:1300px; margin:0 auto 0.2rem auto; padding-bottom:0.15rem; display:block; position:relative; border-bottom:1px solid #444;}
.join_partner>dl:last-child{ border-bottom:none;}
.join_partner>dl>dt{ width:20%; float:left; font-size:18px;}
.join_partner>dl>dd{ width:80%; float:right;}
.join_partner>dl>dd>a{ display:inline-block; width:18%; text-align:center; margin-right:1%; margin-bottom:0.05rem;}
.join_partner>dl>dd>a p{ padding:8px 0 0 0; color:#fff;}
.join_school{ background:#f5f5f5; padding:0.5rem 0.5rem 0.3rem;}
.join_school .uli1{ margin-bottom:10px;}
.join_school .uli1 li{ display:none;}
.join_school .uli1 li.on{ display:block;}
.join_school .uli2 li{ width:24%; float:left; margin-right:1.333%; padding-bottom:16%; cursor:pointer; border:3px solid #f5f5f5;}
.join_school .uli2 li.on{ border-color:#bf1a20;}
.join_school .uli2 li:last-child{ margin-right:0;}
.join_market{ background:url(../images/jmarket.jpg) right bottom no-repeat; padding:0.5rem;}
.join_open{ background:#f5f5f5; padding:0.5rem;}
.join_open>.wrap1300{ padding-top:0.3rem;}
#join_open_swipe .swiper-slide>.fl{ width:100%;}
#join_open_swipe .swiper-slide>.fr{ width:25%; background:#fff; padding-bottom:37.5%; position:relative;}
#join_open_swipe .swiper-slide>.fr>figure{ position:absolute; left:0; top:0; width:100%; height:100%; padding:0.2rem 0.2rem 0;}
#join_open_swipe .swiper-slide>.fr>figure>h1{ font-size:20px;}
#join_open_swipe .swiper-slide>.fr>figure>h2{ height:2px; width:40px; background:#999; margin:15px 0;}
#join_open_swipe .swiper-slide>.fr>figure>h3{ font-size:18px;}
#join_open_swipe .swiper-slide>.fr>figure>h3 i{ font-style:normal; font-size:14px;}
#join_open_swipe .swiper-slide>.fr>figure>h4{ padding-bottom:75%; font-size:16px;}
#join_open_swipe .swiper-slide>.fr>figure>h5{ padding-bottom:5px; font-size:16px;}
#join_open_swipe .swiper-slide>.fr>figure>h6{ font-size:28px; font-weight:bold; color:#fe0009;}
#join_open_swipe_arrow{ position:relative; text-align:center; padding-top:0.2rem;}
#join_open_swipe_prev{ position:relative; display:inline-block; top:auto; left:auto; right:auto; bottom:auto; background:none; margin:0; padding:0; width:auto; height:auto;}
#join_open_swipe_next{ position:relative; display:inline-block; top:auto; left:auto; right:auto; bottom:auto; background:none; margin:0; padding:0; width:auto; height:auto;}
.join_si{ padding:0.5rem 0 0rem 0;}
#join_si_swipe{ background:#000;}
#join_si_swipe .swiper-slide{ width:60%; opacity:0.5;}
#join_si_swipe .swiper-slide-active{ opacity:1;}
#join_si_next{ background:none; right:18.55%;}
#join_si_prev{ background:none; left:18.15%;}
.join_store{ background:#000000; padding:0.5rem 0; color:#fff;}
.join_store>hgroup>h1{ font-size:38px; font-family:Pingfang;}
.join_store>hgroup>h1>strong{ color:#d3a567; font-weight:normal;}
.join_store>hgroup>h3{ line-height:1.8; padding:10px 0 0.3rem 0; font-size:16px;}
.join_store>ul>li{ width:33.333%; float:left; color:#aaa;}
.join_store>ul>li>.fl{ width:50%;}
.join_store>ul>li>.fr{ width:50%;}
.join_store>ul>li p:nth-child(1){ font-family:Pingfang; text-transform:uppercase; font-size:18px; padding:15% 6% 0;}
.join_store>ul>li p:nth-child(2){ font-family:Pingfang; text-transform:uppercase; font-size:13px; padding:1% 6% 0;}
.join_store>ul>li p:nth-child(3){ font-family:Pingfang; text-transform:uppercase; font-size:13px; padding:1% 6% 0;}
.join_seller{ background:#f5f5f5; padding:0.5rem;}
#join_seller_swipe{ padding-bottom:0.3rem;}
#join_seller_swipe .swiper-slide{ width:50%;}
#join_seller_swipe .swiper-slide>dl{ width:100%; float:left; background:#fff; transition:all 0.4s;}
#join_seller_swipe .swiper-slide>dl:hover{ background:#d9d9d9;}
#join_seller_swipe .swiper-slide>dl>dt{ width:100%; float:left; padding-bottom:60%; background-position:center; background-size:cover;}
#join_seller_swipe .swiper-slide>dl>dd{ width:60%; float:left; padding:0.2rem 0.2rem 0; position:relative;}
#join_seller_swipe .swiper-slide>dl>dd>h1{ font-size:20px; padding-bottom:15px;}
#join_seller_swipe .swiper-slide>dl>dd>div{ line-height:1.8; font-size:12px; color:#777;}
#join_seller_swipe .swiper-slide>dl>dd>.remark{ position:absolute; top:2rem; left:0.2rem; line-height:2;}
#join_seller_page .swiper-pagination-bullet-active{ background:#555;}
.join_allnet{ background:url(../images/jnet.jpg) center/cover no-repeat; padding:0.5rem; color:#fff; text-align:center;}
.join_allnet>h1{ font-size:0.17rem;}
.join_allnet>h2{ display:block; margin:0.12rem auto 0.15rem auto; width:42px; height:2px; background:#ccc;}
.join_allnet>h3{ font-size:16px; line-height:1.8; padding-bottom:0.25rem;}
.join_allnet_link a{ display:inline-block; margin:0 0.15rem; border:1px solid #aaa; line-height:2; padding:0 0.15rem; border-radius:0.1rem; transition:all 0.4s; color:#fff;}
.join_allnet_link a:hover{ background:#bf1a20; color:#fff; border-color:#bf1a20;}
.join_future{ padding:0.5rem;}
.join_support{ background:url(../images/jsupport.jpg) center/cover no-repeat; padding:0.5rem; color:#fff;}
.join_support>ul{ max-width:1500px; margin:0 auto; position:relative;}
.join_support>ul li{ float:left; width:24%; margin-right:1.333%; margin-bottom:1.333%; position:relative; padding-bottom:16%; background-color:#fff; text-align:center; transition:all 0.4s; color:#666;}
.join_support>ul li:hover{ background-color:#bf1a20; color:#fff;}
.join_support>ul li>figure{ position:absolute; left:0; top:0; width:100%; height:100%; padding:0.4rem 0 0 0;}
.join_support>ul li>figure>img{ display:block; margin:0 auto; height:36px;}
.join_support>ul li>figure>p{ font-size:18px; padding:0.1rem 0 0 0;}
.join_support>ul li:nth-child(1){ width:48%; padding-bottom:33.33%; background-size:cover; background-position:center;}
.join_support>ul li:nth-child(6){ width:48%;}
.join_support>ul li:nth-child(3),.join_support>ul li:nth-child(5),.join_support>ul li:nth-child(8){ margin-right:0;}
.join_require{ background:#f5f5f5; padding:0.5rem 0 0.3rem;}
.join_require ul li{ float:left; width:33%; margin-right:0.5%; padding-bottom:24%; display:block; position:relative; color:#fff; font-size:18px; cursor:pointer;}
.join_require ul li>figcaption{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; background:rgba(0,0,0,0.6); text-align:center; line-height:1.8; transition:all 0.4s;}
/* .join_require ul li:hover>figcaption{ background:rgba(191,26,32,0.75);} */
.join_require ul li:nth-child(1){ background:url(../images/jr1.jpg) center/cover;}
.join_require ul li:nth-child(2){ background:url(../images/jr2.jpg) center/cover;}
.join_require ul li:nth-child(3){ background:url(../images/jr3.jpg) center/cover;}
.join_require ul li span{ position:absolute; right:0.2rem; top:0.2rem; z-index:2; font-family:Family; font-style:italic; font-size:0.2rem;}
.join_require ul li:last-child{ margin-right:0;}
#join_require_page{ display:none;}
#join_require_page .swiper-pagination-bullet-active{ background:#555;}
.join_progress_m{ display:none;}
.join_progress{ background:url(../images/jprogress.jpg) center/cover no-repeat; padding:0.5rem; color:#fff;}
.join_progress ul{max-width:1300px;width:100%;margin:auto;}
.join_progress>ul li{ width:20%; float:left; padding:0 5% 5% 0; text-align:center; position:relative;}
.join_progress>ul li a{ display:block; border:1px solid #eee; padding:20% 0; color:#fff; transition:all 0.4s; position:relative;}
.join_progress>ul li a>i{ position:absolute; font-family:Family; left:10px; top:10px; ;font-size:35px;}
.join_progress>ul li a:hover{ background:#bf1a20;}
.join_progress>ul li a img{ display:block; height:40px; margin:0 auto 10px auto;}
.join_progress>ul:nth-child(2){ padding-top:0.3rem;}
.join_progress>ul:nth-child(2) li:after{ content:''; position:absolute; background:url(../images/parrow.png) center/contain no-repeat; top:25%; right:7%; width:25px; height:25px;}
.join_progress>ul:nth-child(2) li:last-child:after{ bottom:10%; top:auto; right:58%; -webkit-transform:rotate(90deg);}
.join_progress>ul:nth-child(3) li{ float:right;}
.join_progress>ul:nth-child(3) li:after{ content:''; position:absolute; background:url(../images/parrow.png) center/contain no-repeat; top:25%; right:7%; width:25px; height:25px; -webkit-transform:rotate(180deg);}
.join_progress>ul:nth-child(3) li:first-child:after{ background:none;}
.join_hotspot{ padding:0.5rem; background:#f5f5f5;}
.join_hotspot>article{max-width:1300px;margin:auto;}
.join_hotspot>article>ul{ float:left; width:33.33%; text-align:center; background:#fff;}
.join_hotspot>article>ul li{ display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; width:100%; padding:40px; height:auto; line-height:1.8; border-right:1px solid #ccc; border-bottom:1px solid #ccc; transition:all 0.4s;}
.join_hotspot>article>ul li:hover{ background:#bf1a20; color:#fff;}
.join_hotspot>article>ul li:first-child{ line-height:3.2; color:#fff; background:#bf1a20; font-size:18px;padding:0;height:auto;}

.join_book{ padding:0.5rem; background:url(../images/jbook.jpg) center/cover no-repeat;}
.join_book>form>article{ margin:0.3rem auto 0; background:#fff; max-width:1200px;}
.join_book>form>article>.fr{ max-width:40%;}
.join_book_wrap{ width:60%; padding:0.2rem 0.2rem 0;}
.join_book_wrap>dl{ margin-bottom:0.08rem;}
.join_book_wrap>dl>input{ display:inline-block; outline:none;}
.join_book_wrap>dl>input.ip1{ width:49%; background:#f3f3f3; border:none; padding:12px;}
.join_book_wrap>dl>select{ cursor:pointer; width:32.45%; display:inline-block; background:#f3f3f3; border:none; padding:12px; box-sizing:border-box; -webkit-appearance:none; color:#777; outline:none;}
.join_book_wrap>dl>input.ip3{ width:98.8%; background:#f3f3f3; border:none; padding:12px;}
.join_book_wrap>dl>input.ip5{ background:#bf1a20; color:#fff; cursor:pointer; line-height:2.7; font-size:16px; padding:0 40px; border:none; -webkit-appearance:none;}
.join_book_wrap>dl>textarea.ip4{ width:98.8%; background:#f3f3f3; border:none; padding:12px; min-height:0.5rem; outline:none;}

.is_pc{display:block;}
.is_mobile{display:none;}

@media (max-width: 640px) {
.home_activity_li li a .titpart h2 {    padding: 0.15rem 0 0.16rem 0;}

}