@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "SourceHanSansCN";
    src: url("../font/SourceHanSansCN-Regular.woff2") format("woff2"),
    url("../font/SourceHanSansCN-Regular.woff") format("woff"),
    url("../font/SourceHanSansCN-Regular.ttf") format("truetype"),
    url("../font/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
    url("../font/SourceHanSansCN-Regular.svg") format("svg");

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {color:#333;font-size:12px; font-family:"Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei",微软雅黑,"Segoe UI",Tahoma,宋体b8b体,SimSun,sans-serif;position: relative;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {/*font-weight:normal;*/font-size:100%; }
address, caption, cite, code, dfn, em, th, var{ font-style:normal;font-weight:normal;}
a{color:#ACACAC;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none; color: #104f0a;}
/* a{blr:expression(this.onFocus=this.blur())} */
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font-size:14px;;outline:none; font-family:"微软雅黑";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color:    #999;
}
input:-moz-placeholder,textarea:-moz-placeholder {
    color:    #999;
}
input::-moz-placeholder,textarea::-moz-placeholder {
    color:    #999;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color:    #999;
}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
.max_width{ width: 100%; }
.min_width{ width: 1200px; margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden; }
.clearfix {*zoom:1;}
.clear{clear:both;}
/*pccss reset 结束*/
.page_scroll {    width: 100%;height: 100vh; background: #fff;}
.pageSection,.banner .swiper-slide,.banner{ width: 100%; height: 100%;}
.banner .swiper-slide a{display: block; width: 100%; height: 100%;}
.swiperNum{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); position: absolute; top: 50%;width: 125px; left: 50px;    z-index: 10; }
.bannerNum.swiper-pagination{ position: static; }
.bannerNum .swiper-pagination-bullet{ width: 33px; height: 1px; opacity: 1; background: #fff;border-radius: 0; display: block; margin: 24px 0 0 !important; }
.bannerNum .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 45px;}
.swiperNum font{ position: absolute;right: 0;line-height: 100px; color: #fff; font-size: 20px; font-family: Arial, Helvetica, sans-serif; top: 0;}
.swiperNum font i{font-size: 16px;}
.bannerNum .swiper-pagination-bullet{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexShare{ position: fixed; left: 50px;bottom: 50px; z-index: 5;}
.indexShare a{ display: block; float: left; width: 30px; height: 30px;}
.indexShare a.qq{ background: url(../img/wIco1.png) no-repeat;}
.indexShare a.wx{ background: url(../img/wIco2.png) no-repeat; margin: 0 10px;}
.indexShare a.wb{ background: url(../img/wIco3.png) no-repeat;}
.changeColor a.qq{ background: url(../img/wIco1-1.png) no-repeat;}
.changeColor a.wx{ background: url(../img/wIco2-1.png) no-repeat; margin: 0 10px;}
.changeColor a.wb{ background: url(../img/wIco3-1.png) no-repeat;}
.indexShare a.qq:hover{ background: url(../img/wIco1_on.png) no-repeat;}
.indexShare a.wx:hover{ background: url(../img/wIco2_on.png) no-repeat; }
.indexShare a.wb:hover{ background: url(../img/wIco3_on.png) no-repeat;}
.black_bg{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 500;}
.ewm_div{display: none; position: fixed; left: 50%; top: 50%; font-size: 14px; text-align: center; width:200px ; height: 125px; margin-top: -62.5px; z-index: 510;  margin-left: -100px;}
.ewm_div span{ display: block; text-align: center; padding-top: 10px; color: #fff;}
.phone{ position: fixed; bottom: 50px; right: 50px; width: 220px; height: 40px; z-index: 5;}
.phone img{width: 220px; height: 40px; display: block;}
.phone img.img2,.phone.show img.img1{ display: none;}
.phone.show img.img2{ display: block;}
.header{ position: fixed; width: 100%; top: 0; left: 0; padding-top: 30px; z-index: 100;}
.header a.logo{ position: absolute; left: 50px; width: 151px; height: 49px;}
.header ul{ width: 1200px; text-align: right; margin: 0 auto;}
.indexHead.header ul{box-sizing: border-box; padding-right: 100px;}
.header ul li{position: relative; display: inline-block; margin-right: 29px;min-width: 80px ;    text-align: center;}
.header ul li>a{font-size: 16px; color: #ab751a; line-height: 60px;}
.header ul li>a i{ display: inline-block; width: 9px; height: 5px;background: url(../img/selectIco.png) no-repeat; vertical-align: middle; margin-left: 10px;}
.headOn  ul li>a{ color: #a1a0a0;}

.rightCont{ position: absolute;right: 50px; top: 30px; height: 60px;}
.rightCont span{ display: block; float: left;}
.menuIco{ width: 86px; height: 23px;position: relative;top: 50%; margin-top: -11.5px;}
.searchIco{ width: 21px; height: 21px; background: url(../img/searchIco.png) no-repeat;margin-right: 50px; margin-top: 20px;}
.header ul li.on>a i,.header ul li:hover>a i{background: url(../img/selectIco1.png) no-repeat;}
.mouseTip {
    position: fixed;
    left: 50%;
    width: 21px;
    height: 72px;
    margin-left: -10.5px; z-index: 20;
    bottom: 15px;
    animation: fadeInUp 2s ease 0s infinite alternate;
}
.navChild{ background: #fff;  height: 65px; position: absolute;left: -33px;top: 90px;width: 100%;z-index: 5;text-align: right; display: none; }
.navChild a{color: #3d3d3d;font-size: 16px;line-height: 45px; display: block;text-align: center;}
.header ul li.on>a,.header ul li:hover>a{ color: #f6a720 !important;}
.navChild p{position: relative; margin: 0 auto;width: 200px;/* height: 179px; */background: #FFFFFF;}
.navChild a:hover{background: #f6a720; color: #fff;}
.search{width: 300px;height: 38px;background: rgba(0,0,0,.3);position: absolute;left: -100px; opacity: 0;  /* margin-left: 450px; */top: 59px;z-index: 4;overflow: hidden;background-color: #fff;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.search input[type="text"]{float: left;width: 231px;height: 38px;border: 0 none;padding: 8px 10px;line-height: 38px;border: 1px solid #002510;border-right: 0 none;background: 0 none;    box-sizing: border-box;}
.search .submit{float: left;border: 0 none;background-color: #f6a720;color: #fff;width: 69px;height: 38px;line-height: 38px;cursor: pointer;}
.search .submit:hover{background-color: #e99609;}
.search.on{opacity: 1;}
.section2{ background: url(../img/bg1.jpg) no-repeat center; background-size: cover;}
.sec2Container{ width: 1200px; margin: 0 auto; position: relative; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.indexProduct .swiper-slide{ width: 400px; height: 400px;box-sizing: border-box; background: #fff;  padding: 10px 0 30px;  text-align: center;}
.indexProduct .swiper-slide img{ display: block; margin: 0 auto;width: 324px;height: 282px;}
.indexProduct .swiper-slide p.p1{ color: #333; font-size: 22px; text-align: center;}
.indexProduct .swiper-slide p.p2{ font-size: 14px; color: #999; margin-top: 6px; opacity: 0;}
.indexProduct .swiper-slide a div.productIntro{ width: 335px; text-align: center; margin: 0 auto;}
.indexProduct .swiper-slide span{ display: block; margin: 20px auto 0; opacity: 0; width: 175px; height: 40px;background: #f6a720; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 40px; text-align: center; color: #fff; font-family: Arial, Helvetica, sans-serif;}
.indexProduct .swiper-slide span:hover{background: #e3991a;}
.indexProduct .swiper-slide.swiper-slide-active{ width: 400px; height: 467px; margin-top: -36px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px -1px 100px;}
.indexProduct .swiper-slide.swiper-slide-active img{}
.indexProduct .swiper-slide.swiper-slide-active p.p2{ opacity: 1; filter: alpha(opacity=100);}
.indexProduct .swiper-slide.swiper-slide-active .productIntro>div::after{ display: none;}
.indexProduct .swiper-slide.swiper-slide-active  span{opacity: 1; filter: alpha(opacity=100);}
.indexProduct .swiper-container {padding-top: 80px; height: 465px;}
.productIntro>div::after{content: ''; width: 75px; height: 1px;background: #a1a1a1; position: absolute;left: 50%; margin-left: -37.5px; bottom: 20px; }
.productIntro>div{position: relative;}
.indexProduct{ position: relative;}
.button-prev,.button-next{ position: absolute; width: 82px; height: 82px; top: 50%; margin-top: -20px; z-index: 12; transition: all 0.5s;}
.button-prev{ left: -30px; background: url(../img/prev1.png);}
.button-next{ right: -47px;background: url(../img/next1.png);}
.button-prev:hover{background: url(../img/prev1_on.png);}
.button-next:hover{background: url(../img/next1_on.png);}
.section4{background: url(../img/bg2.jpg) no-repeat center; background-size: cover;}
.culture {margin-top: 55px;}
.culture li em{ display: block; width: 60px; height: 60px; overflow: hidden; margin: 34px auto 0;}
.culture li span{ width: 129px; height: 129px; margin: 0 auto; display: block;border: #e9e9e9 1px dashed; text-align: center; border-radius: 50%;}
.culture li div{background: url(../img/cultureIco1.png) no-repeat; width: 220px; height: 218px;    display: flex; transition: all 0.8s;
    align-items: center; margin: 0 auto;}
.culture li{ width: 300px; color: #fff;margin: 0 48px; display: inline-block; transition: all 0.6s;}
.culture li .p1{font-size: 24px; margin-top: 25px; margin-bottom: 20px; text-align: center;}
.culture li .p2{font-size: 14px; line-height: 180%;}
.culture li:hover div{background: url(../img/cultureIco2.png) no-repeat;}
.culture li:hover em .img1{ margin-top: -60px;}
.culture li em img{ transition: all 0.5s;}
.culture li:hover  { color: #f6a720;    transform: translateY(-20px);}
.more{display: block; width: 190px; height: 45px; background: #f6a720; margin: 200px auto 0; font-size: 14px; color: #fff; line-height: 45px; text-align: center; }
.more img{margin-left: 20px; transition: all 0.3s;}
.more:hover{ color: #fff;}
.more:hover img{ margin-left: 10px;}
.newTab a{ display: inline-block;  width: 122px; height: 45px; line-height: 45px; font-size: 14px; text-align: center;}
.newTab a.on,.newTab a:hover{background: #f6a720; color: #fff;}
.newTab { float: right;}
.sec3Cont{ margin-top: 60px; position: relative;}
.sec3Cont::after{ content: ''; width: 100%; height: 1px;background: #dcdcdc; position: absolute;left: 0; top: 60px;}
.sec4Container{ width: 1200px; margin: 0 auto;}
.section5 {background: url(../img/bg3.jpg) no-repeat center; background-size: cover;}
.indexNew a{ display: block; width: 100%;}
.indexNew .p1{font-size: 24px; padding-bottom: 24px; position: relative;}
.indexNew .p1::after{content: ''; width: 16px; height: 16px; background: url(../img/dotIco1.png) no-repeat; position: absolute; bottom: -13px; left: 0;}
.indexNew .p1 span{ color: #999; font-size: 16px; margin-left: 10px; font-family: Arial, Helvetica, sans-serif;}
.indexNew .pic{ width: 283px; height: 107px; margin-top: 25px; position: relative;}
.indexNew .pic>img{ display: block;    width: 100%;  height: 100%;}
.indexNew .pic em{ position: absolute; width: 100%; height: 100%;background: rgba(246,167,32,0.8); top: 0; left: 0; text-align: center; display: none;}
.indexNew .pic em img{position: relative; top: 50%; margin-top: -10px;}
.indexNew .p2{ font-size: 16px; color: #333; margin-top: 20px; line-height: 150%;}
.indexNew .p3{ font-size: 14px; margin-top: 20px; color: #333;}
.indexNew  .swiper-slide i{ display: block; width: 97px; height: 27px;border: #f6a720 1px solid; color: #f6a720; font-size: 24px;line-height: 27px; text-align: center; margin-top: 25px; opacity: 0; transition: all 0.5s;}
.indexNew  .swiper-slide{width: 283px; margin-right: 107px;}
.indexNew .swiper-container{ width: 1155px;}
.indexNew{ position: relative;}
.indexNew  .swiper-slide:hover .p1,.indexNew  .swiper-slide:hover .p1 span{color: #f6a720;}
.indexNew  .swiper-slide:hover .p1::after{ background: url(../img/dotIco2.png) no-repeat;}
.indexNew  .swiper-slide:hover .p2{color: #f6a720;}
.indexNew  .swiper-slide:hover  .pic em{ display: block;}
.indexNew  .swiper-slide:hover i{ opacity: 1;}
.button-prev1,.button-next1{  width: 46px; height: 46px;position: absolute; right: 0; z-index: 10; top: 14px;}
.button-prev1{ background: url(../img/prev2.jpg) no-repeat; top: 61px;}
.button-next1{background: url(../img/next2.jpg) no-repeat;}
.button-prev1:hover{ background: url(../img/prev2_on.jpg) no-repeat;  }
.button-next1:hover{background: url(../img/next2_on.jpg) no-repeat;}
.vertical{ position: relative; top: 45%; transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
a.more1{ display: block; margin: 40px auto; width: 121px; height: 14px;}
.sec3Cont a.more1{
    margin: 20px auto;
}
.indexVideo,.indexVideo video,.video-js{ width: 100%; height: 100%;}
.indexVideo{ position: absolute;left: 0; top: 0;}
.indexIntro{ width: 50%; height: 100%;}
.changeable{ }
.introTxt{ width: 570px; padding-right: 30px; position: relative; top: 50%; transform: translateY(-50%);float: right; }
.introTxt .nametitle{ margin-bottom: 40px;}
.introTxt  p{ line-height: 180%; color: #666; font-size: 14px; margin-bottom: 30px;}
.introTxt a.seeMore{ display: block; width: 178px; height: 43px; line-height: 43px; text-align: center; border: #f9b541 1px solid; color: #f9b541; font-size: 14px;}
.introTxt a.seeMore img{ margin-left: 10px;}
.introTxt a.seeMore:hover{ background: #fff; border-color: #fff;}
.listHref a{ display: block; float: left; width: 135px; height: 125px;  background: #fff; border-radius: 5px; font-size: 16px; color: #333; margin-top: 55px; margin-right: 10px; text-align: center; transition: all 0.6s;}
.listHref a i{ display: block; width: 52px; height: 52px;    margin: 22px auto 5px;}
.listHref a.a1 i{background: url(../img/introIco1.png) no-repeat;}
.listHref a.a2 i{background: url(../img/introIco2.png) no-repeat;}
.listHref a.a3 i{background: url(../img/introIco3.png) no-repeat;}
.listHref a.a4 i{background: url(../img/introIco4.png) no-repeat;}
.listHref a.a4 { margin-right: 0;}
.listHref a:hover{ color: #fff;background: #f9b541;}
.listHref a.a1:hover i{background: url(../img/introIco1_on.png) no-repeat;}
.listHref a.a2:hover i{background: url(../img/introIco2_on.png) no-repeat;}
.listHref a.a3:hover i{background: url(../img/introIco3_on.png) no-repeat;}
.listHref a.a4:hover i{background: url(../img/introIco4_on.png) no-repeat;}
.playVideo{ position: absolute;width: 50%; right: 0; top: 0; z-index: 10; height: 100%; text-align: center; font-size: 16px; color: #fff;}
.playVideo img{ width: 65px; height: 65px;  display: block; margin: 0 auto;}
.playVideo>div{ position: relative; top: 50%; margin-top: -44.5px;}
.indexVideo .video-js .vjs-big-play-button{width: 100%; height: 140px; transform: translateY(-50%);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.indexVideo .video-js .vjs-big-play-button::before{content: ''; background: url(../img/video_btn.png) no-repeat center; background-size: cover;  width: 66px; height: 86px; left: 75%; }
.moduleControl{ position: fixed; right: 50px; top: 51%; transform: translateY(-50%); z-index: 200; text-align: center;}
.pageNum span.swiper-pagination-bullet{ display: block; width: 12px; height: 12px;background: #e6e5e5; opacity: 1; transition: all 0.6s; margin: 12px auto 0;}
.pageNum.swiper-pagination-bullets{}
.pageNum span.swiper-pagination-bullet-active{ width: 9px; height: 9px; background: #f6a720;}
.ControlTxt{ color: #fff;padding-bottom: 14px;}
.ControlTxt p{ padding-bottom: 20px; position: relative; }
.hide{ display: none;}
.ControlTxt p::after{ content: '';width: 22px; height: 1px; background: #fff; position: absolute;left: 0; bottom: 0;}
.ControlTxt p:nth-child(5){ color: #d9d8d8;}
.ControlTxt p:nth-child(5)::after{background: #d9d8d8;}
.idx_nav{
    position:fixed;
    left:0;
    top:0;
    background:url(../img/zzc_96.png) repeat;    background-size: cover;
    width:100%;
    height:100%;
    display: none;
    z-index:101;
}
.i_nav_l{
    position: absolute;
    top:12%;
    left:60px;
}
.i_nav_l li{
    position: relative;
}
.i_nav_l li i{
    z-index:-1;
    width:0%;
    height:15px;
    background-color:rgba(246,167,32,0.8);
    position: absolute;
    left:0;
    bottom:20px;
    transition: all .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
}
.i_nav_l li:hover i{
    width:100%;
}
.i_nav_l li.act i{
    width:100%;
}
.i_nav_l li a{
    display: block;
    line-height: 70px;
    color: #333333;
    font-size: 28px;
}
.i_nav_c{
    width: 290px;
    position: absolute;
    left: 50%;
    top: 20%;
    margin-left: -145px;
}
.i_nav_c i{
    display: block;
    width:137px;
    height:137px;
    padding:8px;
    background-color:#fff;
    margin:0 auto;
    margin-bottom:40px;
    box-shadow: 0px 0px 10px 5px #e3e1df;
    -moz-box-shadow: 0px 0px 10px 5px #e3e1df;
    -webkit-box-shadow: 0px 0px 10px 5px #e3e1df;
    -o-box-shadow: 0px 0px 10px 5px #e3e1df;
}
.i_nav_c i img{
    display: block;
    width:100%;
    height:100%;
}
.i_nav_c .bdsharebuttonbox{
    text-align: center;
}
.i_nav_c .bdsharebuttonbox a{
    margin: 0 20px;
    padding: 0;
    display: inline-block;
    width: 53px;
    height: 53px;
    float: initial;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 5px #efefef;
    -moz-box-shadow: 0px 0px 10px 5px #efefef;
    -webkit-box-shadow: 0px 0px 10px 5px #efefef;
    -o-box-shadow: 0px 0px 10px 5px #efefef;
}
.i_nav_c .bdsharebuttonbox a.bds_sqq{
    background:url(../img/idx_n_qq.png) center center no-repeat;
    background-size:100%;
}
.i_nav_c .bdsharebuttonbox a.bds_weixin{
    background:url(../img/idx_n_wx.png) center center no-repeat;
    background-size:100%;
}
.i_nav_c .bdsharebuttonbox a.bds_tsina{
    background:url(../img/idx_n_wb.png) center center no-repeat;
    background-size:100%;
}
.i_nav_c .bdsharebuttonbox a.bds_sqq:hover{ background:url(../img/qq.png) center center no-repeat;
    background-size:100%;}
.i_nav_c .bdsharebuttonbox a.bds_weixin:hover{ background:url(../img/wx.png) center center no-repeat;
    background-size:100%;}
.i_nav_c .bdsharebuttonbox a.bds_tsina:hover{ background:url(../img/wb.png) center center no-repeat;
    background-size:100%;}
.i_nav_r{
    position: absolute;
    top: 6%;
    right:40px;
    padding:10px 0;
    cursor: pointer;
}

/* 内页start */
.insideHead{   margin: 0 auto; padding-top: 0; background-color: #fff; }
.insideHead a.logo{ position: static; float: left;    margin-top: 17px;}
.header.insideHead ul{ width: auto; float: left; width: 816px; margin-left: 95px; }
.header.insideHead ul li>a{ color: #333; display: block; line-height: 85px;}
/* .header.insideHead ul li{ line-height: 85px; height: 85px;} */
.header.insideHead ul li.on>a{ color: #f6a720;}
.insideHead .rightCont a{ display: inline-block; position: relative; padding: 31px 0 32px; }
.insideHead .rightCont a img.img1{ width: 22px; height: 22px;   }
.insideHead .rightCont a img.img2{ position: absolute;  top: 69px; left: -72px; width: 159px; height: 159px; display: none;}
.insideHead .rightCont a:hover img.img2{ display: block;z-index: 9;}
.insideHead .rightCont span.searchIco{ margin-right: 15px; margin-top: 0; height: 85px;}
.insideHead .rightCont{ height: 85px; top: 0; float: right;position: static;}
.insideHead .searchIco{background: url(../img/searchIco.png) no-repeat center;}
.insideHead .search{ left: -278px; top: 85px;}
.insideHead .navChild{ top: 84px; height: auto; background: none; left: -50px;}
.navChild p{border-radius: 0px 0px 5px 5px;border-top: #F6A720 3px solid;}
.navChild  a{ margin-left: 0;height: 45px;}
.navChild p::after{content: '';position: absolute; top:-14px; left: 50%; transform: translateX(-50%); border: #e99609 7px solid; border-top-color: transparent;border-left-color: transparent;border-right-color: transparent;}
/* .insideHead ul li{ position: relative;} */
.insideBan{ width: 100%; overflow: hidden; height: 270px; position: relative; margin-top: 85px;}
.insideBan img{ position: absolute;left: 50%;  width: 1920px; margin-left: -960px; top: 0;}
#navbg{width: 100%; height: 55px; box-shadow: 0 12px 20px rgba(79,78,78,0.08);}
#navbg ul{width: 1200px; height: 100%; margin:0px auto;}
#navbg ul .right{height: 100%; }
#navbg ul .right a{ display: block; line-height: 55px; /*width: 167px;*/ font-size: 16px; color: #333; transition: all 0.5s; float: left; text-align: center; padding: 0 30px;}
#navbg ul .right a.on,#navbg ul .right a:hover{ background: #f6a720; color: #fff;}
#navbg ul .right span:hover .bottomLine{width: 100%; left: 0;}
#navbg ul .right span .line{width:1px; height:12px; background: #b5b5b5; left: auto; top: 22px; right: -20px;}
#navbg ul .right .hide .line{display: none;}
#navbg ul .left{ margin-top: 20px; font-size: 14px;color: #999999;}
#navbg ul .left img{ vertical-align: middle; position: relative; top: -1px;}
#navbg ul .left span,#navbg ul .left a{ color: #999999; line-height: 100%; }
#navbg ul .left a:hover{ color: #f6a720;}
.productList{ padding-bottom: 70px; }
.productList ul li{position: relative; float: left; width: 363px; margin-top: 50px;  margin-right: 55px;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);}
.productList ul li span{height: 366px; display: block; text-align: center; background: #fff; display: block; overflow: hidden;}
.productList ul li span img{  height: 100%;  transition: all 0.6s;}
.productList ul li .p1{ overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1; font-size: 22px; font-weight: bold; color: #333;}
.productList ul li.marginR0{ margin-right: 0;}

.productList ul li::after{ content: ''; width: 0; height: 4px;
    background: #F6A720; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .5s ease;}
.productList ul li:hover::after{ opacity: 1; width: 100%;} 
.productList ul li .info{ background: #fff; padding: 30px 20px;}
.productList ul li .info .p2{overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;line-height: 160%; font-size: 16px; color: #666; margin-top: 10px;}
.productList ul li .info em{ display: block;font-size: 16px; color: #666; margin-top: 10px;}
.productList ul li:hover span img{ transform: scale(1.06,1.06);}
.productList ul li:hover .p1,.productList ul li:hover em{ color: #f6a720;}
.page{ text-align: center; margin-top: 50px;}
.page a{ border:#e5e5e5 1px solid; width: 33px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #666; display: inline-block; margin: 0 3px; background: #fff;}
.page a.pagePrev,.page a.pageNext{ width: 63px;}
.page a:hover,.page a.on{ background: #f6a720; color: #fff; border-color: #f6a720;}
.footer{ border-top: #f0efef 3px solid;}
.foot1 .left{  width: 690px; background: url(../img/line.png) no-repeat right top;}
.foot1 { padding: 55px 0 20px; background: #fff;}
.footNav{ float: left; margin-right: 33px; margin-left: -10px; }
.footNav p{ padding-left: 20px; font-size: 16px; color: #333; position: relative; margin-bottom: 15px;}
.footNav p::after{ content: ''; width: 10px; height: 1px; background: #f6a720; position: absolute;left: 0; top: 50%;}
.footNav a:hover，.foot2 a:hover{ color: #f6a720;}
.footNav a:hover{color:#f6a720;text-decoration: underline;}
.footNav a{ display: block; color: #999; font-size: 14px; margin-left: 20px; margin-bottom: 10px;}
.foot1 .right{ width: 485px;    margin-right: -20px;}
.footEwm{ float: left; font-size: 14px; color: #666; width: 161px; text-align: center; margin-top: -16px;}
.footPhone{ float: left; margin-left: 30px; width: 265px;}
.footPhone p{position: relative; padding-left: 40px; font-size: 14px; margin-bottom: 22px;}
.footPhone p .ico{ position: absolute; left: 0; top: 50%; margin-top: -15px;}
.footPhone p img{ display: block;}
.footPhone p font{ margin-bottom: 10px; display: block; font-size: 16px; font-weight: bold;}
.share{ font-size: 14px; color:#666;}
.share .bdsharebuttonbox{ display: inline-block; vertical-align: middle;}
.share a{ width: 31px; height: 31px; display: inline-block; vertical-align: middle; margin-right: 10px;}
/* .share .bdsharebuttonbox .bds_weixin{ background-image: url(../img/share_ico1.png); background-position: 0;} */
.share a.qq{ background-image: url(../img/share_ico2.png);}
.share a.wb{ background-image: url(../img/share_ico3.png); }
/* .share .bdsharebuttonbox .bds_douban{ background-image: url(../img/share_ico4.png); background-position: 0;}
.share .bdsharebuttonbox .bds_tqf{ background-image: url(../img/share_ico5.png); background-position: 0;} */
.foot2{ height: 60px; background: #303030; font-size: 14px; overflow: hidden;}
.foot2 p{ line-height: 60px; color: #999;}
.foot2 a{ color: #999;}
.foot2 p img{ vertical-align: middle;margin-left: 10px;}
.sibar{ position: fixed; right: 0; bottom: 200px; overflow: hidden; display: none;}
.sibar a{ display: block; margin-bottom: 1px;}
.sibar a span{ display: block; width: 60px; height: 60px; background-color:#434343;}
.sibar a.sibar1 span{ background-image: url(../img/sibar_ico1.png); background-repeat: no-repeat; background-position: center;}
.sibar a.sibar1  div{ display: none;}
.sibar a.sibar2 span{ background-image: url(../img/sibar_ico2.png); background-repeat: no-repeat; background-position: center;}
.sibar a.sibar3 span{ background-image: url(../img/sibar_ico3.png); background-repeat: no-repeat; background-position: center;}
.sibar a.returntop span{ background-image: url(../img/sibar_ico4.png); background-repeat: no-repeat; background-position: center;}
.sibar a.sibar1 p,.sibar a.sibar2 p{ position: absolute;  opacity: 0; width: 210px; background: #f6a720; color: #fff; font-size: 18px; font-weight: bold;text-align: center; height: 60px; line-height: 60px; left: -120px; top: 0; transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -webkit-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -moz-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -o-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -ms-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43); }
.sibar a.sibar1,.sibar a.sibar2{ position: relative;}
.sibar .sibarEwm{ position: absolute;top: -45px;left: -168px;  padding-right: 10px;  opacity: 0;      transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -webkit-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -moz-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -o-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -ms-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43); }
.sibarEwm div{border: #f6a720 1px solid;padding: 15px 0;width: 159px;background: #f6a720;box-sizing: initial;}
.sibar .sibarEwm font{ font-size: 14px; color: #fff; text-align: center;width: 115px;margin: 0 auto;  display: block }
.sibar .sibarEwm::after{ content: ''; background: url(../img/sibar_ico8.png) no-repeat; width: 11px; height: 15px; position: absolute; bottom:18px; right: 0;}
.sibar .sibar3:hover .sibarEwm{top: -24px;opacity: 1;z-index: 10;display: block;visibility: visible;}
.sibar .sibarEwm  img{display: block;width: 140px;margin: 0 auto;}
.sibar a:hover span{background-color:#f6a720;}
.sibar a.sibar1:hover p,.sibar a.sibar2:hover p{ left: -210px; opacity: 1;z-index: 10; }



.detailPic{ width: 553px;}
.productDetail{  margin: 50px auto 30px;}
.productDetail .detailDiv1{width: 1200px; margin: 0 auto;}
.view .swiper-slide img{ display: block; width: 553px; height: 312px;}
.preview .swiper-slide{ }
.preview .swiper-slide img{width: 148px; height: 82px;border: #d7d7d7 1px solid; }
.preview {   padding-left: 40px; padding-right: 38px; position: relative; margin-top: 25px;}
.preview .arrow-left,.preview .arrow-right{display: block; width: 25px; height: 84px; position: absolute; top: 0;}
.preview .arrow-left{ left: 0; background: url(../img/prev3.jpg) no-repeat;}
.preview .arrow-right{ right: 0; background: url(../img/next3.jpg) no-repeat;}
/* .preview .swiper-slide.active_nav img { border-color: #f6a720;} */
.preview .active_nav img{ border-color: #f6a720;}
.detailtxt{ width: 590px;}
.detailtxt h1{font-size: 28px; color: #333; font-weight: normal;border-bottom: 1px solid #cdcdcd;}
.detailtxt p{ color: #666; font-size: 14px; margin-top: 20px; line-height: 200%;text-align: justify;}
.bdshare{ font-size: 16px; margin-top: 58px;}
.bdshare>div{ display: inline-block;vertical-align: middle; }
.detailtxt>a{ color: #fff; text-align: center; line-height: 60px; display: block; width: 250px; height: 60px; font-size: 18px; background: #f6a720;margin-top: 45px;}
.detailtxt>a img{ margin-right: 13px; vertical-align: middle;}
.detailDiv2{margin-top: 45px;}
.detailType{border: #e8e7e7 1px solid; background: #f8f8f8; height: 103px; width: 1200px; margin: 0 auto;}
.detailType a{ display: block; float: left; width: 210px; text-align: center;  font-size: 18px; position: relative; padding: 17px 0;}
.detailType a::after{ content: ''; width: 1px; height: 60px; background: #dcdcdc; position: absolute; right: 0; top: 50%; margin-top: -30px;}
.detailType a i{ display: block; width: 32px; height: 32px; margin:0 auto 10px ;}
.detailType a.a1 i{ background: url(../img/detailIco1.png) no-repeat;}
.detailType a.a2 i{ background: url(../img/detailIco2.png) no-repeat;}
.detailType a.a3 i{ background: url(../img/detailIco3.png) no-repeat;}
.detailType a.a1.on i{ background: url(../img/detailIco1_on.png) no-repeat;}
.detailType a.a2.on i{ background: url(../img/detailIco2_on.png) no-repeat;}
.detailType a.a3.on i{ background: url(../img/detailIco3_on.png) no-repeat;}
.detailType a.a3::after{ display: none;}
.detailType a.on{ background: #f6a720; color: #fff;}
.type1{padding: 45px 0;width: 1200px; margin: 10px auto 0; box-sizing: border-box;}
.detailDiv2 div.name{ color: #010101; font-size: 24px;}
.detailDiv2 div.name span{ margin-left: 15px; opacity: 0.2; font-size: 18px;}
.type1 p{ font-size: 14px; color: #666; line-height: 180%; margin-top: 20px;}
.type1 ul{ margin-top: 40px; text-align: center;}
.type1 ul li{ display: inline-block; width: 228px; text-align: center; font-size: 14px; color: #333; border-right: #dcdcdc 1px solid;}
.type1 ul li span{ display: block; font-size: 60px; color: #999;}
.type1 ul li:last-child{ border-right: none;}
.type2{ width: 1200px; margin: 30px auto 0; }
.type2 img{ max-width: 100%; margin-top: 25px;}
.type3{ position: relative;margin-top: 50px; padding-top: 55px;}
.type3 .min_width{ position: relative;}
.type3::after{ content: ''; width: 100%; height: 300px;background: #eeeeef; position: absolute; top: 0;left: 0;}
.type3 .swiper-slide {margin-top: 25px; position: relative;z-index: 1; float: left; width: 376px; margin-right: 36px;}
.type3 .swiper-slide a{ display: block; width: 100%; height: 100%;}
.type3 .name{ position: relative;z-index: 1;}
.type3 .swiper-slide  span{ display: block; width: 376px; height: 295px; -webkit-box-shadow: rgba(0,0,0,0.1) 0px -1px 10px;}
.type3 .swiper-slide   p{ color: #333; margin-top: 15px; font-size: 16px; text-align: center;}
.btnShow{ position: absolute; right: 0; top: 0;    z-index: 10;}
.btnShow>div{ display: inline-block;cursor: pointer; width: 33px; height: 33px;}
.btnShow>div img{ width: 33px; height: 33px;margin-left: 10px;}
.btnShow>div.butprev{ background: url(../img/prev_ico2.png) no-repeat; background-size: cover;}
.btnShow>div.butnext{ background: url(../img/next_ico2.png) no-repeat; background-size: cover;}
.btnShow>div.butprev:hover{ background: url(../img/prev_ico2_onn.png) no-repeat; background-size: cover;}
.btnShow>div.butnext:hover{ background: url(../img/next_ico2_onn.png) no-repeat; background-size: cover;}
/* .type3 ul li.marginR0{margin-right: 0;}  */
.videoList{ padding-top:10px; padding-bottom: 50px; }
.videoList li{margin-top: 40px; position: relative; width: 364px; float: left; margin-right: 54px; overflow: hidden;}
.videoList li span img,.videoList li span{ width: 364px; height: 243px; display: block;}
.videoList li.marginR0{ margin-right: 0;}
.videoList li div{ position: absolute; top: 0;left: 0;background: rgba(0,0,0,0.75); width: 100%; height: 100%; text-align: center; opacity: 0;transition: all 0.5s;}
.videoList li div  img{ margin-top: 80px;}
.videoList li div p{ font-size: 16px; color: #fff; margin-top: 10px;}
.videoList li font{ display: block; position: absolute; bottom: 0;left: 0; height: 60px; transition: all 0.5s; background: rgba(0,0,0,0.8);  color: #fff; font-size: 16px; text-align: center; line-height: 60px; text-align: center; width: 100%;}
.videoList li:hover font{ bottom: -60px;}
.videoList li:hover div{ opacity: 1;}
.vjs-has-started .vjs-big-play-button span{ display: none;}
.video-js .vjs-control-text{ display: none;}
.indexVideo .vjs-paused .vjs-big-play-button{ display: block !important;}
.indexVideo .video-js.vjs-has-started  .vjs-big-play-button::before{    background: url(../img/video_btn1.png) no-repeat center;
    background-size: cover;}
/* .indexVideo .video-js.vjs-paused .vjs-big-play-button::before{ left: 50%; margin-left: -33px;} */

#navbg.width1 ul .right a{ width: 115px;}
.adboutDiv1{ width: 1200px; margin: 70px auto 0;}
.aboutTitle{ text-align: center; padding-bottom: 15px; position: relative; width: 1200px; margin: 0 auto;}
.aboutTitle::after,.adboutDiv2 ul li  .p2:after{ content: ''; width: 40px; height: 3px; background: #f6a720; position: absolute;bottom: 0; left: 50%; margin-left: -20px;}
.aboutTitle .p1{ font-size: 60px; color: #999; font-weight: 600; opacity: 0.2;}
.aboutTitle .p2{font-size: 32px; color: #333; font-weight: bold; margin-top: -40px;}
.aboutTitle  .p3{ color: #999; font-size: 14px; margin-top: 8px;}
.aboutIntro1{ margin-top: 25px;}
.aboutIntro1 img{ display: block;max-width: 1200px;}
.aboutIntro1 p{ line-height: 180%; text-align: left; font-size: 14px; margin-top: 20px;}

.adboutDiv2{ background: url(../img/aboutBG.jpg) no-repeat center; background-size: cover; margin-top: 50px; padding-bottom: 60px; padding-top: 10px;}
.adboutDiv2 .aboutTitle .p1,.adboutDiv2 .aboutTitle .p2{ color: #fff;}
.adboutDiv2 ul li{border: #fff 5px solid; margin-right: 40px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 260px; height: 286px; position: relative; overflow: hidden; transition: all 0.3s; margin-top: 27px; float: left;}
.adboutDiv2 ul li img{ display: block;width: 260px; height: 286px; }
.adboutDiv2 ul li div{ position: absolute; width: 100%; height: 100%;left: 0;top: 185px;transition: all 0.5s; padding:50px 10px 0; color: #fff; text-align: center; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.adboutDiv2 ul li  .p1{ font-size: 26px; font-weight: bold;}
.adboutDiv2 ul li  .p2{ font-size: 14px; line-height: 180%; padding: 10px 0 15px; position: relative;}
.adboutDiv2 ul li  .p2:after{ width: 58px;}
.adboutDiv2 ul li:hover{ border-color: #f6a720;}
.adboutDiv2 ul li:hover div{background: rgba(0,0,0,0.75);top: 0; }
.adboutDiv2 ul li.marginR0{ margin-right: 0;}

.adboutDiv3{ width: 1200px; margin: 55px auto 70px;}
.elegantScroll .swiper-container{ padding: 30px 0;}
.elegantScroll{ margin: 0 auto; width: 1180px;}
.elegantScroll .swiper-slide div{ display: block; position: relative;}
.elegantScroll .swiper-slide div span{ display: block; border: #fff 8px solid; width: 574px; height: 355px; background: #eee; text-align: center;  -webkit-box-shadow: rgba(0,0,0,0.15) 1px -1px 15px ;}
.elegantScroll .swiper-slide div span img{  width: 574px; height: 355px; }
.elegantScroll .swiper-slide p{ display: none;  position: absolute; width: 574px; bottom: 8px; left: 8px; font-size: 18px; text-align: center;background: rgba(0,0,0,0.5); height: 60px; line-height: 60px ; color: #fff;}
.elegantScroll .swiper-slide.swiper-slide-active p{ display: block;}
.elegantScroll .button-prev2,.elegantScroll .button-next2{ position: absolute;     top: 167px; width: 73px; height: 73px; z-index: 10;}
.elegantScroll .button-prev2{ background: url(../img/prev_ico2.png) no-repeat; left: 260px;}
.elegantScroll .button-next2{ background: url(../img/next_ico2.png) no-repeat; right: 260px;}
.elegantScroll .button-prev2:hover{ background: url(../img/prev_ico2_on.png) no-repeat;}
.elegantScroll .button-next2:hover{ background: url(../img/next_ico2_on.png) no-repeat;}
.adboutDiv4{ background: url(../img/aboutBG1.jpg) no-repeat center; background-size: cover; margin-top: 50px; padding-bottom: 60px; padding-top: 10px;}
.honorScroll{ width: 1200px; margin: 40px auto 0; position: relative;}
.honorScroll  a{ display: block;width: 100%;}
.honorScroll  a img{ display: block; width: 288px; height: 210px;}
.honorScroll  a p{ height: 54px; line-height: 54px; color: #333; font-size: 16px; text-align: center; background: #fff;}
.honorScroll .button-prev3,.honorScroll .button-next3{ position: absolute;     top: 50%;  margin-top:-25px;width: 60px; height: 50px; z-index: 10;}
.honorScroll .button-prev3{ background: url(../img/prev4.png) no-repeat; left: -58px;}
.honorScroll .button-next3{ background: url(../img/next4.png) no-repeat; right: -85px;}
.honorScroll .button-prev3:hover{ background: url(../img/prev4_on.png) no-repeat;}
.honorScroll .button-next3:hover{ background: url(../img/next4_on.png) no-repeat;}
.adboutDiv5{ margin: 60px auto 65px; width: 1200px;}
.adboutDiv5 li{ float: left; width: 325px; margin-top: 28px; margin-left: 108px;}
.adboutDiv5 li img{ display: block; margin: 0 auto;}
.adboutDiv5 li .p1{ text-align: center; font-size: 24px; color: #333; margin-top: 15px;}
.adboutDiv5 li .p2{ line-height: 180%; font-size: 14px; color: #999; margin-top: 10px;}
.adboutDiv5 ul{ width: 1300; margin-left: -100px;}
#navbg.fixed{ position: fixed; z-index: 200; top: 0;left: 0; background: #fff;}
.contact{margin-top: 85px; margin-bottom: 90px;}
.contactTitle{ text-align: center;}
.contactTitle h2{ font-size: 36px; font-weight: bold; color: #333;}
.contactTitle  p{ font-size: 16px; color: #666; margin-top: 10px;}
.contact ul{ text-align: center; margin: 70px auto;}
.contact ul li{ width: 265px; padding:0 57px 0 75px; position: relative; display: inline-block; text-align: left;}
.contact ul li::after{ content: ''; width: 1px; height: 130px; background: #dcdcdc; position: absolute;right: 0; top: 6px;}
.contact ul li font{ display: block; font-size: 22px; font-weight: bold; color: #333;}
.contact ul li p{ line-height: 180%; font-size: 14px; color: #666; margin-top: 10px;}
.contact ul li:last-child::after{ display: none;}
.map{ width: 1200px; height: 540px; position: relative; overflow: hidden;margin:0 auto;}
/* .map{ width: 100%; height: 540px; position: relative; overflow: hidden;} */
.map img{ display: block; max-width:none;}

.recurt{ width: 1200px; margin: 60px auto 50px;}
.recurt .name{ font-size: 28px; font-weight: bold; color: #333;}
.recurt .name span{ color: #999;font-size: 16px;font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-left: 10px;}
.recurtDiv1 p.p1{ font-size: 20px; color: #000;}
.recurtDiv1 p.p1 img{ vertical-align: middle; margin-right: 10px; position: relative; top: -2px;}
.recurtDiv1{ padding: 30px 0; border-bottom: #e3e3e3 1px solid;}
.recurtDiv1  div{}
.recurtDiv1 div span{ display: inline-block; margin-top: 30px; width: 125px; height: 40px;background: #f6f6f6; color: #111; font-size: 16px; line-height: 40px; text-align: center; margin-right: 15px;}
.job{ width: 100%; position: relative; margin-top: 40px;}
.job>img{ position: absolute;left: 50%; margin-left: -30px; top: 0;}
.job ul{ margin: 0 auto;border: #f0eeee 1px solid;}
.jobTxt{height: 65    px;background: #434444;width: 100%; margin: 0 auto; color: #fff; line-height: 65px;}
.jobTxt span,.jobList .div1 span{display: block; float: left; font-size: 16px; text-align: center; width: 16%;}
.jobList .div1{height: 70px; line-height: 70px;}
.jobList{background: #fff;}
.jobList .div2{ padding: 0 70px 50px;border-top: #f0eeee 1px solid; display: none; background: #fafafa;}
.jobList .div2 .title{ margin-top: 20px; font-size: 16px; margin-bottom: 10px; color: #333;}
.jobList .div2 p{ width: 650px; line-height: 180%; color: #666; font-size: 14px;}
.jobList .div2 a{margin-top: 30px; width: 210px; height: 50px; background: #1c3e2e;color: #fff; font-size: 14px; display: block; text-align: center; line-height: 50px;}
.jobList li{ border-bottom: #ededed 1px solid;}
.jobList .div2 a:hover{ background: #184630;}
.hrefPic a{ display: block; width: 600px;height: 230px; margin-top: 35px;}
.hrefPic a img{display: block; width: 600px;height: 230px;}
.shProcess{ width: 1200px; margin: 70px auto;}
.shName{ text-align: center; font-size: 36px;}
.shName span{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #999; display: block;}
.shProcess ul{ text-align: center; margin-top: 25px;}
.shProcess ul li{ display: inline-block;  width: 330px; margin: 0 25px;vertical-align: top;}
.shProcess ul li span{ width: 166px;  height: 162px; display: block; margin: 0 auto; transition:  all 0.3s;}
.shProcess ul li  p{ font-size: 16px; color: #333 ;}
.shProcess ul li:hover p{ color: #f6a720;}
.shProcess ul li.li1 span{ background: url(../img/serviceIco1.png) no-repeat;}
.shProcess ul li.li2 span{ background: url(../img/serviceIco2.png) no-repeat;}
.shProcess ul li.li3 span{ background: url(../img/serviceIco3.png) no-repeat;}
.shProcess ul li.li1:hover span{ background: url(../img/serviceIco1_on.png) no-repeat;}
.shProcess ul li.li2:hover span{ background: url(../img/serviceIco2_on.png) no-repeat;}
.shProcess ul li.li3:hover span{ background: url(../img/serviceIco3_on.png) no-repeat;}
.processDiv1{ padding: 55px 0 80px; background: url(../img/jobImg3.jpg) no-repeat;}
.step{ display: inline-block; width: 232px; height: 125px; background: url(../img/btnbg2.png) ; line-height: 125px; text-align: center; font-size: 16px; transition: all 0.3s;}
.step i{ display: inline-block; width: 42px; height: 42px; vertical-align: middle; margin-right: 5px;}
.step1 i{background: url(../img/jobIco3.png); }
.step2 i{background: url(../img/jobIco4.png); }
.step3 i{background: url(../img/jobIco5.png); }
.step4 i{background: url(../img/jobIco6.png); }
.step5 i{background: url(../img/jobIco7.png); }
.processDiv1 li{ display: inline-block; vertical-align: middle; margin-left: -11px;}
.processDiv1 li.step:hover{ background: url(../img/btnbg1.png); color: #f6a720; }
.processDiv1 li.step1:hover i{background: url(../img/jobIco3_on.png);}
.processDiv1 li.step2:hover i{background: url(../img/jobIco4_on.png);}
.processDiv1 li.step3:hover i{background: url(../img/jobIco5_on.png);}
.processDiv1 li.step4:hover i{background: url(../img/jobIco6_on.png);}
.processDiv1 li.step5:hover i{background: url(../img/jobIco7_on.png);}
.processDiv2{ width: 1200px; margin: 50px auto 40px; text-align: center;}
.processDiv2 img{ max-width: 1200px; margin-top: 50px;}
.newlist{margin-top: 40px; margin-bottom: 50px;}
.newlist li{ padding: 40px 0; border-bottom: #eeeeee 1px solid;}
.newlist li span,.newlist li span img{ display: block; width: 263px; height: 167px; transition: all 0.5s; overflow: hidden;}
.newlist li div{  width: 900px;}
.newlist li div .p1{ color: #000;font-size: 28px;}
.newlist li div .p2{ color: #666; font-size: 14px; line-height: 180%; margin-top: 10px;}
.newlist li div font{ transition: all 0.3s; display: block; height: 43px; width: 60px; background: #b7b7b7; color: #fff; font-size: 14px; line-height: 43px; text-align: center; margin-top: 22px; position: relative; padding: 0 40px;}
.newlist li:hover div font{ padding-right: 80px; padding-left: 25px; background: #f6a720; color: #fff;}
.newlist li div font::after{ content: ''; width: 60px; background: #fff; position: absolute; right: 10px; top: 50%; height: 1px; margin-top: -0.5px; display: none;}
.newlist li:hover div font::after{ display: block;}
.newlist li:hover div .p1{ color: #f6a720;}
.newlist li:hover span img{ transform: scale(1.06);}
.Achievements{ margin-top: 20px; margin-bottom: 50px;}
.detail_name{ color: #333; font-size: 32px; text-align: center; padding: 40px 100px 20px; border-bottom: #e4e4e4 1px solid; line-height: 150%;}
.detail_name p{ color: #939393; font-size: 14px;  margin-top:10px;}
.detail_name p span{margin: 0 5px;}
.detail_txt{ text-align: center;}
.detail_txt img{ margin: 20px auto;    display: block;}
.detail_txt p{ line-height: 220%; color: #696868; font-size: 16px; margin-top: 15px; text-align: left;}
.detail_txt iframe{width: 978px;    height: 600px;margin-top: 30px;}
.news_tip{ margin-top: 30px; overflow: hidden;}
.news_tip .fl {float: left;font-size: 14px; color: #333; line-height: 28px;}
.news_tip .fl a { color: #333; margin-right: 20px;}
.detail_page{ margin-top: 45px;}
.detail_page p{ cursor: pointer; text-align: center; width: 530px; padding: 0 20px;  float: left; background: #e4e4e4; color: #333; font-size: 14px; display: block; height: 60px; line-height: 60px;}
.detail_page p img{ margin-right: 10px; position: relative; top: 1px;}
.detail_page p img.img2,.detail_page p:hover img.img1{ display: none;}
.detail_page p:hover img.img2{ display: inline-block;}
.detail_page p a{color: #666; }
.detail_page p:hover{ color: #f6a720;}
.detail_page p:hover a{ color: #f6a720;}
.detail_page p.returnList{ width: 60px; height: 60px; color: #fff; background: #f6a720; font-size: 14px; padding: 0; line-height: 150%;}
.detail_page p.returnList a{ color: #fff; margin-top: 10px;position: relative;top: 10px;}

.internet{ width: 1200px; margin: 70px auto;}
.internetType { text-align: center;}
.internetType a{ display: inline-block; width: 167px; height: 42px; border: #adadad 1px solid; font-size: 20px; color: #adadad; line-height: 42px; margin: 0 10px;}
.internetType a.on{ background: #f6a720; color: #fff; border-color: #f6a720;}
.interMap .Img{ margin-top: 100px;}
.interMap .Img img{ display: block;margin: 0 auto; max-width: 1200px;}
.market>p{ font-size: 22px; color: #000; font-weight: bold;}
.market>p img{margin-right: 10px; vertical-align: middle; position: relative; top: -2px;}
.market { padding-bottom: 20px; margin-top: 30px;}
.market span{ display: inline-block; margin-top: 20px;margin-right: 35px; font-size: 14px;}
.border{border-bottom: #e3e3e3 1px solid;}
.contact1>div{ background: #f8f8f8; padding: 30px 35px 20px; width: 310px; float: left;}
.contact1>div p{ margin-bottom: 10px; font-size: 15px; color: #333;}
.contact1{ margin-top: 28px;}

.comment{ width: 1200px; margin: 55px auto 80px;}
.comment>p{ font-size: 13px; color: #a1a1a1; margin-top: 10px; margin-bottom: 15px;}
.commentDiv>div{ float: left; height: 50px; border: #f6f6f6 1px solid; background: #f6f6f6; width: 384px; line-height: 50px; overflow: hidden; margin-right: 21px;}
.commentDiv>div span{ padding-left: 25px; font-size: 14px;    vertical-align: top; position: relative;}
.commentDiv>div input{ width: 290px; height: 100%; border: none; vertical-align: top; background: none;}
.commentDiv>div i{ font-size: 20px; color: #333;  position: absolute; left: 17px; top: 0px; font-size: 14px;  }
.commentDiv>div.email{ margin-right: 0;}
.commentDiv{ margin-bottom: 20px;}
.commentDiv1{padding-left: 25px;  padding-top: 22px; border: #f6f6f6 1px solid; background: #f6f6f6; font-size: 14px;   vertical-align: top;}
.commentDiv1 textarea{ vertical-align: top; width: 1080px;height: 120px; border: none; background: none;}
.commentDiv3{ text-align: center; margin-top: 40px; }
.commentDiv3 input{ width: 160px; height: 50px; font-size: 16px; margin: 0 5px; border: none; background: #f4f4f4;}
.commentDiv3 input:hover{background:#f6a720; color: #fff;}
.loadtab a{ display: inline-block; width: 127px; height: 33px; border: #ececec 1px solid; text-align: center; line-height: 33px; margin-right: 10px;}
.downTxt{ width: 1200px; margin: 55px auto 70px; color: #333; font-size: 16px;}
.loadtab{ padding-bottom: 20px;}
.loadtab a.on{background: #f6a720; color: #fff; border-color: #f6a720;}
.downlist ul li{ background: #fff;width: 265px;-webkit-box-shadow: rgba(0,0,0,0.15) 1px -1px 15px ; padding-bottom: 20px; margin-top: 35px; margin-right: 46px; float: left;}
.downlist ul li span{ display: block; width: 265px; padding-top: 40px; text-align: center; padding-bottom: 30px;}
.downlist ul li .p1{ font-size: 16px; color: #333; position: relative;}
.downlist ul li p{ margin: 0 20px;}
.downlist ul li .p1 a{ position: absolute;right: 0; top:3px;}
.downlist ul li .p2{ margin-top: 10px; color: #999;font-size: 14px;}
.downlist ul li.marginR0{ margin-right: 0;}
/* 内页end */
.indexfooter{ width: 100%; position: fixed; bottom: -267px;left: 0; padding: 24px 0; background: #242424;z-index: 100; }
.indexfooter .ewmDiv1{width:120px;position: absolute;left: 40px;top: 3px;color: #919191;font-size: 14px;text-align: center;}
.indexfooter .ewmDiv1 img{width: 120px;height: 120px; display: block;}
.addrTab .tabHd a{ display: inline-block; width: 112px; height: 30px; background: #141414; color: #919191; line-height: 30px; text-align: center; font-size: 14px;margin-right: 7px;}
.addrTab .tabHd a.on,.addrTab .tabHd a:hover{ background: #f6a720; color: #fff;}
.tabBd{ margin-top: 20px;}
.BdTxt .address{ position: relative; padding-left: 60px; font-size: 14px; color: #acacac; float: left; width: 300px; margin-right: 75px;}
.BdTxt .address img{ position: absolute; left: 0; top: 0;}
.BdTxt .fphone span{ display: block; font-size: 12px; color: #9a9a9a; font-weight: bold;}
.BdTxt .fphone{ width: 230px;}
.copyright{ position: absolute; top: 88px; color: #9d9d9d; font-size: 14px; width: 395px; line-height: 180%; right: 40px;}
@media screen and (max-width:1600px){
    .indexfooter .ewmDiv1,.copyright{ display: none;}
    

}
@media screen and (max-width:1440px){
    .header ul{ width: 875px;}
    .indexHead.header ul{ padding-right: 50px;}
}

@media screen and (max-width:1366px){
    .sec2Container{ margin-top: 60px;}
    .listHref a{ margin-top: 20px;}
    .introTxt p{ margin-bottom: 20px;}
    .more,.culture{ margin-top: 30px;}
}
@media screen and (max-width:1340px){

}
@media screen and (max-width:1024px){

}


.indexHead ul li .navChild{ top: 60px; left: -50px;}
/*.indexHead ul li .navChild p{ width: 100%; text-align: center;}
.indexHead ul li .navChild p a{ margin-top:15px; margin-left: 0; display: block;    line-height: 180%; color: #036db7;}
.indexHead ul li .navChild p a:hover{ color: #f6a720;} */

.jobList .div1:hover{background:#ededed}

.hrefPic  a{position:relative}


.hrefPic  a>span{ width: 98px;
    display: inline-block;position:absolute;bottom:40px;left: 58px;
    font-size:18px;color:#fff;
    background:url('../img/point_01.png') no-repeat right center;
    background-size:20px;
}


.hrefPic  a>span.two{
    color:#1873b8;left:70px;

    background:url('../img/point_02.png') no-repeat right center;
    background-size:20px;
}
.back_sub{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 500;

}
.back_sub .comment{
    background:#fff;
    width: 648px;
    margin-top:110px;
    padding:30px 30px;
    position: relative;
}
.back_sub .commentDiv>div{
    width:311px;
    margin-bottom:20px;
}
.back_sub .commentDiv>div.nam{

}
.back_sub  .shName{
    font-size:24px;
    padding-bottom:20px
}
.jobList .add{
    cursor: pointer;
}
.back_sub  .colse_add{
    position: absolute;
    right: 10px;
    top:10px;
    cursor: pointer;
}
.back_sub  .colse_add img{
    width: 20px;
}
.back_sub .commentDiv>div input {
    width: 200px;
}
.listerFile2 input{
    width: 300px;
    height:50px!important;
}
.listerFile2{
    margin-right: 0!important;
}
.downlist2_new {
    font-size: 14px;

}
.downlist2_new li{
    line-height: 40px;
    padding:0 0 0 20px;
    background: #f2f4f4
}
.downlist2_new .left{
    float: left;
  
}
.downlist2_new  a{
    display: inline-block;
    line-height: 40px;
    width: 60px;
    text-align: center;
}
.down_file  a{
    /* display: inline-block; */
    line-height:33px;
    /* width: 60px;
    text-align: center; */
}

.downlist2_new .right{
    float: right;
    
}
.downlist2_new  .bck_F7{
    background: #fff
}


.introTxt .new_content_z p:last-child{
    display:none
}