/* CSS Document */
@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; color:#333333; background:#FFF;}
ul,li,dl,dt,dd{ list-style:none; margin:0; padding:0}
a{ text-decoration:none; color:#333333; margin:0; padding:0; border:0;}
p,h2,h3,h4,img,div{ border:0; margin:0; padding:0;}
input,textarea{ border:0; outline:none;}
.clear{ clear:both;}
img{ max-width:100%; vertical-align:top;}
.w1200{ width:100%; margin:0 auto;}

header{ height:100px;background:rgba(0,0,0,0.5); position:fixed;left: 0;top: 0;z-index: 999;width: 100%;}
header .h_c{ width:80%; margin:0 auto; overflow:hidden;}
header .h_c .logo{ float:left; margin:24px 0;}
header .h_c .tel{ float:right; font:normal 14px/30px "微软雅黑"; color:#FFF; margin:35px auto;}
header .h_c .tel img{ display:inline-block; vertical-align:top; width:30px; margin-right:10px;}
header .h_c .menu{ float:right; font:normal 14px/50px "微软雅黑"; color:#FFF; margin:25px 50px 25px auto;}
header .h_c .menu ul li{ float:left; width:100px; text-align:center;}
header .h_c .menu ul li a{ color:#FFF;}
header .h_c .menu ul li.on a{ color:#FB3838; position:relative;}
header .h_c .menu ul li.on a:after{ content:''; position:absolute; left:50%; bottom:-10px; margin-left:-3px; width:6px; height:6px; background:#FB3838; border-radius:50%;}

/*手机*/
.phone_menu_trigger {display:none;position:absolute;right:10px;top:50%;z-index:10;transform:translateY(-50%);transition:all 0.4s ease-in-out;z-index:11;}
.phone_menu_trigger > div {width:30px;height:3px;cursor:pointer;background:#fff;transition:all 0.4s ease-in-out;}
.phone_menu_trigger > div:not(:last-child) { margin-bottom:6px;}
.phone_menu_trigger.on div:nth-child(1) { transform:rotateZ(45deg) translateY(6px);}
.phone_menu_trigger.on div:nth-child(2) { transform:rotateZ(-45deg) translateY(-6px);}
.phone_menu_trigger.on div:nth-child(3) { height:0px;}
/*手机导航内容*/
.phone_menu {display:none;position:fixed;top:0;left:0; z-index:999; overflow:scroll; background:#fff;padding:0 0 66px;width:100%;height:100%;margin-top:60px;}
.phone_menu > li {font:normal 18px/54px "微软雅黑";color:#000;border-bottom:dashed 1px #ccc;}
.phone_menu > li > a {display:block;color:#333;padding-left:15px;font-size:20px;position:relative;}
.phone_menu > li > .phone_menu_tab {padding-left:.4rem;display:none;}
.phone_menu > li > .phone_menu_tab > li {position:relative;}
.phone_menu > li > .phone_menu_tab > li > a {font-size:0.15rem;color:#000000;padding-left:0.15rem;}
.phone_menu > li > .phone_menu_tab > li:before {content:'';display:block;width:5px;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:50%;background:#692f1f;}
.phone_menu > .MpNav > a:after {content:'';transition:all 0.4s ease-in-out;display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);border-style:solid solid none solid;border-width:8px;border-color:#cd7d6c transparent transparent transparent;}
.phone_menu > .MpNav > a.open:after {transform:rotate(-180deg);}

.ind_box1 .ind_tit>dl>div{ width:58px; height:2px; margin:15px auto 20px; background:#FB3838;}
.ind_box2 .ind_tit>dl>div{ width:58px; height:2px; margin:15px auto 23px; background:#FB3838;}
.ind_box3 .ind_tit>dl>div{ width:58px; height:2px; margin:15px auto 20px; background:#FB3838;}
.ind_box4 .ind_tit>dl>div{ width:58px; height:2px; margin:15px auto 20px; background:#FB3838;}


.ind_tit{ padding:70px 0 25px 0; text-align:center;}
.ind_tit>dl>h1{font:normal 40px/40px "微软雅黑";color:#727171;}
.ind_tit>dl>dt{font:normal 40px/40px "微软雅黑";color:#727171;}
.ind_tit>dl>dd{font:normal 22px/55px "Arial";color:#727171;letter-spacing: 2px}
.ind_tit>dl>p{ font:normal 18px/36px "微软雅黑"; color:#909090;display: inline-block;width:37%;text-align: center;}
.ind_box1{ overflow:hidden;}
.ind_box1 .ind_zt_lm{ text-align:center;}
.ind_box1 .ind_zt_lm > div{ margin:0 auto; /*border-top:1px dashed #d1d1d1;*/ display:inline-block;}
.ind_box1 .ind_zt_lm > div a{ display:inline-block; font:normal 16px/70px "微软雅黑"; color:#a4a4a4; padding:0 25px; position:relative;}
.ind_box1 .ind_zt_lm >div a:hover:after{ content:''; position:absolute; left: 50%; bottom:10px; margin-left:-3px; width:6px; height:6px; background:#FB3838; border-radius:50%;}
.ind_box1 .ind_zt_lm > div a:hover{ color:#ff0000;}
.ind_box1 .ind_zt_list{ overflow:hidden;}
.ind_box1 .ind_zt_list ul{ overflow:hidden;   padding: 0 10%;}
.ind_box1 .ind_zt_list li{ width:33.333%; float:left;margin-bottom: 10px;}
.ind_box1 .ind_zt_list li a{ background:#fff; display:block;transition: 0.3s;}
.ind_box1 .ind_zt_list li a div{ position:relative; overflow:hidden; padding-top: 62.4%;}
.ind_box1 .ind_zt_list li a div img{ width:100%; display:block; vertical-align:top;transition: 0.3s;position: absolute;top: 0;left: 0;}
.ind_box1 .ind_zt_list li a div span{ display:block;width: 100%; height: 50px; position: absolute; bottom: -50px; left: 0; line-height: 50px; color: #a9a9a9; background: rgba(0,0,0,0.5); background: #666\9; text-align: left;  text-indent: 20px; z-index: 3; transition: 0.3s;}
.ind_box1 .ind_zt_list li a p{ text-align:center; font:normal 18px/50px "微软雅黑";}
.ind_box1 .ind_zt_list li a:hover{ background-color:transparent;}
.ind_box1 .ind_zt_list li a:hover p{ color:#FFF;}
.ind_box1 .ind_zt_list li a:hover div img{transform: scale(1.1);}
.ind_box1 .ind_zt_list li a:hover div span{bottom: 0;}
.ind_box1 .ind_zt_list .btn{ text-align:center; height:80px; background:#f1f1f1;}
.ind_box1 .ind_zt_list .btn a{width: 52px; height: 50px; display: inline-block; margin: 17px 5px; transition: 0.3s;}
.ind_box1 .ind_zt_list .btn a.prev{background: #fff url("../images/works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat 0 0;}
.ind_box1 .ind_zt_list .btn a.next{background: #fff url("../images/works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat -52px -48px;}
.ind_box1 .ind_zt_list .btn a.more{background: #fff url("../images/works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center -50px;width: 92px;}
.ind_box1 .ind_zt_list .btn a.prev:hover{background: #333 url("../images/works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat -52px 0;}
.ind_box1 .ind_zt_list .btn a.next:hover{background: #333 url("../images/works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat 0 -50px;}
.ind_box1 .ind_zt_list .btn a.more:hover{background: #333 url("../images/works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center 0;}

.ind_zt_listsj{
	display: none;
}


.ind_box2{ overflow:hidden;}
.ind_box2 .ind_szh{ overflow:hidden;margin: 0 10%;}
.ind_box2 .ind_szh ul li{ float:left; height:auto; position:relative; overflow:hidden;}
.ind_box2 .ind_szh ul li.szh1{ width:20%;}
.ind_box2 .ind_szh ul li.szh2{ width:40%;}
.ind_box2 .ind_szh ul li img{transform: scale(1.05); -webkit-transform: scale(1.05); transition: 1s;}
.ind_box2 .ind_szh ul li .lay{ width:100%; height:100%; background: rgba(0,0,0,0.5); top: 0px; position: absolute;opacity:0;font-size: 12px;border: 5px solid #ffffff; box-sizing:border-box; transition: opacity 1s; z-index:2;}
.ind_box2 .ind_szh ul li .lay>div{ position:absolute; bottom:5px; padding:0 0 0 20px;}
.ind_box2 .ind_szh ul li .lay>div h3{ font:normal 24px/30px "微软雅黑"; color:#ffffff;}
.ind_box2 .ind_szh ul li .lay>div span{ font:normal 16px/30px "微软雅黑"; color:#a72a23;}
.ind_box2 .ind_szh ul li:hover img{ transform: scale(1)!important; -webkit-transform: scale(1)!important;}
.ind_box2 .ind_szh ul li:hover .lay{opacity:1;}

.ind_box3{ overflow:hidden; margin:0 10%;}
.ind_box3 .ind_kh ul{ overflow:hidden;border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; box-sizing:border-box;}
.ind_box3 .ind_kh ul li{text-align: center; float:left; width:20%;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;box-sizing:border-box; position:relative;}
.ind_box3 .ind_kh ul li:after{ content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-shadow: inset 0 0 0 0 #eee;transition: 0.2s;}
.ind_box3 .ind_kh ul li img{ max-width:75%;opacity: 1;transition: 0.3s ease-in-out;}
.ind_box3 .ind_kh ul li:hover img{opacity: 1;filter: none;transform: scale(1.2);}


.ind_box4{ overflow:hidden;margin-bottom: 30px;}
.ind_box4 .ind_xw{padding: 0 10%;}
.ind_box4 .ind_xw .box{ width:30%; background: #f8f8f8; padding-bottom:15px; float:left;}
.ind_box4 .ind_xw .box:not(:last-child){ margin-right:5%;}
.ind_box4 .ind_xw .box h3{ font:normal 18px/20px "微软雅黑"; color:#999; padding:20px 10px;}
.ind_box4 .ind_xw .box img{ width:100%;}
.ind_box4 .ind_xw .box dl{ padding:0 10px;}
.ind_box4 .ind_xw .box dl dt{ font:normal 16px/40px "微软雅黑";}
.ind_box4 .ind_xw .box dl a:hover{ color:#098e0d}
.ind_box4 .ind_xw .box dl dt span{ float:right; font-size:14px; color:#b4b4b4;}
.ind_box4 .ind_xw .box dl dd{ font:normal 12px/20px "微软雅黑"; color:#999; border-bottom:1px dashed #999; padding-bottom:20px; margin-bottom:10px;}
.ind_box4 .ind_xw .box .more{width:92px; height: 50px; display: block; transition: 0.3s;background: #fff url("../images/works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center -50px; margin:10px auto 0;}
.ind_box4 .ind_xw .box .more:hover{background: #333 url("../images/works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center 0;}

.ind_box5{ overflow:hidden; background:#f8f8f8; padding:50px 0 0; margin-top:100px;}
.ind_box5 .ind_msg h3{ height:60px; background:#d7d7d7; font:normal 20px/60px "微软雅黑";}
.ind_box5 .ind_msg h3:hover{ background:#333; color:#FFF;}
.ind_box5 .ind_msg h3 p{ cursor:pointer;}
.ind_box5 .ind_msg h3 p img{ display:inline-block; vertical-align:middle;}
.ind_box5 .ind_msg #ind_msg_box{ height:0; overflow:hidden;}
.ind_box5 .ind_msg .ind_msg_wz{ width:380px; float:left;}
.ind_box5 .ind_msg .box{ width:690px; float:right; transition: 0.3s;}
.ind_box5 .ind_msg .box .ts{ width:87.5%; margin:0 auto;}
.ind_box5 .ind_msg .box input{ width:96%; padding:0 2%; height:35px; border-radius:5px; margin-bottom:15px;}
.ind_box5 .ind_msg .box textarea{ width:96%; padding:0 2%; height:70px; border-radius:5px; margin-bottom:15px;}
.ind_box5 .ind_msg .box p{ text-align:center;}
.ind_box5 .ind_msg .box button{ width:200px; height:35px; border:0; display:inline-block; background:#FFF; border-radius:5px;}
.ind_box5 .ind_msg .box button:hover{ background:#333; color:#FFF;}
.ind_box5 .ind_msg .show{ height:auto!important; padding:50px 0 0;}

footer{ overflow:hidden; background:#f8f8f8; padding:30px 0; color:#ccc;}
footer .tit{ width:340px; float:left; font:normal 30px/60px "微软雅黑"; padding:0; color:#4c4948; text-align:left;}
footer .con{ width:350px; float:left; font:normal 18px/30px "微软雅黑"; color:#4c4948; padding-top:15px;}
footer .con div{ margin-bottom:10px; overflow:hidden;}
footer .con div>span{ display:block; float:left; font:bold 12px/30px "微软雅黑"; width:45px; text-align:right; margin-right:25px;}
footer .con div>div{ float:left;}
footer .con div:nth-child(1)>div{ font:bold 24px/30px "微软雅黑";}
footer .copyright{ width:360px; float:right; padding-top:15px; font:normal 18px/45px "微软雅黑"; color:#727171;}
footer .linkurl{ width:360px; float:right;}
footer .linkurl a{ color:#ccc; display:inline-block; padding-right:20px;font:normal 18px/45px "微软雅黑"; color:#727171;}
footer .linkurl>a:hover{ color:#333;}
.f_links{ overflow:hidden;font:normal 16px/30px "微软雅黑"; color:#727171; background:#f8f8f8; padding-bottom:30px;}
.f_links span{ display:inline-block;}
.f_links a{ display:inline-block; margin-right:15px;}


.gotop{ position:fixed; right:10px; bottom:50px;}

.ny_banner{ width:100%; min-height:300px; overflow:hidden;}
.ny_banner img{ width:100%;}

.ny_tit{ padding:25px 0; text-align:center;}
.ny_tit>div{ font:normal 30px/60px "微软雅黑";}
.ny_tit>span{font:100 22px/20px "Arial";}
.ny_tit>dl{ width:58px; height:2px; margin:15px auto; background:#FB3838;}
.ny_tit>p{ font:normal 16px/30px "微软雅黑"; color:#909090;}
.ny_main{ overflow:hidden;}
.ny_main .ny_abo_con{ text-align:center; font:normal 14px/30px "微软雅黑";}
.ny_main .ny_fgs{ overflow:hidden; font:normal 30px/60px "微软雅黑"; margin-top:50px;}
.ny_main .ny_fgs .tit{ font:normal 30px/60px "微软雅黑"; border-top:1px solid #797979; border-bottom:1px solid #797979;}
.ny_main .ny_fgs .tit span{ float:right; font:normal 14px/60px "微软雅黑"; display:inline-block; padding:0 20px; cursor:pointer;}
.ny_main .ny_fgs ul{ overflow:hidden; height:0;transition: 0.2s;}
.ny_main .ny_fgs ul li{ float:left; width:48%; border-bottom:1px solid #797979; margin:15px 0;}
.ny_main .ny_fgs ul li:nth-child(2n){ float:right;}
.ny_main .ny_fgs ul li h3{ font:bold 16px/40px "微软雅黑";}
.ny_main .ny_fgs ul.show{ height:auto;}
.ny_main .ny_abo_box1{ overflow:hidden; padding:20px 0; position:relative;}
.ny_main .ny_abo_box1 .big_img{ width:100%; display:block;}
.ny_main .ny_abo_box1 ul{ position:absolute; left:50%; top:50px; transform: translateX(-50%); display:inline-block;}
.ny_main .ny_abo_box1 ul li{ width:80px; height:80px; float:left; margin:0 50px; border:1px solid #999; border-radius:50%; overflow:hidden; cursor:pointer;}
.ny_main .ny_abo_box1 ul li img{ width:100%; height:100%;}

.ny_main .ny_abo_hj ul{ overflow:hidden;border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; box-sizing:border-box;}
.ny_main .ny_abo_hj ul li{ float:left; width:33.33%;height:0px;padding-bottom:24.6%;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;box-sizing:border-box; position:relative; text-align:center;}
.ny_main .ny_abo_hj ul li:after{ content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-shadow: inset 0 0 0 0 #eee;transition: 0.2s;}
.ny_main .ny_abo_hj ul li img{ width:100%;opacity: 0.5;filter: grayscale(100%);transition: 0.3s ease-in-out;}
.ny_main .ny_abo_hj ul li:hover img{opacity: 1;filter: none;transform: scale(0.95) translateY(0px);}
.ny_main .ny_abo_hj ul li:hover:after{ box-shadow: inset 0 0 0 10px #f6f6f6;}

.ny_main .ny_abo_kh ul{ overflow:hidden;border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; box-sizing:border-box;}
.ny_main .ny_abo_kh ul li{ float:left; width:20%;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;box-sizing:border-box; position:relative;}
.ny_main .ny_abo_kh ul li:after{ content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-shadow: inset 0 0 0 0 #eee;transition: 0.2s;}
.ny_main .ny_abo_kh ul li img{ max-width:100%;opacity: 0.5;filter: grayscale(100%);transition: 0.3s ease-in-out;}
.ny_main .ny_abo_kh ul li:hover img{opacity: 1;filter: none;transform: scale(0.9) translateY(-8px);}
.ny_main .ny_abo_kh ul li:hover:after{ box-shadow: inset 0 0 0 10px #f6f6f6;}

.ny_main .ny_case_lm{ overflow:hidden; width:100%; margin:45px auto 30px; /*border-bottom:1px dashed #e5e5e5;*/}
.ny_main .ny_case_lm a{ display:inline-block; font:normal 18px/70px "微软雅黑"; margin-right:60px;}
.ny_main .ny_case_lm a.on{ position:relative; color:#FB3838;}
.ny_main .ny_case_lm a.on:after{ content:''; position:absolute; left: 50%; bottom:10px; margin-left: -3px; width:6px; height: 6px; background: #FB3838; border-radius: 50%;}
.ny_main .ny_case_list ul{ overflow:hidden;}
.ny_main .ny_case_list li{ width:30.5%; float:left;margin-right: 34px; /*margin:0 3% 0 0;*/}

.ny_main .ny_case_list li:nth-child(3n+1){/* margin:0 0 0;*/}
.ny_main .ny_case_list li a{ background:#fff; display:block;transition: 0.3s;}
.ny_main .ny_case_list li a div{ position:relative; overflow:hidden; padding-top: 62.4%;}
.ny_main .ny_case_list li a div img{ width:100%; display:block; vertical-align:top;transition: 0.3s;position: absolute;top: 0;left: 0;}
.ny_main .ny_case_list li a div span{ display:block;width: 100%; height: 50px; position: absolute; bottom: -50px; left: 0; line-height: 50px; color: #a9a9a9; background: rgba(0,0,0,0.5); /*background: #666*/; text-align: left;  text-indent: 20px; z-index: 3; transition: 0.3s;}
.ny_main .ny_case_list li a p{ text-align:center; font:normal 18px/79px "微软雅黑";}
.ny_main .ny_case_list li a:hover{ background-color:transparent;}
.ny_main .ny_case_list li a:hover p{ color:#FFF;}
.ny_main .ny_case_list li a:hover div img{transform: scale(1.1);}
.ny_main .ny_case_list li a:hover div span{bottom: 0;}
.ny_main .ny_case_list .btn{ text-align:center; height:80px;}
.ny_main .ny_case_list .btn a{width: 52px; height: 50px; display: inline-block; margin: 17px 5px; transition: 0.3s;}
.ny_main .ny_case_list .btn a.prev{background: #fff url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat 0 0;}
.ny_main .ny_case_list .btn a.next{background: #fff url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat -52px -50px;}
.ny_main .ny_case_list .btn a.more{background: #fff url("works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center -50px;width: 92px;}
.ny_main .ny_case_list .btn a.prev:hover{background: #333 url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat -52px 0;}
.ny_main .ny_case_list .btn a.next:hover{background: #333 url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat 0 -50px;}
.ny_main .ny_case_list .btn a.more:hover{background: #333 url("works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center 0;}

.ny_main .ny_case_detail{ overflow:hidden;}
.ny_main .ny_case_detail .tit{ width:31%; float:left; margin:55px 0; padding:70px 0 70px 0; border-right:1px dashed #797979;}
.ny_main .ny_case_detail .tit h1{ font:normal 24px/50px "微软雅黑";}
.ny_main .ny_case_detail .tit p{ font:normal 16px/40px "微软雅黑"; color:#545454;}
.ny_main .ny_case_detail .con{ width:60%; float:right; margin:55px 3% 55px 0;}
.ny_main .ny_case_detail .con dl{ width:32%; display:inline-block; text-align:center; margin-bottom:40px;}
.ny_main .ny_case_detail .con dl dt{ width:70px; height:70px; border:1px solid #797979; display:inline-block; border-radius:50%; font:normal 16px/70px "微软雅黑";}
.ny_main .ny_case_detail .con dl dd{ font:normal 20px/40px "微软雅黑";}
.ny_main .ny_case_detail .con div{ width:100%;font:normal 16px/30px "微软雅黑"; overflow:hidden;}
.ny_main .ny_case_detail .con div span{ display:block; float:left;}
.ny_main .ny_case_detail .con div span:first-child{ width:20%; text-align:right;}
.ny_main .ny_case_detail .con div span:last-child{ width:80%;text-align: left;padding-left: 73px;}
.ny_main .ny_case_detail .tit2{font:normal 20px/30px "微软雅黑"; text-align:center; height:60px;}
.ny_main .ny_case_detail .con2{font:normal 14px/25px "微软雅黑"; margin-bottom:50px;}
.ny_main .btn{ text-align:center; height:80px; background:#f1f1f1;}
.ny_main .btn a{width: 52px; height: 50px; display: inline-block; margin: 17px 5px; transition: 0.3s;}
.ny_main .btn a.prev{background: #fff url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat 0 0;}
.ny_main .btn a.next{background: #fff url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat -52px -50px;}
.ny_main .btn a.more{background: #fff url("works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center -50px;width: 92px;}
.ny_main .btn a.prev:hover{background: #333 url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat -52px 0;}
.ny_main .btn a.next:hover{background: #333 url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat 0 -50px;}
.ny_main .btn a.more:hover{background: #333 url("works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center 0;}

.ny_main .ny_tuijian{ overflow:hidden;}
.ny_main .ny_tuijian .tit{ padding: 25px 0; text-align: center;}
.ny_main .ny_tuijian .tit div{ font: normal 30px/60px "微软雅黑";}
.ny_main .ny_tuijian .tit p{ font: normal 16px/30px "微软雅黑"; color: #909090;}
.ny_main .ny_tuijian ul{ overflow:hidden;}
.ny_main .ny_tuijian li{ width:30%; float:left; margin:0 5% 20px 0;}
.ny_main .ny_tuijian li:nth-child(3n){ margin:0 0 20px;}
.ny_main .ny_tuijian li a{ background:#fff; display:block;transition: 0.3s;}
.ny_main .ny_tuijian li a div{ position:relative; overflow:hidden; padding-top: 62.4%;}
.ny_main .ny_tuijian li a div img{ width:100%; display:block; vertical-align:top;transition: 0.3s;position: absolute;top: 0;left: 0;}
.ny_main .ny_tuijian li a div span{ display:block;width: 100%; height: 50px; position: absolute; bottom: -50px; left: 0; line-height: 50px; color: #a9a9a9; background: rgba(0,0,0,0.5); background: #666; text-align: left;  text-indent: 20px; z-index: 3; transition: 0.3s;}
.ny_main .ny_tuijian li a p{ text-align:center; font:normal 18px/50px "微软雅黑";}
.ny_main .ny_tuijian li a:hover{ background-color:transparent;}
.ny_main .ny_tuijian li a:hover p{ color:#FFF;}
.ny_main .ny_tuijian li a:hover div img{transform: scale(1.1);}
.ny_main .ny_tuijian li a:hover div span{bottom: 0;}
.ny_main .ny_comp{ background:#D7D7D7; text-align:center; padding:50px 0;}
.ny_main .ny_comp div{ font:normal 22px/50px "微软雅黑";}
.ny_main .ny_comp p{ font:normal 16px/50px "微软雅黑";}

.ny_main .ny_media_list ul{ overflow:hidden;}
.ny_main .ny_media_list li{ width:31%; float:left; margin:0 3.5% 0px 0;}
.ny_main .ny_media_list li:nth-child(3n){ margin:0 0 0px;}
.ny_main .ny_media_list li a{ background:#fff; display:block;transition: 0.3s;}
.ny_main .ny_media_list li a div{ position:relative; overflow:hidden; padding-top: 58.3%;}
.ny_main .ny_media_list li a div img{ width:100%; display:block; vertical-align:top;transition: 0.3s;position: absolute;top: 0;left: 0;}
.ny_main .ny_media_list li a div span{ display:block;width: 100%; height: 50px; position: absolute; bottom: -50px; left: 0; line-height: 50px; color: #a9a9a9; background: rgba(0,0,0,0.5); /*background: #666;*/ text-align: left;  text-indent: 20px; z-index: 3; transition: 0.3s;}
.ny_main .ny_media_list li a p{ text-align:center; font:normal 18px/80px "微软雅黑";}
.ny_main .ny_media_list li a:hover{ background-color:transparent;}
.ny_main .ny_media_list li a:hover p{ color:#FFF;}
.ny_main .ny_media_list li a:hover div img{transform: scale(1.1);}
.ny_main .ny_media_list li a:hover div span{bottom: 0;}

.ny_main .ny_media_con{ overflow:hidden;}
.ny_main .ny_media_con .tit{ width:40%; height:400px; float:left; text-align:center; margin:50px 0 0; background:#f2f2f2;}
.ny_main .ny_media_con .tit div{font: normal 24px/50px "微软雅黑"; margin:100px 0 0;}
.ny_main .ny_media_con .tit p{ font: normal 16px/40px "微软雅黑"; color: #545454; text-align:center;}
.ny_main .ny_media_con .tit .btn{ text-align:center; height:80px; background:#f1f1f1;}
.ny_main .ny_media_con .tit .btn a{width: 52px; height: 50px; display: inline-block; margin: 17px 5px; transition: 0.3s;}
.ny_main .ny_media_con .tit .btn a.prev{background: #fff url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat 0 0;}
.ny_main .ny_media_con .tit .btn a.next{background: #fff url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat -52px -50px;}
.ny_main .ny_media_con .tit .btn a.more{background: #fff url("works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center -50px;width: 92px;}
.ny_main .ny_media_con .tit .btn a.prev:hover{background: #333 url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat -52px 0;}
.ny_main .ny_media_con .tit .btn a.next:hover{background: #333 url("works_arr.png")/*tpa=http://www.fi-world.cn/images/works_arr.png*/ no-repeat 0 -50px;}
.ny_main .ny_media_con .tit .btn a.more:hover{background: #333 url("works_more.png")/*tpa=http://www.fi-world.cn/images/works_more.png*/ no-repeat center 0;}
.ny_main .ny_media_con .img{ width:55%; height:400px;float:right; margin:50px 0 0; background:#cccccc;}
.ny_main .ny_media_con .img img{ max-width:100%; max-height:100%;}
.ny_main .ny_media_con .con{font: normal 14px/20px "微软雅黑"; background:#d7d7d7; margin:15px 0; padding:90px;}

.ny_main .ny_service_list{ overflow:hidden;}
.ny_main .ny_service_list li{ overflow:hidden; background:#d7d7d7;}
.ny_main .ny_service_list li .img{ width:20%; height:0; position:relative;padding-top: 20%; float:left; border-radius:50%; overflow:hidden; margin:50px 0 50px 20%;}
.ny_main .ny_service_list li .img img{ width:100%; height:100%; position:absolute; left:0; top:0;}
.ny_main .ny_service_list li .tit{ width:25%; float:right; text-align:center; margin:50px 20% 50px 0;}
.ny_main .ny_service_list li .tit div{ margin:10% 0 0; font:normal 20px/100px "微软雅黑";}
.ny_main .ny_service_list li .tit p{ font:normal 16px/30px "微软雅黑";}
.ny_main .ny_service_list li:nth-child(2n){ background:#f2f2f2;}
.ny_main .ny_service_list li:nth-child(2n) .img{ float:right; margin:50px 20% 50px 0;}
.ny_main .ny_service_list li:nth-child(2n) .tit{ float:left; margin:50px 0 50px 20%;}

.ny_main .ny_news_lm{ overflow:hidden; padding:50px 0;}
.ny_main .ny_news_lm a{ float:left;}
.ny_main .ny_news_lm a{ display:block; width:200px; height:50px; margin:0 -68px 0 0; text-align:center; font:normal 16px/50px "微软雅黑"; /*border:1px solid #797979;*/ border-radius:5px;letter-spacing: 2px;}
.ny_main .ny_news_lm a.on{ position:relative; color:#FB3838;padding-bottom: 9px;}
.ny_main .ny_news_lm a.on:after{ content:''; position:absolute; left: 50%; bottom:10px; margin-left: -3px; width:6px; height: 6px; background: #FB3838; border-radius: 50%;}
/*.ny_main .ny_news_lm li a:hover{ background:#333; color:#FFF;}*/
.ny_main .ny_news_list{ overflow:hidden;}
.ny_main .ny_news_list li{ width:30%; float:left; margin:0 5% 30px 0;}
.ny_main .ny_news_list li:nth-child(3n){ margin:0 0 30px 0;}
.ny_main .ny_news_list li .img{ height:180px; }
.ny_main .ny_news_list li .img img{ width:100%; height:100%;}
.ny_main .ny_news_list li .tit{ padding:10px 15px;background:#F2F2F2;color:#333 }
.ny_main .ny_news_list li .tit:hover{ padding:10px 15px; background:#343434;color:#FFF}
.ny_main .ny_news_list li .tit div{ font:normal 18px/40px "微软雅黑";}
.ny_main .ny_news_list li .tit p{ font:normal 14px/20px "微软雅黑"; height:40px; overflow:hidden; }
.ny_main .ny_news_list li .tit span{ display:block; text-align:right; font:normal 14px/20px "微软雅黑"; margin-top:10px;}

.ny_main .ny_news_detail .tit{ margin:50px 20% 50px 0;}
.ny_main .ny_news_detail .tit h1{ font:bold 20px/30px "微软雅黑"; margin:0; padding:0;}
.ny_main .ny_news_detail .tit p{ font:normal 14px/30px "微软雅黑";}
.ny_main .ny_news_detail .con{ overflow:hidden; padding:0px 0 50px;}

.ny_main .prev_next{ padding:20px 0; overflow:hidden; font:normal 16px/22px "微软雅黑";}
.ny_main .prev_next>div:first-child{ float:left;}
.ny_main .prev_next>div:last-child{ float:right;}


.ny_case_list ul{ overflow:hidden;}
.ny_case_list li{ width:30.5%; float:left;margin-right: 34px; /*margin:0 3% 0 0;*/}

.ny_case_list li:nth-child(3n+1){/* margin:0 0 0;*/}
.ny_case_list li a{ background:#fff; display:block;transition: 0.3s;}
.ny_case_list li a div{ position:relative; overflow:hidden; padding-top: 62.4%;}
.ny_case_list li a div img{ width:100%; display:block; vertical-align:top;transition: 0.3s;position: absolute;top: 0;left: 0;}
.ny_main .ny_case_list li a div span{ display:block;width: 100%; height: 50px; position: absolute; bottom: -50px; left: 0; line-height: 50px; color: #a9a9a9; background: rgba(0,0,0,0.5); /*background: #666*/; text-align: left;  text-indent: 20px; z-index: 3; transition: 0.3s;}
.ny_case_list li a p{ text-align:center; font:normal 18px/79px "微软雅黑";}
.ny_case_list .box{font-weight: 600;text-align: center;margin: 20px;font-size: 18px;}


.ny_main .ny_msg{ overflow:hidden; background:#f2f2f2; border-top:1px solid #797979; border-bottom:1px solid #797979; margin:50px auto;}
.ny_main .ny_msg .box{ width:980px; margin:50px auto;}
.ny_main .ny_msg .box .tit div{ font:normal 30px/60px "微软雅黑";}
.ny_main .ny_msg .box .tit p{ font:normal 18px/60px "微软雅黑";}
.ny_main .ny_msg .box input{ width:calc(100% - 60px); padding:10px 29px; font:normal 20px/30px "微软雅黑"; margin-bottom:10px; border:1px solid #797979; background:#FFF;}
.ny_main .ny_msg .box textarea{ width:calc(100% - 60px); padding:10px 29px; font:normal 20px/30px "微软雅黑"; margin-bottom:10px; border:1px solid #797979; background:#FFF; }
.ny_main .ny_msg .box .btn{ overflow:hidden;}
.ny_main .ny_msg .box button{ width:258px; height:50px; border:1px solid #797979; background:#FFF; border-radius:5px; float:right;}

.Right-fixed {
  position: fixed;
  right: .2rem;
  bottom: 1rem;
  border-radius: 2px;
  z-index: 10;
}
.Right-fixed > .Right-fixed-box {
  width: 56px;
  height: 56px;
  margin-bottom: 0.5rem;
  margin-right: 9px;
  cursor: pointer;
  /*background-color: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);*/
  }
  
 .Right-fixed > #back-ToTop > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
/*.Right-fixed > .Right-fixed-box:hover {
  background-color: #FFFFFF;
}*/

@media only screen and (max-width: 1170px) {
	.w1200{ width:100%;}
	header{ height:auto;}
	header .h_c{ width:auto; padding:0 10px;}
	header .h_c .logo{ margin:10px 0;}
	header .h_c .logo img{ height:40px;}
	header .h_c .tel{ display:none;}
	header .h_c .menu{ display:none;}
	.phone_menu_trigger{ display:block;}
	
	.banner .video .mask{ background-size:cover;}
	.banner .video video{ margin-top:60px;}
	
	.ind_tit{ padding:20px 10px 10px;}
	.ind_tit>dl>h1{ font:normal 26px/30px "微软雅黑";}
	.ind_tit>dl>dt{ font:normal 26px/30px "微软雅黑";}
	.ind_tit>dl>dd{ font:normal 16px/30px Arial;}
	.ind_tit>dl>div{ margin:5px auto 10px!important;}
	.ind_tit>dl>p{ width:100%; font:normal 14px/26px "微软雅黑";}
	
	.ind_box1 .ind_zt_lm{ padding:0 10px;}
	/* .ind_box1 .ind_zt_lm > div a{ font:normal 12px/30px "微软雅黑"; padding:0 3px;display: inline-block;   border-bottom: 1px solid #ff557f;} */
	.ind_box1 .ind_zt_lm > div a{ font:normal 12px/30px "微软雅黑"; padding:0 3px;}
	.ind_box1 .ind_zt_lm >div a:hover:after{ content:''; position:absolute; left: 50%; bottom:10px; margin-left:-3px; width:0px; height:0px; background:#ffffff; border-radius:50%;}
	.ind_box1 .ind_zt_list li a div span{ display:none;}
	.ind_box1 .ind_zt_list li a p{ font:normal 14px/18px "微软雅黑"; height:36px; overflow:hidden;}
	
	.ind_box2 .ind_szh ul li .lay>div{ padding:0; width:100%;}
	.ind_box2 .ind_szh ul li .lay>div h3{ font:normal 16px/30px "微软雅黑"; text-align:center;}
	
	.ind_box4 .ind_xw .box{ width:31.33%; margin:0 1%!important;}
	.ind_box4 .ind_xw .box h3{ font:bold 16px/20px "微软雅黑"; padding:10px;}
	.ind_box4 .ind_xw .box dl{ padding:0 5px; display:none;}
	
	.ind_box5{ padding:20px 0 0; margin-top:10px;}
	.ind_box5 .ind_msg h3{ padding:0 10px;}
	.ind_box5 .ind_msg .show{ padding:30px 10px 0; width:auto;}
	.ind_box5 .ind_msg .box{ width:100%;}
	
	footer{ padding:30px 10px;}
	footer .tit{ width:100%;}
	footer .con{ width:100%; font:normal 14px/20px "微软雅黑";}
	footer .con div{ margin-bottom:5px;}
	footer .con div>span{ font:bold 12px/20px "微软雅黑";}
	footer .con div:nth-child(1)>div{ font:bold 20px/20px "微软雅黑";}
	footer .copyright{ width:100%;}
	footer .linkurl{ width:100%;}
	
	.ny_banner{ min-height:auto; padding-top:60px;}
	
	.ny_main .ny_abo_con{ padding:0 10px;}
	.ny_main .ny_abo_box1 ul{ width:100%; top:25px; text-align:center;}
	.ny_main .ny_abo_box1 ul li{ margin:0 10px; width:35px; height:35px; display:inline-block; float:none;}
	
	.ny_tit>p{ font:normal 14px/30px "微软雅黑";}
	
	.ny_main .ny_case_lm{ margin:20px 0;}
	.ny_main .ny_case_lm a{ font:bold 14px/26px "微软雅黑"; margin:0 10px;}
	.ny_main .ny_case_lm a.on:after{ bottom:0;}
	.ny_main .ny_case_list li{ width:31.33%; margin:0 1% 10px!important;}
	.ny_main .ny_case_list li a div span{ display:none;}
	.ny_main .ny_case_list li a p{ font:normal 14px/18px "微软雅黑"; height:18px; overflow:hidden;}
	
	.ny_main .ny_case_detail{ padding:0 10px;}
	.ny_main .ny_case_detail .tit{ width:100%; padding:0; margin:20px 0; border-right:0;}
	.ny_main .ny_case_detail .con{ width:100%; margin:0;}
	.ny_main .ny_case_detail .con dl{ margin-bottom:20px;}
	.ny_main .ny_case_detail .con div span:last-child{ width:100%; padding:0;}
	.ny_main .ny_case_detail img{ max-width:100%!important;}
	.ny_main .ny_tuijian li a div span{ display:none;}
	.ny_main .ny_tuijian li a p{ font:normal 14px/18px "微软雅黑";}
	
	.ny_main .ny_media_list li a div span{ display:none;}
	.ny_main .ny_media_list li a p{ font:normal 14px/18px "微软雅黑";}
	.ny_main .ny_comp{ padding:20px 0;}
	.ny_main .ny_comp p{ font:normal 14px/30px "微软雅黑";}
	
	.ny_main .ny_media_con .tit{ width:100%; margin:0;}
	.ny_main .ny_media_con .img{ width:100%; height:auto;}
	
	.ny_main .ny_news_lm{ padding:20px 0;}
	.ny_main .ny_news_lm a{ width:31.33%; height:30px; font:normal 16px/30px "微软雅黑"; margin:0; float:left;}
	.ny_main .ny_news_lm a.on:after{ bottom:0;}
	.ny_main .ny_news_list li .img{ height:70px;}
	.ny_main .ny_news_list li .tit{ padding:5px;}
	.ny_main .ny_news_list li .tit div{ font:normal 14px/20px "微软雅黑"; height:40px; overflow:hidden;}
	.ny_main .ny_news_list li .tit p{ display:none;}
	
	.ny_main .ny_news_detail{ width:auto; padding:0 10px;}
	.ny_main .ny_news_detail .tit{ margin:20px 0;}
	
	.ny_main .ny_fgs ul.show{ padding:0 10px;}
	.ny_main .ny_msg .box{ width:auto; padding:0 10px;}
	.ny_main .ny_msg .box .tit p{ font:normal 14px/30px "微软雅黑";}
	.ny_main .ny_msg .box button{ display:inline-block; float:none;}
}