/* *{-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} */
/*====================头部*********/

.header{width:100%;position: relative;top:0;left:0;z-index:999;height:90px;background: #fff;box-shadow: 0 0 8px #ddd;}
.header.on{position: fixed;top: 0;left: 0;}
.header .logo{width: 25%;height: 90px;position: relative;display: flex;align-items: center;}
.header .logo img{max-height: 100%;max-width: 100%;}
.header .nav .leve1{color: #000;font-size: 16px;position: relative;font-weight: bold;}
.header .nav .leve1:hover{color: #f1981a;}
.header .container{width: 1400px;margin: 0 auto;}
.header .logo a img{max-height: 90px;}
.header .toptel{font-size: 22px;font-weight: bold;height: 40px;line-height: 40px;margin-top: 25px;font-family: Century Gothic;color: #f1981a;position: relative;margin-left: 20px;font-style: italic;}
.header .toptel i{display: inline-block;line-height: 40px;font-size: 28px;margin-right: 8px;color: #f1981a;}
/* .header .toptel::before{content: '';position: absolute;width: 0;height: 0;border-bottom: 40px solid #f1981a;border-left: 15px solid transparent;border-right: 0;bottom: 0;left: -15px;}
.header .toptel::after{content: '';position: absolute;width: 0;height: 0;border-top: 40px solid #f1981a;border-right: 15px solid transparent;top: 0;right: -15px;} */



/*导航*/
.nav{height: 100%;display: block;z-index: 999;transition: all 0.5s ease 0s;}
.nav.scroll{position: fixed;animation:fadeInDown 0.5s linear forwards;top: 0; left: 0;}
.navbar_nav .dropdown{float:left;position: relative;display: block;padding: 0 25px;}
.navbar_nav li .leve1{text-decoration: none;height: 100%;display: block;color: #222;font-size: 16px;line-height: 90px;text-align: center;text-transform: capitalize;font-weight: bold;}
.navbar_nav li .leve1 .icon{padding-right: 10px;vertical-align: middle;font-size: 16px;vertical-align: middle;}
.navbar_nav{display: flex;}
.navbar_nav li.dropdown .dropdown_menu{width: 200vw;left: -96vw;}
.navbar_nav li.dropdown .dropdown_menu{text-align: center;z-index: 9;display: none;position: absolute;top: 100%;background: rgba(255,255,255,0.8);box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);}
.navbar_nav li.dropdown .dropdown_menu ul{display: table;margin: 0 auto;}
.navbar_nav li.dropdown .dropdown_menu li{display: table-cell;padding:15px 20px;} 
.navbar_nav li.dropdown .dropdown_menu li:hover{background: #f1861a;color: #fff;}
.navbar_nav li.dropdown .dropdown_menu li:hover a{color: #222;}
.navbar_nav li.dropdown .dropdown_menu .leve2{font-size: 15px;font-weight: bold;position: relative;}
.navbar_nav li.dropdown .dropdown_menu .line{margin: 10px auto;width: 65px;height: 2px;background: #f1861a;}
.navbar_nav li.dropdown .dropdown_menu li:hover .line{background: #fff;}
.navbar_nav li.dropdown .dropdown_menu dd{margin-top: 5px;}


/* *{-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} */

/*banner */
.banner{background: #f7f7f7;position: relative;}
.banner .index_banner .item{background-size: cover;-webkit-background-size:cover;background-position: center;background-repeat: no-repeat;height:auto;position: relative;}
.banner .index_banner .items{background-size: cover;background-position: center center;background-repeat: no-repeat;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;display: flex;justify-content: center;align-items: center;}
.banner .index_banner .item .block_txt{position: absolute;margin: 0;padding: 0;text-align: left;top: 0;left: 0;bottom: 0;z-index: 2;width: 50%;}
.banner .index_banner .item.active .block_txt{opacity: 1; text-shadow:0 3px 4px rgba(0,0,0,.5);}
.banner .index_banner .item .block_txt .txt{width: 60%;top:50%;position: absolute;left: 20%;color: #fff;z-index: 5;transform: translateY(-50%);}
.banner .index_banner .item .block_txt .txt h3{font-size: 52px;font-weight: bold;opacity: 0;visibility: hidden;transform: translateY(-40px);margin-bottom: 20px;}
.banner .index_banner .item.active .block_txt .txt h3{transform: translateY(0);opacity: 1;visibility: visible;transition: all 0.5s 1s;}
.banner .index_banner .item .block_txt .txt .des{font-size: 17px;line-height: 30px;color: #fff;transform: translateY(40px);opacity: 0;visibility: hidden;margin-bottom: 20px;}
.banner .index_banner .item.active .block_txt .txt .des{opacity: 1;visibility: visible;transform: translateY(0);transition: all 0.5s 1.5s;}
.banner .index_banner .item .block_txt .txt a{opacity: 0;visibility: hidden;display: inline-block;text-shadow: none;padding:8px 30px;background: #f1861a;color: #fff;transition: all 0.5s 2s;font-size: 16px;}
.banner .index_banner .item.active .block_txt .txt a{opacity: 1;visibility: visible;}

.banner .slick_txt{width:30%;height: 100%;background-color: transparent;transition: all 500ms ease;-webkit-transition:all 500ms ease; background-repeat: no-repeat;
	position: absolute;top: 0;font-size: 0;outline: none;border:0;
}
.banner  .item .bg{width: 0;height: 100%;position: absolute;top: 0;left:0;bottom: 0;z-index: 1;background: rgba(19,20,36,0.8);transform: translateX(-100%)}
.banner .item.active .bg{width: 100%;transform: translateX(0);transition: all 1s 0ms;}
.banner .left{left: 0;}
.banner .right{right:0;}
.banner .slick_txt:hover .slick_arrow{opacity: 1;visibility: visible;}
.banner .slick_txt .slick_arrow{width: 20px;height: 36px;background-repeat: no-repeat;background-position: center;margin-top: -18px;
	position: absolute;top: 50%;cursor: pointer;transition: all 500ms ease;-webkit-transition:all 500ms ease;opacity: 1;visibility: visible;
}
.banner .slick_txt .prev{background-image:url(../images/ban_prev.png);left:60px;}
.banner .slick_txt .next{background-image:url(../images/ban_next.png);right:60px;}
.banner .slick_txt .prev:hover{background-image:url(../images/ban_prev_hover.png);}
.banner .slick_txt .next:hover{background-image:url(../images/ban_next_hover.png);}
.banner .number{position: absolute;bottom:8%;left: 50%;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.2);display: table;
	padding: 0 20px;width: auto;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);
}
.banner .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.banner .number span:last-child{margin-right: 0;}
.banner .number span:after{content: "";display: inline-block;width: 0;height: 2px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);
	-webkit-transform: translateX(-50%);bottom:-20px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;
}
.banner .number span.active:after{width: 100%;opacity: 1;visibility: visible;}
.slick-slide img{width: auto;height: auto;}
.slick-dots li{width: 15px;}
.slick-dots li button:hover:before, .slick-dots li button:before{color: #f1861a;font-size: 30px;opacity: 1;}
.slick-dots li.slick-active button:hover:before,.slick-dots li.slick-active button:before{color: #fff;}
.slick-dots{bottom: 10px;}

.container{width: 1400px;margin: 0 auto;padding: 0 10px;}
.wrapper{max-width: 1400px;margin: 0 auto;padding: 0 10px;}
.homemain .title{font: 600 34px  "PingFang SC","Microsoft yahei", Helvetica, Arial, sans-serif;text-transform: uppercase;padding-bottom: 15px;color: #262745;}
.homemain .title .en{font-size: 16px;text-transform: uppercase;padding-left: 10px;color: #666;font-weight: normal;}
.homemain .title a{float: right;font-size: 16px;color: #666;font-weight: normal;}
.homemain .line1{width: 200px;height: 1px ;background: #ddd;position: relative;margin-bottom: 30px;}
.homemain .line1::after{content: '';position: absolute;left: 0;bottom: 0;width: 80px;height: 4px;background: #f1861a;}
.homemain img{max-width: 100%;}
.imgarea{overflow: hidden;display: block;}
.imgarea img{width: 100%;transition: all 0.5s ease;height: 100%;}
.imgarea:hover img, li:hover .imgarea img{transform: scale(1.1);}

.homemain .mod1{padding: 3% 0;}
.homemain .mod1 li{margin-bottom: 30px;}
.homemain .mod1 li .wrap{display: block;}
.homemain .mod1 li .txt{padding: 20px 0;border-bottom: 1px solid #ddd;}
.homemain .mod1 li .txt p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;font-weight: bold;}

.homemain .mod2{padding: 2% 0;}
.homemain .mod2 li{width: 22%;margin-right: 3%;float: left;box-shadow: 0 0 10px #ddd;margin: 10px 0;}
.homemain .mod2 .wrap{width: 100%;overflow: hidden;}
.homemain .mod2 li .txtarea{padding: 20px;border-top: 1px solid #ddd;position: relative;}
.homemain .mod2 li .more{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.homemain .mod2 li .txtarea h5{font-size: 17px;}
.homemain .mod2 li .txtarea .des{color: #666;font-size: 14px;}
.homemain .mod2 li:hover .txtarea{background: #f29f29;color: #fff;}
.homemain .mod2 li:hover .txtarea .des,.homemain .mod2 li:hover .more{color: #fff;}
.homemain .mod2 li:hover h5{color: #fff;}
.homemain .mod2 .imgarea{height: 320px;}

.homemain .mod3{background: #f5f5f5;padding: 2% 0 3%;}
.homemain .mod3 .select {padding: 0;}
.homemain .mod3 .select li{padding: 45px 30px;background-image: linear-gradient(-90deg,#f1861a, #f49e24);border-bottom: 1px solid rgba(255,255,255,.2);color: #fff;transition: all 0.5s;font-size: 17px;position: relative;display: flex;align-items: center;}
.homemain .mod3 .select li .txt{text-align: left;}
.homemain .mod3 .select li  .num{color: #fff;width: 38px;height: 38px;border: 1px solid #fff;border-radius: 50%;line-height: 38px;text-align: center;margin-right: 30px;}
.homemain .mod3 .select li h5{font-weight: bold;font-size: 22px;margin-bottom: 5px;}
.homemain .mod3 .equ_content{padding: 0;background: #fff;}
.homemain .mod3 .equ_content .equ_wrap{padding: 40px;display: none;}
.homemain .mod3 .equ_content h5{font-weight: bold;font-size: 22px;}
.homemain .mod3 .equ_content .line{width: 50px;height: 2px;background: #ddd;margin: 25px 0;}
.homemain .mod3 .equ_content .des{margin-bottom: 30px;}
.homemain .mod3 .equ_content .des p{position: relative;padding-left: 15px;margin-bottom: 5px;}
.homemain .mod3 .equ_content .des p::before{content: '';position: absolute;left: 0;top: 10px;width: 6px;height: 6px;border-radius: 50%;background: #f1861a;}
.homemain .mod3 .select li.active{background: #fff;color: #222;}
.homemain .mod3 .select li.active  .num{display: inline-block;border: 1px solid #eee;background-image: linear-gradient(-90deg,#f1861a, #f49e24);}
.homemain .mod3 .equ_content .equ_wrap.show{display: block;}

.homemain .mod4{padding:2% 0 3%;}
.homemain .mod4 ul{width: 103%;}
.homemain .mod4 ul li{width: 22%;float: left;margin-right: 3%;}
.homemain .mod4 ul li .time{color: #999;font-size: 16px;margin-top: 15px;font-weight: bold;line-height: 1;font-family: 'Century Gothic',Arial;}
.homemain .mod4 ul li .time span{font-size: 30px;color: #f1861a;margin-right: 10px;}
.homemain .mod4 ul li h4{font-size: 17px;margin: 10px 0;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .mod4 ul li .des{color: #666;font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;word-break:break-all;}
.homemain .mod4 ul li .imgarea{height: 185px;}


.homemain .mod5{padding: 3% 0;background: #f5f5f5;}
.homemain .mod5 h5{font-size: 22px;font-weight: bold;margin: 25px 0 15px;}
.homemain .mod5 .about .imgarea{margin-top: 20px;}


.foot{background: url(../images/foot_bg.jpg)center no-repeat;background-size: cover;color: #bbb;line-height: 2;border-top: 5px solid #f1981a;}
.foot .top{display: flex;padding: 3% 0;}
.foot .top ul{display: flex;width: 100%;justify-content:space-between}
.foot .top .code{width: 30%;margin-left: 30%;text-align: center;}
.foot .top .code h5{font-size: 26px;margin: 10px 0;font-family: 'Century Gothic','Microsoft yahei';font-style: italic;}
.foot .top .code i{width: 36px;height: 36px;border-radius: 50%;background: #333;color: #fff;text-align: center;display: inline-block;line-height: 36px;font-size: 22px;margin: 20px 6px;}


.foot a{color: #bbb;}
.foot .top h5{color: #fff;margin-bottom: 16px;}
.foot .top li p{margin-bottom: 5px;}
.foot .copyright{text-align: center;border-top: 1px solid #eee;padding: 20px 0;}
.foot .copyright p{margin: 5px 0;}
.foot .copyright span{padding: 0 10px;}

.fixed_bot{width: 100%;height: 65px;line-height: 65px;background: rgba(0,0,0,0.8);left: 0;bottom: 0;position: fixed;z-index: 99;}
.fixed_bot h4{float: left;color: #ffc774;font-size: 24px;font-weight: bold;margin-right: 25px;}
.fixed_bot span{margin-left: 60px;font-size: 18px;font-weight: bold;color: #fff;display: inline-block;background: url(../images/gou.png)center left no-repeat;padding-left: 40px;}
.fixed_bot span.fr{background: url(../images/bot_tel.png)center left no-repeat;padding-left: 55px;font-size: 28px;font-family: Arial, Helvetica, sans-serif;font-style: italic;}


.fixed-r{position:fixed;width:60px;height:275px;right:0;top:50%;transform: translateY(-50%);z-index:100;z-index: 999;}
.fixed-r ul li{width:60px;height:60px;float:left;position:relative;margin-bottom: 1px;}
.fixed-r ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all 0.3s;background:#646577;color:#fff;font:15px/60px;overflow:hidden;}
.fixed-r ul li .sidetop,.fixed-r  ul li .wx{width:60px;height:60px;display:block;background:#646577;transition:all 0.3s;}
.fixed-r ul li i{display: inline-block;width: 60px;line-height: 60px;color: #fff;font-size: 30px;text-align: center;vertical-align: middle;}
.fixed-r .wx{position: relative;}
.fixed-r .wx .wx_code{position: absolute;width: 100px;height: 100px;background: rgba(20,38,78,0.5);padding: 4px;left: -110px;top: 50%;display: none;transform: translateY(-50%);text-align: center;}
.fixed-r .wx .wx_code img{max-width: 100%;}
.fixed-r .wx:hover .wx_code{display: block;}
.fixed-r ul li .sidetop:hover,.fixed-r ul li .sidebox:hover,.fixed-r .wx:hover{background:rgba(20,38,78,0.5);}

.fixed-b {width: 100%; background: #f1981a; bottom: 0; left: 0;z-index: 999; font-size: 14px;position: fixed;padding: 10px 0;display: none;}
.fixed-b li{ width: 25%; text-align: center; color: #fff; float: left;border-right: 1px solid #777;box-sizing: border-box;}
.fixed-b li:last-child{ border-right: none;}
.fixed-b li a{color: #fff;}
.fixed-b li a i{font-size: 24px;padding-right: 5px;color: #fff;vertical-align: middle;line-height: 1;}
.fixed-b li a .icon-home{font-size: 18px;}