@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0; box-sizing: border-box}
body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width: 1370px;/*overflow-x: hidden*/}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
input,textarea,button{border: none;outline: none;background: none}
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
/*限制文字,文字超出显示冒号*/
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.flex-center{display: flex;justify-content: space-between;flex-wrap: wrap}
.text-center{text-align: center}


/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 30px 0 60px;line-height: 2;border-top: 1px solid #d2d2d2;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px}
.wengzhengfanye b{font-weight: normal}
.wengzhengfanye a:hover{color: #0046a3}


/* 文章类别上下页 */
.page{text-align:center;overflow:hidden;padding: 20px 0}
.page span,.page a { display:inline-block;text-align:center;padding:8px 14px;border-radius: 5px;margin: 0 6px;border: 1px solid #ccc}
.page a:hover,.page a.on {background: #0084C2;color: #fff;border-color: #0084C2}
.page span{display:inline-block; color:#fff; background:#0084C2;border-color: #0084C2}


/*========================================= 首页 =====================================*/
.container { width:1370px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

header{transition: all .5s ease;padding: 35px 0}
.header1{position: absolute;top: 0;left: 0;width: 100%;z-index: 9999;}
.login2{display: none}
.head{align-items: flex-end}
/*.nav{transition: all 0.5s ease-in-out}*/
.nav ul{display: flex;}
.nav li{position:relative;margin-left: 40px;line-height: 25px}
.nav li a{display: block;position: relative;color: #fff;transition: all .5s ease;}
/*.nav ul li:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;width: 40px;height: 2px;background-color: #dfb561;opacity: 0;transition: all .5s ease;}
.nav ul li:hover:before,.nav ul li.active:before {opacity: 1;}*/
.nav ul li a{position: relative;display: block;transition: all .5s ease;}
.search{width: 310px;margin-left: 190px;color: #fff;position: relative;border-bottom: 1px solid #fff;}
.search input{width: 280px;color: #fff;text-indent: 2px;line-height: 22px;transition: width .4s ease-in-out;}
.search input::placeholder {color: #fff;}
.search button{width: fit-content;position: absolute;right: 0;top: 2px;z-index: 999}
.search2{display: none}
.search .close{position: absolute;right: -25px;top: 0;display: none}

.search.on{width: 65vw;transition: width .4s ease-in-out;}
.search.on input{width: 90%;}
.search.on button{margin-right: 8px;left: -25px;right: auto}
.search.on .close{display: block}

header.on,.header1:hover{background: #fff;}
header.on .nav li a,.header1:hover .nav li a{color: #333}
header.on .search input,.header1:hover .search input{color: #333;}
header.on .search,.header1:hover .search{border-bottom: 1px solid #333;}
header.on .search input::placeholder,.header1:hover .search input::placeholder{color: #333}
header.on .login2,.header1:hover .login2{display: block}
header.on .login1,.header1:hover .login1{display: none}
header.on .search2,.header1:hover .search2{display: block}
header.on .search1,.header1:hover .search1{display: none}
.nav li a:hover,.nav li.active a{color: #c24d05!important;}

.xlnav{position: absolute;width: 520px;background-color:#fff;left: 50%;margin-left: -200px;top: 25px;z-index: 99;
    display: none;text-align: center;box-shadow: rgb(204 204 204) 0px 9px 9px -9px;padding: 25px 0 20px;}
.nav ul li .xlnav a{color: #666!important;width: 100%;display: inline-block;text-align: left;padding: 0 30px;line-height: 35px}
.nav ul li .xlnav a:hover{color: #c24d05!important}
.nav li:hover .xlnav{display: block;}


/*banner图片切换样式*/
.banner{position: relative;width: 100%}
.banner li{height:793px;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.banner li dl{padding: 117px 125px 0;color: #fff}
.banner li h2{font-size: 28px;font-weight: normal}
.banner li p{font-size: 16px;padding: 20px 0}
.banner li a{display: inline-block;width: 170px;line-height: 42px;text-align: center;color: #fff;border: 1px solid #fff;border-radius: 30px}
.banner .swiper-pagination{bottom:40px!important;width: 100%}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #fff;margin: 0 8px!important;opacity: 0.5}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #fff}
.banner .swiper-button-prev{margin-top: -25px; background: url("../img/ban_left.png") no-repeat center;left: 50%;margin-left: -685px;border-radius: 100%}
.banner .swiper-button-next {margin-top: -25px; background: url("../img/ban_right.png") no-repeat center;right: 50%;margin-right: -685px;border-radius: 100%}
.banner .swiper-button-prev:hover{background: url("../img/ban_lefth.png") no-repeat center;}
.banner .swiper-button-next:hover{background: url("../img/ban_righth.png") no-repeat center;}
.banner li video{width: 100%}

.title{text-align: center;padding-top: 80px}
.title h2{font-size: 34px;font-weight: normal}
.title p{margin-top: 20px;color: #999}

.oneA{margin-top: 55px;}
.oneA ul li{width: 20%;text-align: center}
.oneA ul li h2{color: #c24d05;font-size: 30px;}

.oneB{height: 605px;margin-top: 70px;padding: 198px 0  0; line-height:200%}
.oneB dl{transition: transform .4s ease-in-out;color: #fff;}
.oneB h2{font-size: 24px;font-weight: normal;margin-bottom: 15px}
.oneB:hover dl{transform: translateY(-12px);transition: transform .4s ease-in-out;}

.oneC{background: url("../img/oc.png") no-repeat center;background-size: cover;padding-bottom: 50px; }
.oneC .title{text-align: left}

.oneC .hd{margin-top: 20px;display: flex;justify-content: space-between;align-items: end}
.oneC .hd ul{display: flex;}
.oneC .hd ul li{margin-right: 75px;font-size: 16px;border-bottom: 2px solid #f5f5f5;padding-bottom: 7px;cursor: pointer}
.oneC .hd ul li:hover,.oneC .hd ul li.on{border-bottom: 2px solid #c24d05}
.oneC .hd a{display: inline-block;width: 120px;line-height: 32px;border-radius: 30px;text-align: center;border: 1px solid #c24d05;color: #000;}
.oneC .hd a:hover{background: #c24d05;color: #fff}


.onecbd{position: relative;padding-top: 110px;padding-bottom: 50px}
.oneC .bd{/*overflow: hidden;*/}
.oneC .bd ul li{border: 1px solid #d4d7e0;border-radius: 15px;width: 307px;padding: 40px 18px;background: #fff;float: left;transition: all ease-in 200ms;}
.oneC .bd ul li dd{width: 100%;text-align: center;height: 225px;position: relative}
.oneC .bd ul li dd img{max-height: 120%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneC .bd ul li dl{text-align: center}
.oneC .bd ul li dl h3{font-size: 16px;font-weight: normal;margin: 25px 0 13px}
.oneC .bd ul li dl h4{font-size: 16px;font-weight: normal;color: #c24d05}
.oneC .bd ul li dl p{color: #999;margin: 13px 0 30px}
.oneC .bd ul li dl span{display: inline-block;width: 120px;line-height: 32px;border-radius: 30px;text-align: center;border: 1px solid #c24d05;color: #000}
.oneC .bd ul li:hover{transform: translate(0, -8px);box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1607843137);transition: all ease-in 200ms;}
.oneC .bd ul li:hover span{background: #c24d05;color: #fff}

/*.onecbd .swiper-wrapper{z-index: 8}*/
.onecbd .swiper-pagination{top:35px!important;width: 100%;text-align: left;z-index: -1}
.onecbd .swiper-pagination-bullet {width: 8px;height: 8px;background-color: #878787;margin: 0 20px 0 0!important;opacity:1;border-radius: 100%!important;}
.onecbd .swiper-pagination-bullet-active {opacity: 1;background: #c24d05}
.onecbd .swiper-button-prevb{left: 0;margin-top: 25px;background: url("../img/ban_lefth.png") no-repeat center}
.onecbd .swiper-button-nextb{right: 0;margin-top: 25px;background: url("../img/ban_righth.png") no-repeat center}



.oneD{margin-top: 45px}
.oneD ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap}
.oneD ul li{color: #999;position: relative;padding: 0 40px;font-size: 16px;}
.oneD ul li i{display: inline-block;width: 9px;height: 13px;background: url("../img/odli.png") no-repeat center;margin-left: 13px}

.oneE{margin-top: 35px}
.oneE ul li{width: 100%;height: 633px;padding: 517px 0 0;}
.oneE dl{transition: transform .4s ease-in-out;color: #fff}
.oneE h2{font-size: 24px;font-weight: normal;margin-bottom: 15px}
.oneE:hover dl{transform: translateY(-12px);transition: transform .4s ease-in-out;}

.oneF{background: url("../img/of.png") no-repeat center;background-size: cover;height: 400px;display: flex;justify-content: center;align-items: center}
.oneFs{background: #fff;border-radius: 40px;display: flex;justify-content: space-between;align-items: center}
.oneFs dt{}
.oneFs dt h3{font-size: 24px;font-weight: normal}
.oneFs dt h2{font-size: 36px;font-weight: normal;margin: 16px 0 20px}
.oneFs dt a{display: inline-block;width: 140px;line-height: 40px;background: #c24d05;border-radius: 30px;text-align: center}
.oneFs dt a:hover{color: #fff}
.oneFs dl{padding-right: 60px;text-align: center}
.oneFs dl h3{font-size: 16px;}
.oneFs dl p{margin: 20px 0 25px}
.oneFs ul li{width: 60px;height: 60px;border-radius: 100%;margin: 0 7px}


footer{background:#51595d;padding: 75px 0 45px}
.foot{display: flex;color: #fff}
.foot h3{font-size: 18px;font-weight: normal;margin-bottom: 20px}
.foot-nav{width: 540px;margin: 0 150px 0 130px;}
.foot-nav ul{overflow: hidden;}
.foot-nav ul li{width: 33.3%;float: left;margin-bottom: 10px}
.foot-nav ul li a{color: #fff}
.footr p{margin-bottom: 10px;display: flex;align-items: center}
.footr p img{margin-right: 13px}

.copy{text-align: center;padding-top: 70px;color: #939799}

/*========================================= 内页 =====================================*/
.ny_ban{height: 230px;overflow: hidden;display: flex;justify-content: space-between;align-items: center}
.ny_ban dl h2{color: #fff;font-size: 100px;text-transform: capitalize}

.ny_con{background: #F2F2F2;padding: 50px 0}

.location{line-height: 60px;background: #F2F2F2;}
.about{line-height: 2;}

.product{}
.productl{width: 250px;}
.productl h3{font-size: 24px;font-weight: normal;border-bottom: 1px solid #d4d7e0;padding-bottom: 20px;margin-bottom: 20px}
.productl ul li{margin-bottom: 20px;}
.productl ul li a{display: flex;justify-content: space-between;align-items: center;overflow: hidden}
.productl ul li dt{position: relative;width: 12px;height: 12px;}
.productl ul li dt span{display: inline-block;position: absolute;transition: 300ms;background: #818091;border-radius: 2px;}
.productl ul li dt span:first-child{top: 0;bottom: 0;width: 2px;left: 5px}
.productl ul li dt span:last-child{left: 0;right: 0;height: 2px;top: 5px}
.productl ul li .xl{border-bottom: 1px solid #d4d7e0;padding: 15px 0 5px;display: none;}
.productl ul li dl{padding-bottom: 15px}
.productl ul li dl a{color: #666;display: block}
.productl ul li dl a b{font-size: 12px}
/*.productl ul li a.on{display: block}*/
.productl ul li dl.on a{color: #c24d05}
.productl ul li a.on dt span:first-child{transform: rotate(90deg);}
.productl ul li a.on dt span:last-child{left: 50%;right: 50%}

.productr{width: 1080px}
.productr ul li{width: 255px;float: left;margin: 0 20px 20px 0}
.productr ul li a{display: block;border: 1px solid #d4d7e0;background: #fff;transition: all ease-in 200ms;border-radius: 15px;padding: 25px 15px;width: 100%;height: 100%;}
.productr ul li dd{width: 100%;text-align: center;height: 175px;position: relative;overflow: hidden}
.productr ul li dd img{max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.productr ul li dl{text-align: center}
.productr ul li dl h3{font-size: 16px;font-weight: normal;margin: 15px 0 10px}
.productr ul li dl h4{font-size: 16px;font-weight: normal;color: #c24d05}
.productr ul li dl p{color: #999;margin: 10px 0 20px}
.productr ul li dl span{display: inline-block;width: 140px;line-height: 32px;border-radius: 30px;text-align: center;border: 1px solid #c24d05;color: #000}
.productr ul li:nth-child(4n){margin-right: 0}
.productr ul li:hover a{transform: translate(0, -8px);box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1607843137);transition: all ease-in 200ms;}

.news{}
.news ul li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;}
.news ul li a{display: flex;justify-content: center;align-items: center;}
.news ul li .text{width: 100%;height: 100%;background: #fff;border: 1px solid #D4D7E0;border-radius: 30px;text-align: center;padding: 50px 32px;transition: all ease-in 200ms;}
.news ul li .text .date{margin-bottom: 13px;color: #c24d05;font-size: 16px}
.news ul li .text h3{font-size: 16px;color: #000;margin-bottom: 20px;font-weight: normal}
.news ul li .text .sm{color: #666;margin-bottom: 25px;min-height: 60px;line-height: 26px}
.news ul li .text .xq{display: inline-block;width: 129px;line-height: 31px;border-radius: 100px;border: 2px solid #c24d05;}
.news ul li:nth-child(3n){margin-right: 0}
.news ul li:hover .text{transform: translate(0, -8px);box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1607843137);transition: all ease-in 200ms;}
.news ul li:nth-child(3n){margin-right: 0}
.news ul li dd img{height: 60px;margin-bottom: 20px;}

.contact{overflow: hidden}
.contact ul li{width: 32%;float: left;padding: 60px 15px;background: #fff;text-align: center;min-height: 350px;transition: all .5s ease;}
.contact ul li dd{width: 60px;height: 60px;margin: 0 auto;color: #c24d05;}
.contact ul li dd svg{margin: 0;width: 100%;height: 100%;fill: currentColor;}
.contact ul li h3{font-size: 30px;font-weight: normal;margin: 15px 0 20px}
.contact ul li p{line-height: 2;}
/*.contact ul li:hover{background: #0046a3;color: #fff}
.contact ul li:hover dd{color: #fff}*/


.map{background: #eee;padding: 10px;margin-top: 50px}
#dituContent{height: 450px;}


/*=======================================产品详情页============================================*/
.showA{overflow: hidden}
.spec-preview{width:651px;height:390px;/*display: table-cell;*/vertical-align: middle;background: #fff;text-align: center;overflow: hidden;position: relative}
.spec-preview img{max-width: 100%;max-height:100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.spec-scroll{margin-top:15px;width:660px;height:70px;overflow:hidden;position:relative;}
.spec-scroll a.prev,.spec-scroll a.next{position:absolute;top:0;left:0;/*background:rgba(0,0,0,.5);*/cursor:pointer;transition:all 0s;height:70px;/*width:25px;*/
    color:#000;font-family:"宋体";font-size:25px;line-height:70px;text-align:center;z-index:5;}
.spec-scroll a.prev{left:0;}
.spec-scroll a.next{left:auto;right:6px;}
/*.spec-scroll a:hover{background:rgba(0,0,0,.9);}*/
.spec-scroll .items{position:relative;width:658px;height:70px;margin:0 auto;overflow:hidden;}
/*.spec-scroll .items ul{position:absolute;width:660px;height:70px;}*/
.spec-scroll .items ul li{width:88px!important;height:70px;float:left;border:1px solid #ddd;overflow: hidden;
    background: #fff;position: relative;margin:0 6px 0 0!important;}
.spec-scroll .items ul li img{cursor:pointer;background: #fff;max-width: 100%;max-height: 100%;
    position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.spec-scroll .items ul li:hover,.spec-scroll .items ul li.on{border:1px solid #666;}

.proshow_synopsis{width:670px;padding-top: 15px}
.proshow_synopsis h2{font-size:22px;color:#c24d05;}
.proshow_synopsis h3{font-size:18px;font-weight: normal;margin: 15px 0 20px}
.proshow_synopsis p{color: #666;line-height: 2}

/*=======================================新闻详情页============================================*/
.news_info{overflow:hidden;}
.info_title h1{font-size:24px;text-align: center;font-weight: normal;}
.info_laiyuan{margin-top: 25px;text-align: center;color: #999;}
.info_text{line-height:2;margin-top: 30px;min-height: 300px;padding:50px; background:#FFFFFF; text-align:center }
.info_text img{max-width:100%; margin:0px auto}