@import url("//at.alicdn.com/t/font_2453696_7mhiekgu6s.css");
div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0;margin:0px;padding:0px;font-family:Arial;outline:none;font-size:15px;}
a{transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s}
ul,li{list-style-type:none;margin:0px;padding:0px;text-indent:0px;}
.clearfix:after{content:'';display:block;clear:both}
.fl{float:left}
.fr{float:right}
.hidden{display:none}
img{max-width:100%;max-height:100%;}
.container{width:1200px;margin-left:auto;margin-right:auto;font-family:Arial;}
.container:after{content:'';float:none;clear:both;display:block;width:100%}
.containerss{width:1400px;}
.toplxfs{width:100%;float:left;background:#666;height:50px;line-height:50px;color:#fff !important;text-align:center;}
.toplxfs img{max-height:20px;}
.header{width:100%;float:left;background:#ef7b2c;}
.header .logo{float:left;margin-top:10px;}
.header .logo img{max-width:275px;}
.header .navbtn, .header .mobile-shade ,.mobile-container{display: none}
.navbar{float:right;height:95px;line-height:95px;position:relative;}
.navbar ul{float:left;padding-right:60px;}
.navbar ul li{float:left;padding-left:25px;padding-right:25px;position: relative;font-size:20px;}
.navbar ul li a{font-size:20px;color:#fff;padding-bottom:10px;}
.navbar li:hover a,.navbar li.active a{color:#fff;border-bottom:1px solid #fff;}
.navbar ul li.active .dropdown,.navbar ul li:hover .dropdown{color:#fff;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.header .navbar li:hover .sub-nav { opacity: 1; z-index: 99; }
.header .navbar .sub-nav { position: absolute; z-index: -1; top: 100%; left: 25px; opacity: 0; width: 320px; line-height: 1; padding-top: 5px; padding-bottom: 5px; background-color:rgba(239,123,44,0.5); transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }

.header .navbar .sub-nav a { display: block; line-height: 25px; padding-left: 15px; padding-right: 10px; color: #fff; font-size: 16px;border:none; }
.header .navbar .sub-nav a:hover { color: #000; }

.header .navbar .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 0 20px;
    height: 95px;
    line-height: 95px;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    z-index: 10;
}

.header .navbar .search-btn:hover {
    color: #ffd700;
}

.header .navbar .search-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid currentColor;
    border-radius: 50%;
    position: relative;
}

.header .navbar .search-icon::after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 2px;
    height: 10px;
    background-color: currentColor;
    transform: rotate(-45deg);
}

.header .navbar .search-box {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    z-index: 100;
    min-width: 300px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.header .navbar .search-box.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header .navbar .search-box #search-form {
    display: flex;
    align-items: center;
}

.header .navbar .search-box #search-input {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    font-size: 15px;
    outline: none;
    transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
}

.header .navbar .search-box #search-input:focus {
    border-color: #ef7b2c;
}

.header .navbar .search-box .search-submit {
    background: #ef7b2c;
    border: none;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 18px;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
}

.header .navbar .search-box .search-submit:hover {
    background: #e96c1c;
}

.home-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.home-banner img{width:100%;}
.home-banner .swiper-slide{background-size:cover;background-position:center center}
.home-banner .pagination{position:absolute;z-index:9;bottom:20px !important;text-align:center;font-size:0}
.home-banner .pagination span{opacity:1;width:10px;height:10px;border-radius:5px;background:none;background:#fff;}
.home-banner .pagination span.active{background:#ef7b2c;}
.home-main{width:100%;float:left;}


.home-about{width:100%;float:left;background:#f6f6f6;background:#f6f6f6 url(/skin/img/aboutpic.jpg) no-repeat center right;padding-top:70px;padding-bottom:70px;background-size:50% auto;}
.home-about-left{width:50%;float:left;padding:30px;}
.title-about{width:100%;float:left;color:#abcd03;text-align:left;}
.title-about span{font-size:36px;color:#000000;background:url(../img/line1.jpg) no-repeat center right;font-weight:bold;}
.home-about-left p{font-size:18px;color:#555555;line-height:32px;text-align:justify;margin-top:50px;float:left;}
.home-about-left a.more{width:380px;height:65px;float:left;line-height:65px;text-align:center;color:#e96c1c;font-size:20px;margin-top:20px;border:1px solid #e96c1c;}
.home-about-left a.more:hover{background:#e96c1c;color:#fff;}
.home-about-pic{width:50%;float:right;text-align:right;}


.title-pro{width:100%;float:left;color:#abcd03;}
.title-pro span{font-size:36px;color:#000000;font-weight:bold;}


.index-pro{width:100%;float:left;padding-top:75px;padding-bottom:40px;}
.title-pro{width:100%;float:left;font-size:40px;color:#000;text-align:center;margin-bottom:60px;}
.index-pro-con{width:100%;float:left;margin-top:50px;margin-bottom:50px;line-height:1.8em;font-size:15px;}
.item-pro{width:calc(33.33% - 24px);float:left;margin-right:36px;margin-bottom:35px;margin-top:35px;}
.item-pro:nth-child(3n){margin-right:0px;}
.item-pro-pic{width:100%;float:left;background:#f9f0e7;display: flex;justify-content: center;align-items: center;height: 310px;}
.item-pro-pic img{max-width: 100%;max-height: 100%;object-fit: contain;}
.item-pro-txt a{width:100%;height:85px;float:left;background:#fbdbc6;line-height:85px;text-align:center;color:#000;font-size:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.item-pro:hover .item-pro-txt a{background:#e96c1c;color:#fff;}
.more-pro a{width:380px;height:65px;float:left;line-height:65px;text-align:center;color:#e96c1c;font-size:20px;margin-top:20px;border:1px solid #e96c1c;margin-left:calc(50% - 190px);border-radius:2px;}
.more-pro a:hover{background:#e96c1c;color:#fff;}




.newpro {
    width: 100%;
    float: left;
    margin-top: 40px;
    background: #f8f8f8;
    padding-top: 55px;
    background: url(../img/index-pro-bg.jpg) no-repeat top center;
    padding-bottom: 55px;
    overflow: hidden;
    position: relative;
}
.newpro .container{width:1400px;padding-left:100px;padding-right:100px;position:relative;}
.title-newpro{width:100%;float:left;font-size:16px;color:#555555;line-height:45px;font-family:Mongolian Baiti;text-align:center;}
.title-newpro span{font-size:38px;color:#000000;font-family:'Microsoft YaHei';}
.title-newpro a{width:135px;height:35px;float:right;background:#0277c6;color:#fff;text-align:center;font-size:13px;line-height:35px;}
.con-newpro{width:100%;float:left;margin-top:50px;overflow:hidden;}
.con-newpro .swiper {width:100%;height: 100%;float:left;}

.con-newpro .swiper-slide{width:100%;float:left;}
.item-application-desc{width:100%;float:left;text-align:center;line-height:35px;color:#555;margin-top:50px;}
.item-application-desc a{font-size:20px;width:100%;float:left;text-align:center;}
.con-newpro .swiper-slide:hover .item-application-desc a{color:#ef7b2c;}
.con-newpro .swiper-button-prev, .con-newpro .swiper-container-rtl .swiper-button-next {
    left: 50px;
    right: auto;
    top: 50%;
    width: 65px;
    height: 65px;
    background: #bababa !important;
    border-radius: 0;
}
.con-newpro .swiper-button-next {
    left: auto;
    right:50px !important;
    top:50%;
    width: 65px;
    height: 65px;
    background: #bababa !important;
    border-radius: 0;
}
.con-newpro .swiper-button-next:after, .con-newpro .swiper-button-prev:after {
    font-size: 35px !important;
    color: #fff !important;
}



.home-news,.news-con,.con-contact,.whychoose{width:100%;float:left;}
.whychoose{margin-top:100px;}
.title-whychoose{width:100%;float:left;text-align:center;}
.title-whychoose span{font-size:40px;color:#fff;}
.con-whychoose{width:100%;float:left;background:url(/skin/img/choosebg.jpg) no-repeat top center;position:relative;z-index:-1;margin-top:-100px;color:#fff;background-size:100% auto;}
.item-why{width:20%;float:left;border-right:1px solid rgba(255,255,255,0.5);}
.item-why:nth-last-child(1){border-right:0px;}
.item-why-ico{width:100%;float:left;height:150px;margin-top:180px;text-align:center;}
.item-why-title{width:100%;float:left;padding-left:10%;padding-right:10%;font-size:30px;min-height:100px;}
.item-why-desc{width:100%;float:left;padding-left:10%;padding-right:10%;font-size:16px;min-height:160px;line-height:1.7em;margin-bottom:20px;}

.service{width:100%;float:left;background:#f6f6f6;padding-top:85px;padding-bottom:85px;}
.con-service{width:100%;float:left;margin-top:50px;}
.item-service{width:50%;float:left;padding-right:5%;}
.item-service:nth-child(2n){padding-right:0px;padding-left:5%;}
.item-service-title{width:100%;float:left;font-size:30px;}
.item-service-desc{width:100%;float:left;text-align:justify;line-height:1.6em;font-size:16px;color:#555555;margin-top:30px;min-height:210px;}
.contact{width:100%;float:left;background:url(/skin/img/contactbg.jpg) no-repeat top center;padding-top:150px;background-size:100% auto;}
.contact-title{width:100%;float:left;font-size:56px;text-align:center;color:#fff;}
.contact a{width:380px;height:65px;float:left;line-height:65px;text-align:center;background:#fff;color:#000;font-size:20px;margin-top:30px;margin-bottom:100px;border:1px solid #e96c1c;margin-left:calc(50% - 190px);border-radius:2px;}
.contact a:hover{background:#e96c1c;color:#fff;}
/******/
footer {
    width: 100%;
    float: left;
    background: url(/skin/img/footbg.jpg) no-repeat top center;
    background-size: 100% auto;
    padding-top: 55px;
    color: #fff;
}
.foot-left{width:40%;float:left;padding-left:10%;}
.foot-left-title{width:100%;float:left;font-size:24px;color:#fff;}
.foot-left-title span{font-size:13px;}
.foot-left-desc{width:100%;float:left;margin-top:50px;}
.foot-right{width:46%;float:left;}
.foot-right-title{width:100%;float:left;font-size:24px;color:#fff;line-height: 30px; text-align: center; font-size: 0;}
.foot-right-title h3 { position: relative; display: inline-block; padding-left: 140px; padding-right: 140px; color: #fff; font-size: 30px; font-weight: normal; }
.foot-right-title h3:before,.foot-right-title h3:after { content: ''; position: absolute; top: 50%; width: 125px; height: 1px; background-color: rgba(255, 255, 255, 0.8); }
.foot-right-title h3:before { left: 0; }
.foot-right-title h3:after { right: 0; }
.foot-right-con{width:100%;float:left;margin-top:50px;}
.item-foot-right{width:33.33%;float:left;border:1px solid #fff;padding:20px;text-align:center;margin-left:-1px;}
.item-foot-right-ico{width:100%;float:left;margin-top:20px;height:80px;}
.item-foot-right-title{width:100%;float:left;background:url(/skin/img/ico_line1.png) no-repeat bottom center;padding-bottom:20px;font-size:18px;}
.item-foot-right-desc{width:100%;float:left;line-height:1.6em;font-size:16px;display: flex;justify-content: center;align-items: center;height: 100px;margin-top:20px;}
.item-foot-right-desc a.mess{width:160px;height:50px;float:left;background:#e96c1c;color:#fff;line-height:50px;}
.item-foot-right-desc:hover a.mess{width:170px;}
.foot-right-navi{width:100%;float:left;margin-top:30px;margin-bottom:30px;}
.foot-right-navi a{font-size:18px;color:#fff;margin-right:10px;}
/*��ҳ*/
.banner-list {
    width: 100%;
    float: left;
    height: 525px;
    background-size: auto 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.banner-list .title{width:100%;color:#fff;font-size:24px;text-shadow: 5px 5px 5px rgba(0,0,0,0.5);}
.banner-list .title span{font-size:60px;font-weight:bold;}
.inside-main{width:100%;float:left;}
.location{width:100%;float:left;height:60px;line-height:60px;color:#000;font-size:18px;border-bottom:1px solid #ccc;}
.location span{float:left;margin-right:10px;margin-top:-2px;}
.location a{color:#e96c1c;font-size:18px;margin-top:3px;}
.pro-cata{width:100%;float:left;line-height:60px;border-bottom:1px solid #ccc;margin-bottom:30px;}
.pro-cata a{float:left;margin-right:35px;border-bottom:2px solid #fff;padding-bottom:5px;}
.pro-cata a.active,.pro-cata a:hover{color:#e96c1c;border-bottom:2px solid #e96c1c;}
.pro-cata-ej{width:100%;float:left;margin-bottom:20px;}
.pro-cata-ej a{float:left;margin-right:35px;border:1px solid #fff;padding:15px;margin-bottom:10px;}
.pro-cata-ej a:hover,.pro-cata-ej a.active{color:#e96c1c;border:1px solid #e96c1c;}
.pro-cata-ej-desc{width:100%;float:left;padding-left:5%;padding-right:5%;text-align:center;font-size:16px;color:#555555;line-height:1.8em;margin-bottom:20px;}

.inside-con{width:100%;float:left;}
.item-list-pro{width:calc(25% - 12px);float:left;margin-right:16px;margin-bottom:20px;}
.item-list-pro:nth-child(4n){margin-right:0px;}
.item-list-pro-pic{width:100%;float:left;height:300px;border:1px solid #dfdfdf;display: flex;justify-content:center;align-items: center;text-align:center;overflow:hidden;}
.item-list-pro-pic img{max-width:100%;max-height:100%;}
.item-list-pro-title a{width:100%;float:left;font-size:20px;color:#000;font-weight:bold;margin-top:10px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.item-list-pro:hover .item-list-pro-title a{color:#ef7b2c;}
.item-list-pro-desc{width:100%;float:left;font-size:17px;color:#777777;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:53px;overflow:hidden;}


.inside-main .inside-left { float: left; width: 240px;margin-top:20px;overflow:hidden;  }
.inside-main .inside-left .menu-tit { padding-bottom: 20px;background:#00a0e9;color:#fff;width:100%;float:left;text-align:left;padding-top:20px;padding-left:35px;  }
.inside-main .inside-left .menu-tit .h4 { font-size: 14px; text-transform: uppercase;width:100%;float:left;opacity:0.6;margin-top:5px; }
.inside-main .inside-left .menu-tit .h3 {font-size: 22px;width:100%;float:left; }
.inside-main .inside-left .inside-menu { float: left; width: 100%; background:#fff;padding-left:35px;padding-top:20px;padding-bottom:20px; }
.inside-main .inside-left .inside-menu a{width:100%;float:left;font-size: 16px;color:#000;line-height:50px;}
.inside-main .inside-left .inside-menu a:hover,.inside-main .inside-left .inside-menu a.active{color:#00a0e9;}
.inside-main .inside-right { float: right; width: calc(100% - 270px);padding-top:20px;  }
.inside-main .inside-right .item-newpro{margin-right:51px;width:calc(33.3% - 34px);float:left;margin-bottom:30px;overflow:hidden;}
.inside-main .inside-right .item-newpro:nth-child(3n){margin-right:0px;}
.inside-main .inside-right .item-newpro .item-np-pic{float:left;width:100%;position:relative;overflow:hidden;}
.inside-main .inside-right .item-newpro .item-np-pic img{transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
.inside-main .inside-right .item-newpro .item-np-pic .img1{position:absolute;left:0px;top:0px; width:100%; height:100%; object-fit:cover;z-index:1;}
.inside-main .inside-right .item-newpro .item-np-pic .img2{width:100%;z-index:2;position:relative;transition:all 0.6s ease 0s;}
.inside-main .inside-right .item-newpro .item-np-pic:hover img{transform:scale(1.1);transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
.inside-main .inside-right .item-newpro .item-np-title a{width:100%;height:45px;float:left;text-align:center;line-height:45px;color:#000000;font-size:16px;background:#fff;}
.inside-main .inside-right .item-newpro:hover .item-np-title a{background:#00a0e9;color:#fff;}

/**��Ʒ����ҳ**/
.single-wrapper-left{width:49%;float:left;overflow:hidden;position:relative;margin-top:50px;}
.single-wrapper-left .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.single-wrapper-left .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.single-wrapper-left .swiper {width: 100%;margin-left: auto;margin-right: auto;}
.single-wrapper-left .swiper-slide {background-size: cover;background-position: center;}
.single-wrapper-left .mySwiper2 {height: 100%;width: 100%;border:1px solid #aaa;overflow:hidden;}
.single-wrapper-left .mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.single-wrapper-left .mySwiper .swiper-slide {width: 25%;height: 120px;opacity: 0.4;border:1px solid #aaa;}
.single-wrapper-left .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.single-wrapper-left .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.single-wrapper-left  .swiper .button-prev,
.single-wrapper-left  .swiper  .button-next{position:absolute;z-index:2;width:40px !important;height:40px !important;line-height:40px;text-align:center;color:#00a0e9;font-size:40px !important;cursor:pointer;user-select:none}
.single-wrapper-left  .swiper  .button-prev{left:0px}
.single-wrapper-left  .swiper  .button-next{right:0px}
.single-wrapper-left .swiper-button-next,.single-wrapper-left  .swiper-button-prev{top:auto;bottom:50px;width:20px;font-size:10px;--swiper-navigation-size:25px;}
.single-wrapper-right{width:49%;float:right;padding-left:10px;font-size:13px;line-height:25px;margin-top:50px;}
.pro-title{font-size:22px;color:#000;font-weight:bold;border-bottom: 1px solid #e2e2e2;padding-bottom:20px;}
.single-wrapper-desc,.pro-con{width:100%;float:left;margin-top:20px;font-size:15px;line-height:28px;}
.single-wrapper-desc{padding-bottom:50px;}
.single-wrapper-desc table{width: 100%;border-collapse: collapse;}
.single-wrapper-desc table caption{font-size: 15px;margin: 1em 0;}
.single-wrapper-desc th,.single-wrapper-desc td{border: 1px solid #aaa;text-align: center;padding: 10px 0;}
.single-wrapper-desc table thead tr{background-color: #eee;color: #fff;}
.single-wrapper-desc table tbody tr:nth-child(odd){background-color: #eee;}
.single-wrapper-desc table tbody tr:hover{background-color: #ddd;}
.single-wrapper-desc table tfoot tr td{text-align: center;padding-right: 20px;}

.fenye{padding-left:20%;padding-right:20%;}
.paging { background:#fff;height:40px;border-radius:20px;margin:0 auto;text-align:center;display:flex;justify-content: center;line-height:40px;padding-left:20px;padding-right:20px;text-align:center;display:flex;justify-content: center;width:auto; }
.paging a,.paging span{ display: inline-block; margin: 0 15px; font-size: 15px; }
.paging a:hover, .paging .current { color: #0075e4; border-bottom: 2px #0075e4 solid; }
.paging a[disabled]{ display:none;}

/*---- ��ҳ ----*/
.single-main { line-height: 2; color: #888; }
.detail-con{width:100%;float:left;margin-top:0px;padding:20px;background:#fff;text-align:justify;}
.detail-title{width:100%;float:left;font-size:24px;color:#939d49;text-align:center;}
.detail-con-con{width:100%;float:left;font-size: 14px;color: #666;line-height: 2;text-align: justify;margin-top:20px;}
.detail-con{width:100%;float:left;line-height:25px;}
.detail-title{width:100%;float:left;text-align:center;font-size:20px;color:#000;font-weight:bold;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;}
.detail-fb{width:100%;float:left;font-size:13px;color:#5a5a5a;}
.nnltime-left{width:50%;float:left;text-align:left;}
.detail-con .share{float:right;}
.share-p,.bdsharebuttonbox{float:left;}
.con-contact-map-detail{width:100%;float:left;background:#fff;margin-top:50px;overflow:hidden;margin-bottom:50px;}
.con-contact-map-detail #map{width:100%;margin-bottom:20px;height:300px;}
.contact-txt{padding:20px;line-height:30px;}


.list-app{width:calc(25% - 15px) !important;float:left;margin-right:20px;margin-bottom:30px;}
.list-app:nth-child(4n){margin-right:0px;}
.list-app .item-application-desc{margin-top:10px;}

.zxly{width:100%;float:left;margin-bottom:50px;}
.zxly input{width:49%;float:left;outline:none;height:50px;line-height:50px;text-indent:15px;margin-bottom:20px;}
.zxly input:nth-child(2n){float:right;}
.yihang{width:100%;float:left;}
.zxly button{width:150px;height:50px;float:left;border:0px;}
.zxly button:hover{background:#e96c1c;color:#fff;}