@charset "utf-8";

  /* Legacy iOS */
font-weight: normal; font-style: normal; }
/*全局初始化样式*/
*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size:14px; line-height:1.42857143; font-family:'Arial'; color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #53111b;}


/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.fl{float: left;}
.fr{float: right;}

/* 单行隐藏 */
.otxthide {white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
/* 多行隐藏 */
.otxthide2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/* 多行隐藏 */
.dot3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.w1366{max-width:1366px;margin: 0 auto;}


.top{position: fixed;top: 0;left: 0;width:100%;border-bottom: 1px solid rgba(255,255,255,.1);transition:.3s;z-index: 999;}
.top .logo{position: relative;float: left;line-height:120px;}
.top .logo .logo_w{transition:.3s;}
.top .logo .logo_c{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition:.3s;}
.top .otherBox{float: right;width:67%;}
.top .otherBox .nav{width:75%;float: left;}
.top .otherBox .nav li{display: inline-block;vertical-align: middle;margin-left: 12%;position: relative;}
.top .otherBox .nav li:before{width:0;height: 4px;content:'';background:#e60012;position: absolute;left: 0;bottom: 12px;}
.top .otherBox .nav li.on:before{width:100%;}
.top .otherBox .nav li a{color:#fff;font-size:18px;line-height:120px;margin-left:2%;display: block;white-space:nowrap;text-transform: uppercase;}
.top .otherBox .nav li span{position: absolute;left: 0;bottom: 30px;color:#fff;width:120px;}
.top.onslide .otherBox .nav li span{color:#333;}
.top .otherBox .nav li#nav2 span{display: none;}
.top .otherBox .nav li a:hover{color:#e62129;}
.top .searBox{float: right;position: relative;margin-top:50px;padding-left:50px;border-left: 1px solid #fff;}
.top .searBox i{width: 19px;height: 20px;display: block;background:url(../images/sear_w.png) no-repeat;cursor: pointer;}
.top .searBox dl{position: absolute;top: 25px;right: 0;display: none;z-index: 999;background:#fff;}
.top .searBox dl input{line-height:40px;height: 40px;width: 180px;border:1px solid #ddd;padding-left: 5px;padding-right: 42px;display: block;}
.top .searBox dl .searBtn{width: 19px;height: 20px;background:url(../images/sear.png) no-repeat;background-size: contain;position: absolute;top: 10px;right:10px;display: block;}
.top .langBox{float: right;position: relative;margin:48px 0 0 48px;}
.top .langBox span{position: relative;padding: 0 20px 0 38px;color:#fff;cursor: pointer;}
.top .langBox span:before{width:19px;height: 19px;content:'';background:url(../images/lang_w.png) no-repeat;position: absolute;top: 50%;margin-top:-9.5px;left: 0;}
.top .langBox span:after{width:11px;height: 6px;content:'';background:url(../images/i1_w.png) no-repeat;position: absolute;top: 50%;margin-top:-3px;right: 0;transition:.3s;}
.top .langBox span.on:after{transform: rotate(180deg);}
.top .langBox .langSlide{position: absolute;padding: 5px;background:#fff;top: 100%;right: 14px;display: none;}
.top .langBox .langSlide a{line-height:22px;display: block;}

.top.onslide{background:#fff;box-shadow: 0 0 20px rgba(0,0,0,.2);}
.top.onslide .logo .logo_c{opacity: 1;}
.top.onslide .logo .logo_w{opacity: 0;}
.top.onslide .otherBox .nav li a{color:#333;}
.top.onslide .otherBox .nav li a:hover{color:#e62129;}
.top.onslide .searBox i{background:url(../images/sear.png) no-repeat;}
.top.onslide .langBox span:before{background:url(../images/lang.png) no-repeat;}
.top.onslide .langBox span:after{background:url(../images/i1.png) no-repeat;}
.top.onslide .langBox span{color:#333;}
.top.onslide .searBox{border-left: 1px solid rgba(51,51,51,.4);}

.banner{position: relative;}
.banner .slick-dots{position: absolute;width:100%;text-align: center;left: 0;bottom: 5%;}
.banner .slick-dots li{width:12px;height: 12px;display: inline-block;background:#fff;border-radius:50%;margin: 0 10px;transition:.3s;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{width:60px;border-radius: 35px;background:#e62129;}

.homeVideo{padding: 5%;}
.homeVideo .videoBox{position: relative;overflow: hidden;}
.homeVideo .videoBox .playBtn{display: block;width:356px;height: 171px;background:url(../images/play.png) no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9;transition:.3s;}
.homeVideo .videoBox .playBtn:hover{margin-top:-5px;}
.homeVideo .videoBox figure{position: relative;padding-bottom:680px;width:100%;background-size: cover;background-position:center center;background-repeat:no-repeat;cursor: pointer;}
.homeVideo .videoBox .video_files{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.homeVideo .videoBox .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #e62129;cursor: pointer;}
.homeVideo .videoBox .video_files .close::before, .homeVideo .videoBox .video_files .close::after{position: absolute;content: '';width: 3px;height: 70%;border-radius: 3px;background-color: #fff;left: 13px;top: 5px;}
.homeVideo .videoBox .video_files .close::before{transform: rotate(45deg);}
.homeVideo .videoBox .video_files .close::after{transform: rotate(-45deg);}
.homeVideo .videoBox .video_files video{width: 100%;height: 100%;background-color: #000;}

/*bottom*/
.bottom{background:#333;}
.bottom .bomTop{padding: 70px 0;color:#999;}
.bottom .bomTop .bomInfo{float: left;}
.bottom .bomTop .bomInfo .logo{margin-bottom: 30px;}
.bottom .bomTop .bomInfo p{line-height:40px;padding-left:23px;position: relative;}
.bottom .bomTop .bomInfo p.pho:before{width:17px;height: 12px;content:'';background:url(../images/bom1.png) no-repeat;position: absolute;top: 50%;margin-top:-6px;left: 0;}
.bottom .bomTop .bomInfo p.add:before{width:11px;height: 13px;content:'';background:url(../images/bom2.png) no-repeat;position: absolute;top: 50%;margin-top:-6.5px;left: 2px;}
.bottom .bomTop .bomInfo p.wes:before{width:14px;height: 14px;content:'';background:url(../images/bom3.png) no-repeat;position: absolute;top: 50%;margin-top:-7px;left: 0;}
.bottom .bomTop .bomCode{float: right;text-align: center;}
.bottom .bomTop .bomCode img{border:10px solid #464646;}
.bottom .bomTop .bomCode p{line-height:30px;margin-top:8px;}
.bottom .bomBom{border-top: 1px solid #444;}
.bottom .bomBom .bomnav{float: right;color:#bcbcbc;}
.bottom .bomBom .bomnav a{color:#bcbcbc;line-height:70px;}
.bottom .bomBom .bomnav a:hover{color:#fff;}
.bottom .bomBom .copy{float: left;color:#bcbcbc;line-height:70px;}
.bottom .bomBom .copy a{color:#bcbcbc;}
.bottom .bomBom .copy a:hover{color:#fff;}
/*bottom*/

.colRED{color:#dc1c1c;}

/*关于我们*/
.aboutF1{background:url(../images/abBG1.jpg) no-repeat;text-align: center;padding: 190px 0;}
.aboutF1 p{font-size:46px;line-height:90px;}
.aboutF1 p span{color:#dc1c1c;}
.aboutF2{background:url(../images/abBG2.png) no-repeat;padding: 395px 0 90px;color:#fff;margin-top:-189px;text-align: center;background-position:center;}
.aboutF2 h5{font-size:46px;margin-bottom:75px;font-weight: normal;}
.aboutF2 .ListBox{}
.aboutF2 .ListBox .item{display: inline-block;vertical-align: middle;padding: 0 80px;border-right:1px solid rgba(255,255,255,.2);}
.aboutF2 .ListBox .item .iconB{display: inline-block;vertical-align: middle;}
.aboutF2 .ListBox .item .textB{display: inline-block;vertical-align: middle;text-align: left;margin-left:20px;}
.aboutF2 .ListBox .item:last-child{border-right:none;}
.aboutF2 .ListBox .item .textB p{font-size:30px;line-height:1;}
.aboutF2 .ListBox .item .textB p em{font-size:50px;font-style:normal;margin-right: 10px;}
.aboutF2 .ListBox .item .textB span{font-size:18px;}
.aboutF2 .Btn{display: block;font-size:30px;margin-top:40px;color:#fff;}
.aboutF3{}
.aboutF3 .item{float: left;width:65%;position: relative;margin-top:1.62%;overflow: hidden;}
.aboutF3 .item:nth-child(2),
.aboutF3 .item:nth-child(3){width:33.38%;}
.aboutF3 .item:nth-child(2n){float: right;}
.aboutF3 .item img{transition: all 2s ease-in-out}
.aboutF3 .item:hover img{transform: translate(-5%,-5%)scale(1.1);}
.aboutF3 .item .txtBox{position: absolute;left: 50px;bottom: 20px;color:#fff;}
.aboutF3 .item .txtBox p{font-size:30px;line-height:1;}
.aboutF3 .item .txtBox p em{font-size:50px;font-style:normal;}
.aboutF3 .item .txtBox span{font-size:30px;}
.aboutF4{margin-top:10px;padding: 100px 0;background:url(../images/abBG4.jpg) repeat-x;}
.aboutF4 .topBox{text-align: center;}
.aboutF4 .topBox p{font-size:48px;color:#666;}
.aboutF4 .bomBox{margin-top:80px;}
.aboutF4 .bomBox .item{float: left;width:30%;margin-right:5%;}
.aboutF4 .bomBox .item:nth-child(3n){margin-right:0;}
.aboutF4 .bomBox .item h5{font-size:30px;color:#fff;font-weight:normal;margin: 15px 0;}
.aboutF4 .bomBox .item p{color:#fff;font-size:22px;}
.aboutF5{padding: 70px 0;background:#f0f0f0;}
.aboutF5 h5{font-size:48px;font-weight:normal;}
.aboutF5 .AwardList{}
.aboutF5 .AwardList .item{float: left;width:40%;margin-right:10%;}
.aboutF5 .AwardList .item .itemBox{border-bottom:1px solid #c9c9c9;padding: 15px 0;font-size: 0;}
.aboutF5 .AwardList .item .itemBox time{display: inline-block;width: 55px;vertical-align: top;font-size:24px;color:#020203;margin-right: 30px;}
.aboutF5 .AwardList .item .itemBox p{display: inline-block;width: calc(100% - 85px);font-size:18px;line-height:32px;color:#020203;}
.aboutF5 .AwardImg{text-align: center;margin-top:55px;}
/*关于我们*/

/*产品中心*/
.pro_Warp{background:url(../images/abBG4.jpg) repeat-x bottom #f1f1f1;padding: 110px 0;}
.pro_Warp h1{font-size:46px;font-weight:normal;text-align: center;}
.pro_Warp .pro_Img{text-align: center;}
.pro_Warp .pro_List{}
.pro_Warp .pro_List .item{float: left;width:30%;margin-right:5%;}
.pro_Warp .pro_List .item:nth-child(3n){margin-right:0;}
.pro_Warp .pro_List .item .imgBox{overflow: hidden;}
.pro_Warp .pro_List .item .imgBox img{transition:.3s;}
.pro_Warp .pro_List .item p{font-size:30px;color:#fff;margin: 20px 0;}
.pro_Warp .pro_List .item .Btn{display: block;width:140px;text-align: center;line-height:40px;color:#fff;background:#b81a21;font-size:18px;}
.pro_Warp .pro_List .item:hover .imgBox img{transform: scale(1.1);}

.pro_Intro{padding: 120px 0;}
.pro_Intro .item{float: left;width:31.5%;margin-right:2.75%;}
.pro_Intro .item:nth-child(3n){margin-right:0;}
.pro_Intro .item .imgBox{position: relative;}
.pro_Intro .item .imgBox p{position: absolute;width:100%;height: 0;background:rgba(249,22,33,.8);font-size:17px;line-height:30px;color:#fff;top: 0;left: 0;padding: 22% 5%;opacity: 0;transition:.3s;}

.pro_Intro .item:hover .imgBox p{opacity: 1;height: 100%;}
.pro_Intro .item .txtBox{width:85%;margin: 0 auto;box-shadow:0 0 10px rgba(0,0,0,.2);padding: 25px 20px;margin-top:-75px;position: relative;z-index: 9;background:#fff;}
.pro_Intro .item .txtBox h5{font-size:26px;line-height:32px;min-height: 64px;font-weight:normal;margin-bottom:20px;}
.pro_Intro .item .txtBox h5:last-child{margin-bottom: 0;}
.pro_Intro .item .txtBox h5 span{display: block;font-size: 18px;}
.pro_Intro .item:hover .txtBox h5{color:#f91621;}
.pro_Intro .item:hover .txtBox h5 span{color: #333}
.pro_Intro .item:hover .txtBox h5{color:#f91621;}
.pro_Intro .item .txtBox .txt{border-top: 1px dashed #eaeaea;padding: 20px 0;font-size:15px;}
.pro_Intro .item .txtBox .txt span{display: inline-block;vertical-align: top;width:24%;text-align: right;color:#888;}
.pro_Intro .item .txtBox .txt p{display: inline-block;width:74%;color:#555;line-height:24px;}
.pro_Intro .item .txtBox .txt:last-child p{min-height: 68px;}

.pro_Detai{}
.pro_Detai .item{width:50%;float: left;position: relative;}
.pro_Detai .item figure{padding-bottom:500px;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.pro_Detai .item .txtBox{position: absolute;left: 5%;bottom: 6%;max-width:285px;}
.pro_Detai .item .txtBox h5{font-size:30px;font-weight:normal;line-height:1;}
.pro_Detai .item .txtBox p{color:#666;line-height: 24px;margin: 15px 0;}
.pro_Detai .item .txtBox .more{display: block;width:140px;text-align: center;line-height:40px;color:#fff;background:#e62129;font-size:18px;position: relative;top:0;transition:.3s;}
.pro_Detai .item .txtBox .more:hover{top: -5px;}

/*产品中心*/

/*研发中心*/
.RDcen{text-align: center;padding: 120px 0;}
.skill-list ul{font-size: 0;}
.skill-list ul li{position: relative;display: inline-block;width: 50%;}
.skill-list ul li .img img{width: 100%;}
.skill-list ul li .main-box{position: absolute;width: 84%;bottom: 8%;left: 8%;max-width: 275px;z-index: 3;}
.skill-list ul li .main-box .title a{font-size: 30px;color: #333333;}
.skill-list ul li .main-box .text{margin-top: 20px;font-size: 14px;color: #666666;line-height: 1.8;}
.skill-list ul li .main-box .more{margin-top: 15px;}
.skill-list ul li .main-box .more a{display: block;width: 140px;height: 45px;text-align: center;line-height: 45px;font-size: 18px;color: #ffffff;background-color: #e62129}
@media(max-width:768px){
	.skill-list ul li .main-box{width:42%;}
	.skill-list ul li .main-box .title a{font-size:22px;}
	.skill-list ul li .main-box .text{margin-top:11px;font-size:14px;}
	.skill-list ul li .main-box .more a{width:100px;height: 35px;line-height: 35px;font-size:14px;}
}



/*人才招聘*/
.Personnel {padding: 120px 0;}
.Personnel .list{ border:1px solid #e8e8e8; margin-bottom:15px;background:#f5f6f7}
.Personnel .job-title{ line-height:30px; padding:15px 3%; font-size:18px; cursor:pointer; position:relative;color: #333;}
.Personnel .job-title time{font-size:16px;color: #999999;position: absolute;right: calc(30px + 3%);top: 50%;transform: translateY(-50%);}
.Personnel .job-title i{ position:absolute; width:22px; height:22px; border-radius:50%; right:3%; top:50%; margin-top:-11px;}
.Personnel .job-title i::before,
.Personnel .job-title i::after{ position:absolute; content:''; background:#999;}
.Personnel .job-title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;}
.Personnel .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;}
.Personnel .job-title.select{background:#dc1c1c;color: #fff;}
.Personnel .job-title.select time{color: #fff;}
.Personnel .job-title.select i::before,
.Personnel .job-title.select i::after{background:#fff;}
.Personnel .job-title.select i::after{ display:none;}
.Personnel .job-main{ display:none; padding:22px 3%;}
.Personnel .job-main .item{font-size:16px;line-height:34px;padding-left:25px;color: #666;margin-bottom:2%}
.Personnel .job-main .item h5{text-transform: uppercase;position: relative;color: #333;}
.Personnel .job-main .item h5:before{width: 8px;height: 8px;content: '';border:2px solid #004ea2;border-radius:50%;position: absolute;left: -25px;top: 50%;margin-top:-6px;}
.Personnel .job-main .item p{}
.Personnel .job-main .malB{}
.Personnel .job-main .malB .send{display: inline-block;vertical-align: middle;width: 175px;line-height: 60px;padding: 0 25px;background-color:#dc1c1c;color: #fff;font-size:16px;background-image:url(../images/i2.png);background-repeat:no-repeat;background-position:center right 20px;}
.Personnel .job-main .malB span{display: inline-block;vertical-align: middle;font-size:16px;padding-left:25px;color: #666;}

.President{padding: 120px 0;}
.President .w1366{padding: 0 30px;}
.President .imgBox{display: inline-block;vertical-align: middle;width: 49%;}
.President .txtBox{display: inline-block;vertical-align: middle;width: 49%;padding-left:3%;}
.President .txtBox h5{font-size:40px;font-weight:normal;margin-bottom:6%;}
.President .txtBox p{font-size:18px;line-height:32px;}

.careerSto{position: relative;}
.careerSto:before{width: 100%;height: 415px;content:'';background:#000;position: absolute;left: 0;bottom: 0;z-index: -1;}
.careerSto h2{font-weight: normal;font-size:48px;text-align: center;margin-bottom:3%;}
.careerSto .w1366{padding: 0 30px;}
.careerSto ul li{display: inline-block;width: 31.25%;margin-right:2.8%;margin-bottom:2.8%;}
.careerSto ul li:nth-of-type(3n){margin-right: 0;}
.careerSto ul li .img{position: relative;display: block;}
.careerSto ul li .img:after{display: block;position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/play2.png');background-size: auto;background-position: center;background-repeat: no-repeat;}
.careerSto ul li.on .img:after{display: none;}
.careerSto ul li .img img{width: 100%}
.careerSto ul li .img .vidBox{position: absolute;width:100%;height: 100%;position: absolute;top: 0;left: 0;display: none;background:rgba(0,0,0,.8);}
.careerSto ul li .txt{color: #fff;padding: 3% 0 150px;}
.careerSto ul li .txt h5{font-size:22px;font-weight:normal;margin-bottom:2%;}
.careerSto ul li .txt p{font-size:20px;}
.careerSto ul li .txt p span{color: #dc1c1c;}

@media(max-width:1440px){
	.President .txtBox h5{font-size: 30px;}
}
@media(max-width:640px){
  .President{padding: 4% 0;}
  .President .imgBox{display: block;width: 100%;text-align: center;margin-bottom:30px;}
  .President .txtBox{display: block;width: 100%;padding-left:0;}
  .President .txtBox h5{font-size: 22px;}
  .careerSto h2{font-size:32px;}
  .President .txtBox p{font-size:14px;line-height:22px;}
  .careerSto ul li{width:100%;margin-right: 0;margin-bottom:30px;}
  .careerSto:before{display: none;}
  .careerSto ul li .txt{color: #333;padding: 3% 0 0;}
  .Personnel .job-title time{display: none;}
}
/*搜索*/
.Search{ padding: 120px 0;}
.Search .list .tit{font-size: 32px;color: #333;margin-bottom: 3%;}
.Search .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;border-bottom: 1px dashed #eee;}
.Search .list li *{ color: #999;}
.Search .list li time{ position: absolute; right: 0; top: 10px; display: block;}
.Search .list li a{position: relative; display: block; width: 100%;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; padding-left: 15px; }
.Search .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;}



/*响应式*/
.nav_btn {float:right; width:30px; height:27px; margin:30px 0 0 20px; position:relative; cursor:pointer; display:none;  transition:margin 0.3s ease 0s;z-index: 999;}
.nav_btn span,.nav_btn span:before,.nav_btn span:after {content:''; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0;border-radius:3px;}
  .top.onslide .nav_btn span,.top.onslide .nav_btn span:before,.top.onslide .nav_btn span:after{background-color:#333;}
.nav_btn span {top:50%; margin-top:-1px;}
.nav_btn span:before {top:-10px; transition:all 0.3s ease 0s;}
.nav_btn span:after {bottom:-10px; transition:all 0.3s ease 0s;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:0;background-color:#53111b!important;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-2px;background-color:#53111b!important;}
.innerBan .wapBan{display: none;}

@media(max-width:1380px){
  .w1366{padding: 0 2%;}
  .top .otherBox{width:72%;}
}

@media(max-width:1280px){
  .nav_btn{display: block;}
  .top .logo{line-height:90px;}
  .top .searBox{margin-top:35px;padding-left:2%;}
  .top .langBox{margin: 34px 0 0 2%;}
  .top .otherBox .nav{position: absolute;top: 91px;right: 0;width:50%;background:#fff;padding: 20px;display: none;box-shadow:0 10px 10px rgba(0,0,0,.2);}
  .top .otherBox .nav li{float: none;margin-left: 0;display: block;}
  .top .otherBox .nav li a{line-height:40px;color:#333;}
  .aboutF1{padding: 90px 0;}
  .aboutF1 p{font-size:32px;line-height:50px;}
  .aboutF2{padding: 230px 0 38px;margin-top: -80px;}
  .aboutF2 h5{font-size:28px;margin-bottom: 40px;}
  .aboutF2 .ListBox .item .textB p{font-size:24px;}
  .aboutF2 .ListBox .item .textB p em{font-size:26px;}
  .aboutF2 .Btn{font-size:24px;}
  .aboutF3 .item .txtBox p{font-size:24px;}
  .aboutF3 .item .txtBox p em{font-size:26px;}
  .aboutF3 .item .txtBox span{font-size:24px;}
  .aboutF4{padding: 60px 0;background:none;}
  .aboutF4 .topBox p{font-size:32px;}
  .aboutF4 .bomBox{margin-top:40px;}
  .aboutF4 .bomBox .item h5{color:#333;font-size:24px;margin: 10px 0;}
  .aboutF4 .bomBox .item p{color:#333;font-size:18px;}
  .top .otherBox .nav li:before{bottom: 0;}
  .top .otherBox .nav li span{display: none;}
}

@media(max-width:960px){
  .homeVideo .videoBox figure{padding-bottom:45%;}
  .homeVideo .videoBox .playBtn{width: 25%;height: 27%;background-size: contain;}
  .top .logo{width:30%;}
  .top .otherBox{width:55%;}
  .top .langBox span{padding: 0 20px 0 30px;}
  .top .langBox{margin-left:10px;}
  .top .searBox{border-left:none;border-right:1px solid #fff;padding-left:0;padding-right:10px;}
  .top.onslide .searBox{border-left:none;border-right:1px solid rgba(51,51,51,.4);}
  .bottom .bomBom .bomnav{float: none;text-align: center;}
  .bottom .bomBom .copy{float: none;text-align: center;line-height:30px;}
  .bottom .bomBom .bomnav a{line-height:30px;}
  .bottom .bomBom{padding: 10px 0;}
  .aboutF2 h5{margin-bottom:20px;}
  .aboutF2 .ListBox .item{display: block;text-align: center;border-right:none;margin-bottom: 20px;padding: 0;}
  .pro_Warp{padding: 70px 0;}
  .Personnel{padding: 70px 0;}
  .Search{padding: 70px 0;}
  .pro_Warp h1{font-size:28px;}
  .pro_Warp .pro_List .item p{font-size:24px;}
  .pro_Intro{padding: 60px 0;}
  .pro_Intro .item{width:49%;margin-right:2%;margin-bottom:20px;}
  .pro_Intro .item .imgBox{text-align: center;}
  .pro_Intro .item:nth-child(3n){margin-right:2%;}
  .pro_Intro .item:nth-child(2n){margin-right:0;}
  .pro_Intro .item .txtBox h5{font-size:20px;line-height:24px;min-height: 48px;margin-bottom:10px;}
  .pro_Intro .item .txtBox .txt{font-size:14px;padding: 10px 0;}
  .pro_Detai .item{float: none;width:100%;}
  .Search .list .tit{font-size: 26px;}
}

@media(max-width:768px){
  .bottom .bomTop{padding: 30px 0;}
  .bottom .bomTop .bomInfo{float: none;}
  .bottom .bomTop .bomInfo .logo{margin-bottom:15px;}
  .bottom .bomTop .bomInfo p{line-height:30px;}
  .bottom .bomTop .bomCode{float: none;margin-top:15px;}
  .banner .slick-dots li.slick-active{width:30px;}
  .banner .slick-dots li{margin: 0 5px;}
  .aboutF1{padding: 45px 0;}
  .aboutF3 .item{float: none!important;width:100%!important;margin-right:0!important;margin-bottom:2%;text-align: center;}
  .aboutF3 .item .txtBox{left: 20px;bottom: 10px;text-align: left;}
  .aboutF4 .topBox p{font-size:24px;}
  .aboutF1 p{font-size:24px;line-height:30px;}
  .aboutF4 .bomBox .item{float: none;width:100%;margin-right:0;margin-bottom:2%;}
  .aboutF4 .bomBox .item .imgBox{text-align: center;}
  .aboutF4{padding: 30px 0;}
  .aboutF5{padding: 30px 0;}
  .aboutF5 h5{font-size:26px;}
  .aboutF5 .AwardList .item{float: none;width:100%;}
  .aboutF5 .AwardList .item .itemBox time{width: 45px;font-size:18px;}
  .aboutF5 .AwardList .item .itemBox p{width: 220px;font-size:14px;line-height:24px;}
  .aboutF5 .AwardImg{margin-top:25px;}
  .Personnel{padding: 30px 0;}
  .Search{padding: 30px 0;}
  .pro_Warp{background:#f1f1f1;}
  .pro_Warp .pro_List .item{float: none;width:100%;margin-right:0;margin-bottom:15px;}
  .pro_Warp .pro_List .item p{margin: 10px 0;color:#333;}
  .pro_Warp .pro_List{margin-top:20px;}
  .pro_Intro .item{width:100%;margin-right:0;}
  .pro_Intro .item:nth-child(3n){margin-right:0;}
  .pro_Intro .item .txtBox{padding: 12px 10px;width:90%;}
  .pro_Intro .item .txtBox .txt span{width:27%;}
  .pro_Intro .item .txtBox .txt p{width:71%;}
  .innerBan .wapBan{display: block;padding-bottom:280px;background-repeat:no-repeat;background-size: cover;background-position:center center;}
  .innerBan .webBan{display: none;}
  .pro_Detai .item figure{padding-bottom:350px;}
  .pro_Detai .item .txtBox h5{font-size:24px;}
  .pro_Detai .item .txtBox p{margin: 8px 0;}
  .pro_Detai .item .txtBox .more{font-size:14px;width:120px;line-height:36px;}
  .RDcen{padding: 60px 0;}
  .skill-list ul li{display: block;width: 100%;}
}
@media(max-width:321px){
	.innerBan .wapBan{padding-bottom:230px;}
}


.return{margin-bottom: 3%;text-align: right;}
.return a{display: inline-block;width: 140px;text-align: center;line-height: 40px;color: #fff;background: #b81a21;font-size: 18px;}