@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{padding:0px; font-family:"Microsoft YaHei",Arial;font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1680{ width:88%;}
@media only screen and (max-width:1920px){
	.width1680{max-width:1680px;}
}
img{max-width:100%; max-height:100%; vertical-align:middle;}

/*pc_lm*/
.pc_lm{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:9999; background-color:#ffffff; background-repeat:no-repeat; background-position:50%; background-size:100% auto; opacity:0; transform:scale(0); transition:all .5s ease;}
.pc_lm.on{ opacity:1; transform:scale(1); transition:all .5s ease;}
@media only screen and (max-width:1920px){
	.pc_lm{ background-size:auto auto;}
}
.pc_lm i.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:0; background-color:rgba(0,0,0,0.75);}
.pc_lm .top{ position:absolute; top:0px; height:10vh; left:0px; right:0px; width:94%; left:3%; z-index:8;}
.pc_lm .top a.t_logo{display:flex;align-items:center; float:left; height:10vh;}
.pc_lm .top div.pc_gb{ position:absolute; right:0px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/gb.png) no-repeat scroll center; cursor:pointer;}

.pc_lm ul{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; overflow:hidden;}
.pc_lm ul li{ float:left; width:20%; height:75vh; padding-top:25vh; background-color:rgba(255,255,255,1.00); border-left:1px solid #eeeeee; margin-left:-1px; margin-right:-1px; transition:all 1s ease;}
@media only screen and (max-width:1920px){
	.pc_lm ul li{ margin-right:0px;}
}
.pc_lm ul li:hover{ background-color:rgba(255,255,255,0); transition:all 1s ease;}
.pc_lm ul li div.c{ width:90%; padding:10vh 5% 0px; text-align:center; position:relative;}
.pc_lm ul li div.c i.x{ position:absolute; width:1px; height:6vh; background-color:#ffffff; top:0px; left:50%; margin-left:-0.5px;}
.pc_lm ul li div.c p{ font-size:60px; color:#cccccc; font-weight:bold; margin:0px;}
.pc_lm ul li div.c ol{ font-size:16px; color:#ffffff; margin-bottom:2vh;}
.pc_lm ul li div.c dd{ margin-bottom:2vh;}
.pc_lm ul li div.c dd a{ display:block; font-size:24px; color:#333333;}
.pc_lm ul li:hover div.c dd a{ color:#ffffff;}
.pc_lm ul li div.c dl{ line-height:4.5vh;}
.pc_lm ul li div.c dl a{ display:block; font-size:16px; color:#999999;}
.pc_lm ul li div.c dl a:hover{ color:#ffffff;}
.pc_lm ul li div.c dl.sj{ display:none;}

/*banner_con*/
.banner_con{ position:absolute; bottom:80px; width:80%; color:#ffffff; z-index:8;}
.banner_con dd{ font-size:36px; position:relative; padding-top:20px;}
.banner_con dd i{ position:absolute; height:2px; width:44px; background-color:#ffffff; left:0px; top:0px;}
.banner_con ol{ font-size:18px; margin:20px 0px 40px;}
.banner_con dl{ overflow:hidden;}
.banner_con dl a{ display:block; float:left; border:1px solid rgba(255,255,255,0.5); height:46px; border-radius:30px; width:192px; line-height:46px; text-align:center; font-size:18px; color:#ffffff; margin-right:20px;}
.banner_con dl a:hover{ border:1px solid #ffffff;}

.banner_sp{ width:100%; height:100vh; overflow:hidden; position:relative;}
.banner_sp video{top:0px; left:0px; right:0px; bottom:0px; position:absolute; z-index:0; width:112%; margin-left:-6%;background-size:cover;}
.banner_sp video::-webkit-media-controls{ display:none !important; }

.banner_sp i.i_bg{ position:absolute; z-index:1; top:0px; left:0px; right:0px; bottom:0px; background-repeat:no-repeat; background-size:100% auto ; background-position:50%; opacity:0;}
@media only screen and (max-width:1920px){
	.banner_sp i.i_bg{ background-size:110%  auto;}
}

/* top_bg */
.top_bg.top_ny{display:block !important;}
.top_bg,.top_bg .width1680,.top_bg .width1680 a.t_logo,.top_bg .width1680 div.r,.top_bg .width1680 div.r a{ height:5.6vh;}
.top_bg{ position:fixed;top:0px; left:0px; right:0px; z-index:999; padding:1.85vh 0px;}
.top_bg .i_so_bg{ top:9.3vh !important;}
.top_bg.on{ background-color:#212121;}
.top_bg .width1680{ position:relative;}
.top_bg .width1680 a.t_logo{ float:left; position:relative; z-index:1;}
.top_bg .width1680 a.l_b,.top_bg.i_top .width1680 a.l_h,.top_bg.now .width1680 a.l_h,.top_bg.so .width1680 a.l_h{ display:block;}
.top_bg .width1680 a.l_h,.top_bg.i_top .width1680 a.l_b,.top_bg.now .width1680 a.l_b,.top_bg.so .width1680 a.l_b{ display:none;}
.top_bg .width1680 .con{ position:absolute; top:0px; bottom:0px; line-height:5.6vh; left:0px; right:0px; text-align:center;}
.top_bg .width1680 .con a{ font-size:16px; color:#ffffff; margin:0px 25px;}
.top_bg .width1680 .con a:hover{ color:#c4152f;}
.top_bg .width1680 div.r{ float:right; width:70px; position:relative; z-index:1;}
.top_bg .width1680 div.r a{ display:block; background-repeat:no-repeat;}
.top_bg .width1680 div.r a.so{ width:30px; float:left; background-image:url(../images/so.png); background-position:left center;}
.top_bg .width1680 div.r a.gb{ width:40px; float:right; background-image:url(../images/lm.png); background-position:right center;}

.top_bg.i_top .width1680 .con a,.top_bg.now .width1680 .con a,.top_bg.so .width1680 .con a{ color:#333333;}
.top_bg.i_top .width1680 .con a:hover,.top_bg.now .width1680 .con a:hover,.top_bg.so .width1680 .con a:hover{ color:#c4152f;}
.top_bg.i_top .width1680 div.r a.so,.top_bg.now .width1680 div.r a.so,.top_bg.so .width1680 div.r a.so{ background-image:url(../images/so2.png);}
.top_bg.i_top .width1680 div.r a.gb,.top_bg.now .width1680 div.r a.gb,.top_bg.so .width1680 div.r a.gb{ background-image:url(../images/lm2.png);}

.top_bg .so_bg{ position:absolute; left:0px; right:0px; background-color:#ffffff; border-top:1px solid #eeeeee; top:100px; padding:35px 0px; display:none;}
.top_bg.so .so_bg{ display:block;}
.top_bg .so_bg form{ display:block; width:94%; margin:0px auto; max-width:890px; height:50px; border-radius:30px; padding:0px 30px; background-color:#f2f2f2; color:#333333;}
.top_bg .so_bg form .s_btn,.top_bg .so_bg form .s_txt{ border:0px; outline:none; background:none; line-height:50px;}
.top_bg .so_bg form .s_btn{ float:left; font-size:20px; width:40px; text-align:left;}
.top_bg .so_bg form .s_txt{ float:right; width:95%;}

/*i_tit*/
.i_tit{ text-align:center; color:#333333; margin-bottom:4vh;}
.i_tit dd{ font-size:36px; font-weight:bold;}
.i_tit dl{ font-size:24px; margin-top:1.5vh;}
@-webkit-keyframes i_bg{
	from{-webkit-transform:scale(1.2);transform:scale(1.2);}
	to{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes i_bg{
	from{-webkit-transform:scale(1.2);transform:scale(1.2);}
	to{-webkit-transform:scale(1);transform:scale(1);}
}
/*华为全屋智能*/
.i_qwzn{ width:100%; height:100vh; position:relative;}
.i_qwzn .tit{ position:absolute; z-index:1; color:#ffffff; bottom:0px;width:88%; left:6%; opacity:0;transition:all 1.5s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 1.5s cubic-bezier(0.86,0,0.8,1);}
@media only screen and (max-width:1920px){
	.i_qwzn .tit{max-width:1680px;}
}
.i_qwzn.active .tit{ bottom:16vh; opacity:1;transition:all 1.5s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 1.5s cubic-bezier(0.86,0,0.8,1);}

.i_qwzn .tit dd{ font-size:36px; font-weight:bold;}
.i_qwzn .tit dl{ font-size:24px; margin-top:1.3vh;}

.i_qwzn .i_qwzn_con,.i_qwzn .i_qwzn_con .tab{position:relative; height:100vh;}
.i_qwzn .i_qwzn_con .tab{ overflow:hidden;}
.i_qwzn .i_qwzn_con .tab div.i{ display:none;visibility:visible;-webkit-animation:i_bg 6s linear forwards;animation:i_bg 6s linear forwards; position:absolute; top:0px; left:0px; right:0px; bottom:0px; cursor:pointer;}
.i_qwzn .i_qwzn_con .tab div.i i{background-repeat:no-repeat; background-position:50%; background-size:100% auto;position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.i_qwzn .i_qwzn_con .tab div.i span{ display:none; }
.i_qwzn .i_qwzn_con .tab div.i video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%;}
@media only screen and (max-width:1920px){
	.i_qwzn .i_qwzn_con .tab div.i i{ background-size:auto auto;}
}
.i_qwzn .i_qwzn_con ul,.i_qwzn .i_qwzn_con ul li{ height:13vh;}
.i_qwzn .i_qwzn_con ul{ position:absolute; bottom:0px; left:0px; right:0px; z-index:1; background-color:rgba(0,0,0,0.2);}
.i_qwzn .i_qwzn_con ul li{ float:left; width:25%; position:relative;cursor:pointer;}
.i_qwzn .i_qwzn_con ul li.on,.i_qwzn .i_qwzn_con ul li:hover{ background-color:rgba(0,0,0,0.5);}
.i_qwzn .i_qwzn_con ul li i{ position:absolute; width:100%; height:3.705vh; background-size:auto 100%; background-repeat:no-repeat; background-position:center; left:0px;top:2.3vh;}
.i_qwzn .i_qwzn_con ul li ol{ text-align:center; color:#ffffff; font-size:16px; margin-top:8vh;}

/*一体化设计*/
.i_ythsj{ position:absolute; z-index:7;width:88%; left:6%; border-bottom:1px solid #ffffff; top:15vh; color:#ffffff; padding-bottom:1.8vh; }
@media only screen and (max-width:1920px){
	.i_ythsj{max-width:1680px;}
}

.i_ythsj dd{ font-size:36px; font-weight:bold;}
.i_ythsj dl{ font-size:24px; margin-top:1.3vh;}

.i_ythsj_bg{overflow:hidden;width:100%; position:relative;}
.i_ythsj_bg .bg{ height:100vh; position:relative;overflow:hidden; background-repeat:no-repeat; background-position:50%; display:none;}
.i_ythsj_bg .bg img.i{ opacity:0; margin-bottom:-4px;}
.i_ythsj_bg .bg i{visibility:visible;-webkit-animation:i_bg 6s linear forwards;animation:i_bg 6s linear forwards;position:absolute; left:0px; right:0px; bottom:0px; top:0px; z-index:0; background-size:auto 100%;}
.i_ythsj_bg .bg i q{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(0,0,0,0.4);}
.i_ythsj_bg .bg .width1680{ top:0px; bottom:20vh; left:6%; position:absolute; z-index:1;}
.i_ythsj_bg .bg .width1680 .con{ position:absolute; color:#ffffff; max-width:610px; bottom:7vh;}
.i_ythsj_bg .bg .width1680 .con dd{ font-size:36px; margin-bottom:1vh;}
.i_ythsj_bg .bg .width1680 .con dl{ font-size:16px; line-height:30px;}

.i_ythsj_nav{ height:13vh; position:absolute; bottom:2vh; left:6%; z-index:1;}
.i_ythsj_nav ul{ width:102%; overflow:hidden;}
.i_ythsj_nav ul li{ /*width:15.4%;*/width:18.6%; height:13vh; float:left; margin-right:1.2%; position:relative;cursor:pointer;}
.i_ythsj_nav ul li i{ position:absolute; left:0px; bottom:0px; right:0px; top:0px; background-repeat:no-repeat; background-size:100% auto; background-position:50%;}
.i_ythsj_nav ul li dd{ position:absolute; left:0px; bottom:0px; right:0px; top:0px;background-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));}
.i_ythsj_nav ul li.on dd,.i_ythsj_nav ul li:hover dd{background-image:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0));}
.i_ythsj_nav ul li dd span{ font-size:16px; color:#ffffff; position:absolute; bottom:20px; left:20px;}

/*设计案例*/
.i_sjal{ margin-top:10vh;}

.i_sjal .i_tit{ color:#ffffff; margin-bottom:3vh;}

.i_sjal_nav{ width:100%; background-color:#212121; height:8.6vh; padding-top:8vh; text-align:center; }

.i_sjal_nav i{ opacity:0.5; color:#ffffff; font-size:16px; background-position:center top; background-repeat:no-repeat; padding-top:48px; margin:0px 100px;cursor:pointer;}
.i_sjal_nav i.on,.i_sjal_nav i:hover{ opacity:1;}

.i_sjal_bg .width1115,.flexslider,.slides,.slides li{ overflow: hidden; }
.i_sjal_bg{ height:83.4vh; background-color:#0d0d0d; width:100%; overflow:hidden;}
.i_sjal_bg .width1115{ max-width:1115px; position:relative; overflow:hidden; width:94%;}

.flexslider{ position:relative;}
.flexslider .flex-viewport{ overflow:initial !important;}
.slides li{ position:relative;}
.slides li a{ position:absolute; left:0px; right:0px; bottom:0px; top:0px;}
.slides li a i{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; background-repeat:no-repeat; background-position:50%; z-index:0; transition:all .5s ease;}
.slides li a:hover i{ transform:scale(1.1); transition:all .5s ease;}
.slides li a .con{ position:absolute; z-index:1; height:260px; bottom:0px; right:0px; left:0px;background-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); color:#ffffff; padding:0px 3%;}
.slides li a .con dd{ font-size:36px; margin-top:120px;}
.slides li a .con dl{ font-size:16px; margin-top:20px;}

.flexslider .flex-control-nav{ display:none;}

.flex-direction-nav li a{ position:absolute; width:60px; height:60px; background-color:rgba(0,0,0,0.5); border-radius:50%; top:50%; margin-top:-30px; text-align:center; color:#ffffff; line-height:60px; z-index:8; font-size:30px;}
.flex-direction-nav li a.flex-prev{ left:1%; /*margin-left:-110px;*/}
.flex-direction-nav li a.flex-next{ right:1%; /*margin-right:-110px;*/}
.flex-direction-nav li a:hover{ background-color:#000000;}

.i_al_bg{ width:100%; height:105px; background-color:#212121;}

/*场景体验*/
.i_cjty{  opacity:1; padding-top:10vh;}
.i_cjty .nav{ position:absolute; z-index:2; width:360px; height:5.56vh; background-color:#f2f2f2; left:50%; margin-left:-180px; border-radius:40px; overflow:hidden;box-shadow:0px 0px 10px 0px rgba(102,102,102,.14);}
.i_cjty .nav li{ float:left; width:50%; height:5.56vh; border-radius:40px; position:relative;cursor:pointer;}
.i_cjty .nav li span{ position:absolute; padding-left:36px; width:64px; font-size:16px; color:#333333; height:24px; line-height:24px; background-repeat:no-repeat; left:40px; top:50%; margin-top:-12px;}
.i_cjty .nav li.on,.i_cjty .nav li:hover{ background-color:#ffffff;}

.i_cjty .con,.i_cjty .con .c{ overflow:hidden;}
.i_cjty .con{ padding-top:2.78vh;}
.i_cjty .con .c{ display:none; height:70vh; text-align:center;}
.i_cjty .con .c img{ width:100%; max-height:300%;}

/*新闻动态*/
.i_news_bg{ width:100%; background-color:#f2f2f2; overflow:hidden; display:flex;align-items:center; padding-top:10vh; height:60vh;}
.i_news_bg .width1680{ max-width:1680px;}

#four_flash{position:relative;width:100%;height:32vh; margin-bottom:2vh;}
#four_flash .flashBg{width:100%;height:32vh;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:100%; position:absolute;}
#four_flash .flashBg ul.mobile li{float:left;width:405px;height:32vh;margin:0.2vh 14px 0.2vh 2px; background-color:#ffffff;transition:all .5s ease; position:relative;}
#four_flash .flashBg ul.mobile li:hover{box-shadow:0px 0px 4px 0px rgba(0,0,0,0.14);transition:all .5s ease;}
#four_flash .flashBg ul.mobile li a{ display:block; height:100%;}
#four_flash .flashBg ul.mobile li a div.t{ height:280px; overflow:hidden;}
@media only screen and (max-width:1920px){
	#four_flash .flashBg ul.mobile li a div.t{ height:22vh;}
}
#four_flash .flashBg ul.mobile li a div.t img{ margin-bottom:-4px;transition:all .5s ease; width:100%; max-height:200%;}
#four_flash .flashBg ul.mobile li a:hover div.t img{transform:scale(1.1);transition:all .5s ease;}
#four_flash .flashBg ul.mobile li a div.f{ height:170px; padding:1.3vh 20px; background-repeat:no-repeat; background-position:20px 14vh;}
@media only screen and (max-width:1920px){
	#four_flash .flashBg ul.mobile li a div.f{ height:7.5vh;}
}
#four_flash .flashBg ul.mobile li a:hover div.f{ background-image:url(../images/jt.png);}
#four_flash .flashBg ul.mobile li a div.f ol{ color:#999999; margin-bottom:1vh;}
#four_flash .flashBg ul.mobile li a div.f dd{ font-size:18px; color:#333333; line-height:36px; height:36px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
@media only screen and (max-width:1920px){
	#four_flash .flashBg ul.mobile li a div.f dd{ line-height:3.5vh; height:3.5vh;}
}
#four_flash .flashBg ul.mobile li a:hover div.f dd{color:#c4152f;}

#four_flash .but_left,#four_flash .but_right{width:27px;height:74px; line-height:74px; position:absolute; top:100px; font-size:74px; color:#080808; cursor:pointer;}
#four_flash .but_left:hover,#four_flash .but_right:hover{color:#c4152f;}
#four_flash .but_left{ left:0px; margin-left:-75px;}
#four_flash .but_right{ right:0px; margin-right:-75px;}

.i_news_bg .more{ text-align:center; overflow:hidden;}
.i_news_bg .more a{font-size:16px;color:#333333;border:1px solid #212121; width:160px; height:42px; line-height:42px; margin:0px auto; display:block;}
.i_news_bg .more a:hover{ background-color:#212121; color:#ffffff;}

/*foot_bg*/
.foot_bg{ overflow:hidden; width:100%; background-color:#212121; display:flex;align-items:center; height:28vh; padding-top:2vh;}
.foot_bg .f{ overflow:hidden;/* padding-top:50px; min-height:300px;*/ position:relative;}
.foot_bg .f div.left{ float:left; overflow:hidden; width:33%;}
.foot_bg .f div.left dd{ font-size:24px; font-weight:bold; color:#ffffff; position:relative; padding-bottom:25px;}
.foot_bg .f div.left dd i{ position:absolute; left:0px; bottom:0px; width:40px; height:1px; background-color:#ffffff;}
.foot_bg .f div.left dl{ color:#999999; line-height:30px; margin-top:20px;}
.foot_bg .f div.left dl a{color:#999999;}
.foot_bg .f div.left dl a:hover{ color:#ffffff;}
.foot_bg .f ul.con{ overflow:hidden; position:absolute; width:36%; left:50%; margin-left:-15%;}
.foot_bg .f ul.con li{ float:left; width:25%;}
.foot_bg .f ul.con li dd{ font-size:16px; color:#ffffff; margin-bottom:30px;}
.foot_bg .f ul.con li dl{ margin-bottom:15px;}
.foot_bg .f ul.con li dl a{ color:#999999;}
.foot_bg .f ul.con li dl a:hover{ color:#ffffff;}
.foot_bg .f div.right{ float:right; overflow:hidden; width:240px;}
.foot_bg .f div.right div{ width:102px; overflow:hidden;}
.foot_bg .f div.right div.l{ float:left;}
.foot_bg .f div.right div.r{ float:right;}
.foot_bg .f div.right div ol{ margin-bottom:15px; height:102px;}
.foot_bg .f div.right div ol img{ border-radius:4px; margin-bottom:-4px;}
.foot_bg .f div.right div dd{ text-align:center; color:#ffffff;}

/*ny_banner*/
.ny_banner,.ny_banner .width1680{ height:760px;}
.ny_banner{ width:100%; background-repeat:no-repeat; background-position:50%; background-size:100% auto;}
@media only screen and (max-width:1920px){
	.ny_banner{ background-size:auto 100%;}
}
.ny_banner .width1680{ display:flex;align-items:center; color:#ffffff; position:relative;}
.ny_banner .width1680 .bg{ width:100%; text-align:center;}
.ny_banner .width1680 .bg dd{ font-size:48px; font-weight:bold;}
.ny_banner .width1680 .bg dl{ font-size:24px; margin-top:25px;}

i#a{ position:absolute; left:0px; margin-top:-100px;}

.top_ny{ padding:20px 0px; position:fixed;}
.top_ny.now,.top_bg.so{ background-color:#ffffff; box-shadow:0px 5px 10px 0px rgba(0,0,0,0.14);}
.top_ny,.top_ny .width1680,.top_ny .width1680 a.t_logo,.top_ny .width1680 div.r,.top_ny .width1680 div.r a{ height:60px;}

.ny_foot_bg{ height:540px;}
.ny_foot_bg .t{ border-bottom:1px solid #333333; height:100px; position:relative; margin-bottom:50px; overflow:hidden;}
.ny_foot_bg .t a.t_logo{ display:block; float:left;}
.ny_foot_bg .t a.t_logo img{ margin-bottom:-4px;}
.ny_foot_bg .t a.top{ position:absolute; right:0px; top:0px; border:1px solid rgba(255,255,255,0.5); border-radius:4px; width:44px; line-height:38px; text-align:center; height:38px; color:#ffffff; font-size:24px;}
.ny_foot_bg .t a.top:hover{ border:1px solid rgba(255,255,255,1);}

/*案例展示*/
.case_nav{ text-align:center; padding:60px 0px; height:70px; line-height:110px;}
.case_nav a{ border-left:1px solid #eeeeee; position:relative; padding:45px 40px 6px;}
.case_nav a.l{ border-left:0px;}
.case_nav a i{ background-repeat:no-repeat; width:70px; height:30px; background-position:center top; position:absolute; top:0px; left:50%; margin-left:-35px;}
.case_nav a.on i,.case_nav a:hover i{ background-position:center -30px;}
.case_nav a span{ font-size:18px; color:#333333;}
.case_nav a.on span,.case_nav a:hover span{ color:#364d93;}

.case_tit{ font-size:16px; color:#333333; margin-bottom:20px;}
.case_sx{ height:50px; border-bottom:1px solid #eeeeee; padding-bottom:25px;}
.case_sx div{ height:52px; position:relative; width:32.5%; overflow:hidden;}
@media only screen and (max-width:1920px){
	.case_sx div{ height:50px;}
}
.case_sx div:hover{ overflow:initial;}
.case_sx div.l{ float:left; margin-right:1.2%;}
.case_sx div.r{ float:right;}
.case_sx div dd{ border:1px solid #eeeeee; height:48px; line-height:48px; font-size:16px; color:#999999; padding:0px 5%; position:relative; cursor:pointer;}
.case_sx div:hover dd{ border:1px solid #000000;}
.case_sx div dd span{ display:block; background:url(../images/xl.png) no-repeat scroll right center;}
.case_sx div dd i{ position:absolute; top:0px; left:5%; right:5%; bottom:0px; background-color:#ffffff; z-index:1; opacity:0;}
.case_sx div dd i.on{ opacity:1;}
.case_sx div dl{ position:absolute; background-color:#ffffff; border:1px solid #000000; opacity:0; padding:20px 0px; left:0px; right:0px; z-index:2;}
.case_sx div:hover dl{ opacity:1;}
.case_sx div dl a{ display:block; font-size:20px; color:#333333; line-height:40px; padding:0px 20px;}
.case_sx div dl a:hover{ background-color:#364d93; color:#ffffff;}

.case_list{ min-height:50vh; margin:40px 0px; width:102%; overflow:hidden;}
.case_list li{ float:left; margin-bottom:25px; height:420px; overflow:hidden; width:32%; margin-right:1%; position:relative;}
.case_list li a,.case_list li a i{ position:absolute; bottom:0px; left:0px; right:0px; top:0px;}
.case_list li a i{ background-repeat:no-repeat; background-position:50%; background-size:100% auto; transition:all .5s ease;}
@media only screen and (max-width:1920px){
	.case_list li a i{ background-size:auto 100%;}
}
.case_list li a:hover i{ transform:scale(1.1); transition:all .5s ease;}
.case_list li a .con{ position:absolute; z-index:1; min-height:120px; bottom:0px; right:0px; left:0px;background-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); color:#ffffff; padding:0px 3%;}
.case_list li a .con dd{ font-size:24px; margin-top:30px;}
.case_list li a .con dl{ font-size:14px; margin-top:15px;}
.case_list li.n{ width:98%; font-size:32px; display:flex;align-items:center;}
.case_list li.n div{ width:100%; text-align:center;}
.case_list li.n div strong{ color:#ff0000;}

/*fenye*/
.fenye{ margin-bottom:120px; line-height:32px;}
.fenye a,.fenye span{ font-size:18px; margin-right:20px;}
.fenye a{ color:#040405;}
.fenye a:hover,.fenye span{ color:#364d93;}

/*案例详情*/
.case_banner_show,.case_banner_show .width1680{ height:760px;}
.case_banner_show{ width:100%; background-repeat:no-repeat; background-position:50%; position:relative; background-size:100% auto;}
@media only screen and (max-width:1920px){
	.case_banner_show{ background-size:auto 100%;}
}
.case_banner_show i.bg{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; z-index:0; background-color:rgba(0,0,0,0.5);}
.case_banner_show .width1680{ position:relative; z-index:1;}
.case_banner_show .width1680 .bg{ position:absolute; bottom:40px; width:100%; color:#ffffff;}
.case_banner_show .width1680 .bg div.t{ position:relative; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:20px;}
.case_banner_show .width1680 .bg div.t span{ position:absolute; bottom:20px;}
.case_banner_show .width1680 .bg div.t span.l{ text-transform:uppercase; left:0px;}
.case_banner_show .width1680 .bg div.t div.c{  max-width:1115px; position:relative; margin:0px auto; font-size:36px; font-weight:bold;}
.case_banner_show .width1680 .bg div.t span.r{ right:0px; width:270px; height:46px;}
.case_banner_show .width1680 .bg div.t span.r a{ padding-left:60px; background-repeat:no-repeat; background-position:left center; display:block; line-height:46px; color:#ffffff;}
.case_banner_show .width1680 .bg div.t span.r a.l{ float:left;}
.case_banner_show .width1680 .bg div.t span.r a.r{ float:right;}

.case_banner_show .width1680 .bg div.f{ max-width:1115px; position:relative; margin:0px auto;line-height:90px;}
.case_banner_show .width1680 .bg div.f span{ margin-right:40px;}

.case_show_con,.case_show_fy{ overflow:hidden; max-width:1115px; position:relative; margin:0px auto 100px;}
.case_show_con dd{ margin:35px 0px; font-size:24px; font-weight:bold; border-left:3px solid #143081; padding-left:20px; color:#212121;}
.case_show_con dl{ font-size:16px; color:#212121; line-height:35px; min-height:50vh;}
.case_show_con dl img{ margin-bottom:-4px;}

.case_show_fy{ height:80px; position:relative;}
.case_show_fy dl{ float:left; line-height:80px; width:80%; overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.case_show_fy dl strong{ font-size:14px; color:#333333; padding-right:150px; position:relative;}
.case_show_fy dl strong i{ position:absolute; right:10px; width:120px; height:1px; background-color:#040405; top:50%; margin-top:-0.5px;}
.case_show_fy dl a{ font-size:16px; color:#333333;}
.case_show_fy dl a:hover{ color:#364d93;}
.case_show_fy a.fh{ position:absolute; right:0px; top:0px; height:33px; width:78px; border-radius:50%; font-size:16px; color:#333333; background:url(../images/fh1.png) no-repeat center 15px #ffffff; padding-top:45px; border:1px solid #cfcfcf; text-align:center;}
.case_show_fy a.fh:hover{ background-image:url(../images/fh2.png); background-color:#364d93; color:#ffffff;}

.case_show_qt{ overflow:hidden; margin-bottom:80px; border-top:1px solid #eeeeee; padding-top:30px;}
.case_show_qt .t{ margin-bottom:25px; position:relative; overflow:hidden;}
.case_show_qt .t span{ font-size:24px; color:#040405; float:left;}
.case_show_qt .t a{ font-size:16px; color:#999999; float:right;}
.case_show_qt .t a:hover{ color:#364d93;}
.case_show_qt ul{ width:102%; overflow:hidden; min-height:200px;}
.case_show_qt ul li{ float:left; margin-bottom:25px; height:420px; overflow:hidden; width:32%; margin-right:1%; position:relative;}
.case_show_qt ul li a,.case_show_qt ul li a i{ position:absolute; bottom:0px; left:0px; right:0px; top:0px;}
.case_show_qt ul li a i{ background-repeat:no-repeat; background-position:50%; background-size:auto 100%; transition:all .5s ease;}
.case_show_qt ul li a:hover i{ transform:scale(1.1); transition:all .5s ease;}
.case_show_qt ul li a .con{ position:absolute; z-index:1; min-height:120px; bottom:0px; right:0px; left:0px;background-image:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); color:#ffffff; padding:0px 3%;}
.case_show_qt ul li a .con dd{ font-size:24px; margin-top:30px;}
.case_show_qt ul li a .con dl{ font-size:14px; margin-top:15px;}

/*qt_bg*/
.ny_banner .width1680 .qt_bg{ position:absolute; bottom:70px; width:100%;}
.ny_banner .width1680 .qt_bg div.t{ border-bottom:1px solid #ffffff; position:relative; padding-bottom:30px;}
.ny_banner .width1680 .qt_bg div.t span{ position:absolute; left:0px; bottom:30px; text-transform:uppercase; font-size:24px;}
.ny_banner .width1680 .qt_bg div.t dl{max-width:830px; margin:0px auto; font-size:48px; font-weight:bold;}
.ny_banner .width1680 .qt_bg div.f{ line-height:70px; font-size:24px; max-width:830px; margin:0px auto;}

/*商务合作*/
.swhz{ padding:90px 0px 140px; position:relative;}
.swhz div.l{ font-size:16px; color:#999999; position:absolute; left:0px;}
.swhz div.r{max-width:830px; margin:0px auto; overflow:hidden;}
.swhz div.r .tit{ font-size:36px; font-weight:bold; color:#333333;}
.swhz div.r ul,.swhz div.r ul li{ overflow:hidden;}
.swhz div.r ul{ margin-top:50px;}
.swhz div.r ul li{ margin-bottom:30px;}
.swhz div.r ul li dl{font-size:16px; color:#333333; margin-bottom:10px;}
.swhz div.r ul li.t div{ width:49%; overflow:hidden;}
.swhz div.r ul li.t div dl.x{ border:1px solid #eeeeee; margin-bottom:0px;}
.swhz div.r ul li.t div.z{ float:left;}
.swhz div.r ul li.t div.y{ float:right;}
.swhz div.r ul li.t div dl.x input{font-size:16px;height:48px; border:0px;line-height:48px;color:#333333;outline:none;width:92%;padding:0px 4%;}
.swhz div.r ul li.t div dl.x input::-webkit-input-placeholder {color:#999999;}
.swhz div.r ul li.d div{ margin-top:10px; font-size:16px; color:#333333;}
.swhz div.r ul li.d div label{ position:relative; padding-left:35px; display:block; height:30px; line-height:30px; float:left; margin-right:30px;}
.swhz div.r ul li.d div label input{ position:absolute; left:0px; width:20px; height:20px; top:5px;}
.swhz div.r ul li.n dl.x{ border:1px solid #eeeeee;  margin-bottom:0px;}
.swhz div.r ul li.n dl.x input{font-size:16px;height:48px;line-height:48px;color:#333333; border:0px;outline:none; padding:0px 2%; width:96%;}
.swhz div.r ul li.x dl.x{ border:1px solid #eeeeee;  margin-bottom:0px; padding:15px 2%;}
.swhz div.r ul li.x textarea{font-size:16px;color:#333333; border:0px;outline:none; width:100%; height:370px; font-family:"Microsoft YaHei",Arial;}
.swhz div.r ul li.c{ color:#143080; font-weight:bold;}
.swhz div.r ul li.b{ margin-bottom:0px;}
.swhz div.r ul li.b button{ height:55px; line-height:55px; border:0px; width:265px; text-align:center; background-color:#040405; color:#ffffff; font-size:16px;}
.swhz div.r ul li.b button:hover{ background-color:#143081;}

/*定制需求*/
.dzxq{ padding:90px 0px 140px; position:relative;}
.dzxq div.l{ font-size:16px; color:#999999; position:absolute; left:0px;}
.dzxq div.c{max-width:830px; margin:0px auto; overflow:hidden;}
.dzxq div.c div{ overflow:hidden;}
.dzxq div.c div.tit{ font-size:36px; font-weight:bold; color:#153181; margin-bottom:15px;}
.dzxq div.c div.con{ font-size:16px; color:#666666; line-height:32px;}
.dzxq div.c div.con strong{ font-size:24px; color:#333333; line-height:48px;}
.dzxq div.c div.ewm{ text-align:center; }
.dzxq div.c div.ewm ol,.dzxq div.c div.ewm dd{ max-width:105px; }
.dzxq div.c div.ewm ol img{ border:1px solid #212121; }
.dzxq div.c div.ewm dd{ margin-top:1rem; }
.dzxq div.r{ position:absolute; right:0px; top:90px; width:405px;}
.dzxq div.r img.i{ margin-bottom:-4px;}
.dzxq div.r div.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; padding:40px 25px;}
.dzxq div.r div.bg dd{ position:relative; color:#ffffff; font-size:24px; font-weight:bold;}
.dzxq div.r div.bg dd p{ margin-bottom:15px; position:relative; z-index:1;}
.dzxq div.r div.bg dd i{ position:absolute; width:140px; height:10px; background-color:#153181; bottom:0px; z-index:0; margin-bottom:-4px;}
.dzxq div.r div.bg dl{ position:absolute; bottom:40px; left:25px; right:25px;}
.dzxq div.r div.bg dl a{ display:block;margin-top:30px;height:60px;background-color:#ffffff; border-radius:40px; padding:0px 60px; line-height:60px; position:relative; font-size:18px; color:#333333;}
.dzxq div.r div.bg dl a i{ color:#3275e6; font-size:24px; position:absolute; left:20px; top:50%; margin-top:-12px;}
.dzxq div.r div.bg dl a:hover{ color:#3275e6;}

/*售后服务*/
.shfw{ padding:90px 0px 140px; position:relative;}
.shfw div.l{ font-size:16px; color:#999999; position:absolute; left:0px;}
.shfw div.r{max-width:830px; margin:0px auto; overflow:hidden; color:#333333;}
.shfw div.r dd.t{ font-size:36px; font-weight:bold; margin-bottom:30px;}
.shfw div.r dd.c{ font-size:24px; font-weight:bold; margin-bottom:20px; margin-top:40px;}
.shfw div.r dl.f{ font-size:16px; line-height:32px;}
.shfw div.r dl.f td{ border:1px solid #eeeeee !important; padding:10px 20px;}

/*关于我们*/
.banner_about,.banner_about .width1680{ height:1080px;}
.banner_about .width1680 .qt_bg div.f{ line-height:40px; padding:30px 0px;}

.about_qywh{ background-color:#f2f2f2; overflow:hidden;}
.about_qywh .width1680{ padding:140px 0px; }
.about_qywh .width1680 div{ overflow:hidden; }
.about_qywh .width1680 div.l{ float:left; width:140px; font-size:16px; color:#999999;}
.about_qywh .width1680 div.r{ float:right; width:75%; position:relative;}
.about_qywh .width1680 div.r dl{ overflow:hidden; }
.about_qywh .width1680 div.r dl.l{ float:left; width:45%; }
.about_qywh .width1680 div.r dl.r{ width:50%;display:flex; align-items:center; font-size:16px; line-height:2; position:absolute;top:0px;right:0px;bottom:0px; }
.about_qywh .width1680 div.r dl.r strong{ font-size:24px; }

.about_jj{ padding:140px 0px;}
.about_jj div{ overflow:hidden;}
.about_jj div.l{ float:left; width:140px; font-size:16px; color:#999999;}
.about_jj div.r{ float:right; width:75%;}
.about_jj div.r dl{ font-size:16px; color:#333333; line-height:32px;}
.about_jj div.r dl strong{ font-size:36px;}
.about_jj div.r ol{ margin-top:60px;}
.about_jj div.r ol a{ font-size:16px; color:#143081; padding-right:24px; background:url(../images/a_j1.png) no-repeat scroll right center;}
.about_jj div.r ol a:hover{ text-decoration:underline;}

.about_yw{ background-color:#f2f2f2; overflow:hidden; padding-top:110px;}
.about_yw div{ overflow:hidden;}
.about_yw div.l{ float:left; width:140px; font-size:16px; color:#999999;}
.about_yw div.r{ float:right; width:75%;}
.about_yw div.r dl{ font-size:16px; color:#333333; line-height:32px;}
.about_yw div.r dl strong{ font-size:36px;}
.about_yw div.r ol{ margin-top:20px;}
.about_yw div.r ol a{ font-size:16px; color:#999999; padding-right:24px; background:url(../images/a_j2.png) no-repeat scroll right center;}
.about_yw div.r ol a:hover{ text-decoration:underline;}

.about_tp{ padding:2rem 0px; text-align:center; background-color:#f2f2f2;}

.about_yw_bg .width1115,.about_yw_bg,.about_yw_bg .slides,.about_yw_bg .slides li{ height:auto;}
.about_yw_bg{ position:relative; overflow:hidden; margin-top:30px;}
.about_yw_bg .slides{ overflow:hidden;}
.about_yw_bg .slides li{ overflow:hidden;}
.about_yw_bg .slides li a{ display:block; position:relative;}
.about_yw_bg .slides li a img{ margin-bottom:-4px;}
.about_yw_bg .flex-control-nav{ display:none !important;}
.about_yw_bg .flex-direction-nav li a{ background:none !important; font-size:48px;}

.about_gj{ background:url(../images/about_gj_bg.jpg) repeat-y scroll 50% top; overflow:hidden; padding:100px 0px 150px;}
.about_gj div{ overflow:hidden;}
.about_gj div.l{ float:left; width:140px; font-size:16px; color:#999999;}
.about_gj div.r{ float:right; width:75%;}
.about_gj div.r div.t{ color:#ffffff; font-size:36px; font-weight:bold;}
.about_gj div.r div.t p{ margin-bottom:10px;}
.about_gj div.r div.t p i{ font-size:16px; margin-left:30px;}
.about_gj div.r ul,.about_gj div.r ul li{ overflow:hidden;}
.about_gj div.r ul{ margin-top:50px;}
.about_gj div.r ul li{ float:left; width:25%; height:160px; position:relative;}
.about_gj div.r ul li a{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; border:1px solid #e0e0e0;}
.about_gj div.r ul li a img{ margin:auto; position:absolute; top:0px; left:0px; bottom:0px; right:0px; transition:all .5s ease;}
.about_gj div.r ul li a:hover img{ transition:all .5s ease; transform:scale(1.1);}

.about_hz{ padding:100px 0px 140px;}
.about_hz div{ overflow:hidden;}
.about_hz div.l{ float:left; width:140px; font-size:16px; color:#999999;}
.about_hz div.r{ float:right; width:75%;}
.about_hz div.r div.t{ font-size:48px; font-weight:bold; color:#333333;}
.about_hz div.r div.t i{ color:#143081;}
.about_hz div.r ul,.about_hz div.r ul li{ overflow:hidden;}
.about_hz div.r ul{ width:102%; margin-top:60px;}
.about_hz div.r ul li{ float:left; position:relative; border:1px solid #eeeeee; width:31.3%; max-height:478px; margin-right:1.5%;}
.about_hz div.r ul li img{ margin-bottom:-4px;}
.about_hz div.r ul li a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5); color:#ffffff; padding:40px 30px; font-weight:bold;}
.about_hz div.r ul li a i{ font-size:48px;}
.about_hz div.r ul li a p{ font-size:18px; position:absolute; bottom:50px;}

/*业务介绍*/
.cp_x{background-color:#ffffff; width:100%; height:181px;}
.top_ny.now.i_top{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.14);}
.p_top,.p_top .width1680,.p_top .width1680 div{ height:80px;}
.p_top{ top:100px; border-top:1px solid #eeeeee; width:100%;position:fixed; background-color:#ffffff; z-index:888;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.14);}
.p_top .width1680 div.l{ float:left; font-size:24px; line-height:80px; color:#040405;}
.p_top .width1680 div.r{ float:right; font-size:16px; color:#999999;}
.p_top .width1680 div.r dl{ float:left; margin-left:60px; height:77px;cursor:pointer;}
.p_top .width1680 div.r dl.l{ line-height:80px; border-bottom:3px solid #ffffff;}
.p_top .width1680 div.r dl.l.o,.p_top .width1680 div.r dl.l:hover{border-bottom:3px solid #143080;}
.p_top .width1680 div.r:hover dl.l.o{ border-bottom:3px solid #ffffff;}
.p_top .width1680 div.r dl.c{}
.p_top .width1680 div.r dl.c div.bg{ position:absolute; left:0px; right:0px; background-color:#1e1e1e; transition:all .5s ease; opacity:0; height:0px; overflow:hidden; z-index:4; top:80px;}
.p_top .width1680 div.r dl.c:hover div.bg{ opacity:1; height:60px; transition:all .5s ease;}
.p_top .width1680 div.r dl.c div.bg .width1680{ text-align:right; line-height:60px;}
.p_top .width1680 div.r dl.c div.bg .width1680 a{ font-size:16px; color:#999999; margin-right:55px;}
.p_top .width1680 div.r dl.c div.bg .width1680 a.on,.p_top .width1680 div.r dl.c div.bg .width1680 a:hover{ color:#ffffff;}
.p_top .width1680 div.r dl.c div.bg .width1680 i{ padding:0px 70px;}

.p_top .width1680 div.r dl.r a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; border-radius:20px; color:#ffffff; background-color:#143080; margin-top:22px;}
.p_top .width1680 div.r dl.r a:hover{ opacity:0.8;}

.cp_t{ height:900px; width:100%; position:relative; }
.cp_t i.bg,.cp_t div.bg{ position:absolute; left:0px; right:0px; bottom:0px; top:0px;}
.cp_t i.bg{ background-size:cover; z-index:0; }
.cp_t div.bg{ z-index:2;display:flex;align-items:center; }
.cp_t div.bg div{ width:100%; text-align:center; color:#ffffff; font-weight:bold;}
.cp_t div.bg div dd{ font-size:80px; margin-bottom:35px;}
.cp_t div.bg div dl{ font-size:70px; letter-spacing:20px;}

.banner_photo{ height:960px; display:flex;align-items:center;}
.banner_photo .width1680{ display:block; height:auto; }
.banner_photo .width1680 div{ float:right; color:#ffffff; max-width:620px;}
.banner_photo .width1680 div ol{ font-size:24px; }
.banner_photo .width1680 div dd{ font-size:65px; font-weight:bold; }
.banner_photo .width1680 div dl{ font-size:24px; margin-top:20px; line-height:1.75;}

.photo_bg{ width:100%; overflow:hidden; background-color:#000000; padding:60px 0px;}
.photo_bg ul,.photo_bg ul li{ overflow:hidden; }
.photo_bg ul.t,.photo_bg ul.t li{ overflow:hidden; }
.photo_bg ul.t{ width:100%; margin-bottom:60px;}
.photo_bg ul.t li{ background-color:#2f2f2f; float:left; border-radius:8px; width:29.881%; margin:0px 1.726166%; }
.photo_bg ul.dt_t li{ width:46.769%; margin:0px 1.6155%;}
.photo_bg ul.t li div.bg{ padding:20px; text-align:center;}
.photo_bg ul.t li div.bg ol{ margin-bottom:30px; }
.photo_bg ul.t li div.bg dd{ font-size:50px; color:#ffffff; font-weight:bold; margin-bottom:15px;}
.photo_bg ul.t li div.bg dl{ font-size:22px; color:#a6a5ab; line-height:35px; height:105px; overflow:hidden;  }
.photo_bg div.f{ overflow:hidden; }
.photo_bg div.f div{ width:42%; margin:0px 4%; color:#ffffff; text-align:center;}
.photo_bg div.lm_f div{ width:30%; margin:0px 1.6666666%; }
.photo_bg div.f div.l{ float:left;}
.photo_bg div.f div.c{ float:left; }
.photo_bg div.f div.r{ float:right; }
.photo_bg div.f div dd{ font-size:32px; }
.photo_bg div.f div dd b{ padding-bottom:10px; border-bottom:2px solid #ffffff; }
.photo_bg div.f div dl{ margin-top:60px; font-size:22px; line-height:36px; }

.photo_qh{ color:#ffffff; }
.photo_qh .width1680{ max-width:1280px; }
.photo_qh ul.tp li{ display:none; }

.photo_qh ul.bt{ margin-top:100px; }
.photo_qh ul.bt li{ float:left; width:31.333333333%; border-bottom:2px solid rgb(255,255,255,0.5); padding:0px 1% 16px; font-size:28px; color:#767676; font-weight:bold; text-align:center; cursor:pointer;}
.photo_qh ul.bt li.on{ color:#ffffff; border-bottom:2px solid rgb(255,255,255,1); }

.photo_qh ul.ms{ border-top:2px solid rgb(255,255,255,0.5); padding-top:40px; margin-top:-2px;}
.photo_qh ul.ms li{ display:none; text-align:center; font-size:20px; line-height:1.75; }

.cp_lm_bg{ width:100%; overflow:hidden; background-color:#f2f2f2; padding-top:80px; display: none;}
.cp_lm_bg .width1680 .tit{ text-align:center; color:#333333;}
.cp_lm_bg .width1680 .tit dd{ font-size:48px; font-weight:bold;}
.cp_lm_bg .width1680 .tit dl{ font-size:30px; line-height:48px; margin-top:20px;}
.cp_lm_bg .width1680 ul,.cp_lm_bg .width1680 ul li{ overflow:hidden;}
.cp_lm_bg .width1680 ul{ margin-top:80px; text-align:center; width:104%; margin-left:-2%;}
.cp_lm_bg .width1680 ul li{ display:inline-block; width:18.4%; margin:0px 0.4% 50px;}
.cp_lm_bg .width1680 ul li ol{ background-color:#ffffff; height:140px; position:relative;}
.cp_lm_bg .width1680 ul li ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto;}
.cp_lm_bg .width1680 ul li dd{ font-size:16px; color:#333333; margin-top:25px;}

.cp_lm{ position:fixed; z-index:88; right:30px; top:50%; height:160px; margin-top:-80px;}
.cp_lm li{ height:40px; position:relative;}
.cp_lm li dd{ line-height:40px; width:140px;}
.cp_lm li dd a{ display:block; color:#999999; padding:0px 15px; text-align:right; border-right:1px solid #1e1e1e;}
.cp_lm li.on dd a{ color:#59b1f7;}
.cp_lm li dd a:hover{ border-right:1px solid #59b1f7;}
.cp_lm li dl{ position:absolute; right:140px; width:120px; top:0px; display:none;}
.cp_lm li:hover dl{ display:block;}
.cp_lm li dl a{ display:block; color:#999999; line-height:25px; text-align:right;}
.cp_lm li dl a.on,.cp_lm li a:hover{ color:#59b1f7;}

.photo_qt{ width:100%; overflow:hidden; background-color:#f2f2f2; padding:50px 0px 160px;}
.photo_qt div.tit{ text-align:center; font-size:48px; font-weight:bold; color:#333333; margin-bottom:90px;}
.photo_qt .flexslider,.photo_qt .flexslider .slides,.photo_qt .flexslider .slides li{ height:780px;}
.photo_qt .flexslider{ max-width:1710px; width:90%;}
.photo_qt .flexslider .slides li{ position:relative;overflow:hidden;}
.photo_qt .flexslider .slides li a{ position:absolute; top:0px; left:15px; right:15px; bottom:0px; z-index:1;background-repeat:no-repeat;background-size:100% auto;transition:all .5s ease;}
.photo_qt .flexslider .slides li a:hover{ opacity:0.8;transition:all .5s ease;}
.photo_qt .flexslider .slides li a .bg{ position:absolute; max-width: 672px; top: 55px;display:flex; align-items:center; width: 50%; right:100px; bottom:55px;}
.photo_qt .flexslider .slides li a .bg div{ width: 100%;  color:#ffffff;}
.photo_qt .flexslider .slides li a .bg dd{ font-size:32px; font-weight:bold;}
.photo_qt .flexslider .slides li a .bg dl{ font-size:16px; margin-top:15px;}

.photo_qt .flex-direction-nav li a{ background-color:#ffffff; color:#454545;}
.photo_qt .flex-direction-nav li a.flex-prev{ left:60px;}
.photo_qt .flex-direction-nav li a.flex-next{ right:60px;}
.photo_qt .flex-direction-nav li a:hover{ background-color:#153181; color:#ffffff;}

.cp_znys{ padding:50px 0px;}
.cp_znys .tit{ text-align:center; margin-bottom:50px; color:#333333;}
.cp_znys .tit dd{ font-size:48px; font-weight:bold;}
.cp_znys .tit dl{ font-size:30px; line-height:48px; margin-top:20px;}
.cp_znys ul,.cp_znys ul li{ overflow:hidden;}
.cp_znys ul li{ float:left; width:50%; text-align:center;}
.cp_znys ul li dd{ height:50px; background-repeat:no-repeat; background-position:center; font-size:24px; color:#ffffff; line-height:50px; font-weight:bold;}
.cp_znys ul li dl{ font-size:18px; color:#160e08; margin-top:20px;}
.cp_znys_bg{ width:100%; height:960px; background-repeat:no-repeat; background-position:50%;}

.znaq_bg{ background-color:#ededed; overflow:hidden; width:100%; padding:80px 0px 100px;}
.znaq_bg .width1680 .tit{ text-align:center; margin-bottom:50px; color:#333333;}
.znaq_bg .width1680 .tit dd{ font-size:48px; font-weight:bold;}
.znaq_bg .width1680 .tit dl{ font-size:30px; line-height:48px; margin-top:20px;}
.znaq_bg .width1680 ul,.znaq_bg .width1680 ul li{ overflow:hidden;}
.znaq_bg .width1680 ul{ width:102%;}
.znaq_bg .width1680 ul li{ float:left; width:32%; margin-right:0.95%; height:585px; text-align:center; color:#333333; cursor:pointer;}
.znaq_bg .width1680 ul li ol{ margin-bottom:20px; position:relative;}
.znaq_bg .width1680 ul li ol img{ margin-bottom:-4px;}
.znaq_bg .width1680 ul li ol i{ position:absolute; left:0px;right:0px;bottom:0px;top:0px; background-color:rgba(0,0,0,0.5); opacity:0;transition:all .5s ease;}
.znaq_bg .width1680 ul li:hover ol i{ opacity:1;transition:all .5s ease;}
.znaq_bg .width1680 ul li dd{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.znaq_bg .width1680 ul li dl{ font-size:18px; line-height:35px;}

.yyyl_tit{ width:100%; overflow:hidden; background-color:#070200; text-align:center; color:#ffffff; padding:40px 0px;}
.yyyl_tit dd{ font-size:48px; font-weight:bold;}
.yyyl_tit dl{ font-size:30px; line-height:48px; margin-top:20px;}

.photo_zn_yt{ padding:160px 0px;}
.photo_zn_yt .tit{ text-align:center; font-size:48px; color:#333333; font-weight:bold; margin-bottom:70px;}
.photo_zn_yt ul,.photo_zn_yt ul li{ overflow:hidden;}
.photo_zn_yt ul{ width:102%;}
.photo_zn_yt ul li{ float:left; width:23.8%; margin-right:1%; height:600px; text-align:center; color:#333333;}
.photo_zn_yt ul li ol{ margin-bottom:25px; max-height:361px;}
.photo_zn_yt ul li ol img{ margin-bottom:-4px;}
.photo_zn_yt ul li dd{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.photo_zn_yt ul li dl{ font-size:16px; line-height:30px;}

.photo_zn_hm{ width:100%; overflow:hidden; background-color:#000000; color:#ffffff; padding:100px 0px;}
.photo_zn_hm .width1680 .tit{ text-align:center; font-size:48px; font-weight:bold; margin-bottom:50px;}
.photo_zn_hm .width1680 ul,.photo_zn_hm .width1680 ul li{ overflow:hidden;}
.photo_zn_hm .width1680 ul{ width:102%;}
.photo_zn_hm .width1680 ul li{ float:left; width:32%; height:640px; margin-right:1%; text-align:center;}
.photo_zn_hm .width1680 ul li ol{ max-height:400px; margin-bottom:45px;}
.photo_zn_hm .width1680 ul li ol img{ margin-bottom:-4px;}
.photo_zn_hm .width1680 ul li dd{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.photo_zn_hm .width1680 ul li dl{ font-size:16px; line-height:38px;}

.photo_smfz{display:flex;align-items:center; width:100%; height:960px; background-repeat:no-repeat; background-position:50%;}
.photo_smfz .width1680{ color:#ffffff;}
.photo_smfz .width1680 .tit{ text-align:center; font-size:48px; font-weight:bold;}
.photo_smfz .width1680 ul,.photo_smfz .width1680 ul li{ overflow:hidden;}
.photo_smfz .width1680 ul{ margin-top:180px;}
.photo_smfz .width1680 ul li{ float:left; width:33.3333%;text-align:center;}
.photo_smfz .width1680 ul li ol{ margin-bottom:20px;}
.photo_smfz .width1680 ul li ol img{ margin-bottom:-4px;}
.photo_smfz .width1680 ul li dd{ font-size:36px; font-weight:bold;}
.photo_smfz .width1680 ul li dl{ font-size:24px; margin-top:15px;}

/*公司资讯*/
.news_list{ padding:80px 0px 20px;}
.news_list div{ overflow:hidden;}
.news_list div.l{ float:left; width:265px;}
.news_list div.l a{ display:block; font-size:16px; color:#999999; height:50px; line-height:50px; padding-left:20px; border-left:1px solid #eeeeee;}
.news_list div.l a.on,.news_list div.l a:hover{ color:#153181; border-left:1px solid #153181;}

.news_list div.r{ float:right; width:75%;}
.news_list div.r .tit{ border-bottom:1px solid #eeeeee; margin-bottom:60px; font-size:48px; font-weight:bold; color:#333333; padding-bottom:22px;}
.news_list div.r ul,.news_list div.r ul li{ overflow:hidden;}
.news_list div.r ul li{ margin-bottom:35px;}
.news_list div.r ul li a{ display:block; position:relative;}
.news_list div.r ul li a div.i{ float:left; width:405px; height:280px; overflow:hidden; position:absolute; left:0px;}
.news_list div.r ul li a div.i img{ margin-bottom:-4px; transition:all .5s ease;}
.news_list div.r ul li a:hover div.i img{ transition:all .5s ease;transform:scale(1.1);}
.news_list div.r ul li a div.n{ border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; height:278px; background:url(../images/jt.png) no-repeat scroll right 230px; padding-left:455px;}
.news_list div.r ul li a div.n ol{ color:#999999; margin-top:30px;}
.news_list div.r ul li a div.n dd{ font-size:24px; color:#333333; margin-top:20px; font-weight:bold;}
.news_list div.r ul li a:hover div.n dd{ color:#153181;}
.news_list div.r ul li a div.n dl{ font-size:16px; color:#666666; line-height:32px; margin-top:15px;}

/*新闻详情*/
.news_show{ padding:200px 0px 100px; position:relative;}
.news_show div{ overflow:hidden;}
.news_show div.l{ position:absolute; left:0px; width:265px;}
.news_show div.l p.t{ font-size:36px; color:#333333; font-weight:bold;}
.news_show div.l p.f{ font-size:16px; color:#999999;}
.news_show div.r{max-width:830px; margin:0px auto; overflow:hidden; color:#333333;}
.news_show div.r dd{ font-size:36px; font-weight:bold; color:#333333; margin-bottom:40px;}
.news_show div.r dl{ font-size:16px; color:#333333; line-height:32px; margin-bottom:40px;}
.news_show div.r ol{ border-bottom:1px solid #eeeeee; height:45px; position:relative;}
.news_show div.r ol span{ font-size:16px; color:#999999;}
.news_show div.r ol span a{ padding:2px 2px; background-repeat:no-repeat; margin-left:20px; padding:0px 11px; background-position:center;}
.news_show div.r ol span a.fx1{ background-image:url(../images/fx1.png);}
.news_show div.r ol span a.fx2{ background-image:url(../images/fx2.png);}
.news_show div.r ol span a:hover{ opacity:0.8;}
.news_show div.r ol a.fh{ position:absolute; right:0px; font-size:16px; color:#999999; padding-left:40px; background:url(../images/fh1.png) no-repeat scroll left center;}
.news_show div.r ol a.fh:hover{ color:#153181;}
.news_show div.r div.sp{ overflow:hidden; margin-top:20px;}
.news_show div.r div.fy{ padding:15px 0px;}
.news_show div.r div.fy p{ overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; font-size:16px; color:#999999; line-height:32px;}
.news_show div.r div.fy p a{ color:#333333;}
.news_show div.r div.fy p a:hover{ color:#153181;}

/*智能主机*/
.smart_bg{ width:100%; overflow:hidden; background-color:#000000; color:#ffffff;}

.smart_dt{ position:relative;}
.smart_dt img.bg{ margin-bottom:-4px;}
.smart_dt div.tit{ position:absolute; top:90px; left:0px; right:0px; text-align:center; z-index:1;}
.smart_dt div.tit dd{ font-size:48px; font-weight:bold;}
.smart_dt div.tit dl{ font-size:24px; margin-top:30px; line-height:48px;}

.smart_qh{ width:100%; overflow:hidden; margin-bottom:140px; padding-bottom:140px; position:relative;}
.smart_qh .tit{ text-align:center; margin-bottom:80px;}
.smart_qh .tit dd{ font-size:48px; font-weight:bold;}
.smart_qh .tit dl{ font-size:24px; margin-top:30px;}

.smart_qh .tab{ overflow:hidden;}
.smart_qh .tab .c{ display:none; overflow:hidden;}
.smart_qh .tab .c img{ margin-bottom:-4px;}
.smart_qh .nav{ position:absolute; bottom:0px; text-align:center; left:0px; right:0px; font-size:24px; height:55px;}
.smart_qh .nav i{ border-bottom:3px solid #000000; padding-bottom:20px;  cursor:pointer; margin:0px 80px;}
.smart_qh .nav i.on,.smart_qh .nav i:hover{ border-bottom:3px solid #ffffff;}

.smart_sp{ margin-bottom:50px;}
.smart_sp .tit{ text-align:center; margin-bottom:30px;}
.smart_sp .tit dd{ font-size:48px; font-weight:bold;}
.smart_sp .tit dl{ font-size:24px; margin-top:30px; line-height:48px;}

.smart_lm{ margin-bottom:210px; height:146px;}
.smart_lm ul,.smart_lm ul li{ overflow:hidden;}
.smart_lm ul{ max-width:1558px; margin:0px auto;}
.smart_lm ul li{ float:left; height:146px; width:287px; margin:0px 50px; text-align:center; cursor:pointer;}
.smart_lm ul li:hover{ background:url(../images/lm_bj.png) no-repeat;}
.smart_lm ul li dd{ font-size:24px; font-weight:bold; margin-top:25px;}
.smart_lm ul li dl{ font-size:18px; color:#999999; margin-top:30px;}

.smart_wifi{ margin-bottom:150px;}
.smart_wifi .tit{ text-align:center; margin-bottom:110px;}
.smart_wifi .tit dd{ font-size:48px; font-weight:bold;}
.smart_wifi .tit dl{ font-size:24px; margin-top:30px;}
.smart_wifi ul,.smart_wifi ul li{ overflow:hidden;}
.smart_wifi ul{ width:102%;}
.smart_wifi ul li{ float:left; width:548px; height:630px; margin-right:16px;}
.smart_wifi ul li ol{ height:316px; margin-bottom:60px;}
.smart_wifi ul li ol img{ margin-bottom:-4px;}
.smart_wifi ul li dd{ font-size:36px; font-weight:bold; margin-bottom:20px;}
.smart_wifi ul li dl{ font-size:18px; line-height:50px;}

.smart_bg #i1,.smart_bg #i2,.smart_bg #i3,.smart_bg #i4,.smart_bg #i5,.smart_bg #i6,.smart_bg #i7{ position:relative; padding-top:50vh; margin-top:-50vh;}
.smart_bg #i1{ z-index:7;}
.smart_bg #i2{ z-index:6;}
.smart_bg #i3{ z-index:5;}
.smart_bg #i4{ z-index:4;}
.smart_bg #i5{ z-index:3;}
.smart_bg #i6{ z-index:2;}
.smart_bg #i7{ z-index:1;}
.smart_banner{ width:100%; overflow:hidden; position:relative; z-index:9;}
.smart_banner img.bg{ margin-bottom:-4px;}
.smart_banner img.tb{ position:absolute; top:140px; left:50%; margin-left:-227.5px;}
#i1 .smart_banner img.tb{ position:absolute; top:200px; left:50%; margin-left:-623.5px; opacity:0;}
#i1 .smart_banner dl{ position:absolute; text-align:center; font-size:30px; color:#ffffff; bottom:170px; width:100%; opacity:0;}
#i1 .smart_banner img.bg{ opacity:0;transition:all .5s ease;}
#i1.on .smart_banner img.bg{ opacity:1;transition:all .5s ease;}
#i1.on .smart_banner img.tb{ opacity:1;transition:all .5s ease; top:50px;}
#i1.on .smart_banner dl{ opacity:1;transition:all .5s ease;}
#i2 .smart_dt img.bg,#i3 .smart_qh .tab{ opacity:0;transition:all .5s ease;}
#i2.on .smart_dt img.bg,#i3.on .smart_qh .tab{ opacity:1;transition:all .5s ease;}
#i2 .smart_dt div.tit,#i3 .smart_qh .tit,#i4 .smart_sp .tit,#i6 .smart_wifi .tit{ opacity:0;transition:all .5s ease; margin-top:50vh;}
#i2.on .smart_dt div.tit,#i3.on .smart_qh .tit,#i4.on .smart_sp .tit,#i6.on .smart_wifi .tit{ opacity:1;transition:all .5s ease; margin-top:0px;}
#i5 .smart_lm ul{ opacity:0; margin-left:100%; transition:all .5s ease;}
#i5.on .smart_lm ul{ opacity:1; margin-left:0%; transition:all .5s ease;}

/*万物互联*/
.banner_wh{ height:1080px;}
.whhl_bg{ width:100%; overflow:hidden; background:url(../images/whhl_bg.jpg) no-repeat scroll 50% top #0b0f19; min-height:1950px; color:#ffffff;}

.whhl_jj{ color:#ffffff; margin-top:175px; margin-bottom:80px;}
.whhl_jj dd{ font-size:36px; font-weight:bold;}
.whhl_jj dl{ font-size:16px; line-height:32px; margin-top:40px;}

.whhl_sj{ margin-bottom:380px; overflow:hidden;}
.whhl_sj li{ float:left; width:25%;}
.whhl_sj li dd{ font-size:48px; font-weight:bold; color:#0364dd;}
.whhl_sj li dd i{ font-size:36px;}
.whhl_sj li dl{ font-size:16px; color:#999999; margin-top:10px;}

.whhl_st{ margin-bottom:120px;}
.whhl_st div.l{ float:left; font-size:36px; font-weight:bold; width:350px;}
.whhl_st ul.r,.whhl_st ul.r li{ overflow:hidden;}
.whhl_st ul.r{ margin-top:50px;}
.whhl_st ul.r li{ float:left; width:25%; height:160px; position:relative;}
.whhl_st ul.r li a{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; border:1px solid #e0e0e0;}
.whhl_st ul.r li a img{ margin:auto; position:absolute; top:0px; left:0px; bottom:0px; right:0px; transition:all .5s ease;}
.whhl_st ul.r li a:hover img{ transition:all .5s ease; transform:scale(1.1);}

/*so_banner*/
.so_banner{ width:100%; height:240px;margin-top:100px; background-repeat:no-repeat; background-position:50%;display:flex;align-items:center;position:relative;}
.so_banner form{ max-width:770px; width:90%; background-color:#ffffff; margin:0px auto; padding:0px 30px; height:60px; border-radius:40px;}
.so_banner form .s_btn,.so_banner form .s_txt{ line-height:60px; border:0px; background:none; outline:none;}
.so_banner form .s_btn{ font-size:24px; color:#4d4d4d; float:left; width:30px;}
.so_banner form .s_txt{ float:right; width:95%; font-size:16px; color:#333333;}

.so_banner .lm{ position:absolute; bottom:10px; text-align:center; left:0px; right:0px; line-height:32px;}
.so_banner .lm a{ font-size:16px; color:#333333; margin:0px 15px; font-weight:bold;}
.so_banner .lm a.o,.so_banner .lm a:hover{ color:#143081;}

.so_lsit{ position:relative; padding:30px 0px 50px}
.so_lsit ul{ overflow:hidden; min-height:80vh; max-width:930px; margin:0px auto; position:relative; padding-top:50px;}
.so_lsit .g{ position:absolute; width:100%; top:0px; font-size:16px; color:#999999;}
.so_lsit .g b{ color:#333333;}

.so_lsit ul li{ overflow:hidden; margin-bottom:40px;}
.so_lsit ul li a{ display:block;}
.so_lsit ul li a dd{ font-size:24px; font-weight:bold; color:#333333;}
.so_lsit ul li a ol{ font-size:14px; color:#999999; margin-top:10px;}
.so_lsit ul li a dt{ display:block; color:#333333; margin-top:10px;}
.so_lsit ul li a dl{ font-size:16px; color:#212121; line-height:32px; margin-top:10px;}

.so_lsit .fenye{ max-width:930px; margin:0px auto;}

/*vr_con*/
.vr_con{ padding:120px 0px;}
.vr_con div.c{ overflow:hidden; height:1080px;}

.sp_lm{ margin-bottom:30px; overflow:hidden;}
.sp_lm div.bg{ margin:0px auto; width:360px; height:50px; overflow:hidden; background-color:#f2f2f2; border-radius:30px;}
.sp_lm div.bg dl{ width:50%; float:left; position:relative; height:50px; cursor:pointer;}
.sp_lm div.bg dl a{ position:absolute; padding-left:36px; width:64px; font-size:16px; color:#333333; height:24px; line-height:24px; background-repeat:no-repeat; left:40px; top:50%; margin-top:-12px; overflow:hidden;}
.sp_lm div.bg dl:hover a{ color:#21adde;}

.video_list{ padding:120px 0px;}
.video_list ul,.video_list ul li{ overflow:hidden;}
.video_list ul{ width:100%; min-height:80vh;}
.video_list ul li{ float:left; width:30.455%; margin:0px 1.4%; height:460px; margin-bottom:30px;}
.video_list ul li a{ display:block; font-weight:bold;}
.video_list ul li a ol{ position:relative; overflow:hidden;}
.video_list ul li a ol img{ margin-bottom:-4px; transition:all .5s ease;}
.video_list ul li a:hover ol img{ transform:scale(1.1); transition:all .5s ease;}
.video_list ul li a ol i{ position:absolute; font-size:70px; color:rgba(255,255,255,0.8); z-index:2; left:50%; top:50%; margin-top:-35px; margin-left:-30px;}
.video_list ul li a dd{ font-size:26px; color:#333333; text-align:center; overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; margin-top:15px;}
.video_list ul li a dl{ margin-top:10px; font-size:24px; color:#999999; text-align:center;}
.video_list .more{ overflow:hidden; font-size:25px; text-align:center;}
.video_list .more a{ display:block; color:#333333;}
.video_list .more a:hover{ color:#21adde;}

.popupbox a.popupbox_i{position:absolute; right:0px; top:0px; font-size:32px; color:#ffffff; margin-right:-35px;}
.popupbox{width:80%;height:80vh;display:none;position:fixed;top:50%; left:50%;z-index:9992;}
.popupbox video{ width:100%; height:100%;}
.popupbox video::-webkit-media-controls{ display:none !important; }
#fade { display:none;background:#000000;position:fixed; left:0; top:0;width:100%; height:100%;opacity:.80;z-index:9991;}

/*解决方案*/
.jjfa_bg{ width:100%; overflow:hidden; background-color:#000000; color:#ffffff; padding:120px 0px;}
.jjfa_bg div{ overflow:hidden; }
.jjfa_bg .tit{ text-align:center;}
.jjfa_bg .tit ol{color:#7f7f7f; overflow:hidden;}
.jjfa_bg .tit dd{ font-weight:bold; }
.jjfa_bg .tit dl{ line-height:1.5;}
.jjfa_bg video::-webkit-media-controls-enclosure{display:none !important;}

.jjfa_banner .tit{ margin:90px 0px; }
.jjfa_banner .tit dd{ font-size:80px; }

.jjfa_zj .tit{ margin:40px 0px 60px; }
.jjfa_zj .tit ol{ font-size:48px; margin-bottom:16px; }
.jjfa_zj .tit dd{ font-size:65px;}
.jjfa_zj .tit dl{ font-size:24px; margin-top:100px;}

.jjfa_dt{ padding:160px 0px; }
.jjfa_dt .tit dd{ font-size:50px;}
.jjfa_dt .con{ font-size:25px; line-height:1.5; margin-top:200px;}
.jjfa_dt .con div.l{ float:left; width:40%; margin-top:100px;}
.jjfa_dt .con div.r{ float:right; width:50%;}

.jjfa_qwhl{ padding-bottom:100px; }
.jjfa_qwhl .tit{ margin:60px 0px; }
.jjfa_qwhl .tit ol{ font-size:48px; margin-bottom:16px; }
.jjfa_qwhl .tit dd{ font-size:65px;}
.jjfa_qwhl .tit dl{ font-size:48px; margin-top:160px;}
.jjfa_qwhl div.i,.jjfa_qwhl ul{ max-width:1080px; margin:0px auto; }
.jjfa_qwhl ul,.jjfa_qwhl ul li{ overflow:hidden; }
.jjfa_qwhl ul{ margin-top:80px; }
.jjfa_qwhl ul li{ width:40%; padding:30px 4%; min-height:140px; margin-top:30px; border-radius:16px; background-color:#262626;}
.jjfa_qwhl ul li.l{ float:left; }
.jjfa_qwhl ul li.r{ float:right; }
.jjfa_qwhl ul li dl{ font-size:32px; margin-bottom:20px; }
.jjfa_qwhl ul li dd{ color:#7f7f7f; font-size:24px; }

.jjfa_qwwi{ font-size:25px; line-height:1.5; padding:130px 0px 190px;}
.jjfa_qwwi .tit dd{ font-size:50px;}
.jjfa_qwwi .con{ margin-top:65px; }
.jjfa_qwwi .con ul,.jjfa_qwwi .con ul li{ overflow:hidden; }
.jjfa_qwwi .con ul.l{ float:left;  width:40%;}
.jjfa_qwwi .con ul.l li{border-radius:16px; margin-bottom:20px; background-color:#1d1d1d; padding:20px; color:#717171;cursor:pointer; }
.jjfa_qwwi .con ul.l li.on{background-color:#4c4c4c;color:#ffffff;}
.jjfa_qwwi .con ul.l li dd{ font-size:32px; margin-bottom:16px; }
.jjfa_qwwi .con ul.l li dl{ font-size:22px; }
.jjfa_qwwi .con ul.r{ float:right; width:50%;}
.jjfa_qwwi .con ul.r li{ display:none; }

.jjfa_dt_m{ padding:60px 0px 40px; }
.jjfa_dt_m .tit ol{ font-size:48px; margin-bottom:16px; }
.jjfa_dt_m .tit dd{ font-size:65px;}
.jjfa_dt_m .tit dl{ font-size:48px; margin-top:120px; text-align:left;}

.jjfa_qmsdxt{ padding:100px 0px 140px; }
.jjfa_qmsdxt .tit ol{ font-size:48px; margin-bottom:16px; }
.jjfa_qmsdxt .tit dd{ font-size:65px;}
.jjfa_qmsdxt .con{ margin-top:160px; }

.jjfa_jh{ padding-top:96px; }
.jjfa_jh .tit{ text-align:left; font-size:48px; margin-bottom:60px;}

.jjfa_jh_qh,.jjfa_jh_qh li{ height:auto; }
.jjfa_jh_qh .flex-direction-nav li a{ display:none; }
.jjfa_jh_qh .flex-viewport{ overflow:hidden !important;}
.jjfa_jh_qh .flex-control-nav{display:block; margin-top:32px; width:100%; text-align:center;}
.jjfa_jh_qh .flex-control-nav li{ margin:0px 0.5rem; display:inline-block;width:1rem;height:1rem; cursor:pointer;position:relative;overflow:hidden;}
.jjfa_jh_qh .flex-control-nav li a{text-indent:-99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,.42);}
.jjfa_jh_qh .flex-control-nav li a:hover,.jjfa_jh_qh .flex-control-nav li a.flex-active{ background-color:rgba(255,255,255,1);}

.jjfa_jh_f_qh{ margin-bottom:80px; }

/*场景体验*/
.cjty_top{ overflow:hidden; margin-top:80px; position:relative; width:100%; overflow:hidden; }
.cjty_top div.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; display:flex; align-items:center; }
.cjty_top div.bg div{ width:100%; text-align:center; color:#ffffff;}
.cjty_top div.bg div dd{ font-size:80px; font-weight:bold;}
.cjty_top div.bg div dl{ font-size:50px; margin-top:45px;}

.cjty{ padding:40px 0px 120px; }
.cjty .tit{ margin:40px 0px; text-align:center; color:#333333;}
.cjty .tit dd{ font-size:36px; font-weight:bold;}
.cjty .tit dl{ font-size:24px; margin-top:1.5vh;}

.cjty ul,.cjty ul li{ overflow:hidden; }
.cjty ul.cjty_t{}
.cjty ul.cjty_t li{ display:none; position:relative; }
.cjty ul.cjty_t li div.bg{ position:absolute; left:5%; right:5%; top:40px; color:#ffffff; font-size:16px; line-height:2;}
.cjty ul.cjty_t li div.bg strong{ font-size:36px; }
.cjty ul.cjty_f{ background-color:#212121; padding:30px 0px; text-align:center;}
.cjty ul.cjty_f li{display:inline-block; color:#ffffff; opacity:0.5;cursor:pointer; border-top:1px solid #ffffff; padding:5px 0px; margin:0px 20px;}
.cjty ul.cjty_f li.on{ opacity:1; }