@charset "utf-8";

@font-face {	
font-family: 'Poppins';	
src: url("../fonts/poppins-regular.eot");
src: url("../fonts/poppins-regular.eot") format("embedded-opentype"), 
url("../fonts/poppins-regular.woff") format("woff"), 
url("../fonts/poppins-regular.ttf") format("truetype"), 
url("../fonts/poppins-regular.svg") format("svg");	
font-weight: normal;
font-style: normal;}

@font-face {	
font-family: 'Poppins02';	
src: url("../fonts/poppins-light.eot");
src: url("../fonts/poppins-light.eot") format("embedded-opentype"), 
url("../fonts/poppins-light.woff") format("woff"), 
url("../fonts/poppins-light.ttf") format("truetype"), 
url("../fonts/poppins-light.svg") format("svg");	
font-weight: normal;
font-style: normal;}


*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family: 'Poppins02', Arial, 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; font-size:16px;  line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; }
a{color:#333; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; }
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:bold; font-family: 'Poppins', Arial, 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; }
h3{font-weight:normal; }
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{font-size:16px;  outline:none; font-family: 'Poppins02', Arial, 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}



.section{ padding:80px 0 100px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:100px;}


#line11, #line22, #line33, #line44{ top:128px;}

.wrap{ width:80%; max-width:1340px; margin:0 auto}
.space{height:110px; }
.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


