@charset "utf-8";
/* CSS Document */
.index_head .top_search{ margin-left: 50px; cursor:pointer;}
.index_head .top_search i{ font-size: 26px;}
.top_search_box{ width: 0; transition:.3s ease; overflow:hidden; position: fixed; right:0; height: 100px; top: 0; background:#fff; padding:20px 0; text-align:center; z-index:99;}
.top_search_box form{ width: 60%; display: inline-block;}
.top_search_box input.fl{ line-height: 60px; background: #f5f5f5; padding-left: 15px; width:80%;}
.top_search_box input.search_sub{ width: 17%; background:#00aac7; color:#fff; cursor:pointer; text-align:center; line-height:60px;}
.top_search_box input.search_sub:hover{ text-decoration:underline;}
.top_search_box .close{ position: fixed; right: 5%; top:35px; z-index:11; cursor:pointer; display:none;}
.top_search_box .close i{ font-size: 30px; line-height: 30px;}
.top_menu{ height: 34px; width: 34px;  border-radius: 50%; text-align: center; cursor: pointer; background: #ff7500;}
.top_menu i{ display: block; font-size: 20px; font-weight: bold;color: #fff; line-height: 34px; }

.camp_menu{ width: 100%; position: fixed;  padding: 80px 0;z-index: 999; top: 90px; display: none; color: #fff; background:#ff7500 url(../images/xlbg_01.jpg) no-repeat center bottom;  }
.camp_menu .camnav.c-flex{ align-items: flex-start;}
.menu_item h3{ font-size: 26px; margin-bottom: 30px; color: #fff; font-weight: normal;}
.menu_item a{ display: block; line-height: 40px; font-size: 18px; color: #fff; opacity: .6 }
.menu_item a:hover{ opacity: 1;}
.menu_item{ margin: 0 auto;}
.camp_menu .close{ position: absolute; top: 50px; right: 50px; color: #666; font-size: 30px; cursor: pointer;  }
.camp_menu .close i{ font-size: 30px;}
.mcenter{ width: 1400px; margin: 0 auto;}
.cam_con{ margin-top: 80px;}
.cam_con dl dt{ margin-right: auto; opacity: .8;}
.cam_con dl dt a{ color: #fff;}
.cam_con dl dt:last-child{ margin-right: 0; opacity: 1;}
.cam_con dl dt i{ font-size: 24px; margin-right: 5px;}
.cam_con dl dt .qr{ display: none; position: absolute; left: 0; bottom: 30px;}
.cam_con dl dt .weixin{ position: relative; cursor:pointer; margin-right:30px;}
.cam_con dl dt .weixin:hover .qr{ display:block;}
.cam_con dl dt .qr img{ max-width: 120px;}
.amore{ display: inline-block; line-height: 58px; border: 1px solid #fff; border-radius: 30px; position: relative; overflow: hidden; color: #fff;}
.amore span{ display: block; text-align: center; position: relative; z-index: 2; min-width: 180px;}
.amore i{ margin-left: 18px; font-size: 12px; width: 19px; height: 19px; border: 1px solid #fff; text-align: center; display: inline-block; line-height: 19px; border-radius: 50%;}
.amore:after{ position: absolute; width: 100%;  left: 0; bottom: 0; height: 0px; background:#ff7500;content: ''; z-index: 1; transition: .2s ease;}
.amore:hover:after{ height: 100%;}
.amore:hover{ border-color: #ff7500;}
.amore.bb{ background: #323232; border-color: #323232;}
.amore.bb:hover{ border-color: #ff7500;}
.amore.bb i{ border-color: #ff7500; color: #ff7500;}
.amore.on:after{ height: 100%;}
.amore.on{ color: #fff;}
.amore.bb:hover i{  border-color: #fff; color: #fff;}

.load_ani{ position: fixed; width: 100%; overflow: hidden;transform-origin:bottom right; height: 100vh; z-index: 99; background: #ff7500;transform: translateX(100%) skewX(-40deg); justify-content: center;animation: openload 2s  infinite ;animation-iteration-count: 1; animation-delay: .5s;}
.load_ani .load_logo{ transform:translateX(-50%) skewX(40deg);}
@keyframes openload{
	0%{ transform: translateX(0) skewX(-40deg);}
	100%{ transform: translateX(100%) skewX(-40deg);}
}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
/*.bannerimg{animation: bannerimgani 1.5s  infinite ;animation-iteration-count: 1;  transform: translateX(50%) skewX(-40deg);animation-fill-mode: forwards; overflow: hidden;transform-origin:bottom left; position: relative; z-index: 9; animation-delay: 1.5s; }
@keyframes bannerimgani{
	0%{  transform: translateX(50%) skewX(-40deg);}
	100%{ transform: translateX(0) skewX(-40deg);}
}
.bannerimg .bannerswiper{ transform: skewX(40deg);transform-origin: bottom left;}*/
.scroll{ position: absolute; left: 2%; top: calc(50% - 25px); transform: rotate(90deg); color: #ff7500; font-family: arial;z-index:10;}
.scroll .scoline{-webkit-animation: scroll 2.5s cubic-bezier(.45,0,.55,1) infinite ;animation: scroll 2.5s cubic-bezier(.45,0,.55,1) infinite ; height: 1px; background: #ff7500; margin-left: 10px; width: 150px; }
@keyframes scroll{
	0%{transform:scaleX(0);transform-origin:left}
	49%{transform:scaleX(1);transform-origin:left}
	50%{transform:scaleX(1);transform-origin:right}
	99%{transform:scaleX(0);transform-origin:right}
	to{transform:scaleX(0);transform-origin:left}
}
.orgbg{  display:none;height: 33.3vh; left: 0; bottom: 0;transform-origin: bottom right; position: absolute; transform: translateX(-100%);animation: orgbgani 1.5s  infinite ; animation-delay: 1.5s; animation-iteration-count: 1; z-index: 2; width: 100%;animation-fill-mode: forwards; background: #ff7500; overflow: hidden; opacity: .5;}
@keyframes orgbgani{
	from{ transform: translateX(-100%) skew(40deg,0deg);}
	to{ transform: translateX(0) skew(40deg,0deg);}
}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; left: calc(50% - 800px); bottom: 80px;}
.sy-ban .swiper-pagination-bullet{ width: 33px; height: 33px; border-radius: 50%; border: 2px solid rgba(255,255,255,.0); position: relative; background: none; opacity: 1; outline: none;}
.sy-ban .swiper-pagination-bullet:after{ position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #999; content: ''; left: 13px; top: 13px;}
.sy-ban .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #ff7500;}
.sy-ban .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ background: #ff7500;}
.ban_tit{ position: absolute; left: 12%; top: 50%; transform: translateY(-50%); z-index:9; }
.ban_tit h3{ font-family: alib; font-size: 48px; }
.ban_tit h3 span{ color: #ff7500;}




.sy_item_tit{ margin-bottom: 30px; color: #333;}
.sy_item_tit h3{ font-size: 44px; font-family: alim;}
.sy_item_tit p{ font-size: 18px; margin-top: 10px;}
.sy_item_tit h3 span{ color: #ff7500;}
.dtop{ padding-top: 80px;}

.swiper-pagination-bullet{ width: 15px; height: 15px; border-radius: 50%; border: 1px solid #999999; position: relative; background: none; opacity: 1; outline: none;}
.swiper-pagination-bullet:after{ position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #999; content: ''; left: 4px; top: 4px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #d1000f;}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after{ background: #d1000f;}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}



.sy_product .sy_item_tit{ text-align: center;}
.indpro ul li{ width: 25%; background: #272423; position: relative; height: 660px; float: left; padding-top: 60px; color: #fff; transition: .2s ease; overflow: hidden;}
.indpro ul li.open{ width: 50%; background: #ff7500;}
.indpro ul li .colinfo,.indpro ul li .prolist{ padding: 0 60px;}
.indpro ul li.open .colinfo{ width: 50%; border-right: 1px solid rgba(255,255,255,.8);}
.indpro ul li .prolist{ display: none; width: 50%;}
.indpro ul li.open .prolist{ display: block;}
.indpro ul li .imgfdd{ position: absolute; right:-10%; bottom: 0; opacity: .4; width: 100%; }
.indpro ul li.open .imgfdd{ opacity: 1; right: -3%; width: 80%;}
.indpro ul li h2,.indpro ul li a,.indpro ul li a i{ color: #fff;}
.indpro ul li a.more{ color: #ff7500;}
.indpro ul li a.more i{ color: #ff7500; border-color: #ff7500;}
.indpro ul li.open a.more{ color: #fff;}
.indpro ul li.open a.more i{ color: #fff; border-color: #fff;}
.indpro ul li h2{ font-size: 30px; font-family: alim; margin-bottom: 10px;}
.indpro ul li .tit span{ font-family: arial;}
.indpro ul li p.des{ font-size: 14px; line-height: 24px; height: 72px; margin: 20px 0 40px;}
.indpro ul li .colinfo a.more i{ font-size: 12px; line-height: 19px; height: 19px; width: 19px; border-radius: 50%; text-align: center; margin-left: 10px; display: inline-block;}
.indpro ul li .prolist a{ display: block; font-family: ali; margin-bottom: 10px; line-height: 30px;}
.indpro ul li .prolist a i{ margin-right: 5px;}

.sy_app{ align-items: flex-start; position: relative;}
.sy_app .apppic{ width: 70.6%; overflow: hidden; margin-left: auto;}
.sy_app .apppic li{ position: relative;}
.sy_app .apppic li .imgfd{ padding-top: 62%;}
.sy_app .apppic .top{ position: absolute; color: #fff;  top: 80px; width: 84%; left: 8%;}
.sy_app .apppic .top .amore{ margin-left: auto;}
.sy_app .apppic .top h2{ color: #fff; font-family: alim; font-size: 30px;}
.sy_app .apppic .bot{ width: 84%; position: absolute; left: 8%; bottom: 70px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.6); color: #fff;}
.sy_app .apppic .bot p{ font-size: 14px;}
.sy_app .navswiper{ position: absolute; width: 29.4%; left: 0; bottom: 0; background: url(../images/solbg_13.jpg) no-repeat center center; background-size: cover;}
.sy_app .navswiper li{ width: 100%; height: 84px; padding: 0 35px; border-bottom: 1px solid #d5d5d5; cursor: pointer;}
.sy_app .navswiper li:last-child,.sy_app .navswiper li.swiper-slide-thumb-active{ border: none;}
.sy_app .navswiper li p{ font-family: ali; font-size: 22px; color: #333; margin: 0 auto 0 55px;}
.sy_app .navswiper li.swiper-slide-thumb-active{ background:  linear-gradient( to right,rgba(51,51,51,1),rgba(255,117,0,1));}
.sy_app .navswiper li i{ opacity: 0;color: #fff;}
.sy_app .navswiper li.swiper-slide-thumb-active p{ color: #fff;}
.sy_app .navswiper li.swiper-slide-thumb-active i{ opacity: 1;}
.sy_app .navswiper li.swiper-slide-thumb-active .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_app .apppic .swiperctr{ position: absolute; bottom: 70px; right: 20px;z-index: 2;}
.sy_app .apppic .swiperbtn{ position: unset; display: inline-block; width: 32px;height: 32px; line-height: 32px; background: #fff; border-radius: 50%; text-align: center; margin: 0 3px; font-size: 16px;}
.sy_app .apppic .swiperbtn:hover{ background: #ff7500; color: #fff;}

.mainh{ height: 80px;}
.sy_about{position: relative;}
.sy_about .txt{ color: #fff; position: relative; z-index: 2;}
.sy_about .imgfdd{ width: 55%; position: absolute; top: 0; right: 0; height: 100%;}
.sy_about .txt p.des{ width: 40%; margin-bottom: 40px;}
a.more{ color: #333;}
a.more i{ display: inline-block; width: 19px; width: 19px; line-height: 19px; border-radius: 50%; border: 1px solid #ff7500; text-align: center; margin-left: 10px; font-size: 12px; color: #ff7500;}
a.more.more1{ color: #ff7500;}
a.more:hover{ color:#ff7500;}
.sy_about .sy_number{ margin-top: 60px; width: 60%;}
.sy_number b{ font-size: 48px; font-family: alib; color: #ff7500; display: block; line-height: 50px;}
.sy_number p{ font-size: 18px; font-family: alim; height:30px;}
.sy_number dt{ width: 25%;}

.quick_link{ background: #f5f5f5;}
.quick_link dt{ width: 33.3%; position: relative;}
.quick_link dt a{ padding-left: 120px;}
.quick_link dt:after{ position: absolute; right: 0; height: 100px; width: 1px; background: #dddddd; content: ''; top: 50%; transform: translateY(-50%);}
.quick_link dt:nth-child(3):after{ display: none;}
.quick_link dt a p{ font-size: 24px; color: #333; margin:0 30px 0 20px; font-family: alim; }
.quick_link dt a i{ color: #ff7500; display: inline-block; width: 25px; height: 25px; text-align: center; border-radius: 50%; line-height: 25px; border: 1px solid #ff2500; font-size: 14px;}
.quick_link dt:hover a p{ color: #ff7500;}

.sy_news .news_item{ float: left; width: 32%; margin-right: 2%;}
.sy_news .news_item:nth-child(3n){ margin-right: 0;}
.sy_news .news_item .first{ position: relative;}
.sy_news .news_item .imgfd{ padding-top: 51%;}
.sy_news .news_item .first h2{ position: absolute; color: #fff; font-family: ali; font-size: 20px; width: 100%; left: 0; bottom: 20px; padding: 0 25px;}
.sy_news .news_item .first .colname{ width: 150px; height: 50px; border-bottom-right-radius: 30px; background: #ff7500; color: #fff; position: absolute; left: 0; top: 0; padding: 0 35px 0 20px;}
.sy_news .news_item .first .colname .icon{ margin-right: auto;}
.sy_news .news_item .list a .txt{ width: calc(100% - 40px); margin-left: auto;}
.sy_news .news_item .list a{ align-items: flex-start; padding: 25px 0 15px; border-bottom: 1px solid #dddddd;}
.sy_news .news_item .list a i.icon-rightjt{ color: #ff7500; margin: 0 auto; line-height: 30px;}
.sy_news .news_item .list a h2{ font-size: 18px; line-height: 30px; color: #333; font-family: ali; height: 30px; overflow: hidden;}
.sy_news .news_item .list a p{ font-size: 14px; height: 30px; margin: 10px 0; overflow:hidden;}
.sy_news .news_item .list a span{ color: #999; font-size: 14px; margin-right: 25px;}
.sy_news .news_item .list a span em{ margin-right: 5px;}
.sy_news .news_item .list a span i{ font-family: 14px; margin-right: 5px;}
.sy_news .news_item:nth-child(2)  .first .colname{ background: #323232;}
.sy_news .news_item .first:hover h2{ color: #ff7500;}
.sy_news .news_item .list a:hover h2{ color: #ff7500;}


.index_foot .foot_center,.index_foot .foot_center ul.c-flex{ align-items: flex-start;}
.index_foot .foot_center{ padding: 50px 0 40px;}
.index_foot .foot_center ul a{ display: block; color: #ccc; font-size: 14px; line-height: 35px;}
.index_foot .foot_center ul p{ color: #ff7500; font-family: ali; margin-bottom: 36px;}
.index_foot .foot_center ul li{ margin-right: auto; padding-left: 35px; width: 15%; position: relative;}
.index_foot .foot_center ul li:after{ position: absolute; right: 0; top: 0; width: 1px; height: 190px; background: rgba(255,255,255,.3); content: '';}
.index_foot .foot_center ul li.f_cont{ width: auto; }
.f_cont b,.f_cont span{ display: block;}
.index_foot .foot_center ul li.f_cont a{ display: inline-block;}
.f_cont b{ font-size: 30px; font-family: ali; color: #fff; margin-bottom: 15px; font-weight: normal;}
.f_cont span{ color: #ccc; line-height: 35px;}
.index_foot .foot_center ul li.f_cont:after{ display: none;}
.index_foot .foot_center ul .f_cont a.iconfont{ font-size:24px; color: #ccc; margin-right: 25px;}


.right_online{position: fixed;top: 50%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 26px;color: #fff;background: #ff7500;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background: #ff7500;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}

.toph{ height: 90px;}
.ny_banimg img{ width: 100%;}
.ny_ban .orgbg{ height: 25%;}
.posi{ padding: 25px 0;}

.col_item{ border: 1px solid #dddddd; position:relative; width:1200px; margin:0 auto 40px;}
.col_item .pic{ width: 66.7%; background:linear-gradient( to top,rgba(188,190,197,1),rgba(248,248,248,1));;}
.col_item .pic .imgfd{ padding-top: 50%;}
.col_item .txt{ width: 33.3%; padding:50px 35px;}
.col_item .txt h2{ font-size: 30px; font-family: alim; padding-bottom: 25px; border-bottom: 1px solid #dddddd; margin-bottom: 25px;}
.col_item .txt .list a{ display: block; font-family: ali; color: #333; line-height: 30px;}
.col_item .txt a.more{ position: absolute; left: 35px; bottom: 50px;}
.col_item .txt .list a:hover{ color:#ff7500;}
.m_center{ width: 1200px; margin: 0 auto;}
.pro_youshi{ padding: 65px 0; text-align:center;}
.ys_list{ align-items: flex-start;}
.ys_list dt{ width: 30%; margin-right: 5%; margin-bottom: 40px;}
.ys_list dt:nth-child(3n){ margin-right:0;}
.ys_list dt h2{ color: #ff7500; font-size: 26px; font-family: ali; margin-bottom: 20px; height:35px;}
.pro_youshi h1{ font-size: 36px; font-family: alim; margin-bottom:40px;}

.modtit{ text-align: center; font-size: 36px; font-family: alim; margin-bottom:40px;}
.pro_list ul li{ width: 32%; margin-right: 2%; float: left; border: 1px solid #ddd; margin-bottom: 30px; background:#fff;}
.pro_list ul li:nth-child(3n){ margin-right:0;}
.pro_list ul li .imgfd{ padding-top: 100%;}
.pro_list ul li .txt{ padding: 0 30px 35px;}
.pro_list ul li .txt h2{ font-family: ali; font-size: 22px; line-height: 32px; height: 64px; overflow:hidden;}
.pro_list ul li .txt span i{ font-size: 12px; color: #ff7500; margin-left: 5px;}
.pro_list ul li:hover h2{ color:#ff7500;}
.relswiper{ overflow: hidden;}
.relbox{ position: relative;}
.swiperbtn{ font-size: 24px; bottom:calc(50% - 15px);}
.relbox .swiper-button-prev{ left: -50px;}
.relbox .swiper-button-next{ right: -50px;}
.swiperbtn:hover{ color:#ff7500;}
.relswiper ul li{ background: #fff; text-align:center;}
.relswiper ul li .imgfd{ padding-top: 62%;background: linear-gradient( to top,rgba(188,190,197,1),rgba(248,248,248,1));}
.relswiper ul li .txt{ padding: 15px;}
.relswiper ul li p{ color: #333; font-size: 18px; font-family: ali;}
.relswiper ul li:hover p{ color:#ff7500;}
.pro_nav{ text-align: center; margin-bottom: 30px;}
.pro_nav a{ display: inline-block; padding:0 25px; line-height: 40px; background: #323232; color: #fff; text-align: center; border-radius:20px; margin:0 30px; min-width:120px; transition:.3s ease;}
.pro_nav a.on,.pro_nav a:hover{ background: #ff7500;}
.posi a.back{ margin-left: auto; color:#ff7500;}
.posi a.back i{ font-size: 12px; margin-right: 8px;}

.proshow{ padding: 40px 0 80px;}
.proshow .pic{ width: 45%;}
.proshow .pic .imgfd{ padding-top: 100%; border: 1px solid #dddddd;}
.proshow .txt{ width: 50%;}
.proshow .txt h1{ font-size: 36px; font-family: ali; margin-bottom: 30px;}
.proshow .txt .showtit{ font-size: 16px; font-family: ali; color:#ff7500; margin-bottom:12px;}
.proshow .txt .intro{ margin-bottom: 30px;}
.proshow .txt .chara p{ line-height: 40px;}
.pro_mod .pro_list ul li{ border: none;}
.mod_main{ margin: 30px auto 50px;}
.mod_main h1{ font-size: 20px; font-family: ali; color: #ff7500; padding-bottom:15px; border-bottom:1px solid #ddd;}
.show_content{ padding: 60px 0; width:100%; overflow:hidden;}
.show_content img{ max-width: 100%;}

.solbantit{ position: absolute; top: 50%; width: 100%; left: 0;z-index:9; padding-left:10%; }
.solbantit h3{ font-family: alim; font-size: 36px; color: #ff7500;}
.solmain{ margin-top: 60px;}
.sol_content{ padding: 20px 0 70px;}
.sol_content span{ display: block; padding-left: 20px; position: relative; line-height:30px;}
.sol_content span:after{ position:absolute; left: 0; width: 6px; height: 6px; top: 12px; background: #ff7500; border-radius: 50%; content: '';}

.down_main{ padding: 40px 0 60px;}
.down_nav{ border-bottom: 1px solid #dddddd; padding-left:20px;margin-bottom:45px;}
.down_nav a{ display: inline-block; margin-right: 100px; line-height: 60px; position: relative; font-size: 18px; font-family: ali; color:#666; }
.down_nav a:after{ position:absolute; height: 3px; z-index: 2; bottom: -1px; width: 0; left:0; transition: .2s ease; content: ''; background: #ff7500;}
.down_nav a.on:after,.down_nav a:hover:after{ width:100%;}
.down_nav a.on{ color: #333;}
.down_list ul li{ width: 49%; margin-right: 2%; float: left; margin-bottom: 25px; background:#f5f5f5; transition:.3s ease;}
.down_list ul li:nth-child(2n){ margin-right:0;}
.down_list ul li a{ padding: 35px 30px;}
.down_list ul li i{ font-size: 36px;}
.down_list ul li i.icon-file-pdf{ color: #ff7500; margin-right:30px; font-size:44px;}
.down_list ul li .txt{ margin-right: auto; max-width: calc(100% - 70px);}
.down_list ul li .txt p{ font-size: 18px; font-family: ali; color: #333; height: 30px; overflow: hidden; margin-bottom: 10px;}
.down_list ul li .txt span{ font-size: 14px; font-family: Arial;}
.down_list ul li:hover{ background:#ff7500; color:#fff;}
.down_list ul li:hover i.icon-file-pdf,.down_list ul li:hover .txt p,.down_list ul li:hover i,.down_list ul li:hover span{ color:#fff;}


.hot_news{ background: #f5f5f5; margin-bottom:40px;}
.hot_news .pic,.hot_news .txt{ width: 50%;}
.hot_news .txt{ padding: 50px 55px 0;}
.hot_news .pic .imgfd{ padding-top: 66.7%;}
.hot_news .txt h2{ font-size: 30px; font-family: ali;}
.ninf{ margin: 15px 0;}
.ninf span:first-child{ color:#ff7500; font-family: ali;}
.ninf span.tag{ font-size: 14px; color: #999; padding-left: 10px; border-left: 1px solid #ddd; display: inline-block; margin-left: 20px;}
.ninf span.tag em{ display: inline-block; margin-left: 8px;}
.ninf span.tag i{ font-size: 14px;}
.hot_news .txt p{ height: 90px; overflow: hidden; margin-bottom: 45px;}
.hot_news .txt .box span{ color: #333;}
.hot_news .txt .box span i.iconfont{ font-size: 12px; color: #ff7500; width: 19px; height: 19px; border-radius: 50%; display: inline-block; line-height: 19px; text-align: center; border: 1px solid #ff7500; margin-left:5px;}
.hot_news:hover .txt h2,.hot_news:hover .box span:first-child{ color:#ff7500;}


.news_list ul li{ float: left; width: 33.333%; padding:20px; border:1px solid #ddd; margin-left:-1px; margin-top:-1px;}
.news_list ul li .imgfd{ padding-top: 66.67%; margin-bottom:25px;}
.news_list ul li h2{ font-size: 20px; font-family: ali; line-height: 30px; height: 60px; overflow: hidden;}
.news_list ul li p{ height: 48px; line-height: 24px; overflow: hidden;}
.news_list ul li .box{ padding-top: 25px; border-top: 1px solid #ddd; margin-top: 30px;}
.news_list ul li .box span i.iconfont{ font-size: 12px; color: #ff7500; width: 19px; height: 19px; border-radius: 50%; display: inline-block; line-height: 19px; text-align: center; border: 1px solid #ff7500; margin-left:5px;}
.news_list ul li:hover h2{ color:#ff7500;}

.newshow{ padding: 30px 0 60px;}
.newshow h1{ text-align: left; margin-bottom: 0; font-family:ali;}
.newshow .info{ padding: 25px 0; border-bottom:1px solid #ddd;}
.newshow .info p{ margin-right: 50px; font-size:14px; color:#999;}
.newshow .info i{ margin-right: 5px; font-size:14px;}
.newshow .info em{ display: inline-block; margin-right: 5px;}

.fanye{ width: 100%; background: #f5f5f5; line-height: 54px; border-radius: 27px; padding: 0 20px; font-size:14px;}
.fanye dt{ width: 50%; height:54px; overflow:hidden;}
.fanye dt a:hover{ color:#ff7500;}


.newstag{ margin-top: 30px; font-size:14px;}
.newstag i{ width: 40px; height: 40px; border-radius: 50%; background: #ff7500; color: #fff; line-height: 40px; text-align: center; display:inline-block; margin-right:10px;}
.newstag a{ margin-left: 5px;}
.newstag a:hover{ color:#ff7500;}

.company .imgfdd{ width: 50%;}
.company .txt{ width: 45%; padding-top:10px;}
.company .item{ margin-bottom: 40px;}
.company .txt h2{ font-size:24px; font-family: ali; margin-bottom:15px;}
.ab_culture{ padding: 30px 0;}
.ab_culture ul li{ float: left; width: 48%; margin-right: 4%; position: relative; margin-bottom:40px;}
.ab_culture ul li:nth-child(2n){ margin-right:0;}
.ab_culture ul li .txt{ position: absolute; width: 100%; top: 0; left: 0; padding: 30px 35px;}
.ab_culture ul li .txt h2{font-size: 26px; font-family: ali; color: #fff; margin-bottom: 30px;}
.ab_culture ul li .txt p{ color: #fff; opacity:0; transition:.2s  ease;}
.ab_culture ul li i.iconfont{ position: absolute; left: 35px; bottom: 40px; display: inline-block; width: 19px; height: 19px; text-align: center; line-height: 19px; font-size: 12px; color: #ff7500; border: 1px solid #ff7500; border-radius: 50%; transition:.2s  ease;}
.ab_culture ul li .imgfd{ padding-top: 60%;}
.ab_culture ul li:hover i.iconfont{ opacity: 0;}
.ab_culture ul li:hover  .txt p{ opacity: 1;}

.workswiper{ overflow: hidden; padding-bottom: 50px;}
.ab_work p{ text-align: center; margin-bottom:30px;} 
.ab_work .modtit{ margin-bottom: 25px;}
.workswiper li{ padding: 5px; border: 1px solid  #ddd;}
.workswiper li .imgfd{ padding-top: 66.6%;}
.workswiper .swiperbtn{ position: unset; display: inline-block; width:30px; height:30px; border-radius:50%; border:1px solid #ddd; font-size:14px; text-align:center; line-height:30px; margin:0 10px;}
.workswiper .swiperctr{ text-align: center; margin-top: 30px;}
.workswiper .swiperbtn:hover{ color:#fff; border-color: #ff7500; background: #ff7500; }

.cont_top{ padding: 30px 0 60px; text-align:center;}
.cont_top .modtit{ margin-bottom: 0;}
.cont_top .line{ width: 50px; height: 3px; background: #ff7500; display: inline-block; margin: 30px 0 40px;}
.cont_top dl dt{ width: 24%; margin-right: 1.33%; background: #fff; padding: 40px 45px 30px;}
.cont_top dl dt:nth-child(4){ margin-right:0;padding:50px 0 60px;}
.cont_top dl dt i{ display: inline-block; width: 90px; height: 90px; line-height: 90px; border-radius: 50%; text-align: center; background: #f5f5f5; color: #ff7500; font-size: 40px; margin-bottom:30px;}
.cont_top dl dt .box{ height: 50px; margin-top: 25px;}
.cont_top dl dt .box b{ display: block; font-family: ali; font-size: 20px; color:#333;}
.cont_top dl dt .qr img{ width: 115px;}
.cont_top dl dt .qr{ margin-bottom: 40px;}

.cont_form .formbox{ width: 100%; align-items: flex-start; padding: 0 15px; background: #f5f5f5; border-radius: 5px; line-height:60px; margin-bottom:20px;}
.cont_form .formbox input,.cont_form .formbox textarea{ width: calc(100% - 30px); margin-left: auto; background:none; line-height:60px; font-size:14px;}
.cont_form .formbox.fl{ width: 49%; margin-right: 2%;}
.cont_form .formbox.fl:nth-child(2n){ margin-right:0;}
.cont_form .formbox i{ color: #999; font-size:18px;}
.cont_form .sub{ display: block; margin: 35px auto 0; width:220px; line-height:55px; border-radius:5px; text-align:center; color:#fff; cursor:pointer; background:#ff7500; transition:.3s ease;}
.cont_form .sub:hover{ box-shadow:0 0 15px rgba(255,117,0,.7);}




@media (max-width: 1700px){
.index_head .nav li{ margin:0 25px;}
}


@media (max-width: 1600px){
.index_head .logo img{ max-height: 30px;}
	
}

@media (max-width: 1441px){
.top_menu{ display: none;}
.index_head .top_tel{ display: none;}
.orgbg{ height: 28vh;}
.index_head .nav li .second dl dt{ width:140px;}
}

@media (max-width: 1281px){
.index_head .top_link{ display: none;}
.ban_tit h3{ font-size: 40px;}
.indpro ul li{ padding-top: 40px; height:580px;}
.indpro ul li .colinfo, .indpro ul li .prolist{ padding: 0 35px;}
.sy_item_tit h3{ font-size: 38px;}
.sy_app .apppic .top{ width: 90%; left: 5%; top:50px;}
.sy_app .apppic .top h2{font-size: 26px;}
.sy_app .apppic .bot{ width: 90%; left: 50px; bottom: 40px; left:5%;}
.sy_app .apppic .swiperctr{ bottom: 40px;}
.sy_app .navswiper li{ height: 65px;}
.sy_app .navswiper li img{ height: 40px;}
.sy_app .navswiper li p{ font-size: 20px; margin-left: 30px;}
.sy_app .navswiper li p{ line-height: 46px;}
.amore{ line-height: 44px;}
.amore span{ min-width: 140px;}
.sy_number p{ font-size: 16px;}
.sy_about .sy_number{ width: 70%;}
.sy_about{ background-size: 80%!important;}
.quick_link dt a{ padding-left: 60px;}
.index_foot .foot_center ul li{ width: 12%;}
.m_center,.col_item{ width: 96%;}
.ys_list dt h2{ font-size: 24px; line-height: 32px; height: 64px;}
.relbox .swiper-button-next{ right: 50px;}
.relbox .swiper-button-left{ left: 50%;}

}

@media (max-width: 1024px){
	.bannerimg,.bannerimg .bannerswiper{ transform:skewX(0deg);animation:none;}
	.load_ani{ display: none;}
	.toph{ height: 55px; background: #ddd;}
	.ban_tit{ left: 2%;}
	.ban_tit h3{ font-size: 32px;}
	.indpro ul li h2{ font-size: 24px;}
	.indpro ul li .prolist a{font-size: 14px;}
	.indpro ul li{ height: 520px;}
	.mainh{ height: 50px;}
	.sy_about .txt p.des{ width:50%;}
	.index_foot .foot_center{ display: none;}
	.quick_link dt img{ height: 50px;}
	.quick_link dt a p{ font-size: 20px;}
	.right_online{ display: none;}
	.col_item .txt{ padding: 30px 25px 0;}
	.col_item .txt h2{ font-size: 26px; padding-bottom: 15px; margin-bottom: 15px;}
	.col_item .txt a.more{ left: 25px; bottom: 25px;}
	.ny_banimg{ transform: skewX(0);}
	.proshow .txt h1{font-size: 30px; margin-bottom: 20px;}
	.solbantit{ padding-left: 2%;}
	.solbantit h3{font-size: 30px;}
	.down_list ul li a{ padding: 25px 20px;}
	.down_list ul li i.icon-file-pdf{ margin-right: 20px;}
	.hot_news .txt{ padding:35px 30px 0;}
	.hot_news .txt h2{font-size: 26px;}
	.news_list ul li{ padding: 12px;}
	.company .txt{ width: 48%; font-size:14px;}
	.company .txt p{ line-height: 24px;}
	.cont_top dl dt{ padding: 30px 25px;}
	.cont_top dl dt .box b{font-size: 18px;}
	.cont_top dl dt:nth-child(4){ padding:50px 0;}
	
}
@media (max-width: 768px){
    .indpro ul li.open:nth-child(2){background:#272423;}
	.indpro ul li.open{ width: 100%;}
	.sy_app .navswiper{ display: none;}
	.sy_app .left a.more{ display: none;}
	.sy_app .apppic{ width: 100%;}
	.sy_about{background-blend-mode:soft-light; background-size:cover!important;}
	.sy_about .txt p.des{ width: 100%;}
	.sy_about .sy_number{ width: 100%;}
	.sy_number b{font-size: 36px;}
	.quick_link dt a{ padding:0 25px;}
	.sy_item_tit h3{font-size: 32px;}
	.quick_link dt a p{ font-size: 18px; margin: 0 auto 0 15px;}
	.quick_link dt img{ height: 40px;}
	.sy_news .news_item{ width: 100%; float: none; margin-bottom: 20px;}
	.col_item .txt a.more{ display: none;}
	.col_item .txt{ padding: 25px 20px;}
	.col_item .txt h2{font-size: 22px;}
	.pro_list ul li .txt{ padding: 0 15px 20px;}
	.pro_list ul li .txt h2{ font-size: 18px; line-height:30px; height:60px;}
	.modtit{ font-size: 30px; margin-bottom: 25px;}
	.pro_youshi h1{font-size: 30px; margin-bottom: 25px;}
	.proshow .pic{ width: 100%;float: none;}
	.proshow .txt{ width: 100%;float: none; margin-top: 25px;}
	.solbantit h3{font-size: 20px;}
	.solmain{ margin-top: 20px;}
	.sol_content{padding: 0 0 30px;}
	.sol_content span{ font-size: 14px;}
	.relswiper ul li .txt{ padding: 10px 0;}
	.relswiper ul li p{font-size: 16px;}
	.down_list ul li{ width: 100%; float: none;}
	.down_main{padding: 20px 0 40px;}
	.down_nav a{ margin-right: 60px;}
	.hot_news{ display: none;}
	.news_list ul li{ width: 50%;}
	.company .imgfdd{ width: 100%; float: none;}
	.company .txt{ width: 100%; float: none; margin-top:25px;}
	.ab_culture ul li .txt{ padding: 25px 20px;}
	.ab_culture ul li .txt p{ opacity: 1;}
	.ab_culture ul li .txt h2{ font-size: 22px; margin-bottom: 20px;}
	.ab_culture ul li i.iconfont{ left: 20px; bottom: 20px;}
	.cont_top dl dt{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.cont_top dl dt:nth-child(2n){ margin-right:0;}
}

@media (max-width: 450px){
    .indpro ul li.open .colinfo,.indpro ul li.open .prolist{ width: 100%; float: none;}
	.indpro ul li.open .colinfo{ margin-bottom: 20px;}
	.indpro ul li p.des{ margin-bottom: 25px;}
	.indpro ul li{ height: auto; padding-bottom: 100px;}
	.indpro ul li p.des{ height: auto;}
	.sy_app .apppic .bot{ display: none;}
	.sy_app .apppic .top h2{ font-size: 20px; margin-bottom:20px;}
	.sy_app .apppic .top{ top: 25px; display:block;}
	.sy_about .sy_number{ margin-top:30px;} 
	.sy_number dt{ width: 50%; margin-bottom:20px;}
	.quick_link{ display: none;}
	.sy_item_tit h3{font-size: 26px;}
	.sy_item_tit p{font-size: 14px;}
	.ban_tit h3{font-size: 24px;}
	.m_img .headlf .m_logo{ max-height: 26px;}
	.m_img .headlf{ padding-top: 12px;}
	.indpro ul li .colinfo, .indpro ul li .prolist{padding: 0 25px;}
	.col_item .txt{ width: 100%; float: none;}
	.col_item .pic{ width: 100%;float:none;}
	.posi{ padding: 15px 0; font-size: 14px;}
	.ys_list dt{ width: 100%; margin-right: 0;}
	.ys_list dt h2{ font-size: 20px; height: auto; margin-bottom:15px;}
	.ys_list dt{margin-bottom: 25px;}
	.pro_youshi{ padding: 30px 0;}
	.pro_list ul li{ width: 49%;}
	.pro_list ul li:nth-child(3n){ margin-right:2%;}
	.pro_list ul li:nth-child(2n){ margin-right:0;}
	.pro_list ul li .txt h2{font-size: 16px;}
	.pro_list ul li .txt span{ font-size: 12px;}
	.pro_list ul li .txt span i{ font-size: 12px;}
	.proshow .txt h1{font-size: 26px;}
	.proshow{ padding: 20px 0 40px;}
	.modtit{font-size: 26px; margin-bottom: 20px;}
	.down_list ul li i.icon-file-pdf{display: none;}
	.down_nav a{line-height: 40px; font-size: 16px; margin-right: 40px;}
	.down_nav a:last-child{ margin-right:0;}
	.down_nav{margin-bottom: 25px;}
	.down_list ul li .txt p{font-size: 16px; margin-bottom: 0;}
	.down_list ul li a{ padding: 15px;}
	.down_list ul li .txt{ max-width: calc(100% - 40px);}
	.down_list ul li i{font-size: 28px;}
	.news_list ul li{ padding: 5px;}
	.news_list ul li .imgfd{ margin-bottom: 15px;}
	.news_list ul li h2{ font-size: 16px; line-height: 26px; height: 52px;}
	.news_list ul li .box{ padding-top: 15px; margin-top: 15px;}
	.news_list ul li p{ display: none;}
	.news_list ul li .box span:not(.date){ display:none;}
	.news_list ul li .box span{font-size: 12px;}
	.show_content{ padding: 25px 0;}
	.newshow .info p{ margin-right: 30px; font-size:12px;}
	.newshow .info{ padding: 15px 0;}
	.fanye dt{ width: 100%; float: none; height:40px;}
	.fanye{ line-height: 40px; border-radius: 15px;}
	.newstag i{  width: 30px; height: 30px; line-height:30px; font-size:14px;}
	.ab_work .modtit{ margin-bottom: 20px;}
	.ab_culture ul li{ width: 100%; float: none; margin-bottom: 25px;}
	.workswiper{ padding-bottom: 10px;}
	.workswiper .swiperctr{ margin-top: 20px;}
	.cont_top .line{ margin: 20px 0 30px;}
	.cont_top dl dt{ padding: 25px 15px;}
	.cont_top dl dt i{ margin-bottom: 20px;}
	.cont_top dl dt .box{ margin-top: 18px;}
	.cont_top dl dt .box b{ font-size: 16px;}
	.cont_top dl dt:nth-child(4){ padding:40px 0;}
	.cont_top dl dt .qr{ margin-bottom: 32px;}
	.cont_top{ padding: 20px 0 30px;}
	.cont_form .formbox.fl{ width: 100%; float: none;}
	.cont_form .formbox,.cont_form .formbox input, .cont_form .formbox textarea{ line-height: 45px;}
}