@charset "UTF-8";

/* 通用样式 */
*{ margin:0; padding:0;}
body { margin:0 ;  overflow-x: hidden;min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #333;font-family:Microsoft YaHei,微软雅黑,arial; font-size:14px;  line-height:1;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
a{display: block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333;font-family:微软雅黑,arial; font-size:14px;  line-height:1;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;transform: translateZ(0);-webkit-transform: translateZ(0);}
img[src=""]{opacity: 0;}
body::-webkit-scrollbar{ width:8px;}
body::-webkit-scrollbar-thumb{ background:#000;outline-offset: -2px;outline: 2px solid #fff;-webkit-border-radius: 4px;border: 2px solid #fff;}
body::-webkit-scrollbar-track{ background:#fff;}
.wow{opacity: 0;}
.wow1{opacity: 1;}
.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;}
.a_dw{position: relative;top: -100px;}
.box {max-width: 1400px;min-width: 1200px;width: 84%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;overflow: hidden;}

/* 字体和类 */
@font-face {
  font-family: "go";
  src: url("../fonts/gothicb_0.woff") format("woff"),
       url("../fonts/gothicb_0.ttf") format("truetype"),
       url("../fonts/gothicb_0.eot") format("embedded-opentype"),
       url("../fonts/gothicb_0.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.go{font-family: go;}
.f_16{ font-size:16px; }
.f_18{ font-size:18px; }
.f_20{ font-size:20px; }
.f_22{font-size: 22px;}
.f_24{ font-size:24px; }
.f_26{ font-size:26px; }
.f_28{ font-size:28px; }
.f_30{ font-size:30px; }
.f_32{ font-size:32px; }
.f_34{ font-size:34px; }
.f_36{ font-size:36px; }
.f_38{ font-size:38px; }
.f_40{font-size: 40px;}
.f_45{ font-size:45px;}

/* 分页 */
.page1{clear:both; text-align:center;font-size:18px; line-height: 45px;height: 45px;margin:  0 0;position: relative;z-index: 5;}
.page1 span a{display: inline-block; color:#333;padding:12px 15px; text-decoration:none;font-size: 12px;border-radius: 5px;}
.page1 span a:hover,.page1 span.current a{  background:#d70c19; color:#fff;}
.page1 span{margin:2px;}
.page2{width: 120px;height: 40px;background: #d70c19;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;text-align: center;}

/* 头部 */
.head{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;position: fixed;width: 100%;height: 80px;border-bottom: 1px solid rgba(255,255,255,0.3);top: 0;left: 0;z-index: 10;}
.head:hover,.head.act,.head.act2{background: #222;}
.head *{color: #fff;}
.head .hbox{width: 80%;max-width: 1400px;min-width: 1200px;margin: 0 auto;position: relative;}
.head .hbox .logo{float: left;}
.head .hbox .logo img{display: block;height: 80px;}
.head .hbox .lange{float: right;line-height: 80px;padding-left: 30px;background: url(../images/q1.png) center left no-repeat;font-size: 16px;}
.head .hbox .lange:hover{color: #e72424;}
.head .hbox .abtn{width: 1100px;position: absolute;top: 0;left: 50%;margin-left: -430px;}
.head .hbox .abtn a{float: left;width: 120px;text-align: center;line-height: 80px;font-size: 18px;position: relative;}
.head .hbox .abtn a:after{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;content: " ";display: block;position: absolute;width: 0%;left: 0;bottom: -1px;height: 3px;background: #e72424;}
.head .hbox .abtn a:hover:after,.head .hbox .abtn a.act:after{width: 100%;}
.head .abtn2{display: none; position: absolute;width: 100%;background: rgba(34,34,34,0.8);min-height: 280px;left: 0;top: 81px;}
.head .abtn2 .ul1{width: 980px;position: absolute;top: 0;left: 50%;margin-left: -430px;}
.head .abtn2 .ul1 li{width: 120px;float: left;padding: 20px 0; text-align: center;overflow: hidden;}
.head .abtn2 .ul1 li a{display: inline-block;margin: 0 20px; line-height: 20px;margin-bottom: 10px; border-bottom: 1px solid #222;}
.head .abtn2 .ul1 li a:hover{color: #e72424;border-bottom: 1px solid #e72424;}

/* 首页 */
.swiper1{}
.swiper1 .swiper-slide img,.swiper1 .swiper-slide video{display: block;width: 100%;}
.swiper1 .swiper-slide .mimg{display: none;}
.swiper1 .btn{position: absolute;width: 102px; top: 50%;margin-top: -15px;height: 30px;color: #fff;font-weight: bold;z-index: 5;overflow: hidden;box-sizing: border-box;cursor: pointer;}
.swiper1 .btn img{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;display: block;margin-top: 5px;width: 102px;}
.swiper1 .prev1{left: 0;text-align: right;padding-right: 20px;}
.swiper1 .next1{right: 0;padding-left: 20px;}
.swiper1 .next1 img{margin-left: -20px;}
.swiper1 .prev1:hover img{margin-left: -20px;}
.swiper1 .next1:hover img{margin-left: 0;}
.swiper1 .pagination1{bottom: 50px !important;}
.swiper1 .pagination1 span{width: 12px;height: 14px;opacity: 1;background:url(../images/1_1.png) center no-repeat;border-radius: 0;}
.swiper1 .pagination1 .swiper-pagination-bullet-active{background:url(../images/1_1_1.png) center no-repeat;}
.i1{padding: 80px 0;text-align: center;}
.i1 .tt{font-size: 48px;}
.i1 .tc{margin: 25px 0 70px;color: #666;line-height: 1.5;}
.i1 .ibox{position: relative;width: 100%;}
.i1 .ibox .swiper2{}
.i1 .ibox .swiper2 .swiper-slide{width: 1200px;height: 480px;padding-bottom: 80px;opacity: 0.3;}
.i1 .ibox .swiper2 .swiper-slide-active{opacity: 1;}
.i1 .ibox .btbox{position: absolute;width: 1280px;top: 220px;left: 50%;margin-left: -640px;z-index: 3;}
.i1 .ibox .btbox .btn{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;width: 80px;height: 50px;background: #000;float: left;cursor: pointer;}
.i1 .ibox .btbox .btn img{display: block;width: 100%;}
.i1 .ibox .btbox .btn.next2{float: right;} 
.i1 .ibox .btbox .btn:hover{background: #e72424;}
.i1 .ibox .btbox *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.i1 .ibox .btbox .ubox{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;-moz-box-shadow:3px 4px 15px rgba(0,0,0,0); -webkit-box-shadow:3px 4px 15px rgba(0,0,0,0); box-shadow:3px 4px 15px rgba(0,0,0,0);width: 380px;height: 460px;background: rgba(0,0,0,0.5);position: absolute;top: -135px;left: 135px;box-sizing: border-box;padding: 80px 50px;text-align: justify;}
.i1 .ibox .btbox .ubox:hover{background: rgba(255,255,255,1);-moz-box-shadow:3px 4px 15px rgba(0,0,0,0.3); -webkit-box-shadow:3px 4px 15px rgba(0,0,0,0.3); box-shadow:3px 4px 15px rgba(0,0,0,0.3);}
.i1 .ibox .btbox .ubox .ul1{height: 300px;overflow: hidden;}
.i1 .ibox .btbox .ubox .ul1 li{display: none;}
.i1 .ibox .btbox .ubox .ul1 li *{color: #fff;}
.i1 .ibox .btbox .ubox .ul1 li:nth-child(1){display: bottom: ;}
.i1 .ibox .btbox .ubox .ul1 li .en{font-size: 36px; }
.i1 .ibox .btbox .ubox .ul1 li .ltt{margin: 15px 0 35px;}
.i1 .ibox .btbox .ubox .ul1 li .ltc{line-height: 1.8;}
.i1 .ibox .btbox .ubox .ul1 li .more{width: 95px;height: 20px;position: relative;color: #fff;line-height: 20px;background: url(../images/1_6.png)  90% center no-repeat;padding: 10px;margin-top: 40px;}
.i1 .ibox .btbox .ubox .ul1 li .more .more2{ position: absolute;width: 0%;height:;top: 0;left: 0;color: #fff;background: #e72424;overflow: hidden;}
.i1 .ibox .btbox .ubox .ul1 li .more .more2 span{display: block; width: 95px;background: url(../images/1_6_1.png)  90% center no-repeat;height: 20px;padding: 10px;}
.i1 .ibox .btbox .ubox .ul1 li .more:hover .more2{width: 100%;}
.i1 .ibox .btbox .ubox .pagination2{bottom: 90px;color: #fff;}
.i1 .ibox .btbox .ubox .pagination2 .swiper-pagination-current{color: #fff;font-size: 24px;}
.i1 .ibox .btbox .ubox:hover .ul1 li .en{color: #e72424;}
.i1 .ibox .btbox .ubox:hover .ul1 li .ltc,.i1 .ibox .btbox .ubox:hover .ul1 li .ltt{color: #666;}
.i1 .ibox .btbox .ubox:hover .ul1 li .more{color: #e72424;}
.i1 .ibox .btbox .ubox:hover .pagination2{color: #666;}
.i1 .ibox .btbox .ubox:hover .pagination2 .swiper-pagination-current{color: #333;}
.i2{width: 1920px;height: 750px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;}
.i2 .swiper3 .swiper-slide .abox{position: relative;}
.i2 .swiper3 .swiper-slide .abox > img{-webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;display: block;width: 100%;transform: scale(1.2);-webkit-transform: scale(1.2);}
.i2 .swiper3 .swiper-slide .abox > .mimg{display: none;}
.i2 .swiper3 .swiper-slide-active .abox > img{transform: scale(1);-webkit-transform: scale(1);}
.i2 .swiper3 .swiper-slide .abox .sbox{position: absolute;width: 750px;height: 100%;top: 0;left: 50%;margin-left: -375px;text-align: center; z-index: 3;}
.i2 .swiper3 .swiper-slide *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #fff;}
.i2 .swiper3 .swiper-slide .tt{margin: 240px 0 35px;}
.i2 .swiper3 .swiper-slide .en{font-size: 48px;opacity: 0.5;}
.i2 .swiper3 .swiper-slide .tc{line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.i2 .swiper3 .swiper-slide .xian{width: 30px;height: 1px;background: #fff;margin: 50px auto;}
.i2 .swiper3 .swiper-slide  a{width: 150px;position: relative; background:#e72424 ;color: #fff;margin: 140px auto 0;line-height: 40px;box-sizing: border-box;padding-right: 10px;}
.i2 .swiper3 .swiper-slide  a span{display: block;width: 5px;position: absolute;top: 15px;left: 80%;padding-left: 0px;background: url(../images/1_7.png) center left no-repeat;}
.i2 .swiper3 .swiper-slide  a span img{display: block;width: 100%;}
.i2 .swiper3 .swiper-slide  a:hover span{padding-left: 10px;background: url(../images/1_5.jpg) center left no-repeat;}
.i2 .swiper3 .swiper-slide .abox .quan{background: url(../images/1_8.png) center no-repeat; width: 960px;height: 940px;position: absolute;top:-110px;left: 50% ;margin-left: -480px; z-index: 2;animation:zhuan1 5s  linear infinite;-webkit-animation:zhuan1 5s  linear infinite;}
@-webkit-keyframes zhuan1 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
@keyframes zhuan1 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
.i2 .swiper3 .pagination3{bottom: 170px;}
.i2 .swiper3 .pagination3 span{width: 14px;height: 14px;border-radius: 0;opacity: 1;background: url(../images/1_9_1.png) center no-repeat;}
.i2 .swiper3 .pagination3 .swiper-pagination-bullet-active{background: url(../images/1_9.png) center no-repeat;}
.i3{padding: 80px 0 0;background: url(../images/1_6.jpg) center top no-repeat;position: relative;}
.i3 .img{width: 84%;margin:  690px auto 0;max-width: 1600px;min-width: 1200px;display: none;}
.i3 .img2{width: 100%;height: 570px;background: url(../images/1.jpg) center no-repeat fixed;}
.i3 .img img{display: block;width: 100%;}
.i3 .txt{width: 100%;top: 80px;left: 0;}
.i3 .txt .tt{font-size: 48px;}
.i3 .txt .tc{line-height: 1.5;margin: 25px 0 40px;color: #666;}
.i3 .txt .tc2{padding: 100px 210px 220px;width: 100%;box-sizing: border-box;text-align: center;background: #fff;position: relative;z-index: 2;background: url(../images/1_7.jpg) center no-repeat ;background-size: cover;}
.i3 .txt .tc2 .en,.i3 .txt .tc2  *{color:#fff ;}
.i3 .txt .tc2 .t_tc{line-height: 1.8;margin: 50px 0;}
.i3 .txt .tc2 .ul1{}
.i3 .txt .tc2 .ul1 li{width: 33.33%;float: left;box-sizing: border-box;border-right: 1px solid #ddd;font-size: 18px;}
.i3 .txt .tc2 .ul1 li .num{font-size: 16px;margin-bottom: 30px;}
.i3 .txt .tc2 .ul1 li .num span{font-size: 50px;}
.i3 .txt .tc2 .ul1 li:last-child{border:none;}
.i3 .txt .tc2  a{width: 150px;position: relative; background:#e72424 ;color: #fff;margin: 60px auto 0;line-height: 40px;box-sizing: border-box;padding-right: 10px;}
.i3 .txt .tc2  a span{display: block;width: 5px;position: absolute;top: 15px;left: 80%;padding-left: 0px;background: url(../images/1_7.png) center left no-repeat;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.i3 .txt .tc2  a span img{display: block;width: 100%;}
.i3 .txt .tc2  a:hover span{padding-left: 10px;background: url(../images/1_5.jpg) center left no-repeat;}
.i4{padding: 80px 0;}
.i4 .tt{font-size: 48px;}
.i4 .tc{color: #666;margin: 25px 0 75px;}
.i4 .ul1{}
.i4 .ul1 li{width: 27.5%;float: left;margin-right: 8.75%;}
.i4 .ul1 li:last-child{margin-right: 0;}
.i4 .ul1 li .en{color: #999;}
.i4 .ul1 li .en span{color: #e72424;font-weight: bold;}
.i4 .ul1 li .ltt{margin: 35px 0 30px;color: #444;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.i4 .ul1 li .ltc{line-height: 1.8;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: justify;}
.i4 .ul1 li .more{position: relative;width: 135px;}
.i4 .ul1 li .more span{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;display: block;width: 65px;line-height: 30px;background: #333;color: #fff;text-align: center;}
.i4 .ul1 li .xian{width: 100%;border-bottom: 1px solid #ddd;margin: 40px 0; }
.i4 .ul1 li .more span.au{position: absolute;top: 0;left: 0;}
.i4 .ul1 li .more span img{display: block;margin: 0 auto;}
.i4 .ul1 li .more:hover span.au{left: 65px;}
.i4 .ul1 li .more:hover span{background: #e72424;}

/* 底部 */
.footer{padding: 80px 0;background: url(../images/1_8.jpg) center top;}
.footer .box{overflow: visible;}
.footer .ul1{width: 885px;float: left;border-right: 1px solid #000;}
.footer .ul1 li{width: 14.28%;float: left;color: #fff;}
.footer .ul1 li div{color: #fff;font-size: 16px;margin-bottom: 20px;}
.footer .ul1 li a{color: #888;margin-bottom: 10px;position: relative;left: 0;}
.footer .ul1 li a:hover{color: #e72424;left: 5px;}
.footer .frt{width: 280px;float: right;position: relative;z-index: 3;}
.footer .frt .ftt{color: #fff;margin-bottom: 20px;}
.footer .frt .ftc{margin-bottom: 15px;color: #888;line-height: 20px;}
.footer .frt .ftc img{display: block;float: left;margin-right: 5px;}
.footer .frt select{position: absolute;right: 0; top: 220px;padding: 0 10px;  display: block;width: 150px ;text-align: center; box-sizing: border-box;height: 24px; border:1px solid #1b1b1b;background: #1b1b1b url(../images/1_22.png) right center no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;color: #aaa;}
.footer2{border-top: 1px solid rgba(255,255,255,0.3);background: #2b2b2b;} 
.footer2 *{ overflow: visible;color: #888;line-height: 40px;}
.footer2 .box span{float: right;}
.footer2 .box span a{display: inline-block;}
.top{display: none; position: fixed;width: 60px;height: 60px;background: url(../images/1_9.jpg) center no-repeat;z-index: 9;right: 5px;bottom: 440px;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1); box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.top:hover{background: url(../images/1_10.jpg) center no-repeat;}

/* 关于我们 */
.banner{position: relative;text-align:center;width: 100%;}
.banner > img{display: block;width: 100%;}
.banner > .mimg{display: none;}
.banner .txt{position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
.banner .txt .en{font-size: 70px;color: rgba(255,255,255,.5);margin: 270px 0 20px;}
.banner .txt .tt{font-size: 40px;color: #fff;font-weight: bold;}
.banner .txt .nav{margin-top: 155px;}
.banner .txt .nav *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .txt .anli li{width: calc(20% - 1px) !important;}
.banner .txt .nav li{width: calc(16.6666% - 1px);float: left;background: rgba(255,255,255,.9);text-align: justify;box-sizing: border-box;padding: 30px ;margin-right: 1px;}
.banner .txt .nav li .img{width: 36px;height: 36px;overflow: hidden;position: relative;}
.banner .txt .nav li .img img{display: block;width: 100%;}
.banner .txt .nav li .tc{color: #666;margin-top: 20px;}
.banner .txt .nav li:hover,.banner .txt .nav li.act{background: #d70c19;}
.banner .txt .nav li:hover .img img:nth-child(1),.banner .txt .nav li.act .img img:nth-child(1){margin-top: -36px;}
.banner .txt .nav li:hover .tc,.banner .txt .nav li.act .tc{color: #fff;}
.banner .txt .nav_cd{display:flex;justify-content: center;}
.ab1{padding: 80px 0;text-align: center;}
.ab1 .box{overflow: visible;}
.ab1 .xian{width: 2px;height: 30px;background: #d70c19;margin: 20px auto 60px;}
.ab1 .tc{width: 1090px;margin: 0 auto;position: relative;line-height: 1.8;color: #666;}
.ab1 .tc span{display: block;width: 55px;height: 50px;background: url(../images/2_5.png) center no-repeat;position: absolute;}
.ab1 .tc .a_sp1{top: -40px;left:-150px; }
.ab1 .tc .a_sp2{right: -150px;bottom: -20px; background: url(../images/2_6.png) center no-repeat;}
.ab2{padding: 80px 0;background: #333;}
.ab2 *{color: #fff;}
.ab2 .ul1 li{width: 33.33%;float: left;box-sizing: border-box;text-align: center; font-size: 18px;}
.ab2 .ul1 li .num{font-size: 16px;}
.ab2 .ul1 li .num span{font-size: 50px;}
.ab2 .ul1 li:last-child{border:none;}
.ab2 .ul1 li .xian{width: 15px;height: 1px;background: #999;margin: 20px auto;}
.ab3{}
.ab3 img{display: block;width: 100%;}
.ab1 .tt2{margin-bottom: 30px;}
.cu1 .tc{width: 750px;}
.cu2{}
.cu2 .ul1{}
.cu2 .ul1 li{padding-bottom: 80px;background: #f5f5f5;}
.cu2 .ul1 li .llt{width: 50%;float: left;box-sizing: border-box;padding: 10% 10% 0;}
.cu2 .ul1 li .lrt{width: 50%;float: right;}
.cu2 .ul1 li .lrt img{display: block;width: 100%;}
.cu2 .ul1 li .llt .ltt{color: #e5e5e5;font-size: 72px;font-weight: bold;position: relative;}
.cu2 .ul1 li .llt .ltt span{display: block;color: #333;margin-top: -25px;}
.cu2 .ul1 li .llt .tc{color: #666;line-height: 1.8;margin-top: 60px;}
.cu2 .ul1 li:nth-child(2n) {background: #fff;}
.cu2 .ul1 li:nth-child(2n) .llt{float: right;text-align: right;}
.cu2 .ul1 li:nth-child(2n) .lrt{float: left;}
.ho1{padding-bottom: 0;}
.ho2{padding: 0 0 80px;}
.ho2 .ul1{}
.ho2 .ul1 *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ho2 .ul1 li{width: 31%;float: left;margin-right:3.5%;margin-bottom: 20px; text-align: center;}
.ho2 .ul1 li:nth-child(3n){margin-right: 0;text-align: center;}
.ho2 .ul1 li .img,.ho2 .ul1 li .img img{display: block;width: 100%;overflow: hidden;}
.ho2 .ul1 li .txt{line-height: 100px;position: relative;background: #f1f1f1;z-index: 3;}
.ho2 .ul1 li .txt s{display: block;width: 100%;height: 2px;position: absolute;top: 0;left: 0;background: #db0c13;z-index: -1;}
.ho2 .ul1 li:hover .txt{color: #fff;}
.ho2 .ul1 li:hover .txt s{height: 100%;}
.hui{background: #f5f5f5;}
.jo1{}
.jo1 .tc{padding: 40px 0 30px;background: #fafafa;margin: 50px 0 80px;}
.jo1 .tc .tbox{width: 915px;margin: 0 auto;}
.jo1 .tc .tbox span{display: block;float: left;width: 110px;margin-right: 24px;}
.jo1 .tc .tbox span:last-child{margin-right: 0;}
.jo1 .tc .tbox span img{display: block;width: 100%;}
.jo2 {padding-bottom: 80px;}
.jo2 .ul1{margin: 50px 0 80px;}
.jo2 .ul1 dt{background: #d70c19;padding: 0 100px;}
.jo2 .ul1 dt span{font-size: 16px; display: block;width: 14.285%;float: left;line-height: 66px;color: #fff;}
.jo2 .ul1 dd .dtp{background: #fff;padding: 0 100px;border-bottom: 1px solid #ddd;cursor: pointer;}
.jo2 .ul1 dd .dtp span{ display: block;width: 14.285%;float: left;line-height: 66px;height: 66px;}
.jo2 .ul1 dd .dtp .jj{background: url(../images/2_12.png) center no-repeat;}
.jo2 .ul1 dd.act .dtp .jj{background: url(../images/2_12_1.png) center no-repeat;}
.jo2 .ul1 dd .dbt{display: none; padding: 35px 100px;background: #f8f7f7;line-height: 1.9;color: #999;}
.jo2 .ul1 dd .dbt a{display: block;padding: 15px 60px;background: #d70c19;color: #fff;max-width: 240px;text-align: center;margin-top: 50px;}
.jo2 .ul1 dd:nth-child(2) .dbt{display: block;}

/* 产品中心 */
.banner2{height: 700px;overflow: hidden;}
.banner2 .pimg{height: 700px; position: relative;}
.pr1{padding: 30px 0;background: #be0411;}
.pr1 *{color: #fff;}
.pr1 .tc{line-height: 1.5;margin: 15px 0 30px;}
.pr1 .tc2 *{color: #666;}
.pr1 .tc2 select{cursor: pointer; display: block;width: 48%;float: left;border:none; box-sizing: border-box;height: 50px;padding: 0 50px;background: #fff url(../images/3_2.jpg) right center no-repeat;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.pr1 .tc2 .trt{width: 48%;float: right;height: 50px;box-sizing: border-box;padding: 0 50px;background: #fff; }
.pr1 .tc2 .trt input{display: block;width: calc(100% - 40px);float: left;height: 50px;border:none;outline: none;}
.pr1 .tc2 .trt a{display: block;width: 40px;height: 50px;float: right;background: url(../images/3_3.jpg) center no-repeat;}
.pr2{padding: 80px 0;text-align: center;}
.pr2 .ul1 *{color: #fff;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.pr2 .ul1 li{width: 31%;float: left;overflow: hidden;position: relative;margin-right: 3.5%;margin-bottom: 3.5%;}
.pr2 .ul1 li:nth-child(3n){margin-right: 0;}
.pr2 .ul1 li > img{display: block;width: 100%;}
.pr2 .ul1 li .lbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);box-sizing: border-box;padding: 0 10%;}
.pr2 .ul1 li .lbox .ltt{font-weight: bold;margin: 33% 0 5%;}
.pr2 .ul1 li .lbox .lxian{display: block;width: 30px;height: 30px;height: 2px;background: rgba(255,255,255,0.6);margin: 0 auto;}
.pr2 .ul1 li .lbox .ltc{margin: 30px auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.5;opacity: 0;}
.pr2 .ul1 li .lbox .more{opacity: 0; border-top: 1px solid rgba(255,255,255,.3);padding-top: 25px;}
.pr2 .ul1 li .lbox .more span{padding-right: 10px;background: url(../images/1_6_1.png) center right no-repeat;}
.pr2 .ul1 li:hover .lbox{background: rgba(179,15,27,.8);}
.pr2 .ul1 li:hover .ltt{margin-top: 15%;} 
.pr2 .ul1 li:hover .lxian{opacity: 0;}
.pr2 .ul1 li:hover .ltc{margin-top: 10px;}
.pr2 .ul1 li:hover .ltc{opacity: 1;}
.pr2 .ul1 li:hover .more{opacity: 1;}
.prt1{padding: 80px 0;background: #f5f5f5;text-align: center;}
.prt1 .tt{}
.prt1 .xian{width: 2px;height: 30px;margin: 20px auto 70px;background: #de1007;}
.prt1 .ul1{}
.prt1 .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.prt1 .ul1 li{width: 31%;float: left;overflow: hidden;position: relative;margin-right: 3.5%;margin-bottom: 3.5%;border:1px solid #e5e5e5;background: #fff;box-sizing: border-box;border-bottom: 3px solid #ccc;padding-bottom: 20px;}
.prt1 .ul1 li:nth-child(3n){margin-right: 0;}
.prt1 .ul1 li .ltt{border-bottom: 1px solid #e5e5e5;line-height: 65px;padding: 0 65px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prt1 .ul1 li.pr_hot .ltt{background: url(../images/3_1.png) center left no-repeat;}
.prt1 .ul1 li.pr_new .ltt{background: url(../images/3_2.png) center left no-repeat;}
.prt1 .ul1 li .img,.prt1 .ul1 li .img img{display: block;width: 100%;overflow: hidden;margin: 0 auto;}
.prt1 .ul1 li .img{width: 80%;}
.prt1 .ul1 li .tc{height: 44px; line-height: 1.5;color: #999;text-align: justify;padding: 0 10%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.prt1 .ul1 li .more{padding: 10px 10% 0;text-align: right;}
.prt1 .ul1 li .more span{display: inline-block;color: #666; width: 100px;line-height: 40px;text-align: center; border: 1px solid #e5e5e5;border-radius: 5px;overflow: hidden;color: #666;position: relative;z-index: 3;}
.prt1 .ul1 li .more span s{display: block;width: 0%;height: 100%;background: #de1007;position: absolute;top: 0;left: 0;z-index: -1;}
.prt1 .ul1 li:hover{border-bottom: 3px solid #de1007;}
.prt1 .ul1 li:hover .more span{border:1px solid #de1007;color: #fff;}
.prt1 .ul1 li:hover .more span s{width: 100%;}
.prt1 .ul1 li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.prco1{margin-top: 80px;padding: 100px 0;background: url(../images/3_17.jpg) center no-repeat;background-size: cover;}
.prco1 .plt{width: 520px;float: left;}
.prco1 .plt .img,.prco1 .plt .img img{display: block;width: 100%;}
.prco1 .plt .abtn{padding: 70px 40px 0;}
.prco1 .plt .abtn img{display: block;width: 75px;float: left;border:1px solid #ddd;box-sizing: border-box;margin-right: 10px;cursor: pointer;}
.prco1 .plt .abtn img:last-child{margin-right: 0;}
.prco1 .plt .abtn img.act{border:1px solid #de1007;}
.prco1 .prt{width: 570px;float: right;padding-top: 60px;}
.prco1 .prt .tt{border-bottom: 1px solid #ddd;padding-bottom: 30px;position: relative;line-height: 1.5;margin-bottom: 40px;}
.prco1 .prt .tt s{display: block;width: 55px;height: 5px;background: #de1007;position: absolute;left: 0;bottom: -5px;}
.prco1 .prt .tc{padding: 25px 0;border-bottom: 1px dashed #ddd;}
.prco1 .prt .tc .tc_d1{padding-left: 15px;background: url(../images/3_6.png) center left no-repeat;font-weight: bold;}
.prco1 .prt .tc .tc_d1 span{font-size: 14px;color: #666;font-weight: normal;}
.prco1 .prt .tc .tc_d2{color: #666;line-height: 1.8;margin-top: 10px;padding-left: 15px;}
.prco1 .prt .tc:last-child{border:none;}
.prco2{background: url(../images/3_18.jpg) center no-repeat;background-size: cover;padding-top: 50px;height: 130px;overflow: hidden;}
.prco2 .tt{font-weight: bold;color: #fff;}
.prco2 .abtn{margin-top: 42px;}
.prco2 .abtn span{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;display: block;width: 305px;font-size: 18px; line-height: 60px;float: left;text-align: center;background: #fff;color: #333;cursor: pointer;margin-right: 2px;}
.prco2 .abtn span.act{background: #333;color: #fff;}
.prco3{padding: 25px 0 100px;background: #f6f5f4;}
.prco3 .ul1{padding: 95px;text-align: justify;background: #fff;}
.prco3 .ul1 li{display: none;}
.prco3 .ul1 li:nth-child(1){display: block;}
.prco3 .ul1 li .tt{color: #de1007;margin-bottom: 20px;}
.prco3 .ul1 li .tc{line-height: 1.8;color: #666;}
.prco3 .ul1 li .tc img{width:100%}
.prco3 .abtn{margin-top: 85px;position: relative;}
.prco3 .abtn a{margin-bottom: 20px;color: #666;font-size: 16px;}
.prco3 .abtn a:hover span{color: #de1007;}
.prco3 .abtn a.fh{width: 150px;line-height: 50px;background: #de1007;text-align: center;position: absolute;top: 0;right: 0; color: #fff;}

/* 核心技术 */
.co1{padding: 80px 0;text-align: center;}
.co1 .xian{width: 2px;height: 30px;background: #d70c19;margin: 20px auto 60px;}
.co1 .video,.co1 .video video{position: relative;width: 100%;}
.co1 .video iframe{display: block;width: 100%;height: 600px;}

/* 新闻 */
.banner .txt .nav_new  {width: 700px;margin: 155px auto 0;}
.banner .txt .nav_new   li{width: calc(50% - 1px);}
.ne1{padding: 80px 0;background: #f5f5f5;}
.ne1 .box{overflow: visible;}
.ne1 .ul1{margin-bottom: 50px;}
.ne1 .ul1 *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ne1 .ul1 li{position: relative;box-sizing: border-box;padding: 40px 110px 40px 65px;background: #fff;top: 0;left: 0;margin-bottom: 30px;}
.ne1 .ul1 li .img{display: block;width: 290px;float: left;overflow: hidden;}
.ne1 .ul1 li .img img{display: block;width: 100%;}
.ne1 .ul1 li .lrt{width: calc(100% - 330px);float: right;}
.ne1 .ul1 li .lrt .ltt{font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ne1 .ul1 li .lrt .ltc{line-height: 1.8;height: 50px;margin: 20px 0 40px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ne1 .ul1 li .lrt .time{line-height: 40px;color: #999;}
.ne1 .ul1 li .lrt .time span{color: #d70c19;}
.ne1 .ul1 li .lrt .time a{display: block;width: 100px;line-height: 40px;background: #d70c19;text-align: center;float: right;border-radius: 5px;color: #fff;}
.ne1 .ul1 li:hover{left: -10px;-moz-box-shadow:5px 3px 10px #ddd; -webkit-box-shadow:5px 3px 10px #ddd; box-shadow:5px 3px 10px #ddd;}
.ne1 .ul1 li:hover .ltt{color: #d70c19;}
.ne1 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.nec1{padding: 80px 0;background: #f5f5f5;}
.nec1 .nbox{background: #fff;padding: 80px 100px;text-align: center;}
.nec1 .nbox .time{color: #999;margin: 40px 0;}
.nec1 .nbox .tc{padding: 50px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.8;text-align: justify;color: #666;font-size:18px !important;}
.nec1 .nbox .tc img{max-width:90%;}
.nec1 .abtn{margin-top: 85px;position: relative;text-align: justify;}
.nec1 .abtn a{margin-bottom: 20px;color: #666;font-size: 16px;}
.nec1 .abtn a:hover span{color: #de1007;}
.nec1 .abtn a.fh{width: 150px;line-height: 50px;background: #de1007;text-align: center;position: absolute;top: 0;right: 0; color: #fff;}

/* 客服中心 */
.banner .txt .nav_se   li{width: calc(20% - 1px);}
.se1{padding: 80px 0;text-align: center;}
.se1 .xian{width: 2px;height: 30px;background: #d70c19;margin: 20px auto 60px;}
.se1 .ul1{margin-bottom: 50px;text-align: justify;}
.se1 .ul1 li{margin-bottom: 35px;}
.se1 .ul1 li .ltt{padding-left: 45px;line-height: 25px;background: url(../images/6_6.png) left center no-repeat;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.se1 .ul1 li .ltc{padding: 45px;line-height: 1.5;background: #f5f5f5;margin-top: 25px;box-sizing: border-box;color: #666;}
.us1{padding: 80px 0;text-align: center;}
.us1 .xian{width: 2px;height: 30px;background: #d70c19;margin: 20px auto 60px;}
.us1 .ul1{}
.us1 .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.us1 .ul1 li{float: left; width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;position: relative;background: #fff;-moz-box-shadow:0px 3px 10px #ddd; -webkit-box-shadow:0px 3px 10px #ddd; box-shadow:0px 3px 10px #ddd;}
.us1 .ul1 li:nth-child(3n){margin-right: 0;}
.us1 .ul1 li .img,.us1 .ul1 li .img img{display: block;width: 100%;overflow: hidden;position: relative;}
.us1 .ul1 li s{display: block;position: absolute;width: 60px;height: 60px;background: url(../images/6_7.png) center no-repeat;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;cursor: pointer;}
.us1 .ul1 li .txt{line-height: 70px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.us1 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.tanchuang{display: none; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;background: rgba(0,0,0,0.7);}
.tanchuang .tbox{width: 900px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.tanchuang .tbox video{display: block;width: 100%;}
.tanchuang .tbox .out{width: 60px;height: 60px;position: absolute;top: 0;right: -70px;background: url(../images/out.png) center no-repeat; cursor: pointer;}
.al1{padding: 80px 0;text-align: center;background: #f5f5f5;}
.al1 .xian{width: 2px;height: 30px;background: #d70c19;margin: 20px auto 60px;}
.al1 .ul1{}
.al1 .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.al1 .ul1 li{float: left; width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;position: relative;background: #fff;-moz-box-shadow:0px 3px 10px #ddd; -webkit-box-shadow:0px 3px 10px #ddd; box-shadow:0px 3px 10px #ddd;box-sizing: border-box;padding: 20px;background: #fff;}
.al1 .ul1 li:nth-child(3n){margin-right: 0;}
.al1 .ul1 li .img,.al1 .ul1 li .img img{display: block;width: 100%;overflow: hidden;position: relative;}
.al1 .ul1 li .txt{line-height: 70px;color: #666;}
.al1 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.do1{padding: 80px 0; text-align: center;background: #f5f5f5;}
.do1 .xian{width: 2px;height: 30px;background: #d70c19;margin: 20px auto 60px;}
.do1 .ul1{text-align: justify;margin-bottom: 50px;}
.do1 .ul1 li{width: 49%;box-sizing: border-box;float: left;padding: 25px ;background: #fff;margin-bottom: 30px;}
.do1 .ul1 li:nth-child(2n){float: right;}
.do1 .ul1 li .llt{width: calc(100% - 100px);float: left;box-sizing: border-box;padding-left: 100px;background: url(../images/6_8.png) center left no-repeat;height: 80px;}
.do1 .ul1 li .llt .ltt{padding: 20px 0 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.do1 .ul1 li .llt .ltc{padding-left: 20px;line-height: 20px;color: #666;background: url(../images/6_9.png) left center no-repeat;}
.do1 .ul1 li .lrt{margin-top: 20px;display: block;width: 100px;float: right;box-sizing: border-box;border:1px solid #ddd;border-radius: 5px;padding: 10px 15px;height: 40px;line-height: 20px;background: url(../images/6_10.png) 83% center no-repeat; color: #666;}
.do1 .ul1 li .lrt:hover{color: #fff;background: #d70c19 url(../images/6_11.png) 83% center no-repeat;}
.su1{padding: 80px 0; text-align: center;background: #f5f5f5;}
.su1 .xian{width: 2px;height: 30px;background: #d70c19;margin: 20px auto 60px;}
.su1 .do_dc{text-align: justify;padding: 0 100px;}
.su1 .dlt{float: left;width: calc(100% - 500px);}
.su1 .dlt .d_d1{margin-bottom: 50px;}
.su1 .dlt .d_d2{line-height: 30px;margin-bottom: 20px;color: #666;padding-left: 40px;position: relative;}
.su1 .dlt .d_d2 span{display: block;width: 30px;position: absolute;top: 0;left: 0;}
.su1 .dlt .d_d2 span img{display: block;width: 100%;}
.su1 .drt{width: 480px;float: right;}
.su1 .drt .d_d1{margin-bottom: 50px;}
.su1 .drt .d_d2{height: 40px;padding: 0 35px;margin-bottom: 20px;background: #fff url(../images/6_19.png) 20px 15px no-repeat;}
.su1 .drt .d_d2 input,.su1 .drt .d_d2 textarea{display: block;width: 100%;height: 40px;border:none;outline: none;}
.su1 .drt .d_d3,.su1 .drt .d_d3 textarea{height: 130px;resize: none;}
.su1 .drt .d_d3 textarea{box-sizing: border-box;padding-top: 10px;}
.su1 .drt  a{display: block;width: 140px;line-height: 40px;text-align: center;background: #333;color: #fff;float: left;margin-right: 15px;}
.su1 .drt  a:hover{background: #d70c19;}

/* 联系我们 */
.con1{padding: 80px 0 0; text-align: center;background: #f5f5f5;}
.con1 .xian{width: 2px;height: 30px;background: #d70c19;margin: 20px auto 60px;}
.con1 .ul1{padding: 65px 100px;background: #fff;position: relative;z-index: 3;}
.con1 .ul1 li{width: 25%;float: left;}
.con1 .ul1 li .ltc{line-height: 1.8;color: #666;margin-top: 20px;border-right: 1px solid #ddd;}
.con1 .ul1 li:nth-child(4) .ltc{border:none;}
.mbox{position: relative;margin-top: -50px;background: url(/static/futeng/picture/ditu.jpg) center no-repeat;}
.mbox .img{display: block;width: 23%;position: absolute;left: 40.5%;bottom: 20%;z-index: 5;}
.map{width: 100%;height: 650px;}

/* VR工厂 */
.vrgongchang{
  width: 100%;
  height: 100vh;
}

/* 搜索结果 */
.sear1{}
.sear1 .ul1{margin-bottom: 50px;}
.sear1 .xian{margin: 20px auto;}

/* 客户案例 */
.case_box{
    max-width: 1400px;
    min-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.case_top_box{
    width:calc(77% - 30px);
    max-height: 635px;
    margin-right: 30px;
}
.case_top_box img{
    width: 100%;
}
.kefu_top_box{
    width:23%;
}
.content_cctrt {
    font-size: 18px;
    color: #525252;
    font-weight: bold;
    padding: 28px 0 20px;
}
.pro_taundui {
    padding-bottom: 20px;
    text-align: center;
}
.content_cctrp {
    width: 130px;
    margin: auto;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
}
.content_cctrp img {
    width: 100%;
}
.content_cctrn {
    color: #565656;
    font-size: 14px;
    font-weight: bold;
    margin: 14px 0 13px;
}
.content_cctrc {
    display: inline-block;
    width: 200px;
    height: 50px;
    padding: 5px 6px;
    box-sizing: border-box;
}
.content_cctrc span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #e72424;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.content_cctrc span i {
    width: 23px;
    height: 23px;
    background-position: 0 0;
    vertical-align: middle;
    margin-right: 38px;
}
.content_cctrq {
    font-size: 14px;
    color: #727272;
    text-align: left;
    height: 28px;
    line-height: 28px;
    text-indent: 25px;
    margin-top: 15px;
}
.content_cctrm {
    font-size: 14px;
    text-align: left;
    height: 28px;
    line-height: 28px;
    text-indent: 25px;
    margin-bottom: 8px;
}
.content_cctrm label {
    color: #727272;
}
.content_cctrm span {
    color: #eb6100;
    font-weight: bold;
    font-size: 17px;
}
.content_cctradd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
    background-color: #e9e9e9;
    border-bottom: 1px dashed #e5e5e5;
    border-top: 1px dashed #e5e5e5;
    overflow: hidden;
}
.content_cctradd img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 14px;
}
.fl {
    float: left;
}
.content_cctradd p:first-child {
    font-size: 14px;
    color: #565656;
}
.content_cctradd a {
    height: 23px;
    padding: 0 5px;
    display: inline-block;
    border-radius: 2px;
    border: solid 1px #e72424;
    color: #e72424;
    font-size: 12px;
    text-align: center;
    line-height: 23px;
    margin-top: 4px;
    float: left;
}
.clearfix:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.content_cctrb {
    margin-top: 20px;
}
.content_cctrb a {
    display: inline-block;
    width: 114px;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0 1px;
    border: 1px solid #e72424;
    color: #e72424;
}


/* 媒体查询（屏幕匹配） */
@media (max-width: 1600px) {
	.top{right: 5px;}
}
@media (max-width: 1440px) {
	.cu2 .ul1 li .llt .ltt{font-size: 40px;}
	.banner .box{max-width: 1200px;}
}
.m_head,.m_nav,.i1 .iboxm,.jo1 .tc2{display: none;}
@media (max-width: 1200px){
  body{min-width: 200px;padding: 0;padding-top: 50px;} 
  .f_16{ font-size:14px; }
  .f_18{ font-size:16px; }
  .f_20{ font-size:18px; }
  .f_22{font-size: 20px;}
  .f_24{ font-size:20px; }
  .f_26{ font-size:22px; }
  .f_28{ font-size:22px; }
  .f_30{ font-size:24px; }
  .f_32{ font-size:24px; }
  .f_34{ font-size:24px; }
  .f_36{ font-size:30px; }
  .f_40{font-size: 30px;}
  .f_48{font-size: 30px;}
  .head{display: none;}  
  .m_head{display: block;height: 75px;overflow: hidden;padding: 0 5%;position: fixed;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 10;background: #000;}
  .m_head .mlt{display: block;float: left;}
  .m_head .mlt img{display: block;height: 60px;margin-top: 6px;}
  .m_head .img{width: 33px;float: right;color: #fff;text-align: center;}
  .m_head .img img{display: block;width: 100%;}
  .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}
  .m_nav.act{right: 0;}
  .m_out{ width: 15%;float: left; }
  .m_out img{display: block;width: 100%;} 
  .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}
  .m_nav.act{right: 0;}
  .m_out{ width: 15%;float: left; max-width: 50px;}
  .m_out img{display: block;width: 100%;}  
  .wow{opacity: 1;}
  .m_navbox{width: 80%;box-sizing: border-box;float: right;background: #111;height: 100%;box-sizing: border-box;padding: 10px 5% ;overflow: auto; box-sizing: border-box;}
  .m_navbox div,.m_navbox a{color: #fff;display: block;}
  .m_navbox a{font-size: 16px;line-height: 20px;padding: 10px 0;}
  .m_navbox div,.m_navbox a.ltp{font-size: 20px;line-height: 30px;border-bottom: 1px solid #1f1e1e;padding: 10px 0;display: block;}
  .m_navbox li>div:nth-child(1){background: url(../images/plus.png) center right no-repeat;}
  .m_navbox li.act>div:nth-child(1){background: url(../images/reduce.jpg) center right no-repeat;}
  .m_navbox div.lbt{padding: 5px 0;display: none;}
  .m_navbox .lange{text-align: center;}
  .m_navbox .lange a{display: inline-block;margin: 0 10px;}
  .m_navbox .lange{text-align: center;}
  .m_navbox .lange a{display: inline-block;margin: 0 10px;}
  .m_navbox li.lang {padding-top: 20px;}
  .m_navbox li.lang a{display: block;float: left;text-align: center;width: 50%;font-size: 20px;}
  .m_navbox li.lange>div:nth-child(1){background: transparent;padding: 10px 10%;}
  .m_navbox li.lange div a{width: 50%;float: left;text-align: center;margin: 0 ;padding: 0;}
  .banner .pimg,.swiper1 .btn, .swiper1 .swiper-slide video,.swiper1 .swiper-slide .pimg{display: none;}
  .banner .mimg,.swiper1 .swiper-slide .mimg{display: block;}
  .swiper1 .pagination1{bottom: 30px !important;}
  .i1{padding: 30px 0;}
  .i1 .tt{font-size: 30px;}
  .i1 .tc{margin: 10px 0 20px;}
  .i1 .ibox {display: none;}
  .i1 .iboxm{display: block;} 
  .i1 .iboxm .swiper2m{width: 90%;margin: 0 auto;text-align: justify;padding-bottom: 40px;}
  .i1 .iboxm .swiper2m img{display: block;width: 100%;}
  .i1 .iboxm .swiper2m .en{font-size: 18px;margin: 15px 0 5px;}
  .i1 .iboxm .swiper2m .ltc{line-height: 1.5;margin: 10px 0;}
  .i1 .iboxm .swiper2m .more{width: 100px;line-height: 40px;background: #e72424;color: #fff;text-align: center;margin: 0 ;}
  .i1 .iboxm .swiper2m .pagination2m .swiper-pagination-bullet-active{background: #e72424;}
  .i2{width: 100%;box-sizing: border-box;left: 0;margin: 0;height: auto;}
  .i2 .swiper3 {}
  .i2 .swiper3 .swiper-slide .abox > .pimg{display: none;}
  .i2 .swiper3 .swiper-slide .abox > .mimg{display: block;}
  .i2 .swiper3 .swiper-slide .abox .sbox{width: 90%;left: 5%;margin: 0;}
  .i2 .swiper3 .swiper-slide .tt{margin: 40px 0 20px;}
  .i2 .swiper3 .swiper-slide .en{font-size: 30px;}
  .i2 .swiper3 .swiper-slide .xian{margin: 20px auto;}
  .i2 .swiper3 .swiper-slide a{margin: 30px auto 0;}
  .i2 .swiper3 .swiper-slide .abox .quan{display: none;}
  .i2 .swiper3 .swiper-slide .abox{width: 100%;overflow: hidden;}
  .i2 .swiper3 .pagination3{bottom: 20px;}
  .i2 .swiper3 .pagination3 span{width: 8px;height: 8px;background: #fff;opacity: 1;border-radius: 50%;}
  .i2 .swiper3 .pagination3 .swiper-pagination-bullet-active{background: #e72424;opacity: 1;}
  .i3{padding: 30px 0 0;box-sizing: border-box;background: #fff;}
  .i3 .txt{position: static;}
  .i3 .txt .tt,.i4 .tt{font-size: 30px;}
  .i3 .txt .tc,.i4 .tc{margin: 10px 0 30px;}
  .i3 .txt .tc2{padding: 20px 5%;}
  .box{min-width: 200px;width: 90%;}
  .i3 .txt .tc2 .t_tc{margin: 15px 0;}
   .i3 .txt .tc2 .ul1 li .num {margin-bottom: 10px;}
  .i3 .txt .tc2 .ul1 li .num span{font-size: 30px;}
  .i3 .txt .tc2 .ul1 li{border:none;font-size: 12px;}
  .i3 .img{margin: 20px auto 0;width: 100%;min-width: 200px;}
  .i3 .txt .tc2 a{margin-top: 30px;}
  .i4{padding: 30px 0 0;}
  .i4 .ul1 li{width: 100%;float: none;margin: 0 0 30px ;border-bottom: 1px solid #ddd;padding-bottom: 20px;position: relative;}
  .i4 .ul1 li .m_a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}	
  .i4 .ul1 li .ltt{margin: 10px 0 ;}
  .i4 .ul1 li .xian{display: none;}
  .i4 .ul1 li .more{margin-top: 10px;}
  .footer{display: none;}
  .footer2{text-align: center;padding: 20px 0;}
  .footer2 .box span{float: none;display: inline-block;}
  .footer2 *{line-height: 26px;}
  .banner{width: 100%;left: 0;margin: 0;}
  .banner .txt .en{margin-top: 25%;font-size: 30px;}
  .banner .txt .tt{font-size: 32px;}
  .banner .box{display: none;}
  .ab1{padding: 30px 0;}
  .ab1 .xian{margin: 20px auto;}
  .ab1 .tt2{margin-bottom: 10px;}
  .cu1 .tc{width: 100%;text-align: justify;}
  .cu2 .ul1 li .lrt{width: 100%;float: none;}
  .cu2 .ul1 li .llt{width: 100%;float: none;padding: 20px 5%;}
  .cu2 .ul1 li .llt .tc{margin-top: 20px;}
  .cu2 .ul1 li{padding-bottom: 30px;}
  .ab1 .tc{width: 100%;text-align: justify;}
  .ab2{padding: 30px 0;}
  .ab2 .ul1 li .num span{font-size: 30px;}
  .ab2 .ul1 li{font-size: 12px;}
  .ho2 .ul1 li{width: 100%;float: none;margin: 0 0 20px;}
  .ho2 .ul1 li .txt{line-height: 40px;}
  .page1{display: none;}
  .page2{display: block;}	
  .ho2{padding-bottom: 50px;}
  .ho2 .ul1 li .txt{color: #fff;}
  .ho2 .ul1 li .txt s{height: 100%;}
  .ho1{padding-bottom: 0;}
  .jo1 .tc{display: none;}
  .jo1 .tc2{display: block;padding: 20px 0;}
  .jo1 .tc2 img{display: block;width: 100%;}	
  .jo2 .ul1{margin: 20px 0 30px;}
  .jo2 .ul1 dt,.jo2 .ul1 dd .dtp{padding: 0;}
  .jo2 .ul1 dt span,.jo2 .ul1 dd .dtp span{width: 33.33%;text-align: center;display: none;}
  .jo2 .ul1 dt span:nth-child(1),.jo2 .ul1 dt span:nth-child(4),.jo2 .ul1 dt span:nth-child(5),
  .jo2 .ul1 dd .dtp span:nth-child(1),.jo2 .ul1 dd .dtp span:nth-child(4),.jo2 .ul1 dd .dtp span:nth-child(5){display: block;}
  .jo2 .ul1 dd .dbt{padding: 20px 5%;}
  .jo2{padding-bottom: 50px;}
  .banner2{height: auto;}
  .pr1 .tc2 select,.pr1 .tc2 .trt{width: 100%;float: none;padding: 0 10px;}
  .pr1 .tc2 .trt{margin-top: 20px;}
  .prt1{padding: 30px 0;}
  .prt1 .xian{margin: 20px auto;}
  .prt1 .ul1 li{width: 100%;float: none;margin: 0 0 30px ;}
  .prco1{margin-top: 0;padding: 30px 0;}
  .prco1 .plt,.prco1 .prt{width: 100%;float: none;padding: 0;}
  .prco1 .plt .abtn{padding: 20px 0; }
  .prco1 .plt .abtn img{width: calc(20% - 10px);}
  .prco1 .prt .tt{font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;}
  .prco1 .prt .tc{padding: 15px 0;}
  .prco2 .abtn span{width: 49%;}
  .prco2 .abtn{margin-top: 48px;}
  .prco3 .ul1{padding: 20px 5%;}
  .prco3 .abtn{margin-top: 25px;}
  .prco3 .abtn a{line-height: 1.5;}
  .prco3 .abtn a.fh{position: static;margin: 0 auto;}
  .prco3{padding: 30px 0;}
  .co1{padding: 30px 0;}
  .co1 .xian{margin: 20px auto;}
  .ne1{padding: 30px 0;}
  .ne1 .ul1 li{padding: 0;}
  .ne1 .ul1 li .img,.ne1 .ul1 li .lrt{width: 100%;float: none;}
  .ne1 .ul1 li .lrt{padding: 20px 5%;box-sizing: border-box;}
  .ne1 .ul1 li .lrt .ltc,.nec1 .nbox .time{margin: 10px 0 20px;}
  .nec1{padding: 30px 0;}
  .nec1 .nbox{padding: 20px 5%;}
  .nec1 .nbox .tc{padding: 20px 0;}
  .nec1 .abtn{margin-top: 30px;}
  .nec1 .abtn a.fh{position: static;margin: 0 auto;}
  .nec1 .abtn a{line-height: 1.5;}
  .se1{padding: 30px 0;}
  .se1 .xian{margin: 20px auto; }
  .se1 .ul1 li .ltc{padding: 20px 5%;}
  .us1{padding: 30px 0;}
  .us1 .xian{margin: 20px auto;}
  .us1 .ul1 li{width: 100%;float: none;margin: 0 0 30px;}
  .tanchuang .tbox{width: 90%;}
  .tanchuang .tbox .out{right: 0;top: -60px;}
  .al1,.do1{padding: 30px 0;}
  .al1 .xian,.do1 .xian,.su1 .xian,.con1 .xian{margin: 20px auto;}
  .al1 .ul1 li,.do1 .ul1 li,.do1 .ul1 li:nth-child(2n){width: 100%;float: none;margin: 0 0 30px;}
  .do1 .ul1 li .llt{width: 100%;float: none;}
  .do1 .ul1 li .lrt{float: none;margin: 10px auto 0;}
  .su1{padding: 30px 0;}
  .su1 .do_dc{padding: 0;}
  .su1 .dlt,.su1 .drt{width: 100%;float: none;}
  .su1 .dlt .d_d1{margin-bottom: 20px;}
  .su1 .drt .d_d1{margin: 20px 0;}
  .con1{padding: 30px 0;}
  .con1 .ul1{padding: 30px 5% 10px;}
  .con1 .ul1 li{width: 100%;float: none;margin: 0 0 30px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
  .con1 .ul1 li:nth-child(4){border:0;}
  .con1 .ul1 li .ltc{border:0;}
  .map{height: 400px;}
  .mbox{margin-top: 0;}
  .mbox .img{width: 70%;left: 17%;bottom: 3%;}
  .footer2{border:none;}
  .pr2{padding: 30px 0;}
  .pr2 .ul1 li{width: 100%;float: none;margin: 0 0 30px;}
  .su1 .drt .d_d2{margin-bottom: 10px;}
  .co1 .video iframe{height: 300px;}
  .i3 .txt .tc2 a.m_a{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0);margin: 0;padding: 0;}
    /* VR工厂 */
    .vrgongchang{width:100%;height:93vh;border: none;}
    .nec1 .nbox .tc{font-size: 14px !important;}
  .case_box{
        width: 100%;
        min-width: 200px;
    }
    .case_top_box{
        width:100%;
        margin: inherit;
    }
    .kefu_top_box{
        display: none;
    }
}