.header{ height:110px; background:#fff; position:fixed; left:0; top:0; width:100%; z-index:99;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.header .wrap{ position:relative; max-width:1600px}
.header .logo{ position:absolute; left:0; top:50%; margin-top:-32.5px;}
.header .logo img{ display:block; height:65px; width:auto;}

.header .menu{position: relative;z-index: 2; float:right; margin-right:190px; text-transform:capitalize}
.header .menu>ul{display:flex;display:-webkit-flex;justify-content:space-between}
.header .menu>ul>li{ margin:0 20px;position:relative;white-space: nowrap;}
.header .menu .menu_a{color:var(--black-color);font-size:18px;line-height:110px;position:relative;display: block; font-family: 'Poppins'}
@media screen and (max-width: 1650px){
.header .menu>ul>li{margin:0 15px;}
.header .menu{margin-right:180px;}
}
@media screen and (max-width: 1500px){
.header .menu>ul>li{margin:0 12px;}
.header .menu{margin-right:170px;}
.header .menu .menu_a{font-size:17px;}
}
@media screen and (max-width: 1440px){
.header .menu .menu_a{font-size:16px;}
}
.header .menu .menu_a:hover, .header .menu .on .menu_a{background-image:linear-gradient(to bottom,#E69313, #E69313);-webkit-background-clip:text; color:transparent; font-weight:bold}
.header .menu .sub{ position:absolute;left: 50%;top: 100%; width:250px;text-align: center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); opacity: 0;visibility: hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.header .menu li:nth-child(7) .sub{ width:180px;}
.header .menu .sub .con {background-color: #fff;border-radius: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position:relative;padding: 10px 0;margin-top: 10px;}
.header .menu .sub .con:before { content:""; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff; display:block; position:absolute; left:50%; margin-left:-6px; top:-6px}
.header .menu .sub a { display:block; background:#fff; border-bottom:1px solid #e8e8e8;line-height: 20px; padding: 15px 20px;word-wrap: break-word;white-space:normal}
.header .menu .sub a:last-child{border-bottom: 0;}
.header .menu li:hover .sub {opacity: 1;visibility: visible;}
.header .menu .sub a:hover {background-image:linear-gradient(to bottom,#E69313, #E69313);-webkit-background-clip:text; color:transparent; font-weight:bold}
.header .liuyan-btn{ position:absolute;font-family: 'Poppins'; right:0; top:50%; width:155px; height:44px; line-height:44px; margin-top:-22px; border-radius:8px; overflow:hidden; font-size:15px; color:#fff; text-align:center; background-image: linear-gradient(180deg, #d7be00, #E69313);}
.header .liuyan-btn a{ display:block; color:#fff;}
.header .liuyan-btn:hover{ background:#E69313}
.liuyan-sub{ left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:800px; height:650px; position:fixed;z-index:9999; background:#fff; display:none; border-radius: 10px;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.25);-moz-box-shadow: 1px 1px 12px rgba(0,0,0,.25);box-shadow: 1px 1px 12px rgba(0,0,0,.25);}
.liuyan-sub.cur{ display:block}
.liuyan-sub .closed{ position:absolute; width:25px; height:25px; background:url(../images/close_1.png) no-repeat;background-size:cover; right:30px;top:30px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s; z-index:999999;}
.liuyan-sub .closed:hover{background:url(../images/close_2.png) no-repeat; background-size:cover;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.liuyan-sub .conn{ padding:25px 50px 25px 50px; position:absolute; width:100%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; max-height:100%; overflow-y:auto}
.liuyan-sub .conn .tit{  text-align:center;font-size:36px; line-height:50px; margin-bottom:5px;}
.liuyan-sub .conn .sumn{ font-size:18px; color:#666; text-align:center}
.liuyan-sub .conn .liuyan{ margin:20px 0 0px 0}

.liuyan .row{ position:relative; margin-bottom:10px;}
.liuyan .row .colum{ float:left; width:48%}
.liuyan .row .colum:nth-child(2n){ float:right}
.liuyan .inp, .liuyan textarea{border-radius:5px;}
.liuyan .inp{width: 100%;border: 1px solid #ddd;line-height:40px;height:40px;padding: 0 15px;transition: border-color .5s; }
.liuyan select{width: 100%;border: 1px solid #ddd;line-height:30px;height:30px;padding: 0 5px;transition: border-color .5s; color:#666}
.liuyan textarea{width: 100%; height:110px; display:block;border: 1px solid #ddd;font-size: 14px;line-height:20px;padding:15px;transition: border-color .5s;}
.liuyan .submit{ width:155px; line-height:42px; text-transform:uppercase; height:42px; text-align:center; cursor:pointer; font-size:18px; border:0; border-radius:8px; overflow:hidden; background-image: linear-gradient(180deg, #d7be00, #E69313); border-radius:10px; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; margin-top:20px; }
.liuyan .submit:hover{background:#E69313}

.bg{ background-color:rgba(0,0,0,0.7); z-index:9998; width:100%; height:100%;position:fixed; left:0; top:0; display:none}
.bg.cur{ display:block}


.nbanner img{ display:block; width:100%; height:auto}
.banner{ position:relative; z-index:1;  height:auto !important; width:100%;}
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative; overflow:hidden}
.banner .swiper-slide .text{ text-align:center; color:#fff;font-family: 'Poppins'; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:43%; width:100%; }
.banner .swiper-slide .text h3{ font-size:68px; text-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.15); line-height:60px; font-weight:bold; margin-bottom:35px; }
.banner .swiper-slide .text h3 img{ display:inline-block; height:44px; width:auto;}
.banner .swiper-slide .text p{font-size:40px;text-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.15);  font-weight:bold;}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:40px; height:50px; margin-top:-20px; outline:none; opacity:0.6; top:50%; overflow:hidden}
.banner .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center; background-size:20px auto; left:0%; opacity:0.3}
.banner .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; right:0%; opacity:0.3}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-pagination{bottom:2%; text-align:center;}
.banner .swiper-pagination-bullet{ width:32px; height:10px; opacity:1 !important; background-color:rgba(0,0,0,0.3); margin:0 8px; border-radius:8px; opacity:0.7}
.banner .swiper-pagination-bullet-active{ background-image: linear-gradient(180deg, #d7be00, #E69313); opacity:1 }
.banner .swiper-slide{ position:relative}

.iabout .wrap{ position:relative}
.iabout .img{ width:50%; float:left; border-radius:10px; overflow:hidden}
.iabout .img img{ display:block; width:100%; height:auto;}
.iabout .text{ position:absolute; right:0; top:0; width:44%; height:100%}
.iabout .text .textinn{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; }
.iabout .text .textinn h4{background-image:linear-gradient(to bottom,#E69313, #E69313);-webkit-background-clip:text; color:transparent; text-transform:uppercase; margin-bottom:5px;}
.iabout .text .textinn h2{ line-height:45px; font-size:40px; margin-bottom:25px;}
.iabout .text .textinn .intro{ color:#666;}

.more{ font-family: 'Poppins'; width:162px; height:44px; line-height:44px;border-radius:8px; overflow:hidden; color:#fff; text-align:center; background-image: linear-gradient(180deg, #d7be00, #E69313); margin-top:50px;}
.more a{ display:block; color:#fff;}
.more:hover{ background:#E69313}

.isales { background:#eee;}
.isales .img{ width:50%; position: relative; left: 50%;}
.isales .img img{ display:block; width:100%; height:auto}
.isales { position:relative;}
.isales .wrapout{ position:absolute; height:100%; width:100%; left:0; top:0}
.isales .wrap{ position:relative;  height:100%; }
.isales .text{ position:absolute; left:0; top:0; width:44%; height:100%}
.isales .text .textinn{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; }
.isales .text .textinn h4{background-image:linear-gradient(to bottom,#E69313, #E69313);-webkit-background-clip:text; color:transparent; text-transform:uppercase; margin-bottom:5px;}
.isales .text .textinn h2{ line-height:45px; font-size:40px; margin-bottom:25px;}
.isales .text .textinn .intro{ color:#666;}

.iproducts .title{ margin-bottom:45px;}
.iproducts .title h3{ font-size:36px; font-weight:bold}
.iproducts .wrap{ position:relative}
.iproducts .conn{ width:calc(100% + 30px); margin-left:-15px; margin-top:-40px;}
.iproducts a{ display:block; background:#eee;}
.iproducts .swiper-slide{ border-radius:10px; overflow:hidden}
.iproducts .swiper-button-prev, .iproducts .swiper-button-next{ width:42px; height:42px; overflow:hidden; outline:none; top:20px; bottom:auto; border-radius:50%}
.iproducts .swiper-button-prev{ background:url(../images/pre.png) #ccc no-repeat center center /cover; right:50px; left:auto;}
.iproducts .swiper-button-next{ background:url(../images/next.png) #ccc no-repeat center center /cover;right:auto; right:0; left:auto}
.iproducts .swiper-button-prev:hover{ background:url(../images/pre.png) #000 no-repeat center center /cover; opacity:1}
.iproducts .swiper-button-next:hover{ background:url(../images/next.png) #000 no-repeat center center /cover;  opacity:1}
.iproducts .intro{ padding:15px 30px; clear:both;}
.iproducts .intro h3{font-size:20px;}
.iproducts .intro .inmore{ font-size:14px; color:#999; text-transform:uppercase; font-weight:bold;}
.iproducts .swiper-slide:after{background-image: linear-gradient(180deg, #d7be00, #E69313); content:""; position:absolute; width:0%; height:4px; left:0; bottom:0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s }
.iproducts .swiper-slide:hover:after{ width:100%}

.footer{ background:#333; color:#a0a0a0}
.footer .fcontent{ padding:60px 0 40px 0; color:#a0a0a0;}
.footer .fcontent .wrap{ position:relative; }
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block;}
.footer li:nth-child(1){ max-width:280px; line-height:24px;}
.footer li:nth-child(1) .flogo img{ height:58px; width:auto; margin-bottom:25px}
.footer li:nth-child(2){ max-width:calc(100% - 540px); margin-top:-60px; margin-left:-30px;}
.footer li:nth-child(2) img{ display:block; width:auto; max-width:100%}
.footer li h3{ font-size:20px; margin-bottom:20px; color:#fff; position:relative;padding-bottom:10px; }
.footer li h3:after{ content:""; position:absolute; left:0; width:55px; height:2px; background-image: linear-gradient(180deg, #d7be00, #E69313); bottom:0; }
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:#a0a0a0; }
.footer a:hover{ color:#fff}
.footer .uses{ position:absolute; left:0; bottom:0px;}
.footer .uses .kuai{ width:33px; height:33px;background:#433c36; float:left; border-radius:50%; overflow:hidden; margin-right:10px; position:relative}
.footer .uses .kuai:hover{background-image: linear-gradient(180deg, #d7be00, #E69313); }
.footer .uses .kuai a{ display:block}
.footer .copyright{ border-top:solid 1px #195535; padding:25px 0; text-align:center;text-align:center; }


.float_r{ position:fixed; bottom:30px; right:5px;  z-index:9999; padding:5px 5px 0px 5px; }
.float_r li{position:relative; width:46px; height:46px; margin-bottom:5px;}
.float_r .hd{position:absolute; top:0px; right:46px; min-width:260px;  display:none;color:#fff }
.float_r .hd .inn{ border-radius:10px; padding:0 25px; width:calc(100% - 10px); background:#E69313; position:relative; line-height:46px; height:46px;}
.float_r .hd .inn:after{ content:""; width:0; height:0; position:absolute; top:12px; right:-8px; border-top:solid 8px transparent; border-bottom:solid 8px transparent; border-left:solid 10px #E69313;}
.float_r .img{ width:46px; height:46px; line-height:46px; background-image: linear-gradient(180deg, #d7be00, #E69313); border-radius:50%;box-shadow: 0 3px 10px rgb(0 0 0 / 20%); overflow:hidden;}
.float_r .img img{ width:40px; height:40px; margin:3px;}
.float_r .img p{ color:#fff;}
.float_r .hd p{ margin-bottom:10px; position:relative;}
.float_r .hd p span{ padding-left:10px;}
.float_r li:hover .hd{display:block;}
.float_r .backtop{border-bottom:none;}
.float_r li.li4 .hd .inn{ padding:25px; height:auto; text-align:center; line-height:20px; font-size:14px;}
.float_r li.li4 .hd img{ display:block; max-width:160px; margin:0 auto 10px auto;}

.nbanner{ position:relative;z-index: 2;}
.nbanner > img{width: 100%;/*animation: banBg 5s linear forwards;*/}
.nbanner:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;/*background: rgba(231, 132, 9, 0.1);*/}
/*@keyframes banBg {0%{transform: scale(1);}100%{transform: scale(1.08);}}
*/
.nbanner .text {z-index: 3; position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.nbanner .text h3{ font-size:68px; font-weight:bold; text-align:center; color:#fff;text-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.15);}
.nbannerx{ height:60px;}

.CommonBtn {width: 150px;position: relative;display: flex; flex-wrap: wrap; }
.CommonBtn .link {align-items: center;justify-content: space-between;width: 100%;display: flex; flex-wrap: wrap;}
.CommonBtn .link:before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%) scale(1);width: 40px;height: 40px;border-radius: 100px;transition: all .8s cubic-bezier(.55, .17, .37, .94);background-image: linear-gradient(180deg, #d7be00, #E69313);}
.CommonBtn a {align-items: center;justify-content: space-between;width: 100%;}
.CommonBtn a:before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%) scale(1);width: 50px;height: 50px;border-radius: 100px;transition: all .8s cubic-bezier(.55, .17, .37, .94);background-image:linear-gradient(180deg, #d7be00, #E69313);}
.CommonBtn .text {font-size: 14px;font-family: 'Poppins'; color:#999; line-height: 40px;position: relative;z-index: 9;transition: all .8s cubic-bezier(.55, .17, .37, .94);text-transform: uppercase;}
.CommonBtn .span{display: flex; flex-wrap: wrap;}
.CommonBtn .icon {position: relative;z-index: 9; width:40px; height:40px; background: url(../images/jt03.png) no-repeat center center; background-size:45% auto;}
.CommonBtn:hover .link:before {width: 100%;height: 40px;border-radius: 50px;}
.CommonBtn:hover .link .text {padding-left: 0.78125vw;color: #fff;}
.CommonBtn:hover a:before {width: 100%;height: 40px;border-radius: 50px;}
.CommonBtn:hover a .text {padding-left: 0.78125vw;color: #fff;}


.pagesBread{display: flex; flex-wrap: wrap; font-family: 'Poppins'; font-size:15px;white-space:nowrap;position:relative; margin-top:-60px; line-height:60px; z-index:9;background-image: linear-gradient(45deg, rgba(88,88,88,0.85), rgba(88,88,88,0.85));}
.pagesBread a{margin-left: 20px; position:relative; color:#fff;}
.pagesBread a:hover{color: #000;}
.pagesBread a::after{content: "»"; position: absolute;left: -17px; width:8px; color:#fff}
.pagesBread a:first-child{margin-left: 0;}
.pagesBread a:first-child::after{display: none;}

.nnewslist .newsItem:first-child{ padding-top:0px}
.newsItem{padding:40px 0; position:relative; border-bottom: 1px solid #ddd;}
.newsItem a{align-items: center;position: relative;justify-content: space-between;display: flex; flex-wrap: wrap; }
.newsItem::after{content: "";position: absolute;right: 0;bottom: -1px;width: 0;height: 1px;background-image:linear-gradient(to bottom,#E69313, #E69313);transition: all .8s ease;}
.newsItem-date{width: 120px;margin-right: 50px; text-align:center; font-family: 'Poppins'; color:#666;}
.newsItem-date .day{border-bottom: 1px solid #aeaeae;font-size: 48px; line-height:72px;}
.newsItem-date .year{ margin-top:16px;}
.newsItem-img{width: 27%;margin-right: 50px;border-radius:10px;}
.newsItem-con{width: calc(100% - 27% - 220px);}
.newsItem .newsItem-title{color: #000; font-size:22px;font-family: 'Poppins'; }
.newsItem .newsItem-text{ margin:15px 0; line-height:24px; font-size:14px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsItem-con .line{width: 100%;height: 1px;background: #e9e9e9;}
.newsItem:hover::after{right: auto;left: 0;width: 100%;}
.newsItem :hover.newsItem-title{background-image: linear-gradient(180deg, #d7be00, #E69313); -webkit-background-clip: text; color: transparent;}
.newsItem .CommonBtn{ margin-top:20px;}
.newsItem:hover .CommonBtn .link:before {width: 100%;height: 40px;border-radius: 50px;}
.newsItem:hover .CommonBtn .link .text {padding-left: 20px;color: #fff;}
.newsItem:hover .CommonBtn a:before {width: 100%;height: 40px;border-radius: 50px;}
.newsItem:hover .CommonBtn a .text {padding-left: 20px;color: #fff;}


.newsxiang img{ width:100%; display:block; margin:20px 0; height:auto !important}
.newsxiang video{ display:block; width:100%; height:auto}
.newsxiang .newsxleft{ float:left; width:70%; }
.newsxiang .newsxright{ float:right; width:25%; }
.newsxiang .ntitle{ margin-bottom:35px; border-bottom:solid 1px #ddd; padding-bottom:15px;}
.newsxiang .ntitle h3{ font-size:26px; padding-bottom:10px; font-weight:bold; position:relative}
.newsxiang .ntitle p{ font-size:14px; color: #888;padding-left: 26px;background: url(../images/newsxqicon.png) no-repeat left center;}



.newsxq-col-btn{background:#f9f8f7;padding:30px;width: 100%;font-family: 'Poppins'; }
.newsxq-col-next{margin-top: 10px;}
.newsxq-col-btn a{display: block;width: 100%;}
.newsxq-col-btn .hint{font-size: 22px;color: #333;font-weight: 700;}
.newsxq-col-btn .name{font-size: 15px;color: #555;line-height: 24px;margin: 8px 0 10px;transition: all .4s ease;}
.newsxq-col-btn .time{font-size: 14px;color: #888;font-weight: 700;}
.newsxq-col-btn a:hover .name{color: #009e3d;}
.newsxq-col-back{width: 100%;margin-top: 10px;}
.newsxq-col-back a{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;font-size: 16px;color: #fff;background-image: linear-gradient(180deg, #d7be00, #E69313);transition: all .4s ease;}
.newsxq-col-back a:hover{background:#E69313}

.prolist .proitem:nth-child(2n){ background:#f5f5f5;}
.proitem .pic{ float:left; width:48%; border-radius:10px;}
.proitem .img pic{ width:100%; height:auto; display:block;}
.proitem .wrap{ position:relative; }
.proitem .text{ position:absolute; right:0; top:0; width:48%; height:100%}
.proitem .text .textinn{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; }
.proitem .text .textinn h3{ line-height:40px; font-size:36px; margin-bottom:25px; font-weight:bold}
.proitem:hover .text .textinn h3 a {background-image: linear-gradient(180deg, #d7be00, #E69313); -webkit-background-clip: text; color: transparent;}
.proitem .text .textinn { color:#666}

.prolist .proitem:nth-child(2n) .pic{ float:right}
.prolist .proitem:nth-child(2n) .text{ position:absolute; right:auto; left:0}


.prolidetail h4{background-image:linear-gradient(to bottom,#E69313, #E69313);-webkit-background-clip:text; color:transparent; text-transform:uppercase;}
.prolidetail h2{ font-size:40px; margin-bottom:25px;}
.prolidetail .intro{ color:#666;}
.prolidetail .more{ margin:50px auto 0 auto;}
.jvzhong{ text-align:center}


.prolistli li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#f5f5f5; position: relative; border-radius:10px; overflow:hidden; }
.prolistli li:nth-child(3n){ margin-right:0}
.prolistli li .pic{margin:2px 2px 0px 2px;}
.prolistli li:nth-child(3n+1){ clear:both;}
.prolistli li .intro{ padding:20px 20px 30px 20px;}
.prolistli .intro .inmore{ font-size:14px; color:#999; text-transform:uppercase; font-weight:bold;}
.prolistli li:after{background-image: linear-gradient(180deg, #d7be00, #E69313); content:""; position:absolute; width:0%; height:4px; left:0; bottom:0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s }
.prolistli li:hover:after{ width:100%}

.inquiry{ background: url(../images/liuyanbg.jpg) no-repeat center center /cover;}
.inquiry .title{ margin-bottom:35px;}
.inquiry .title h3{font-size:40px;font-family: 'Poppins'; font-weight:bold;}
.inquiry .title p{ margin-top:20px;font-size:18px;}
.inquiry .form .column{ float:left; width:calc(33.33% - 20px); border-radius:5px; overflow:hidden; margin-right:20px; margin-bottom:15px; position:relative; background:#fff; line-height:50px;}
.inquiry .form .row_1 { margin-right:-20px}
.inquiry .form .row_1 input{ border:none; line-height:50px;height:50px; padding:0 15px; width:100%; float:right}
.inquiry .form .row_2{background:#fff; position:relative}
.inquiry .form .row_2 textarea{ width:100%;border-radius:5px; overflow:hidden; height:120px;padding:0 15px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px;}
.inquiry .form .more{ display:block !important; margin:30px auto 0 auto;}

.inquiry .form .more{  width:180px; height:44px; line-height:44px;border-radius:8px; overflow:hidden; color:#fff; text-align:center; background-image: linear-gradient(180deg, #d7be00, #E69313); margin-top:50px;}
.inquiry .form .submit{ display:block; color:#fff; width:100%;height:44px; line-height:44px; background:none; border:none; font-family: 'Poppins';}
.inquiry .form .more:hover{ background:#E69313}




.nbg { background:#f5f5f5}


.ntprodetail .pic{ float:left; width:32%; border-radius:10px;}
.ntprodetail .img pic{ width:100%; height:auto; display:block;}
.ntprodetail .wrap{ position:relative; }
.ntprodetail .text{ position:absolute; right:0; top:0; width:60%; height:100%}
.ntprodetail .text .textinn{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; }
.ntprodetail .text .textinn h3{ line-height:40px; font-size:36px; margin-bottom:25px;}
.ntprodetail:hover .text .textinn h3 a {background-image: linear-gradient(180deg, #d7be00, #E69313); -webkit-background-clip: text; color: transparent;}
.ntprodetail .text .textinn { color:#666}
.ntprodetail .text h3{background-image:linear-gradient(to bottom,#E69313, #E69313);-webkit-background-clip:text; color:transparent; font-weight:bold; margin-bottom:10px !important;}
.ntprodetail .text h4{ margin-bottom:15px;}



.nprodetail .title{ margin-bottom: 35px}
.nprodetail .title h3{ font-size: 40px;font-family: 'Poppins'; font-weight:bold;}
.nprodetail .conn{ color:#555}
.nprodetail table { border-top: solid 1px #ddd; width:auto; width:100%}
.nprodetail table td{ border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding:10px;word-wrap: break-word; word-break: normal;}
.nprodetail table tr td:last-child{ border-right:none}

.nstylelist .item{ position:relative; padding:60px 0;}
.nstylelist .item .wrap{ position:relative}
.nstylelist .item:after{ z-index:22;background-image: linear-gradient(180deg, #d7be00, #E69313); content:""; position:absolute; width:0%; height:2px; left:0; bottom:-2px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s }
.nstylelist .item:hover:after{ width:100%}
.nstylelist .item:first-child{ padding-top:0}
.nstylelist .item .pic{ float:left; width:50%; border-radius:10px;}
.nstylelist .item .pic img{ display:block; width:100%; height:auto}
.nstylelist .item .text{ width:45%; height:100%; position:absolute; right:0; top:0}
.nstylelist .text .textinn{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; }
.nstylelist .item .text h3{background-image:linear-gradient(to bottom,#E69313, #E69313);-webkit-background-clip:text; color:transparent; font-weight:bold; margin:20px 0 10px 0; font-size:30px; line-height:50px;}
.nstylelist .item .text p{ color:#666; line-height:28px;}

.nstylelist .item .more{ margin-top:50px;}
.nstylelist .item:nth-child(2n){background:#f5f5f5;}
.nstylelist .item:nth-child(2n) .pic{ float:right;}
.nstylelist .item:nth-child(2n) .text{ right:auto; left:0;}


.ncontact .title{ margin-bottom:35px;}
.ncontact .title h3{font-size:40px;font-family: 'Poppins'; font-weight:bold;}
.ncontact .nright{ float:right; width:60%}
.ncontact .nright img{ display:block; width:100%; height:auto}

.ncontact .conn .nleft{ float:left; width:40%; margin-top:50px}
.ncontact .conn .nleft p{ padding-left:30px; margin-bottom:15px;}
.ncontact .conn .nleft p span{ display:inline-block}
.ncontact .conn .nleft p.mail span:nth-child(1){ width:65px; vertical-align:top;} 
.ncontact .conn .nleft p.mail span:nth-child(2){ width:calc(100% - 65px); vertical-align:top;} 
.ncontact .conn .nleft p.add{background:url(../images/add.png) no-repeat left 5px; background-size:15px auto;}
.ncontact .conn .nleft p.mail{background:url(../images/cmail.png) no-repeat left 9px; background-size:18px auto;}
.ncontact .conn .nleft p.tel{background:url(../images/ctel.png) no-repeat left 7px; background-size:18px auto;}
.ncontact .conn .nleft p.sk{background:url(../images/sk.png) no-repeat left 5px; background-size:18px auto;}
.ncontact .conn .nleft p.whatapp{background:url(../images/whatapp.png) no-repeat left 5px; background-size:18px auto;}



.nab01 .title, .prolistli02 .title{ margin-bottom:35px;}
.nab01 h4{background-image:linear-gradient(to bottom,#E69313, #E69313);-webkit-background-clip:text; color:transparent; text-transform:uppercase; margin-bottom:5px}
.nab01 .title h3, .prolistli02 .title h3{font-size:32px;font-family: 'Poppins'; font-weight:bold;}
.nab01 img{ display:block; width:auto; max-width:80%; height:auto; margin:0 auto}
.nab01 .ablist img{max-width:100%; }
.nab01 .conn { color:#666;}
.nab01 .conn p{ margin-bottom:15px;}
.nab01 .conn span{font-family: 'Poppins'; font-weight:bold;background-image: linear-gradient(180deg, #d7be00, #E69313); -webkit-background-clip: text;
     /* color: transparent; */
    }

.index1 .more{
    margin-top:10px
}
.index1 .intro{
    line-height: 24px;
}


.videoList ul{ margin-right:-2%}
.videoList li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%;text-align:center; background:#fff; border-bottom:solid 1px #ddd; position:relative;}
.videoList li:after{background-image: linear-gradient(180deg, #d7be00, #E69313); content:""; position:absolute; width:0%; height:2px; left:0; bottom:0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s }
.videoList li:hover:after{ width:100%}
.videoList li .pic{ position:relative;border-radius:10px; overflow:hidden}
.videoList li .pic:before{ content:""; display:block; padding-top:58.33333%}
.videoList li .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%; object-fit:cover}
.videoList li .pic .icon{position:absolute;width:100%; height:100%; background:url(../images/bf.png) rgba(0,0,0,0.3) no-repeat center center; background-size:12% auto;left:0%; top:0%;opacity: 0.5;}
.videoList li .tit{ font-size:18px; font-weight:bold;color:#333; padding:15px 0 20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.videoList li .pic img,.videoList li .pic .ico{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.videoList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.videoList li:hover .pic .icon{ opacity:1;background:url(../images/bf.png) rgba(0,0,0,0.5) no-repeat center center; background-size:12% auto;}

.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.6); z-index:1000}
.show-video{ display:block}
.video-show {position: absolute;z-index: 1000; width:70%; max-width:850px;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.video-show video{ width:100%}
.video-close{ position:absolute; width:35px; height:35px;right:3%;top:3%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;z-index:2}
.video-close:before{ content:""; width:100%; height:2px;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 0;top: 50%; margin-top:-1px}
.video-close:after{ content:""; width:2px; height:100%;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:50%;top:0; margin-left:-1px}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}


.ablist .swiper-slide { margin-bottom:25px; }
.ablist .swiper-slide .img {border-radius:10px;}
.ablist .swiper-pagination{ bottom:0 !important;}
.ablist .swiper-pagination-bullet{ width:12px; height:12px; background:#ddd; opacity:1; margin:0 2px;}
.ablist .swiper-pagination-bullet-active{background-image: linear-gradient(180deg, #d7be00, #E69313); }


.nculture .title{ margin-bottom: 50px}
.nculture .title h3{ font-size: 40px;font-family: 'Poppins'; font-weight:bold;}
.nculture .conn ul{display: flex; display: -webkit-flex; justify-content: space-between;}
.nculture .conn ul li{ width:23.5%;border-radius:10px; margin-right:2%; background:#fff; padding:40px 30px 60px 30px; position:relative; box-shadow: 0px 2px 14px 0px rgba(128, 128, 128, 0.31);}
.nculture .conn ul li:nth-child(4n){ margin-right:0; }
.nculture .conn ul li .icon{ width:30%; margin:0 auto;}
.nculture .conn ul li .icon img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
.nculture .conn ul li h3{ text-align:center; margin:30px 0 10px 0;font-family: 'Poppins'; font-weight:bold;}
.nculture .conn ul li p{ line-height:28px; text-align:center; color:#666}
.nculture .conn ul li:after{background-image: linear-gradient(180deg, #d7be00, #E69313); content:""; position:absolute; width:100%; height:4px; left:0; bottom:0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s }


.nflow .title{ margin-bottom: 50px}
.nflow .title h3{ font-size: 40px;font-family: 'Poppins'; font-weight:bold;}
.nflow .title p{ font-size:18px; margin-top:20px}

.nflow ul{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:-30px; text-align:center}
.nflow li{ display:inline-block; width:23.5%; margin-right:2%; margin-top:60px; position:relative; box-shadow: 0px 2px 14px 0px rgba(128, 128, 128, 0.31);border-radius:10px; padding:45px 15px 50px 15px;}
.nflow li .num{ font-size:26px;font-family: 'Poppins'; width:40px; line-height:40px; height:40px;background-image: linear-gradient(180deg, #d7be00, #E69313); color:#fff; border-radius:50%; position:absolute; top:-20px; left:50%; margin-left:-30px; text-align:center;}
.nflow li .text { line-height:24px; color:#666; margin-top:15px;}
.nflow li:nth-child(4n){ margin-right:0}
.nflow li:nth-child(4n+1){ clear:both;}
.nflow li .pic{ border-radius:10px; overflow:hidden}


.proroll .title{ margin-bottom: 50px}
.proroll .title h3{ font-size: 40px;font-family: 'Poppins'; font-weight:bold;}
.proroll .title p{ font-size:18px; margin-top:20px}

.proroll .qimo8{ overflow:hidden; width:100%;}
.proroll .qimo8 .qimo {width:8000%;}
.proroll .qimo8 .qimo div{ float:left;}
.proroll .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.proroll .qimo8 .qimo ul li{ float:left;margin-right:5px; width:260px; }
.proroll .qimo8 .qimo ul li .item{ display:block; margin:10px;}
.proroll .qimo8 .qimo ul li img {width:100%; display:block; border-radius:10px; overflow:hidden}
.proroll .qimo8 .qimo ul li .item{box-shadow: 0px 2px 14px 0px rgba(128, 128, 128, 0.31);border-radius:10px;}



.ndownlist .item{ float:left; width:48.5%;box-shadow: 0 0 10px rgb(0 0 0 / 15%);background: #fff; padding:20px; margin-top:3%;border-radius:10px; position:relative; }
.ndownlist .item:nth-child(1), .ndownlist .item:nth-child(2){ margin-top:0}
.ndownlist .item:nth-child(2n){ float:right}
.ndownlist .pic{ float:left; width:30%; border:solid 1px #ddd}
.ndownlist .wenzi{ float:right; width:65%}
.ndownlist .wenzi h3{ font-size:18px; margin-top:10px; font-family: 'Poppins'; line-height:24px; height:48px; margin-bottom:10px;}
.ndownlist .down { position:absolute;  bottom:25px; display:block; }
.ndownlist .down a{padding-right:35px;background:url(../images/downicon.png) no-repeat calc(100% - 2px) center; display:inline-block}
.ndownlist .item:hover .down a{ color:#E69313 !important; font-weight:bold}


#a01, #a02, #a03, #a04, #a05, #a06, #a07{ margin-top:-380px; position:absolute;}
.fixeds{position:fixed;width:100%; left:0; top:110px !important; width:100%; z-index:99999}
.stylenav{ padding:20px 0; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; background:#fff; display: flex; display: -webkit-flex;justify-content: space-between;}
.stylenav .wrap{display: flex;display: -webkit-flex;justify-content: space-between;}
.stylenav .item{ float:left; text-align:center; position:relative;}
.stylenav .item .img{padding:0; height:auto; margin:0 auto 15px auto; height:130px;  display:flex;align-items:center;}
.stylenav .item .img img{ display:block;width:auto; height:auto; max-width:160px; max-height:130px; margin:0 auto}
.stylenav .item h3, .pronav .item p{ line-height:24px; font-size:15px;color: rgba(102,102,102,0.85); }
.stylenav .item h3{color:#403f41; font-weight:bold; }

.stylenav .item:hover h3, .stylenav .item:hover p, .stylenav .item.cur h3, .stylenav .item.cur p{ color:#80bc00}
.stylenav .item:after{ content:""; width:0; height:0; position:absolute; left:50%; margin-left:-5px; bottom:-7px; border-left:solid 10px transparent;  border-right:solid 10px transparent; border-bottom:solid 10px #80bc00; display:none}
.stylenav .item.cur:after, .pronav .item:hover:after{ display:block}
.stylenav02{ position:relative; height:140px;  margin-top:-140px; z-index:-1; width:100%}
.stylenav02.cur{ margin-top:0px;}


.prolistli02 { margin-top:40px;}
.prolistli02 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; background:#f5f5f5; position: relative; border-radius:10px; overflow:hidden; }
.prolistli02 li:nth-child(4n){ margin-right:0}
.prolistli02 li:nth-child(4n+1){ clear:both;}
.prolistli02 li .pic{ background:#fff; border:solid 15px #f5f5f5;}
.prolistli02 li .pic img{ width:auto; height:auto; max-width:100%; max-height:100%; margin:0 auto;}
.prolistli02 li .text{ padding:5px 15px 20px 15px;}
.prolistli02 li .text h3{ line-height:20px; height:40px; font-size:16px; text-align:center}
.prolistli02 li:after{background-image: linear-gradient(180deg, #d7be00, #E69313); content:""; position:absolute; width:0%; height:4px; left:0; bottom:0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s }
.prolistli02 li:hover:after{ width:100%}


.aqlist .title{ margin-bottom: 50px}
.aqlist .title h3{ font-size: 40px;font-family: 'Poppins'; font-weight:bold;}
.aqlist ul{ /*float:left; width:100%;*/border-top: solid 1px #ddd; line-height:30px;}
.aqlist li .aqlist_tit{background:url(../images/jia.jpg) no-repeat right 15px;}
.aqlist li.cur .aqlist_tit{background:url(../images/jian.jpg) no-repeat right 15px;}
.aqlist .aqlist_tit{ padding:15px 0; color:#000; border-bottom: solid 1px #ddd; font-weight:bold; font-size:17px;}
.aqlist .aqlist_con{ display:none;border-bottom:1px solid #ddd; color:#666; line-height:30px; padding-bottom:25px; background:#fff; position:relative; margin-top:-1px;}
.aqlist li.cur .aqlist_con{ display:block !important}
.aqlist li .zuo{ width:24px; height:24px; line-height:24px; margin:3px; float:left;}
.aqlist li .you{ width:calc(100% - 40px);float:right; padding-right:30px;}
.aqlist li .aqlist_tit .zuo{background-image: linear-gradient(180deg, #d7be00, #E69313); color:#fff; text-align:center; border-radius:50%; font-size:15px;}
.aqlist li .aqlist_con .zuo{background:#fff; color:#E69313; text-align:center; border:solid 1px #E69313; border-radius:50%;font-size:15px; font-weight:bold;}
.aqlist li img{ width:auto; display:block; margin:0 auto; max-width:100%}

.sanli .item{ float:left; width:32%; margin-right:2%}
.sanli .item:nth-child(3n){ margin-right:0}
.sanli .item img{ display:block; width:100%; height:auto}

.sili .item{ float:left; width:25%; max-width:250px;}
.sili .item:nth-child(4n){ margin-right:0}
.sili .item img{ display:block; width:100%; height:auto}


.erli .item{ float:left; width:50%;}
.erli .item:nth-child(2n){ margin-right:0}
.erli .item img{ display:block; width:100%; height:auto}

.pages{ margin-top:30px;}



 .pagination p{
                margin:0;
                cursor:pointer
            }
            .pagination{
                display: inline-block;
                height:40px;
                padding:20px 0px;
                margin: 0 auto;
            }
            .pagination a{
                display:block;
                float:left;
                margin-right:2px;
                padding:2px 10px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:24px;
            }
            .pagination a:hover{
                color:#DFA90A;
                background: white;
                border:1px #DFA90A solid;
            }
            .pagination a.cur,.pagination a.page-num-current{
                background:#DFA90A;
                color:#fff;
                border: 1px #DFA90A solid;
            }
            .pagination p{
                float:left;
                padding:2px 10px;
                font-size:12px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:2px;
            }
            .pagination p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            .pagination p.pageRemark b{
                color:#DFA90A;
            }
            .pagination p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }
            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}